1use language_model::{LanguageModel, LanguageModelAvailability, LanguageModelRegistry};
2use proto::Plan;
3
4use std::sync::Arc;
5use ui::ListItemSpacing;
6
7use crate::assistant_settings::AssistantSettings;
8use crate::ShowConfiguration;
9use fs::Fs;
10use gpui::Action;
11use gpui::SharedString;
12use gpui::Task;
13use picker::{Picker, PickerDelegate};
14use settings::update_settings_file;
15use ui::{prelude::*, ListItem, PopoverMenu, PopoverMenuHandle, PopoverTrigger};
16
17const TRY_ZED_PRO_URL: &str = "https://zed.dev/pro";
18
19#[derive(IntoElement)]
20pub struct ModelSelector<T: PopoverTrigger> {
21 handle: Option<PopoverMenuHandle<Picker<ModelPickerDelegate>>>,
22 fs: Arc<dyn Fs>,
23 trigger: T,
24 info_text: Option<SharedString>,
25}
26
27pub struct ModelPickerDelegate {
28 fs: Arc<dyn Fs>,
29 all_models: Vec<ModelInfo>,
30 filtered_models: Vec<ModelInfo>,
31 selected_index: usize,
32}
33
34#[derive(Clone)]
35struct ModelInfo {
36 model: Arc<dyn LanguageModel>,
37 _provider_name: SharedString,
38 provider_icon: IconName,
39 availability: LanguageModelAvailability,
40 is_selected: bool,
41}
42
43impl<T: PopoverTrigger> ModelSelector<T> {
44 pub fn new(fs: Arc<dyn Fs>, trigger: T) -> Self {
45 ModelSelector {
46 handle: None,
47 fs,
48 trigger,
49 info_text: None,
50 }
51 }
52
53 pub fn with_handle(mut self, handle: PopoverMenuHandle<Picker<ModelPickerDelegate>>) -> Self {
54 self.handle = Some(handle);
55 self
56 }
57
58 pub fn with_info_text(mut self, text: impl Into<SharedString>) -> Self {
59 self.info_text = Some(text.into());
60 self
61 }
62}
63
64impl PickerDelegate for ModelPickerDelegate {
65 type ListItem = ListItem;
66
67 fn match_count(&self) -> usize {
68 self.filtered_models.len()
69 }
70
71 fn selected_index(&self) -> usize {
72 self.selected_index
73 }
74
75 fn set_selected_index(&mut self, ix: usize, cx: &mut ViewContext<Picker<Self>>) {
76 self.selected_index = ix.min(self.filtered_models.len().saturating_sub(1));
77 cx.notify();
78 }
79
80 fn placeholder_text(&self, _cx: &mut WindowContext) -> Arc<str> {
81 "Select a model...".into()
82 }
83
84 fn update_matches(&mut self, query: String, cx: &mut ViewContext<Picker<Self>>) -> Task<()> {
85 let all_models = self.all_models.clone();
86 cx.spawn(|this, mut cx| async move {
87 let filtered_models = cx
88 .background_executor()
89 .spawn(async move {
90 if query.is_empty() {
91 all_models
92 } else {
93 all_models
94 .into_iter()
95 .filter(|model_info| {
96 model_info
97 .model
98 .name()
99 .0
100 .to_lowercase()
101 .contains(&query.to_lowercase())
102 })
103 .collect()
104 }
105 })
106 .await;
107
108 this.update(&mut cx, |this, cx| {
109 this.delegate.filtered_models = filtered_models;
110 this.delegate.set_selected_index(0, cx);
111 cx.notify();
112 })
113 .ok();
114 })
115 }
116
117 fn confirm(&mut self, _secondary: bool, cx: &mut ViewContext<Picker<Self>>) {
118 if let Some(model_info) = self.filtered_models.get(self.selected_index) {
119 let model = model_info.model.clone();
120 update_settings_file::<AssistantSettings>(self.fs.clone(), cx, move |settings, _| {
121 settings.set_model(model.clone())
122 });
123
124 // Update the selection status
125 let selected_model_id = model_info.model.id();
126 for model in &mut self.all_models {
127 model.is_selected = model.model.id() == selected_model_id;
128 }
129 for model in &mut self.filtered_models {
130 model.is_selected = model.model.id() == selected_model_id;
131 }
132 }
133 }
134
135 fn dismissed(&mut self, _cx: &mut ViewContext<Picker<Self>>) {}
136
137 fn render_match(
138 &self,
139 ix: usize,
140 selected: bool,
141 cx: &mut ViewContext<Picker<Self>>,
142 ) -> Option<Self::ListItem> {
143 let model_info = self.filtered_models.get(ix)?;
144
145 Some(
146 ListItem::new(ix)
147 .inset(true)
148 .spacing(ListItemSpacing::Sparse)
149 .selected(selected)
150 .start_slot(
151 div().pr_1().child(
152 Icon::new(model_info.provider_icon)
153 .color(Color::Muted)
154 .size(IconSize::XSmall),
155 ),
156 )
157 .child(
158 h_flex()
159 .w_full()
160 .justify_between()
161 .font_buffer(cx)
162 .min_w(px(200.))
163 .child(
164 h_flex()
165 .gap_2()
166 .child(Label::new(model_info.model.name().0.clone()))
167 .children(match model_info.availability {
168 LanguageModelAvailability::Public => None,
169 LanguageModelAvailability::RequiresPlan(Plan::Free) => None,
170 LanguageModelAvailability::RequiresPlan(Plan::ZedPro) => Some(
171 Label::new("Pro")
172 .size(LabelSize::XSmall)
173 .color(Color::Muted),
174 ),
175 }),
176 )
177 .child(div().when(model_info.is_selected, |this| {
178 this.child(
179 Icon::new(IconName::Check)
180 .color(Color::Accent)
181 .size(IconSize::Small),
182 )
183 })),
184 ),
185 )
186 }
187
188 fn render_footer(&self, cx: &mut ViewContext<Picker<Self>>) -> Option<gpui::AnyElement> {
189 let plan = proto::Plan::ZedPro;
190 let is_trial = false;
191
192 Some(
193 h_flex()
194 .w_full()
195 .border_t_1()
196 .border_color(cx.theme().colors().border)
197 .p_1()
198 .gap_4()
199 .justify_between()
200 .child(match plan {
201 // Already a zed pro subscriber
202 Plan::ZedPro => Button::new("zed-pro", "Zed Pro")
203 .icon(IconName::ZedAssistant)
204 .icon_size(IconSize::Small)
205 .icon_color(Color::Muted)
206 .icon_position(IconPosition::Start)
207 .on_click(|_, cx| {
208 cx.dispatch_action(Box::new(zed_actions::OpenAccountSettings))
209 }),
210 // Free user
211 Plan::Free => Button::new(
212 "try-pro",
213 if is_trial {
214 "Upgrade to Pro"
215 } else {
216 "Try Pro"
217 },
218 )
219 .on_click(|_, cx| cx.open_url(TRY_ZED_PRO_URL)),
220 })
221 .child(
222 Button::new("configure", "Configure")
223 .icon(IconName::Settings)
224 .icon_size(IconSize::Small)
225 .icon_color(Color::Muted)
226 .icon_position(IconPosition::Start)
227 .on_click(|_, cx| {
228 cx.dispatch_action(ShowConfiguration.boxed_clone());
229 }),
230 )
231 .into_any(),
232 )
233 }
234}
235
236impl<T: PopoverTrigger> RenderOnce for ModelSelector<T> {
237 fn render(self, cx: &mut WindowContext) -> impl IntoElement {
238 let selected_provider = LanguageModelRegistry::read_global(cx)
239 .active_provider()
240 .map(|m| m.id());
241 let selected_model = LanguageModelRegistry::read_global(cx)
242 .active_model()
243 .map(|m| m.id());
244
245 let all_models = LanguageModelRegistry::global(cx)
246 .read(cx)
247 .providers()
248 .iter()
249 .flat_map(|provider| {
250 let provider_name = provider.name().0.clone();
251 let provider_icon = provider.icon();
252 let provider_id = provider.id();
253 let selected_model = selected_model.clone();
254 let selected_provider = selected_provider.clone();
255
256 provider.provided_models(cx).into_iter().map(move |model| {
257 let model = model.clone();
258
259 ModelInfo {
260 model: model.clone(),
261 _provider_name: provider_name.clone(),
262 provider_icon,
263 availability: model.availability(),
264 is_selected: selected_model.as_ref() == Some(&model.id())
265 && selected_provider.as_ref() == Some(&provider_id),
266 }
267 })
268 })
269 .collect::<Vec<_>>();
270
271 let delegate = ModelPickerDelegate {
272 fs: self.fs.clone(),
273 all_models: all_models.clone(),
274 filtered_models: all_models,
275 selected_index: 0,
276 };
277
278 let picker_view = cx.new_view(|cx| {
279 let picker = Picker::uniform_list(delegate, cx).max_height(Some(rems(20.).into()));
280 picker
281 });
282
283 PopoverMenu::new("model-switcher")
284 .menu(move |_cx| Some(picker_view.clone()))
285 .trigger(self.trigger)
286 .attach(gpui::AnchorCorner::BottomLeft)
287 }
288}