fix: use keyring credential deletion API

feat: fix keyring, and add language support for api provider and language translation for api keys settings.

feat: add provider quota exceeded error handling and localization support

Cargo.lock

@@ -1393,6 +1393,27 @@ version = "2.10.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "d7a1e2f27636f116493b8b860f5546edb47c8d8f8ea73e1d2a20be88e28d1fea"
 
+[[package]]
+name = "dbus"
+version = "0.9.10"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "21b3aa68d7e7abee336255bd7248ea965cc393f3e70411135a6f6a4b651345d4"
+dependencies = [
+ "libc",
+ "libdbus-sys",
+ "windows-sys 0.59.0",
+]
+
+[[package]]
+name = "dbus-secret-service"
+version = "4.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "708b509edf7889e53d7efb0ffadd994cc6c2345ccb62f55cfd6b0682165e4fa6"
+dependencies = [
+ "dbus",
+ "zeroize",
+]
+
 [[package]]
 name = "der"
 version = "0.7.10"
@@ -3773,6 +3794,21 @@ dependencies = [
  "unicode-segmentation",
 ]
 
+[[package]]
+name = "keyring"
+version = "3.6.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "eebcc3aff044e5944a8fbaf69eb277d11986064cba30c468730e8b9909fb551c"
+dependencies = [
+ "byteorder",
+ "dbus-secret-service",
+ "log",
+ "security-framework 2.11.1",
+ "security-framework 3.7.0",
+ "windows-sys 0.60.2",
+ "zeroize",
+]
+
 [[package]]
 name = "koharu"
 version = "0.37.0"
@@ -3857,6 +3893,7 @@ dependencies = [
  "objc2-metal",
  "objc2-metal-performance-shaders",
  "objc2-metal-performance-shaders-graph",
+ "reqwest 0.13.2",
  "rustfft",
  "serde",
  "serde_json",
@@ -3874,6 +3911,7 @@ dependencies = [
  "anyhow",
  "image",
  "imageproc",
+ "keyring",
  "koharu-api",
  "koharu-ml",
  "koharu-renderer",
@@ -4028,6 +4066,15 @@ version = "0.2.182"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "6800badb6cb2082ffd7b6a67e6125bb39f18782f793520caee8cb8846be06112"
 
+[[package]]
+name = "libdbus-sys"
+version = "0.2.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "328c4789d42200f1eeec05bd86c9c13c7f091d2ba9a6ea35acdf51f31bc0f043"
+dependencies = [
+ "pkg-config",
+]
+
 [[package]]
 name = "libfuzzer-sys"
 version = "0.4.12"
@@ -4434,7 +4481,7 @@ dependencies = [
  "openssl-probe",
  "openssl-sys",
  "schannel",
- "security-framework",
+ "security-framework 3.7.0",
  "security-framework-sys",
  "tempfile",
 ]
@@ -6268,7 +6315,7 @@ dependencies = [
  "openssl-probe",
  "rustls-pki-types",
  "schannel",
- "security-framework",
+ "security-framework 3.7.0",
 ]
 
 [[package]]
@@ -6296,7 +6343,7 @@ dependencies = [
  "rustls-native-certs",
  "rustls-platform-verifier-android",
  "rustls-webpki",
- "security-framework",
+ "security-framework 3.7.0",
  "security-framework-sys",
  "webpki-root-certs",
  "windows-sys 0.61.2",
@@ -6457,6 +6504,19 @@ version = "1.2.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "94143f37725109f92c262ed2cf5e59bce7498c01bcc1502d7b9afe439a4e9f49"
 
+[[package]]
+name = "security-framework"
+version = "2.11.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "897b2245f0b511c87893af39b033e5ca9cce68824c4d7e7630b5a1d339658d02"
+dependencies = [
+ "bitflags 2.11.0",
+ "core-foundation 0.9.4",
+ "core-foundation-sys",
+ "libc",
+ "security-framework-sys",
+]
+
 [[package]]
 name = "security-framework"
 version = "3.7.0"
@@ -9568,6 +9628,20 @@ name = "zeroize"
 version = "1.8.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "b97154e67e32c85465826e8bcc1c59429aaaf107c1e4a9e53c8d8ccd5eff88d0"
+dependencies = [
+ "zeroize_derive",
+]
+
+[[package]]
+name = "zeroize_derive"
+version = "1.4.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "85a5b4158499876c763cb03bc4e49185d3cccbabb15b33c627f7884f43db852e"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.117",
+]
 
 [[package]]
 name = "zerotrie"

koharu-ml/Cargo.toml

@@ -24,6 +24,7 @@ candle-nn = { workspace = true }
 tokenizers = { workspace = true }
 serde = { workspace = true }
 serde_json = { workspace = true }
+reqwest = { workspace = true }
 strum = { workspace = true }
 tracing = { workspace = true }
 tracing-subscriber = { workspace = true }

koharu-ml/src/llm/facade.rs

@@ -42,7 +42,10 @@ impl ModelInfo {
     pub fn api(provider_id: &'static str, model_id: &str) -> Self {
         Self {
             id: format!("{provider_id}:{model_id}"),
-            languages: vec![],
+            languages: ["en-US", "zh-CN", "zh-TW", "ja-JP", "ru-RU", "es-ES"]
+                .into_iter()
+                .map(str::to_string)
+                .collect(),
             source: provider_id,
         }
     }

koharu-ml/src/llm/provider/claude.rs

@@ -5,7 +5,7 @@ use serde::Serialize;
 
 use koharu_http::http::http_client;
 
-use super::{AnyProvider, system_prompt};
+use super::{AnyProvider, ensure_provider_success, system_prompt};
 
 pub struct ClaudeProvider {
     pub api_key: String,
@@ -43,15 +43,17 @@ impl AnyProvider for ClaudeProvider {
                 }],
             };
 
-            let resp: serde_json::Value = http_client()
+            let response = http_client()
                 .post("https://api.anthropic.com/v1/messages")
                 .header("x-api-key", &self.api_key)
                 .header("anthropic-version", "2023-06-01")
                 .header("content-type", "application/json")
                 .body(serde_json::to_vec(&body)?)
                 .send()
+                .await?;
+
+            let resp: serde_json::Value = ensure_provider_success("claude", response)
                 .await?
-                .error_for_status()?
                 .json()
                 .await?;
 

koharu-ml/src/llm/provider/gemini.rs

@@ -5,7 +5,7 @@ use serde::Serialize;
 
 use koharu_http::http::http_client;
 
-use super::{AnyProvider, system_prompt};
+use super::{AnyProvider, ensure_provider_success, system_prompt};
 
 pub struct GeminiProvider {
     pub api_key: String,
@@ -58,13 +58,15 @@ impl AnyProvider for GeminiProvider {
                 }],
             };
 
-            let resp: serde_json::Value = http_client()
+            let response = http_client()
                 .post(&url)
                 .header("content-type", "application/json")
                 .body(serde_json::to_vec(&body)?)
                 .send()
+                .await?;
+
+            let resp: serde_json::Value = ensure_provider_success("gemini", response)
                 .await?
-                .error_for_status()?
                 .json()
                 .await?;
 

koharu-ml/src/llm/provider/mod.rs

@@ -1,6 +1,8 @@
 use std::future::Future;
 use std::pin::Pin;
 
+use anyhow::Context;
+
 pub mod claude;
 pub mod gemini;
 pub mod openai;
@@ -14,6 +16,34 @@ pub fn system_prompt(target_language: &str) -> String {
     SYSTEM_PROMPT_TEMPLATE.replace("{target_language}", target_language)
 }
 
+pub async fn ensure_provider_success(
+    provider: &str,
+    response: reqwest::Response,
+) -> anyhow::Result<reqwest::Response> {
+    let status = response.status();
+    if status.is_success() {
+        return Ok(response);
+    }
+
+    let body = response
+        .text()
+        .await
+        .with_context(|| format!("Failed to read {provider} error response body"))?;
+    let body_lower = body.to_ascii_lowercase();
+    let quota_exceeded = status.as_u16() == 429
+        || body_lower.contains("insufficient_quota")
+        || body_lower.contains("quota")
+        || body_lower.contains("resource_exhausted")
+        || body_lower.contains("rate limit exceeded")
+        || body_lower.contains("credit balance is too low");
+
+    if quota_exceeded {
+        anyhow::bail!("provider_quota_exceeded:{provider}");
+    }
+
+    anyhow::bail!("{provider} API request failed ({status}): {body}");
+}
+
 pub trait AnyProvider: Send + Sync {
     fn translate<'a>(
         &'a self,

koharu-ml/src/llm/provider/openai.rs

@@ -5,7 +5,7 @@ use serde::Serialize;
 
 use koharu_http::http::http_client;
 
-use super::{AnyProvider, system_prompt};
+use super::{AnyProvider, ensure_provider_success, system_prompt};
 
 pub struct OpenAiProvider {
     pub api_key: String,
@@ -45,14 +45,16 @@ impl AnyProvider for OpenAiProvider {
                 ],
             };
 
-            let resp: serde_json::Value = http_client()
+            let response = http_client()
                 .post("https://api.openai.com/v1/chat/completions")
                 .bearer_auth(&self.api_key)
                 .header("content-type", "application/json")
                 .body(serde_json::to_vec(&body)?)
                 .send()
+                .await?;
+
+            let resp: serde_json::Value = ensure_provider_success("openai", response)
                 .await?
-                .error_for_status()?
                 .json()
                 .await?;
 

koharu-pipeline/Cargo.toml

@@ -29,3 +29,12 @@ strum = { workspace = true }
 tokio = { workspace = true }
 tracing = { workspace = true }
 keyring = { workspace = true }
+
+[target.'cfg(windows)'.dependencies]
+keyring = { workspace = true, features = ["windows-native"] }
+
+[target.'cfg(target_os = "macos")'.dependencies]
+keyring = { workspace = true, features = ["apple-native"] }
+
+[target.'cfg(target_os = "linux")'.dependencies]
+keyring = { workspace = true, features = ["sync-secret-service"] }

koharu-pipeline/src/ops/llm.rs

@@ -16,6 +16,11 @@ use crate::{AppResources, state_tx};
 const API_KEY_SERVICE: &str = "koharu";
 
 fn provider_key_entry(provider: &str) -> anyhow::Result<Entry> {
+    let username = format!("llm_provider_api_key_{provider}");
+    Ok(Entry::new(API_KEY_SERVICE, &username)?)
+}
+
+fn legacy_provider_key_entry(provider: &str) -> anyhow::Result<Entry> {
     let username = format!("llm-provider-api-key:{provider}");
     Ok(Entry::new(API_KEY_SERVICE, &username)?)
 }
@@ -24,32 +29,76 @@ pub(crate) fn get_saved_api_key(provider: &str) -> anyhow::Result<Option<String>
     let entry = provider_key_entry(provider)?;
     match entry.get_password() {
         Ok(value) => Ok(Some(value)),
-        Err(keyring::Error::NoEntry) => Ok(None),
+        Err(keyring::Error::NoEntry) => {
+            let legacy_entry = legacy_provider_key_entry(provider)?;
+            match legacy_entry.get_password() {
+                Ok(value) => {
+                    let _ = entry.set_password(&value);
+                    let _ = legacy_entry.delete_credential();
+                    Ok(Some(value))
+                }
+                Err(keyring::Error::NoEntry) => Ok(None),
+                Err(err) => Err(err.into()),
+            }
+        }
         Err(err) => Err(err.into()),
     }
 }
 
 fn set_saved_api_key(provider: &str, api_key: &str) -> anyhow::Result<()> {
     let entry = provider_key_entry(provider)?;
+    let legacy_entry = legacy_provider_key_entry(provider)?;
     if api_key.trim().is_empty() {
-        match entry.delete_password() {
-            Ok(()) | Err(keyring::Error::NoEntry) => Ok(()),
-            Err(err) => Err(err.into()),
+        match entry.delete_credential() {
+            Ok(()) | Err(keyring::Error::NoEntry) => {}
+            Err(err) => return Err(anyhow::Error::from(err)),
         }
+        let _ = legacy_entry.delete_credential();
+        Ok(())
     } else {
         entry.set_password(api_key)?;
+        let _ = legacy_entry.delete_credential();
         Ok(())
     }
 }
 
+#[instrument(level = "info", skip_all, fields(provider = %payload.provider))]
 pub async fn get_api_key(_state: AppResources, payload: ApiKeyGetPayload) -> anyhow::Result<ApiKeyResult> {
-    Ok(ApiKeyResult {
-        api_key: get_saved_api_key(&payload.provider)?,
-    })
+    tracing::info!("loading API key from keyring");
+    match get_saved_api_key(&payload.provider) {
+        Ok(Some(key)) => {
+            tracing::info!(len = key.len(), "API key found in keyring");
+            Ok(ApiKeyResult { api_key: Some(key) })
+        }
+        Ok(None) => {
+            tracing::info!("no API key found in keyring");
+            Ok(ApiKeyResult { api_key: None })
+        }
+        Err(err) => {
+            tracing::error!(%err, "keyring read failed");
+            Err(err)
+        }
+    }
 }
 
+#[instrument(level = "info", skip_all, fields(provider = %payload.provider))]
 pub async fn set_api_key(_state: AppResources, payload: ApiKeySetPayload) -> anyhow::Result<()> {
-    set_saved_api_key(&payload.provider, &payload.api_key)
+    let is_empty = payload.api_key.trim().is_empty();
+    tracing::info!(is_empty, "saving API key to keyring");
+    match set_saved_api_key(&payload.provider, &payload.api_key) {
+        Ok(()) => {
+            if is_empty {
+                tracing::info!("API key deleted from keyring");
+            } else {
+                tracing::info!("API key saved to keyring");
+            }
+            Ok(())
+        }
+        Err(err) => {
+            tracing::error!(%err, "keyring write failed");
+            Err(err)
+        }
+    }
 }
 
 pub async fn llm_list(

ui/app/(app)/settings/page.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { useEffect, useMemo, useState } from 'react'
+import { useEffect, useMemo, useRef, useState } from 'react'
 import { useTheme } from 'next-themes'
 import { useTranslation } from 'react-i18next'
 import Link from 'next/link'
@@ -33,9 +33,9 @@ const THEME_OPTIONS = [
 ] as const
 
 const API_PROVIDERS = [
-  { id: 'openai', name: 'OpenAI' },
-  { id: 'gemini', name: 'Gemini' },
-  { id: 'claude', name: 'Claude' },
+  { id: 'openai', name: 'OpenAI', free_tier: false},
+  { id: 'gemini', name: 'Gemini', free_tier: true},
+  { id: 'claude', name: 'Claude', free_tier: false},
 ] as const
 
 export default function SettingsPage() {
@@ -49,6 +49,8 @@ export default function SettingsPage() {
   const apiKeys = usePreferencesStore((state) => state.apiKeys)
   const setApiKey = usePreferencesStore((state) => state.setApiKey)
   const [visibleKeys, setVisibleKeys] = useState<Record<string, boolean>>({})
+  const saveTimersRef = useRef<Record<string, ReturnType<typeof setTimeout>>>({})
+  const pendingApiKeysRef = useRef<Record<string, string>>({})
 
   useEffect(() => {
     if (!isTauri()) return
@@ -72,7 +74,9 @@ export default function SettingsPage() {
       for (const { id } of API_PROVIDERS) {
         try {
           const key = await api.getApiKey(id)
-          setApiKey(id, key ?? '')
+          if (pendingApiKeysRef.current[id] === undefined) {
+            setApiKey(id, key ?? '')
+          }
         } catch (error) {
           console.error(`Failed to load API key for ${id}`, error)
         }
@@ -82,9 +86,51 @@ export default function SettingsPage() {
     void loadApiKeys()
   }, [setApiKey])
 
+  const persistApiKey = async (provider: string, value: string) => {
+    try {
+      await api.setApiKey(provider, value)
+    } catch (error) {
+      console.error(`Failed to save API key for ${provider}`, error)
+    }
+  }
+
+  const flushApiKeySave = (provider: string) => {
+    const existingTimer = saveTimersRef.current[provider]
+    if (existingTimer) {
+      clearTimeout(existingTimer)
+      delete saveTimersRef.current[provider]
+    }
+
+    const pendingValue = pendingApiKeysRef.current[provider]
+    if (pendingValue === undefined) {
+      return
+    }
+
+    delete pendingApiKeysRef.current[provider]
+    void persistApiKey(provider, pendingValue)
+  }
+
+  useEffect(() => {
+    return () => {
+      Object.keys(saveTimersRef.current).forEach((provider) => {
+        flushApiKeySave(provider)
+      })
+    }
+  }, [])
+
   const handleApiKeyChange = (provider: string, value: string) => {
     setApiKey(provider, value)
-    void api.setApiKey(provider, value)
+    pendingApiKeysRef.current[provider] = value
+
+    const existingTimer = saveTimersRef.current[provider]
+    if (existingTimer) {
+      clearTimeout(existingTimer)
+    }
+
+    saveTimersRef.current[provider] = setTimeout(() => {
+      delete saveTimersRef.current[provider]
+      flushApiKeySave(provider)
+    }, 300)
   }
 
   return (
@@ -190,10 +236,10 @@ export default function SettingsPage() {
             {/* API Keys Section */}
             <section className='mb-8'>
               <h2 className='text-foreground mb-1 text-sm font-bold'>
-                Provider Api Keys
+                {t('settings.apiKeys')}
               </h2>
               <p className='text-muted-foreground mb-4 text-sm'>
-                Manage your API keys for different providers. Your keys are stored securely on your device and are never shared with anyone.
+                {t('settings.apiKeysDescription')}
               </p>
               <div className='space-y-3'>
                 {API_PROVIDERS.map(({ id, name }) => (
@@ -204,6 +250,7 @@ export default function SettingsPage() {
                         type={visibleKeys[id] ? 'text' : 'password'}
                         value={apiKeys[id] ?? ''}
                         onChange={(e) => handleApiKeyChange(id, e.target.value)}
+                        onBlur={() => flushApiKeySave(id)}
                         placeholder='Enter API key'
                         className='border-border bg-card text-foreground placeholder:text-muted-foreground focus:ring-primary w-full rounded-md border px-3 py-1.5 pr-9 text-sm focus:ring-1 focus:outline-none'
                       />
@@ -220,6 +267,12 @@ export default function SettingsPage() {
                           <EyeIcon className='size-4' />
                         )}
                       </button>
+
+                      {API_PROVIDERS.find((provider) => provider.id === id)?.free_tier && (
+                        <span className='text-green-500 text-xs ml-2'>
+                          {t('settings.freeTier')}
+                        </span>
+                      )}
                     </div>
                   </div>
                 ))}

ui/app/providers.tsx

@@ -18,6 +18,8 @@ import { api, parseProcessProgress } from '@/lib/api'
 import { useDownloadStore } from '@/lib/downloads'
 import { useEditorUiStore } from '@/lib/stores/editorUiStore'
 import { useOperationStore } from '@/lib/stores/operationStore'
+import { usePreferencesStore } from '@/lib/stores/preferencesStore'
+import { isTauri } from '@/lib/backend'
 
 export function Providers({ children }: { children: ReactNode }) {
   const [mounted, setMounted] = useState(false)
@@ -31,6 +33,22 @@ export function Providers({ children }: { children: ReactNode }) {
     ensureDownloadSubscribed()
   }, [ensureDownloadSubscribed])
 
+  useEffect(() => {
+    if (!isTauri()) return
+    const setApiKey = usePreferencesStore.getState().setApiKey
+    void (async () => {
+      const providers = ['openai', 'gemini', 'claude']
+      for (const provider of providers) {
+        try {
+          const key = await api.getApiKey(provider)
+          setApiKey(provider, key ?? '')
+        } catch (error) {
+          console.error(`[providers] Failed to load API key for ${provider}`, error)
+        }
+      }
+    })()
+  }, [])
+
   useEffect(() => {
     let unlisten: (() => void) | undefined
     ;(async () => {

ui/components/canvas/CanvasToolbar.tsx

@@ -269,8 +269,7 @@ function LlmStatusPopover() {
             </p>
           )}
 
-          {/* Language selector — local models only */}
-          {!isApiModel && activeLanguages.length > 0 && (
+          {activeLanguages.length > 0 && (
             <Select
               value={llmSelectedLanguage ?? activeLanguages[0]}
               onValueChange={llmSetSelectedLanguage}
@@ -288,7 +287,9 @@ function LlmStatusPopover() {
                     value={language}
                     data-testid={`llm-language-option-${index}`}
                   >
-                    {language}
+                    {language.includes('-')
+                      ? t(`menu.languages.${language}`)
+                      : language}
                   </SelectItem>
                 ))}
               </SelectContent>

ui/lib/errors.ts

@@ -1,6 +1,7 @@
 'use client'
 
 import { useUiErrorStore } from '@/lib/stores/uiErrorStore'
+import i18n from '@/lib/i18n'
 
 const SURFACED_RPC_METHODS = new Set([
   'open_documents',
@@ -24,13 +25,19 @@ const SURFACED_RPC_METHODS = new Set([
 ])
 
 export const normalizeErrorMessage = (error: unknown) => {
-  if (error instanceof Error) {
-    return error.message
-  }
-  if (typeof error === 'string') {
-    return error
+  const rawMessage =
+    error instanceof Error
+      ? error.message
+      : typeof error === 'string'
+        ? error
+        : 'Unexpected error'
+
+  if (rawMessage.startsWith('provider_quota_exceeded:')) {
+    const provider = rawMessage.split(':', 2)[1] ?? 'provider'
+    return i18n.t('errors.providerQuotaExceeded', { provider })
   }
-  return 'Unexpected error'
+
+  return rawMessage
 }
 
 export const reportRpcError = (method: string, error: unknown) => {

ui/lib/query/mutations.ts

@@ -49,6 +49,25 @@ const findModelLanguages = (
   modelId?: string,
 ) => models.find((model) => model.id === modelId)?.languages ?? []
 
+const apiLanguageToBackendName = (language?: string) => {
+  switch (language) {
+    case 'en-US':
+      return 'English'
+    case 'zh-CN':
+      return '简体中文'
+    case 'zh-TW':
+      return '繁體中文'
+    case 'ja-JP':
+      return '日本語'
+    case 'ru-RU':
+      return 'Русский'
+    case 'es-ES':
+      return 'Español'
+    default:
+      return language
+  }
+}
+
 const pickLanguage = (
   models: { id: string; languages: string[] }[],
   modelId?: string,
@@ -437,6 +456,7 @@ export const useDocumentMutations = () => {
       try {
         const models = getCachedLlmModels(queryClient)
         const modelInfo = models.find((m) => m.id === selectedModel)
+        const language = apiLanguageToBackendName(selectedLanguage)
         const llmApiKey =
           modelInfo && modelInfo.source !== 'local'
             ? usePreferencesStore.getState().apiKeys[modelInfo.source]
@@ -445,7 +465,7 @@ export const useDocumentMutations = () => {
           index: resolvedIndex,
           llmModelId: selectedModel,
           llmApiKey,
-          language: selectedLanguage,
+          language,
           shaderEffect: renderEffect,
           shaderStroke: renderStroke,
           fontFamily,
@@ -475,6 +495,7 @@ export const useDocumentMutations = () => {
     try {
       const models = getCachedLlmModels(queryClient)
       const modelInfo = models.find((m) => m.id === selectedModel)
+      const language = apiLanguageToBackendName(selectedLanguage)
       const llmApiKey =
         modelInfo && modelInfo.source !== 'local'
           ? usePreferencesStore.getState().apiKeys[modelInfo.source]
@@ -482,7 +503,7 @@ export const useDocumentMutations = () => {
       await api.process({
         llmModelId: selectedModel,
         llmApiKey,
-        language: selectedLanguage,
+        language,
         shaderEffect: renderEffect,
         shaderStroke: renderStroke,
         fontFamily,
@@ -639,7 +660,11 @@ export const useLlmMutations = () => {
             : languages[0]
           : undefined
 
-      await api.llmGenerate(resolvedIndex, textBlockIndex, language)
+      await api.llmGenerate(
+        resolvedIndex,
+        textBlockIndex,
+        apiLanguageToBackendName(language),
+      )
       await invalidateCurrentDocument(queryClient, resolvedIndex)
       useEditorUiStore.getState().setShowTextBlocksOverlay(true)
       if (typeof textBlockIndex === 'number') {

ui/public/locales/en-US/translation.json

@@ -159,7 +159,8 @@
   },
   "errors": {
     "title": "Error",
-    "dismiss": "Dismiss"
+    "dismiss": "Dismiss",
+    "providerQuotaExceeded": "{{provider}} API quota exceeded. Check your billing or wait for your quota to reset."
   },
   "settings": {
     "title": "Settings",
@@ -182,6 +183,9 @@
     "aboutRepository": "Repository",
     "device": "Device",
     "deviceDescription": "Hardware acceleration information.",
-    "deviceMl": "ML Compute"
+    "deviceMl": "ML Compute",
+    "apiKeys": "API Keys",
+    "apiKeysDescription": "Manage your API keys for different providers. Your keys are stored securely on your device keychain and are never shared with anyone.",
+    "freeTier": "Free Tier"
   }
 }

ui/public/locales/es-ES/translation.json

@@ -159,7 +159,8 @@
   },
   "errors": {
     "title": "Error",
-    "dismiss": "Cerrar"
+    "dismiss": "Cerrar",
+    "providerQuotaExceeded": "Se agotó la cuota de API de {{provider}}. Revisa la facturación o espera a que se restablezca la cuota."
   },
   "settings": {
     "title": "Configuración",
@@ -182,6 +183,9 @@
     "aboutRepository": "Repositorio",
     "device": "Dispositivo",
     "deviceDescription": "Información sobre aceleración por hardware.",
-    "deviceMl": "Cómputo ML"
+    "deviceMl": "Cómputo ML",
+    "apiKeys": "Claves API",
+    "apiKeysDescription": "Gestiona tus claves API para diferentes proveedores. Tus claves se almacenan de forma segura en el llavero de tu dispositivo y nunca se comparten con nadie.",
+    "freeTier": "Nivel gratuito"
   }
 }

ui/public/locales/ja-JP/translation.json

@@ -159,7 +159,8 @@
   },
   "errors": {
     "title": "エラー",
-    "dismiss": "閉じる"
+    "dismiss": "閉じる",
+    "providerQuotaExceeded": "{{provider}} の API クォータを超過しました。課金状況を確認するか、クォータのリセットを待ってください。"
   },
   "settings": {
     "title": "設定",
@@ -182,6 +183,9 @@
     "aboutRepository": "リポジトリ",
     "device": "デバイス",
     "deviceDescription": "ハードウェアアクセラレーション情報",
-    "deviceMl": "ML 演算"
+    "deviceMl": "ML 演算",
+    "apiKeys": "API キー",
+    "apiKeysDescription": "異なるプロバイダーの API キーを管理します。キーはデバイスのキーチェーンに安全に保存され、他人と共有されることはありません。",
+    "freeTier": "無料プラン"
   }
 }

ui/public/locales/ru-RU/translation.json

@@ -159,7 +159,8 @@
   },
   "errors": {
     "title": "Ошибка",
-    "dismiss": "Закрыть"
+    "dismiss": "Закрыть",
+    "providerQuotaExceeded": "Квота API для {{provider}} исчерпана. Проверьте биллинг или дождитесь сброса квоты."
   },
   "settings": {
     "title": "Настройки",
@@ -182,6 +183,9 @@
     "aboutRepository": "Репозиторий",
     "device": "Устройство",
     "deviceDescription": "Информация об аппаратном ускорении.",
-    "deviceMl": "ML Compute"
+    "deviceMl": "ML Compute",
+    "apiKeys": "API ключи",
+    "apiKeysDescription": "Управляйте своими API ключами для различных провайдеров. Ваши ключи надежно хранятся в связке ключей вашего устройства и никогда не передаются другим лицам.",
+    "freeTier": "Бесплатный уровень"
   }
 }

ui/public/locales/zh-CN/translation.json

@@ -159,7 +159,8 @@
   },
   "errors": {
     "title": "错误",
-    "dismiss": "关闭"
+    "dismiss": "关闭",
+    "providerQuotaExceeded": "{{provider}} API 配额已用尽。请检查计费状态或等待配额重置。"
   },
   "settings": {
     "title": "设置",
@@ -182,6 +183,9 @@
     "aboutRepository": "代码仓库",
     "device": "设备",
     "deviceDescription": "硬件加速信息",
-    "deviceMl": "ML 计算"
+    "deviceMl": "ML 计算",
+    "apiKeys": "API 密钥",
+    "apiKeysDescription": "管理您在不同提供商的 API 密钥。您的密钥会安全地存储在设备的密钥链中，绝不会与他人共享。",
+    "freeTier": "免费等级"
   }
 }

ui/public/locales/zh-TW/translation.json

@@ -159,7 +159,8 @@
   },
   "errors": {
     "title": "錯誤",
-    "dismiss": "關閉"
+    "dismiss": "關閉",
+    "providerQuotaExceeded": "{{provider}} API 配額已用盡。請檢查計費狀態或等待配額重置。"
   },
   "settings": {
     "title": "設定",
@@ -182,6 +183,9 @@
     "aboutRepository": "原始碼",
     "device": "裝置",
     "deviceDescription": "硬體加速資訊",
-    "deviceMl": "ML 運算"
+    "deviceMl": "ML 運算",
+    "apiKeys": "API 密鑰",
+    "apiKeysDescription": "管理您在不同提供商的 API 密鑰。您的密鑰會安全地存儲在設備的密鑰鏈中，絕不會與他人共享。",
+    "freeTier": "免費等級"
   }
 }