feat(auth): add remember-password login and clear local auth data card

feat(quota): group Gemini CLI buckets and refine Gemini quota groups
style(config): double editor height
2026-02-03 03:10:50 +08:00 · 2025-12-31 20:04:32 +08:00 · 2025-12-30 21:48:12 +08:00 · 2025-12-30 18:29:47 +08:00 · 2025-12-30 18:29:28 +08:00 · 2025-12-30 14:13:04 +08:00
19 changed files with 2710 additions and 599 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -11,6 +11,7 @@ usage.json
 CLAUDE.md
 AGENTS.md
 antigravity_usage.json
+codex_usage.json

 node_modules
 dist
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -7,6 +7,7 @@ import { ApiKeysPage } from '@/pages/ApiKeysPage';
 import { AiProvidersPage } from '@/pages/AiProvidersPage';
 import { AuthFilesPage } from '@/pages/AuthFilesPage';
 import { OAuthPage } from '@/pages/OAuthPage';
+import { QuotaPage } from '@/pages/QuotaPage';
 import { UsagePage } from '@/pages/UsagePage';
 import { ConfigPage } from '@/pages/ConfigPage';
 import { LogsPage } from '@/pages/LogsPage';
@@ -88,6 +89,7 @@ function App() {
          <Route path="ai-providers" element={<AiProvidersPage />} />
          <Route path="auth-files" element={<AuthFilesPage />} />
          <Route path="oauth" element={<OAuthPage />} />
+          <Route path="quota" element={<QuotaPage />} />
          <Route path="usage" element={<UsagePage />} />
          <Route path="config" element={<ConfigPage />} />
          <Route path="logs" element={<LogsPage />} />
--- a/src/components/layout/MainLayout.tsx
+++ b/src/components/layout/MainLayout.tsx
@@ -23,6 +23,7 @@ import {
  IconSettings,
  IconShield,
  IconSlidersHorizontal,
+  IconTimer,
 } from '@/components/ui/icons';
 import { INLINE_LOGO_JPEG } from '@/assets/logoInline';
 import {
@@ -41,6 +42,7 @@ const sidebarIcons: Record<string, ReactNode> = {
  aiProviders: <IconBot size={18} />,
  authFiles: <IconFileText size={18} />,
  oauth: <IconShield size={18} />,
+  quota: <IconTimer size={18} />,
  usage: <IconChartLine size={18} />,
  config: <IconSettings size={18} />,
  logs: <IconScrollText size={18} />,
@@ -355,6 +357,7 @@ export function MainLayout() {
    { path: '/ai-providers', label: t('nav.ai_providers'), icon: sidebarIcons.aiProviders },
    { path: '/auth-files', label: t('nav.auth_files'), icon: sidebarIcons.authFiles },
    { path: '/oauth', label: t('nav.oauth', { defaultValue: 'OAuth' }), icon: sidebarIcons.oauth },
+    { path: '/quota', label: t('nav.quota_management'), icon: sidebarIcons.quota },
    { path: '/usage', label: t('nav.usage_stats'), icon: sidebarIcons.usage },
    { path: '/config', label: t('nav.config_management'), icon: sidebarIcons.config },
    ...(config?.loggingToFile
--- a/src/i18n/locales/en.json
+++ b/src/i18n/locales/en.json
@@ -34,6 +34,8 @@
    "alias": "Alias",
    "failure": "Failure",
    "unknown_error": "Unknown error",
+    "quota_update_required": "Please update the CPA version or check for updates",
+    "quota_check_credential": "Please check the credential status",
    "copy": "Copy",
    "custom_headers_label": "Custom Headers",
    "custom_headers_hint": "Optional HTTP headers to send with the request. Leave blank to remove.",
@@ -61,6 +63,7 @@
    "custom_connection_placeholder": "Eg: https://example.com:8317",
    "custom_connection_hint": "By default the current URL is used. Override it here if needed.",
    "use_current_address": "Use Current URL",
+    "remember_password_label": "Remember password",
    "management_key_label": "Management Key:",
    "management_key_placeholder": "Enter the management key",
    "connect_button": "Connect",
@@ -88,6 +91,7 @@
    "ai_providers": "AI Providers",
    "auth_files": "Auth Files",
    "oauth": "OAuth Login",
+    "quota_management": "Quota Management",
    "usage_stats": "Usage Statistics",
    "config_management": "Config Management",
    "logs": "Logs Viewer",
@@ -369,6 +373,41 @@
    "refresh_button": "Refresh Quota",
    "fetch_all": "Fetch All"
  },
+  "codex_quota": {
+    "title": "Codex Quota",
+    "empty_title": "No Codex Auth Files",
+    "empty_desc": "Upload a Codex credential to view quota.",
+    "idle": "Not loaded. Click Refresh Button.",
+    "loading": "Loading quota...",
+    "load_failed": "Failed to load quota: {{message}}",
+    "missing_auth_index": "Auth file missing auth_index",
+    "missing_account_id": "Codex credential missing ChatGPT account ID",
+    "empty_windows": "No quota data available",
+    "no_access": "This credential has no Codex access (plan: free).",
+    "refresh_button": "Refresh Quota",
+    "fetch_all": "Fetch All",
+    "primary_window": "5-hour limit",
+    "secondary_window": "Weekly limit",
+    "code_review_window": "Code review limit",
+    "plan_label": "Plan",
+    "plan_plus": "Plus",
+    "plan_team": "Team",
+    "plan_free": "Free"
+  },
+  "gemini_cli_quota": {
+    "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.",
+    "loading": "Loading quota...",
+    "load_failed": "Failed to load quota: {{message}}",
+    "missing_auth_index": "Auth file missing auth_index",
+    "missing_project_id": "Gemini CLI credential missing project ID",
+    "empty_buckets": "No quota data available",
+    "refresh_button": "Refresh Quota",
+    "fetch_all": "Fetch All",
+    "remaining_amount": "Remaining {{count}}"
+  },
  "vertex_import": {
    "title": "Vertex JSON Login",
    "description": "Upload a Google service account JSON to store it as auth-dir/vertex-<project>.json using the same rules as the CLI vertex-import helper.",
@@ -667,6 +706,11 @@
    "search_prev": "Previous",
    "search_next": "Next"
  },
+  "quota_management": {
+    "title": "Quota Management",
+    "description": "Monitor OAuth quota status for Antigravity, Codex, and Gemini CLI credentials.",
+    "refresh_files": "Refresh auth files"
+  },
  "system_info": {
    "title": "Management Center Info",
    "connection_status_title": "Connection Status",
@@ -702,7 +746,11 @@
    "link_webui_repo": "WebUI Repository",
    "link_webui_repo_desc": "Management Center frontend source code",
    "link_docs": "Documentation",
-    "link_docs_desc": "Usage tutorials and configuration guides"
+    "link_docs_desc": "Usage tutorials and configuration guides",
+    "clear_login_title": "Local Login Data",
+    "clear_login_desc": "Clear locally saved login data and sign out. Usage stats pricing settings will remain untouched.",
+    "clear_login_button": "Clear login data",
+    "clear_login_confirm": "Clear local login data and sign out now?"
  },
  "notification": {
    "debug_updated": "Debug settings updated",
@@ -715,6 +763,7 @@
    "logging_to_file_updated": "Logging settings updated",
    "request_log_updated": "Request logging setting updated",
    "ws_auth_updated": "WebSocket authentication setting updated",
+    "login_storage_cleared": "Local login data cleared",
    "api_key_added": "API key added successfully",
    "api_key_updated": "API key updated successfully",
    "api_key_deleted": "API key deleted successfully",
--- a/src/i18n/locales/zh-CN.json
+++ b/src/i18n/locales/zh-CN.json
@@ -34,6 +34,8 @@
    "alias": "别名",
    "failure": "失败",
    "unknown_error": "未知错误",
+    "quota_update_required": "请更新 CPA 版本或检查更新",
+    "quota_check_credential": "请检查凭证状态",
    "copy": "复制",
    "custom_headers_label": "自定义请求头",
    "custom_headers_hint": "可选，设置需要附带到请求中的 HTTP 头，名称和值均不能为空。",
@@ -61,6 +63,7 @@
    "custom_connection_placeholder": "例如: https://example.com:8317",
    "custom_connection_hint": "默认使用当前访问地址，若需要可手动输入其他地址。",
    "use_current_address": "使用当前地址",
+    "remember_password_label": "记住密码",
    "management_key_label": "管理密钥:",
    "management_key_placeholder": "请输入管理密钥",
    "connect_button": "连接",
@@ -88,6 +91,7 @@
    "ai_providers": "AI 提供商",
    "auth_files": "认证文件",
    "oauth": "OAuth 登录",
+    "quota_management": "配额管理",
    "usage_stats": "使用统计",
    "config_management": "配置管理",
    "logs": "日志查看",
@@ -369,6 +373,41 @@
    "refresh_button": "刷新额度",
    "fetch_all": "获取全部"
  },
+  "codex_quota": {
+    "title": "Codex 额度",
+    "empty_title": "暂无 Codex 认证",
+    "empty_desc": "上传 Codex 认证文件后即可查看额度。",
+    "idle": "尚未加载额度，请点击刷新按钮。",
+    "loading": "正在加载额度...",
+    "load_failed": "额度获取失败：{{message}}",
+    "missing_auth_index": "认证文件缺少 auth_index",
+    "missing_account_id": "Codex 凭证缺少 ChatGPT 账号 ID",
+    "empty_windows": "暂无额度数据",
+    "no_access": "该凭证已无 Codex 访问权限（free）。",
+    "refresh_button": "刷新额度",
+    "fetch_all": "获取全部",
+    "primary_window": "5 小时限额",
+    "secondary_window": "周限额",
+    "code_review_window": "代码审查限额",
+    "plan_label": "套餐",
+    "plan_plus": "Plus",
+    "plan_team": "Team",
+    "plan_free": "Free"
+  },
+  "gemini_cli_quota": {
+    "title": "Gemini CLI 额度",
+    "empty_title": "暂无 Gemini CLI 认证",
+    "empty_desc": "上传 Gemini CLI 认证文件后即可查看额度。",
+    "idle": "尚未加载额度，请点击刷新按钮。",
+    "loading": "正在加载额度...",
+    "load_failed": "额度获取失败：{{message}}",
+    "missing_auth_index": "认证文件缺少 auth_index",
+    "missing_project_id": "Gemini CLI 凭证缺少 Project ID",
+    "empty_buckets": "暂无额度数据",
+    "refresh_button": "刷新额度",
+    "fetch_all": "获取全部",
+    "remaining_amount": "剩余 {{count}}"
+  },
  "vertex_import": {
    "title": "Vertex JSON 登录",
    "description": "上传 Google 服务账号 JSON，使用 CLI vertex-import 同步规则写入 auth-dir/vertex-<project>.json。",
@@ -667,6 +706,11 @@
    "search_prev": "上一个",
    "search_next": "下一个"
  },
+  "quota_management": {
+    "title": "配额管理",
+    "description": "集中查看 OAuth 额度与剩余情况",
+    "refresh_files": "刷新认证文件"
+  },
  "system_info": {
    "title": "管理中心信息",
    "connection_status_title": "连接状态",
@@ -702,7 +746,11 @@
    "link_webui_repo": "WebUI 仓库",
    "link_webui_repo_desc": "管理中心前端界面源代码",
    "link_docs": "使用教程",
-    "link_docs_desc": "配置指南和使用说明"
+    "link_docs_desc": "配置指南和使用说明",
+    "clear_login_title": "本地登录信息",
+    "clear_login_desc": "清理本地保存的登录信息并退出登录，不会影响使用统计中的价格设置。",
+    "clear_login_button": "清理登录信息",
+    "clear_login_confirm": "确认清理本地登录信息并退出登录？"
  },
  "notification": {
    "debug_updated": "调试设置已更新",
@@ -715,6 +763,7 @@
    "logging_to_file_updated": "日志记录设置已更新",
    "request_log_updated": "请求日志设置已更新",
    "ws_auth_updated": "WebSocket 鉴权设置已更新",
+    "login_storage_cleared": "本地登录信息已清理",
    "api_key_added": "API密钥添加成功",
    "api_key_updated": "API密钥更新成功",
    "api_key_deleted": "API密钥删除成功",
--- a/src/pages/AuthFilesPage.module.scss
+++ b/src/pages/AuthFilesPage.module.scss
@@ -176,6 +176,34 @@
  }
 }

+.codexGrid {
+  display: grid;
+  gap: $spacing-md;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+
+  @include tablet {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  @include mobile {
+    grid-template-columns: 1fr;
+  }
+}
+
+.geminiCliGrid {
+  display: grid;
+  gap: $spacing-md;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+
+  @include tablet {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  @include mobile {
+    grid-template-columns: 1fr;
+  }
+}
+
 .antigravityControls {
  display: flex;
  gap: $spacing-md;
@@ -197,6 +225,48 @@
  }
 }

+.codexControls {
+  display: flex;
+  gap: $spacing-md;
+  flex-wrap: wrap;
+  align-items: flex-end;
+  margin-bottom: $spacing-md;
+}
+
+.codexControl {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+
+  label {
+    font-size: 12px;
+    color: var(--text-secondary);
+    font-weight: 500;
+    white-space: nowrap;
+  }
+}
+
+.geminiCliControls {
+  display: flex;
+  gap: $spacing-md;
+  flex-wrap: wrap;
+  align-items: flex-end;
+  margin-bottom: $spacing-md;
+}
+
+.geminiCliControl {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+
+  label {
+    font-size: 12px;
+    color: var(--text-secondary);
+    font-weight: 500;
+    white-space: nowrap;
+  }
+}
+
 .antigravityCard {
  background-image: linear-gradient(
    180deg,
@@ -205,6 +275,22 @@
  );
 }

+.codexCard {
+  background-image: linear-gradient(
+    180deg,
+    rgba(255, 243, 224, 0.18),
+    rgba(255, 243, 224, 0)
+  );
+}
+
+.geminiCliCard {
+  background-image: linear-gradient(
+    180deg,
+    rgba(231, 239, 255, 0.2),
+    rgba(231, 239, 255, 0)
+  );
+}
+
 .quotaSection {
  display: flex;
  flex-direction: column;
@@ -295,6 +381,10 @@
  color: var(--text-tertiary);
 }

+.quotaAmount {
+  color: var(--text-secondary);
+}
+
 .quotaMessage {
  font-size: 12px;
  color: var(--text-tertiary);
@@ -311,6 +401,33 @@
  padding: $spacing-xs $spacing-sm;
 }

+.quotaWarning {
+  font-size: 12px;
+  color: var(--warning-color, #f59e0b);
+  background-color: rgba(245, 158, 11, 0.12);
+  border: 1px solid var(--warning-color, #f59e0b);
+  border-radius: $radius-sm;
+  padding: $spacing-xs $spacing-sm;
+}
+
+.codexPlan {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 12px;
+  color: var(--text-secondary);
+}
+
+.codexPlanLabel {
+  color: var(--text-tertiary);
+}
+
+.codexPlanValue {
+  font-weight: 600;
+  color: var(--text-primary);
+  text-transform: capitalize;
+}
+
 // 单个认证文件卡片
 .fileCard {
  background-color: var(--bg-primary);
--- a/src/pages/AuthFilesPage.tsx
+++ b/src/pages/AuthFilesPage.tsx
@@ -9,7 +9,7 @@ import { Modal } from '@/components/ui/Modal';
 import { EmptyState } from '@/components/ui/EmptyState';
 import { IconBot, IconDownload, IconInfo, IconTrash2 } from '@/components/ui/icons';
 import { useAuthStore, useNotificationStore, useThemeStore } from '@/stores';
-import { apiCallApi, authFilesApi, getApiCallErrorMessage, usageApi } from '@/services/api';
+import { authFilesApi, usageApi } from '@/services/api';
 import { apiClient } from '@/services/api/client';
 import type { AuthFileItem } from '@/types';
 import type { KeyStats, KeyStatBucket, UsageDetail } from '@/utils/usage';
@@ -83,261 +83,21 @@ interface ExcludedFormState {
  provider: string;
  modelsText: string;
 }
-
-interface AntigravityQuotaGroup {
-  id: string;
-  label: string;
-  models: string[];
-  remainingFraction: number;
-  resetTime?: string;
-}
-
-interface AntigravityQuotaState {
-  status: 'idle' | 'loading' | 'success' | 'error';
-  groups: AntigravityQuotaGroup[];
-  error?: string;
-}
-
-interface AntigravityQuotaInfo {
-  displayName?: string;
-  quotaInfo?: {
-    remainingFraction?: number | string;
-    remaining_fraction?: number | string;
-    remaining?: number | string;
-    resetTime?: string;
-    reset_time?: string;
-  };
-  quota_info?: {
-    remainingFraction?: number | string;
-    remaining_fraction?: number | string;
-    remaining?: number | string;
-    resetTime?: string;
-    reset_time?: string;
-  };
-}
-
-type AntigravityModelsPayload = Record<string, AntigravityQuotaInfo>;
-
-interface AntigravityQuotaGroupDefinition {
-  id: string;
-  label: string;
-  identifiers: string[];
-  labelFromModel?: boolean;
-}
-
-const ANTIGRAVITY_QUOTA_URLS = [
-  'https://daily-cloudcode-pa.googleapis.com/v1internal:fetchAvailableModels',
-  'https://daily-cloudcode-pa.sandbox.googleapis.com/v1internal:fetchAvailableModels',
-  'https://cloudcode-pa.googleapis.com/v1internal:fetchAvailableModels'
-];
-
-const ANTIGRAVITY_REQUEST_HEADERS = {
-  Authorization: 'Bearer $TOKEN$',
-  'Content-Type': 'application/json',
-  'User-Agent': 'antigravity/1.11.5 windows/amd64'
-};
-
-const ANTIGRAVITY_QUOTA_GROUPS: AntigravityQuotaGroupDefinition[] = [
-  {
-    id: 'claude-gpt',
-    label: 'Claude/GPT',
-    identifiers: [
-      'claude-sonnet-4-5-thinking',
-      'claude-opus-4-5-thinking',
-      'claude-sonnet-4-5',
-      'gpt-oss-120b-medium'
-    ]
-  },
-  {
-    id: 'gemini',
-    label: 'Gemini',
-    identifiers: [
-      'gemini-3-pro-high',
-      'gemini-3-pro-low',
-      'gemini-2.5-flash',
-      'gemini-2.5-flash-lite',
-      'rev19-uic3-1p'
-    ]
-  },
-  {
-    id: 'gemini-3-flash',
-    label: 'Gemini 3 Flash',
-    identifiers: ['gemini-3-flash']
-  },
-  {
-    id: 'gemini-image',
-    label: 'gemini-3-pro-image',
-    identifiers: ['gemini-3-pro-image'],
-    labelFromModel: true
-  }
-];
-
-
-
-// 标准化 auth_index 值（与 usage.ts 中的 normalizeAuthIndex 保持一致）
+// 标准化 auth_index 值（与 usage.ts 中的 normalizeAuthIndex 保持一致）
 function normalizeAuthIndexValue(value: unknown): string | null {
  if (typeof value === 'number' && Number.isFinite(value)) {
    return value.toString();
  }
-  if (typeof value === 'string') {
-    const trimmed = value.trim();
-    return trimmed ? trimmed : null;
-  }
-  return null;
-}
-
-function parseAntigravityPayload(payload: unknown): Record<string, unknown> | null {
-  if (payload === undefined || payload === null) return null;
-  if (typeof payload === 'string') {
-    const trimmed = payload.trim();
-    if (!trimmed) return null;
-    try {
-      return JSON.parse(trimmed) as Record<string, unknown>;
-    } catch {
-      return null;
-    }
-  }
-  if (typeof payload === 'object') {
-    return payload as Record<string, unknown>;
+  if (typeof value === 'string') {
+    const trimmed = value.trim();
+    return trimmed ? trimmed : null;
  }
  return null;
 }

-function getAntigravityQuotaInfo(entry?: AntigravityQuotaInfo): {
-  remainingFraction: number | null;
-  resetTime?: string;
-  displayName?: string;
-} {
-  if (!entry) {
-    return { remainingFraction: null };
-  }
-  const quotaInfo = entry.quotaInfo ?? entry.quota_info ?? {};
-  const remainingValue =
-    quotaInfo.remainingFraction ?? quotaInfo.remaining_fraction ?? quotaInfo.remaining;
-  const remainingFraction = Number(remainingValue);
-  const resetValue = quotaInfo.resetTime ?? quotaInfo.reset_time;
-  const resetTime = typeof resetValue === 'string' ? resetValue : undefined;
-  const displayName = typeof entry.displayName === 'string' ? entry.displayName : undefined;
-
-  return {
-    remainingFraction: Number.isFinite(remainingFraction) ? remainingFraction : null,
-    resetTime,
-    displayName
-  };
-}
-
-function findAntigravityModel(
-  models: AntigravityModelsPayload,
-  identifier: string
-): { id: string; entry: AntigravityQuotaInfo } | null {
-  const direct = models[identifier];
-  if (direct) {
-    return { id: identifier, entry: direct };
-  }
-
-  const match = Object.entries(models).find(([, entry]) => {
-    const name = typeof entry?.displayName === 'string' ? entry.displayName : '';
-    return name.toLowerCase() === identifier.toLowerCase();
-  });
-  if (match) {
-    return { id: match[0], entry: match[1] };
-  }
-
-  return null;
-}
-
-function buildAntigravityQuotaGroups(models: AntigravityModelsPayload): AntigravityQuotaGroup[] {
-  const groups: AntigravityQuotaGroup[] = [];
-  let geminiResetTime: string | undefined;
-  const [claudeDef, geminiDef, flashDef, imageDef] = ANTIGRAVITY_QUOTA_GROUPS;
-
-  const buildGroup = (
-    def: AntigravityQuotaGroupDefinition,
-    overrideResetTime?: string
-  ): AntigravityQuotaGroup | null => {
-    const matches = def.identifiers
-      .map((identifier) => findAntigravityModel(models, identifier))
-      .filter((entry): entry is { id: string; entry: AntigravityQuotaInfo } => Boolean(entry));
-
-    const quotaEntries = matches
-      .map(({ id, entry }) => {
-        const info = getAntigravityQuotaInfo(entry);
-        if (info.remainingFraction === null) return null;
-        return {
-          id,
-          remainingFraction: info.remainingFraction,
-          resetTime: info.resetTime,
-          displayName: info.displayName
-        };
-      })
-      .filter((entry): entry is NonNullable<typeof entry> => entry !== null);
-
-    if (quotaEntries.length === 0) return null;
-
-    const remainingFraction = Math.min(...quotaEntries.map((entry) => entry.remainingFraction));
-    const resetTime =
-      overrideResetTime ?? quotaEntries.map((entry) => entry.resetTime).find(Boolean);
-    const displayName = quotaEntries.map((entry) => entry.displayName).find(Boolean);
-    const label = def.labelFromModel && displayName ? displayName : def.label;
-
-    return {
-      id: def.id,
-      label,
-      models: quotaEntries.map((entry) => entry.id),
-      remainingFraction,
-      resetTime
-    };
-  };
-
-  const claudeGroup = buildGroup(claudeDef);
-  if (claudeGroup) {
-    groups.push(claudeGroup);
-  }
-
-  const geminiGroup = buildGroup(geminiDef);
-  if (geminiGroup) {
-    geminiResetTime = geminiGroup.resetTime;
-    groups.push(geminiGroup);
-  }
-
-  const flashGroup = buildGroup(flashDef);
-  if (flashGroup) {
-    groups.push(flashGroup);
-  }
-
-  const imageGroup = buildGroup(imageDef, geminiResetTime);
-  if (imageGroup) {
-    groups.push(imageGroup);
-  }
-
-  return groups;
-}
-
-function formatQuotaResetTime(value?: string): string {
-  if (!value) return '-';
-  const date = new Date(value);
-  if (Number.isNaN(date.getTime())) return '-';
-  return date.toLocaleString(undefined, {
-    month: '2-digit',
-    day: '2-digit',
-    hour: '2-digit',
-    minute: '2-digit',
-    hour12: false
-  });
-}
-
-function resolveAuthProvider(file: AuthFileItem): string {
-  const raw = file.provider ?? file.type ?? '';
-  return String(raw).trim().toLowerCase();
-}
-
-function isAntigravityFile(file: AuthFileItem): boolean {
-  return resolveAuthProvider(file) === 'antigravity';
-}
-
 function isRuntimeOnlyAuthFile(file: AuthFileItem): boolean {
  const raw = file['runtime_only'] ?? file.runtimeOnly;
-  if (typeof raw === 'boolean') return raw;
+  if (typeof raw === 'boolean') return raw;
  if (typeof raw === 'string') return raw.trim().toLowerCase() === 'true';
  return false;
 }
@@ -394,20 +154,11 @@ export function AuthFilesPage() {
  const [search, setSearch] = useState('');
  const [page, setPage] = useState(1);
  const [pageSize, setPageSize] = useState(9);
-  const [antigravityPage, setAntigravityPage] = useState(1);
-  const [antigravityPageSize, setAntigravityPageSize] = useState(6);
  const [uploading, setUploading] = useState(false);
  const [deleting, setDeleting] = useState<string | null>(null);
  const [deletingAll, setDeletingAll] = useState(false);
  const [keyStats, setKeyStats] = useState<KeyStats>({ bySource: {}, byAuthIndex: {} });
  const [usageDetails, setUsageDetails] = useState<UsageDetail[]>([]);
-  const [antigravityQuota, setAntigravityQuota] = useState<Record<string, AntigravityQuotaState>>(
-    {}
-  );
-  const [antigravityLoading, setAntigravityLoading] = useState(false);
-  const [antigravityLoadingScope, setAntigravityLoadingScope] = useState<
-    'page' | 'all' | null
-  >(null);

  // 详情弹窗相关
  const [detailModalOpen, setDetailModalOpen] = useState(false);
@@ -425,13 +176,11 @@ export function AuthFilesPage() {
  const [excluded, setExcluded] = useState<Record<string, string[]>>({});
  const [excludedError, setExcludedError] = useState<'unsupported' | null>(null);
  const [excludedModalOpen, setExcludedModalOpen] = useState(false);
-  const [excludedForm, setExcludedForm] = useState<ExcludedFormState>({ provider: '', modelsText: '' });
-  const [savingExcluded, setSavingExcluded] = useState(false);
-
+  const [excludedForm, setExcludedForm] = useState<ExcludedFormState>({ provider: '', modelsText: '' });
+  const [savingExcluded, setSavingExcluded] = useState(false);
+
  const fileInputRef = useRef<HTMLInputElement | null>(null);
  const loadingKeyStatsRef = useRef(false);
-  const antigravityLoadingRef = useRef(false);
-  const antigravityRequestIdRef = useRef(0);
  const excludedUnsupportedRef = useRef(false);

  const disableControls = connectionStatus !== 'connected';
@@ -509,165 +258,11 @@ export function AuthFilesPage() {
    }
  }, [showNotification, t]);

-  const antigravityFiles = useMemo(
-    () => files.filter((file) => isAntigravityFile(file)),
-    [files]
-  );
-
-  const antigravityTotalPages = Math.max(
-    1,
-    Math.ceil(antigravityFiles.length / antigravityPageSize)
-  );
-  const antigravityCurrentPage = Math.min(antigravityPage, antigravityTotalPages);
-  const antigravityStart = (antigravityCurrentPage - 1) * antigravityPageSize;
-  const antigravityPageItems = antigravityFiles.slice(
-    antigravityStart,
-    antigravityStart + antigravityPageSize
-  );
-
-  const fetchAntigravityQuota = useCallback(
-    async (authIndex: string): Promise<AntigravityQuotaGroup[]> => {
-      let lastError = '';
-      let hadSuccess = false;
-
-      for (const url of ANTIGRAVITY_QUOTA_URLS) {
-        try {
-          const result = await apiCallApi.request({
-            authIndex,
-            method: 'POST',
-            url,
-            header: { ...ANTIGRAVITY_REQUEST_HEADERS },
-            data: '{}'
-          });
-
-          if (result.statusCode < 200 || result.statusCode >= 300) {
-            lastError = getApiCallErrorMessage(result);
-            continue;
-          }
-
-          hadSuccess = true;
-          const payload = parseAntigravityPayload(result.body ?? result.bodyText);
-          const models = payload?.models;
-          if (!models || typeof models !== 'object' || Array.isArray(models)) {
-            lastError = t('antigravity_quota.empty_models');
-            continue;
-          }
-
-          const groups = buildAntigravityQuotaGroups(models as AntigravityModelsPayload);
-          if (groups.length === 0) {
-            lastError = t('antigravity_quota.empty_models');
-            continue;
-          }
-
-          return groups;
-        } catch (err: unknown) {
-          lastError = err instanceof Error ? err.message : t('common.unknown_error');
-        }
-      }
-
-      if (hadSuccess) {
-        return [];
-      }
-
-      throw new Error(lastError || t('common.unknown_error'));
-    },
-    [t]
-  );
-
-  const loadAntigravityQuota = useCallback(
-    async (targets: AuthFileItem[], scope: 'page' | 'all') => {
-      if (antigravityLoadingRef.current) return;
-      antigravityLoadingRef.current = true;
-      const requestId = ++antigravityRequestIdRef.current;
-      setAntigravityLoading(true);
-      setAntigravityLoadingScope(scope);
-
-      try {
-        if (targets.length === 0) return;
-
-        setAntigravityQuota((prev) => {
-          const nextState = { ...prev };
-          targets.forEach((file) => {
-            nextState[file.name] = { status: 'loading', groups: [] };
-          });
-          return nextState;
-        });
-
-        const results = await Promise.all(
-          targets.map(async (file) => {
-            const rawAuthIndex = file['auth_index'] ?? file.authIndex;
-            const authIndex = normalizeAuthIndexValue(rawAuthIndex);
-            if (!authIndex) {
-              return {
-                name: file.name,
-                status: 'error' as const,
-                error: t('antigravity_quota.missing_auth_index')
-              };
-            }
-
-            try {
-              const groups = await fetchAntigravityQuota(authIndex);
-              return { name: file.name, status: 'success' as const, groups };
-            } catch (err: unknown) {
-              const message = err instanceof Error ? err.message : t('common.unknown_error');
-              return { name: file.name, status: 'error' as const, error: message };
-            }
-          })
-        );
-
-        if (requestId !== antigravityRequestIdRef.current) return;
-
-        setAntigravityQuota((prev) => {
-          const nextState = { ...prev };
-          results.forEach((result) => {
-            if (result.status === 'success') {
-              nextState[result.name] = {
-                status: 'success',
-                groups: result.groups
-              };
-            } else {
-              nextState[result.name] = {
-                status: 'error',
-                groups: [],
-                error: result.error
-              };
-            }
-          });
-          return nextState;
-        });
-      } finally {
-        if (requestId === antigravityRequestIdRef.current) {
-          setAntigravityLoading(false);
-          setAntigravityLoadingScope(null);
-          antigravityLoadingRef.current = false;
-        }
-      }
-    },
-    [fetchAntigravityQuota, t]
-  );
-
  useEffect(() => {
    loadFiles();
    loadKeyStats();
    loadExcluded();
  }, [loadFiles, loadKeyStats, loadExcluded]);
-
-  useEffect(() => {
-    if (antigravityFiles.length === 0) {
-      setAntigravityQuota({});
-      return;
-    }
-    setAntigravityQuota((prev) => {
-      const nextState: Record<string, AntigravityQuotaState> = {};
-      antigravityFiles.forEach((file) => {
-        const cached = prev[file.name];
-        if (cached) {
-          nextState[file.name] = cached;
-        }
-      });
-      return nextState;
-    });
-  }, [antigravityFiles]);

  // 定时刷新状态数据（每240秒）
  useInterval(loadKeyStats, 240_000);
@@ -961,10 +556,10 @@ export function AuthFilesPage() {
  };

  // 获取类型颜色
-  const getTypeColor = (type: string): ThemeColors => {
-    const set = TYPE_COLORS[type] || TYPE_COLORS.unknown;
-    return resolvedTheme === 'dark' && set.dark ? set.dark : set.light;
-  };
+  const getTypeColor = (type: string): ThemeColors => {
+    const set = TYPE_COLORS[type] || TYPE_COLORS.unknown;
+    return resolvedTheme === 'dark' && set.dark ? set.dark : set.light;
+  };

  // OAuth 排除相关方法
  const openExcludedModal = (provider?: string) => {
@@ -1203,79 +798,6 @@ export function AuthFilesPage() {
    );
  };

-  const renderAntigravityCard = (item: AuthFileItem) => {
-    const displayType = item.type || item.provider || 'antigravity';
-    const typeColor = getTypeColor(displayType);
-    const quotaState = antigravityQuota[item.name];
-    const quotaStatus = quotaState?.status ?? 'idle';
-    const quotaGroups = quotaState?.groups ?? [];
-
-    return (
-      <div key={item.name} className={`${styles.fileCard} ${styles.antigravityCard}`}>
-        <div className={styles.cardHeader}>
-          <span
-            className={styles.typeBadge}
-            style={{
-              backgroundColor: typeColor.bg,
-              color: typeColor.text,
-              ...(typeColor.border ? { border: typeColor.border } : {})
-            }}
-          >
-            {getTypeLabel(displayType)}
-          </span>
-          <span className={styles.fileName}>{item.name}</span>
-        </div>
-
-        <div className={styles.quotaSection}>
-          {quotaStatus === 'loading' ? (
-            <div className={styles.quotaMessage}>{t('antigravity_quota.loading')}</div>
-          ) : quotaStatus === 'idle' ? (
-            <div className={styles.quotaMessage}>{t('antigravity_quota.idle')}</div>
-          ) : quotaStatus === 'error' ? (
-            <div className={styles.quotaError}>
-              {t('antigravity_quota.load_failed', {
-                message: quotaState?.error || t('common.unknown_error')
-              })}
-            </div>
-          ) : quotaGroups.length === 0 ? (
-            <div className={styles.quotaMessage}>{t('antigravity_quota.empty_models')}</div>
-          ) : (
-            quotaGroups.map((group) => {
-              const clamped = Math.max(0, Math.min(1, group.remainingFraction));
-              const percent = Math.round(clamped * 100);
-              const resetLabel = formatQuotaResetTime(group.resetTime);
-              const quotaBarClass =
-                percent >= 60
-                  ? styles.quotaBarFillHigh
-                  : percent >= 20
-                    ? styles.quotaBarFillMedium
-                    : styles.quotaBarFillLow;
-              return (
-                <div key={group.id} className={styles.quotaRow}>
-                  <div className={styles.quotaRowHeader}>
-                    <span className={styles.quotaModel} title={group.models.join(', ')}>
-                      {group.label}
-                    </span>
-                    <div className={styles.quotaMeta}>
-                      <span className={styles.quotaPercent}>{percent}%</span>
-                      <span className={styles.quotaReset}>{resetLabel}</span>
-                    </div>
-                  </div>
-                  <div className={styles.quotaBar}>
-                    <div
-                      className={`${styles.quotaBarFill} ${quotaBarClass}`}
-                      style={{ width: `${percent}%` }}
-                    />
-                  </div>
-                </div>
-              );
-            })
-          )}
-        </div>
-      </div>
-    );
-  };
-
  return (
    <div className={styles.container}>
      <div className={styles.pageHeader}>
@@ -1398,104 +920,11 @@ export function AuthFilesPage() {
        )}
      </Card>

-      <Card
-        title={t('antigravity_quota.title')}
-        extra={
-          <div className={styles.headerActions}>
-            <Button
-              variant="secondary"
-              size="sm"
-              onClick={() => loadAntigravityQuota(antigravityPageItems, 'page')}
-              disabled={disableControls || antigravityLoading || antigravityPageItems.length === 0}
-              loading={antigravityLoading && antigravityLoadingScope === 'page'}
-            >
-              {t('antigravity_quota.refresh_button')}
-            </Button>
-            <Button
-              variant="secondary"
-              size="sm"
-              onClick={() => loadAntigravityQuota(antigravityFiles, 'all')}
-              disabled={disableControls || antigravityLoading || antigravityFiles.length === 0}
-              loading={antigravityLoading && antigravityLoadingScope === 'all'}
-            >
-              {t('antigravity_quota.fetch_all')}
-            </Button>
-          </div>
-        }
-      >
-        {antigravityFiles.length === 0 ? (
-          <EmptyState
-            title={t('antigravity_quota.empty_title')}
-            description={t('antigravity_quota.empty_desc')}
-          />
-        ) : (
-          <>
-            <div className={styles.antigravityControls}>
-              <div className={styles.antigravityControl}>
-                <label>{t('auth_files.page_size_label')}</label>
-                <select
-                  className={styles.pageSizeSelect}
-                  value={antigravityPageSize}
-                  onChange={(e) => {
-                    setAntigravityPageSize(Number(e.target.value) || 6);
-                    setAntigravityPage(1);
-                  }}
-                >
-                  <option value={6}>6</option>
-                  <option value={9}>9</option>
-                  <option value={12}>12</option>
-                  <option value={18}>18</option>
-                  <option value={24}>24</option>
-                </select>
-              </div>
-              <div className={styles.antigravityControl}>
-                <label>{t('common.info')}</label>
-                <div className={styles.statsInfo}>
-                  {antigravityFiles.length} {t('auth_files.files_count')}
-                </div>
-              </div>
-            </div>
-            <div className={styles.antigravityGrid}>
-              {antigravityPageItems.map(renderAntigravityCard)}
-            </div>
-            {antigravityFiles.length > antigravityPageSize && (
-              <div className={styles.pagination}>
-                <Button
-                  variant="secondary"
-                  size="sm"
-                  onClick={() => setAntigravityPage(Math.max(1, antigravityCurrentPage - 1))}
-                  disabled={antigravityCurrentPage <= 1}
-                >
-                  {t('auth_files.pagination_prev')}
-                </Button>
-                <div className={styles.pageInfo}>
-                  {t('auth_files.pagination_info', {
-                    current: antigravityCurrentPage,
-                    total: antigravityTotalPages,
-                    count: antigravityFiles.length
-                  })}
-                </div>
-                <Button
-                  variant="secondary"
-                  size="sm"
-                  onClick={() =>
-                    setAntigravityPage(Math.min(antigravityTotalPages, antigravityCurrentPage + 1))
-                  }
-                  disabled={antigravityCurrentPage >= antigravityTotalPages}
-                >
-                  {t('auth_files.pagination_next')}
-                </Button>
-              </div>
-            )}
-          </>
-        )}
-      </Card>
-
      {/* OAuth 排除列表卡片 */}
      <Card
        title={t('oauth_excluded.title')}
-        extra={
-          <Button
+        extra={
+          <Button
            size="sm"
            onClick={() => openExcludedModal()}
            disabled={disableControls || excludedError === 'unsupported'}
--- a/src/pages/ConfigPage.module.scss
+++ b/src/pages/ConfigPage.module.scss
@@ -134,7 +134,7 @@
 .editorWrapper {
  width: 100%;
  flex: 1;
-  min-height: 400px;
+  min-height: 800px;
  border: 1px solid var(--border-color);
  border-radius: $radius-lg;
  overflow: hidden;
@@ -219,7 +219,7 @@
 .configCard {
  display: flex;
  flex-direction: column;
-  height: 560px;
+  height: 1120px;
  flex-shrink: 0;
  overflow: visible;
 }
@@ -253,11 +253,11 @@
  }

  .configCard {
-    height: 440px;
+    height: 880px;
    padding: $spacing-md;
  }

  .editorWrapper {
-    min-height: 300px;
+    min-height: 600px;
  }
 }
--- a/src/pages/LoginPage.tsx
+++ b/src/pages/LoginPage.tsx
@@ -19,11 +19,13 @@ export function LoginPage() {
  const restoreSession = useAuthStore((state) => state.restoreSession);
  const storedBase = useAuthStore((state) => state.apiBase);
  const storedKey = useAuthStore((state) => state.managementKey);
+  const storedRememberPassword = useAuthStore((state) => state.rememberPassword);

  const [apiBase, setApiBase] = useState('');
  const [managementKey, setManagementKey] = useState('');
  const [showCustomBase, setShowCustomBase] = useState(false);
  const [showKey, setShowKey] = useState(false);
+  const [rememberPassword, setRememberPassword] = useState(false);
  const [loading, setLoading] = useState(false);
  const [autoLoading, setAutoLoading] = useState(true);
  const [error, setError] = useState('');
@@ -38,6 +40,7 @@ export function LoginPage() {
        if (!autoLoggedIn) {
          setApiBase(storedBase || detectedBase);
          setManagementKey(storedKey || '');
+          setRememberPassword(storedRememberPassword || Boolean(storedKey));
        }
      } finally {
        setAutoLoading(false);
@@ -45,7 +48,7 @@ export function LoginPage() {
    };

    init();
-  }, [detectedBase, restoreSession, storedBase, storedKey]);
+  }, [detectedBase, restoreSession, storedBase, storedKey, storedRememberPassword]);

  if (isAuthenticated) {
    const redirect = (location.state as any)?.from?.pathname || '/';
@@ -62,7 +65,11 @@ export function LoginPage() {
    setLoading(true);
    setError('');
    try {
-      await login({ apiBase: baseToUse, managementKey: managementKey.trim() });
+      await login({
+        apiBase: baseToUse,
+        managementKey: managementKey.trim(),
+        rememberPassword
+      });
      showNotification(t('common.connected_status'), 'success');
      navigate('/', { replace: true });
    } catch (err: any) {
@@ -148,6 +155,16 @@ export function LoginPage() {
          }
        />

+        <div className="toggle-advanced">
+          <input
+            id="remember-password-toggle"
+            type="checkbox"
+            checked={rememberPassword}
+            onChange={(e) => setRememberPassword(e.target.checked)}
+          />
+          <label htmlFor="remember-password-toggle">{t('login.remember_password_label')}</label>
+        </div>
+
        <Button fullWidth onClick={handleSubmit} loading={loading}>
          {loading ? t('login.submitting') : t('login.submit_button')}
        </Button>
--- a/src/pages/QuotaPage.module.scss
+++ b/src/pages/QuotaPage.module.scss
@@ -0,0 +1,333 @@
+@use '../styles/variables' as *;
+@use '../styles/mixins' as *;
+
+.container {
+  display: flex;
+  flex-direction: column;
+  gap: $spacing-lg;
+}
+
+.pageHeader {
+  display: flex;
+  flex-direction: column;
+  gap: $spacing-sm;
+}
+
+.pageTitle {
+  font-size: 28px;
+  font-weight: 700;
+  color: var(--text-primary);
+  margin: 0;
+}
+
+.description {
+  font-size: 14px;
+  color: var(--text-secondary);
+  margin: 0;
+}
+
+.headerActions {
+  display: flex;
+  gap: $spacing-sm;
+  flex-wrap: wrap;
+}
+
+.errorBox {
+  padding: $spacing-md;
+  background-color: rgba(239, 68, 68, 0.1);
+  border: 1px solid var(--danger-color);
+  border-radius: $radius-md;
+  color: var(--danger-color);
+  font-size: 14px;
+}
+
+.pageSizeSelect {
+  padding: 8px 12px;
+  border: 1px solid var(--border-color);
+  border-radius: $radius-md;
+  background-color: var(--bg-primary);
+  color: var(--text-primary);
+  font-size: 14px;
+  cursor: pointer;
+  height: 38px;
+  box-sizing: border-box;
+
+  &:focus {
+    outline: none;
+    border-color: var(--primary-color);
+  }
+}
+
+.statsInfo {
+  padding: 8px 12px;
+  background-color: var(--bg-secondary);
+  border-radius: $radius-md;
+  font-size: 13px;
+  color: var(--text-secondary);
+  white-space: nowrap;
+  height: 38px;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+}
+
+.antigravityGrid,
+.codexGrid,
+.geminiCliGrid {
+  display: grid;
+  gap: $spacing-md;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+
+  @include tablet {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  @include mobile {
+    grid-template-columns: 1fr;
+  }
+}
+
+.antigravityControls,
+.codexControls,
+.geminiCliControls {
+  display: flex;
+  gap: $spacing-md;
+  flex-wrap: wrap;
+  align-items: flex-end;
+  margin-bottom: $spacing-md;
+}
+
+.antigravityControl,
+.codexControl,
+.geminiCliControl {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+
+  label {
+    font-size: 12px;
+    color: var(--text-secondary);
+    font-weight: 500;
+    white-space: nowrap;
+  }
+}
+
+.antigravityCard {
+  background-image: linear-gradient(
+    180deg,
+    rgba(224, 247, 250, 0.12),
+    rgba(224, 247, 250, 0)
+  );
+}
+
+.codexCard {
+  background-image: linear-gradient(
+    180deg,
+    rgba(255, 243, 224, 0.18),
+    rgba(255, 243, 224, 0)
+  );
+}
+
+.geminiCliCard {
+  background-image: linear-gradient(
+    180deg,
+    rgba(231, 239, 255, 0.2),
+    rgba(231, 239, 255, 0)
+  );
+}
+
+.quotaSection {
+  display: flex;
+  flex-direction: column;
+  gap: $spacing-sm;
+  padding-top: $spacing-sm;
+  margin-top: $spacing-xs;
+  border-top: 1px dashed var(--border-color);
+}
+
+.quotaRow {
+  display: flex;
+  flex-direction: column;
+  gap: $spacing-xs;
+}
+
+.quotaRowHeader {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: $spacing-sm;
+  min-width: 0;
+
+  @include mobile {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+}
+
+.quotaModel {
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--text-primary);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  flex: 1;
+  min-width: 0;
+
+  @include mobile {
+    white-space: normal;
+  }
+}
+
+.quotaBar {
+  height: 8px;
+  background-color: var(--bg-tertiary);
+  border-radius: 999px;
+  overflow: hidden;
+}
+
+.quotaBarFill {
+  height: 100%;
+  background-color: var(--success-color, #22c55e);
+  transition: width 0.2s ease;
+}
+
+.quotaBarFillHigh {
+  background-color: var(--success-color, #22c55e);
+}
+
+.quotaBarFillMedium {
+  background-color: var(--warning-color, #f59e0b);
+}
+
+.quotaBarFillLow {
+  background-color: var(--danger-color, #ef4444);
+}
+
+.quotaMeta {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 12px;
+  color: var(--text-secondary);
+  white-space: nowrap;
+
+  @include mobile {
+    justify-content: flex-start;
+  }
+}
+
+.quotaPercent {
+  font-weight: 600;
+  color: var(--text-primary);
+}
+
+.quotaReset {
+  color: var(--text-tertiary);
+}
+
+.quotaAmount {
+  color: var(--text-secondary);
+}
+
+.quotaMessage {
+  font-size: 12px;
+  color: var(--text-tertiary);
+  text-align: center;
+  padding: $spacing-sm 0;
+}
+
+.quotaError {
+  font-size: 12px;
+  color: var(--danger-color);
+  background-color: rgba(239, 68, 68, 0.08);
+  border: 1px solid var(--danger-color);
+  border-radius: $radius-sm;
+  padding: $spacing-xs $spacing-sm;
+}
+
+.quotaWarning {
+  font-size: 12px;
+  color: var(--warning-color, #f59e0b);
+  background-color: rgba(245, 158, 11, 0.12);
+  border: 1px solid var(--warning-color, #f59e0b);
+  border-radius: $radius-sm;
+  padding: $spacing-xs $spacing-sm;
+}
+
+.codexPlan {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 12px;
+  color: var(--text-secondary);
+}
+
+.codexPlanLabel {
+  color: var(--text-tertiary);
+}
+
+.codexPlanValue {
+  font-weight: 600;
+  color: var(--text-primary);
+  text-transform: capitalize;
+}
+
+.fileCard {
+  background-color: var(--bg-primary);
+  border: 1px solid var(--border-color);
+  border-radius: $radius-lg;
+  padding: $spacing-md;
+  display: flex;
+  flex-direction: column;
+  gap: $spacing-sm;
+  transition: transform $transition-fast, box-shadow $transition-fast, border-color $transition-fast;
+
+  &:hover {
+    transform: translateY(-2px);
+    box-shadow: $shadow-md;
+    border-color: rgba(37, 99, 235, 0.2);
+  }
+}
+
+.cardHeader {
+  display: flex;
+  align-items: center;
+  gap: $spacing-sm;
+  min-height: 28px;
+}
+
+.typeBadge {
+  padding: 4px 10px;
+  border-radius: 12px;
+  font-size: 12px;
+  font-weight: 600;
+  white-space: nowrap;
+  flex-shrink: 0;
+}
+
+.fileName {
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--text-primary);
+  word-break: break-all;
+  line-height: 1.4;
+}
+
+.pagination {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: $spacing-md;
+  margin-top: $spacing-lg;
+  padding-top: $spacing-md;
+  border-top: 1px solid var(--border-color);
+}
+
+.pageInfo {
+  font-size: 13px;
+  color: var(--text-secondary);
+  padding: $spacing-xs $spacing-md;
+  background-color: var(--bg-secondary);
+  border-radius: $radius-md;
+}
--- a/src/pages/QuotaPage.tsx
+++ b/src/pages/QuotaPage.tsx
--- a/src/pages/SystemPage.module.scss
+++ b/src/pages/SystemPage.module.scss
@@ -34,6 +34,12 @@
  margin: 0 0 $spacing-md 0;
 }

+.clearLoginActions {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+}
+
 .infoGrid {
  display: grid;
  gap: $spacing-sm;
--- a/src/pages/SystemPage.tsx
+++ b/src/pages/SystemPage.tsx
@@ -6,6 +6,7 @@ import { IconGithub, IconBookOpen, IconExternalLink, IconCode } from '@/componen
 import { useAuthStore, useConfigStore, useNotificationStore, useModelsStore } from '@/stores';
 import { apiKeysApi } from '@/services/api/apiKeys';
 import { classifyModels } from '@/utils/models';
+import { STORAGE_KEY_AUTH } from '@/utils/constants';
 import styles from './SystemPage.module.scss';

 export function SystemPage() {
@@ -104,6 +105,15 @@ export function SystemPage() {
    }
  };

+  const handleClearLoginStorage = () => {
+    if (!window.confirm(t('system_info.clear_login_confirm'))) return;
+    auth.logout();
+    if (typeof localStorage === 'undefined') return;
+    const keysToRemove = [STORAGE_KEY_AUTH, 'isLoggedIn', 'apiBase', 'apiUrl', 'managementKey'];
+    keysToRemove.forEach((key) => localStorage.removeItem(key));
+    showNotification(t('notification.login_storage_cleared'), 'success');
+  };
+
  useEffect(() => {
    fetchConfig().catch(() => {
      // ignore
@@ -248,6 +258,15 @@ export function SystemPage() {
          </div>
        )}
      </Card>
+
+      <Card title={t('system_info.clear_login_title')}>
+        <p className={styles.sectionDescription}>{t('system_info.clear_login_desc')}</p>
+        <div className={styles.clearLoginActions}>
+          <Button variant="danger" onClick={handleClearLoginStorage}>
+            {t('system_info.clear_login_button')}
+          </Button>
+        </div>
+      </Card>
      </div>
    </div>
  );
--- a/src/stores/index.ts
+++ b/src/stores/index.ts
@@ -8,3 +8,4 @@ export { useLanguageStore } from './useLanguageStore';
 export { useAuthStore } from './useAuthStore';
 export { useConfigStore } from './useConfigStore';
 export { useModelsStore } from './useModelsStore';
+export { useQuotaStore } from './useQuotaStore';
--- a/src/stores/useAuthStore.ts
+++ b/src/stores/useAuthStore.ts
@@ -34,6 +34,7 @@ export const useAuthStore = create<AuthStoreState>()(
      isAuthenticated: false,
      apiBase: '',
      managementKey: '',
+      rememberPassword: false,
      serverVersion: null,
      serverBuildDate: null,
      connectionStatus: 'disconnected',
@@ -52,16 +53,25 @@ export const useAuthStore = create<AuthStoreState>()(
            secureStorage.getItem<string>('apiUrl', { encrypt: true });
          const legacyKey = secureStorage.getItem<string>('managementKey');

-          const { apiBase, managementKey } = get();
+          const { apiBase, managementKey, rememberPassword } = get();
          const resolvedBase = normalizeApiBase(apiBase || legacyBase || detectApiBaseFromLocation());
          const resolvedKey = managementKey || legacyKey || '';
+          const resolvedRememberPassword = rememberPassword || Boolean(managementKey) || Boolean(legacyKey);

-          set({ apiBase: resolvedBase, managementKey: resolvedKey });
+          set({
+            apiBase: resolvedBase,
+            managementKey: resolvedKey,
+            rememberPassword: resolvedRememberPassword
+          });
          apiClient.setConfig({ apiBase: resolvedBase, managementKey: resolvedKey });

          if (wasLoggedIn && resolvedBase && resolvedKey) {
            try {
-              await get().login({ apiBase: resolvedBase, managementKey: resolvedKey });
+              await get().login({
+                apiBase: resolvedBase,
+                managementKey: resolvedKey,
+                rememberPassword: resolvedRememberPassword
+              });
              return true;
            } catch (error) {
              console.warn('Auto login failed:', error);
@@ -79,6 +89,7 @@ export const useAuthStore = create<AuthStoreState>()(
      login: async (credentials) => {
        const apiBase = normalizeApiBase(credentials.apiBase);
        const managementKey = credentials.managementKey.trim();
+        const rememberPassword = credentials.rememberPassword ?? get().rememberPassword ?? false;

        try {
          set({ connectionStatus: 'connecting' });
@@ -97,10 +108,15 @@ export const useAuthStore = create<AuthStoreState>()(
            isAuthenticated: true,
            apiBase,
            managementKey,
+            rememberPassword,
            connectionStatus: 'connected',
            connectionError: null
          });
-          localStorage.setItem('isLoggedIn', 'true');
+          if (rememberPassword) {
+            localStorage.setItem('isLoggedIn', 'true');
+          } else {
+            localStorage.removeItem('isLoggedIn');
+          }
        } catch (error: any) {
          set({
            connectionStatus: 'error',
@@ -185,7 +201,8 @@ export const useAuthStore = create<AuthStoreState>()(
      })),
      partialize: (state) => ({
        apiBase: state.apiBase,
-        managementKey: state.managementKey,
+        ...(state.rememberPassword ? { managementKey: state.managementKey } : {}),
+        rememberPassword: state.rememberPassword,
        serverVersion: state.serverVersion,
        serverBuildDate: state.serverBuildDate
      })
--- a/src/stores/useQuotaStore.ts
+++ b/src/stores/useQuotaStore.ts
@@ -0,0 +1,49 @@
+/**
+ * Quota cache that survives route switches.
+ */
+
+import { create } from 'zustand';
+import type { AntigravityQuotaState, CodexQuotaState, GeminiCliQuotaState } from '@/types';
+
+type QuotaUpdater<T> = T | ((prev: T) => T);
+
+interface QuotaStoreState {
+  antigravityQuota: Record<string, AntigravityQuotaState>;
+  codexQuota: Record<string, CodexQuotaState>;
+  geminiCliQuota: Record<string, GeminiCliQuotaState>;
+  setAntigravityQuota: (updater: QuotaUpdater<Record<string, AntigravityQuotaState>>) => void;
+  setCodexQuota: (updater: QuotaUpdater<Record<string, CodexQuotaState>>) => void;
+  setGeminiCliQuota: (updater: QuotaUpdater<Record<string, GeminiCliQuotaState>>) => void;
+  clearQuotaCache: () => void;
+}
+
+const resolveUpdater = <T,>(updater: QuotaUpdater<T>, prev: T): T => {
+  if (typeof updater === 'function') {
+    return (updater as (value: T) => T)(prev);
+  }
+  return updater;
+};
+
+export const useQuotaStore = create<QuotaStoreState>((set) => ({
+  antigravityQuota: {},
+  codexQuota: {},
+  geminiCliQuota: {},
+  setAntigravityQuota: (updater) =>
+    set((state) => ({
+      antigravityQuota: resolveUpdater(updater, state.antigravityQuota)
+    })),
+  setCodexQuota: (updater) =>
+    set((state) => ({
+      codexQuota: resolveUpdater(updater, state.codexQuota)
+    })),
+  setGeminiCliQuota: (updater) =>
+    set((state) => ({
+      geminiCliQuota: resolveUpdater(updater, state.geminiCliQuota)
+    })),
+  clearQuotaCache: () =>
+    set({
+      antigravityQuota: {},
+      codexQuota: {},
+      geminiCliQuota: {}
+    })
+}));
--- a/src/types/auth.ts
+++ b/src/types/auth.ts
@@ -7,6 +7,7 @@
 export interface LoginCredentials {
  apiBase: string;
  managementKey: string;
+  rememberPassword?: boolean;
 }

 // 认证状态
@@ -14,6 +15,7 @@ export interface AuthState {
  isAuthenticated: boolean;
  apiBase: string;
  managementKey: string;
+  rememberPassword: boolean;
  serverVersion: string | null;
  serverBuildDate: string | null;
 }
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -12,3 +12,4 @@ export * from './authFile';
 export * from './oauth';
 export * from './usage';
 export * from './log';
+export * from './quota';
--- a/src/types/quota.ts
+++ b/src/types/quota.ts
@@ -0,0 +1,50 @@
+/**
+ * Quota management types.
+ */
+
+export interface AntigravityQuotaGroup {
+  id: string;
+  label: string;
+  models: string[];
+  remainingFraction: number;
+  resetTime?: string;
+}
+
+export interface AntigravityQuotaState {
+  status: 'idle' | 'loading' | 'success' | 'error';
+  groups: AntigravityQuotaGroup[];
+  error?: string;
+  errorStatus?: number;
+}
+
+export interface GeminiCliQuotaBucketState {
+  id: string;
+  label: string;
+  remainingFraction: number | null;
+  remainingAmount: number | null;
+  resetTime: string | undefined;
+  tokenType: string | null;
+  modelIds?: string[];
+}
+
+export interface GeminiCliQuotaState {
+  status: 'idle' | 'loading' | 'success' | 'error';
+  buckets: GeminiCliQuotaBucketState[];
+  error?: string;
+  errorStatus?: number;
+}
+
+export interface CodexQuotaWindow {
+  id: string;
+  label: string;
+  usedPercent: number | null;
+  resetLabel: string;
+}
+
+export interface CodexQuotaState {
+  status: 'idle' | 'loading' | 'success' | 'error';
+  windows: CodexQuotaWindow[];
+  planType?: string | null;
+  error?: string;
+  errorStatus?: number;
+}
Author	SHA1	Message	Date
Supra4E8C	3a66dc225d	feat(auth): add remember-password login and clear local auth data card	2025-12-31 20:04:32 +08:00
Supra4E8C	eadfd7a957	feat(quota): group Gemini CLI buckets and refine Gemini quota groups	2025-12-30 21:48:12 +08:00
Supra4E8C	f739e0b372	style(config): double editor height	2025-12-30 18:29:47 +08:00
Supra4E8C	23fb88e5fd	feat(quota): add zustand store for quota state caching	2025-12-30 18:29:28 +08:00
Supra4E8C	49b9259452	feat(quota): add quota page and update i18n	2025-12-30 14:13:04 +08:00
Supra4E8C	4e26b6c92d	feat(auth-files): add Gemini CLI quota card and API call	2025-12-30 12:18:20 +08:00
Supra4E8C	215ce61b48	fix: error display	2025-12-30 00:17:51 +08:00
Supra4E8C	a48e06a28c	fix(auth-files): use account id for codex quota and show remaining	2025-12-29 23:13:55 +08:00