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

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