fix(i18n): switch language via popover menu and complete Russian Kimi translations

Feat: Add Russian localization

.gitignore

@@ -18,6 +18,7 @@ node_modules
 dist
 dist-ssr
 *.local
+skills
 
 # Editor directories and files
 settings.local.json

package-lock.json

@@ -1243,6 +1243,18 @@
       "integrity": "sha512-l0h88YhZFyKdXIFNfSWpyjStDjGHwZ/U7iobcK1cQQD8sejsONdQtTVU+1wVN1PBw40PiiHB1vA5S7VTfQiP9g==",
       "license": "MIT"
     },
+    "node_modules/@openai/codex": {
+      "version": "0.98.0",
+      "resolved": "https://registry.npmjs.org/@openai/codex/-/codex-0.98.0.tgz",
+      "integrity": "sha512-CKjrhAmzTvWn7Vbsi27iZRKBAJw9a7ZTTkWQDbLgQZP1weGbDIBk1r6wiLEp1ZmDO7w0fHPLYgnVspiOrYgcxg==",
+      "license": "Apache-2.0",
+      "bin": {
+        "codex": "bin/codex.js"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
     "node_modules/@parcel/watcher": {
       "version": "2.5.1",
       "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.1.tgz",

src/components/config/VisualConfigEditor.module.scss

@@ -0,0 +1,37 @@
+.payloadRuleModelRow {
+  display: grid;
+  grid-template-columns: 1fr 160px auto;
+  gap: 8px;
+  align-items: center;
+}
+
+.payloadRuleModelRowProtocolFirst {
+  grid-template-columns: 160px 1fr auto;
+}
+
+.payloadRuleParamRow {
+  display: grid;
+  grid-template-columns: 1fr 140px 1fr auto;
+  gap: 8px;
+  align-items: center;
+}
+
+.payloadFilterModelRow {
+  display: grid;
+  grid-template-columns: 1fr 160px auto;
+  gap: 8px;
+  align-items: center;
+}
+
+@media (max-width: 900px) {
+  .payloadRuleModelRow,
+  .payloadRuleModelRowProtocolFirst,
+  .payloadRuleParamRow,
+  .payloadFilterModelRow {
+    grid-template-columns: minmax(0, 1fr);
+  }
+
+  .payloadRowActionButton {
+    width: 100%;
+  }
+}

src/components/config/VisualConfigEditor.tsx

@@ -6,6 +6,7 @@ import { Modal } from '@/components/ui/Modal';
 import { ToggleSwitch } from '@/components/ui/ToggleSwitch';
 import { IconChevronDown } from '@/components/ui/icons';
 import { ConfigSection } from '@/components/config/ConfigSection';
+import styles from './VisualConfigEditor.module.scss';
 import type {
   PayloadFilterRule,
   PayloadModelEntry,
@@ -358,7 +359,7 @@ function StringListEditor({
   return (
     <div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>
       {items.map((item, index) => (
-        <div key={index} style={{ display: 'flex', gap: 8, alignItems: 'center' }}>
+        <div key={index} style={{ display: 'flex', gap: 8, alignItems: 'center', flexWrap: 'wrap' }}>
           <input
             className="input"
             placeholder={placeholder}
@@ -471,7 +472,15 @@ function PayloadRulesEditor({
             gap: 12,
           }}
         >
-          <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', gap: 12 }}>
+          <div
+            style={{
+              display: 'flex',
+              justifyContent: 'space-between',
+              alignItems: 'center',
+              gap: 12,
+              flexWrap: 'wrap',
+            }}
+          >
             <div style={{ fontWeight: 700, color: 'var(--text-primary)' }}>{t('config_management.visual.payload_rules.rule')} {ruleIndex + 1}</div>
             <Button variant="ghost" size="sm" onClick={() => removeRule(ruleIndex)} disabled={disabled}>
               {t('config_management.visual.common.delete')}
@@ -483,11 +492,9 @@ function PayloadRulesEditor({
             {(rule.models.length ? rule.models : []).map((model, modelIndex) => (
               <div
                 key={model.id}
-                style={{
-                  display: 'grid',
-                  gridTemplateColumns: protocolFirst ? '160px 1fr auto' : '1fr 160px auto',
-                  gap: 8,
-                }}
+                className={[styles.payloadRuleModelRow, protocolFirst ? styles.payloadRuleModelRowProtocolFirst : '']
+                  .filter(Boolean)
+                  .join(' ')}
               >
                 {protocolFirst ? (
                   <>
@@ -532,7 +539,13 @@ function PayloadRulesEditor({
                     />
                   </>
                 )}
-                <Button variant="ghost" size="sm" onClick={() => removeModel(ruleIndex, modelIndex)} disabled={disabled}>
+                <Button
+                  variant="ghost"
+                  size="sm"
+                  className={styles.payloadRowActionButton}
+                  onClick={() => removeModel(ruleIndex, modelIndex)}
+                  disabled={disabled}
+                >
                   {t('config_management.visual.common.delete')}
                 </Button>
               </div>
@@ -547,7 +560,7 @@ function PayloadRulesEditor({
           <div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>
             <div style={{ fontSize: 12, fontWeight: 600, color: 'var(--text-secondary)' }}>{t('config_management.visual.payload_rules.params')}</div>
             {(rule.params.length ? rule.params : []).map((param, paramIndex) => (
-              <div key={param.id} style={{ display: 'grid', gridTemplateColumns: '1fr 140px 1fr auto', gap: 8 }}>
+              <div key={param.id} className={styles.payloadRuleParamRow}>
                 <input
                   className="input"
                   placeholder={t('config_management.visual.payload_rules.json_path')}
@@ -571,7 +584,13 @@ function PayloadRulesEditor({
                   onChange={(e) => updateParam(ruleIndex, paramIndex, { value: e.target.value })}
                   disabled={disabled}
                 />
-                <Button variant="ghost" size="sm" onClick={() => removeParam(ruleIndex, paramIndex)} disabled={disabled}>
+                <Button
+                  variant="ghost"
+                  size="sm"
+                  className={styles.payloadRowActionButton}
+                  onClick={() => removeParam(ruleIndex, paramIndex)}
+                  disabled={disabled}
+                >
                   {t('config_management.visual.common.delete')}
                 </Button>
               </div>
@@ -658,7 +677,15 @@ function PayloadFilterRulesEditor({
             gap: 12,
           }}
         >
-          <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', gap: 12 }}>
+          <div
+            style={{
+              display: 'flex',
+              justifyContent: 'space-between',
+              alignItems: 'center',
+              gap: 12,
+              flexWrap: 'wrap',
+            }}
+          >
             <div style={{ fontWeight: 700, color: 'var(--text-primary)' }}>{t('config_management.visual.payload_rules.rule')} {ruleIndex + 1}</div>
             <Button variant="ghost" size="sm" onClick={() => removeRule(ruleIndex)} disabled={disabled}>
               {t('config_management.visual.common.delete')}
@@ -668,7 +695,7 @@ function PayloadFilterRulesEditor({
           <div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>
             <div style={{ fontSize: 12, fontWeight: 600, color: 'var(--text-secondary)' }}>{t('config_management.visual.payload_rules.models')}</div>
             {rule.models.map((model, modelIndex) => (
-              <div key={model.id} style={{ display: 'grid', gridTemplateColumns: '1fr 160px auto', gap: 8 }}>
+              <div key={model.id} className={styles.payloadFilterModelRow}>
                 <input
                   className="input"
                   placeholder={t('config_management.visual.payload_rules.model_name')}
@@ -687,7 +714,13 @@ function PayloadFilterRulesEditor({
                     })
                   }
                 />
-                <Button variant="ghost" size="sm" onClick={() => removeModel(ruleIndex, modelIndex)} disabled={disabled}>
+                <Button
+                  variant="ghost"
+                  size="sm"
+                  className={styles.payloadRowActionButton}
+                  onClick={() => removeModel(ruleIndex, modelIndex)}
+                  disabled={disabled}
+                >
                   {t('config_management.visual.common.delete')}
                 </Button>
               </div>
@@ -891,15 +924,6 @@ export function VisualConfigEditor({ values, disabled = false, onChange }: Visua
               onChange={(e) => onChange({ logsMaxTotalSizeMb: e.target.value })}
               disabled={disabled}
             />
-            <Input
-              label={t('config_management.visual.sections.system.usage_retention_days')}
-              type="number"
-              placeholder="30"
-              value={values.usageRecordsRetentionDays}
-              onChange={(e) => onChange({ usageRecordsRetentionDays: e.target.value })}
-              disabled={disabled}
-              hint={t('config_management.visual.sections.system.usage_retention_hint')}
-            />
           </SectionGrid>
         </div>
       </ConfigSection>

src/components/layout/MainLayout.tsx

@@ -35,6 +35,8 @@ import {
 } from '@/stores';
 import { configApi, versionApi } from '@/services/api';
 import { triggerHeaderRefresh } from '@/hooks/useHeaderRefresh';
+import { LANGUAGE_LABEL_KEYS, LANGUAGE_ORDER } from '@/utils/constants';
+import { isSupportedLanguage } from '@/utils/language';
 
 const sidebarIcons: Record<string, ReactNode> = {
   dashboard: <IconLayoutDashboard size={18} />,
@@ -189,17 +191,20 @@ export function MainLayout() {
 
   const theme = useThemeStore((state) => state.theme);
   const cycleTheme = useThemeStore((state) => state.cycleTheme);
-  const toggleLanguage = useLanguageStore((state) => state.toggleLanguage);
+  const language = useLanguageStore((state) => state.language);
+  const setLanguage = useLanguageStore((state) => state.setLanguage);
 
   const [sidebarOpen, setSidebarOpen] = useState(false);
   const [sidebarCollapsed, setSidebarCollapsed] = useState(false);
   const [checkingVersion, setCheckingVersion] = useState(false);
+  const [languageMenuOpen, setLanguageMenuOpen] = useState(false);
   const [brandExpanded, setBrandExpanded] = useState(true);
   const [requestLogModalOpen, setRequestLogModalOpen] = useState(false);
   const [requestLogDraft, setRequestLogDraft] = useState(false);
   const [requestLogTouched, setRequestLogTouched] = useState(false);
   const [requestLogSaving, setRequestLogSaving] = useState(false);
   const contentRef = useRef<HTMLDivElement | null>(null);
+  const languageMenuRef = useRef<HTMLDivElement | null>(null);
   const brandCollapseTimer = useRef<ReturnType<typeof setTimeout> | null>(null);
   const headerRef = useRef<HTMLElement | null>(null);
   const versionTapCount = useRef(0);
@@ -299,6 +304,32 @@ export function MainLayout() {
     };
   }, []);
 
+  useEffect(() => {
+    if (!languageMenuOpen) {
+      return;
+    }
+
+    const handlePointerDown = (event: MouseEvent) => {
+      if (!languageMenuRef.current?.contains(event.target as Node)) {
+        setLanguageMenuOpen(false);
+      }
+    };
+
+    const handleEscape = (event: KeyboardEvent) => {
+      if (event.key === 'Escape') {
+        setLanguageMenuOpen(false);
+      }
+    };
+
+    document.addEventListener('mousedown', handlePointerDown);
+    document.addEventListener('keydown', handleEscape);
+
+    return () => {
+      document.removeEventListener('mousedown', handlePointerDown);
+      document.removeEventListener('keydown', handleEscape);
+    };
+  }, [languageMenuOpen]);
+
   const handleBrandClick = useCallback(() => {
     if (!brandExpanded) {
       setBrandExpanded(true);
@@ -318,6 +349,21 @@ export function MainLayout() {
     setRequestLogModalOpen(true);
   }, [requestLogEnabled]);
 
+  const toggleLanguageMenu = useCallback(() => {
+    setLanguageMenuOpen((prev) => !prev);
+  }, []);
+
+  const handleLanguageSelect = useCallback(
+    (nextLanguage: string) => {
+      if (!isSupportedLanguage(nextLanguage)) {
+        return;
+      }
+      setLanguage(nextLanguage);
+      setLanguageMenuOpen(false);
+    },
+    [setLanguage]
+  );
+
   const handleRequestLogClose = useCallback(() => {
     setRequestLogModalOpen(false);
     setRequestLogTouched(false);
@@ -566,9 +612,36 @@ export function MainLayout() {
             >
               {headerIcons.update}
             </Button>
-            <Button variant="ghost" size="sm" onClick={toggleLanguage} title={t('language.switch')}>
-              {headerIcons.language}
-            </Button>
+            <div className={`language-menu ${languageMenuOpen ? 'open' : ''}`} ref={languageMenuRef}>
+              <Button
+                variant="ghost"
+                size="sm"
+                onClick={toggleLanguageMenu}
+                title={t('language.switch')}
+                aria-label={t('language.switch')}
+                aria-haspopup="menu"
+                aria-expanded={languageMenuOpen}
+              >
+                {headerIcons.language}
+              </Button>
+              {languageMenuOpen && (
+                <div className="notification entering language-menu-popover" role="menu" aria-label={t('language.switch')}>
+                  {LANGUAGE_ORDER.map((lang) => (
+                    <button
+                      key={lang}
+                      type="button"
+                      className={`language-menu-option ${language === lang ? 'active' : ''}`}
+                      onClick={() => handleLanguageSelect(lang)}
+                      role="menuitemradio"
+                      aria-checked={language === lang}
+                    >
+                      <span>{t(LANGUAGE_LABEL_KEYS[lang])}</span>
+                      {language === lang ? <span className="language-menu-check">✓</span> : null}
+                    </button>
+                  ))}
+                </div>
+              )}
+            </div>
             <Button variant="ghost" size="sm" onClick={cycleTheme} title={t('theme.switch')}>
               {theme === 'auto'
                 ? headerIcons.autoTheme

src/components/quota/quotaConfigs.ts

@@ -28,6 +28,7 @@ import {
   GEMINI_CLI_QUOTA_URL,
   GEMINI_CLI_REQUEST_HEADERS,
   normalizeAuthIndexValue,
+  normalizeGeminiCliModelId,
   normalizeNumberValue,
   normalizePlanType,
   normalizeQuotaFraction,
@@ -368,7 +369,7 @@ const fetchGeminiCliQuota = async (
 
   const parsedBuckets = buckets
     .map((bucket) => {
-      const modelId = normalizeStringValue(bucket.modelId ?? bucket.model_id);
+      const modelId = normalizeGeminiCliModelId(bucket.modelId ?? bucket.model_id);
       if (!modelId) return null;
       const tokenType = normalizeStringValue(bucket.tokenType ?? bucket.token_type);
       const remainingFractionRaw = normalizeQuotaFraction(

src/hooks/useVisualConfig.ts

@@ -102,6 +102,27 @@ function deepClone<T>(value: T): T {
   return JSON.parse(JSON.stringify(value)) as T;
 }
 
+function parsePayloadParamValue(raw: unknown): { valueType: PayloadParamValueType; value: string } {
+  if (typeof raw === 'number') {
+    return { valueType: 'number', value: String(raw) };
+  }
+
+  if (typeof raw === 'boolean') {
+    return { valueType: 'boolean', value: String(raw) };
+  }
+
+  if (raw === null || typeof raw === 'object') {
+    try {
+      const json = JSON.stringify(raw, null, 2);
+      return { valueType: 'json', value: json ?? 'null' };
+    } catch {
+      return { valueType: 'json', value: String(raw) };
+    }
+  }
+
+  return { valueType: 'string', value: String(raw ?? '') };
+}
+
 function parsePayloadRules(rules: unknown): PayloadRule[] {
   if (!Array.isArray(rules)) return [];
 
@@ -115,19 +136,15 @@ function parsePayloadRules(rules: unknown): PayloadRule[] {
         }))
       : [],
     params: (rule as any)?.params
-      ? Object.entries((rule as any).params as Record<string, unknown>).map(([path, value], pIndex) => ({
-          id: `param-${index}-${pIndex}`,
-          path,
-          valueType:
-            typeof value === 'number'
-              ? 'number'
-              : typeof value === 'boolean'
-                ? 'boolean'
-                : typeof value === 'object'
-                  ? 'json'
-                  : 'string',
-          value: String(value),
-        }))
+      ? Object.entries((rule as any).params as Record<string, unknown>).map(([path, value], pIndex) => {
+          const parsedValue = parsePayloadParamValue(value);
+          return {
+            id: `param-${index}-${pIndex}`,
+            path,
+            valueType: parsedValue.valueType,
+            value: parsedValue.value,
+          };
+        })
       : [],
   }));
 }
@@ -220,7 +237,7 @@ export function useVisualConfig() {
 
       const newValues: VisualConfigValues = {
         host: parsed.host || '',
-        port: String(parsed.port || ''),
+        port: String(parsed.port ?? ''),
 
         tlsEnable: Boolean(parsed.tls?.enable),
         tlsCert: parsed.tls?.cert || '',
@@ -240,14 +257,13 @@ export function useVisualConfig() {
         debug: Boolean(parsed.debug),
         commercialMode: Boolean(parsed['commercial-mode']),
         loggingToFile: Boolean(parsed['logging-to-file']),
-        logsMaxTotalSizeMb: String(parsed['logs-max-total-size-mb'] || ''),
+        logsMaxTotalSizeMb: String(parsed['logs-max-total-size-mb'] ?? ''),
         usageStatisticsEnabled: Boolean(parsed['usage-statistics-enabled']),
-        usageRecordsRetentionDays: String(parsed['usage-records-retention-days'] ?? ''),
 
         proxyUrl: parsed['proxy-url'] || '',
         forceModelPrefix: Boolean(parsed['force-model-prefix']),
-        requestRetry: String(parsed['request-retry'] || ''),
-        maxRetryInterval: String(parsed['max-retry-interval'] || ''),
+        requestRetry: String(parsed['request-retry'] ?? ''),
+        maxRetryInterval: String(parsed['max-retry-interval'] ?? ''),
         wsAuth: Boolean(parsed['ws-auth']),
 
         quotaSwitchProject: Boolean(parsed['quota-exceeded']?.['switch-project'] ?? true),
@@ -333,11 +349,6 @@ export function useVisualConfig() {
         setBoolean(parsed, 'logging-to-file', values.loggingToFile);
         setIntFromString(parsed, 'logs-max-total-size-mb', values.logsMaxTotalSizeMb);
         setBoolean(parsed, 'usage-statistics-enabled', values.usageStatisticsEnabled);
-        setIntFromString(
-          parsed,
-          'usage-records-retention-days',
-          values.usageRecordsRetentionDays
-        );
 
         setString(parsed, 'proxy-url', values.proxyUrl);
         setBoolean(parsed, 'force-model-prefix', values.forceModelPrefix);

src/i18n/index.ts

@@ -6,12 +6,14 @@ import i18n from 'i18next';
 import { initReactI18next } from 'react-i18next';
 import zhCN from './locales/zh-CN.json';
 import en from './locales/en.json';
+import ru from './locales/ru.json';
 import { getInitialLanguage } from '@/utils/language';
 
 i18n.use(initReactI18next).init({
   resources: {
     'zh-CN': { translation: zhCN },
-    en: { translation: en }
+    en: { translation: en },
+    ru: { translation: ru }
   },
   lng: getInitialLanguage(),
   fallbackLng: 'zh-CN',

src/i18n/locales/en.json

@@ -376,6 +376,7 @@
     "filter_qwen": "Qwen",
     "filter_gemini": "Gemini",
     "filter_gemini-cli": "GeminiCLI",
+    "filter_kimi": "Kimi",
     "filter_aistudio": "AIStudio",
     "filter_claude": "Claude",
     "filter_codex": "Codex",
@@ -387,6 +388,7 @@
     "type_qwen": "Qwen",
     "type_gemini": "Gemini",
     "type_gemini-cli": "GeminiCLI",
+    "type_kimi": "Kimi",
     "type_aistudio": "AIStudio",
     "type_claude": "Claude",
     "type_codex": "Codex",
@@ -417,9 +419,6 @@
     "proxy_url_placeholder": "socks5://username:password@proxy_ip:port/",
     "prefix_proxy_invalid_json": "This credential is not a JSON object and cannot be edited.",
     "prefix_proxy_saved_success": "Updated \"{{name}}\" successfully",
-    "card_tools_title": "Tools",
-    "quota_refresh_single": "Refresh quota",
-    "quota_refresh_hint": "Refresh quota for this credential only",
     "quota_refresh_success": "Quota refreshed for \"{{name}}\"",
     "quota_refresh_failed": "Failed to refresh quota for \"{{name}}\": {{message}}"
   },
@@ -427,7 +426,7 @@
     "title": "Antigravity Quota",
     "empty_title": "No Antigravity Auth Files",
     "empty_desc": "Upload an Antigravity credential to view remaining quota.",
-    "idle": "Not loaded. Click Refresh Button.",
+    "idle": "Click here to refresh quota",
     "loading": "Loading quota...",
     "load_failed": "Failed to load quota: {{message}}",
     "missing_auth_index": "Auth file missing auth_index",
@@ -439,7 +438,7 @@
     "title": "Codex Quota",
     "empty_title": "No Codex Auth Files",
     "empty_desc": "Upload a Codex credential to view quota.",
-    "idle": "Not loaded. Click Refresh Button.",
+    "idle": "Click here to refresh quota",
     "loading": "Loading quota...",
     "load_failed": "Failed to load quota: {{message}}",
     "missing_auth_index": "Auth file missing auth_index",
@@ -461,7 +460,7 @@
     "title": "Gemini CLI Quota",
     "empty_title": "No Gemini CLI Auth Files",
     "empty_desc": "Upload a Gemini CLI credential to view remaining quota.",
-    "idle": "Not loaded. Click Refresh Button.",
+    "idle": "Click here to refresh quota",
     "loading": "Loading quota...",
     "load_failed": "Failed to load quota: {{message}}",
     "missing_auth_index": "Auth file missing auth_index",
@@ -640,6 +639,17 @@
     "gemini_cli_oauth_status_error": "Authentication failed:",
     "gemini_cli_oauth_start_error": "Failed to start Gemini CLI OAuth:",
     "gemini_cli_oauth_polling_error": "Failed to check authentication status:",
+    "kimi_oauth_title": "Kimi OAuth",
+    "kimi_oauth_button": "Start Kimi Login",
+    "kimi_oauth_hint": "Login to Kimi service through OAuth device flow, automatically obtain and save authentication files.",
+    "kimi_oauth_url_label": "Authorization URL:",
+    "kimi_open_link": "Open Link",
+    "kimi_copy_link": "Copy Link",
+    "kimi_oauth_status_waiting": "Waiting for authentication...",
+    "kimi_oauth_status_success": "Authentication successful!",
+    "kimi_oauth_status_error": "Authentication failed:",
+    "kimi_oauth_start_error": "Failed to start Kimi OAuth:",
+    "kimi_oauth_polling_error": "Failed to check authentication status:",
     "qwen_oauth_title": "Qwen OAuth",
     "qwen_oauth_button": "Start Qwen Login",
     "qwen_oauth_hint": "Login to Qwen service through device authorization flow, automatically obtain and save authentication files.",
@@ -882,9 +892,7 @@
           "logging_to_file_desc": "Save logs to rotating files",
           "usage_statistics": "Usage Statistics",
           "usage_statistics_desc": "Collect usage statistics",
-          "logs_max_size": "Log File Size Limit (MB)",
-          "usage_retention_days": "Usage Records Retention Days",
-          "usage_retention_hint": "0 means no limit (no cleanup)"
+          "logs_max_size": "Log File Size Limit (MB)"
         },
         "network": {
           "title": "Network Configuration",
@@ -1090,7 +1098,8 @@
   "language": {
     "switch": "Language",
     "chinese": "中文",
-    "english": "English"
+    "english": "English",
+    "russian": "Русский"
   },
   "theme": {
     "switch": "Theme",

src/i18n/locales/zh-CN.json

@@ -376,6 +376,7 @@
     "filter_qwen": "Qwen",
     "filter_gemini": "Gemini",
     "filter_gemini-cli": "GeminiCLI",
+    "filter_kimi": "Kimi",
     "filter_aistudio": "AIStudio",
     "filter_claude": "Claude",
     "filter_codex": "Codex",
@@ -387,6 +388,7 @@
     "type_qwen": "Qwen",
     "type_gemini": "Gemini",
     "type_gemini-cli": "GeminiCLI",
+    "type_kimi": "Kimi",
     "type_aistudio": "AIStudio",
     "type_claude": "Claude",
     "type_codex": "Codex",
@@ -417,9 +419,6 @@
     "proxy_url_placeholder": "socks5://username:password@proxy_ip:port/",
     "prefix_proxy_invalid_json": "该凭证文件不是 JSON 对象，无法编辑。",
     "prefix_proxy_saved_success": "已更新 \"{{name}}\"",
-    "card_tools_title": "配置面板",
-    "quota_refresh_single": "刷新额度",
-    "quota_refresh_hint": "仅刷新当前凭证的额度数据",
     "quota_refresh_success": "已刷新 \"{{name}}\" 的额度",
     "quota_refresh_failed": "刷新 \"{{name}}\" 的额度失败：{{message}}"
   },
@@ -427,7 +426,7 @@
     "title": "Antigravity 额度",
     "empty_title": "暂无 Antigravity 认证",
     "empty_desc": "上传 Antigravity 认证文件后即可查看额度。",
-    "idle": "尚未加载额度，请点击刷新按钮。",
+    "idle": "点击此处刷新额度",
     "loading": "正在加载额度...",
     "load_failed": "额度获取失败：{{message}}",
     "missing_auth_index": "认证文件缺少 auth_index",
@@ -439,7 +438,7 @@
     "title": "Codex 额度",
     "empty_title": "暂无 Codex 认证",
     "empty_desc": "上传 Codex 认证文件后即可查看额度。",
-    "idle": "尚未加载额度，请点击刷新按钮。",
+    "idle": "点击此处刷新额度",
     "loading": "正在加载额度...",
     "load_failed": "额度获取失败：{{message}}",
     "missing_auth_index": "认证文件缺少 auth_index",
@@ -461,7 +460,7 @@
     "title": "Gemini CLI 额度",
     "empty_title": "暂无 Gemini CLI 认证",
     "empty_desc": "上传 Gemini CLI 认证文件后即可查看额度。",
-    "idle": "尚未加载额度，请点击刷新按钮。",
+    "idle": "点击此处刷新额度",
     "loading": "正在加载额度...",
     "load_failed": "额度获取失败：{{message}}",
     "missing_auth_index": "认证文件缺少 auth_index",
@@ -640,6 +639,17 @@
     "gemini_cli_oauth_status_error": "认证失败:",
     "gemini_cli_oauth_start_error": "启动 Gemini CLI OAuth 失败:",
     "gemini_cli_oauth_polling_error": "检查认证状态失败:",
+    "kimi_oauth_title": "Kimi OAuth",
+    "kimi_oauth_button": "开始 Kimi 登录",
+    "kimi_oauth_hint": "通过设备授权流程登录 Kimi 服务，自动获取并保存认证文件。",
+    "kimi_oauth_url_label": "授权链接:",
+    "kimi_open_link": "打开链接",
+    "kimi_copy_link": "复制链接",
+    "kimi_oauth_status_waiting": "等待认证中...",
+    "kimi_oauth_status_success": "认证成功！",
+    "kimi_oauth_status_error": "认证失败:",
+    "kimi_oauth_start_error": "启动 Kimi OAuth 失败:",
+    "kimi_oauth_polling_error": "检查认证状态失败:",
     "qwen_oauth_title": "Qwen OAuth",
     "qwen_oauth_button": "开始 Qwen 登录",
     "qwen_oauth_hint": "通过设备授权流程登录 Qwen 服务，自动获取并保存认证文件。",
@@ -882,9 +892,7 @@
           "logging_to_file_desc": "将日志保存到滚动文件",
           "usage_statistics": "使用统计",
           "usage_statistics_desc": "收集使用统计信息",
-          "logs_max_size": "日志文件大小限制 (MB)",
-          "usage_retention_days": "使用记录保留天数",
-          "usage_retention_hint": "0 为无限制（不清理）"
+          "logs_max_size": "日志文件大小限制 (MB)"
         },
         "network": {
           "title": "网络配置",
@@ -1090,7 +1098,8 @@
   "language": {
     "switch": "语言",
     "chinese": "中文",
-    "english": "English"
+    "english": "English",
+    "russian": "Русский"
   },
   "theme": {
     "switch": "主题",

src/pages/AuthFilesPage.module.scss

@@ -185,10 +185,10 @@
 }
 
 .fileGridQuotaManaged {
-  grid-template-columns: repeat(auto-fill, minmax(520px, 1fr));
+  grid-template-columns: repeat(3, minmax(0, 1fr));
 
   @include tablet {
-    grid-template-columns: 1fr;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 
   @include mobile {
@@ -414,6 +414,24 @@
   padding: $spacing-sm 0;
 }
 
+.quotaMessageAction {
+  width: 100%;
+  border: none;
+  background: none;
+  cursor: pointer;
+  text-decoration: underline;
+
+  &:hover:not(:disabled) {
+    color: var(--text-primary);
+  }
+
+  &:disabled {
+    cursor: not-allowed;
+    opacity: 0.6;
+    text-decoration: none;
+  }
+}
+
 .quotaError {
   font-size: 12px;
   color: var(--danger-color);
@@ -487,17 +505,6 @@
   gap: $spacing-md;
 }
 
-.fileCardLayoutQuota {
-  display: grid;
-  grid-template-columns: 1fr 156px;
-  gap: $spacing-md;
-  align-items: stretch;
-
-  @include mobile {
-    grid-template-columns: 1fr;
-  }
-}
-
 .fileCardMain {
   display: flex;
   flex-direction: column;
@@ -506,41 +513,6 @@
   min-width: 0;
 }
 
-.fileCardSidebar {
-  display: flex;
-  flex-direction: column;
-  gap: $spacing-sm;
-  padding-left: $spacing-md;
-  border-left: 1px dashed var(--border-color);
-
-  @include mobile {
-    border-left: none;
-    border-top: 1px dashed var(--border-color);
-    padding-left: 0;
-    padding-top: $spacing-md;
-  }
-}
-
-.fileCardSidebarHeader {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: $spacing-xs;
-}
-
-.fileCardSidebarTitle {
-  font-size: 12px;
-  font-weight: 600;
-  color: var(--text-secondary);
-  white-space: nowrap;
-}
-
-.fileCardSidebarHint {
-  font-size: 12px;
-  color: var(--text-tertiary);
-  line-height: 1.4;
-}
-
 .cardHeader {
   display: flex;
   align-items: center;

src/pages/AuthFilesPage.tsx

@@ -17,7 +17,6 @@ import {
   IconChevronUp,
   IconDownload,
   IconInfo,
-  IconRefreshCw,
   IconTrash2,
 } from '@/components/ui/icons';
 import type { TFunction } from 'i18next';
@@ -49,6 +48,10 @@ const TYPE_COLORS: Record<string, TypeColorSet> = {
     light: { bg: '#e8f5e9', text: '#2e7d32' },
     dark: { bg: '#1b5e20', text: '#81c784' },
   },
+  kimi: {
+    light: { bg: '#fff4e5', text: '#ad6800' },
+    dark: { bg: '#7c4a03', text: '#ffd591' },
+  },
   gemini: {
     light: { bg: '#e3f2fd', text: '#1565c0' },
     dark: { bg: '#0d47a1', text: '#64b5f6' },
@@ -1547,6 +1550,7 @@ export function AuthFilesPage() {
       | { status?: string; error?: string; errorStatus?: number }
       | undefined;
     const quotaStatus = quota?.status ?? 'idle';
+    const canRefreshQuota = !disableControls && !item.disabled;
     const quotaErrorMessage = resolveQuotaErrorMessage(
       t,
       quota?.errorStatus,
@@ -1558,7 +1562,14 @@ export function AuthFilesPage() {
         {quotaStatus === 'loading' ? (
           <div className={styles.quotaMessage}>{t(`${config.i18nPrefix}.loading`)}</div>
         ) : quotaStatus === 'idle' ? (
-          <div className={styles.quotaMessage}>{t(`${config.i18nPrefix}.idle`)}</div>
+          <button
+            type="button"
+            className={`${styles.quotaMessage} ${styles.quotaMessageAction}`}
+            onClick={() => void refreshQuotaForFile(item, quotaType)}
+            disabled={!canRefreshQuota}
+          >
+            {t(`${config.i18nPrefix}.idle`)}
+          </button>
         ) : quotaStatus === 'error' ? (
           <div className={styles.quotaError}>
             {t(`${config.i18nPrefix}.load_failed`, {
@@ -1586,8 +1597,6 @@ export function AuthFilesPage() {
       quotaFilterType && resolveQuotaType(item) === quotaFilterType ? quotaFilterType : null;
 
     const showQuotaLayout = Boolean(quotaType) && !isRuntimeOnly;
-    const quotaState = quotaType ? getQuotaState(quotaType, item.name) : undefined;
-    const quotaRefreshing = quotaState?.status === 'loading';
 
     const providerCardClass =
       quotaType === 'antigravity'
@@ -1604,7 +1613,7 @@ export function AuthFilesPage() {
         className={`${styles.fileCard} ${providerCardClass} ${item.disabled ? styles.fileCardDisabled : ''}`}
       >
         <div
-          className={`${styles.fileCardLayout} ${showQuotaLayout ? styles.fileCardLayoutQuota : ''}`}
+          className={styles.fileCardLayout}
         >
           <div className={styles.fileCardMain}>
             <div className={styles.cardHeader}>
@@ -1722,29 +1731,6 @@ export function AuthFilesPage() {
               )}
             </div>
           </div>
-
-          {showQuotaLayout && quotaType && (
-            <div className={styles.fileCardSidebar}>
-              <div className={styles.fileCardSidebarHeader}>
-                <span className={styles.fileCardSidebarTitle}>
-                  {t('auth_files.card_tools_title')}
-                </span>
-                <Button
-                  variant="secondary"
-                  size="sm"
-                  className={styles.iconButton}
-                  onClick={() => void refreshQuotaForFile(item, quotaType)}
-                  disabled={disableControls || item.disabled}
-                  loading={quotaRefreshing}
-                  title={t('auth_files.quota_refresh_single')}
-                  aria-label={t('auth_files.quota_refresh_single')}
-                >
-                  {!quotaRefreshing && <IconRefreshCw className={styles.actionIcon} size={16} />}
-                </Button>
-              </div>
-              <div className={styles.fileCardSidebarHint}>{t('auth_files.quota_refresh_hint')}</div>
-            </div>
-          )}
         </div>
       </div>
     );

src/pages/ConfigPage.tsx

@@ -80,9 +80,10 @@ export function ConfigPage() {
     try {
       const nextContent = activeTab === 'visual' ? applyVisualChangesToYaml(content) : content;
       await configFileApi.saveConfigYaml(nextContent);
+      const latestContent = await configFileApi.fetchConfigYaml();
       setDirty(false);
-      setContent(nextContent);
-      loadVisualValuesFromYaml(nextContent);
+      setContent(latestContent);
+      loadVisualValuesFromYaml(latestContent);
       showNotification(t('config_management.save_success'), 'success');
     } catch (err: unknown) {
       const message = err instanceof Error ? err.message : '';

src/pages/LoginPage.module.scss

@@ -167,9 +167,24 @@
   font-size: 14px;
 }
 
-// 语言切换按钮
-.languageBtn {
+// 语言下拉选择
+.languageSelect {
   white-space: nowrap;
+  border: 1px solid var(--border-color);
+  border-radius: $radius-md;
+  padding: 10px 12px;
+  font-size: 14px;
+  background: var(--bg-primary);
+  color: var(--text-primary);
+  cursor: pointer;
+  height: 40px;
+  box-sizing: border-box;
+
+  &:focus {
+    outline: none;
+    border-color: var(--primary-color);
+    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
+  }
 }
 
 // 连接信息框

src/pages/LoginPage.tsx

@@ -6,6 +6,8 @@ import { Input } from '@/components/ui/Input';
 import { IconEye, IconEyeOff } from '@/components/ui/icons';
 import { useAuthStore, useLanguageStore, useNotificationStore } from '@/stores';
 import { detectApiBaseFromLocation, normalizeApiBase } from '@/utils/connection';
+import { LANGUAGE_LABEL_KEYS, LANGUAGE_ORDER } from '@/utils/constants';
+import { isSupportedLanguage } from '@/utils/language';
 import { INLINE_LOGO_JPEG } from '@/assets/logoInline';
 import type { ApiError } from '@/types';
 import styles from './LoginPage.module.scss';
@@ -59,7 +61,7 @@ export function LoginPage() {
   const location = useLocation();
   const { showNotification } = useNotificationStore();
   const language = useLanguageStore((state) => state.language);
-  const toggleLanguage = useLanguageStore((state) => state.toggleLanguage);
+  const setLanguage = useLanguageStore((state) => state.setLanguage);
   const isAuthenticated = useAuthStore((state) => state.isAuthenticated);
   const login = useAuthStore((state) => state.login);
   const restoreSession = useAuthStore((state) => state.restoreSession);
@@ -78,7 +80,16 @@ export function LoginPage() {
   const [error, setError] = useState('');
 
   const detectedBase = useMemo(() => detectApiBaseFromLocation(), []);
-  const nextLanguageLabel = language === 'zh-CN' ? t('language.english') : t('language.chinese');
+  const handleLanguageChange = useCallback(
+    (event: React.ChangeEvent<HTMLSelectElement>) => {
+      const selectedLanguage = event.target.value;
+      if (!isSupportedLanguage(selectedLanguage)) {
+        return;
+      }
+      setLanguage(selectedLanguage);
+    },
+    [setLanguage]
+  );
 
   useEffect(() => {
     const init = async () => {
@@ -185,17 +196,19 @@ export function LoginPage() {
               <div className={styles.loginHeader}>
                 <div className={styles.titleRow}>
                   <div className={styles.title}>{t('title.login')}</div>
-                  <Button
-                    type="button"
-                    variant="ghost"
-                    size="sm"
-                    className={styles.languageBtn}
-                    onClick={toggleLanguage}
+                  <select
+                    className={styles.languageSelect}
+                    value={language}
+                    onChange={handleLanguageChange}
                     title={t('language.switch')}
                     aria-label={t('language.switch')}
                   >
-                    {nextLanguageLabel}
-                  </Button>
+                    {LANGUAGE_ORDER.map((lang) => (
+                      <option key={lang} value={lang}>
+                        {t(LANGUAGE_LABEL_KEYS[lang])}
+                      </option>
+                    ))}
+                  </select>
                 </div>
                 <div className={styles.subtitle}>{t('login.subtitle')}</div>
               </div>

src/pages/OAuthPage.tsx

@@ -12,6 +12,8 @@ import iconCodexDark from '@/assets/icons/codex_drak.svg';
 import iconClaude from '@/assets/icons/claude.svg';
 import iconAntigravity from '@/assets/icons/antigravity.svg';
 import iconGemini from '@/assets/icons/gemini.svg';
+import iconKimiLight from '@/assets/icons/kimi-light.svg';
+import iconKimiDark from '@/assets/icons/kimi-dark.svg';
 import iconQwen from '@/assets/icons/qwen.svg';
 import iconIflow from '@/assets/icons/iflow.svg';
 import iconVertex from '@/assets/icons/vertex.svg';
@@ -59,6 +61,7 @@ const PROVIDERS: { id: OAuthProvider; titleKey: string; hintKey: string; urlLabe
   { id: 'anthropic', titleKey: 'auth_login.anthropic_oauth_title', hintKey: 'auth_login.anthropic_oauth_hint', urlLabelKey: 'auth_login.anthropic_oauth_url_label', icon: iconClaude },
   { id: 'antigravity', titleKey: 'auth_login.antigravity_oauth_title', hintKey: 'auth_login.antigravity_oauth_hint', urlLabelKey: 'auth_login.antigravity_oauth_url_label', icon: iconAntigravity },
   { id: 'gemini-cli', titleKey: 'auth_login.gemini_cli_oauth_title', hintKey: 'auth_login.gemini_cli_oauth_hint', urlLabelKey: 'auth_login.gemini_cli_oauth_url_label', icon: iconGemini },
+  { id: 'kimi', titleKey: 'auth_login.kimi_oauth_title', hintKey: 'auth_login.kimi_oauth_hint', urlLabelKey: 'auth_login.kimi_oauth_url_label', icon: { light: iconKimiLight, dark: iconKimiDark } },
   { id: 'qwen', titleKey: 'auth_login.qwen_oauth_title', hintKey: 'auth_login.qwen_oauth_hint', urlLabelKey: 'auth_login.qwen_oauth_url_label', icon: iconQwen }
 ];
 

src/services/api/oauth.ts

@@ -9,6 +9,7 @@ export type OAuthProvider =
   | 'anthropic'
   | 'antigravity'
   | 'gemini-cli'
+  | 'kimi'
   | 'qwen';
 
 export interface OAuthStartResponse {

src/stores/useLanguageStore.ts

@@ -6,13 +6,13 @@
 import { create } from 'zustand';
 import { persist } from 'zustand/middleware';
 import type { Language } from '@/types';
-import { STORAGE_KEY_LANGUAGE } from '@/utils/constants';
+import { LANGUAGE_ORDER, STORAGE_KEY_LANGUAGE } from '@/utils/constants';
 import i18n from '@/i18n';
-import { getInitialLanguage } from '@/utils/language';
+import { getInitialLanguage, isSupportedLanguage } from '@/utils/language';
 
 interface LanguageState {
   language: Language;
-  setLanguage: (language: Language) => void;
+  setLanguage: (language: string) => void;
   toggleLanguage: () => void;
 }
 
@@ -22,6 +22,9 @@ export const useLanguageStore = create<LanguageState>()(
       language: getInitialLanguage(),
 
       setLanguage: (language) => {
+        if (!isSupportedLanguage(language)) {
+          return;
+        }
         // 切换 i18next 语言
         i18n.changeLanguage(language);
         set({ language });
@@ -29,12 +32,24 @@ export const useLanguageStore = create<LanguageState>()(
 
       toggleLanguage: () => {
         const { language, setLanguage } = get();
-        const newLanguage: Language = language === 'zh-CN' ? 'en' : 'zh-CN';
-        setLanguage(newLanguage);
+        const currentIndex = LANGUAGE_ORDER.indexOf(language);
+        const nextLanguage = LANGUAGE_ORDER[(currentIndex + 1) % LANGUAGE_ORDER.length];
+        setLanguage(nextLanguage);
       }
     }),
     {
-      name: STORAGE_KEY_LANGUAGE
+      name: STORAGE_KEY_LANGUAGE,
+      merge: (persistedState, currentState) => {
+        const nextLanguage = (persistedState as Partial<LanguageState>)?.language;
+        if (typeof nextLanguage === 'string' && isSupportedLanguage(nextLanguage)) {
+          return {
+            ...currentState,
+            ...(persistedState as Partial<LanguageState>),
+            language: nextLanguage
+          };
+        }
+        return currentState;
+      }
     }
   )
 );

src/styles/layout.scss

@@ -190,6 +190,67 @@
     gap: $spacing-xs;
     flex-shrink: 0;
 
+    .language-menu {
+      position: relative;
+      display: inline-flex;
+      align-items: center;
+
+      .language-menu-popover {
+        position: absolute;
+        top: calc(100% + 8px);
+        right: 0;
+        z-index: $z-dropdown;
+        min-width: 164px;
+        padding: $spacing-xs;
+        display: flex;
+        flex-direction: column;
+        gap: 2px;
+      }
+
+      .language-menu-option {
+        width: 100%;
+        border: none;
+        border-radius: $radius-sm;
+        background: transparent;
+        color: var(--text-primary);
+        cursor: pointer;
+        padding: 8px 10px;
+        font-size: 14px;
+        font-weight: 500;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        transition: background-color $transition-fast, color $transition-fast;
+
+        &:hover {
+          background: var(--bg-secondary);
+        }
+
+        &:focus-visible {
+          outline: none;
+          background: var(--bg-secondary);
+          box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
+        }
+
+        &.active {
+          color: var(--primary-color);
+          font-weight: 600;
+        }
+      }
+
+      .language-menu-check {
+        font-size: 13px;
+        line-height: 1;
+      }
+
+      @media (max-width: $breakpoint-mobile) {
+        .language-menu-popover {
+          right: auto;
+          left: 0;
+        }
+      }
+    }
+
     svg {
       display: block;
     }

src/types/authFile.ts

@@ -5,6 +5,7 @@
 
 export type AuthFileType =
   | 'qwen'
+  | 'kimi'
   | 'gemini'
   | 'gemini-cli'
   | 'aistudio'

src/types/common.ts

@@ -4,7 +4,7 @@
 
 export type Theme = 'light' | 'dark' | 'auto';
 
-export type Language = 'zh-CN' | 'en';
+export type Language = 'zh-CN' | 'en' | 'ru';
 
 export type NotificationType = 'info' | 'success' | 'warning' | 'error';
 

src/types/oauth.ts

@@ -9,6 +9,7 @@ export type OAuthProvider =
   | 'anthropic'
   | 'antigravity'
   | 'gemini-cli'
+  | 'kimi'
   | 'qwen';
 
 // OAuth 流程状态

src/types/visualConfig.ts

@@ -48,7 +48,6 @@ export type VisualConfigValues = {
   loggingToFile: boolean;
   logsMaxTotalSizeMb: string;
   usageStatisticsEnabled: boolean;
-  usageRecordsRetentionDays: string;
   proxyUrl: string;
   forceModelPrefix: boolean;
   requestRetry: string;
@@ -85,7 +84,6 @@ export const DEFAULT_VISUAL_VALUES: VisualConfigValues = {
   loggingToFile: false,
   logsMaxTotalSizeMb: '',
   usageStatisticsEnabled: false,
-  usageRecordsRetentionDays: '',
   proxyUrl: '',
   forceModelPrefix: false,
   requestRetry: '',

src/utils/constants.ts

@@ -3,6 +3,12 @@
  * 从原项目 src/utils/constants.js 迁移
  */
 
+import type { Language } from '@/types';
+
+const defineLanguageOrder = <T extends readonly Language[]>(
+  languages: T & ([Language] extends [T[number]] ? unknown : never)
+) => languages;
+
 // 缓存过期时间（毫秒）
 export const CACHE_EXPIRY_MS = 30 * 1000; // 与基线保持一致，减少管理端压力
 
@@ -33,6 +39,15 @@ export const STORAGE_KEY_LANGUAGE = 'cli-proxy-language';
 export const STORAGE_KEY_SIDEBAR = 'cli-proxy-sidebar-collapsed';
 export const STORAGE_KEY_AUTH_FILES_PAGE_SIZE = 'cli-proxy-auth-files-page-size';
 
+// 语言配置
+export const LANGUAGE_ORDER = defineLanguageOrder(['zh-CN', 'en', 'ru'] as const);
+export const LANGUAGE_LABEL_KEYS: Record<Language, string> = {
+  'zh-CN': 'language.chinese',
+  en: 'language.english',
+  ru: 'language.russian'
+};
+export const SUPPORTED_LANGUAGES = LANGUAGE_ORDER;
+
 // 通知持续时间
 export const NOTIFICATION_DURATION_MS = 3000;
 
@@ -42,6 +57,7 @@ export const OAUTH_CARD_IDS = [
   'anthropic-oauth-card',
   'antigravity-oauth-card',
   'gemini-cli-oauth-card',
+  'kimi-oauth-card',
   'qwen-oauth-card'
 ];
 export const OAUTH_PROVIDERS = {
@@ -49,6 +65,7 @@ export const OAUTH_PROVIDERS = {
   ANTHROPIC: 'anthropic',
   ANTIGRAVITY: 'antigravity',
   GEMINI_CLI: 'gemini-cli',
+  KIMI: 'kimi',
   QWEN: 'qwen'
 } as const;
 

src/utils/language.ts

@@ -1,15 +1,18 @@
 import type { Language } from '@/types';
-import { STORAGE_KEY_LANGUAGE } from '@/utils/constants';
+import { STORAGE_KEY_LANGUAGE, SUPPORTED_LANGUAGES } from '@/utils/constants';
+
+export const isSupportedLanguage = (value: string): value is Language =>
+  SUPPORTED_LANGUAGES.includes(value as Language);
 
 const parseStoredLanguage = (value: string): Language | null => {
   try {
     const parsed = JSON.parse(value);
     const candidate = parsed?.state?.language ?? parsed?.language ?? parsed;
-    if (candidate === 'zh-CN' || candidate === 'en') {
+    if (typeof candidate === 'string' && isSupportedLanguage(candidate)) {
       return candidate;
     }
   } catch {
-    if (value === 'zh-CN' || value === 'en') {
+    if (isSupportedLanguage(value)) {
       return value;
     }
   }
@@ -36,7 +39,10 @@ const getBrowserLanguage = (): Language => {
     return 'zh-CN';
   }
   const raw = navigator.languages?.[0] || navigator.language || 'zh-CN';
-  return raw.toLowerCase().startsWith('zh') ? 'zh-CN' : 'en';
+  const lower = raw.toLowerCase();
+  if (lower.startsWith('zh')) return 'zh-CN';
+  if (lower.startsWith('ru')) return 'ru';
+  return 'en';
 };
 
 export const getInitialLanguage = (): Language => getStoredLanguage() ?? getBrowserLanguage();

src/utils/quota/builders.ts

@@ -10,7 +10,11 @@ import type {
   GeminiCliParsedBucket,
   GeminiCliQuotaBucketState,
 } from '@/types';
-import { ANTIGRAVITY_QUOTA_GROUPS, GEMINI_CLI_GROUP_LOOKUP } from './constants';
+import {
+  ANTIGRAVITY_QUOTA_GROUPS,
+  GEMINI_CLI_GROUP_LOOKUP,
+  GEMINI_CLI_GROUP_ORDER,
+} from './constants';
 import { normalizeQuotaFraction } from './parsers';
 import { isIgnoredGeminiCliModel } from './validators';
 
@@ -92,24 +96,40 @@ export function buildGeminiCliQuotaBuckets(
     }
   });
 
-  return Array.from(grouped.values()).map((bucket) => {
-    const uniqueModelIds = Array.from(new Set(bucket.modelIds));
-    const preferred = bucket.preferredBucket;
-    const remainingFraction = preferred
-      ? preferred.remainingFraction
-      : bucket.fallbackRemainingFraction;
-    const remainingAmount = preferred ? preferred.remainingAmount : bucket.fallbackRemainingAmount;
-    const resetTime = preferred ? preferred.resetTime : bucket.fallbackResetTime;
-    return {
-      id: bucket.id,
-      label: bucket.label,
-      remainingFraction,
-      remainingAmount,
-      resetTime,
-      tokenType: bucket.tokenType,
-      modelIds: uniqueModelIds,
-    };
-  });
+  const toGroupOrder = (bucket: GeminiCliQuotaBucketGroup): number => {
+    const tokenSuffix = bucket.tokenType ? `-${bucket.tokenType}` : '';
+    const groupId = bucket.id.endsWith(tokenSuffix)
+      ? bucket.id.slice(0, bucket.id.length - tokenSuffix.length)
+      : bucket.id;
+    return GEMINI_CLI_GROUP_ORDER.get(groupId) ?? Number.MAX_SAFE_INTEGER;
+  };
+
+  return Array.from(grouped.values())
+    .sort((a, b) => {
+      const orderDiff = toGroupOrder(a) - toGroupOrder(b);
+      if (orderDiff !== 0) return orderDiff;
+      const tokenTypeA = a.tokenType ?? '';
+      const tokenTypeB = b.tokenType ?? '';
+      return tokenTypeA.localeCompare(tokenTypeB);
+    })
+    .map((bucket) => {
+      const uniqueModelIds = Array.from(new Set(bucket.modelIds));
+      const preferred = bucket.preferredBucket;
+      const remainingFraction = preferred
+        ? preferred.remainingFraction
+        : bucket.fallbackRemainingFraction;
+      const remainingAmount = preferred ? preferred.remainingAmount : bucket.fallbackRemainingAmount;
+      const resetTime = preferred ? preferred.resetTime : bucket.fallbackResetTime;
+      return {
+        id: bucket.id,
+        label: bucket.label,
+        remainingFraction,
+        remainingAmount,
+        resetTime,
+        tokenType: bucket.tokenType,
+        modelIds: uniqueModelIds,
+      };
+    });
 }
 
 export function getAntigravityQuotaInfo(entry?: AntigravityQuotaInfo): {

src/utils/quota/constants.ts

@@ -119,11 +119,17 @@ export const GEMINI_CLI_REQUEST_HEADERS = {
 };
 
 export const GEMINI_CLI_QUOTA_GROUPS: GeminiCliQuotaGroupDefinition[] = [
+  {
+    id: 'gemini-flash-lite-series',
+    label: 'Gemini Flash Lite Series',
+    preferredModelId: 'gemini-2.5-flash-lite',
+    modelIds: ['gemini-2.5-flash-lite'],
+  },
   {
     id: 'gemini-flash-series',
     label: 'Gemini Flash Series',
     preferredModelId: 'gemini-3-flash-preview',
-    modelIds: ['gemini-3-flash-preview', 'gemini-2.5-flash', 'gemini-2.5-flash-lite'],
+    modelIds: ['gemini-3-flash-preview', 'gemini-2.5-flash'],
   },
   {
     id: 'gemini-pro-series',
@@ -133,6 +139,10 @@ export const GEMINI_CLI_QUOTA_GROUPS: GeminiCliQuotaGroupDefinition[] = [
   },
 ];
 
+export const GEMINI_CLI_GROUP_ORDER = new Map(
+  GEMINI_CLI_QUOTA_GROUPS.map((group, index) => [group.id, index] as const)
+);
+
 export const GEMINI_CLI_GROUP_LOOKUP = new Map(
   GEMINI_CLI_QUOTA_GROUPS.flatMap((group) =>
     group.modelIds.map((modelId) => [modelId, group] as const)

src/utils/quota/parsers.ts

@@ -4,6 +4,8 @@
 
 import type { CodexUsagePayload, GeminiCliQuotaPayload } from '@/types';
 
+const GEMINI_CLI_MODEL_SUFFIX = '_vertex';
+
 export function normalizeAuthIndexValue(value: unknown): string | null {
   if (typeof value === 'number' && Number.isFinite(value)) {
     return value.toString();
@@ -26,6 +28,15 @@ export function normalizeStringValue(value: unknown): string | null {
   return null;
 }
 
+export function normalizeGeminiCliModelId(value: unknown): string | null {
+  const modelId = normalizeStringValue(value);
+  if (!modelId) return null;
+  if (modelId.endsWith(GEMINI_CLI_MODEL_SUFFIX)) {
+    return modelId.slice(0, -GEMINI_CLI_MODEL_SUFFIX.length);
+  }
+  return modelId;
+}
+
 export function normalizeNumberValue(value: unknown): number | null {
   if (typeof value === 'number' && Number.isFinite(value)) return value;
   if (typeof value === 'string') {