google.rs

  1use anyhow::{Context as _, Result, anyhow};
  2use collections::BTreeMap;
  3use credentials_provider::CredentialsProvider;
  4use editor::{Editor, EditorElement, EditorStyle};
  5use futures::{FutureExt, Stream, StreamExt, future::BoxFuture};
  6use google_ai::{
  7    FunctionDeclaration, GenerateContentResponse, Part, SystemInstruction, UsageMetadata,
  8};
  9use gpui::{
 10    AnyView, App, AsyncApp, Context, Entity, FontStyle, Subscription, Task, TextStyle, WhiteSpace,
 11};
 12use http_client::HttpClient;
 13use language_model::{
 14    AuthenticateError, LanguageModelCompletionError, LanguageModelCompletionEvent,
 15    LanguageModelToolSchemaFormat, LanguageModelToolUse, LanguageModelToolUseId, MessageContent,
 16    StopReason,
 17};
 18use language_model::{
 19    LanguageModel, LanguageModelId, LanguageModelName, LanguageModelProvider,
 20    LanguageModelProviderId, LanguageModelProviderName, LanguageModelProviderState,
 21    LanguageModelRequest, RateLimiter, Role,
 22};
 23use schemars::JsonSchema;
 24use serde::{Deserialize, Serialize};
 25use settings::{Settings, SettingsStore};
 26use std::pin::Pin;
 27use std::sync::Arc;
 28use strum::IntoEnumIterator;
 29use theme::ThemeSettings;
 30use ui::{Icon, IconName, List, Tooltip, prelude::*};
 31use util::ResultExt;
 32
 33use crate::AllLanguageModelSettings;
 34use crate::ui::InstructionListItem;
 35
 36const PROVIDER_ID: &str = "google";
 37const PROVIDER_NAME: &str = "Google AI";
 38
 39#[derive(Default, Clone, Debug, PartialEq)]
 40pub struct GoogleSettings {
 41    pub api_url: String,
 42    pub available_models: Vec<AvailableModel>,
 43}
 44
 45#[derive(Clone, Debug, PartialEq, Serialize, Deserialize, JsonSchema)]
 46pub struct AvailableModel {
 47    name: String,
 48    display_name: Option<String>,
 49    max_tokens: usize,
 50}
 51
 52pub struct GoogleLanguageModelProvider {
 53    http_client: Arc<dyn HttpClient>,
 54    state: gpui::Entity<State>,
 55}
 56
 57pub struct State {
 58    api_key: Option<String>,
 59    api_key_from_env: bool,
 60    _subscription: Subscription,
 61}
 62
 63const GOOGLE_AI_API_KEY_VAR: &str = "GOOGLE_AI_API_KEY";
 64
 65impl State {
 66    fn is_authenticated(&self) -> bool {
 67        self.api_key.is_some()
 68    }
 69
 70    fn reset_api_key(&self, cx: &mut Context<Self>) -> Task<Result<()>> {
 71        let credentials_provider = <dyn CredentialsProvider>::global(cx);
 72        let api_url = AllLanguageModelSettings::get_global(cx)
 73            .google
 74            .api_url
 75            .clone();
 76        cx.spawn(async move |this, cx| {
 77            credentials_provider
 78                .delete_credentials(&api_url, &cx)
 79                .await
 80                .log_err();
 81            this.update(cx, |this, cx| {
 82                this.api_key = None;
 83                this.api_key_from_env = false;
 84                cx.notify();
 85            })
 86        })
 87    }
 88
 89    fn set_api_key(&mut self, api_key: String, cx: &mut Context<Self>) -> Task<Result<()>> {
 90        let credentials_provider = <dyn CredentialsProvider>::global(cx);
 91        let api_url = AllLanguageModelSettings::get_global(cx)
 92            .google
 93            .api_url
 94            .clone();
 95        cx.spawn(async move |this, cx| {
 96            credentials_provider
 97                .write_credentials(&api_url, "Bearer", api_key.as_bytes(), &cx)
 98                .await?;
 99            this.update(cx, |this, cx| {
100                this.api_key = Some(api_key);
101                cx.notify();
102            })
103        })
104    }
105
106    fn authenticate(&self, cx: &mut Context<Self>) -> Task<Result<(), AuthenticateError>> {
107        if self.is_authenticated() {
108            return Task::ready(Ok(()));
109        }
110
111        let credentials_provider = <dyn CredentialsProvider>::global(cx);
112        let api_url = AllLanguageModelSettings::get_global(cx)
113            .google
114            .api_url
115            .clone();
116
117        cx.spawn(async move |this, cx| {
118            let (api_key, from_env) = if let Ok(api_key) = std::env::var(GOOGLE_AI_API_KEY_VAR) {
119                (api_key, true)
120            } else {
121                let (_, api_key) = credentials_provider
122                    .read_credentials(&api_url, &cx)
123                    .await?
124                    .ok_or(AuthenticateError::CredentialsNotFound)?;
125                (
126                    String::from_utf8(api_key).context("invalid {PROVIDER_NAME} API key")?,
127                    false,
128                )
129            };
130
131            this.update(cx, |this, cx| {
132                this.api_key = Some(api_key);
133                this.api_key_from_env = from_env;
134                cx.notify();
135            })?;
136
137            Ok(())
138        })
139    }
140}
141
142impl GoogleLanguageModelProvider {
143    pub fn new(http_client: Arc<dyn HttpClient>, cx: &mut App) -> Self {
144        let state = cx.new(|cx| State {
145            api_key: None,
146            api_key_from_env: false,
147            _subscription: cx.observe_global::<SettingsStore>(|_, cx| {
148                cx.notify();
149            }),
150        });
151
152        Self { http_client, state }
153    }
154
155    fn create_language_model(&self, model: google_ai::Model) -> Arc<dyn LanguageModel> {
156        Arc::new(GoogleLanguageModel {
157            id: LanguageModelId::from(model.id().to_string()),
158            model,
159            state: self.state.clone(),
160            http_client: self.http_client.clone(),
161            request_limiter: RateLimiter::new(4),
162        })
163    }
164}
165
166impl LanguageModelProviderState for GoogleLanguageModelProvider {
167    type ObservableEntity = State;
168
169    fn observable_entity(&self) -> Option<gpui::Entity<Self::ObservableEntity>> {
170        Some(self.state.clone())
171    }
172}
173
174impl LanguageModelProvider for GoogleLanguageModelProvider {
175    fn id(&self) -> LanguageModelProviderId {
176        LanguageModelProviderId(PROVIDER_ID.into())
177    }
178
179    fn name(&self) -> LanguageModelProviderName {
180        LanguageModelProviderName(PROVIDER_NAME.into())
181    }
182
183    fn icon(&self) -> IconName {
184        IconName::AiGoogle
185    }
186
187    fn default_model(&self, _cx: &App) -> Option<Arc<dyn LanguageModel>> {
188        Some(self.create_language_model(google_ai::Model::default()))
189    }
190
191    fn default_fast_model(&self, _cx: &App) -> Option<Arc<dyn LanguageModel>> {
192        Some(self.create_language_model(google_ai::Model::default_fast()))
193    }
194
195    fn provided_models(&self, cx: &App) -> Vec<Arc<dyn LanguageModel>> {
196        let mut models = BTreeMap::default();
197
198        // Add base models from google_ai::Model::iter()
199        for model in google_ai::Model::iter() {
200            if !matches!(model, google_ai::Model::Custom { .. }) {
201                models.insert(model.id().to_string(), model);
202            }
203        }
204
205        // Override with available models from settings
206        for model in &AllLanguageModelSettings::get_global(cx)
207            .google
208            .available_models
209        {
210            models.insert(
211                model.name.clone(),
212                google_ai::Model::Custom {
213                    name: model.name.clone(),
214                    display_name: model.display_name.clone(),
215                    max_tokens: model.max_tokens,
216                },
217            );
218        }
219
220        models
221            .into_values()
222            .map(|model| {
223                Arc::new(GoogleLanguageModel {
224                    id: LanguageModelId::from(model.id().to_string()),
225                    model,
226                    state: self.state.clone(),
227                    http_client: self.http_client.clone(),
228                    request_limiter: RateLimiter::new(4),
229                }) as Arc<dyn LanguageModel>
230            })
231            .collect()
232    }
233
234    fn is_authenticated(&self, cx: &App) -> bool {
235        self.state.read(cx).is_authenticated()
236    }
237
238    fn authenticate(&self, cx: &mut App) -> Task<Result<(), AuthenticateError>> {
239        self.state.update(cx, |state, cx| state.authenticate(cx))
240    }
241
242    fn configuration_view(&self, window: &mut Window, cx: &mut App) -> AnyView {
243        cx.new(|cx| ConfigurationView::new(self.state.clone(), window, cx))
244            .into()
245    }
246
247    fn reset_credentials(&self, cx: &mut App) -> Task<Result<()>> {
248        self.state.update(cx, |state, cx| state.reset_api_key(cx))
249    }
250}
251
252pub struct GoogleLanguageModel {
253    id: LanguageModelId,
254    model: google_ai::Model,
255    state: gpui::Entity<State>,
256    http_client: Arc<dyn HttpClient>,
257    request_limiter: RateLimiter,
258}
259
260impl GoogleLanguageModel {
261    fn stream_completion(
262        &self,
263        request: google_ai::GenerateContentRequest,
264        cx: &AsyncApp,
265    ) -> BoxFuture<
266        'static,
267        Result<futures::stream::BoxStream<'static, Result<GenerateContentResponse>>>,
268    > {
269        let http_client = self.http_client.clone();
270
271        let Ok((api_key, api_url)) = cx.read_entity(&self.state, |state, cx| {
272            let settings = &AllLanguageModelSettings::get_global(cx).google;
273            (state.api_key.clone(), settings.api_url.clone())
274        }) else {
275            return futures::future::ready(Err(anyhow!("App state dropped"))).boxed();
276        };
277
278        async move {
279            let api_key = api_key.ok_or_else(|| anyhow!("Missing Google API key"))?;
280            let request = google_ai::stream_generate_content(
281                http_client.as_ref(),
282                &api_url,
283                &api_key,
284                request,
285            );
286            request.await.context("failed to stream completion")
287        }
288        .boxed()
289    }
290}
291
292impl LanguageModel for GoogleLanguageModel {
293    fn id(&self) -> LanguageModelId {
294        self.id.clone()
295    }
296
297    fn name(&self) -> LanguageModelName {
298        LanguageModelName::from(self.model.display_name().to_string())
299    }
300
301    fn provider_id(&self) -> LanguageModelProviderId {
302        LanguageModelProviderId(PROVIDER_ID.into())
303    }
304
305    fn provider_name(&self) -> LanguageModelProviderName {
306        LanguageModelProviderName(PROVIDER_NAME.into())
307    }
308
309    fn supports_tools(&self) -> bool {
310        true
311    }
312
313    fn tool_input_format(&self) -> LanguageModelToolSchemaFormat {
314        LanguageModelToolSchemaFormat::JsonSchemaSubset
315    }
316
317    fn telemetry_id(&self) -> String {
318        format!("google/{}", self.model.id())
319    }
320
321    fn max_token_count(&self) -> usize {
322        self.model.max_token_count()
323    }
324
325    fn count_tokens(
326        &self,
327        request: LanguageModelRequest,
328        cx: &App,
329    ) -> BoxFuture<'static, Result<usize>> {
330        let model_id = self.model.id().to_string();
331        let request = into_google(request, model_id.clone());
332        let http_client = self.http_client.clone();
333        let api_key = self.state.read(cx).api_key.clone();
334
335        let settings = &AllLanguageModelSettings::get_global(cx).google;
336        let api_url = settings.api_url.clone();
337
338        async move {
339            let api_key = api_key.ok_or_else(|| anyhow!("Missing Google API key"))?;
340            let response = google_ai::count_tokens(
341                http_client.as_ref(),
342                &api_url,
343                &api_key,
344                &model_id,
345                google_ai::CountTokensRequest {
346                    contents: request.contents,
347                },
348            )
349            .await?;
350            Ok(response.total_tokens)
351        }
352        .boxed()
353    }
354
355    fn stream_completion(
356        &self,
357        request: LanguageModelRequest,
358        cx: &AsyncApp,
359    ) -> BoxFuture<
360        'static,
361        Result<
362            futures::stream::BoxStream<
363                'static,
364                Result<LanguageModelCompletionEvent, LanguageModelCompletionError>,
365            >,
366        >,
367    > {
368        let request = into_google(request, self.model.id().to_string());
369        let request = self.stream_completion(request, cx);
370        let future = self.request_limiter.stream(async move {
371            let response = request
372                .await
373                .map_err(|err| LanguageModelCompletionError::Other(anyhow!(err)))?;
374            Ok(map_to_language_model_completion_events(response))
375        });
376        async move { Ok(future.await?.boxed()) }.boxed()
377    }
378}
379
380pub fn into_google(
381    mut request: LanguageModelRequest,
382    model: String,
383) -> google_ai::GenerateContentRequest {
384    fn map_content(content: Vec<MessageContent>) -> Vec<Part> {
385        content
386            .into_iter()
387            .filter_map(|content| match content {
388                language_model::MessageContent::Text(text)
389                | language_model::MessageContent::Thinking { text, .. } => {
390                    if !text.is_empty() {
391                        Some(Part::TextPart(google_ai::TextPart { text }))
392                    } else {
393                        None
394                    }
395                }
396                language_model::MessageContent::RedactedThinking(_) => None,
397                language_model::MessageContent::Image(image) => {
398                    Some(Part::InlineDataPart(google_ai::InlineDataPart {
399                        inline_data: google_ai::GenerativeContentBlob {
400                            mime_type: "image/png".to_string(),
401                            data: image.source.to_string(),
402                        },
403                    }))
404                }
405                language_model::MessageContent::ToolUse(tool_use) => {
406                    Some(Part::FunctionCallPart(google_ai::FunctionCallPart {
407                        function_call: google_ai::FunctionCall {
408                            name: tool_use.name.to_string(),
409                            args: tool_use.input,
410                        },
411                    }))
412                }
413                language_model::MessageContent::ToolResult(tool_result) => Some(
414                    Part::FunctionResponsePart(google_ai::FunctionResponsePart {
415                        function_response: google_ai::FunctionResponse {
416                            name: tool_result.tool_name.to_string(),
417                            // The API expects a valid JSON object
418                            response: serde_json::json!({
419                                "output": tool_result.content
420                            }),
421                        },
422                    }),
423                ),
424            })
425            .collect()
426    }
427
428    let system_instructions = if request
429        .messages
430        .first()
431        .map_or(false, |msg| matches!(msg.role, Role::System))
432    {
433        let message = request.messages.remove(0);
434        Some(SystemInstruction {
435            parts: map_content(message.content),
436        })
437    } else {
438        None
439    };
440
441    google_ai::GenerateContentRequest {
442        model,
443        system_instruction: system_instructions,
444        contents: request
445            .messages
446            .into_iter()
447            .filter_map(|message| {
448                let parts = map_content(message.content);
449                if parts.is_empty() {
450                    None
451                } else {
452                    Some(google_ai::Content {
453                        parts,
454                        role: match message.role {
455                            Role::User => google_ai::Role::User,
456                            Role::Assistant => google_ai::Role::Model,
457                            Role::System => google_ai::Role::User, // Google AI doesn't have a system role
458                        },
459                    })
460                }
461            })
462            .collect(),
463        generation_config: Some(google_ai::GenerationConfig {
464            candidate_count: Some(1),
465            stop_sequences: Some(request.stop),
466            max_output_tokens: None,
467            temperature: request.temperature.map(|t| t as f64).or(Some(1.0)),
468            top_p: None,
469            top_k: None,
470        }),
471        safety_settings: None,
472        tools: (request.tools.len() > 0).then(|| {
473            vec![google_ai::Tool {
474                function_declarations: request
475                    .tools
476                    .into_iter()
477                    .map(|tool| FunctionDeclaration {
478                        name: tool.name,
479                        description: tool.description,
480                        parameters: tool.input_schema,
481                    })
482                    .collect(),
483            }]
484        }),
485        tool_config: None,
486    }
487}
488
489pub fn map_to_language_model_completion_events(
490    events: Pin<Box<dyn Send + Stream<Item = Result<GenerateContentResponse>>>>,
491) -> impl Stream<Item = Result<LanguageModelCompletionEvent, LanguageModelCompletionError>> {
492    use std::sync::atomic::{AtomicU64, Ordering};
493
494    static TOOL_CALL_COUNTER: AtomicU64 = AtomicU64::new(0);
495
496    struct State {
497        events: Pin<Box<dyn Send + Stream<Item = Result<GenerateContentResponse>>>>,
498        usage: UsageMetadata,
499        stop_reason: StopReason,
500    }
501
502    futures::stream::unfold(
503        State {
504            events,
505            usage: UsageMetadata::default(),
506            stop_reason: StopReason::EndTurn,
507        },
508        |mut state| async move {
509            if let Some(event) = state.events.next().await {
510                match event {
511                    Ok(event) => {
512                        let mut events: Vec<_> = Vec::new();
513                        let mut wants_to_use_tool = false;
514                        if let Some(usage_metadata) = event.usage_metadata {
515                            update_usage(&mut state.usage, &usage_metadata);
516                            events.push(Ok(LanguageModelCompletionEvent::UsageUpdate(
517                                convert_usage(&state.usage),
518                            )))
519                        }
520                        if let Some(candidates) = event.candidates {
521                            for candidate in candidates {
522                                if let Some(finish_reason) = candidate.finish_reason.as_deref() {
523                                    state.stop_reason = match finish_reason {
524                                        "STOP" => StopReason::EndTurn,
525                                        "MAX_TOKENS" => StopReason::MaxTokens,
526                                        _ => {
527                                            log::error!(
528                                                "Unexpected google finish_reason: {finish_reason}"
529                                            );
530                                            StopReason::EndTurn
531                                        }
532                                    };
533                                }
534                                candidate
535                                    .content
536                                    .parts
537                                    .into_iter()
538                                    .for_each(|part| match part {
539                                        Part::TextPart(text_part) => events.push(Ok(
540                                            LanguageModelCompletionEvent::Text(text_part.text),
541                                        )),
542                                        Part::InlineDataPart(_) => {}
543                                        Part::FunctionCallPart(function_call_part) => {
544                                            wants_to_use_tool = true;
545                                            let name: Arc<str> =
546                                                function_call_part.function_call.name.into();
547                                            let next_tool_id =
548                                                TOOL_CALL_COUNTER.fetch_add(1, Ordering::SeqCst);
549                                            let id: LanguageModelToolUseId =
550                                                format!("{}-{}", name, next_tool_id).into();
551
552                                            events.push(Ok(LanguageModelCompletionEvent::ToolUse(
553                                                LanguageModelToolUse {
554                                                    id,
555                                                    name,
556                                                    is_input_complete: true,
557                                                    raw_input: function_call_part
558                                                        .function_call
559                                                        .args
560                                                        .to_string(),
561                                                    input: function_call_part.function_call.args,
562                                                },
563                                            )));
564                                        }
565                                        Part::FunctionResponsePart(_) => {}
566                                    });
567                            }
568                        }
569
570                        // Even when Gemini wants to use a Tool, the API
571                        // responds with `finish_reason: STOP`
572                        if wants_to_use_tool {
573                            state.stop_reason = StopReason::ToolUse;
574                        }
575                        events.push(Ok(LanguageModelCompletionEvent::Stop(state.stop_reason)));
576                        return Some((events, state));
577                    }
578                    Err(err) => {
579                        return Some((
580                            vec![Err(LanguageModelCompletionError::Other(anyhow!(err)))],
581                            state,
582                        ));
583                    }
584                }
585            }
586
587            None
588        },
589    )
590    .flat_map(futures::stream::iter)
591}
592
593pub fn count_google_tokens(
594    request: LanguageModelRequest,
595    cx: &App,
596) -> BoxFuture<'static, Result<usize>> {
597    // We couldn't use the GoogleLanguageModelProvider to count tokens because the github copilot doesn't have the access to google_ai directly.
598    // So we have to use tokenizer from tiktoken_rs to count tokens.
599    cx.background_spawn(async move {
600        let messages = request
601            .messages
602            .into_iter()
603            .map(|message| tiktoken_rs::ChatCompletionRequestMessage {
604                role: match message.role {
605                    Role::User => "user".into(),
606                    Role::Assistant => "assistant".into(),
607                    Role::System => "system".into(),
608                },
609                content: Some(message.string_contents()),
610                name: None,
611                function_call: None,
612            })
613            .collect::<Vec<_>>();
614
615        // Tiktoken doesn't yet support these models, so we manually use the
616        // same tokenizer as GPT-4.
617        tiktoken_rs::num_tokens_from_messages("gpt-4", &messages)
618    })
619    .boxed()
620}
621
622fn update_usage(usage: &mut UsageMetadata, new: &UsageMetadata) {
623    if let Some(prompt_token_count) = new.prompt_token_count {
624        usage.prompt_token_count = Some(prompt_token_count);
625    }
626    if let Some(cached_content_token_count) = new.cached_content_token_count {
627        usage.cached_content_token_count = Some(cached_content_token_count);
628    }
629    if let Some(candidates_token_count) = new.candidates_token_count {
630        usage.candidates_token_count = Some(candidates_token_count);
631    }
632    if let Some(tool_use_prompt_token_count) = new.tool_use_prompt_token_count {
633        usage.tool_use_prompt_token_count = Some(tool_use_prompt_token_count);
634    }
635    if let Some(thoughts_token_count) = new.thoughts_token_count {
636        usage.thoughts_token_count = Some(thoughts_token_count);
637    }
638    if let Some(total_token_count) = new.total_token_count {
639        usage.total_token_count = Some(total_token_count);
640    }
641}
642
643fn convert_usage(usage: &UsageMetadata) -> language_model::TokenUsage {
644    language_model::TokenUsage {
645        input_tokens: usage.prompt_token_count.unwrap_or(0) as u32,
646        output_tokens: usage.candidates_token_count.unwrap_or(0) as u32,
647        cache_read_input_tokens: usage.cached_content_token_count.unwrap_or(0) as u32,
648        cache_creation_input_tokens: 0,
649    }
650}
651
652struct ConfigurationView {
653    api_key_editor: Entity<Editor>,
654    state: gpui::Entity<State>,
655    load_credentials_task: Option<Task<()>>,
656}
657
658impl ConfigurationView {
659    fn new(state: gpui::Entity<State>, window: &mut Window, cx: &mut Context<Self>) -> Self {
660        cx.observe(&state, |_, _, cx| {
661            cx.notify();
662        })
663        .detach();
664
665        let load_credentials_task = Some(cx.spawn_in(window, {
666            let state = state.clone();
667            async move |this, cx| {
668                if let Some(task) = state
669                    .update(cx, |state, cx| state.authenticate(cx))
670                    .log_err()
671                {
672                    // We don't log an error, because "not signed in" is also an error.
673                    let _ = task.await;
674                }
675                this.update(cx, |this, cx| {
676                    this.load_credentials_task = None;
677                    cx.notify();
678                })
679                .log_err();
680            }
681        }));
682
683        Self {
684            api_key_editor: cx.new(|cx| {
685                let mut editor = Editor::single_line(window, cx);
686                editor.set_placeholder_text("AIzaSy...", cx);
687                editor
688            }),
689            state,
690            load_credentials_task,
691        }
692    }
693
694    fn save_api_key(&mut self, _: &menu::Confirm, window: &mut Window, cx: &mut Context<Self>) {
695        let api_key = self.api_key_editor.read(cx).text(cx);
696        if api_key.is_empty() {
697            return;
698        }
699
700        let state = self.state.clone();
701        cx.spawn_in(window, async move |_, cx| {
702            state
703                .update(cx, |state, cx| state.set_api_key(api_key, cx))?
704                .await
705        })
706        .detach_and_log_err(cx);
707
708        cx.notify();
709    }
710
711    fn reset_api_key(&mut self, window: &mut Window, cx: &mut Context<Self>) {
712        self.api_key_editor
713            .update(cx, |editor, cx| editor.set_text("", window, cx));
714
715        let state = self.state.clone();
716        cx.spawn_in(window, async move |_, cx| {
717            state.update(cx, |state, cx| state.reset_api_key(cx))?.await
718        })
719        .detach_and_log_err(cx);
720
721        cx.notify();
722    }
723
724    fn render_api_key_editor(&self, cx: &mut Context<Self>) -> impl IntoElement {
725        let settings = ThemeSettings::get_global(cx);
726        let text_style = TextStyle {
727            color: cx.theme().colors().text,
728            font_family: settings.ui_font.family.clone(),
729            font_features: settings.ui_font.features.clone(),
730            font_fallbacks: settings.ui_font.fallbacks.clone(),
731            font_size: rems(0.875).into(),
732            font_weight: settings.ui_font.weight,
733            font_style: FontStyle::Normal,
734            line_height: relative(1.3),
735            white_space: WhiteSpace::Normal,
736            ..Default::default()
737        };
738        EditorElement::new(
739            &self.api_key_editor,
740            EditorStyle {
741                background: cx.theme().colors().editor_background,
742                local_player: cx.theme().players().local(),
743                text: text_style,
744                ..Default::default()
745            },
746        )
747    }
748
749    fn should_render_editor(&self, cx: &mut Context<Self>) -> bool {
750        !self.state.read(cx).is_authenticated()
751    }
752}
753
754impl Render for ConfigurationView {
755    fn render(&mut self, _: &mut Window, cx: &mut Context<Self>) -> impl IntoElement {
756        let env_var_set = self.state.read(cx).api_key_from_env;
757
758        if self.load_credentials_task.is_some() {
759            div().child(Label::new("Loading credentials...")).into_any()
760        } else if self.should_render_editor(cx) {
761            v_flex()
762                .size_full()
763                .on_action(cx.listener(Self::save_api_key))
764                .child(Label::new("To use Zed's assistant with Google AI, you need to add an API key. Follow these steps:"))
765                .child(
766                    List::new()
767                        .child(InstructionListItem::new(
768                            "Create one by visiting",
769                            Some("Google AI's console"),
770                            Some("https://aistudio.google.com/app/apikey"),
771                        ))
772                        .child(InstructionListItem::text_only(
773                            "Paste your API key below and hit enter to start using the assistant",
774                        )),
775                )
776                .child(
777                    h_flex()
778                        .w_full()
779                        .my_2()
780                        .px_2()
781                        .py_1()
782                        .bg(cx.theme().colors().editor_background)
783                        .border_1()
784                        .border_color(cx.theme().colors().border)
785                        .rounded_sm()
786                        .child(self.render_api_key_editor(cx)),
787                )
788                .child(
789                    Label::new(
790                        format!("You can also assign the {GOOGLE_AI_API_KEY_VAR} environment variable and restart Zed."),
791                    )
792                    .size(LabelSize::Small).color(Color::Muted),
793                )
794                .into_any()
795        } else {
796            h_flex()
797                .mt_1()
798                .p_1()
799                .justify_between()
800                .rounded_md()
801                .border_1()
802                .border_color(cx.theme().colors().border)
803                .bg(cx.theme().colors().background)
804                .child(
805                    h_flex()
806                        .gap_1()
807                        .child(Icon::new(IconName::Check).color(Color::Success))
808                        .child(Label::new(if env_var_set {
809                            format!("API key set in {GOOGLE_AI_API_KEY_VAR} environment variable.")
810                        } else {
811                            "API key configured.".to_string()
812                        })),
813                )
814                .child(
815                    Button::new("reset-key", "Reset Key")
816                        .label_size(LabelSize::Small)
817                        .icon(Some(IconName::Trash))
818                        .icon_size(IconSize::Small)
819                        .icon_position(IconPosition::Start)
820                        .disabled(env_var_set)
821                        .when(env_var_set, |this| {
822                            this.tooltip(Tooltip::text(format!("To reset your API key, unset the {GOOGLE_AI_API_KEY_VAR} environment variable.")))
823                        })
824                        .on_click(cx.listener(|this, _, window, cx| this.reset_api_key(window, cx))),
825                )
826                .into_any()
827        }
828    }
829}