Merge branch 'dev'

feat: make Gemini CLI project ID optional

package-lock.json

@@ -12,6 +12,7 @@
         "@uiw/react-codemirror": "^4.25.3",
         "axios": "^1.13.2",
         "chart.js": "^4.5.1",
+        "gsap": "^3.14.2",
         "i18next": "^25.7.1",
         "react": "^19.2.1",
         "react-chartjs-2": "^5.3.1",
@@ -3194,6 +3195,12 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/gsap": {
+      "version": "3.14.2",
+      "resolved": "https://registry.npmjs.org/gsap/-/gsap-3.14.2.tgz",
+      "integrity": "sha512-P8/mMxVLU7o4+55+1TCnQrPmgjPKnwkzkXOK1asnR9Jg2lna4tEY5qBJjMmAaOBDDZWtlRjBXjLa0w53G/uBLA==",
+      "license": "Standard 'no charge' license: https://gsap.com/standard-license."
+    },
     "node_modules/has-flag": {
       "version": "4.0.0",
       "dev": true,

package.json

@@ -16,6 +16,7 @@
     "@uiw/react-codemirror": "^4.25.3",
     "axios": "^1.13.2",
     "chart.js": "^4.5.1",
+    "gsap": "^3.14.2",
     "i18next": "^25.7.1",
     "react": "^19.2.1",
     "react-chartjs-2": "^5.3.1",

src/App.tsx

@@ -1,17 +1,6 @@
 import { useCallback, useEffect, useState } from 'react';
-import { HashRouter, Navigate, Route, Routes } from 'react-router-dom';
+import { HashRouter, Route, Routes } from 'react-router-dom';
 import { LoginPage } from '@/pages/LoginPage';
-import { DashboardPage } from '@/pages/DashboardPage';
-import { SettingsPage } from '@/pages/SettingsPage';
-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';
-import { SystemPage } from '@/pages/SystemPage';
 import { NotificationContainer } from '@/components/common/NotificationContainer';
 import { SplashScreen } from '@/components/common/SplashScreen';
 import { MainLayout } from '@/components/layout/MainLayout';
@@ -75,27 +64,13 @@ function App() {
       <Routes>
         <Route path="/login" element={<LoginPage />} />
         <Route
-          path="/"
+          path="/*"
           element={
             <ProtectedRoute>
               <MainLayout />
             </ProtectedRoute>
           }
-        >
+        />
-          <Route index element={<DashboardPage />} />
-          <Route path="dashboard" element={<DashboardPage />} />
-          <Route path="settings" element={<SettingsPage />} />
-          <Route path="api-keys" element={<ApiKeysPage />} />
-          <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 />} />
-          <Route path="system" element={<SystemPage />} />
-          <Route path="*" element={<Navigate to="/" replace />} />
-        </Route>
       </Routes>
     </HashRouter>
   );

src/components/common/PageTransition.scss

@@ -0,0 +1,34 @@
+@use '@/styles/variables.scss' as *;
+
+.page-transition {
+  position: relative;
+  flex: 1 1 auto;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  overflow: hidden;
+
+  &__layer {
+    display: flex;
+    flex-direction: column;
+    gap: $spacing-lg;
+    min-height: 0;
+    flex: 1;
+    will-change: transform, opacity;
+
+    // During animation, exit layer uses absolute positioning
+    &--exit {
+      position: absolute;
+      inset: 0;
+      z-index: 1;
+      overflow: hidden;
+      pointer-events: none;
+    }
+  }
+
+  // When both layers exist, current layer also needs positioning
+  &--animating &__layer:not(&__layer--exit) {
+    position: relative;
+    z-index: 0;
+  }
+}

src/components/common/PageTransition.tsx

@@ -0,0 +1,159 @@
+import { ReactNode, useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
+import { useLocation, type Location } from 'react-router-dom';
+import gsap from 'gsap';
+import './PageTransition.scss';
+
+interface PageTransitionProps {
+  render: (location: Location) => ReactNode;
+  getRouteOrder?: (pathname: string) => number | null;
+  scrollContainerRef?: React.RefObject<HTMLElement | null>;
+}
+
+const TRANSITION_DURATION = 0.65;
+
+type LayerStatus = 'current' | 'exiting';
+
+type Layer = {
+  key: string;
+  location: Location;
+  status: LayerStatus;
+};
+
+type TransitionDirection = 'forward' | 'backward';
+
+export function PageTransition({
+  render,
+  getRouteOrder,
+  scrollContainerRef,
+}: PageTransitionProps) {
+  const location = useLocation();
+  const currentLayerRef = useRef<HTMLDivElement>(null);
+  const exitingLayerRef = useRef<HTMLDivElement>(null);
+  const exitScrollOffsetRef = useRef(0);
+
+  const [isAnimating, setIsAnimating] = useState(false);
+  const [transitionDirection, setTransitionDirection] = useState<TransitionDirection>('forward');
+  const [layers, setLayers] = useState<Layer[]>(() => [
+    {
+      key: location.key,
+      location,
+      status: 'current',
+    },
+  ]);
+  const currentLayerKey = layers[layers.length - 1]?.key ?? location.key;
+  const currentLayerPathname = layers[layers.length - 1]?.location.pathname;
+
+  const resolveScrollContainer = useCallback(() => {
+    if (scrollContainerRef?.current) return scrollContainerRef.current;
+    if (typeof document === 'undefined') return null;
+    return document.scrollingElement as HTMLElement | null;
+  }, [scrollContainerRef]);
+
+  useEffect(() => {
+    if (isAnimating) return;
+    if (location.key === currentLayerKey) return;
+    const scrollContainer = resolveScrollContainer();
+    exitScrollOffsetRef.current = scrollContainer?.scrollTop ?? 0;
+    const resolveOrderIndex = (pathname?: string) => {
+      if (!getRouteOrder || !pathname) return null;
+      const index = getRouteOrder(pathname);
+      return typeof index === 'number' && index >= 0 ? index : null;
+    };
+    const fromIndex = resolveOrderIndex(currentLayerPathname);
+    const toIndex = resolveOrderIndex(location.pathname);
+    const nextDirection: TransitionDirection =
+      fromIndex === null || toIndex === null || fromIndex === toIndex
+        ? 'forward'
+        : toIndex > fromIndex
+          ? 'forward'
+          : 'backward';
+    setTransitionDirection(nextDirection);
+    setLayers((prev) => {
+      const prevCurrent = prev[prev.length - 1];
+      return [
+        prevCurrent
+          ? { ...prevCurrent, status: 'exiting' }
+          : { key: location.key, location, status: 'exiting' },
+        { key: location.key, location, status: 'current' },
+      ];
+    });
+    setIsAnimating(true);
+  }, [
+    isAnimating,
+    location,
+    currentLayerKey,
+    currentLayerPathname,
+    getRouteOrder,
+    resolveScrollContainer,
+  ]);
+
+  // Run GSAP animation when animating starts
+  useLayoutEffect(() => {
+    if (!isAnimating) return;
+
+    if (!currentLayerRef.current) return;
+
+    const scrollContainer = resolveScrollContainer();
+    const scrollOffset = exitScrollOffsetRef.current;
+    if (scrollContainer && scrollOffset > 0) {
+      scrollContainer.scrollTo({ top: 0, left: 0, behavior: 'auto' });
+    }
+
+    const tl = gsap.timeline({
+      onComplete: () => {
+        setLayers((prev) => prev.filter((layer) => layer.status !== 'exiting'));
+        setIsAnimating(false);
+      },
+    });
+
+    // Exit animation: fly out to top (slow-to-fast)
+    if (exitingLayerRef.current) {
+      gsap.set(exitingLayerRef.current, { y: scrollOffset ? -scrollOffset : 0 });
+      tl.fromTo(
+        exitingLayerRef.current,
+        { yPercent: 0, opacity: 1 },
+        {
+          yPercent: transitionDirection === 'forward' ? -100 : 100,
+          opacity: 0,
+          duration: TRANSITION_DURATION,
+          ease: 'power3.in', // slow start, fast end
+        },
+        0
+      );
+    }
+
+    // Enter animation: slide in from bottom (slow-to-fast)
+    tl.fromTo(
+      currentLayerRef.current,
+      { yPercent: transitionDirection === 'forward' ? 100 : -100, opacity: 0 },
+      {
+        yPercent: 0,
+        opacity: 1,
+        duration: TRANSITION_DURATION,
+        ease: 'power2.in', // slow start, fast end
+      },
+      0
+    );
+
+    return () => {
+      tl.kill();
+      gsap.killTweensOf([currentLayerRef.current, exitingLayerRef.current]);
+    };
+  }, [isAnimating, transitionDirection, resolveScrollContainer]);
+
+  return (
+    <div className={`page-transition${isAnimating ? ' page-transition--animating' : ''}`}>
+      {layers.map((layer) => (
+        <div
+          key={layer.key}
+          className={`page-transition__layer${
+            layer.status === 'exiting' ? ' page-transition__layer--exit' : ''
+          }`}
+          ref={layer.status === 'exiting' ? exitingLayerRef : currentLayerRef}
+        >
+          {render(layer.location)}
+        </div>
+      ))}
+    </div>
+  );
+}

src/components/layout/MainLayout.tsx

@@ -7,11 +7,13 @@ import {
   useRef,
   useState,
 } from 'react';
-import { NavLink, Outlet, useLocation } from 'react-router-dom';
+import { NavLink, useLocation } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
 import { Button } from '@/components/ui/Button';
 import { Modal } from '@/components/ui/Modal';
 import { ToggleSwitch } from '@/components/ui/ToggleSwitch';
+import { PageTransition } from '@/components/common/PageTransition';
+import { MainRoutes } from '@/router/MainRoutes';
 import {
   IconBot,
   IconChartLine,
@@ -200,6 +202,7 @@ export function MainLayout() {
   const [requestLogDraft, setRequestLogDraft] = useState(false);
   const [requestLogTouched, setRequestLogTouched] = useState(false);
   const [requestLogSaving, setRequestLogSaving] = useState(false);
+  const contentRef = useRef<HTMLDivElement | null>(null);
   const brandCollapseTimer = useRef<ReturnType<typeof setTimeout> | null>(null);
   const headerRef = useRef<HTMLElement | null>(null);
   const versionTapCount = useRef(0);
@@ -341,6 +344,7 @@ export function MainLayout() {
     });
   }, [fetchConfig]);
 
+
   const statusClass =
     connectionStatus === 'connected'
       ? 'success'
@@ -365,6 +369,18 @@ export function MainLayout() {
       : []),
     { path: '/system', label: t('nav.system_info'), icon: sidebarIcons.system },
   ];
+  const navOrder = navItems.map((item) => item.path);
+  const getRouteOrder = (pathname: string) => {
+    const trimmedPath =
+      pathname.length > 1 && pathname.endsWith('/') ? pathname.slice(0, -1) : pathname;
+    const normalizedPath = trimmedPath === '/dashboard' ? '/' : trimmedPath;
+    const exactIndex = navOrder.indexOf(normalizedPath);
+    if (exactIndex !== -1) return exactIndex;
+    const nestedIndex = navOrder.findIndex(
+      (path) => path !== '/' && normalizedPath.startsWith(`${path}/`)
+    );
+    return nestedIndex === -1 ? null : nestedIndex;
+  };
 
   const handleRefreshAll = async () => {
     clearCache();
@@ -508,9 +524,13 @@ export function MainLayout() {
           </div>
         </aside>
 
-        <div className={`content${isLogsPage ? ' content-logs' : ''}`}>
+        <div className={`content${isLogsPage ? ' content-logs' : ''}`} ref={contentRef}>
           <main className={`main-content${isLogsPage ? ' main-content-logs' : ''}`}>
-            <Outlet />
+            <PageTransition
+              render={(location) => <MainRoutes location={location} />}
+              getRouteOrder={getRouteOrder}
+              scrollContainerRef={contentRef}
+            />
           </main>
 
           <footer className="footer">

src/components/ui/Modal.tsx

@@ -1,4 +1,5 @@
 import { useState, useEffect, useCallback, useRef, type PropsWithChildren, type ReactNode } from 'react';
+import { createPortal } from 'react-dom';
 import { IconX } from './icons';
 
 interface ModalProps {
@@ -10,6 +11,26 @@ interface ModalProps {
 }
 
 const CLOSE_ANIMATION_DURATION = 350;
+const MODAL_LOCK_CLASS = 'modal-open';
+let activeModalCount = 0;
+
+const lockScroll = () => {
+  if (typeof document === 'undefined') return;
+  if (activeModalCount === 0) {
+    document.body?.classList.add(MODAL_LOCK_CLASS);
+    document.documentElement?.classList.add(MODAL_LOCK_CLASS);
+  }
+  activeModalCount += 1;
+};
+
+const unlockScroll = () => {
+  if (typeof document === 'undefined') return;
+  activeModalCount = Math.max(0, activeModalCount - 1);
+  if (activeModalCount === 0) {
+    document.body?.classList.remove(MODAL_LOCK_CLASS);
+    document.documentElement?.classList.remove(MODAL_LOCK_CLASS);
+  }
+};
 
 export function Modal({ open, title, onClose, footer, width = 520, children }: PropsWithChildren<ModalProps>) {
   const [isVisible, setIsVisible] = useState(false);
@@ -60,12 +81,20 @@ export function Modal({ open, title, onClose, footer, width = 520, children }: P
     };
   }, []);
 
+  const shouldLockScroll = open || isVisible;
+
+  useEffect(() => {
+    if (!shouldLockScroll) return;
+    lockScroll();
+    return () => unlockScroll();
+  }, [shouldLockScroll]);
+
   if (!open && !isVisible) return null;
 
   const overlayClass = `modal-overlay ${isClosing ? 'modal-overlay-closing' : 'modal-overlay-entering'}`;
   const modalClass = `modal ${isClosing ? 'modal-closing' : 'modal-entering'}`;
 
-  return (
+  const modalContent = (
     <div className={overlayClass}>
       <div className={modalClass} style={{ width }} role="dialog" aria-modal="true">
         <button className="modal-close-floating" onClick={handleClose} aria-label="Close">
@@ -79,4 +108,10 @@ export function Modal({ open, title, onClose, footer, width = 520, children }: P
       </div>
     </div>
   );
+
+  if (typeof document === 'undefined') {
+    return modalContent;
+  }
+
+  return createPortal(modalContent, document.body);
 }

src/i18n/locales/en.json

@@ -63,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",
@@ -500,9 +501,9 @@
     "gemini_cli_oauth_title": "Gemini CLI OAuth",
     "gemini_cli_oauth_button": "Start Gemini CLI Login",
     "gemini_cli_oauth_hint": "Login to Google Gemini CLI service through OAuth flow, automatically obtain and save authentication files.",
-    "gemini_cli_project_id_label": "Google Cloud Project ID:",
+    "gemini_cli_project_id_label": "Google Cloud Project ID (Optional):",
-    "gemini_cli_project_id_placeholder": "Enter Google Cloud Project ID",
+    "gemini_cli_project_id_placeholder": "Leave blank to auto-select first available project",
-    "gemini_cli_project_id_hint": "Project ID is required for Gemini CLI OAuth.",
+    "gemini_cli_project_id_hint": "Optional. If not provided, the system will automatically select the first available project from your account.",
     "gemini_cli_project_id_required": "Please enter a Google Cloud project ID.",
     "gemini_cli_oauth_url_label": "Authorization URL:",
     "gemini_cli_open_link": "Open Link",
@@ -745,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",
@@ -758,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",

src/i18n/locales/zh-CN.json

@@ -63,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": "连接",
@@ -500,9 +501,9 @@
     "gemini_cli_oauth_title": "Gemini CLI OAuth",
     "gemini_cli_oauth_button": "开始 Gemini CLI 登录",
     "gemini_cli_oauth_hint": "通过 OAuth 流程登录 Google Gemini CLI 服务，自动获取并保存认证文件。",
-    "gemini_cli_project_id_label": "Google Cloud 项目 ID:",
+    "gemini_cli_project_id_label": "Google Cloud 项目 ID (可选):",
-    "gemini_cli_project_id_placeholder": "输入 Google Cloud 项目 ID",
+    "gemini_cli_project_id_placeholder": "留空将自动选择第一个可用项目",
-    "gemini_cli_project_id_hint": "请填写项目 ID，用于 Gemini CLI OAuth 登录。",
+    "gemini_cli_project_id_hint": "可选填写项目 ID。如不填写，系统将自动选择您账号下的第一个可用项目。",
     "gemini_cli_project_id_required": "请填写 Google Cloud 项目 ID。",
     "gemini_cli_oauth_url_label": "授权链接:",
     "gemini_cli_open_link": "打开链接",
@@ -745,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": "调试设置已更新",
@@ -758,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密钥删除成功",

src/pages/AiProvidersPage.tsx

@@ -202,7 +202,7 @@ const buildAmpcodeFormState = (ampcode?: AmpcodeConfig | null): AmpcodeFormState
 export function AiProvidersPage() {
   const { t } = useTranslation();
   const { showNotification } = useNotificationStore();
-  const { theme } = useThemeStore();
+  const resolvedTheme = useThemeStore((state) => state.resolvedTheme);
   const connectionStatus = useAuthStore((state) => state.connectionStatus);
 
   const config = useConfigStore((state) => state.config);
@@ -1221,7 +1221,6 @@ export function AiProvidersPage() {
     renderContent: (item: T, index: number) => ReactNode,
     onEdit: (index: number) => void,
     onDelete: (item: T) => void,
-    addLabel: string,
     emptyTitle: string,
     emptyDescription: string,
     deleteLabel?: string,
@@ -1239,11 +1238,6 @@ export function AiProvidersPage() {
         <EmptyState
           title={emptyTitle}
           description={emptyDescription}
-          action={
-            <Button onClick={() => onEdit(-1)} disabled={disableControls}>
-              {addLabel}
-            </Button>
-          }
         />
       );
     }
@@ -1388,7 +1382,6 @@ export function AiProvidersPage() {
             },
             (index) => openGeminiModal(index),
             (item) => deleteGemini(item.apiKey),
-            t('ai_providers.gemini_add_button'),
             t('ai_providers.gemini_empty_title'),
             t('ai_providers.gemini_empty_desc'),
             undefined,
@@ -1409,7 +1402,11 @@ export function AiProvidersPage() {
         <Card
           title={
             <span className={styles.cardTitle}>
-              <img src={theme === 'dark' ? iconOpenaiDark : iconOpenaiLight} alt="" className={styles.cardTitleIcon} />
+              <img
+                src={resolvedTheme === 'dark' ? iconOpenaiDark : iconOpenaiLight}
+                alt=""
+                className={styles.cardTitleIcon}
+              />
               {t('ai_providers.codex_title')}
             </span>
           }
@@ -1508,7 +1505,6 @@ export function AiProvidersPage() {
             },
             (index) => openProviderModal('codex', index),
             (item) => deleteProviderEntry('codex', item.apiKey),
-            t('ai_providers.codex_add_button'),
             t('ai_providers.codex_empty_title'),
             t('ai_providers.codex_empty_desc'),
             undefined,
@@ -1644,7 +1640,6 @@ export function AiProvidersPage() {
             },
             (index) => openProviderModal('claude', index),
             (item) => deleteProviderEntry('claude', item.apiKey),
-            t('ai_providers.claude_add_button'),
             t('ai_providers.claude_empty_title'),
             t('ai_providers.claude_empty_desc'),
             undefined,
@@ -1743,7 +1738,11 @@ export function AiProvidersPage() {
         <Card
           title={
             <span className={styles.cardTitle}>
-              <img src={theme === 'dark' ? iconOpenaiDark : iconOpenaiLight} alt="" className={styles.cardTitleIcon} />
+              <img
+                src={resolvedTheme === 'dark' ? iconOpenaiDark : iconOpenaiLight}
+                alt=""
+                className={styles.cardTitleIcon}
+              />
               {t('ai_providers.openai_title')}
             </span>
           }
@@ -1867,7 +1866,6 @@ export function AiProvidersPage() {
             },
             (index) => openOpenaiModal(index),
             (item) => deleteOpenai(item.name),
-            t('ai_providers.openai_add_button'),
             t('ai_providers.openai_empty_title'),
             t('ai_providers.openai_empty_desc')
           )}

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>

src/pages/OAuthPage.tsx

@@ -59,11 +59,10 @@ 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: 'qwen', titleKey: 'auth_login.qwen_oauth_title', hintKey: 'auth_login.qwen_oauth_hint', urlLabelKey: 'auth_login.qwen_oauth_url_label', icon: iconQwen },
+  { id: 'qwen', titleKey: 'auth_login.qwen_oauth_title', hintKey: 'auth_login.qwen_oauth_hint', urlLabelKey: 'auth_login.qwen_oauth_url_label', icon: iconQwen }
-  { id: 'iflow', titleKey: 'auth_login.iflow_oauth_title', hintKey: 'auth_login.iflow_oauth_hint', urlLabelKey: 'auth_login.iflow_oauth_url_label', icon: iconIflow }
 ];
 
-const CALLBACK_SUPPORTED: OAuthProvider[] = ['codex', 'anthropic', 'antigravity', 'gemini-cli', 'iflow'];
+const CALLBACK_SUPPORTED: OAuthProvider[] = ['codex', 'anthropic', 'antigravity', 'gemini-cli'];
 const getProviderI18nPrefix = (provider: OAuthProvider) => provider.replace('-', '_');
 const getAuthKey = (provider: OAuthProvider, suffix: string) =>
   `auth_login.${getProviderI18nPrefix(provider)}_${suffix}`;
@@ -131,12 +130,7 @@ export function OAuthPage() {
 
   const startAuth = async (provider: OAuthProvider) => {
     const projectId = provider === 'gemini-cli' ? (states[provider]?.projectId || '').trim() : undefined;
-    if (provider === 'gemini-cli' && !projectId) {
+    // 项目 ID 现在是可选的，如果不输入将自动选择第一个可用项目
-      const message = t('auth_login.gemini_cli_project_id_required');
-      updateProviderState(provider, { projectIdError: message });
-      showNotification(message, 'warning');
-      return;
-    }
     if (provider === 'gemini-cli') {
       updateProviderState(provider, { projectIdError: undefined });
     }
@@ -151,7 +145,7 @@ export function OAuthPage() {
     try {
       const res = await oauthApi.startAuth(
         provider,
-        provider === 'gemini-cli' ? { projectId: projectId! } : undefined
+        provider === 'gemini-cli' ? { projectId: projectId || undefined } : undefined
       );
       updateProviderState(provider, { url: res.url, state: res.state, status: 'waiting', polling: true });
       if (res.state) {

src/pages/QuotaPage.tsx

@@ -132,15 +132,24 @@ const ANTIGRAVITY_QUOTA_GROUPS: AntigravityQuotaGroupDefinition[] = [
     ]
   },
   {
-    id: 'gemini',
+    id: 'gemini-3-pro',
-    label: 'Gemini',
+    label: 'Gemini 3 Pro',
-    identifiers: [
+    identifiers: ['gemini-3-pro-high', 'gemini-3-pro-low']
-      'gemini-3-pro-high',
+  },
-      'gemini-3-pro-low',
+  {
-      'gemini-2.5-flash',
+    id: 'gemini-2-5-flash',
-      'gemini-2.5-flash-lite',
+    label: 'Gemini 2.5 Flash',
-      'rev19-uic3-1p'
+    identifiers: ['gemini-2.5-flash', 'gemini-2.5-flash-thinking']
-    ]
+  },
+  {
+    id: 'gemini-2-5-flash-lite',
+    label: 'Gemini 2.5 Flash Lite',
+    identifiers: ['gemini-2.5-flash-lite']
+  },
+  {
+    id: 'gemini-2-5-cu',
+    label: 'Gemini 2.5 CU',
+    identifiers: ['rev19-uic3-1p']
   },
   {
     id: 'gemini-3-flash',
@@ -162,6 +171,51 @@ const GEMINI_CLI_REQUEST_HEADERS = {
   'Content-Type': 'application/json'
 };
 
+interface GeminiCliQuotaGroupDefinition {
+  id: string;
+  label: string;
+  modelIds: string[];
+}
+
+interface GeminiCliParsedBucket {
+  modelId: string;
+  tokenType: string | null;
+  remainingFraction: number | null;
+  remainingAmount: number | null;
+  resetTime: string | undefined;
+}
+
+const GEMINI_CLI_QUOTA_GROUPS: GeminiCliQuotaGroupDefinition[] = [
+  {
+    id: 'gemini-2-5-flash-series',
+    label: 'Gemini 2.5 Flash Series',
+    modelIds: ['gemini-2.5-flash', 'gemini-2.5-flash-lite']
+  },
+  {
+    id: 'gemini-2-5-pro',
+    label: 'Gemini 2.5 Pro',
+    modelIds: ['gemini-2.5-pro']
+  },
+  {
+    id: 'gemini-3-pro-preview',
+    label: 'Gemini 3 Pro Preview',
+    modelIds: ['gemini-3-pro-preview']
+  },
+  {
+    id: 'gemini-3-flash-preview',
+    label: 'Gemini 3 Flash Preview',
+    modelIds: ['gemini-3-flash-preview']
+  }
+];
+
+const GEMINI_CLI_GROUP_LOOKUP = new Map(
+  GEMINI_CLI_QUOTA_GROUPS.flatMap((group) =>
+    group.modelIds.map((modelId) => [modelId, group] as const)
+  )
+);
+
+const GEMINI_CLI_IGNORED_MODEL_PREFIXES = ['gemini-2.0-flash'];
+
 interface CodexUsageWindow {
   used_percent?: number | string;
   usedPercent?: number | string;
@@ -472,6 +526,80 @@ function parseGeminiCliQuotaPayload(payload: unknown): GeminiCliQuotaPayload | n
   return null;
 }
 
+function isIgnoredGeminiCliModel(modelId: string): boolean {
+  return GEMINI_CLI_IGNORED_MODEL_PREFIXES.some(
+    (prefix) => modelId === prefix || modelId.startsWith(`${prefix}-`)
+  );
+}
+
+function pickEarlierResetTime(current?: string, next?: string): string | undefined {
+  if (!current) return next;
+  if (!next) return current;
+  const currentTime = new Date(current).getTime();
+  const nextTime = new Date(next).getTime();
+  if (Number.isNaN(currentTime)) return next;
+  if (Number.isNaN(nextTime)) return current;
+  return currentTime <= nextTime ? current : next;
+}
+
+function minNullableNumber(current: number | null, next: number | null): number | null {
+  if (current === null) return next;
+  if (next === null) return current;
+  return Math.min(current, next);
+}
+
+function buildGeminiCliQuotaBuckets(
+  buckets: GeminiCliParsedBucket[]
+): GeminiCliQuotaBucketState[] {
+  if (buckets.length === 0) return [];
+
+  const grouped = new Map<string, GeminiCliQuotaBucketState & { modelIds: string[] }>();
+
+  buckets.forEach((bucket) => {
+    if (isIgnoredGeminiCliModel(bucket.modelId)) return;
+    const group = GEMINI_CLI_GROUP_LOOKUP.get(bucket.modelId);
+    const groupId = group?.id ?? bucket.modelId;
+    const label = group?.label ?? bucket.modelId;
+    const tokenKey = bucket.tokenType ?? '';
+    const mapKey = `${groupId}::${tokenKey}`;
+    const existing = grouped.get(mapKey);
+
+    if (!existing) {
+      grouped.set(mapKey, {
+        id: `${groupId}${tokenKey ? `-${tokenKey}` : ''}`,
+        label,
+        remainingFraction: bucket.remainingFraction,
+        remainingAmount: bucket.remainingAmount,
+        resetTime: bucket.resetTime,
+        tokenType: bucket.tokenType,
+        modelIds: [bucket.modelId]
+      });
+      return;
+    }
+
+    existing.remainingFraction = minNullableNumber(
+      existing.remainingFraction,
+      bucket.remainingFraction
+    );
+    existing.remainingAmount = minNullableNumber(existing.remainingAmount, bucket.remainingAmount);
+    existing.resetTime = pickEarlierResetTime(existing.resetTime, bucket.resetTime);
+    existing.modelIds.push(bucket.modelId);
+  });
+
+  return Array.from(grouped.values()).map((bucket) => {
+    const uniqueModelIds = Array.from(new Set(bucket.modelIds));
+    return {
+      id: bucket.id,
+      label: bucket.label,
+      remainingFraction: bucket.remainingFraction,
+      remainingAmount: bucket.remainingAmount,
+      resetTime: bucket.resetTime,
+      tokenType: bucket.tokenType,
+      modelIds: uniqueModelIds
+    };
+  });
+}
+
 function getAntigravityQuotaInfo(entry?: AntigravityQuotaInfo): {
   remainingFraction: number | null;
   resetTime?: string;
@@ -517,8 +645,16 @@ function findAntigravityModel(
 
 function buildAntigravityQuotaGroups(models: AntigravityModelsPayload): AntigravityQuotaGroup[] {
   const groups: AntigravityQuotaGroup[] = [];
-  let geminiResetTime: string | undefined;
+  let geminiProResetTime: string | undefined;
-  const [claudeDef, geminiDef, flashDef, imageDef] = ANTIGRAVITY_QUOTA_GROUPS;
+  const [
+    claudeDef,
+    geminiProDef,
+    flashDef,
+    flashLiteDef,
+    cuDef,
+    geminiFlashDef,
+    imageDef
+  ] = ANTIGRAVITY_QUOTA_GROUPS;
 
   const buildGroup = (
     def: AntigravityQuotaGroupDefinition,
@@ -565,10 +701,10 @@ function buildAntigravityQuotaGroups(models: AntigravityModelsPayload): Antigrav
     groups.push(claudeGroup);
   }
 
-  const geminiGroup = buildGroup(geminiDef);
+  const geminiProGroup = buildGroup(geminiProDef);
-  if (geminiGroup) {
+  if (geminiProGroup) {
-    geminiResetTime = geminiGroup.resetTime;
+    geminiProResetTime = geminiProGroup.resetTime;
-    groups.push(geminiGroup);
+    groups.push(geminiProGroup);
   }
 
   const flashGroup = buildGroup(flashDef);
@@ -576,7 +712,22 @@ function buildAntigravityQuotaGroups(models: AntigravityModelsPayload): Antigrav
     groups.push(flashGroup);
   }
 
-  const imageGroup = buildGroup(imageDef, geminiResetTime);
+  const flashLiteGroup = buildGroup(flashLiteDef);
+  if (flashLiteGroup) {
+    groups.push(flashLiteGroup);
+  }
+
+  const cuGroup = buildGroup(cuDef);
+  if (cuGroup) {
+    groups.push(cuGroup);
+  }
+
+  const geminiFlashGroup = buildGroup(geminiFlashDef);
+  if (geminiFlashGroup) {
+    groups.push(geminiFlashGroup);
+  }
+
+  const imageGroup = buildGroup(imageDef, geminiProResetTime);
   if (imageGroup) {
     groups.push(imageGroup);
   }
@@ -880,7 +1031,7 @@ export function QuotaPage() {
       const windows: CodexQuotaWindow[] = [];
       const addWindow = (
         id: string,
-        label: string,
+        labelKey: string,
         window?: CodexUsageWindow | null,
         limitReached?: boolean,
         allowed?: boolean
@@ -893,7 +1044,8 @@ export function QuotaPage() {
           usedPercentRaw ?? (isLimitReached && resetLabel !== '-' ? 100 : null);
         windows.push({
           id,
-          label,
+          label: t(labelKey),
+          labelKey,
           usedPercent,
           resetLabel
         });
@@ -901,21 +1053,21 @@ export function QuotaPage() {
 
       addWindow(
         'primary',
-        t('codex_quota.primary_window'),
+        'codex_quota.primary_window',
         rateLimit?.primary_window ?? rateLimit?.primaryWindow,
         rateLimit?.limit_reached ?? rateLimit?.limitReached,
         rateLimit?.allowed
       );
       addWindow(
         'secondary',
-        t('codex_quota.secondary_window'),
+        'codex_quota.secondary_window',
         rateLimit?.secondary_window ?? rateLimit?.secondaryWindow,
         rateLimit?.limit_reached ?? rateLimit?.limitReached,
         rateLimit?.allowed
       );
       addWindow(
         'code-review',
-        t('codex_quota.code_review_window'),
+        'codex_quota.code_review_window',
         codeReviewLimit?.primary_window ?? codeReviewLimit?.primaryWindow,
         codeReviewLimit?.limit_reached ?? codeReviewLimit?.limitReached,
         codeReviewLimit?.allowed
@@ -1066,8 +1218,8 @@ export function QuotaPage() {
       const buckets = Array.isArray(payload?.buckets) ? payload?.buckets : [];
       if (buckets.length === 0) return [];
 
-      return buckets
+      const parsedBuckets = buckets
-        .map((bucket, index) => {
+        .map((bucket) => {
           const modelId = normalizeStringValue(bucket.modelId ?? bucket.model_id);
           if (!modelId) return null;
           const tokenType = normalizeStringValue(bucket.tokenType ?? bucket.token_type);
@@ -1086,15 +1238,16 @@ export function QuotaPage() {
           }
           const remainingFraction = remainingFractionRaw ?? fallbackFraction;
           return {
-            id: `${modelId}-${tokenType ?? index}`,
+            modelId,
-            label: modelId,
+            tokenType,
             remainingFraction,
             remainingAmount,
-            resetTime,
+            resetTime
-            tokenType
           };
         })
-        .filter((bucket): bucket is GeminiCliQuotaBucketState => bucket !== null);
+        .filter((bucket): bucket is GeminiCliParsedBucket => bucket !== null);
+
+      return buildGeminiCliQuotaBuckets(parsedBuckets);
     },
     [t]
   );
@@ -1400,10 +1553,12 @@ export function QuotaPage() {
                           ? styles.quotaBarFillMedium
                           : styles.quotaBarFillLow;
 
+                  const windowLabel = window.labelKey ? t(window.labelKey) : window.label;
+
                   return (
                     <div key={window.id} className={styles.quotaRow}>
                       <div className={styles.quotaRowHeader}>
-                        <span className={styles.quotaModel}>{window.label}</span>
+                        <span className={styles.quotaModel}>{windowLabel}</span>
                         <div className={styles.quotaMeta}>
                           <span className={styles.quotaPercent}>{percentLabel}</span>
                           <span className={styles.quotaReset}>{window.resetLabel}</span>
@@ -1479,6 +1634,10 @@ export function QuotaPage() {
                   : t('gemini_cli_quota.remaining_amount', {
                       count: bucket.remainingAmount
                     });
+              const titleBase =
+                bucket.modelIds && bucket.modelIds.length > 0
+                  ? bucket.modelIds.join(', ')
+                  : bucket.label;
               const quotaBarClass =
                 percent === null
                   ? styles.quotaBarFillMedium
@@ -1494,7 +1653,7 @@ export function QuotaPage() {
                     <span
                       className={styles.quotaModel}
                       title={
-                        bucket.tokenType ? `${bucket.label} (${bucket.tokenType})` : bucket.label
+                        bucket.tokenType ? `${titleBase} (${bucket.tokenType})` : titleBase
                       }
                     >
                       {bucket.label}

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;

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>
   );

src/router/MainRoutes.tsx

@@ -0,0 +1,32 @@
+import { Navigate, useRoutes, type Location } from 'react-router-dom';
+import { DashboardPage } from '@/pages/DashboardPage';
+import { SettingsPage } from '@/pages/SettingsPage';
+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';
+import { SystemPage } from '@/pages/SystemPage';
+
+const mainRoutes = [
+  { path: '/', element: <DashboardPage /> },
+  { path: '/dashboard', element: <DashboardPage /> },
+  { path: '/settings', element: <SettingsPage /> },
+  { path: '/api-keys', element: <ApiKeysPage /> },
+  { path: '/ai-providers', element: <AiProvidersPage /> },
+  { path: '/auth-files', element: <AuthFilesPage /> },
+  { path: '/oauth', element: <OAuthPage /> },
+  { path: '/quota', element: <QuotaPage /> },
+  { path: '/usage', element: <UsagePage /> },
+  { path: '/config', element: <ConfigPage /> },
+  { path: '/logs', element: <LogsPage /> },
+  { path: '/system', element: <SystemPage /> },
+  { path: '*', element: <Navigate to="/" replace /> },
+];
+
+export function MainRoutes({ location }: { location?: Location }) {
+  return useRoutes(mainRoutes, location);
+}

src/services/api/oauth.ts

@@ -9,8 +9,7 @@ export type OAuthProvider =
   | 'anthropic'
   | 'antigravity'
   | 'gemini-cli'
-  | 'qwen'
+  | 'qwen';
-  | 'iflow';
 
 export interface OAuthStartResponse {
   url: string;
@@ -30,7 +29,7 @@ export interface IFlowCookieAuthResponse {
   type?: string;
 }
 
-const WEBUI_SUPPORTED: OAuthProvider[] = ['codex', 'anthropic', 'antigravity', 'gemini-cli', 'iflow'];
+const WEBUI_SUPPORTED: OAuthProvider[] = ['codex', 'anthropic', 'antigravity', 'gemini-cli'];
 const CALLBACK_PROVIDER_MAP: Partial<Record<OAuthProvider, string>> = {
   'gemini-cli': 'gemini'
 };

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
       })

src/styles/global.scss

@@ -15,6 +15,15 @@ body {
   transition: background-color $transition-normal, color $transition-normal;
 }
 
+html.modal-open,
+body.modal-open {
+  overflow: hidden;
+}
+
+body.modal-open .content {
+  overflow: hidden;
+}
+
 // 滚动条样式
 ::-webkit-scrollbar {
   width: 8px;

src/styles/layout.scss

@@ -348,6 +348,7 @@
   flex-direction: column;
   min-width: 0;
   overflow-y: auto;
+  scrollbar-gutter: stable;
   height: 100%;
 
   &.content-logs {

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;
 }

src/types/oauth.ts

@@ -9,8 +9,7 @@ export type OAuthProvider =
   | 'anthropic'
   | 'antigravity'
   | 'gemini-cli'
-  | 'qwen'
+  | 'qwen';
-  | 'iflow';
 
 // OAuth 流程状态
 export interface OAuthFlow {

src/types/quota.ts

@@ -24,6 +24,7 @@ export interface GeminiCliQuotaBucketState {
   remainingAmount: number | null;
   resetTime: string | undefined;
   tokenType: string | null;
+  modelIds?: string[];
 }
 
 export interface GeminiCliQuotaState {
@@ -36,6 +37,7 @@ export interface GeminiCliQuotaState {
 export interface CodexQuotaWindow {
   id: string;
   label: string;
+  labelKey?: string;
   usedPercent: number | null;
   resetLabel: string;
 }

src/utils/constants.ts

@@ -42,16 +42,14 @@ export const OAUTH_CARD_IDS = [
   'anthropic-oauth-card',
   'antigravity-oauth-card',
   'gemini-cli-oauth-card',
-  'qwen-oauth-card',
+  'qwen-oauth-card'
-  'iflow-oauth-card'
 ];
 export const OAUTH_PROVIDERS = {
   CODEX: 'codex',
   ANTHROPIC: 'anthropic',
   ANTIGRAVITY: 'antigravity',
   GEMINI_CLI: 'gemini-cli',
-  QWEN: 'qwen',
+  QWEN: 'qwen'
-  IFLOW: 'iflow'
 } as const;
 
 // API 端点