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/components/workspace/settings/appearance-settings-page.tsx

@@ -1,7 +1,8 @@
 "use client";
 
-import { DropletIcon, LayoutGridIcon, ListIcon, MoonIcon, SunIcon } from "lucide-react";
+import { DropletIcon, LayoutGridIcon, LayoutIcon, ListIcon, MoonIcon, PanelLeftIcon, SunIcon } from "lucide-react";
 import { useMemo, type ComponentType, type SVGProps } from "react";
+import { useNavigate } from "react-router-dom";
 import { toast } from "sonner";
 
 import { useTheme } from "@/contexts/ThemeContext";
@@ -42,9 +43,10 @@ const languageOptions: { value: Locale; label: string }[] = [
   { value: "zh-CN", label: zhCN.locale.localName },
 ];
 
-export function AppearanceSettingsPage() {
+export function AppearanceSettingsPage({ onClose }: { onClose?: () => void }) {
   const { t, locale, changeLocale } = useI18n();
   const { theme, setTheme } = useTheme();
+  const navigate = useNavigate();
   const currentTheme = theme;
   const [settings, setSettings] = useLocalSettings();
   const isAdmin = getStoredAuth()?.system_role === "admin";
@@ -145,6 +147,42 @@ export function AppearanceSettingsPage() {
         </div>
       </SettingsSection>
 
+      <Separator />
+
+      <SettingsSection
+        title="界面模式"
+        description="全量模式展示侧边栏与顶栏导航；简洁模式隐藏侧边栏与顶栏，获得更大的工作区。"
+      >
+        <div className="flex gap-2">
+          <Button
+            type="button"
+            variant={settings.display.layoutMode !== "compact" ? "default" : "outline"}
+            size="sm"
+            onClick={() => {
+              setSettings("display", { layoutMode: "full" });
+              onClose?.();
+              navigate("/page/workspace/chats/new");
+            }}
+          >
+            <PanelLeftIcon className="mr-1.5 size-4" />
+            全量模式
+          </Button>
+          <Button
+            type="button"
+            variant={settings.display.layoutMode === "compact" ? "default" : "outline"}
+            size="sm"
+            onClick={() => {
+              setSettings("display", { layoutMode: "compact" });
+              onClose?.();
+              navigate("/page/workspace/chats/new");
+            }}
+          >
+            <LayoutIcon className="mr-1.5 size-4" />
+            简洁模式
+          </Button>
+        </div>
+      </SettingsSection>
+
       {isAdmin && (
         <>
           <Separator />