active_thread.rs

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