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