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