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/core/auth/index.ts

@@ -44,6 +44,37 @@ export function clearStoredAuth() {
   window.localStorage.removeItem(AUTH_STORAGE_KEY);
 }
 
+/**
+ * 把登录用户名写入 localStorage.userInfo.userName（顶栏用户区据此显示）。
+ * 仅在尚未设置时写入，避免覆盖外部登录(yUserId)从 consumer 拿到的用户名。
+ */
+export function setStoredUserName(name: string | null | undefined) {
+  if (!isBrowser()) {
+    return;
+  }
+  const trimmed = name?.trim();
+  if (!trimmed) {
+    return;
+  }
+  let info: Record<string, unknown> = {};
+  try {
+    const raw = window.localStorage.getItem("userInfo");
+    if (raw) {
+      const parsed = JSON.parse(raw);
+      if (parsed && typeof parsed === "object") {
+        info = parsed as Record<string, unknown>;
+      }
+    }
+  } catch {
+    info = {};
+  }
+  if (typeof info.userName === "string" && info.userName.trim()) {
+    return;
+  }
+  info.userName = trimmed;
+  window.localStorage.setItem("userInfo", JSON.stringify(info));
+}
+
 export function getAccessToken(): string | undefined {
   const auth = getStoredAuth();
   const token = auth?.access_token?.trim();