feat(ui): theme & layout improvements

- Dark-blue theme background assets and styling integration
- Appearance settings with layoutMode (full/compact) preference
- Settings dialog and auth context updates
- AI writing form and panel refinements
- Open Canvas context updates
- Roundtable planning styling and dashboard enhancements
- Strategy components and header updates
- Light app management and routing improvements
- Global style enhancements for dark theme
- Various page layout and workspace routing optimizations

frontend-web/src/pages/LoginPage.tsx

@@ -5,7 +5,7 @@ import { useEffect, useMemo, useState } from 'react';
 
 import { useTheme } from '@/contexts/ThemeContext';
 import { loginByToken, loginByUsername } from '@/core/auth/api';
-import { setStoredAuth } from '@/core/auth';
+import { setStoredAuth, setStoredUserName } from '@/core/auth';
 import {
   persistExternalLoginParams,
   readExternalLoginParams,
@@ -114,6 +114,7 @@ export default function LoginPage() {
       setErrorMessage('');
       try {
         let auth;
+        let loginUserName = '';
         if (authToken) {
           // token 换登录:后端用 authToken 调上游接口换出用户名再登录
           auth = await loginByToken(authToken);
@@ -128,11 +129,14 @@ export default function LoginPage() {
           }
 
           auth = await loginByUsername(deerflowUsername, gatePassword);
+          loginUserName = deerflowUsername;
         }
         if (cancelled) {
           return;
         }
         setStoredAuth(auth);
+        // 标准登录把用户名写入 userInfo，供顶栏用户区显示（已有则不覆盖）
+        setStoredUserName(loginUserName);
         persistSidebarEnabled(sidebarEnabled);
         setStatus('success');
         router.replace(yUserId ? GENERAL_QA_ROUTE : redirectPath);