use std::sync::Arc; use anyhow::Result; use assistant_tool::ToolWorkingSet; use client::zed_urls; use gpui::{ prelude::*, px, svg, Action, AnyElement, AppContext, AsyncWindowContext, EventEmitter, FocusHandle, FocusableView, FontWeight, Model, Pixels, Task, View, ViewContext, WeakView, WindowContext, }; use language::LanguageRegistry; use time::UtcOffset; use ui::{prelude::*, Divider, IconButtonShape, KeyBinding, Tab, Tooltip}; use workspace::dock::{DockPosition, Panel, PanelEvent}; use workspace::Workspace; use crate::active_thread::ActiveThread; use crate::message_editor::MessageEditor; use crate::thread::{ThreadError, ThreadId}; use crate::thread_history::{PastThread, ThreadHistory}; use crate::thread_store::ThreadStore; use crate::{NewThread, OpenHistory, ToggleFocus}; pub fn init(cx: &mut AppContext) { cx.observe_new_views( |workspace: &mut Workspace, _cx: &mut ViewContext| { workspace.register_action(|workspace, _: &ToggleFocus, cx| { workspace.toggle_panel_focus::(cx); }); }, ) .detach(); } enum ActiveView { Thread, History, } pub struct AssistantPanel { workspace: WeakView, language_registry: Arc, thread_store: Model, thread: View, message_editor: View, tools: Arc, local_timezone: UtcOffset, active_view: ActiveView, history: View, } impl AssistantPanel { pub fn load( workspace: WeakView, cx: AsyncWindowContext, ) -> Task>> { cx.spawn(|mut cx| async move { let tools = Arc::new(ToolWorkingSet::default()); let thread_store = workspace .update(&mut cx, |workspace, cx| { let project = workspace.project().clone(); ThreadStore::new(project, tools.clone(), cx) })? .await?; workspace.update(&mut cx, |workspace, cx| { cx.new_view(|cx| Self::new(workspace, thread_store, tools, cx)) }) }) } fn new( workspace: &Workspace, thread_store: Model, tools: Arc, cx: &mut ViewContext, ) -> Self { let thread = thread_store.update(cx, |this, cx| this.create_thread(cx)); let language_registry = workspace.project().read(cx).languages().clone(); let workspace = workspace.weak_handle(); let weak_self = cx.view().downgrade(); Self { active_view: ActiveView::Thread, workspace: workspace.clone(), language_registry: language_registry.clone(), thread_store: thread_store.clone(), thread: cx.new_view(|cx| { ActiveThread::new( thread.clone(), workspace.clone(), language_registry, tools.clone(), cx, ) }), message_editor: cx.new_view(|cx| { MessageEditor::new(workspace, thread_store.downgrade(), thread.clone(), cx) }), tools, local_timezone: UtcOffset::from_whole_seconds( chrono::Local::now().offset().local_minus_utc(), ) .unwrap(), history: cx.new_view(|cx| ThreadHistory::new(weak_self, thread_store, cx)), } } pub(crate) fn local_timezone(&self) -> UtcOffset { self.local_timezone } fn new_thread(&mut self, cx: &mut ViewContext) { let thread = self .thread_store .update(cx, |this, cx| this.create_thread(cx)); self.active_view = ActiveView::Thread; self.thread = cx.new_view(|cx| { ActiveThread::new( thread.clone(), self.workspace.clone(), self.language_registry.clone(), self.tools.clone(), cx, ) }); self.message_editor = cx.new_view(|cx| { MessageEditor::new( self.workspace.clone(), self.thread_store.downgrade(), thread, cx, ) }); self.message_editor.focus_handle(cx).focus(cx); } pub(crate) fn open_thread(&mut self, thread_id: &ThreadId, cx: &mut ViewContext) { let Some(thread) = self .thread_store .update(cx, |this, cx| this.open_thread(thread_id, cx)) else { return; }; self.active_view = ActiveView::Thread; self.thread = cx.new_view(|cx| { ActiveThread::new( thread.clone(), self.workspace.clone(), self.language_registry.clone(), self.tools.clone(), cx, ) }); self.message_editor = cx.new_view(|cx| { MessageEditor::new( self.workspace.clone(), self.thread_store.downgrade(), thread, cx, ) }); self.message_editor.focus_handle(cx).focus(cx); } pub(crate) fn delete_thread(&mut self, thread_id: &ThreadId, cx: &mut ViewContext) { self.thread_store .update(cx, |this, cx| this.delete_thread(thread_id, cx)); } } impl FocusableView for AssistantPanel { fn focus_handle(&self, cx: &AppContext) -> FocusHandle { match self.active_view { ActiveView::Thread => self.message_editor.focus_handle(cx), ActiveView::History => self.history.focus_handle(cx), } } } impl EventEmitter for AssistantPanel {} impl Panel for AssistantPanel { fn persistent_name() -> &'static str { "AssistantPanel2" } fn position(&self, _cx: &WindowContext) -> DockPosition { DockPosition::Right } fn position_is_valid(&self, _: DockPosition) -> bool { true } fn set_position(&mut self, _position: DockPosition, _cx: &mut ViewContext) {} fn size(&self, _cx: &WindowContext) -> Pixels { px(640.) } fn set_size(&mut self, _size: Option, _cx: &mut ViewContext) {} fn set_active(&mut self, _active: bool, _cx: &mut ViewContext) {} fn remote_id() -> Option { Some(proto::PanelId::AssistantPanel) } fn icon(&self, _cx: &WindowContext) -> Option { Some(IconName::ZedAssistant) } fn icon_tooltip(&self, _cx: &WindowContext) -> Option<&'static str> { Some("Assistant Panel") } fn toggle_action(&self) -> Box { Box::new(ToggleFocus) } } impl AssistantPanel { fn render_toolbar(&self, cx: &mut ViewContext) -> impl IntoElement { let focus_handle = self.focus_handle(cx); h_flex() .id("assistant-toolbar") .justify_between() .gap(DynamicSpacing::Base08.rems(cx)) .h(Tab::container_height(cx)) .px(DynamicSpacing::Base08.rems(cx)) .bg(cx.theme().colors().tab_bar_background) .border_b_1() .border_color(cx.theme().colors().border_variant) .child(h_flex().children(self.thread.read(cx).summary(cx).map(Label::new))) .child( h_flex() .gap(DynamicSpacing::Base08.rems(cx)) .child(Divider::vertical()) .child( IconButton::new("new-thread", IconName::Plus) .shape(IconButtonShape::Square) .icon_size(IconSize::Small) .style(ButtonStyle::Subtle) .tooltip({ let focus_handle = focus_handle.clone(); move |cx| { Tooltip::for_action_in( "New Thread", &NewThread, &focus_handle, cx, ) } }) .on_click(move |_event, cx| { cx.dispatch_action(NewThread.boxed_clone()); }), ) .child( IconButton::new("open-history", IconName::HistoryRerun) .shape(IconButtonShape::Square) .icon_size(IconSize::Small) .style(ButtonStyle::Subtle) .tooltip({ let focus_handle = focus_handle.clone(); move |cx| { Tooltip::for_action_in( "Open History", &OpenHistory, &focus_handle, cx, ) } }) .on_click(move |_event, cx| { cx.dispatch_action(OpenHistory.boxed_clone()); }), ) .child( IconButton::new("configure-assistant", IconName::Settings) .shape(IconButtonShape::Square) .icon_size(IconSize::Small) .style(ButtonStyle::Subtle) .tooltip(move |cx| Tooltip::text("Configure Assistant", cx)) .on_click(move |_event, _cx| { println!("Configure Assistant"); }), ), ) } fn render_active_thread_or_empty_state(&self, cx: &mut ViewContext) -> AnyElement { if self.thread.read(cx).is_empty() { return self.render_thread_empty_state(cx).into_any_element(); } self.thread.clone().into_any() } fn render_thread_empty_state(&self, cx: &mut ViewContext) -> impl IntoElement { let recent_threads = self .thread_store .update(cx, |this, cx| this.recent_threads(3, cx)); v_flex() .gap_2() .mx_auto() .child( v_flex().w_full().child( svg() .path("icons/logo_96.svg") .text_color(cx.theme().colors().text) .w(px(40.)) .h(px(40.)) .mx_auto() .mb_4(), ), ) .when(!recent_threads.is_empty(), |parent| { parent .child( h_flex().w_full().justify_center().child( Label::new("Recent Threads:") .size(LabelSize::Small) .color(Color::Muted), ), ) .child( v_flex().gap_2().children( recent_threads .into_iter() .map(|thread| PastThread::new(thread, cx.view().downgrade())), ), ) .child( h_flex().w_full().justify_center().child( Button::new("view-all-past-threads", "View All Past Threads") .style(ButtonStyle::Subtle) .label_size(LabelSize::Small) .key_binding(KeyBinding::for_action_in( &OpenHistory, &self.focus_handle(cx), cx, )) .on_click(move |_event, cx| { cx.dispatch_action(OpenHistory.boxed_clone()); }), ), ) }) } fn render_last_error(&self, cx: &mut ViewContext) -> Option { let last_error = self.thread.read(cx).last_error()?; Some( div() .absolute() .right_3() .bottom_12() .max_w_96() .py_2() .px_3() .elevation_2(cx) .occlude() .child(match last_error { ThreadError::PaymentRequired => self.render_payment_required_error(cx), ThreadError::MaxMonthlySpendReached => { self.render_max_monthly_spend_reached_error(cx) } ThreadError::Message(error_message) => { self.render_error_message(&error_message, cx) } }) .into_any(), ) } fn render_payment_required_error(&self, cx: &mut ViewContext) -> AnyElement { const ERROR_MESSAGE: &str = "Free tier exceeded. Subscribe and add payment to continue using Zed LLMs. You'll be billed at cost for tokens used."; v_flex() .gap_0p5() .child( h_flex() .gap_1p5() .items_center() .child(Icon::new(IconName::XCircle).color(Color::Error)) .child(Label::new("Free Usage Exceeded").weight(FontWeight::MEDIUM)), ) .child( div() .id("error-message") .max_h_24() .overflow_y_scroll() .child(Label::new(ERROR_MESSAGE)), ) .child( h_flex() .justify_end() .mt_1() .child(Button::new("subscribe", "Subscribe").on_click(cx.listener( |this, _, cx| { this.thread.update(cx, |this, _cx| { this.clear_last_error(); }); cx.open_url(&zed_urls::account_url(cx)); cx.notify(); }, ))) .child(Button::new("dismiss", "Dismiss").on_click(cx.listener( |this, _, cx| { this.thread.update(cx, |this, _cx| { this.clear_last_error(); }); cx.notify(); }, ))), ) .into_any() } fn render_max_monthly_spend_reached_error(&self, cx: &mut ViewContext) -> AnyElement { const ERROR_MESSAGE: &str = "You have reached your maximum monthly spend. Increase your spend limit to continue using Zed LLMs."; v_flex() .gap_0p5() .child( h_flex() .gap_1p5() .items_center() .child(Icon::new(IconName::XCircle).color(Color::Error)) .child(Label::new("Max Monthly Spend Reached").weight(FontWeight::MEDIUM)), ) .child( div() .id("error-message") .max_h_24() .overflow_y_scroll() .child(Label::new(ERROR_MESSAGE)), ) .child( h_flex() .justify_end() .mt_1() .child( Button::new("subscribe", "Update Monthly Spend Limit").on_click( cx.listener(|this, _, cx| { this.thread.update(cx, |this, _cx| { this.clear_last_error(); }); cx.open_url(&zed_urls::account_url(cx)); cx.notify(); }), ), ) .child(Button::new("dismiss", "Dismiss").on_click(cx.listener( |this, _, cx| { this.thread.update(cx, |this, _cx| { this.clear_last_error(); }); cx.notify(); }, ))), ) .into_any() } fn render_error_message( &self, error_message: &SharedString, cx: &mut ViewContext, ) -> AnyElement { v_flex() .gap_0p5() .child( h_flex() .gap_1p5() .items_center() .child(Icon::new(IconName::XCircle).color(Color::Error)) .child( Label::new("Error interacting with language model") .weight(FontWeight::MEDIUM), ), ) .child( div() .id("error-message") .max_h_32() .overflow_y_scroll() .child(Label::new(error_message.clone())), ) .child( h_flex() .justify_end() .mt_1() .child(Button::new("dismiss", "Dismiss").on_click(cx.listener( |this, _, cx| { this.thread.update(cx, |this, _cx| { this.clear_last_error(); }); cx.notify(); }, ))), ) .into_any() } } impl Render for AssistantPanel { fn render(&mut self, cx: &mut ViewContext) -> impl IntoElement { v_flex() .key_context("AssistantPanel2") .justify_between() .size_full() .on_action(cx.listener(|this, _: &NewThread, cx| { this.new_thread(cx); })) .on_action(cx.listener(|this, _: &OpenHistory, cx| { this.active_view = ActiveView::History; this.history.focus_handle(cx).focus(cx); cx.notify(); })) .child(self.render_toolbar(cx)) .map(|parent| match self.active_view { ActiveView::Thread => parent .child(self.render_active_thread_or_empty_state(cx)) .child( h_flex() .border_t_1() .border_color(cx.theme().colors().border_variant) .child(self.message_editor.clone()), ) .children(self.render_last_error(cx)), ActiveView::History => parent.child(self.history.clone()), }) } }