1use feature_flags::LanguageModels;
2use language_model::{LanguageModel, LanguageModelAvailability, LanguageModelRegistry};
3use proto::Plan;
4
5use std::sync::Arc;
6use ui::ListItemSpacing;
7
8use crate::assistant_settings::AssistantSettings;
9use crate::ShowConfiguration;
10use fs::Fs;
11use gpui::Action;
12use gpui::SharedString;
13use gpui::Task;
14use picker::{Picker, PickerDelegate};
15use settings::update_settings_file;
16use ui::{prelude::*, ListItem, PopoverMenu, PopoverMenuHandle, PopoverTrigger};
17
18const TRY_ZED_PRO_URL: &str = "https://zed.dev/pro";
19
20#[derive(IntoElement)]
21pub struct ModelSelector<T: PopoverTrigger> {
22 handle: Option<PopoverMenuHandle<Picker<ModelPickerDelegate>>>,
23 fs: Arc<dyn Fs>,
24 trigger: T,
25 info_text: Option<SharedString>,
26}
27
28pub struct ModelPickerDelegate {
29 fs: Arc<dyn Fs>,
30 all_models: Vec<ModelInfo>,
31 filtered_models: Vec<ModelInfo>,
32 selected_index: usize,
33}
34
35#[derive(Clone)]
36struct ModelInfo {
37 model: Arc<dyn LanguageModel>,
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 let selected_provider_id = model_info.model.provider_id();
127 for model in &mut self.all_models {
128 model.is_selected = model.model.id() == selected_model_id
129 && model.model.provider_id() == selected_provider_id;
130 }
131 for model in &mut self.filtered_models {
132 model.is_selected = model.model.id() == selected_model_id
133 && model.model.provider_id() == selected_provider_id;
134 }
135 }
136 }
137
138 fn dismissed(&mut self, _cx: &mut ViewContext<Picker<Self>>) {}
139
140 fn render_match(
141 &self,
142 ix: usize,
143 selected: bool,
144 cx: &mut ViewContext<Picker<Self>>,
145 ) -> Option<Self::ListItem> {
146 let model_info = self.filtered_models.get(ix)?;
147
148 Some(
149 ListItem::new(ix)
150 .inset(true)
151 .spacing(ListItemSpacing::Sparse)
152 .selected(selected)
153 .start_slot(
154 div().pr_1().child(
155 Icon::new(model_info.provider_icon)
156 .color(Color::Muted)
157 .size(IconSize::XSmall),
158 ),
159 )
160 .child(
161 h_flex()
162 .w_full()
163 .justify_between()
164 .font_buffer(cx)
165 .min_w(px(200.))
166 .child(
167 h_flex()
168 .gap_2()
169 .child(Label::new(model_info.model.name().0.clone()))
170 .children(match model_info.availability {
171 LanguageModelAvailability::Public => None,
172 LanguageModelAvailability::RequiresPlan(Plan::Free) => None,
173 LanguageModelAvailability::RequiresPlan(Plan::ZedPro) => Some(
174 Label::new("Pro")
175 .size(LabelSize::XSmall)
176 .color(Color::Muted),
177 ),
178 }),
179 )
180 .child(div().when(model_info.is_selected, |this| {
181 this.child(
182 Icon::new(IconName::Check)
183 .color(Color::Accent)
184 .size(IconSize::Small),
185 )
186 })),
187 ),
188 )
189 }
190
191 fn render_footer(&self, cx: &mut ViewContext<Picker<Self>>) -> Option<gpui::AnyElement> {
192 use feature_flags::FeatureFlagAppExt;
193 if !cx.has_flag::<LanguageModels>() {
194 return None;
195 }
196
197 let plan = proto::Plan::ZedPro;
198 let is_trial = false;
199
200 Some(
201 h_flex()
202 .w_full()
203 .border_t_1()
204 .border_color(cx.theme().colors().border)
205 .p_1()
206 .gap_4()
207 .justify_between()
208 .child(match plan {
209 // Already a zed pro subscriber
210 Plan::ZedPro => Button::new("zed-pro", "Zed Pro")
211 .icon(IconName::ZedAssistant)
212 .icon_size(IconSize::Small)
213 .icon_color(Color::Muted)
214 .icon_position(IconPosition::Start)
215 .on_click(|_, cx| {
216 cx.dispatch_action(Box::new(zed_actions::OpenAccountSettings))
217 }),
218 // Free user
219 Plan::Free => Button::new(
220 "try-pro",
221 if is_trial {
222 "Upgrade to Pro"
223 } else {
224 "Try Pro"
225 },
226 )
227 .on_click(|_, cx| cx.open_url(TRY_ZED_PRO_URL)),
228 })
229 .child(
230 Button::new("configure", "Configure")
231 .icon(IconName::Settings)
232 .icon_size(IconSize::Small)
233 .icon_color(Color::Muted)
234 .icon_position(IconPosition::Start)
235 .on_click(|_, cx| {
236 cx.dispatch_action(ShowConfiguration.boxed_clone());
237 }),
238 )
239 .into_any(),
240 )
241 }
242}
243
244impl<T: PopoverTrigger> RenderOnce for ModelSelector<T> {
245 fn render(self, cx: &mut WindowContext) -> impl IntoElement {
246 let selected_provider = LanguageModelRegistry::read_global(cx)
247 .active_provider()
248 .map(|m| m.id());
249 let selected_model = LanguageModelRegistry::read_global(cx)
250 .active_model()
251 .map(|m| m.id());
252
253 let all_models = LanguageModelRegistry::global(cx)
254 .read(cx)
255 .providers()
256 .iter()
257 .flat_map(|provider| {
258 let provider_id = provider.id();
259 let provider_icon = provider.icon();
260 let selected_model = selected_model.clone();
261 let selected_provider = selected_provider.clone();
262
263 provider.provided_models(cx).into_iter().map(move |model| {
264 let model = model.clone();
265
266 ModelInfo {
267 model: model.clone(),
268 provider_icon,
269 availability: model.availability(),
270 is_selected: selected_model.as_ref() == Some(&model.id())
271 && selected_provider.as_ref() == Some(&provider_id),
272 }
273 })
274 })
275 .collect::<Vec<_>>();
276
277 let delegate = ModelPickerDelegate {
278 fs: self.fs.clone(),
279 all_models: all_models.clone(),
280 filtered_models: all_models,
281 selected_index: 0,
282 };
283
284 let picker_view = cx.new_view(|cx| {
285 let picker = Picker::uniform_list(delegate, cx).max_height(Some(rems(20.).into()));
286 picker
287 });
288
289 PopoverMenu::new("model-switcher")
290 .menu(move |_cx| Some(picker_view.clone()))
291 .trigger(self.trigger)
292 .attach(gpui::AnchorCorner::BottomLeft)
293 }
294}