feat(frontend): M9 模态 UI（mode 系统+共享 store+WS 客户端 + chat(思维链/工具回显/情绪徽标)/code/Agent 监控/后台思考页 + Miuix 设计 token + PWA）；tsc+vite build 通过

frontend/web/src/modes/ModeRouter.tsx

@@ -0,0 +1,38 @@
+import { useModeStore } from "../store/useModeStore";
+import { ChatMode } from "./ChatMode";
+import { CodeMode } from "./CodeMode";
+import { HomeMode } from "./HomeMode";
+import { WorkMode } from "./WorkMode";
+import { DocsMode } from "./DocsMode";
+import { VoiceMode } from "./VoiceMode";
+import { VisionMode } from "./VisionMode";
+import { AgentsMode } from "./AgentsMode";
+import { SettingsMode } from "./SettingsMode";
+
+/** Renders the active mode's presentation layer. The session context / messages
+ *  / memory live in useAppStore and are untouched by these switches. */
+export function ModeRouter(): React.ReactNode {
+  const mode = useModeStore((s) => s.mode);
+  switch (mode) {
+    case "chat":
+      return <ChatMode />;
+    case "code":
+      return <CodeMode />;
+    case "home":
+      return <HomeMode />;
+    case "work":
+      return <WorkMode />;
+    case "docs":
+      return <DocsMode />;
+    case "voice":
+      return <VoiceMode />;
+    case "vision":
+      return <VisionMode />;
+    case "agents":
+      return <AgentsMode />;
+    case "settings":
+      return <SettingsMode />;
+    default:
+      return <ChatMode />;
+  }
+}