feat(roundtable): 深链策划流程小图 + 流程图弹窗横向/缩略图/深蓝适配

- Step1 消息列表头部：深链 taskId 模式取到目的树后，左侧标题换成「策划流程」
  彩色层级小图（任务→目的→…→叙事，每级配色对齐流程图节点 + 类型小图标），
  点击打开任务目的流程图弹窗；仅第一步、有数据时出现。
- TaskPurposeDialog 流程图：横向(LR)布局 + 右下角缩略图(MiniMap)。
- FlowGraphPanel 深蓝主题适配(随 ThemeContext)：容器/头部/画布点阵/连线/图例/
  小地图/节点详情弹窗 + 节点配色(FLOW_NODE_TYPE_META_DARK)，浅色红主题不受影响。
- 圆桌侧栏深色兜底：neutral 家族 + 米色 hex(#FAF6F5/#ECE7E4/#E8D0CC) 映射到深蓝
  token(关系图背板、第N步 tag 等不再泛白)。

附带提交工作区其余暂存改动(AI 写作等)，不含 config.yaml。

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

frontend-web/src/pages/AgentModulePage.tsx

@@ -75,7 +75,9 @@ function ModuleChatShell({ module }: { module: AgentModuleConfig }) {
   const [settingsOpen, setSettingsOpen] = useState(false);
 
   return (
-    <div className="flex size-full min-h-0 overflow-hidden">
+    // 外壳挂 workspace-chat-bg：深色下整片用同一张深蓝主题底图（fixed），作为左栏半透明
+    // 玻璃面板透出的「底色」；浅色透明无影响。右侧对话区自带同款底图，左右底色一致。
+    <div className="workspace-chat-bg flex size-full min-h-0 overflow-hidden">
       <AgentModuleSidebar
         moduleKey={module.key}
         activeAgentId={agent_id}

frontend-web/src/pages/BusinessChainMappingPage.tsx

@@ -145,8 +145,8 @@ export default function BusinessChainMappingPage() {
 
   /* ── 样式 ── */
   const shellClass = isDark
-    ? "h-full overflow-y-auto text-slate-100 workspace-chat-bg"
-    : "h-full overflow-y-auto bg-white text-[#222]";
+    ? "size-full min-h-0 overflow-y-auto text-slate-100 workspace-chat-bg"
+    : "size-full min-h-0 overflow-y-auto bg-white text-[#222]";
 
   // 卡片：无边框，纯阴影
   const cardClass = isDark

frontend-web/src/pages/LlmMetricsPage.tsx

@@ -14,6 +14,7 @@ import {
   SelectTrigger,
   SelectValue,
 } from "@/components/ui/select";
+import { ScrollArea } from "@/components/ui/scroll-area";
 import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { ToolMetricsPanel } from "@/components/workspace/admin/tool-metrics-panel";
 import {
@@ -494,14 +495,18 @@ function Td({
 export default function LlmMetricsPage() {
   const [tab, setTab] = useState<"llm" | "tool">("llm");
   return (
-    <div className="mx-auto flex w-full max-w-6xl flex-col gap-4 px-6 py-8">
-      <Tabs value={tab} onValueChange={(v) => setTab(v as "llm" | "tool")}>
-        <TabsList>
-          <TabsTrigger value="llm">大模型调用</TabsTrigger>
-          <TabsTrigger value="tool">工具调用</TabsTrigger>
-        </TabsList>
-      </Tabs>
-      {tab === "llm" ? <LlmMetricsPanel /> : <ToolMetricsPanel />}
+    <div className="flex size-full min-h-0 w-full">
+      <ScrollArea className="min-h-0 flex-1">
+        <div className="mx-auto flex w-full max-w-6xl flex-col gap-4 px-6 py-8">
+          <Tabs value={tab} onValueChange={(v) => setTab(v as "llm" | "tool")}>
+            <TabsList>
+              <TabsTrigger value="llm">大模型调用</TabsTrigger>
+              <TabsTrigger value="tool">工具调用</TabsTrigger>
+            </TabsList>
+          </Tabs>
+          {tab === "llm" ? <LlmMetricsPanel /> : <ToolMetricsPanel />}
+        </div>
+      </ScrollArea>
     </div>
   );
 }

frontend-web/src/pages/MemoryPage.tsx

@@ -2,7 +2,7 @@ import { MemorySettingsPage } from "@/components/workspace/settings/memory-setti
 
 export default function MemoryPage() {
   return (
-    <div className="flex flex-col h-full overflow-auto p-6">
+    <div className="flex size-full min-h-0 flex-col overflow-auto p-6">
       <MemorySettingsPage />
     </div>
   );

frontend-web/src/pages/PublicLeaderboardPage.tsx

@@ -34,6 +34,7 @@ import {
 } from "@/components/ui/dialog";
 import { Input } from "@/components/ui/input";
 import { Pagination } from "@/components/ui/pagination";
+import { ScrollArea } from "@/components/ui/scroll-area";
 import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import type {
   AdminLeaderboardDimension,
@@ -225,7 +226,11 @@ export default function PublicLeaderboardPage() {
   }, [userPageCount]);
 
   return (
-    <div className="min-h-screen w-full bg-[#FFF7F7] text-[#231815] dark:bg-[#011226] dark:text-white" style={pageBg}>
+    <div
+      className="flex size-full min-h-0 w-full bg-[#FFF7F7] text-[#231815] dark:bg-[#011226] dark:text-white"
+      style={pageBg}
+    >
+      <ScrollArea className="min-h-0 flex-1">
       <div className="mx-auto w-full max-w-6xl px-4 py-8 sm:px-6 sm:py-10">
         {/* 标题区：仅展示，不含任何操作按钮 */}
         <header className="mb-6">
@@ -372,6 +377,7 @@ export default function PublicLeaderboardPage() {
           {data?.generated_at ? `数据生成于 ${fmtDate(data.generated_at)}` : "仅供查看"}
         </footer>
       </div>
+      </ScrollArea>
     </div>
   );
 }

frontend-web/src/pages/SkillEvolutionPage.tsx

@@ -2,7 +2,7 @@ import { SkillEvolutionPanel } from "@/components/workspace/skills/skill-evoluti
 
 export default function SkillEvolutionPage() {
   return (
-    <div className="flex h-full flex-col overflow-auto p-6">
+    <div className="flex size-full min-h-0 flex-col overflow-auto p-6">
       <SkillEvolutionPanel />
     </div>
   );

frontend-web/src/pages/SkillsPage.tsx

@@ -2,7 +2,7 @@ import { SkillSettingsPage } from "@/components/workspace/settings/skill-setting
 
 export default function SkillsPage() {
   return (
-    <div className="flex flex-col h-full overflow-auto p-6">
+    <div className="flex size-full min-h-0 flex-col overflow-auto p-6">
       <SkillSettingsPage />
     </div>
   );