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