active_thread.rs

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