active_thread.rs

   1use crate::context_picker::{ContextPicker, MentionLink};
   2use crate::context_strip::{ContextStrip, ContextStripEvent, SuggestContextKind};
   3use crate::message_editor::{extract_message_creases, insert_message_creases};
   4use crate::ui::{AddedContext, AgentNotification, AgentNotificationEvent, ContextPill};
   5use crate::{AgentPanel, ModelUsageContext};
   6use agent::{
   7    ContextStore, LastRestoreCheckpoint, MessageCrease, MessageId, MessageSegment, TextThreadStore,
   8    Thread, ThreadError, ThreadEvent, ThreadFeedback, ThreadStore, ThreadSummary,
   9    context::{self, AgentContextHandle, RULES_ICON},
  10    thread_store::RulesLoadingError,
  11    tool_use::{PendingToolUseStatus, ToolUse},
  12};
  13use agent_settings::{AgentSettings, NotifyWhenAgentWaiting};
  14use anyhow::Context as _;
  15use assistant_tool::ToolUseStatus;
  16use audio::{Audio, Sound};
  17use collections::{HashMap, HashSet};
  18use editor::actions::{MoveUp, Paste};
  19use editor::scroll::Autoscroll;
  20use editor::{Editor, EditorElement, EditorEvent, EditorStyle, MultiBuffer, SelectionEffects};
  21use gpui::{
  22    AbsoluteLength, Animation, AnimationExt, AnyElement, App, ClickEvent, ClipboardEntry,
  23    ClipboardItem, DefiniteLength, EdgesRefinement, Empty, Entity, EventEmitter, Focusable, Hsla,
  24    ListAlignment, ListOffset, ListState, MouseButton, PlatformDisplay, ScrollHandle, Stateful,
  25    StyleRefinement, Subscription, Task, TextStyle, TextStyleRefinement, Transformation,
  26    UnderlineStyle, WeakEntity, WindowHandle, linear_color_stop, linear_gradient, list, percentage,
  27    pulsating_between,
  28};
  29use language::{Buffer, Language, LanguageRegistry};
  30use language_model::{
  31    LanguageModelRequestMessage, LanguageModelToolUseId, MessageContent, Role, StopReason,
  32};
  33use markdown::parser::{CodeBlockKind, CodeBlockMetadata};
  34use markdown::{
  35    HeadingLevelStyles, Markdown, MarkdownElement, MarkdownStyle, ParsedMarkdown, PathWithRange,
  36};
  37use project::{ProjectEntryId, ProjectItem as _};
  38use rope::Point;
  39use settings::{Settings as _, SettingsStore, update_settings_file};
  40use std::ffi::OsStr;
  41use std::path::Path;
  42use std::rc::Rc;
  43use std::sync::Arc;
  44use std::time::Duration;
  45use text::ToPoint;
  46use theme::ThemeSettings;
  47use ui::{
  48    Banner, Disclosure, KeyBinding, PopoverMenuHandle, Scrollbar, ScrollbarState, TextSize,
  49    Tooltip, prelude::*,
  50};
  51use util::ResultExt as _;
  52use util::markdown::MarkdownCodeBlock;
  53use workspace::{CollaboratorId, Workspace};
  54use zed_actions::assistant::OpenRulesLibrary;
  55use zed_llm_client::CompletionIntent;
  56
  57const CODEBLOCK_CONTAINER_GROUP: &str = "codeblock_container";
  58const EDIT_PREVIOUS_MESSAGE_MIN_LINES: usize = 1;
  59const RESPONSE_PADDING_X: Pixels = px(19.);
  60
  61pub struct ActiveThread {
  62    context_store: Entity<ContextStore>,
  63    language_registry: Arc<LanguageRegistry>,
  64    thread_store: Entity<ThreadStore>,
  65    text_thread_store: Entity<TextThreadStore>,
  66    thread: Entity<Thread>,
  67    workspace: WeakEntity<Workspace>,
  68    save_thread_task: Option<Task<()>>,
  69    messages: Vec<MessageId>,
  70    list_state: ListState,
  71    scrollbar_state: ScrollbarState,
  72    show_scrollbar: bool,
  73    hide_scrollbar_task: Option<Task<()>>,
  74    rendered_messages_by_id: HashMap<MessageId, RenderedMessage>,
  75    rendered_tool_uses: HashMap<LanguageModelToolUseId, RenderedToolUse>,
  76    editing_message: Option<(MessageId, EditingMessageState)>,
  77    expanded_tool_uses: HashMap<LanguageModelToolUseId, bool>,
  78    expanded_thinking_segments: HashMap<(MessageId, usize), bool>,
  79    expanded_code_blocks: HashMap<(MessageId, usize), bool>,
  80    last_error: Option<ThreadError>,
  81    notifications: Vec<WindowHandle<AgentNotification>>,
  82    copied_code_block_ids: HashSet<(MessageId, usize)>,
  83    _subscriptions: Vec<Subscription>,
  84    notification_subscriptions: HashMap<WindowHandle<AgentNotification>, Vec<Subscription>>,
  85    open_feedback_editors: HashMap<MessageId, Entity<Editor>>,
  86    _load_edited_message_context_task: Option<Task<()>>,
  87}
  88
  89struct RenderedMessage {
  90    language_registry: Arc<LanguageRegistry>,
  91    segments: Vec<RenderedMessageSegment>,
  92}
  93
  94#[derive(Clone)]
  95struct RenderedToolUse {
  96    label: Entity<Markdown>,
  97    input: Entity<Markdown>,
  98    output: Entity<Markdown>,
  99}
 100
 101impl RenderedMessage {
 102    fn from_segments(
 103        segments: &[MessageSegment],
 104        language_registry: Arc<LanguageRegistry>,
 105        cx: &mut App,
 106    ) -> Self {
 107        let mut this = Self {
 108            language_registry,
 109            segments: Vec::with_capacity(segments.len()),
 110        };
 111        for segment in segments {
 112            this.push_segment(segment, cx);
 113        }
 114        this
 115    }
 116
 117    fn append_thinking(&mut self, text: &String, cx: &mut App) {
 118        if let Some(RenderedMessageSegment::Thinking {
 119            content,
 120            scroll_handle,
 121        }) = self.segments.last_mut()
 122        {
 123            content.update(cx, |markdown, cx| {
 124                markdown.append(text, cx);
 125            });
 126            scroll_handle.scroll_to_bottom();
 127        } else {
 128            self.segments.push(RenderedMessageSegment::Thinking {
 129                content: parse_markdown(text.into(), self.language_registry.clone(), cx),
 130                scroll_handle: ScrollHandle::default(),
 131            });
 132        }
 133    }
 134
 135    fn append_text(&mut self, text: &String, cx: &mut App) {
 136        if let Some(RenderedMessageSegment::Text(markdown)) = self.segments.last_mut() {
 137            markdown.update(cx, |markdown, cx| markdown.append(text, cx));
 138        } else {
 139            self.segments
 140                .push(RenderedMessageSegment::Text(parse_markdown(
 141                    SharedString::from(text),
 142                    self.language_registry.clone(),
 143                    cx,
 144                )));
 145        }
 146    }
 147
 148    fn push_segment(&mut self, segment: &MessageSegment, cx: &mut App) {
 149        match segment {
 150            MessageSegment::Thinking { text, .. } => {
 151                self.segments.push(RenderedMessageSegment::Thinking {
 152                    content: parse_markdown(text.into(), self.language_registry.clone(), cx),
 153                    scroll_handle: ScrollHandle::default(),
 154                })
 155            }
 156            MessageSegment::Text(text) => {
 157                self.segments
 158                    .push(RenderedMessageSegment::Text(parse_markdown(
 159                        text.into(),
 160                        self.language_registry.clone(),
 161                        cx,
 162                    )))
 163            }
 164            MessageSegment::RedactedThinking(_) => {}
 165        };
 166    }
 167}
 168
 169enum RenderedMessageSegment {
 170    Thinking {
 171        content: Entity<Markdown>,
 172        scroll_handle: ScrollHandle,
 173    },
 174    Text(Entity<Markdown>),
 175}
 176
 177fn parse_markdown(
 178    text: SharedString,
 179    language_registry: Arc<LanguageRegistry>,
 180    cx: &mut App,
 181) -> Entity<Markdown> {
 182    cx.new(|cx| Markdown::new(text, Some(language_registry), None, cx))
 183}
 184
 185pub(crate) fn default_markdown_style(window: &Window, cx: &App) -> MarkdownStyle {
 186    let theme_settings = ThemeSettings::get_global(cx);
 187    let colors = cx.theme().colors();
 188    let ui_font_size = TextSize::Default.rems(cx);
 189    let buffer_font_size = TextSize::Small.rems(cx);
 190    let mut text_style = window.text_style();
 191    let line_height = buffer_font_size * 1.75;
 192
 193    text_style.refine(&TextStyleRefinement {
 194        font_family: Some(theme_settings.ui_font.family.clone()),
 195        font_fallbacks: theme_settings.ui_font.fallbacks.clone(),
 196        font_features: Some(theme_settings.ui_font.features.clone()),
 197        font_size: Some(ui_font_size.into()),
 198        line_height: Some(line_height.into()),
 199        color: Some(cx.theme().colors().text),
 200        ..Default::default()
 201    });
 202
 203    MarkdownStyle {
 204        base_text_style: text_style.clone(),
 205        syntax: cx.theme().syntax().clone(),
 206        selection_background_color: cx.theme().colors().element_selection_background,
 207        code_block_overflow_x_scroll: true,
 208        table_overflow_x_scroll: true,
 209        heading_level_styles: Some(HeadingLevelStyles {
 210            h1: Some(TextStyleRefinement {
 211                font_size: Some(rems(1.15).into()),
 212                ..Default::default()
 213            }),
 214            h2: Some(TextStyleRefinement {
 215                font_size: Some(rems(1.1).into()),
 216                ..Default::default()
 217            }),
 218            h3: Some(TextStyleRefinement {
 219                font_size: Some(rems(1.05).into()),
 220                ..Default::default()
 221            }),
 222            h4: Some(TextStyleRefinement {
 223                font_size: Some(rems(1.).into()),
 224                ..Default::default()
 225            }),
 226            h5: Some(TextStyleRefinement {
 227                font_size: Some(rems(0.95).into()),
 228                ..Default::default()
 229            }),
 230            h6: Some(TextStyleRefinement {
 231                font_size: Some(rems(0.875).into()),
 232                ..Default::default()
 233            }),
 234        }),
 235        code_block: StyleRefinement {
 236            padding: EdgesRefinement {
 237                top: Some(DefiniteLength::Absolute(AbsoluteLength::Pixels(Pixels(8.)))),
 238                left: Some(DefiniteLength::Absolute(AbsoluteLength::Pixels(Pixels(8.)))),
 239                right: Some(DefiniteLength::Absolute(AbsoluteLength::Pixels(Pixels(8.)))),
 240                bottom: Some(DefiniteLength::Absolute(AbsoluteLength::Pixels(Pixels(8.)))),
 241            },
 242            background: Some(colors.editor_background.into()),
 243            text: Some(TextStyleRefinement {
 244                font_family: Some(theme_settings.buffer_font.family.clone()),
 245                font_fallbacks: theme_settings.buffer_font.fallbacks.clone(),
 246                font_features: Some(theme_settings.buffer_font.features.clone()),
 247                font_size: Some(buffer_font_size.into()),
 248                ..Default::default()
 249            }),
 250            ..Default::default()
 251        },
 252        inline_code: TextStyleRefinement {
 253            font_family: Some(theme_settings.buffer_font.family.clone()),
 254            font_fallbacks: theme_settings.buffer_font.fallbacks.clone(),
 255            font_features: Some(theme_settings.buffer_font.features.clone()),
 256            font_size: Some(buffer_font_size.into()),
 257            background_color: Some(colors.editor_foreground.opacity(0.08)),
 258            ..Default::default()
 259        },
 260        link: TextStyleRefinement {
 261            background_color: Some(colors.editor_foreground.opacity(0.025)),
 262            underline: Some(UnderlineStyle {
 263                color: Some(colors.text_accent.opacity(0.5)),
 264                thickness: px(1.),
 265                ..Default::default()
 266            }),
 267            ..Default::default()
 268        },
 269        link_callback: Some(Rc::new(move |url, cx| {
 270            if MentionLink::is_valid(url) {
 271                let colors = cx.theme().colors();
 272                Some(TextStyleRefinement {
 273                    background_color: Some(colors.element_background),
 274                    ..Default::default()
 275                })
 276            } else {
 277                None
 278            }
 279        })),
 280        ..Default::default()
 281    }
 282}
 283
 284fn tool_use_markdown_style(window: &Window, cx: &mut App) -> MarkdownStyle {
 285    let theme_settings = ThemeSettings::get_global(cx);
 286    let colors = cx.theme().colors();
 287    let ui_font_size = TextSize::Default.rems(cx);
 288    let buffer_font_size = TextSize::Small.rems(cx);
 289    let mut text_style = window.text_style();
 290
 291    text_style.refine(&TextStyleRefinement {
 292        font_family: Some(theme_settings.ui_font.family.clone()),
 293        font_fallbacks: theme_settings.ui_font.fallbacks.clone(),
 294        font_features: Some(theme_settings.ui_font.features.clone()),
 295        font_size: Some(ui_font_size.into()),
 296        color: Some(cx.theme().colors().text),
 297        ..Default::default()
 298    });
 299
 300    MarkdownStyle {
 301        base_text_style: text_style,
 302        syntax: cx.theme().syntax().clone(),
 303        selection_background_color: cx.theme().colors().element_selection_background,
 304        code_block_overflow_x_scroll: false,
 305        code_block: StyleRefinement {
 306            margin: EdgesRefinement::default(),
 307            padding: EdgesRefinement::default(),
 308            background: Some(colors.editor_background.into()),
 309            border_color: None,
 310            border_widths: EdgesRefinement::default(),
 311            text: Some(TextStyleRefinement {
 312                font_family: Some(theme_settings.buffer_font.family.clone()),
 313                font_fallbacks: theme_settings.buffer_font.fallbacks.clone(),
 314                font_features: Some(theme_settings.buffer_font.features.clone()),
 315                font_size: Some(buffer_font_size.into()),
 316                ..Default::default()
 317            }),
 318            ..Default::default()
 319        },
 320        inline_code: TextStyleRefinement {
 321            font_family: Some(theme_settings.buffer_font.family.clone()),
 322            font_fallbacks: theme_settings.buffer_font.fallbacks.clone(),
 323            font_features: Some(theme_settings.buffer_font.features.clone()),
 324            font_size: Some(TextSize::XSmall.rems(cx).into()),
 325            ..Default::default()
 326        },
 327        heading: StyleRefinement {
 328            text: Some(TextStyleRefinement {
 329                font_size: Some(ui_font_size.into()),
 330                ..Default::default()
 331            }),
 332            ..Default::default()
 333        },
 334        ..Default::default()
 335    }
 336}
 337
 338fn render_markdown_code_block(
 339    message_id: MessageId,
 340    ix: usize,
 341    kind: &CodeBlockKind,
 342    parsed_markdown: &ParsedMarkdown,
 343    metadata: CodeBlockMetadata,
 344    active_thread: Entity<ActiveThread>,
 345    workspace: WeakEntity<Workspace>,
 346    _window: &Window,
 347    cx: &App,
 348) -> Div {
 349    let label_size = rems(0.8125);
 350
 351    let label = match kind {
 352        CodeBlockKind::Indented => None,
 353        CodeBlockKind::Fenced => Some(
 354            h_flex()
 355                .px_1()
 356                .gap_1()
 357                .child(
 358                    Icon::new(IconName::Code)
 359                        .color(Color::Muted)
 360                        .size(IconSize::XSmall),
 361                )
 362                .child(div().text_size(label_size).child("Plain Text"))
 363                .into_any_element(),
 364        ),
 365        CodeBlockKind::FencedLang(raw_language_name) => Some(render_code_language(
 366            parsed_markdown.languages_by_name.get(raw_language_name),
 367            raw_language_name.clone(),
 368            cx,
 369        )),
 370        CodeBlockKind::FencedSrc(path_range) => path_range.path.file_name().map(|file_name| {
 371            // We tell the model to use /dev/null for the path instead of using ```language
 372            // because otherwise it consistently fails to use code citations.
 373            if path_range.path.starts_with("/dev/null") {
 374                let ext = path_range
 375                    .path
 376                    .extension()
 377                    .and_then(OsStr::to_str)
 378                    .map(|str| SharedString::new(str.to_string()))
 379                    .unwrap_or_default();
 380
 381                render_code_language(
 382                    parsed_markdown
 383                        .languages_by_path
 384                        .get(&path_range.path)
 385                        .or_else(|| parsed_markdown.languages_by_name.get(&ext)),
 386                    ext,
 387                    cx,
 388                )
 389            } else {
 390                let content = if let Some(parent) = path_range.path.parent() {
 391                    let file_name = file_name.to_string_lossy().to_string();
 392                    let path = parent.to_string_lossy().to_string();
 393                    let path_and_file = format!("{}/{}", path, file_name);
 394
 395                    h_flex()
 396                        .id(("code-block-header-label", ix))
 397                        .ml_1()
 398                        .gap_1()
 399                        .child(div().text_size(label_size).child(file_name))
 400                        .child(Label::new(path).color(Color::Muted).size(LabelSize::Small))
 401                        .tooltip(move |window, cx| {
 402                            Tooltip::with_meta(
 403                                "Jump to File",
 404                                None,
 405                                path_and_file.clone(),
 406                                window,
 407                                cx,
 408                            )
 409                        })
 410                        .into_any_element()
 411                } else {
 412                    div()
 413                        .ml_1()
 414                        .text_size(label_size)
 415                        .child(path_range.path.to_string_lossy().to_string())
 416                        .into_any_element()
 417                };
 418
 419                h_flex()
 420                    .id(("code-block-header-button", ix))
 421                    .w_full()
 422                    .max_w_full()
 423                    .px_1()
 424                    .gap_0p5()
 425                    .cursor_pointer()
 426                    .rounded_sm()
 427                    .hover(|item| item.bg(cx.theme().colors().element_hover.opacity(0.5)))
 428                    .child(
 429                        h_flex()
 430                            .gap_0p5()
 431                            .children(
 432                                file_icons::FileIcons::get_icon(&path_range.path, cx)
 433                                    .map(Icon::from_path)
 434                                    .map(|icon| icon.color(Color::Muted).size(IconSize::XSmall)),
 435                            )
 436                            .child(content)
 437                            .child(
 438                                Icon::new(IconName::ArrowUpRight)
 439                                    .size(IconSize::XSmall)
 440                                    .color(Color::Ignored),
 441                            ),
 442                    )
 443                    .on_click({
 444                        let path_range = path_range.clone();
 445                        move |_, window, cx| {
 446                            workspace
 447                                .update(cx, |workspace, cx| {
 448                                    open_path(&path_range, window, workspace, cx)
 449                                })
 450                                .ok();
 451                        }
 452                    })
 453                    .into_any_element()
 454            }
 455        }),
 456    };
 457
 458    let codeblock_was_copied = active_thread
 459        .read(cx)
 460        .copied_code_block_ids
 461        .contains(&(message_id, ix));
 462
 463    let is_expanded = active_thread.read(cx).is_codeblock_expanded(message_id, ix);
 464
 465    let codeblock_header_bg = cx
 466        .theme()
 467        .colors()
 468        .element_background
 469        .blend(cx.theme().colors().editor_foreground.opacity(0.025));
 470
 471    let control_buttons = h_flex()
 472        .visible_on_hover(CODEBLOCK_CONTAINER_GROUP)
 473        .absolute()
 474        .top_0()
 475        .right_0()
 476        .h_full()
 477        .bg(codeblock_header_bg)
 478        .rounded_tr_md()
 479        .px_1()
 480        .gap_1()
 481        .child(
 482            IconButton::new(
 483                ("copy-markdown-code", ix),
 484                if codeblock_was_copied {
 485                    IconName::Check
 486                } else {
 487                    IconName::Copy
 488                },
 489            )
 490            .icon_color(Color::Muted)
 491            .shape(ui::IconButtonShape::Square)
 492            .tooltip(Tooltip::text("Copy Code"))
 493            .on_click({
 494                let active_thread = active_thread.clone();
 495                let parsed_markdown = parsed_markdown.clone();
 496                let code_block_range = metadata.content_range.clone();
 497                move |_event, _window, cx| {
 498                    active_thread.update(cx, |this, cx| {
 499                        this.copied_code_block_ids.insert((message_id, ix));
 500
 501                        let code = parsed_markdown.source()[code_block_range.clone()].to_string();
 502                        cx.write_to_clipboard(ClipboardItem::new_string(code));
 503
 504                        cx.spawn(async move |this, cx| {
 505                            cx.background_executor().timer(Duration::from_secs(2)).await;
 506
 507                            cx.update(|cx| {
 508                                this.update(cx, |this, cx| {
 509                                    this.copied_code_block_ids.remove(&(message_id, ix));
 510                                    cx.notify();
 511                                })
 512                            })
 513                            .ok();
 514                        })
 515                        .detach();
 516                    });
 517                }
 518            }),
 519        )
 520        .child(
 521            IconButton::new(
 522                ("expand-collapse-code", ix),
 523                if is_expanded {
 524                    IconName::ChevronUp
 525                } else {
 526                    IconName::ChevronDown
 527                },
 528            )
 529            .icon_color(Color::Muted)
 530            .shape(ui::IconButtonShape::Square)
 531            .tooltip(Tooltip::text(if is_expanded {
 532                "Collapse Code"
 533            } else {
 534                "Expand Code"
 535            }))
 536            .on_click({
 537                let active_thread = active_thread.clone();
 538                move |_event, _window, cx| {
 539                    active_thread.update(cx, |this, cx| {
 540                        this.toggle_codeblock_expanded(message_id, ix);
 541                        cx.notify();
 542                    });
 543                }
 544            }),
 545        );
 546
 547    let codeblock_header = h_flex()
 548        .relative()
 549        .p_1()
 550        .gap_1()
 551        .justify_between()
 552        .bg(codeblock_header_bg)
 553        .map(|this| {
 554            if !is_expanded {
 555                this.rounded_md()
 556            } else {
 557                this.rounded_t_md()
 558                    .border_b_1()
 559                    .border_color(cx.theme().colors().border.opacity(0.6))
 560            }
 561        })
 562        .children(label)
 563        .child(control_buttons);
 564
 565    v_flex()
 566        .group(CODEBLOCK_CONTAINER_GROUP)
 567        .my_2()
 568        .overflow_hidden()
 569        .rounded_md()
 570        .border_1()
 571        .border_color(cx.theme().colors().border.opacity(0.6))
 572        .bg(cx.theme().colors().editor_background)
 573        .child(codeblock_header)
 574        .when(!is_expanded, |this| this.h(rems_from_px(31.)))
 575}
 576
 577fn open_path(
 578    path_range: &PathWithRange,
 579    window: &mut Window,
 580    workspace: &mut Workspace,
 581    cx: &mut Context<'_, Workspace>,
 582) {
 583    let Some(project_path) = workspace
 584        .project()
 585        .read(cx)
 586        .find_project_path(&path_range.path, cx)
 587    else {
 588        return; // TODO instead of just bailing out, open that path in a buffer.
 589    };
 590
 591    let Some(target) = path_range.range.as_ref().map(|range| {
 592        Point::new(
 593            // Line number is 1-based
 594            range.start.line.saturating_sub(1),
 595            range.start.col.unwrap_or(0),
 596        )
 597    }) else {
 598        return;
 599    };
 600    let open_task = workspace.open_path(project_path, None, true, window, cx);
 601    window
 602        .spawn(cx, async move |cx| {
 603            let item = open_task.await?;
 604            if let Some(active_editor) = item.downcast::<Editor>() {
 605                active_editor
 606                    .update_in(cx, |editor, window, cx| {
 607                        editor.go_to_singleton_buffer_point(target, window, cx);
 608                    })
 609                    .ok();
 610            }
 611            anyhow::Ok(())
 612        })
 613        .detach_and_log_err(cx);
 614}
 615
 616fn render_code_language(
 617    language: Option<&Arc<Language>>,
 618    name_fallback: SharedString,
 619    cx: &App,
 620) -> AnyElement {
 621    let icon_path = language.and_then(|language| {
 622        language
 623            .config()
 624            .matcher
 625            .path_suffixes
 626            .iter()
 627            .find_map(|extension| file_icons::FileIcons::get_icon(Path::new(extension), cx))
 628            .map(Icon::from_path)
 629    });
 630
 631    let language_label = language
 632        .map(|language| language.name().into())
 633        .unwrap_or(name_fallback);
 634
 635    let label_size = rems(0.8125);
 636
 637    h_flex()
 638        .px_1()
 639        .gap_1p5()
 640        .children(icon_path.map(|icon| icon.color(Color::Muted).size(IconSize::XSmall)))
 641        .child(div().text_size(label_size).child(language_label))
 642        .into_any_element()
 643}
 644
 645fn open_markdown_link(
 646    text: SharedString,
 647    workspace: WeakEntity<Workspace>,
 648    window: &mut Window,
 649    cx: &mut App,
 650) {
 651    let Some(workspace) = workspace.upgrade() else {
 652        cx.open_url(&text);
 653        return;
 654    };
 655
 656    match MentionLink::try_parse(&text, &workspace, cx) {
 657        Some(MentionLink::File(path, entry)) => workspace.update(cx, |workspace, cx| {
 658            if entry.is_dir() {
 659                workspace.project().update(cx, |_, cx| {
 660                    cx.emit(project::Event::RevealInProjectPanel(entry.id));
 661                })
 662            } else {
 663                workspace
 664                    .open_path(path, None, true, window, cx)
 665                    .detach_and_log_err(cx);
 666            }
 667        }),
 668        Some(MentionLink::Symbol(path, symbol_name)) => {
 669            let open_task = workspace.update(cx, |workspace, cx| {
 670                workspace.open_path(path, None, true, window, cx)
 671            });
 672            window
 673                .spawn(cx, async move |cx| {
 674                    let active_editor = open_task
 675                        .await?
 676                        .downcast::<Editor>()
 677                        .context("Item is not an editor")?;
 678                    active_editor.update_in(cx, |editor, window, cx| {
 679                        let symbol_range = editor
 680                            .buffer()
 681                            .read(cx)
 682                            .snapshot(cx)
 683                            .outline(None)
 684                            .and_then(|outline| {
 685                                outline
 686                                    .find_most_similar(&symbol_name)
 687                                    .map(|(_, item)| item.range.clone())
 688                            })
 689                            .context("Could not find matching symbol")?;
 690
 691                        editor.change_selections(
 692                            SelectionEffects::scroll(Autoscroll::center()),
 693                            window,
 694                            cx,
 695                            |s| s.select_anchor_ranges([symbol_range.start..symbol_range.start]),
 696                        );
 697                        anyhow::Ok(())
 698                    })
 699                })
 700                .detach_and_log_err(cx);
 701        }
 702        Some(MentionLink::Selection(path, line_range)) => {
 703            let open_task = workspace.update(cx, |workspace, cx| {
 704                workspace.open_path(path, None, true, window, cx)
 705            });
 706            window
 707                .spawn(cx, async move |cx| {
 708                    let active_editor = open_task
 709                        .await?
 710                        .downcast::<Editor>()
 711                        .context("Item is not an editor")?;
 712                    active_editor.update_in(cx, |editor, window, cx| {
 713                        editor.change_selections(
 714                            SelectionEffects::scroll(Autoscroll::center()),
 715                            window,
 716                            cx,
 717                            |s| {
 718                                s.select_ranges([Point::new(line_range.start as u32, 0)
 719                                    ..Point::new(line_range.start as u32, 0)])
 720                            },
 721                        );
 722                        anyhow::Ok(())
 723                    })
 724                })
 725                .detach_and_log_err(cx);
 726        }
 727        Some(MentionLink::Thread(thread_id)) => workspace.update(cx, |workspace, cx| {
 728            if let Some(panel) = workspace.panel::<AgentPanel>(cx) {
 729                panel.update(cx, |panel, cx| {
 730                    panel
 731                        .open_thread_by_id(&thread_id, window, cx)
 732                        .detach_and_log_err(cx)
 733                });
 734            }
 735        }),
 736        Some(MentionLink::TextThread(path)) => workspace.update(cx, |workspace, cx| {
 737            if let Some(panel) = workspace.panel::<AgentPanel>(cx) {
 738                panel.update(cx, |panel, cx| {
 739                    panel
 740                        .open_saved_prompt_editor(path, window, cx)
 741                        .detach_and_log_err(cx);
 742                });
 743            }
 744        }),
 745        Some(MentionLink::Fetch(url)) => cx.open_url(&url),
 746        Some(MentionLink::Rule(prompt_id)) => window.dispatch_action(
 747            Box::new(OpenRulesLibrary {
 748                prompt_to_select: Some(prompt_id.0),
 749            }),
 750            cx,
 751        ),
 752        None => cx.open_url(&text),
 753    }
 754}
 755
 756struct EditingMessageState {
 757    editor: Entity<Editor>,
 758    context_strip: Entity<ContextStrip>,
 759    context_picker_menu_handle: PopoverMenuHandle<ContextPicker>,
 760    last_estimated_token_count: Option<u64>,
 761    _subscriptions: [Subscription; 2],
 762    _update_token_count_task: Option<Task<()>>,
 763}
 764
 765impl ActiveThread {
 766    pub fn new(
 767        thread: Entity<Thread>,
 768        thread_store: Entity<ThreadStore>,
 769        text_thread_store: Entity<TextThreadStore>,
 770        context_store: Entity<ContextStore>,
 771        language_registry: Arc<LanguageRegistry>,
 772        workspace: WeakEntity<Workspace>,
 773        window: &mut Window,
 774        cx: &mut Context<Self>,
 775    ) -> Self {
 776        let subscriptions = vec![
 777            cx.observe(&thread, |_, _, cx| cx.notify()),
 778            cx.subscribe_in(&thread, window, Self::handle_thread_event),
 779            cx.subscribe(&thread_store, Self::handle_rules_loading_error),
 780            cx.observe_global::<SettingsStore>(|_, cx| cx.notify()),
 781        ];
 782
 783        let list_state = ListState::new(0, ListAlignment::Bottom, px(2048.), {
 784            let this = cx.entity().downgrade();
 785            move |ix, window: &mut Window, cx: &mut App| {
 786                this.update(cx, |this, cx| this.render_message(ix, window, cx))
 787                    .unwrap()
 788            }
 789        });
 790        let mut this = Self {
 791            language_registry,
 792            thread_store,
 793            text_thread_store,
 794            context_store,
 795            thread: thread.clone(),
 796            workspace,
 797            save_thread_task: None,
 798            messages: Vec::new(),
 799            rendered_messages_by_id: HashMap::default(),
 800            rendered_tool_uses: HashMap::default(),
 801            expanded_tool_uses: HashMap::default(),
 802            expanded_thinking_segments: HashMap::default(),
 803            expanded_code_blocks: HashMap::default(),
 804            list_state: list_state.clone(),
 805            scrollbar_state: ScrollbarState::new(list_state),
 806            show_scrollbar: false,
 807            hide_scrollbar_task: None,
 808            editing_message: None,
 809            last_error: None,
 810            copied_code_block_ids: HashSet::default(),
 811            notifications: Vec::new(),
 812            _subscriptions: subscriptions,
 813            notification_subscriptions: HashMap::default(),
 814            open_feedback_editors: HashMap::default(),
 815            _load_edited_message_context_task: None,
 816        };
 817
 818        for message in thread.read(cx).messages().cloned().collect::<Vec<_>>() {
 819            let rendered_message = RenderedMessage::from_segments(
 820                &message.segments,
 821                this.language_registry.clone(),
 822                cx,
 823            );
 824            this.push_rendered_message(message.id, rendered_message);
 825
 826            for tool_use in thread.read(cx).tool_uses_for_message(message.id, cx) {
 827                this.render_tool_use_markdown(
 828                    tool_use.id.clone(),
 829                    tool_use.ui_text.clone(),
 830                    &serde_json::to_string_pretty(&tool_use.input).unwrap_or_default(),
 831                    tool_use.status.text(),
 832                    cx,
 833                );
 834            }
 835        }
 836
 837        this
 838    }
 839
 840    pub fn thread(&self) -> &Entity<Thread> {
 841        &self.thread
 842    }
 843
 844    pub fn is_empty(&self) -> bool {
 845        self.messages.is_empty()
 846    }
 847
 848    pub fn summary<'a>(&'a self, cx: &'a App) -> &'a ThreadSummary {
 849        self.thread.read(cx).summary()
 850    }
 851
 852    pub fn regenerate_summary(&self, cx: &mut App) {
 853        self.thread.update(cx, |thread, cx| thread.summarize(cx))
 854    }
 855
 856    pub fn cancel_last_completion(&mut self, window: &mut Window, cx: &mut App) -> bool {
 857        self.last_error.take();
 858        self.thread.update(cx, |thread, cx| {
 859            thread.cancel_last_completion(Some(window.window_handle()), cx)
 860        })
 861    }
 862
 863    pub fn last_error(&self) -> Option<ThreadError> {
 864        self.last_error.clone()
 865    }
 866
 867    pub fn clear_last_error(&mut self) {
 868        self.last_error.take();
 869    }
 870
 871    /// Returns the editing message id and the estimated token count in the content
 872    pub fn editing_message_id(&self) -> Option<(MessageId, u64)> {
 873        self.editing_message
 874            .as_ref()
 875            .map(|(id, state)| (*id, state.last_estimated_token_count.unwrap_or(0)))
 876    }
 877
 878    pub fn context_store(&self) -> &Entity<ContextStore> {
 879        &self.context_store
 880    }
 881
 882    pub fn thread_store(&self) -> &Entity<ThreadStore> {
 883        &self.thread_store
 884    }
 885
 886    pub fn text_thread_store(&self) -> &Entity<TextThreadStore> {
 887        &self.text_thread_store
 888    }
 889
 890    fn push_rendered_message(&mut self, id: MessageId, rendered_message: RenderedMessage) {
 891        let old_len = self.messages.len();
 892        self.messages.push(id);
 893        self.list_state.splice(old_len..old_len, 1);
 894        self.rendered_messages_by_id.insert(id, rendered_message);
 895    }
 896
 897    fn deleted_message(&mut self, id: &MessageId) {
 898        let Some(index) = self.messages.iter().position(|message_id| message_id == id) else {
 899            return;
 900        };
 901        self.messages.remove(index);
 902        self.list_state.splice(index..index + 1, 0);
 903        self.rendered_messages_by_id.remove(id);
 904    }
 905
 906    fn render_tool_use_markdown(
 907        &mut self,
 908        tool_use_id: LanguageModelToolUseId,
 909        tool_label: impl Into<SharedString>,
 910        tool_input: &str,
 911        tool_output: SharedString,
 912        cx: &mut Context<Self>,
 913    ) {
 914        let rendered = self
 915            .rendered_tool_uses
 916            .entry(tool_use_id.clone())
 917            .or_insert_with(|| RenderedToolUse {
 918                label: cx.new(|cx| {
 919                    Markdown::new("".into(), Some(self.language_registry.clone()), None, cx)
 920                }),
 921                input: cx.new(|cx| {
 922                    Markdown::new("".into(), Some(self.language_registry.clone()), None, cx)
 923                }),
 924                output: cx.new(|cx| {
 925                    Markdown::new("".into(), Some(self.language_registry.clone()), None, cx)
 926                }),
 927            });
 928
 929        rendered.label.update(cx, |this, cx| {
 930            this.replace(tool_label, cx);
 931        });
 932        rendered.input.update(cx, |this, cx| {
 933            this.replace(
 934                MarkdownCodeBlock {
 935                    tag: "json",
 936                    text: tool_input,
 937                }
 938                .to_string(),
 939                cx,
 940            );
 941        });
 942        rendered.output.update(cx, |this, cx| {
 943            this.replace(tool_output, cx);
 944        });
 945    }
 946
 947    fn handle_thread_event(
 948        &mut self,
 949        _thread: &Entity<Thread>,
 950        event: &ThreadEvent,
 951        window: &mut Window,
 952        cx: &mut Context<Self>,
 953    ) {
 954        match event {
 955            ThreadEvent::CancelEditing => {
 956                if self.editing_message.is_some() {
 957                    self.cancel_editing_message(&menu::Cancel, window, cx);
 958                }
 959            }
 960            ThreadEvent::ShowError(error) => {
 961                self.last_error = Some(error.clone());
 962            }
 963            ThreadEvent::NewRequest => {
 964                cx.notify();
 965            }
 966            ThreadEvent::CompletionCanceled => {
 967                self.thread.update(cx, |thread, cx| {
 968                    thread.project().update(cx, |project, cx| {
 969                        project.set_agent_location(None, cx);
 970                    })
 971                });
 972                self.workspace
 973                    .update(cx, |workspace, cx| {
 974                        if workspace.is_being_followed(CollaboratorId::Agent) {
 975                            workspace.unfollow(CollaboratorId::Agent, window, cx);
 976                        }
 977                    })
 978                    .ok();
 979                cx.notify();
 980            }
 981            ThreadEvent::StreamedCompletion
 982            | ThreadEvent::SummaryGenerated
 983            | ThreadEvent::SummaryChanged => {
 984                self.save_thread(cx);
 985            }
 986            ThreadEvent::Stopped(reason) => match reason {
 987                Ok(StopReason::EndTurn | StopReason::MaxTokens) => {
 988                    let used_tools = self.thread.read(cx).used_tools_since_last_user_message();
 989                    self.play_notification_sound(window, cx);
 990                    self.show_notification(
 991                        if used_tools {
 992                            "Finished running tools"
 993                        } else {
 994                            "New message"
 995                        },
 996                        IconName::ZedAssistant,
 997                        window,
 998                        cx,
 999                    );
1000                }
1001                _ => {}
1002            },
1003            ThreadEvent::ToolConfirmationNeeded => {
1004                self.play_notification_sound(window, cx);
1005                self.show_notification("Waiting for tool confirmation", IconName::Info, window, cx);
1006            }
1007            ThreadEvent::ToolUseLimitReached => {
1008                self.play_notification_sound(window, cx);
1009                self.show_notification(
1010                    "Consecutive tool use limit reached.",
1011                    IconName::Warning,
1012                    window,
1013                    cx,
1014                );
1015            }
1016            ThreadEvent::StreamedAssistantText(message_id, text) => {
1017                if let Some(rendered_message) = self.rendered_messages_by_id.get_mut(&message_id) {
1018                    rendered_message.append_text(text, cx);
1019                }
1020            }
1021            ThreadEvent::StreamedAssistantThinking(message_id, text) => {
1022                if let Some(rendered_message) = self.rendered_messages_by_id.get_mut(&message_id) {
1023                    rendered_message.append_thinking(text, cx);
1024                }
1025            }
1026            ThreadEvent::MessageAdded(message_id) => {
1027                self.clear_last_error();
1028                if let Some(rendered_message) = self.thread.update(cx, |thread, cx| {
1029                    thread.message(*message_id).map(|message| {
1030                        RenderedMessage::from_segments(
1031                            &message.segments,
1032                            self.language_registry.clone(),
1033                            cx,
1034                        )
1035                    })
1036                }) {
1037                    self.push_rendered_message(*message_id, rendered_message);
1038                }
1039
1040                self.save_thread(cx);
1041                cx.notify();
1042            }
1043            ThreadEvent::MessageEdited(message_id) => {
1044                self.clear_last_error();
1045                if let Some(index) = self.messages.iter().position(|id| id == message_id) {
1046                    if let Some(rendered_message) = self.thread.update(cx, |thread, cx| {
1047                        thread.message(*message_id).map(|message| {
1048                            let mut rendered_message = RenderedMessage {
1049                                language_registry: self.language_registry.clone(),
1050                                segments: Vec::with_capacity(message.segments.len()),
1051                            };
1052                            for segment in &message.segments {
1053                                rendered_message.push_segment(segment, cx);
1054                            }
1055                            rendered_message
1056                        })
1057                    }) {
1058                        self.list_state.splice(index..index + 1, 1);
1059                        self.rendered_messages_by_id
1060                            .insert(*message_id, rendered_message);
1061                        self.scroll_to_bottom(cx);
1062                        self.save_thread(cx);
1063                        cx.notify();
1064                    }
1065                }
1066            }
1067            ThreadEvent::MessageDeleted(message_id) => {
1068                self.deleted_message(message_id);
1069                self.save_thread(cx);
1070                cx.notify();
1071            }
1072            ThreadEvent::UsePendingTools { tool_uses } => {
1073                for tool_use in tool_uses {
1074                    self.render_tool_use_markdown(
1075                        tool_use.id.clone(),
1076                        tool_use.ui_text.clone(),
1077                        &serde_json::to_string_pretty(&tool_use.input).unwrap_or_default(),
1078                        "".into(),
1079                        cx,
1080                    );
1081                }
1082            }
1083            ThreadEvent::StreamedToolUse {
1084                tool_use_id,
1085                ui_text,
1086                input,
1087            } => {
1088                self.render_tool_use_markdown(
1089                    tool_use_id.clone(),
1090                    ui_text.clone(),
1091                    &serde_json::to_string_pretty(&input).unwrap_or_default(),
1092                    "".into(),
1093                    cx,
1094                );
1095            }
1096            ThreadEvent::ToolFinished {
1097                pending_tool_use, ..
1098            } => {
1099                if let Some(tool_use) = pending_tool_use {
1100                    self.render_tool_use_markdown(
1101                        tool_use.id.clone(),
1102                        tool_use.ui_text.clone(),
1103                        &serde_json::to_string_pretty(&tool_use.input).unwrap_or_default(),
1104                        self.thread
1105                            .read(cx)
1106                            .output_for_tool(&tool_use.id)
1107                            .map(|output| output.clone().into())
1108                            .unwrap_or("".into()),
1109                        cx,
1110                    );
1111                }
1112            }
1113            ThreadEvent::CheckpointChanged => cx.notify(),
1114            ThreadEvent::ReceivedTextChunk => {}
1115            ThreadEvent::InvalidToolInput {
1116                tool_use_id,
1117                ui_text,
1118                invalid_input_json,
1119            } => {
1120                self.render_tool_use_markdown(
1121                    tool_use_id.clone(),
1122                    ui_text,
1123                    invalid_input_json,
1124                    self.thread
1125                        .read(cx)
1126                        .output_for_tool(tool_use_id)
1127                        .map(|output| output.clone().into())
1128                        .unwrap_or("".into()),
1129                    cx,
1130                );
1131            }
1132            ThreadEvent::MissingToolUse {
1133                tool_use_id,
1134                ui_text,
1135            } => {
1136                self.render_tool_use_markdown(
1137                    tool_use_id.clone(),
1138                    ui_text,
1139                    "",
1140                    self.thread
1141                        .read(cx)
1142                        .output_for_tool(tool_use_id)
1143                        .map(|output| output.clone().into())
1144                        .unwrap_or("".into()),
1145                    cx,
1146                );
1147            }
1148            ThreadEvent::ProfileChanged => {
1149                self.save_thread(cx);
1150                cx.notify();
1151            }
1152            ThreadEvent::RetriesFailed { message } => {
1153                self.show_notification(message, ui::IconName::Warning, window, cx);
1154            }
1155        }
1156    }
1157
1158    fn handle_rules_loading_error(
1159        &mut self,
1160        _thread_store: Entity<ThreadStore>,
1161        error: &RulesLoadingError,
1162        cx: &mut Context<Self>,
1163    ) {
1164        self.last_error = Some(ThreadError::Message {
1165            header: "Error loading rules file".into(),
1166            message: error.message.clone(),
1167        });
1168        cx.notify();
1169    }
1170
1171    fn play_notification_sound(&self, window: &Window, cx: &mut App) {
1172        let settings = AgentSettings::get_global(cx);
1173        if settings.play_sound_when_agent_done && !window.is_window_active() {
1174            Audio::play_sound(Sound::AgentDone, cx);
1175        }
1176    }
1177
1178    fn show_notification(
1179        &mut self,
1180        caption: impl Into<SharedString>,
1181        icon: IconName,
1182        window: &mut Window,
1183        cx: &mut Context<ActiveThread>,
1184    ) {
1185        if window.is_window_active() || !self.notifications.is_empty() {
1186            return;
1187        }
1188
1189        let title = self.thread.read(cx).summary().unwrap_or("Agent Panel");
1190
1191        match AgentSettings::get_global(cx).notify_when_agent_waiting {
1192            NotifyWhenAgentWaiting::PrimaryScreen => {
1193                if let Some(primary) = cx.primary_display() {
1194                    self.pop_up(icon, caption.into(), title.clone(), window, primary, cx);
1195                }
1196            }
1197            NotifyWhenAgentWaiting::AllScreens => {
1198                let caption = caption.into();
1199                for screen in cx.displays() {
1200                    self.pop_up(icon, caption.clone(), title.clone(), window, screen, cx);
1201                }
1202            }
1203            NotifyWhenAgentWaiting::Never => {
1204                // Don't show anything
1205            }
1206        }
1207    }
1208
1209    fn pop_up(
1210        &mut self,
1211        icon: IconName,
1212        caption: SharedString,
1213        title: SharedString,
1214        window: &mut Window,
1215        screen: Rc<dyn PlatformDisplay>,
1216        cx: &mut Context<'_, ActiveThread>,
1217    ) {
1218        let options = AgentNotification::window_options(screen, cx);
1219
1220        let project_name = self.workspace.upgrade().and_then(|workspace| {
1221            workspace
1222                .read(cx)
1223                .project()
1224                .read(cx)
1225                .visible_worktrees(cx)
1226                .next()
1227                .map(|worktree| worktree.read(cx).root_name().to_string())
1228        });
1229
1230        if let Some(screen_window) = cx
1231            .open_window(options, |_, cx| {
1232                cx.new(|_| {
1233                    AgentNotification::new(title.clone(), caption.clone(), icon, project_name)
1234                })
1235            })
1236            .log_err()
1237        {
1238            if let Some(pop_up) = screen_window.entity(cx).log_err() {
1239                self.notification_subscriptions
1240                    .entry(screen_window)
1241                    .or_insert_with(Vec::new)
1242                    .push(cx.subscribe_in(&pop_up, window, {
1243                        |this, _, event, window, cx| match event {
1244                            AgentNotificationEvent::Accepted => {
1245                                let handle = window.window_handle();
1246                                cx.activate(true);
1247
1248                                let workspace_handle = this.workspace.clone();
1249
1250                                // If there are multiple Zed windows, activate the correct one.
1251                                cx.defer(move |cx| {
1252                                    handle
1253                                        .update(cx, |_view, window, _cx| {
1254                                            window.activate_window();
1255
1256                                            if let Some(workspace) = workspace_handle.upgrade() {
1257                                                workspace.update(_cx, |workspace, cx| {
1258                                                    workspace.focus_panel::<AgentPanel>(window, cx);
1259                                                });
1260                                            }
1261                                        })
1262                                        .log_err();
1263                                });
1264
1265                                this.dismiss_notifications(cx);
1266                            }
1267                            AgentNotificationEvent::Dismissed => {
1268                                this.dismiss_notifications(cx);
1269                            }
1270                        }
1271                    }));
1272
1273                self.notifications.push(screen_window);
1274
1275                // If the user manually refocuses the original window, dismiss the popup.
1276                self.notification_subscriptions
1277                    .entry(screen_window)
1278                    .or_insert_with(Vec::new)
1279                    .push({
1280                        let pop_up_weak = pop_up.downgrade();
1281
1282                        cx.observe_window_activation(window, move |_, window, cx| {
1283                            if window.is_window_active() {
1284                                if let Some(pop_up) = pop_up_weak.upgrade() {
1285                                    pop_up.update(cx, |_, cx| {
1286                                        cx.emit(AgentNotificationEvent::Dismissed);
1287                                    });
1288                                }
1289                            }
1290                        })
1291                    });
1292            }
1293        }
1294    }
1295
1296    /// Spawns a task to save the active thread.
1297    ///
1298    /// Only one task to save the thread will be in flight at a time.
1299    fn save_thread(&mut self, cx: &mut Context<Self>) {
1300        let thread = self.thread.clone();
1301        self.save_thread_task = Some(cx.spawn(async move |this, cx| {
1302            let task = this
1303                .update(cx, |this, cx| {
1304                    this.thread_store
1305                        .update(cx, |thread_store, cx| thread_store.save_thread(&thread, cx))
1306                })
1307                .ok();
1308
1309            if let Some(task) = task {
1310                task.await.log_err();
1311            }
1312        }));
1313    }
1314
1315    fn start_editing_message(
1316        &mut self,
1317        message_id: MessageId,
1318        message_text: impl Into<Arc<str>>,
1319        message_creases: &[MessageCrease],
1320        window: &mut Window,
1321        cx: &mut Context<Self>,
1322    ) {
1323        let editor = crate::message_editor::create_editor(
1324            self.workspace.clone(),
1325            self.context_store.downgrade(),
1326            self.thread_store.downgrade(),
1327            self.text_thread_store.downgrade(),
1328            EDIT_PREVIOUS_MESSAGE_MIN_LINES,
1329            None,
1330            window,
1331            cx,
1332        );
1333        editor.update(cx, |editor, cx| {
1334            editor.set_text(message_text, window, cx);
1335            insert_message_creases(editor, message_creases, &self.context_store, window, cx);
1336            editor.focus_handle(cx).focus(window);
1337            editor.move_to_end(&editor::actions::MoveToEnd, window, cx);
1338        });
1339        let buffer_edited_subscription = cx.subscribe(&editor, |this, _, event, cx| match event {
1340            EditorEvent::BufferEdited => {
1341                this.update_editing_message_token_count(true, cx);
1342            }
1343            _ => {}
1344        });
1345
1346        let context_picker_menu_handle = PopoverMenuHandle::default();
1347        let context_strip = cx.new(|cx| {
1348            ContextStrip::new(
1349                self.context_store.clone(),
1350                self.workspace.clone(),
1351                Some(self.thread_store.downgrade()),
1352                Some(self.text_thread_store.downgrade()),
1353                context_picker_menu_handle.clone(),
1354                SuggestContextKind::File,
1355                ModelUsageContext::Thread(self.thread.clone()),
1356                window,
1357                cx,
1358            )
1359        });
1360
1361        let context_strip_subscription =
1362            cx.subscribe_in(&context_strip, window, Self::handle_context_strip_event);
1363
1364        self.editing_message = Some((
1365            message_id,
1366            EditingMessageState {
1367                editor: editor.clone(),
1368                context_strip,
1369                context_picker_menu_handle,
1370                last_estimated_token_count: None,
1371                _subscriptions: [buffer_edited_subscription, context_strip_subscription],
1372                _update_token_count_task: None,
1373            },
1374        ));
1375        self.update_editing_message_token_count(false, cx);
1376        cx.notify();
1377    }
1378
1379    fn handle_context_strip_event(
1380        &mut self,
1381        _context_strip: &Entity<ContextStrip>,
1382        event: &ContextStripEvent,
1383        window: &mut Window,
1384        cx: &mut Context<Self>,
1385    ) {
1386        if let Some((_, state)) = self.editing_message.as_ref() {
1387            match event {
1388                ContextStripEvent::PickerDismissed
1389                | ContextStripEvent::BlurredEmpty
1390                | ContextStripEvent::BlurredDown => {
1391                    let editor_focus_handle = state.editor.focus_handle(cx);
1392                    window.focus(&editor_focus_handle);
1393                }
1394                ContextStripEvent::BlurredUp => {}
1395            }
1396        }
1397    }
1398
1399    fn update_editing_message_token_count(&mut self, debounce: bool, cx: &mut Context<Self>) {
1400        let Some((message_id, state)) = self.editing_message.as_mut() else {
1401            return;
1402        };
1403
1404        cx.emit(ActiveThreadEvent::EditingMessageTokenCountChanged);
1405        state._update_token_count_task.take();
1406
1407        let Some(configured_model) = self.thread.read(cx).configured_model() else {
1408            state.last_estimated_token_count.take();
1409            return;
1410        };
1411
1412        let editor = state.editor.clone();
1413        let thread = self.thread.clone();
1414        let message_id = *message_id;
1415
1416        state._update_token_count_task = Some(cx.spawn(async move |this, cx| {
1417            if debounce {
1418                cx.background_executor()
1419                    .timer(Duration::from_millis(200))
1420                    .await;
1421            }
1422
1423            let token_count = if let Some(task) = cx
1424                .update(|cx| {
1425                    let Some(message) = thread.read(cx).message(message_id) else {
1426                        log::error!("Message that was being edited no longer exists");
1427                        return None;
1428                    };
1429                    let message_text = editor.read(cx).text(cx);
1430
1431                    if message_text.is_empty() && message.loaded_context.is_empty() {
1432                        return None;
1433                    }
1434
1435                    let mut request_message = LanguageModelRequestMessage {
1436                        role: language_model::Role::User,
1437                        content: Vec::new(),
1438                        cache: false,
1439                    };
1440
1441                    message
1442                        .loaded_context
1443                        .add_to_request_message(&mut request_message);
1444
1445                    if !message_text.is_empty() {
1446                        request_message
1447                            .content
1448                            .push(MessageContent::Text(message_text));
1449                    }
1450
1451                    let request = language_model::LanguageModelRequest {
1452                        thread_id: None,
1453                        prompt_id: None,
1454                        intent: None,
1455                        mode: None,
1456                        messages: vec![request_message],
1457                        tools: vec![],
1458                        tool_choice: None,
1459                        stop: vec![],
1460                        temperature: AgentSettings::temperature_for_model(
1461                            &configured_model.model,
1462                            cx,
1463                        ),
1464                        thinking_allowed: true,
1465                    };
1466
1467                    Some(configured_model.model.count_tokens(request, cx))
1468                })
1469                .ok()
1470                .flatten()
1471            {
1472                task.await.log_err()
1473            } else {
1474                Some(0)
1475            };
1476
1477            if let Some(token_count) = token_count {
1478                this.update(cx, |this, cx| {
1479                    let Some((_message_id, state)) = this.editing_message.as_mut() else {
1480                        return;
1481                    };
1482
1483                    state.last_estimated_token_count = Some(token_count);
1484                    cx.emit(ActiveThreadEvent::EditingMessageTokenCountChanged);
1485                })
1486                .ok();
1487            };
1488        }));
1489    }
1490
1491    fn toggle_context_picker(
1492        &mut self,
1493        _: &crate::ToggleContextPicker,
1494        window: &mut Window,
1495        cx: &mut Context<Self>,
1496    ) {
1497        if let Some((_, state)) = self.editing_message.as_mut() {
1498            let handle = state.context_picker_menu_handle.clone();
1499            window.defer(cx, move |window, cx| {
1500                handle.toggle(window, cx);
1501            });
1502        }
1503    }
1504
1505    fn remove_all_context(
1506        &mut self,
1507        _: &crate::RemoveAllContext,
1508        _window: &mut Window,
1509        cx: &mut Context<Self>,
1510    ) {
1511        self.context_store.update(cx, |store, cx| store.clear(cx));
1512        cx.notify();
1513    }
1514
1515    fn move_up(&mut self, _: &MoveUp, window: &mut Window, cx: &mut Context<Self>) {
1516        if let Some((_, state)) = self.editing_message.as_mut() {
1517            if state.context_picker_menu_handle.is_deployed() {
1518                cx.propagate();
1519            } else {
1520                state.context_strip.focus_handle(cx).focus(window);
1521            }
1522        }
1523    }
1524
1525    fn paste(&mut self, _: &Paste, _window: &mut Window, cx: &mut Context<Self>) {
1526        attach_pasted_images_as_context(&self.context_store, cx);
1527    }
1528
1529    fn cancel_editing_message(
1530        &mut self,
1531        _: &menu::Cancel,
1532        window: &mut Window,
1533        cx: &mut Context<Self>,
1534    ) {
1535        self.editing_message.take();
1536        cx.notify();
1537
1538        if let Some(workspace) = self.workspace.upgrade() {
1539            workspace.update(cx, |workspace, cx| {
1540                if let Some(panel) = workspace.panel::<AgentPanel>(cx) {
1541                    panel.focus_handle(cx).focus(window);
1542                }
1543            });
1544        }
1545    }
1546
1547    fn confirm_editing_message(
1548        &mut self,
1549        _: &menu::Confirm,
1550        window: &mut Window,
1551        cx: &mut Context<Self>,
1552    ) {
1553        let Some((message_id, state)) = self.editing_message.take() else {
1554            return;
1555        };
1556
1557        let Some(model) = self
1558            .thread
1559            .update(cx, |thread, cx| thread.get_or_init_configured_model(cx))
1560        else {
1561            return;
1562        };
1563
1564        if model.provider.must_accept_terms(cx) {
1565            cx.notify();
1566            return;
1567        }
1568
1569        let edited_text = state.editor.read(cx).text(cx);
1570
1571        let creases = state.editor.update(cx, extract_message_creases);
1572
1573        let new_context = self
1574            .context_store
1575            .read(cx)
1576            .new_context_for_thread(self.thread.read(cx), Some(message_id));
1577
1578        let project = self.thread.read(cx).project().clone();
1579        let prompt_store = self.thread_store.read(cx).prompt_store().clone();
1580
1581        let git_store = project.read(cx).git_store().clone();
1582        let checkpoint = git_store.update(cx, |git_store, cx| git_store.checkpoint(cx));
1583
1584        let load_context_task = context::load_context(new_context, &project, &prompt_store, cx);
1585        self._load_edited_message_context_task =
1586            Some(cx.spawn_in(window, async move |this, cx| {
1587                let (context, checkpoint) =
1588                    futures::future::join(load_context_task, checkpoint).await;
1589                let _ = this
1590                    .update_in(cx, |this, window, cx| {
1591                        this.thread.update(cx, |thread, cx| {
1592                            thread.edit_message(
1593                                message_id,
1594                                Role::User,
1595                                vec![MessageSegment::Text(edited_text)],
1596                                creases,
1597                                Some(context.loaded_context),
1598                                checkpoint.ok(),
1599                                cx,
1600                            );
1601                            for message_id in this.messages_after(message_id) {
1602                                thread.delete_message(*message_id, cx);
1603                            }
1604                        });
1605
1606                        this.thread.update(cx, |thread, cx| {
1607                            thread.advance_prompt_id();
1608                            thread.cancel_last_completion(Some(window.window_handle()), cx);
1609                            thread.send_to_model(
1610                                model.model,
1611                                CompletionIntent::UserPrompt,
1612                                Some(window.window_handle()),
1613                                cx,
1614                            );
1615                        });
1616                        this._load_edited_message_context_task = None;
1617                        cx.notify();
1618                    })
1619                    .log_err();
1620            }));
1621
1622        if let Some(workspace) = self.workspace.upgrade() {
1623            workspace.update(cx, |workspace, cx| {
1624                if let Some(panel) = workspace.panel::<AgentPanel>(cx) {
1625                    panel.focus_handle(cx).focus(window);
1626                }
1627            });
1628        }
1629    }
1630
1631    fn messages_after(&self, message_id: MessageId) -> &[MessageId] {
1632        self.messages
1633            .iter()
1634            .position(|id| *id == message_id)
1635            .map(|index| &self.messages[index + 1..])
1636            .unwrap_or(&[])
1637    }
1638
1639    fn handle_cancel_click(&mut self, _: &ClickEvent, window: &mut Window, cx: &mut Context<Self>) {
1640        self.cancel_editing_message(&menu::Cancel, window, cx);
1641    }
1642
1643    fn handle_regenerate_click(
1644        &mut self,
1645        _: &ClickEvent,
1646        window: &mut Window,
1647        cx: &mut Context<Self>,
1648    ) {
1649        self.confirm_editing_message(&menu::Confirm, window, cx);
1650    }
1651
1652    fn handle_feedback_click(
1653        &mut self,
1654        message_id: MessageId,
1655        feedback: ThreadFeedback,
1656        window: &mut Window,
1657        cx: &mut Context<Self>,
1658    ) {
1659        let report = self.thread.update(cx, |thread, cx| {
1660            thread.report_message_feedback(message_id, feedback, cx)
1661        });
1662
1663        cx.spawn(async move |this, cx| {
1664            report.await?;
1665            this.update(cx, |_this, cx| cx.notify())
1666        })
1667        .detach_and_log_err(cx);
1668
1669        match feedback {
1670            ThreadFeedback::Positive => {
1671                self.open_feedback_editors.remove(&message_id);
1672            }
1673            ThreadFeedback::Negative => {
1674                self.handle_show_feedback_comments(message_id, window, cx);
1675            }
1676        }
1677    }
1678
1679    fn handle_show_feedback_comments(
1680        &mut self,
1681        message_id: MessageId,
1682        window: &mut Window,
1683        cx: &mut Context<Self>,
1684    ) {
1685        let buffer = cx.new(|cx| {
1686            let empty_string = String::new();
1687            MultiBuffer::singleton(cx.new(|cx| Buffer::local(empty_string, cx)), cx)
1688        });
1689
1690        let editor = cx.new(|cx| {
1691            let mut editor = Editor::new(
1692                editor::EditorMode::AutoHeight {
1693                    min_lines: 1,
1694                    max_lines: Some(4),
1695                },
1696                buffer,
1697                None,
1698                window,
1699                cx,
1700            );
1701            editor.set_placeholder_text(
1702                "What went wrong? Share your feedback so we can improve.",
1703                cx,
1704            );
1705            editor
1706        });
1707
1708        editor.read(cx).focus_handle(cx).focus(window);
1709        self.open_feedback_editors.insert(message_id, editor);
1710        cx.notify();
1711    }
1712
1713    fn submit_feedback_message(&mut self, message_id: MessageId, cx: &mut Context<Self>) {
1714        let Some(editor) = self.open_feedback_editors.get(&message_id) else {
1715            return;
1716        };
1717
1718        let report_task = self.thread.update(cx, |thread, cx| {
1719            thread.report_message_feedback(message_id, ThreadFeedback::Negative, cx)
1720        });
1721
1722        let comments = editor.read(cx).text(cx);
1723        if !comments.is_empty() {
1724            let thread_id = self.thread.read(cx).id().clone();
1725            let comments_value = String::from(comments.as_str());
1726
1727            let message_content = self
1728                .thread
1729                .read(cx)
1730                .message(message_id)
1731                .map(|msg| msg.to_string())
1732                .unwrap_or_default();
1733
1734            telemetry::event!(
1735                "Assistant Thread Feedback Comments",
1736                thread_id,
1737                message_id = message_id.as_usize(),
1738                message_content,
1739                comments = comments_value
1740            );
1741
1742            self.open_feedback_editors.remove(&message_id);
1743
1744            cx.spawn(async move |this, cx| {
1745                report_task.await?;
1746                this.update(cx, |_this, cx| cx.notify())
1747            })
1748            .detach_and_log_err(cx);
1749        }
1750    }
1751
1752    fn render_edit_message_editor(
1753        &self,
1754        state: &EditingMessageState,
1755        _window: &mut Window,
1756        cx: &Context<Self>,
1757    ) -> impl IntoElement {
1758        let settings = ThemeSettings::get_global(cx);
1759        let font_size = TextSize::Small
1760            .rems(cx)
1761            .to_pixels(settings.agent_font_size(cx));
1762        let line_height = font_size * 1.75;
1763
1764        let colors = cx.theme().colors();
1765
1766        let text_style = TextStyle {
1767            color: colors.text,
1768            font_family: settings.buffer_font.family.clone(),
1769            font_fallbacks: settings.buffer_font.fallbacks.clone(),
1770            font_features: settings.buffer_font.features.clone(),
1771            font_size: font_size.into(),
1772            line_height: line_height.into(),
1773            ..Default::default()
1774        };
1775
1776        v_flex()
1777            .key_context("EditMessageEditor")
1778            .on_action(cx.listener(Self::toggle_context_picker))
1779            .on_action(cx.listener(Self::remove_all_context))
1780            .on_action(cx.listener(Self::move_up))
1781            .on_action(cx.listener(Self::cancel_editing_message))
1782            .on_action(cx.listener(Self::confirm_editing_message))
1783            .capture_action(cx.listener(Self::paste))
1784            .min_h_6()
1785            .w_full()
1786            .flex_grow()
1787            .gap_2()
1788            .child(state.context_strip.clone())
1789            .child(div().pt(px(-3.)).px_neg_0p5().child(EditorElement::new(
1790                &state.editor,
1791                EditorStyle {
1792                    background: colors.editor_background,
1793                    local_player: cx.theme().players().local(),
1794                    text: text_style,
1795                    syntax: cx.theme().syntax().clone(),
1796                    ..Default::default()
1797                },
1798            )))
1799    }
1800
1801    fn render_message(&self, ix: usize, window: &mut Window, cx: &mut Context<Self>) -> AnyElement {
1802        let message_id = self.messages[ix];
1803        let workspace = self.workspace.clone();
1804        let thread = self.thread.read(cx);
1805
1806        let is_first_message = ix == 0;
1807        let is_last_message = ix == self.messages.len() - 1;
1808
1809        let Some(message) = thread.message(message_id) else {
1810            return Empty.into_any();
1811        };
1812
1813        let is_generating = thread.is_generating();
1814        let is_generating_stale = thread.is_generation_stale().unwrap_or(false);
1815
1816        let loading_dots = (is_generating && is_last_message).then(|| {
1817            h_flex()
1818                .h_8()
1819                .my_3()
1820                .mx_5()
1821                .when(is_generating_stale || message.is_hidden, |this| {
1822                    this.child(LoadingLabel::new("").size(LabelSize::Small))
1823                })
1824        });
1825
1826        if message.is_hidden {
1827            return div().children(loading_dots).into_any();
1828        }
1829
1830        let Some(rendered_message) = self.rendered_messages_by_id.get(&message_id) else {
1831            return Empty.into_any();
1832        };
1833
1834        // Get all the data we need from thread before we start using it in closures
1835        let checkpoint = thread.checkpoint_for_message(message_id);
1836        let configured_model = thread.configured_model().map(|m| m.model);
1837        let added_context = thread
1838            .context_for_message(message_id)
1839            .map(|context| AddedContext::new_attached(context, configured_model.as_ref(), cx))
1840            .collect::<Vec<_>>();
1841
1842        let tool_uses = thread.tool_uses_for_message(message_id, cx);
1843        let has_tool_uses = !tool_uses.is_empty();
1844
1845        let editing_message_state = self
1846            .editing_message
1847            .as_ref()
1848            .filter(|(id, _)| *id == message_id)
1849            .map(|(_, state)| state);
1850
1851        let (editor_bg_color, panel_bg) = {
1852            let colors = cx.theme().colors();
1853            (colors.editor_background, colors.panel_background)
1854        };
1855
1856        let open_as_markdown = IconButton::new(("open-as-markdown", ix), IconName::DocumentText)
1857            .icon_size(IconSize::XSmall)
1858            .icon_color(Color::Ignored)
1859            .tooltip(Tooltip::text("Open Thread as Markdown"))
1860            .on_click({
1861                let thread = self.thread.clone();
1862                let workspace = self.workspace.clone();
1863                move |_, window, cx| {
1864                    if let Some(workspace) = workspace.upgrade() {
1865                        open_active_thread_as_markdown(thread.clone(), workspace, window, cx)
1866                            .detach_and_log_err(cx);
1867                    }
1868                }
1869            });
1870
1871        let scroll_to_top = IconButton::new(("scroll_to_top", ix), IconName::ArrowUpAlt)
1872            .icon_size(IconSize::XSmall)
1873            .icon_color(Color::Ignored)
1874            .tooltip(Tooltip::text("Scroll To Top"))
1875            .on_click(cx.listener(move |this, _, _, cx| {
1876                this.scroll_to_top(cx);
1877            }));
1878
1879        let show_feedback = thread.is_turn_end(ix);
1880        let feedback_container = h_flex()
1881            .group("feedback_container")
1882            .mt_1()
1883            .py_2()
1884            .px(RESPONSE_PADDING_X)
1885            .mr_1()
1886            .opacity(0.4)
1887            .hover(|style| style.opacity(1.))
1888            .gap_1p5()
1889            .flex_wrap()
1890            .justify_end();
1891        let feedback_items = match self.thread.read(cx).message_feedback(message_id) {
1892            Some(feedback) => feedback_container
1893                .child(
1894                    div().visible_on_hover("feedback_container").child(
1895                        Label::new(match feedback {
1896                            ThreadFeedback::Positive => "Thanks for your feedback!",
1897                            ThreadFeedback::Negative => {
1898                                "We appreciate your feedback and will use it to improve."
1899                            }
1900                        })
1901                    .color(Color::Muted)
1902                    .size(LabelSize::XSmall)
1903                    .truncate())
1904                )
1905                .child(
1906                    h_flex()
1907                        .child(
1908                            IconButton::new(("feedback-thumbs-up", ix), IconName::ThumbsUp)
1909                                .icon_size(IconSize::XSmall)
1910                                .icon_color(match feedback {
1911                                    ThreadFeedback::Positive => Color::Accent,
1912                                    ThreadFeedback::Negative => Color::Ignored,
1913                                })
1914                                .tooltip(Tooltip::text("Helpful Response"))
1915                                .on_click(cx.listener(move |this, _, window, cx| {
1916                                    this.handle_feedback_click(
1917                                        message_id,
1918                                        ThreadFeedback::Positive,
1919                                        window,
1920                                        cx,
1921                                    );
1922                                })),
1923                        )
1924                        .child(
1925                            IconButton::new(("feedback-thumbs-down", ix), IconName::ThumbsDown)
1926                                .icon_size(IconSize::XSmall)
1927                                .icon_color(match feedback {
1928                                    ThreadFeedback::Positive => Color::Ignored,
1929                                    ThreadFeedback::Negative => Color::Accent,
1930                                })
1931                                .tooltip(Tooltip::text("Not Helpful"))
1932                                .on_click(cx.listener(move |this, _, window, cx| {
1933                                    this.handle_feedback_click(
1934                                        message_id,
1935                                        ThreadFeedback::Negative,
1936                                        window,
1937                                        cx,
1938                                    );
1939                                })),
1940                        )
1941                        .child(open_as_markdown),
1942                )
1943                .into_any_element(),
1944            None if AgentSettings::get_global(cx).enable_feedback =>
1945                feedback_container
1946                .child(
1947                    div().visible_on_hover("feedback_container").child(
1948                        Label::new(
1949                            "Rating the thread sends all of your current conversation to the Zed team.",
1950                        )
1951                        .color(Color::Muted)
1952                    .size(LabelSize::XSmall)
1953                    .truncate())
1954                )
1955                .child(
1956                    h_flex()
1957                        .child(
1958                            IconButton::new(("feedback-thumbs-up", ix), IconName::ThumbsUp)
1959                                .icon_size(IconSize::XSmall)
1960                                .icon_color(Color::Ignored)
1961                                .tooltip(Tooltip::text("Helpful Response"))
1962                                .on_click(cx.listener(move |this, _, window, cx| {
1963                                    this.handle_feedback_click(
1964                                        message_id,
1965                                        ThreadFeedback::Positive,
1966                                        window,
1967                                        cx,
1968                                    );
1969                                })),
1970                        )
1971                        .child(
1972                            IconButton::new(("feedback-thumbs-down", ix), IconName::ThumbsDown)
1973                                .icon_size(IconSize::XSmall)
1974                                .icon_color(Color::Ignored)
1975                                .tooltip(Tooltip::text("Not Helpful"))
1976                                .on_click(cx.listener(move |this, _, window, cx| {
1977                                    this.handle_feedback_click(
1978                                        message_id,
1979                                        ThreadFeedback::Negative,
1980                                        window,
1981                                        cx,
1982                                    );
1983                                })),
1984                        )
1985                        .child(open_as_markdown)
1986                        .child(scroll_to_top),
1987                )
1988                .into_any_element(),
1989            None => feedback_container
1990                .child(h_flex()
1991                    .child(open_as_markdown))
1992                    .child(scroll_to_top)
1993                .into_any_element(),
1994        };
1995
1996        let message_is_empty = message.should_display_content();
1997        let has_content = !message_is_empty || !added_context.is_empty();
1998
1999        let message_content = has_content.then(|| {
2000            if let Some(state) = editing_message_state.as_ref() {
2001                self.render_edit_message_editor(state, window, cx)
2002                    .into_any_element()
2003            } else {
2004                v_flex()
2005                    .w_full()
2006                    .gap_1()
2007                    .when(!added_context.is_empty(), |parent| {
2008                        parent.child(h_flex().flex_wrap().gap_1().children(
2009                            added_context.into_iter().map(|added_context| {
2010                                let context = added_context.handle.clone();
2011                                ContextPill::added(added_context, false, false, None).on_click(
2012                                    Rc::new(cx.listener({
2013                                        let workspace = workspace.clone();
2014                                        move |_, _, window, cx| {
2015                                            if let Some(workspace) = workspace.upgrade() {
2016                                                open_context(&context, workspace, window, cx);
2017                                                cx.notify();
2018                                            }
2019                                        }
2020                                    })),
2021                                )
2022                            }),
2023                        ))
2024                    })
2025                    .when(!message_is_empty, |parent| {
2026                        parent.child(div().pt_0p5().min_h_6().child(self.render_message_content(
2027                            message_id,
2028                            rendered_message,
2029                            has_tool_uses,
2030                            workspace.clone(),
2031                            window,
2032                            cx,
2033                        )))
2034                    })
2035                    .into_any_element()
2036            }
2037        });
2038
2039        let styled_message = if message.ui_only {
2040            self.render_ui_notification(message_content, ix, cx)
2041        } else {
2042            match message.role {
2043                Role::User => {
2044                    let colors = cx.theme().colors();
2045                    v_flex()
2046                        .id(("message-container", ix))
2047                        .pt_2()
2048                        .pl_2()
2049                        .pr_2p5()
2050                        .pb_4()
2051                        .child(
2052                            v_flex()
2053                                .id(("user-message", ix))
2054                                .bg(editor_bg_color)
2055                                .rounded_lg()
2056                                .shadow_md()
2057                                .border_1()
2058                                .border_color(colors.border)
2059                                .hover(|hover| hover.border_color(colors.text_accent.opacity(0.5)))
2060                                .child(
2061                                    v_flex()
2062                                        .p_2p5()
2063                                        .gap_1()
2064                                        .children(message_content)
2065                                        .when_some(editing_message_state, |this, state| {
2066                                            let focus_handle = state.editor.focus_handle(cx).clone();
2067
2068                                            this.child(
2069                                                h_flex()
2070                                                    .w_full()
2071                                                    .gap_1()
2072                                                    .justify_between()
2073                                                    .flex_wrap()
2074                                                    .child(
2075                                                        h_flex()
2076                                                            .gap_1p5()
2077                                                            .child(
2078                                                                div()
2079                                                                    .opacity(0.8)
2080                                                                    .child(
2081                                                                        Icon::new(IconName::Warning)
2082                                                                            .size(IconSize::Indicator)
2083                                                                            .color(Color::Warning)
2084                                                                    ),
2085                                                            )
2086                                                            .child(
2087                                                                Label::new("Editing will restart the thread from this point.")
2088                                                                    .color(Color::Muted)
2089                                                                    .size(LabelSize::XSmall),
2090                                                            ),
2091                                                    )
2092                                                    .child(
2093                                                        h_flex()
2094                                                            .gap_0p5()
2095                                                            .child(
2096                                                                IconButton::new(
2097                                                                    "cancel-edit-message",
2098                                                                    IconName::Close,
2099                                                                )
2100                                                                .shape(ui::IconButtonShape::Square)
2101                                                                .icon_color(Color::Error)
2102                                                                .icon_size(IconSize::Small)
2103                                                                .tooltip({
2104                                                                    let focus_handle = focus_handle.clone();
2105                                                                    move |window, cx| {
2106                                                                        Tooltip::for_action_in(
2107                                                                            "Cancel Edit",
2108                                                                            &menu::Cancel,
2109                                                                            &focus_handle,
2110                                                                            window,
2111                                                                            cx,
2112                                                                        )
2113                                                                    }
2114                                                                })
2115                                                                .on_click(cx.listener(Self::handle_cancel_click)),
2116                                                            )
2117                                                            .child(
2118                                                                IconButton::new(
2119                                                                    "confirm-edit-message",
2120                                                                    IconName::Return,
2121                                                                )
2122                                                                .disabled(state.editor.read(cx).is_empty(cx))
2123                                                                .shape(ui::IconButtonShape::Square)
2124                                                                .icon_color(Color::Muted)
2125                                                                .icon_size(IconSize::Small)
2126                                                                .tooltip({
2127                                                                    let focus_handle = focus_handle.clone();
2128                                                                    move |window, cx| {
2129                                                                        Tooltip::for_action_in(
2130                                                                            "Regenerate",
2131                                                                            &menu::Confirm,
2132                                                                            &focus_handle,
2133                                                                            window,
2134                                                                            cx,
2135                                                                        )
2136                                                                    }
2137                                                                })
2138                                                                .on_click(
2139                                                                    cx.listener(Self::handle_regenerate_click),
2140                                                                ),
2141                                                            ),
2142                                                    )
2143                                            )
2144                                        }),
2145                                )
2146                                .on_click(cx.listener({
2147                                    let message_creases = message.creases.clone();
2148                                    move |this, _, window, cx| {
2149                                        if let Some(message_text) =
2150                                            this.thread.read(cx).message(message_id).and_then(|message| {
2151                                                message.segments.first().and_then(|segment| {
2152                                                    match segment {
2153                                                        MessageSegment::Text(message_text) => {
2154                                                            Some(Into::<Arc<str>>::into(message_text.as_str()))
2155                                                        }
2156                                                        _ => {
2157                                                            None
2158                                                        }
2159                                                    }
2160                                                })
2161                                            })
2162                                        {
2163                                            this.start_editing_message(
2164                                                message_id,
2165                                                message_text,
2166                                                &message_creases,
2167                                                window,
2168                                                cx,
2169                                            );
2170                                        }
2171                                    }
2172                                })),
2173                        )
2174                }
2175                Role::Assistant => v_flex()
2176                    .id(("message-container", ix))
2177                    .px(RESPONSE_PADDING_X)
2178                    .gap_2()
2179                    .children(message_content)
2180                    .when(has_tool_uses, |parent| {
2181                        parent.children(tool_uses.into_iter().map(|tool_use| {
2182                            self.render_tool_use(tool_use, window, workspace.clone(), cx)
2183                        }))
2184                    }),
2185                Role::System => {
2186                    let colors = cx.theme().colors();
2187                    div().id(("message-container", ix)).py_1().px_2().child(
2188                        v_flex()
2189                            .bg(colors.editor_background)
2190                            .rounded_sm()
2191                            .child(div().p_4().children(message_content)),
2192                    )
2193                }
2194            }
2195        };
2196
2197        let after_editing_message = self
2198            .editing_message
2199            .as_ref()
2200            .map_or(false, |(editing_message_id, _)| {
2201                message_id > *editing_message_id
2202            });
2203
2204        let backdrop = div()
2205            .id(("backdrop", ix))
2206            .size_full()
2207            .absolute()
2208            .inset_0()
2209            .bg(panel_bg)
2210            .opacity(0.8)
2211            .block_mouse_except_scroll()
2212            .on_click(cx.listener(Self::handle_cancel_click));
2213
2214        v_flex()
2215            .w_full()
2216            .map(|parent| {
2217                if let Some(checkpoint) = checkpoint.filter(|_| !is_generating) {
2218                    let mut is_pending = false;
2219                    let mut error = None;
2220                    if let Some(last_restore_checkpoint) =
2221                        self.thread.read(cx).last_restore_checkpoint()
2222                    {
2223                        if last_restore_checkpoint.message_id() == message_id {
2224                            match last_restore_checkpoint {
2225                                LastRestoreCheckpoint::Pending { .. } => is_pending = true,
2226                                LastRestoreCheckpoint::Error { error: err, .. } => {
2227                                    error = Some(err.clone());
2228                                }
2229                            }
2230                        }
2231                    }
2232
2233                    let restore_checkpoint_button =
2234                        Button::new(("restore-checkpoint", ix), "Restore Checkpoint")
2235                            .icon(if error.is_some() {
2236                                IconName::XCircle
2237                            } else {
2238                                IconName::Undo
2239                            })
2240                            .icon_size(IconSize::XSmall)
2241                            .icon_position(IconPosition::Start)
2242                            .icon_color(if error.is_some() {
2243                                Some(Color::Error)
2244                            } else {
2245                                None
2246                            })
2247                            .label_size(LabelSize::XSmall)
2248                            .disabled(is_pending)
2249                            .on_click(cx.listener(move |this, _, _window, cx| {
2250                                this.thread.update(cx, |thread, cx| {
2251                                    thread
2252                                        .restore_checkpoint(checkpoint.clone(), cx)
2253                                        .detach_and_log_err(cx);
2254                                });
2255                            }));
2256
2257                    let restore_checkpoint_button = if is_pending {
2258                        restore_checkpoint_button
2259                            .with_animation(
2260                                ("pulsating-restore-checkpoint-button", ix),
2261                                Animation::new(Duration::from_secs(2))
2262                                    .repeat()
2263                                    .with_easing(pulsating_between(0.6, 1.)),
2264                                |label, delta| label.alpha(delta),
2265                            )
2266                            .into_any_element()
2267                    } else if let Some(error) = error {
2268                        restore_checkpoint_button
2269                            .tooltip(Tooltip::text(error.to_string()))
2270                            .into_any_element()
2271                    } else {
2272                        restore_checkpoint_button.into_any_element()
2273                    };
2274
2275                    parent.child(
2276                        h_flex()
2277                            .pt_2p5()
2278                            .px_2p5()
2279                            .w_full()
2280                            .gap_1()
2281                            .child(ui::Divider::horizontal())
2282                            .child(restore_checkpoint_button)
2283                            .child(ui::Divider::horizontal()),
2284                    )
2285                } else {
2286                    parent
2287                }
2288            })
2289            .when(is_first_message, |parent| {
2290                parent.child(self.render_rules_item(cx))
2291            })
2292            .child(styled_message)
2293            .children(loading_dots)
2294            .when(show_feedback, move |parent| {
2295                parent.child(feedback_items).when_some(
2296                    self.open_feedback_editors.get(&message_id),
2297                    move |parent, feedback_editor| {
2298                        let focus_handle = feedback_editor.focus_handle(cx);
2299                        parent.child(
2300                            v_flex()
2301                                .key_context("AgentFeedbackMessageEditor")
2302                                .on_action(cx.listener(move |this, _: &menu::Cancel, _, cx| {
2303                                    this.open_feedback_editors.remove(&message_id);
2304                                    cx.notify();
2305                                }))
2306                                .on_action(cx.listener(move |this, _: &menu::Confirm, _, cx| {
2307                                    this.submit_feedback_message(message_id, cx);
2308                                    cx.notify();
2309                                }))
2310                                .on_action(cx.listener(Self::confirm_editing_message))
2311                                .mb_2()
2312                                .mx_4()
2313                                .p_2()
2314                                .rounded_md()
2315                                .border_1()
2316                                .border_color(cx.theme().colors().border)
2317                                .bg(cx.theme().colors().editor_background)
2318                                .child(feedback_editor.clone())
2319                                .child(
2320                                    h_flex()
2321                                        .gap_1()
2322                                        .justify_end()
2323                                        .child(
2324                                            Button::new("dismiss-feedback-message", "Cancel")
2325                                                .label_size(LabelSize::Small)
2326                                                .key_binding(
2327                                                    KeyBinding::for_action_in(
2328                                                        &menu::Cancel,
2329                                                        &focus_handle,
2330                                                        window,
2331                                                        cx,
2332                                                    )
2333                                                    .map(|kb| kb.size(rems_from_px(10.))),
2334                                                )
2335                                                .on_click(cx.listener(
2336                                                    move |this, _, _window, cx| {
2337                                                        this.open_feedback_editors
2338                                                            .remove(&message_id);
2339                                                        cx.notify();
2340                                                    },
2341                                                )),
2342                                        )
2343                                        .child(
2344                                            Button::new(
2345                                                "submit-feedback-message",
2346                                                "Share Feedback",
2347                                            )
2348                                            .style(ButtonStyle::Tinted(ui::TintColor::Accent))
2349                                            .label_size(LabelSize::Small)
2350                                            .key_binding(
2351                                                KeyBinding::for_action_in(
2352                                                    &menu::Confirm,
2353                                                    &focus_handle,
2354                                                    window,
2355                                                    cx,
2356                                                )
2357                                                .map(|kb| kb.size(rems_from_px(10.))),
2358                                            )
2359                                            .on_click(
2360                                                cx.listener(move |this, _, _window, cx| {
2361                                                    this.submit_feedback_message(message_id, cx);
2362                                                    cx.notify()
2363                                                }),
2364                                            ),
2365                                        ),
2366                                ),
2367                        )
2368                    },
2369                )
2370            })
2371            .when(after_editing_message, |parent| {
2372                // Backdrop to dim out the whole thread below the editing user message
2373                parent.relative().child(backdrop)
2374            })
2375            .into_any()
2376    }
2377
2378    fn render_message_content(
2379        &self,
2380        message_id: MessageId,
2381        rendered_message: &RenderedMessage,
2382        has_tool_uses: bool,
2383        workspace: WeakEntity<Workspace>,
2384        window: &Window,
2385        cx: &Context<Self>,
2386    ) -> impl IntoElement {
2387        let is_last_message = self.messages.last() == Some(&message_id);
2388        let is_generating = self.thread.read(cx).is_generating();
2389        let pending_thinking_segment_index = if is_generating && is_last_message && !has_tool_uses {
2390            rendered_message
2391                .segments
2392                .iter()
2393                .enumerate()
2394                .next_back()
2395                .filter(|(_, segment)| matches!(segment, RenderedMessageSegment::Thinking { .. }))
2396                .map(|(index, _)| index)
2397        } else {
2398            None
2399        };
2400
2401        let message_role = self
2402            .thread
2403            .read(cx)
2404            .message(message_id)
2405            .map(|m| m.role)
2406            .unwrap_or(Role::User);
2407
2408        let is_assistant_message = message_role == Role::Assistant;
2409        let is_user_message = message_role == Role::User;
2410
2411        v_flex()
2412            .text_ui(cx)
2413            .gap_2()
2414            .when(is_user_message, |this| this.text_xs())
2415            .children(
2416                rendered_message.segments.iter().enumerate().map(
2417                    |(index, segment)| match segment {
2418                        RenderedMessageSegment::Thinking {
2419                            content,
2420                            scroll_handle,
2421                        } => self
2422                            .render_message_thinking_segment(
2423                                message_id,
2424                                index,
2425                                content.clone(),
2426                                &scroll_handle,
2427                                Some(index) == pending_thinking_segment_index,
2428                                window,
2429                                cx,
2430                            )
2431                            .into_any_element(),
2432                        RenderedMessageSegment::Text(markdown) => {
2433                            let markdown_element = MarkdownElement::new(
2434                                markdown.clone(),
2435                                if is_user_message {
2436                                    let mut style = default_markdown_style(window, cx);
2437                                    let mut text_style = window.text_style();
2438                                    let theme_settings = ThemeSettings::get_global(cx);
2439
2440                                    let buffer_font = theme_settings.buffer_font.family.clone();
2441                                    let buffer_font_size = TextSize::Small.rems(cx);
2442
2443                                    text_style.refine(&TextStyleRefinement {
2444                                        font_family: Some(buffer_font),
2445                                        font_size: Some(buffer_font_size.into()),
2446                                        ..Default::default()
2447                                    });
2448
2449                                    style.base_text_style = text_style;
2450                                    style
2451                                } else {
2452                                    default_markdown_style(window, cx)
2453                                },
2454                            );
2455
2456                            let markdown_element = if is_assistant_message {
2457                                markdown_element.code_block_renderer(
2458                                    markdown::CodeBlockRenderer::Custom {
2459                                        render: Arc::new({
2460                                            let workspace = workspace.clone();
2461                                            let active_thread = cx.entity();
2462                                            move |kind,
2463                                                  parsed_markdown,
2464                                                  range,
2465                                                  metadata,
2466                                                  window,
2467                                                  cx| {
2468                                                render_markdown_code_block(
2469                                                    message_id,
2470                                                    range.start,
2471                                                    kind,
2472                                                    parsed_markdown,
2473                                                    metadata,
2474                                                    active_thread.clone(),
2475                                                    workspace.clone(),
2476                                                    window,
2477                                                    cx,
2478                                                )
2479                                            }
2480                                        }),
2481                                        transform: Some(Arc::new({
2482                                            let active_thread = cx.entity();
2483
2484                                            move |element, range, _, _, cx| {
2485                                                let is_expanded = active_thread
2486                                                    .read(cx)
2487                                                    .is_codeblock_expanded(message_id, range.start);
2488
2489                                                if is_expanded {
2490                                                    return element;
2491                                                }
2492
2493                                                element
2494                                            }
2495                                        })),
2496                                    },
2497                                )
2498                            } else {
2499                                markdown_element.code_block_renderer(
2500                                    markdown::CodeBlockRenderer::Default {
2501                                        copy_button: false,
2502                                        copy_button_on_hover: false,
2503                                        border: true,
2504                                    },
2505                                )
2506                            };
2507
2508                            div()
2509                                .child(markdown_element.on_url_click({
2510                                    let workspace = self.workspace.clone();
2511                                    move |text, window, cx| {
2512                                        open_markdown_link(text, workspace.clone(), window, cx);
2513                                    }
2514                                }))
2515                                .into_any_element()
2516                        }
2517                    },
2518                ),
2519            )
2520    }
2521
2522    fn tool_card_border_color(&self, cx: &Context<Self>) -> Hsla {
2523        cx.theme().colors().border.opacity(0.5)
2524    }
2525
2526    fn tool_card_header_bg(&self, cx: &Context<Self>) -> Hsla {
2527        cx.theme()
2528            .colors()
2529            .element_background
2530            .blend(cx.theme().colors().editor_foreground.opacity(0.025))
2531    }
2532
2533    fn render_ui_notification(
2534        &self,
2535        message_content: impl IntoIterator<Item = impl IntoElement>,
2536        ix: usize,
2537        cx: &mut Context<Self>,
2538    ) -> Stateful<Div> {
2539        let message = div()
2540            .flex_1()
2541            .min_w_0()
2542            .text_size(TextSize::XSmall.rems(cx))
2543            .text_color(cx.theme().colors().text_muted)
2544            .children(message_content);
2545
2546        div()
2547            .id(("message-container", ix))
2548            .py_1()
2549            .px_2p5()
2550            .child(Banner::new().severity(ui::Severity::Warning).child(message))
2551    }
2552
2553    fn render_message_thinking_segment(
2554        &self,
2555        message_id: MessageId,
2556        ix: usize,
2557        markdown: Entity<Markdown>,
2558        scroll_handle: &ScrollHandle,
2559        pending: bool,
2560        window: &Window,
2561        cx: &Context<Self>,
2562    ) -> impl IntoElement {
2563        let is_open = self
2564            .expanded_thinking_segments
2565            .get(&(message_id, ix))
2566            .copied()
2567            .unwrap_or_default();
2568
2569        let editor_bg = cx.theme().colors().panel_background;
2570
2571        div().map(|this| {
2572            if pending {
2573                this.v_flex()
2574                    .mt_neg_2()
2575                    .mb_1p5()
2576                    .child(
2577                        h_flex()
2578                            .group("disclosure-header")
2579                            .justify_between()
2580                            .child(
2581                                h_flex()
2582                                    .gap_1p5()
2583                                    .child(
2584                                        Icon::new(IconName::ToolBulb)
2585                                            .size(IconSize::Small)
2586                                            .color(Color::Muted),
2587                                    )
2588                                    .child(LoadingLabel::new("Thinking").size(LabelSize::Small)),
2589                            )
2590                            .child(
2591                                h_flex()
2592                                    .gap_1()
2593                                    .child(
2594                                        div().visible_on_hover("disclosure-header").child(
2595                                            Disclosure::new("thinking-disclosure", is_open)
2596                                                .opened_icon(IconName::ChevronUp)
2597                                                .closed_icon(IconName::ChevronDown)
2598                                                .on_click(cx.listener({
2599                                                    move |this, _event, _window, _cx| {
2600                                                        let is_open = this
2601                                                            .expanded_thinking_segments
2602                                                            .entry((message_id, ix))
2603                                                            .or_insert(false);
2604
2605                                                        *is_open = !*is_open;
2606                                                    }
2607                                                })),
2608                                        ),
2609                                    )
2610                                    .child({
2611                                        Icon::new(IconName::ArrowCircle)
2612                                            .color(Color::Accent)
2613                                            .size(IconSize::Small)
2614                                            .with_animation(
2615                                                "arrow-circle",
2616                                                Animation::new(Duration::from_secs(2)).repeat(),
2617                                                |icon, delta| {
2618                                                    icon.transform(Transformation::rotate(
2619                                                        percentage(delta),
2620                                                    ))
2621                                                },
2622                                            )
2623                                    }),
2624                            ),
2625                    )
2626                    .when(!is_open, |this| {
2627                        let gradient_overlay = div()
2628                            .rounded_b_lg()
2629                            .h_full()
2630                            .absolute()
2631                            .w_full()
2632                            .bottom_0()
2633                            .left_0()
2634                            .bg(linear_gradient(
2635                                180.,
2636                                linear_color_stop(editor_bg, 1.),
2637                                linear_color_stop(editor_bg.opacity(0.2), 0.),
2638                            ));
2639
2640                        this.child(
2641                            div()
2642                                .relative()
2643                                .bg(editor_bg)
2644                                .rounded_b_lg()
2645                                .mt_2()
2646                                .pl_4()
2647                                .child(
2648                                    div()
2649                                        .id(("thinking-content", ix))
2650                                        .max_h_20()
2651                                        .track_scroll(scroll_handle)
2652                                        .text_ui_sm(cx)
2653                                        .overflow_hidden()
2654                                        .child(
2655                                            MarkdownElement::new(
2656                                                markdown.clone(),
2657                                                default_markdown_style(window, cx),
2658                                            )
2659                                            .on_url_click({
2660                                                let workspace = self.workspace.clone();
2661                                                move |text, window, cx| {
2662                                                    open_markdown_link(
2663                                                        text,
2664                                                        workspace.clone(),
2665                                                        window,
2666                                                        cx,
2667                                                    );
2668                                                }
2669                                            }),
2670                                        ),
2671                                )
2672                                .child(gradient_overlay),
2673                        )
2674                    })
2675                    .when(is_open, |this| {
2676                        this.child(
2677                            div()
2678                                .id(("thinking-content", ix))
2679                                .h_full()
2680                                .bg(editor_bg)
2681                                .text_ui_sm(cx)
2682                                .child(
2683                                    MarkdownElement::new(
2684                                        markdown.clone(),
2685                                        default_markdown_style(window, cx),
2686                                    )
2687                                    .on_url_click({
2688                                        let workspace = self.workspace.clone();
2689                                        move |text, window, cx| {
2690                                            open_markdown_link(text, workspace.clone(), window, cx);
2691                                        }
2692                                    }),
2693                                ),
2694                        )
2695                    })
2696            } else {
2697                this.v_flex()
2698                    .mt_neg_2()
2699                    .child(
2700                        h_flex()
2701                            .group("disclosure-header")
2702                            .pr_1()
2703                            .justify_between()
2704                            .opacity(0.8)
2705                            .hover(|style| style.opacity(1.))
2706                            .child(
2707                                h_flex()
2708                                    .gap_1p5()
2709                                    .child(
2710                                        Icon::new(IconName::LightBulb)
2711                                            .size(IconSize::XSmall)
2712                                            .color(Color::Muted),
2713                                    )
2714                                    .child(Label::new("Thought Process").size(LabelSize::Small)),
2715                            )
2716                            .child(
2717                                div().visible_on_hover("disclosure-header").child(
2718                                    Disclosure::new("thinking-disclosure", is_open)
2719                                        .opened_icon(IconName::ChevronUp)
2720                                        .closed_icon(IconName::ChevronDown)
2721                                        .on_click(cx.listener({
2722                                            move |this, _event, _window, _cx| {
2723                                                let is_open = this
2724                                                    .expanded_thinking_segments
2725                                                    .entry((message_id, ix))
2726                                                    .or_insert(false);
2727
2728                                                *is_open = !*is_open;
2729                                            }
2730                                        })),
2731                                ),
2732                            ),
2733                    )
2734                    .child(
2735                        div()
2736                            .id(("thinking-content", ix))
2737                            .relative()
2738                            .mt_1p5()
2739                            .ml_1p5()
2740                            .pl_2p5()
2741                            .border_l_1()
2742                            .border_color(cx.theme().colors().border_variant)
2743                            .text_ui_sm(cx)
2744                            .when(is_open, |this| {
2745                                this.child(
2746                                    MarkdownElement::new(
2747                                        markdown.clone(),
2748                                        default_markdown_style(window, cx),
2749                                    )
2750                                    .on_url_click({
2751                                        let workspace = self.workspace.clone();
2752                                        move |text, window, cx| {
2753                                            open_markdown_link(text, workspace.clone(), window, cx);
2754                                        }
2755                                    }),
2756                                )
2757                            }),
2758                    )
2759            }
2760        })
2761    }
2762
2763    fn render_tool_use(
2764        &self,
2765        tool_use: ToolUse,
2766        window: &mut Window,
2767        workspace: WeakEntity<Workspace>,
2768        cx: &mut Context<Self>,
2769    ) -> impl IntoElement + use<> {
2770        if let Some(card) = self.thread.read(cx).card_for_tool(&tool_use.id) {
2771            return card.render(&tool_use.status, window, workspace, cx);
2772        }
2773
2774        let is_open = self
2775            .expanded_tool_uses
2776            .get(&tool_use.id)
2777            .copied()
2778            .unwrap_or_default();
2779
2780        let is_status_finished = matches!(&tool_use.status, ToolUseStatus::Finished(_));
2781
2782        let fs = self
2783            .workspace
2784            .upgrade()
2785            .map(|workspace| workspace.read(cx).app_state().fs.clone());
2786        let needs_confirmation = matches!(&tool_use.status, ToolUseStatus::NeedsConfirmation);
2787        let needs_confirmation_tools = tool_use.needs_confirmation;
2788
2789        let status_icons = div().child(match &tool_use.status {
2790            ToolUseStatus::NeedsConfirmation => {
2791                let icon = Icon::new(IconName::Warning)
2792                    .color(Color::Warning)
2793                    .size(IconSize::Small);
2794                icon.into_any_element()
2795            }
2796            ToolUseStatus::Pending
2797            | ToolUseStatus::InputStillStreaming
2798            | ToolUseStatus::Running => {
2799                let icon = Icon::new(IconName::ArrowCircle)
2800                    .color(Color::Accent)
2801                    .size(IconSize::Small);
2802                icon.with_animation(
2803                    "arrow-circle",
2804                    Animation::new(Duration::from_secs(2)).repeat(),
2805                    |icon, delta| icon.transform(Transformation::rotate(percentage(delta))),
2806                )
2807                .into_any_element()
2808            }
2809            ToolUseStatus::Finished(_) => div().w_0().into_any_element(),
2810            ToolUseStatus::Error(_) => {
2811                let icon = Icon::new(IconName::Close)
2812                    .color(Color::Error)
2813                    .size(IconSize::Small);
2814                icon.into_any_element()
2815            }
2816        });
2817
2818        let rendered_tool_use = self.rendered_tool_uses.get(&tool_use.id).cloned();
2819        let results_content_container = || v_flex().p_2().gap_0p5();
2820
2821        let results_content = v_flex()
2822            .gap_1()
2823            .child(
2824                results_content_container()
2825                    .child(
2826                        Label::new("Input")
2827                            .size(LabelSize::XSmall)
2828                            .color(Color::Muted)
2829                            .buffer_font(cx),
2830                    )
2831                    .child(
2832                        div()
2833                            .w_full()
2834                            .text_ui_sm(cx)
2835                            .children(rendered_tool_use.as_ref().map(|rendered| {
2836                                MarkdownElement::new(
2837                                    rendered.input.clone(),
2838                                    tool_use_markdown_style(window, cx),
2839                                )
2840                                .code_block_renderer(markdown::CodeBlockRenderer::Default {
2841                                    copy_button: false,
2842                                    copy_button_on_hover: false,
2843                                    border: false,
2844                                })
2845                                .on_url_click({
2846                                    let workspace = self.workspace.clone();
2847                                    move |text, window, cx| {
2848                                        open_markdown_link(text, workspace.clone(), window, cx);
2849                                    }
2850                                })
2851                            })),
2852                    ),
2853            )
2854            .map(|container| match tool_use.status {
2855                ToolUseStatus::Finished(_) => container.child(
2856                    results_content_container()
2857                        .border_t_1()
2858                        .border_color(self.tool_card_border_color(cx))
2859                        .child(
2860                            Label::new("Result")
2861                                .size(LabelSize::XSmall)
2862                                .color(Color::Muted)
2863                                .buffer_font(cx),
2864                        )
2865                        .child(div().w_full().text_ui_sm(cx).children(
2866                            rendered_tool_use.as_ref().map(|rendered| {
2867                                MarkdownElement::new(
2868                                    rendered.output.clone(),
2869                                    tool_use_markdown_style(window, cx),
2870                                )
2871                                .code_block_renderer(markdown::CodeBlockRenderer::Default {
2872                                    copy_button: false,
2873                                    copy_button_on_hover: false,
2874                                    border: false,
2875                                })
2876                                .on_url_click({
2877                                    let workspace = self.workspace.clone();
2878                                    move |text, window, cx| {
2879                                        open_markdown_link(text, workspace.clone(), window, cx);
2880                                    }
2881                                })
2882                                .into_any_element()
2883                            }),
2884                        )),
2885                ),
2886                ToolUseStatus::InputStillStreaming | ToolUseStatus::Running => container.child(
2887                    results_content_container()
2888                        .border_t_1()
2889                        .border_color(self.tool_card_border_color(cx))
2890                        .child(
2891                            h_flex()
2892                                .gap_1()
2893                                .child(
2894                                    Icon::new(IconName::ArrowCircle)
2895                                        .size(IconSize::Small)
2896                                        .color(Color::Accent)
2897                                        .with_animation(
2898                                            "arrow-circle",
2899                                            Animation::new(Duration::from_secs(2)).repeat(),
2900                                            |icon, delta| {
2901                                                icon.transform(Transformation::rotate(percentage(
2902                                                    delta,
2903                                                )))
2904                                            },
2905                                        ),
2906                                )
2907                                .child(
2908                                    Label::new("Running…")
2909                                        .size(LabelSize::XSmall)
2910                                        .color(Color::Muted)
2911                                        .buffer_font(cx),
2912                                ),
2913                        ),
2914                ),
2915                ToolUseStatus::Error(_) => container.child(
2916                    results_content_container()
2917                        .border_t_1()
2918                        .border_color(self.tool_card_border_color(cx))
2919                        .child(
2920                            Label::new("Error")
2921                                .size(LabelSize::XSmall)
2922                                .color(Color::Muted)
2923                                .buffer_font(cx),
2924                        )
2925                        .child(
2926                            div()
2927                                .text_ui_sm(cx)
2928                                .children(rendered_tool_use.as_ref().map(|rendered| {
2929                                    MarkdownElement::new(
2930                                        rendered.output.clone(),
2931                                        tool_use_markdown_style(window, cx),
2932                                    )
2933                                    .on_url_click({
2934                                        let workspace = self.workspace.clone();
2935                                        move |text, window, cx| {
2936                                            open_markdown_link(text, workspace.clone(), window, cx);
2937                                        }
2938                                    })
2939                                    .into_any_element()
2940                                })),
2941                        ),
2942                ),
2943                ToolUseStatus::Pending => container,
2944                ToolUseStatus::NeedsConfirmation => container.child(
2945                    results_content_container()
2946                        .border_t_1()
2947                        .border_color(self.tool_card_border_color(cx))
2948                        .child(
2949                            Label::new("Asking Permission")
2950                                .size(LabelSize::Small)
2951                                .color(Color::Muted)
2952                                .buffer_font(cx),
2953                        ),
2954                ),
2955            });
2956
2957        let gradient_overlay = |color: Hsla| {
2958            div()
2959                .h_full()
2960                .absolute()
2961                .w_12()
2962                .bottom_0()
2963                .map(|element| {
2964                    if is_status_finished {
2965                        element.right_6()
2966                    } else {
2967                        element.right(px(44.))
2968                    }
2969                })
2970                .bg(linear_gradient(
2971                    90.,
2972                    linear_color_stop(color, 1.),
2973                    linear_color_stop(color.opacity(0.2), 0.),
2974                ))
2975        };
2976
2977        v_flex().gap_1().mb_2().map(|element| {
2978            if !needs_confirmation_tools {
2979                element.child(
2980                    v_flex()
2981                        .child(
2982                            h_flex()
2983                                .group("disclosure-header")
2984                                .relative()
2985                                .gap_1p5()
2986                                .justify_between()
2987                                .opacity(0.8)
2988                                .hover(|style| style.opacity(1.))
2989                                .when(!is_status_finished, |this| this.pr_2())
2990                                .child(
2991                                    h_flex()
2992                                        .id("tool-label-container")
2993                                        .gap_1p5()
2994                                        .max_w_full()
2995                                        .overflow_x_scroll()
2996                                        .child(
2997                                            Icon::new(tool_use.icon)
2998                                                .size(IconSize::Small)
2999                                                .color(Color::Muted),
3000                                        )
3001                                        .child(
3002                                            h_flex().pr_8().text_size(rems(0.8125)).children(
3003                                                rendered_tool_use.map(|rendered| MarkdownElement::new(rendered.label, tool_use_markdown_style(window, cx)).on_url_click({let workspace = self.workspace.clone(); move |text, window, cx| {
3004                                                    open_markdown_link(text, workspace.clone(), window, cx);
3005                                                }}))
3006                                            ),
3007                                        ),
3008                                )
3009                                .child(
3010                                    h_flex()
3011                                        .gap_1()
3012                                        .child(
3013                                            div().visible_on_hover("disclosure-header").child(
3014                                                Disclosure::new("tool-use-disclosure", is_open)
3015                                                    .opened_icon(IconName::ChevronUp)
3016                                                    .closed_icon(IconName::ChevronDown)
3017                                                    .on_click(cx.listener({
3018                                                        let tool_use_id = tool_use.id.clone();
3019                                                        move |this, _event, _window, _cx| {
3020                                                            let is_open = this
3021                                                                .expanded_tool_uses
3022                                                                .entry(tool_use_id.clone())
3023                                                                .or_insert(false);
3024
3025                                                            *is_open = !*is_open;
3026                                                        }
3027                                                    })),
3028                                            ),
3029                                        )
3030                                        .child(status_icons),
3031                                )
3032                                .child(gradient_overlay(cx.theme().colors().panel_background)),
3033                        )
3034                        .map(|parent| {
3035                            if !is_open {
3036                                return parent;
3037                            }
3038
3039                            parent.child(
3040                                v_flex()
3041                                    .mt_1()
3042                                    .border_1()
3043                                    .border_color(self.tool_card_border_color(cx))
3044                                    .bg(cx.theme().colors().editor_background)
3045                                    .rounded_lg()
3046                                    .child(results_content),
3047                            )
3048                        }),
3049                )
3050            } else {
3051                v_flex()
3052                    .mb_2()
3053                    .rounded_lg()
3054                    .border_1()
3055                    .border_color(self.tool_card_border_color(cx))
3056                    .overflow_hidden()
3057                    .child(
3058                        h_flex()
3059                            .group("disclosure-header")
3060                            .relative()
3061                            .justify_between()
3062                            .py_1()
3063                            .map(|element| {
3064                                if is_status_finished {
3065                                    element.pl_2().pr_0p5()
3066                                } else {
3067                                    element.px_2()
3068                                }
3069                            })
3070                            .bg(self.tool_card_header_bg(cx))
3071                            .map(|element| {
3072                                if is_open {
3073                                    element.border_b_1().rounded_t_md()
3074                                } else if needs_confirmation {
3075                                    element.rounded_t_md()
3076                                } else {
3077                                    element.rounded_md()
3078                                }
3079                            })
3080                            .border_color(self.tool_card_border_color(cx))
3081                            .child(
3082                                h_flex()
3083                                    .id("tool-label-container")
3084                                    .gap_1p5()
3085                                    .max_w_full()
3086                                    .overflow_x_scroll()
3087                                    .child(
3088                                        Icon::new(tool_use.icon)
3089                                            .size(IconSize::XSmall)
3090                                            .color(Color::Muted),
3091                                    )
3092                                    .child(
3093                                        h_flex().pr_8().text_ui_sm(cx).children(
3094                                            rendered_tool_use.map(|rendered| MarkdownElement::new(rendered.label, tool_use_markdown_style(window, cx)).on_url_click({let workspace = self.workspace.clone(); move |text, window, cx| {
3095                                                open_markdown_link(text, workspace.clone(), window, cx);
3096                                            }}))
3097                                        ),
3098                                    ),
3099                            )
3100                            .child(
3101                                h_flex()
3102                                    .gap_1()
3103                                    .child(
3104                                        div().visible_on_hover("disclosure-header").child(
3105                                            Disclosure::new("tool-use-disclosure", is_open)
3106                                                .opened_icon(IconName::ChevronUp)
3107                                                .closed_icon(IconName::ChevronDown)
3108                                                .on_click(cx.listener({
3109                                                    let tool_use_id = tool_use.id.clone();
3110                                                    move |this, _event, _window, _cx| {
3111                                                        let is_open = this
3112                                                            .expanded_tool_uses
3113                                                            .entry(tool_use_id.clone())
3114                                                            .or_insert(false);
3115
3116                                                        *is_open = !*is_open;
3117                                                    }
3118                                                })),
3119                                        ),
3120                                    )
3121                                    .child(status_icons),
3122                            )
3123                            .child(gradient_overlay(self.tool_card_header_bg(cx))),
3124                    )
3125                    .map(|parent| {
3126                        if !is_open {
3127                            return parent;
3128                        }
3129
3130                        parent.child(
3131                            v_flex()
3132                                .bg(cx.theme().colors().editor_background)
3133                                .map(|element| {
3134                                    if  needs_confirmation {
3135                                        element.rounded_none()
3136                                    } else {
3137                                        element.rounded_b_lg()
3138                                    }
3139                                })
3140                                .child(results_content),
3141                        )
3142                    })
3143                    .when(needs_confirmation, |this| {
3144                        this.child(
3145                            h_flex()
3146                                .py_1()
3147                                .pl_2()
3148                                .pr_1()
3149                                .gap_1()
3150                                .justify_between()
3151                                .flex_wrap()
3152                                .bg(cx.theme().colors().editor_background)
3153                                .border_t_1()
3154                                .border_color(self.tool_card_border_color(cx))
3155                                .rounded_b_lg()
3156                                .child(
3157                                    LoadingLabel::new("Waiting for Confirmation").size(LabelSize::Small)
3158                                )
3159                                .child(
3160                                    h_flex()
3161                                        .gap_0p5()
3162                                        .child({
3163                                            let tool_id = tool_use.id.clone();
3164                                            Button::new(
3165                                                "always-allow-tool-action",
3166                                                "Always Allow",
3167                                            )
3168                                            .label_size(LabelSize::Small)
3169                                            .icon(IconName::CheckDouble)
3170                                            .icon_position(IconPosition::Start)
3171                                            .icon_size(IconSize::Small)
3172                                            .icon_color(Color::Success)
3173                                            .tooltip(move |window, cx|  {
3174                                                Tooltip::with_meta(
3175                                                    "Never ask for permission",
3176                                                    None,
3177                                                    "Restore the original behavior in your Agent Panel settings",
3178                                                    window,
3179                                                    cx,
3180                                                )
3181                                            })
3182                                            .on_click(cx.listener(
3183                                                move |this, event, window, cx| {
3184                                                    if let Some(fs) = fs.clone() {
3185                                                        update_settings_file::<AgentSettings>(
3186                                                            fs.clone(),
3187                                                            cx,
3188                                                            |settings, _| {
3189                                                                settings.set_always_allow_tool_actions(true);
3190                                                            },
3191                                                        );
3192                                                    }
3193                                                    this.handle_allow_tool(
3194                                                        tool_id.clone(),
3195                                                        event,
3196                                                        window,
3197                                                        cx,
3198                                                    )
3199                                                },
3200                                            ))
3201                                        })
3202                                        .child(ui::Divider::vertical())
3203                                        .child({
3204                                            let tool_id = tool_use.id.clone();
3205                                            Button::new("allow-tool-action", "Allow")
3206                                                .label_size(LabelSize::Small)
3207                                                .icon(IconName::Check)
3208                                                .icon_position(IconPosition::Start)
3209                                                .icon_size(IconSize::Small)
3210                                                .icon_color(Color::Success)
3211                                                .on_click(cx.listener(
3212                                                    move |this, event, window, cx| {
3213                                                        this.handle_allow_tool(
3214                                                            tool_id.clone(),
3215                                                            event,
3216                                                            window,
3217                                                            cx,
3218                                                        )
3219                                                    },
3220                                                ))
3221                                        })
3222                                        .child({
3223                                            let tool_id = tool_use.id.clone();
3224                                            let tool_name: Arc<str> = tool_use.name.into();
3225                                            Button::new("deny-tool", "Deny")
3226                                                .label_size(LabelSize::Small)
3227                                                .icon(IconName::Close)
3228                                                .icon_position(IconPosition::Start)
3229                                                .icon_size(IconSize::Small)
3230                                                .icon_color(Color::Error)
3231                                                .on_click(cx.listener(
3232                                                    move |this, event, window, cx| {
3233                                                        this.handle_deny_tool(
3234                                                            tool_id.clone(),
3235                                                            tool_name.clone(),
3236                                                            event,
3237                                                            window,
3238                                                            cx,
3239                                                        )
3240                                                    },
3241                                                ))
3242                                        }),
3243                                ),
3244                        )
3245                    })
3246            }
3247        }).into_any_element()
3248    }
3249
3250    fn render_rules_item(&self, cx: &Context<Self>) -> AnyElement {
3251        let project_context = self.thread.read(cx).project_context();
3252        let project_context = project_context.borrow();
3253        let Some(project_context) = project_context.as_ref() else {
3254            return div().into_any();
3255        };
3256
3257        let user_rules_text = if project_context.user_rules.is_empty() {
3258            None
3259        } else if project_context.user_rules.len() == 1 {
3260            let user_rules = &project_context.user_rules[0];
3261
3262            match user_rules.title.as_ref() {
3263                Some(title) => Some(format!("Using \"{title}\" user rule")),
3264                None => Some("Using user rule".into()),
3265            }
3266        } else {
3267            Some(format!(
3268                "Using {} user rules",
3269                project_context.user_rules.len()
3270            ))
3271        };
3272
3273        let first_user_rules_id = project_context
3274            .user_rules
3275            .first()
3276            .map(|user_rules| user_rules.uuid.0);
3277
3278        let rules_files = project_context
3279            .worktrees
3280            .iter()
3281            .filter_map(|worktree| worktree.rules_file.as_ref())
3282            .collect::<Vec<_>>();
3283
3284        let rules_file_text = match rules_files.as_slice() {
3285            &[] => None,
3286            &[rules_file] => Some(format!(
3287                "Using project {:?} file",
3288                rules_file.path_in_worktree
3289            )),
3290            rules_files => Some(format!("Using {} project rules files", rules_files.len())),
3291        };
3292
3293        if user_rules_text.is_none() && rules_file_text.is_none() {
3294            return div().into_any();
3295        }
3296
3297        v_flex()
3298            .pt_2()
3299            .px_2p5()
3300            .gap_1()
3301            .when_some(user_rules_text, |parent, user_rules_text| {
3302                parent.child(
3303                    h_flex()
3304                        .w_full()
3305                        .child(
3306                            Icon::new(RULES_ICON)
3307                                .size(IconSize::XSmall)
3308                                .color(Color::Disabled),
3309                        )
3310                        .child(
3311                            Label::new(user_rules_text)
3312                                .size(LabelSize::XSmall)
3313                                .color(Color::Muted)
3314                                .truncate()
3315                                .buffer_font(cx)
3316                                .ml_1p5()
3317                                .mr_0p5(),
3318                        )
3319                        .child(
3320                            IconButton::new("open-prompt-library", IconName::ArrowUpRightAlt)
3321                                .shape(ui::IconButtonShape::Square)
3322                                .icon_size(IconSize::XSmall)
3323                                .icon_color(Color::Ignored)
3324                                // TODO: Figure out a way to pass focus handle here so we can display the `OpenRulesLibrary`  keybinding
3325                                .tooltip(Tooltip::text("View User Rules"))
3326                                .on_click(move |_event, window, cx| {
3327                                    window.dispatch_action(
3328                                        Box::new(OpenRulesLibrary {
3329                                            prompt_to_select: first_user_rules_id,
3330                                        }),
3331                                        cx,
3332                                    )
3333                                }),
3334                        ),
3335                )
3336            })
3337            .when_some(rules_file_text, |parent, rules_file_text| {
3338                parent.child(
3339                    h_flex()
3340                        .w_full()
3341                        .child(
3342                            Icon::new(IconName::File)
3343                                .size(IconSize::XSmall)
3344                                .color(Color::Disabled),
3345                        )
3346                        .child(
3347                            Label::new(rules_file_text)
3348                                .size(LabelSize::XSmall)
3349                                .color(Color::Muted)
3350                                .buffer_font(cx)
3351                                .ml_1p5()
3352                                .mr_0p5(),
3353                        )
3354                        .child(
3355                            IconButton::new("open-rule", IconName::ArrowUpRightAlt)
3356                                .shape(ui::IconButtonShape::Square)
3357                                .icon_size(IconSize::XSmall)
3358                                .icon_color(Color::Ignored)
3359                                .on_click(cx.listener(Self::handle_open_rules))
3360                                .tooltip(Tooltip::text("View Rules")),
3361                        ),
3362                )
3363            })
3364            .into_any()
3365    }
3366
3367    fn handle_allow_tool(
3368        &mut self,
3369        tool_use_id: LanguageModelToolUseId,
3370        _: &ClickEvent,
3371        window: &mut Window,
3372        cx: &mut Context<Self>,
3373    ) {
3374        if let Some(PendingToolUseStatus::NeedsConfirmation(c)) = self
3375            .thread
3376            .read(cx)
3377            .pending_tool(&tool_use_id)
3378            .map(|tool_use| tool_use.status.clone())
3379        {
3380            self.thread.update(cx, |thread, cx| {
3381                if let Some(configured) = thread.get_or_init_configured_model(cx) {
3382                    thread.run_tool(
3383                        c.tool_use_id.clone(),
3384                        c.ui_text.clone(),
3385                        c.input.clone(),
3386                        c.request.clone(),
3387                        c.tool.clone(),
3388                        configured.model,
3389                        Some(window.window_handle()),
3390                        cx,
3391                    );
3392                }
3393            });
3394        }
3395    }
3396
3397    fn handle_deny_tool(
3398        &mut self,
3399        tool_use_id: LanguageModelToolUseId,
3400        tool_name: Arc<str>,
3401        _: &ClickEvent,
3402        window: &mut Window,
3403        cx: &mut Context<Self>,
3404    ) {
3405        let window_handle = window.window_handle();
3406        self.thread.update(cx, |thread, cx| {
3407            thread.deny_tool_use(tool_use_id, tool_name, Some(window_handle), cx);
3408        });
3409    }
3410
3411    fn handle_open_rules(&mut self, _: &ClickEvent, window: &mut Window, cx: &mut Context<Self>) {
3412        let project_context = self.thread.read(cx).project_context();
3413        let project_context = project_context.borrow();
3414        let Some(project_context) = project_context.as_ref() else {
3415            return;
3416        };
3417
3418        let project_entry_ids = project_context
3419            .worktrees
3420            .iter()
3421            .flat_map(|worktree| worktree.rules_file.as_ref())
3422            .map(|rules_file| ProjectEntryId::from_usize(rules_file.project_entry_id))
3423            .collect::<Vec<_>>();
3424
3425        self.workspace
3426            .update(cx, move |workspace, cx| {
3427                // TODO: Open a multibuffer instead? In some cases this doesn't make the set of rules
3428                // files clear. For example, if rules file 1 is already open but rules file 2 is not,
3429                // this would open and focus rules file 2 in a tab that is not next to rules file 1.
3430                let project = workspace.project().read(cx);
3431                let project_paths = project_entry_ids
3432                    .into_iter()
3433                    .flat_map(|entry_id| project.path_for_entry(entry_id, cx))
3434                    .collect::<Vec<_>>();
3435                for project_path in project_paths {
3436                    workspace
3437                        .open_path(project_path, None, true, window, cx)
3438                        .detach_and_log_err(cx);
3439                }
3440            })
3441            .ok();
3442    }
3443
3444    fn dismiss_notifications(&mut self, cx: &mut Context<ActiveThread>) {
3445        for window in self.notifications.drain(..) {
3446            window
3447                .update(cx, |_, window, _| {
3448                    window.remove_window();
3449                })
3450                .ok();
3451
3452            self.notification_subscriptions.remove(&window);
3453        }
3454    }
3455
3456    fn render_vertical_scrollbar(&self, cx: &mut Context<Self>) -> Option<Stateful<Div>> {
3457        if !self.show_scrollbar && !self.scrollbar_state.is_dragging() {
3458            return None;
3459        }
3460
3461        Some(
3462            div()
3463                .occlude()
3464                .id("active-thread-scrollbar")
3465                .on_mouse_move(cx.listener(|_, _, _, cx| {
3466                    cx.notify();
3467                    cx.stop_propagation()
3468                }))
3469                .on_hover(|_, _, cx| {
3470                    cx.stop_propagation();
3471                })
3472                .on_any_mouse_down(|_, _, cx| {
3473                    cx.stop_propagation();
3474                })
3475                .on_mouse_up(
3476                    MouseButton::Left,
3477                    cx.listener(|_, _, _, cx| {
3478                        cx.stop_propagation();
3479                    }),
3480                )
3481                .on_scroll_wheel(cx.listener(|_, _, _, cx| {
3482                    cx.notify();
3483                }))
3484                .h_full()
3485                .absolute()
3486                .right_1()
3487                .top_1()
3488                .bottom_0()
3489                .w(px(12.))
3490                .cursor_default()
3491                .children(Scrollbar::vertical(self.scrollbar_state.clone())),
3492        )
3493    }
3494
3495    fn hide_scrollbar_later(&mut self, cx: &mut Context<Self>) {
3496        const SCROLLBAR_SHOW_INTERVAL: Duration = Duration::from_secs(1);
3497        self.hide_scrollbar_task = Some(cx.spawn(async move |thread, cx| {
3498            cx.background_executor()
3499                .timer(SCROLLBAR_SHOW_INTERVAL)
3500                .await;
3501            thread
3502                .update(cx, |thread, cx| {
3503                    if !thread.scrollbar_state.is_dragging() {
3504                        thread.show_scrollbar = false;
3505                        cx.notify();
3506                    }
3507                })
3508                .log_err();
3509        }))
3510    }
3511
3512    pub fn is_codeblock_expanded(&self, message_id: MessageId, ix: usize) -> bool {
3513        self.expanded_code_blocks
3514            .get(&(message_id, ix))
3515            .copied()
3516            .unwrap_or(true)
3517    }
3518
3519    pub fn toggle_codeblock_expanded(&mut self, message_id: MessageId, ix: usize) {
3520        let is_expanded = self
3521            .expanded_code_blocks
3522            .entry((message_id, ix))
3523            .or_insert(true);
3524        *is_expanded = !*is_expanded;
3525    }
3526
3527    pub fn scroll_to_top(&mut self, cx: &mut Context<Self>) {
3528        self.list_state.scroll_to(ListOffset::default());
3529        cx.notify();
3530    }
3531
3532    pub fn scroll_to_bottom(&mut self, cx: &mut Context<Self>) {
3533        self.list_state.reset(self.messages.len());
3534        cx.notify();
3535    }
3536}
3537
3538pub enum ActiveThreadEvent {
3539    EditingMessageTokenCountChanged,
3540}
3541
3542impl EventEmitter<ActiveThreadEvent> for ActiveThread {}
3543
3544impl Render for ActiveThread {
3545    fn render(&mut self, _window: &mut Window, cx: &mut Context<Self>) -> impl IntoElement {
3546        v_flex()
3547            .size_full()
3548            .relative()
3549            .bg(cx.theme().colors().panel_background)
3550            .on_mouse_move(cx.listener(|this, _, _, cx| {
3551                this.show_scrollbar = true;
3552                this.hide_scrollbar_later(cx);
3553                cx.notify();
3554            }))
3555            .on_scroll_wheel(cx.listener(|this, _, _, cx| {
3556                this.show_scrollbar = true;
3557                this.hide_scrollbar_later(cx);
3558                cx.notify();
3559            }))
3560            .on_mouse_up(
3561                MouseButton::Left,
3562                cx.listener(|this, _, _, cx| {
3563                    this.hide_scrollbar_later(cx);
3564                }),
3565            )
3566            .child(list(self.list_state.clone()).flex_grow())
3567            .when_some(self.render_vertical_scrollbar(cx), |this, scrollbar| {
3568                this.child(scrollbar)
3569            })
3570    }
3571}
3572
3573pub(crate) fn open_active_thread_as_markdown(
3574    thread: Entity<Thread>,
3575    workspace: Entity<Workspace>,
3576    window: &mut Window,
3577    cx: &mut App,
3578) -> Task<anyhow::Result<()>> {
3579    let markdown_language_task = workspace
3580        .read(cx)
3581        .app_state()
3582        .languages
3583        .language_for_name("Markdown");
3584
3585    window.spawn(cx, async move |cx| {
3586        let markdown_language = markdown_language_task.await?;
3587
3588        workspace.update_in(cx, |workspace, window, cx| {
3589            let thread = thread.read(cx);
3590            let markdown = thread.to_markdown(cx)?;
3591            let thread_summary = thread.summary().or_default().to_string();
3592
3593            let project = workspace.project().clone();
3594
3595            if !project.read(cx).is_local() {
3596                anyhow::bail!("failed to open active thread as markdown in remote project");
3597            }
3598
3599            let buffer = project.update(cx, |project, cx| {
3600                project.create_local_buffer(&markdown, Some(markdown_language), cx)
3601            });
3602            let buffer =
3603                cx.new(|cx| MultiBuffer::singleton(buffer, cx).with_title(thread_summary.clone()));
3604
3605            workspace.add_item_to_active_pane(
3606                Box::new(cx.new(|cx| {
3607                    let mut editor =
3608                        Editor::for_multibuffer(buffer, Some(project.clone()), window, cx);
3609                    editor.set_breadcrumb_header(thread_summary);
3610                    editor
3611                })),
3612                None,
3613                true,
3614                window,
3615                cx,
3616            );
3617
3618            anyhow::Ok(())
3619        })??;
3620        anyhow::Ok(())
3621    })
3622}
3623
3624pub(crate) fn open_context(
3625    context: &AgentContextHandle,
3626    workspace: Entity<Workspace>,
3627    window: &mut Window,
3628    cx: &mut App,
3629) {
3630    match context {
3631        AgentContextHandle::File(file_context) => {
3632            if let Some(project_path) = file_context.project_path(cx) {
3633                workspace.update(cx, |workspace, cx| {
3634                    workspace
3635                        .open_path(project_path, None, true, window, cx)
3636                        .detach_and_log_err(cx);
3637                });
3638            }
3639        }
3640
3641        AgentContextHandle::Directory(directory_context) => {
3642            let entry_id = directory_context.entry_id;
3643            workspace.update(cx, |workspace, cx| {
3644                workspace.project().update(cx, |_project, cx| {
3645                    cx.emit(project::Event::RevealInProjectPanel(entry_id));
3646                })
3647            })
3648        }
3649
3650        AgentContextHandle::Symbol(symbol_context) => {
3651            let buffer = symbol_context.buffer.read(cx);
3652            if let Some(project_path) = buffer.project_path(cx) {
3653                let snapshot = buffer.snapshot();
3654                let target_position = symbol_context.range.start.to_point(&snapshot);
3655                open_editor_at_position(project_path, target_position, &workspace, window, cx)
3656                    .detach();
3657            }
3658        }
3659
3660        AgentContextHandle::Selection(selection_context) => {
3661            let buffer = selection_context.buffer.read(cx);
3662            if let Some(project_path) = buffer.project_path(cx) {
3663                let snapshot = buffer.snapshot();
3664                let target_position = selection_context.range.start.to_point(&snapshot);
3665
3666                open_editor_at_position(project_path, target_position, &workspace, window, cx)
3667                    .detach();
3668            }
3669        }
3670
3671        AgentContextHandle::FetchedUrl(fetched_url_context) => {
3672            cx.open_url(&fetched_url_context.url);
3673        }
3674
3675        AgentContextHandle::Thread(thread_context) => workspace.update(cx, |workspace, cx| {
3676            if let Some(panel) = workspace.panel::<AgentPanel>(cx) {
3677                panel.update(cx, |panel, cx| {
3678                    panel.open_thread(thread_context.thread.clone(), window, cx);
3679                });
3680            }
3681        }),
3682
3683        AgentContextHandle::TextThread(text_thread_context) => {
3684            workspace.update(cx, |workspace, cx| {
3685                if let Some(panel) = workspace.panel::<AgentPanel>(cx) {
3686                    panel.update(cx, |panel, cx| {
3687                        panel.open_prompt_editor(text_thread_context.context.clone(), window, cx)
3688                    });
3689                }
3690            })
3691        }
3692
3693        AgentContextHandle::Rules(rules_context) => window.dispatch_action(
3694            Box::new(OpenRulesLibrary {
3695                prompt_to_select: Some(rules_context.prompt_id.0),
3696            }),
3697            cx,
3698        ),
3699
3700        AgentContextHandle::Image(_) => {}
3701    }
3702}
3703
3704pub(crate) fn attach_pasted_images_as_context(
3705    context_store: &Entity<ContextStore>,
3706    cx: &mut App,
3707) -> bool {
3708    let images = cx
3709        .read_from_clipboard()
3710        .map(|item| {
3711            item.into_entries()
3712                .filter_map(|entry| {
3713                    if let ClipboardEntry::Image(image) = entry {
3714                        Some(image)
3715                    } else {
3716                        None
3717                    }
3718                })
3719                .collect::<Vec<_>>()
3720        })
3721        .unwrap_or_default();
3722
3723    if images.is_empty() {
3724        return false;
3725    }
3726    cx.stop_propagation();
3727
3728    context_store.update(cx, |store, cx| {
3729        for image in images {
3730            store.add_image_instance(Arc::new(image), cx);
3731        }
3732    });
3733    true
3734}
3735
3736fn open_editor_at_position(
3737    project_path: project::ProjectPath,
3738    target_position: Point,
3739    workspace: &Entity<Workspace>,
3740    window: &mut Window,
3741    cx: &mut App,
3742) -> Task<()> {
3743    let open_task = workspace.update(cx, |workspace, cx| {
3744        workspace.open_path(project_path, None, true, window, cx)
3745    });
3746    window.spawn(cx, async move |cx| {
3747        if let Some(active_editor) = open_task
3748            .await
3749            .log_err()
3750            .and_then(|item| item.downcast::<Editor>())
3751        {
3752            active_editor
3753                .downgrade()
3754                .update_in(cx, |editor, window, cx| {
3755                    editor.go_to_singleton_buffer_point(target_position, window, cx);
3756                })
3757                .log_err();
3758        }
3759    })
3760}
3761
3762#[cfg(test)]
3763mod tests {
3764    use super::*;
3765    use agent::{MessageSegment, context::ContextLoadResult, thread_store};
3766    use assistant_tool::{ToolRegistry, ToolWorkingSet};
3767    use editor::EditorSettings;
3768    use fs::FakeFs;
3769    use gpui::{AppContext, TestAppContext, VisualTestContext};
3770    use language_model::{
3771        ConfiguredModel, LanguageModel, LanguageModelRegistry,
3772        fake_provider::{FakeLanguageModel, FakeLanguageModelProvider},
3773    };
3774    use project::Project;
3775    use prompt_store::PromptBuilder;
3776    use serde_json::json;
3777    use settings::SettingsStore;
3778    use util::path;
3779    use workspace::CollaboratorId;
3780
3781    #[gpui::test]
3782    async fn test_agent_is_unfollowed_after_cancelling_completion(cx: &mut TestAppContext) {
3783        init_test_settings(cx);
3784
3785        let project = create_test_project(
3786            cx,
3787            json!({"code.rs": "fn main() {\n    println!(\"Hello, world!\");\n}"}),
3788        )
3789        .await;
3790
3791        let (cx, _active_thread, workspace, thread, model) =
3792            setup_test_environment(cx, project.clone()).await;
3793
3794        // Insert user message without any context (empty context vector)
3795        thread.update(cx, |thread, cx| {
3796            thread.insert_user_message(
3797                "What is the best way to learn Rust?",
3798                ContextLoadResult::default(),
3799                None,
3800                vec![],
3801                cx,
3802            );
3803        });
3804
3805        // Stream response to user message
3806        thread.update(cx, |thread, cx| {
3807            let intent = CompletionIntent::UserPrompt;
3808            let request = thread.to_completion_request(model.clone(), intent, cx);
3809            thread.stream_completion(request, model, intent, cx.active_window(), cx)
3810        });
3811        // Follow the agent
3812        cx.update(|window, cx| {
3813            workspace.update(cx, |workspace, cx| {
3814                workspace.follow(CollaboratorId::Agent, window, cx);
3815            })
3816        });
3817        assert!(cx.read(|cx| workspace.read(cx).is_being_followed(CollaboratorId::Agent)));
3818
3819        // Cancel the current completion
3820        thread.update(cx, |thread, cx| {
3821            thread.cancel_last_completion(cx.active_window(), cx)
3822        });
3823
3824        cx.executor().run_until_parked();
3825
3826        // No longer following the agent
3827        assert!(!cx.read(|cx| workspace.read(cx).is_being_followed(CollaboratorId::Agent)));
3828    }
3829
3830    #[gpui::test]
3831    async fn test_reinserting_creases_for_edited_message(cx: &mut TestAppContext) {
3832        init_test_settings(cx);
3833
3834        let project = create_test_project(cx, json!({})).await;
3835
3836        let (cx, active_thread, _, thread, model) =
3837            setup_test_environment(cx, project.clone()).await;
3838        cx.update(|_, cx| {
3839            LanguageModelRegistry::global(cx).update(cx, |registry, cx| {
3840                registry.set_default_model(
3841                    Some(ConfiguredModel {
3842                        provider: Arc::new(FakeLanguageModelProvider),
3843                        model,
3844                    }),
3845                    cx,
3846                );
3847            });
3848        });
3849
3850        let creases = vec![MessageCrease {
3851            range: 14..22,
3852            icon_path: "icon".into(),
3853            label: "foo.txt".into(),
3854            context: None,
3855        }];
3856
3857        let message = thread.update(cx, |thread, cx| {
3858            let message_id = thread.insert_user_message(
3859                "Tell me about @foo.txt",
3860                ContextLoadResult::default(),
3861                None,
3862                creases,
3863                cx,
3864            );
3865            thread.message(message_id).cloned().unwrap()
3866        });
3867
3868        active_thread.update_in(cx, |active_thread, window, cx| {
3869            if let Some(message_text) = message.segments.first().and_then(MessageSegment::text) {
3870                active_thread.start_editing_message(
3871                    message.id,
3872                    message_text,
3873                    message.creases.as_slice(),
3874                    window,
3875                    cx,
3876                );
3877            }
3878            let editor = active_thread
3879                .editing_message
3880                .as_ref()
3881                .unwrap()
3882                .1
3883                .editor
3884                .clone();
3885            editor.update(cx, |editor, cx| editor.edit([(0..13, "modified")], cx));
3886            active_thread.confirm_editing_message(&Default::default(), window, cx);
3887        });
3888        cx.run_until_parked();
3889
3890        let message = thread.update(cx, |thread, _| thread.message(message.id).cloned().unwrap());
3891        active_thread.update_in(cx, |active_thread, window, cx| {
3892            if let Some(message_text) = message.segments.first().and_then(MessageSegment::text) {
3893                active_thread.start_editing_message(
3894                    message.id,
3895                    message_text,
3896                    message.creases.as_slice(),
3897                    window,
3898                    cx,
3899                );
3900            }
3901            let editor = active_thread
3902                .editing_message
3903                .as_ref()
3904                .unwrap()
3905                .1
3906                .editor
3907                .clone();
3908            let text = editor.update(cx, |editor, cx| editor.text(cx));
3909            assert_eq!(text, "modified @foo.txt");
3910        });
3911    }
3912
3913    #[gpui::test]
3914    async fn test_editing_message_cancels_previous_completion(cx: &mut TestAppContext) {
3915        init_test_settings(cx);
3916
3917        let project = create_test_project(cx, json!({})).await;
3918
3919        let (cx, active_thread, _, thread, model) =
3920            setup_test_environment(cx, project.clone()).await;
3921
3922        cx.update(|_, cx| {
3923            LanguageModelRegistry::global(cx).update(cx, |registry, cx| {
3924                registry.set_default_model(
3925                    Some(ConfiguredModel {
3926                        provider: Arc::new(FakeLanguageModelProvider),
3927                        model: model.clone(),
3928                    }),
3929                    cx,
3930                );
3931            });
3932        });
3933
3934        // Track thread events to verify cancellation
3935        let cancellation_events = Arc::new(std::sync::Mutex::new(Vec::new()));
3936        let new_request_events = Arc::new(std::sync::Mutex::new(Vec::new()));
3937
3938        let _subscription = cx.update(|_, cx| {
3939            let cancellation_events = cancellation_events.clone();
3940            let new_request_events = new_request_events.clone();
3941            cx.subscribe(
3942                &thread,
3943                move |_thread, event: &ThreadEvent, _cx| match event {
3944                    ThreadEvent::CompletionCanceled => {
3945                        cancellation_events.lock().unwrap().push(());
3946                    }
3947                    ThreadEvent::NewRequest => {
3948                        new_request_events.lock().unwrap().push(());
3949                    }
3950                    _ => {}
3951                },
3952            )
3953        });
3954
3955        // Insert a user message and start streaming a response
3956        let message = thread.update(cx, |thread, cx| {
3957            let message_id = thread.insert_user_message(
3958                "Hello, how are you?",
3959                ContextLoadResult::default(),
3960                None,
3961                vec![],
3962                cx,
3963            );
3964            thread.advance_prompt_id();
3965            thread.send_to_model(
3966                model.clone(),
3967                CompletionIntent::UserPrompt,
3968                cx.active_window(),
3969                cx,
3970            );
3971            thread.message(message_id).cloned().unwrap()
3972        });
3973
3974        cx.run_until_parked();
3975
3976        // Verify that a completion is in progress
3977        assert!(cx.read(|cx| thread.read(cx).is_generating()));
3978        assert_eq!(new_request_events.lock().unwrap().len(), 1);
3979
3980        // Edit the message while the completion is still running
3981        active_thread.update_in(cx, |active_thread, window, cx| {
3982            if let Some(message_text) = message.segments.first().and_then(MessageSegment::text) {
3983                active_thread.start_editing_message(
3984                    message.id,
3985                    message_text,
3986                    message.creases.as_slice(),
3987                    window,
3988                    cx,
3989                );
3990            }
3991            let editor = active_thread
3992                .editing_message
3993                .as_ref()
3994                .unwrap()
3995                .1
3996                .editor
3997                .clone();
3998            editor.update(cx, |editor, cx| {
3999                editor.set_text("What is the weather like?", window, cx);
4000            });
4001            active_thread.confirm_editing_message(&Default::default(), window, cx);
4002        });
4003
4004        cx.run_until_parked();
4005
4006        // Verify that the previous completion was cancelled
4007        assert_eq!(cancellation_events.lock().unwrap().len(), 1);
4008
4009        // Verify that a new request was started after cancellation
4010        assert_eq!(new_request_events.lock().unwrap().len(), 2);
4011
4012        // Verify that the edited message contains the new text
4013        let edited_message =
4014            thread.update(cx, |thread, _| thread.message(message.id).cloned().unwrap());
4015        match &edited_message.segments[0] {
4016            MessageSegment::Text(text) => {
4017                assert_eq!(text, "What is the weather like?");
4018            }
4019            _ => panic!("Expected text segment"),
4020        }
4021    }
4022
4023    fn init_test_settings(cx: &mut TestAppContext) {
4024        cx.update(|cx| {
4025            let settings_store = SettingsStore::test(cx);
4026            cx.set_global(settings_store);
4027            language::init(cx);
4028            Project::init_settings(cx);
4029            AgentSettings::register(cx);
4030            prompt_store::init(cx);
4031            thread_store::init(cx);
4032            workspace::init_settings(cx);
4033            language_model::init_settings(cx);
4034            ThemeSettings::register(cx);
4035            EditorSettings::register(cx);
4036            ToolRegistry::default_global(cx);
4037        });
4038    }
4039
4040    // Helper to create a test project with test files
4041    async fn create_test_project(
4042        cx: &mut TestAppContext,
4043        files: serde_json::Value,
4044    ) -> Entity<Project> {
4045        let fs = FakeFs::new(cx.executor());
4046        fs.insert_tree(path!("/test"), files).await;
4047        Project::test(fs, [path!("/test").as_ref()], cx).await
4048    }
4049
4050    async fn setup_test_environment(
4051        cx: &mut TestAppContext,
4052        project: Entity<Project>,
4053    ) -> (
4054        &mut VisualTestContext,
4055        Entity<ActiveThread>,
4056        Entity<Workspace>,
4057        Entity<Thread>,
4058        Arc<dyn LanguageModel>,
4059    ) {
4060        let (workspace, cx) =
4061            cx.add_window_view(|window, cx| Workspace::test_new(project.clone(), window, cx));
4062
4063        let thread_store = cx
4064            .update(|_, cx| {
4065                ThreadStore::load(
4066                    project.clone(),
4067                    cx.new(|_| ToolWorkingSet::default()),
4068                    None,
4069                    Arc::new(PromptBuilder::new(None).unwrap()),
4070                    cx,
4071                )
4072            })
4073            .await
4074            .unwrap();
4075
4076        let text_thread_store = cx
4077            .update(|_, cx| {
4078                TextThreadStore::new(
4079                    project.clone(),
4080                    Arc::new(PromptBuilder::new(None).unwrap()),
4081                    Default::default(),
4082                    cx,
4083                )
4084            })
4085            .await
4086            .unwrap();
4087
4088        let thread = thread_store.update(cx, |store, cx| store.create_thread(cx));
4089        let context_store =
4090            cx.new(|_cx| ContextStore::new(project.downgrade(), Some(thread_store.downgrade())));
4091
4092        let model = FakeLanguageModel::default();
4093        let model: Arc<dyn LanguageModel> = Arc::new(model);
4094
4095        let language_registry = LanguageRegistry::new(cx.executor());
4096        let language_registry = Arc::new(language_registry);
4097
4098        let active_thread = cx.update(|window, cx| {
4099            cx.new(|cx| {
4100                ActiveThread::new(
4101                    thread.clone(),
4102                    thread_store.clone(),
4103                    text_thread_store,
4104                    context_store.clone(),
4105                    language_registry.clone(),
4106                    workspace.downgrade(),
4107                    window,
4108                    cx,
4109                )
4110            })
4111        });
4112
4113        (cx, active_thread, workspace, thread, model)
4114    }
4115}