1use anyhow::Result;
2use collections::BTreeMap;
3use futures::{FutureExt, StreamExt, future::BoxFuture};
4use gpui::{AnyView, App, AsyncApp, Context, Entity, SharedString, Task, Window};
5use http_client::HttpClient;
6use language_model::{
7 ApiKeyState, AuthenticateError, EnvVar, IconOrSvg, LanguageModel, LanguageModelCompletionError,
8 LanguageModelCompletionEvent, LanguageModelId, LanguageModelName, LanguageModelProvider,
9 LanguageModelProviderId, LanguageModelProviderName, LanguageModelProviderState,
10 LanguageModelRequest, LanguageModelToolChoice, RateLimiter, Role, env_var,
11};
12use open_ai::ResponseStreamEvent;
13pub use settings::VercelAvailableModel as AvailableModel;
14use settings::{Settings, SettingsStore};
15use std::sync::{Arc, LazyLock};
16use strum::IntoEnumIterator;
17use ui::{ButtonLink, ConfiguredApiCard, List, ListBulletItem, prelude::*};
18use ui_input::InputField;
19use util::ResultExt;
20use vercel::{Model, VERCEL_API_URL};
21
22const PROVIDER_ID: LanguageModelProviderId = LanguageModelProviderId::new("vercel");
23const PROVIDER_NAME: LanguageModelProviderName = LanguageModelProviderName::new("Vercel");
24
25const API_KEY_ENV_VAR_NAME: &str = "VERCEL_API_KEY";
26static API_KEY_ENV_VAR: LazyLock<EnvVar> = env_var!(API_KEY_ENV_VAR_NAME);
27
28#[derive(Clone, Debug, PartialEq)]
29pub struct VercelSettings {
30 pub api_url: String,
31 pub available_models: Vec<AvailableModel>,
32}
33
34pub struct VercelLanguageModelProvider {
35 http_client: Arc<dyn HttpClient>,
36 state: Entity<State>,
37}
38
39pub struct State {
40 api_key_state: ApiKeyState,
41}
42
43impl State {
44 fn is_authenticated(&self) -> bool {
45 self.api_key_state.has_key()
46 }
47
48 fn set_api_key(&mut self, api_key: Option<String>, cx: &mut Context<Self>) -> Task<Result<()>> {
49 let api_url = VercelLanguageModelProvider::api_url(cx);
50 self.api_key_state
51 .store(api_url, api_key, |this| &mut this.api_key_state, cx)
52 }
53
54 fn authenticate(&mut self, cx: &mut Context<Self>) -> Task<Result<(), AuthenticateError>> {
55 let api_url = VercelLanguageModelProvider::api_url(cx);
56 self.api_key_state
57 .load_if_needed(api_url, |this| &mut this.api_key_state, cx)
58 }
59}
60
61impl VercelLanguageModelProvider {
62 pub fn new(http_client: Arc<dyn HttpClient>, cx: &mut App) -> Self {
63 let state = cx.new(|cx| {
64 cx.observe_global::<SettingsStore>(|this: &mut State, cx| {
65 let api_url = Self::api_url(cx);
66 this.api_key_state
67 .handle_url_change(api_url, |this| &mut this.api_key_state, cx);
68 cx.notify();
69 })
70 .detach();
71 State {
72 api_key_state: ApiKeyState::new(Self::api_url(cx), (*API_KEY_ENV_VAR).clone()),
73 }
74 });
75
76 Self { http_client, state }
77 }
78
79 fn create_language_model(&self, model: vercel::Model) -> Arc<dyn LanguageModel> {
80 Arc::new(VercelLanguageModel {
81 id: LanguageModelId::from(model.id().to_string()),
82 model,
83 state: self.state.clone(),
84 http_client: self.http_client.clone(),
85 request_limiter: RateLimiter::new(4),
86 })
87 }
88
89 fn settings(cx: &App) -> &VercelSettings {
90 &crate::AllLanguageModelSettings::get_global(cx).vercel
91 }
92
93 fn api_url(cx: &App) -> SharedString {
94 let api_url = &Self::settings(cx).api_url;
95 if api_url.is_empty() {
96 VERCEL_API_URL.into()
97 } else {
98 SharedString::new(api_url.as_str())
99 }
100 }
101}
102
103impl LanguageModelProviderState for VercelLanguageModelProvider {
104 type ObservableEntity = State;
105
106 fn observable_entity(&self) -> Option<Entity<Self::ObservableEntity>> {
107 Some(self.state.clone())
108 }
109}
110
111impl LanguageModelProvider for VercelLanguageModelProvider {
112 fn id(&self) -> LanguageModelProviderId {
113 PROVIDER_ID
114 }
115
116 fn name(&self) -> LanguageModelProviderName {
117 PROVIDER_NAME
118 }
119
120 fn icon(&self) -> IconOrSvg {
121 IconOrSvg::Icon(IconName::AiVZero)
122 }
123
124 fn default_model(&self, _cx: &App) -> Option<Arc<dyn LanguageModel>> {
125 Some(self.create_language_model(vercel::Model::default()))
126 }
127
128 fn default_fast_model(&self, _cx: &App) -> Option<Arc<dyn LanguageModel>> {
129 Some(self.create_language_model(vercel::Model::default_fast()))
130 }
131
132 fn provided_models(&self, cx: &App) -> Vec<Arc<dyn LanguageModel>> {
133 let mut models = BTreeMap::default();
134
135 for model in vercel::Model::iter() {
136 if !matches!(model, vercel::Model::Custom { .. }) {
137 models.insert(model.id().to_string(), model);
138 }
139 }
140
141 for model in &Self::settings(cx).available_models {
142 models.insert(
143 model.name.clone(),
144 vercel::Model::Custom {
145 name: model.name.clone(),
146 display_name: model.display_name.clone(),
147 max_tokens: model.max_tokens,
148 max_output_tokens: model.max_output_tokens,
149 max_completion_tokens: model.max_completion_tokens,
150 },
151 );
152 }
153
154 models
155 .into_values()
156 .map(|model| self.create_language_model(model))
157 .collect()
158 }
159
160 fn is_authenticated(&self, cx: &App) -> bool {
161 self.state.read(cx).is_authenticated()
162 }
163
164 fn authenticate(&self, cx: &mut App) -> Task<Result<(), AuthenticateError>> {
165 self.state.update(cx, |state, cx| state.authenticate(cx))
166 }
167
168 fn configuration_view(
169 &self,
170 _target_agent: language_model::ConfigurationViewTargetAgent,
171 window: &mut Window,
172 cx: &mut App,
173 ) -> AnyView {
174 cx.new(|cx| ConfigurationView::new(self.state.clone(), window, cx))
175 .into()
176 }
177
178 fn reset_credentials(&self, cx: &mut App) -> Task<Result<()>> {
179 self.state
180 .update(cx, |state, cx| state.set_api_key(None, cx))
181 }
182}
183
184pub struct VercelLanguageModel {
185 id: LanguageModelId,
186 model: vercel::Model,
187 state: Entity<State>,
188 http_client: Arc<dyn HttpClient>,
189 request_limiter: RateLimiter,
190}
191
192impl VercelLanguageModel {
193 fn stream_completion(
194 &self,
195 request: open_ai::Request,
196 bypass_rate_limit: bool,
197 cx: &AsyncApp,
198 ) -> BoxFuture<'static, Result<futures::stream::BoxStream<'static, Result<ResponseStreamEvent>>>>
199 {
200 let http_client = self.http_client.clone();
201
202 let (api_key, api_url) = self.state.read_with(cx, |state, cx| {
203 let api_url = VercelLanguageModelProvider::api_url(cx);
204 (state.api_key_state.key(&api_url), api_url)
205 });
206
207 let future = self.request_limiter.stream_with_bypass(
208 async move {
209 let provider = PROVIDER_NAME;
210 let Some(api_key) = api_key else {
211 return Err(LanguageModelCompletionError::NoApiKey { provider });
212 };
213 let request = open_ai::stream_completion(
214 http_client.as_ref(),
215 provider.0.as_str(),
216 &api_url,
217 &api_key,
218 request,
219 );
220 let response = request.await?;
221 Ok(response)
222 },
223 bypass_rate_limit,
224 );
225
226 async move { Ok(future.await?.boxed()) }.boxed()
227 }
228}
229
230impl LanguageModel for VercelLanguageModel {
231 fn id(&self) -> LanguageModelId {
232 self.id.clone()
233 }
234
235 fn name(&self) -> LanguageModelName {
236 LanguageModelName::from(self.model.display_name().to_string())
237 }
238
239 fn provider_id(&self) -> LanguageModelProviderId {
240 PROVIDER_ID
241 }
242
243 fn provider_name(&self) -> LanguageModelProviderName {
244 PROVIDER_NAME
245 }
246
247 fn supports_tools(&self) -> bool {
248 true
249 }
250
251 fn supports_images(&self) -> bool {
252 true
253 }
254
255 fn supports_tool_choice(&self, choice: LanguageModelToolChoice) -> bool {
256 match choice {
257 LanguageModelToolChoice::Auto
258 | LanguageModelToolChoice::Any
259 | LanguageModelToolChoice::None => true,
260 }
261 }
262
263 fn telemetry_id(&self) -> String {
264 format!("vercel/{}", self.model.id())
265 }
266
267 fn max_token_count(&self) -> u64 {
268 self.model.max_token_count()
269 }
270
271 fn max_output_tokens(&self) -> Option<u64> {
272 self.model.max_output_tokens()
273 }
274
275 fn count_tokens(
276 &self,
277 request: LanguageModelRequest,
278 cx: &App,
279 ) -> BoxFuture<'static, Result<u64>> {
280 count_vercel_tokens(request, self.model.clone(), cx)
281 }
282
283 fn stream_completion(
284 &self,
285 request: LanguageModelRequest,
286 cx: &AsyncApp,
287 ) -> BoxFuture<
288 'static,
289 Result<
290 futures::stream::BoxStream<
291 'static,
292 Result<LanguageModelCompletionEvent, LanguageModelCompletionError>,
293 >,
294 LanguageModelCompletionError,
295 >,
296 > {
297 let bypass_rate_limit = request.bypass_rate_limit;
298 let request = crate::provider::open_ai::into_open_ai(
299 request,
300 self.model.id(),
301 self.model.supports_parallel_tool_calls(),
302 self.model.supports_prompt_cache_key(),
303 self.max_output_tokens(),
304 None,
305 );
306 let completions = self.stream_completion(request, bypass_rate_limit, cx);
307 async move {
308 let mapper = crate::provider::open_ai::OpenAiEventMapper::new();
309 Ok(mapper.map_stream(completions.await?).boxed())
310 }
311 .boxed()
312 }
313}
314
315pub fn count_vercel_tokens(
316 request: LanguageModelRequest,
317 model: Model,
318 cx: &App,
319) -> BoxFuture<'static, Result<u64>> {
320 cx.background_spawn(async move {
321 let messages = request
322 .messages
323 .into_iter()
324 .map(|message| tiktoken_rs::ChatCompletionRequestMessage {
325 role: match message.role {
326 Role::User => "user".into(),
327 Role::Assistant => "assistant".into(),
328 Role::System => "system".into(),
329 },
330 content: Some(message.string_contents()),
331 name: None,
332 function_call: None,
333 })
334 .collect::<Vec<_>>();
335
336 match model {
337 Model::Custom { max_tokens, .. } => {
338 let model = if max_tokens >= 100_000 {
339 // If the max tokens is 100k or more, it is likely the o200k_base tokenizer from gpt4o
340 "gpt-4o"
341 } else {
342 // Otherwise fallback to gpt-4, since only cl100k_base and o200k_base are
343 // supported with this tiktoken method
344 "gpt-4"
345 };
346 tiktoken_rs::num_tokens_from_messages(model, &messages)
347 }
348 // Map Vercel models to appropriate OpenAI models for token counting
349 // since Vercel uses OpenAI-compatible API
350 Model::VZeroOnePointFiveMedium => {
351 // Vercel v0 is similar to GPT-4o, so use gpt-4o for token counting
352 tiktoken_rs::num_tokens_from_messages("gpt-4o", &messages)
353 }
354 }
355 .map(|tokens| tokens as u64)
356 })
357 .boxed()
358}
359
360struct ConfigurationView {
361 api_key_editor: Entity<InputField>,
362 state: Entity<State>,
363 load_credentials_task: Option<Task<()>>,
364}
365
366impl ConfigurationView {
367 fn new(state: Entity<State>, window: &mut Window, cx: &mut Context<Self>) -> Self {
368 let api_key_editor = cx.new(|cx| {
369 InputField::new(
370 window,
371 cx,
372 "v1:0000000000000000000000000000000000000000000000000",
373 )
374 .label("API key")
375 });
376
377 cx.observe(&state, |_, _, cx| {
378 cx.notify();
379 })
380 .detach();
381
382 let load_credentials_task = Some(cx.spawn_in(window, {
383 let state = state.clone();
384 async move |this, cx| {
385 if let Some(task) = Some(state.update(cx, |state, cx| state.authenticate(cx))) {
386 // We don't log an error, because "not signed in" is also an error.
387 let _ = task.await;
388 }
389 this.update(cx, |this, cx| {
390 this.load_credentials_task = None;
391 cx.notify();
392 })
393 .log_err();
394 }
395 }));
396
397 Self {
398 api_key_editor,
399 state,
400 load_credentials_task,
401 }
402 }
403
404 fn save_api_key(&mut self, _: &menu::Confirm, window: &mut Window, cx: &mut Context<Self>) {
405 let api_key = self.api_key_editor.read(cx).text(cx).trim().to_string();
406 if api_key.is_empty() {
407 return;
408 }
409
410 // url changes can cause the editor to be displayed again
411 self.api_key_editor
412 .update(cx, |editor, cx| editor.set_text("", window, cx));
413
414 let state = self.state.clone();
415 cx.spawn_in(window, async move |_, cx| {
416 state
417 .update(cx, |state, cx| state.set_api_key(Some(api_key), cx))
418 .await
419 })
420 .detach_and_log_err(cx);
421 }
422
423 fn reset_api_key(&mut self, window: &mut Window, cx: &mut Context<Self>) {
424 self.api_key_editor
425 .update(cx, |input, cx| input.set_text("", window, cx));
426
427 let state = self.state.clone();
428 cx.spawn_in(window, async move |_, cx| {
429 state
430 .update(cx, |state, cx| state.set_api_key(None, cx))
431 .await
432 })
433 .detach_and_log_err(cx);
434 }
435
436 fn should_render_editor(&self, cx: &mut Context<Self>) -> bool {
437 !self.state.read(cx).is_authenticated()
438 }
439}
440
441impl Render for ConfigurationView {
442 fn render(&mut self, _: &mut Window, cx: &mut Context<Self>) -> impl IntoElement {
443 let env_var_set = self.state.read(cx).api_key_state.is_from_env_var();
444 let configured_card_label = if env_var_set {
445 format!("API key set in {API_KEY_ENV_VAR_NAME} environment variable")
446 } else {
447 let api_url = VercelLanguageModelProvider::api_url(cx);
448 if api_url == VERCEL_API_URL {
449 "API key configured".to_string()
450 } else {
451 format!("API key configured for {}", api_url)
452 }
453 };
454
455 let api_key_section = if self.should_render_editor(cx) {
456 v_flex()
457 .on_action(cx.listener(Self::save_api_key))
458 .child(Label::new("To use Zed's agent with Vercel v0, you need to add an API key. Follow these steps:"))
459 .child(
460 List::new()
461 .child(
462 ListBulletItem::new("")
463 .child(Label::new("Create one by visiting"))
464 .child(ButtonLink::new("Vercel v0's console", "https://v0.dev/chat/settings/keys"))
465 )
466 .child(
467 ListBulletItem::new("Paste your API key below and hit enter to start using the agent")
468 ),
469 )
470 .child(self.api_key_editor.clone())
471 .child(
472 Label::new(format!(
473 "You can also set the {API_KEY_ENV_VAR_NAME} environment variable and restart Zed."
474 ))
475 .size(LabelSize::Small)
476 .color(Color::Muted),
477 )
478 .child(
479 Label::new("Note that Vercel v0 is a custom OpenAI-compatible provider.")
480 .size(LabelSize::Small)
481 .color(Color::Muted),
482 )
483 .into_any_element()
484 } else {
485 ConfiguredApiCard::new(configured_card_label)
486 .disabled(env_var_set)
487 .when(env_var_set, |this| {
488 this.tooltip_label(format!("To reset your API key, unset the {API_KEY_ENV_VAR_NAME} environment variable."))
489 })
490 .on_click(cx.listener(|this, _, window, cx| this.reset_api_key(window, cx)))
491 .into_any_element()
492 };
493
494 if self.load_credentials_task.is_some() {
495 div().child(Label::new("Loading credentials…")).into_any()
496 } else {
497 v_flex().size_full().child(api_key_section).into_any()
498 }
499 }
500}