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