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/strategy-components/components/task-components/TaskPurposeDialog.tsx

@@ -0,0 +1,93 @@
+/**
+ * 任务目的树「查看弹窗」——多智能体会商深链(goPath=*-A)等只读场景共用。
+ *
+ * 打开时按 taskId 拉取目的树(fetchTaskPurposeDetail，走后端 task_deeplink 配置 /
+ * 测试假数据，与单智能体闸门面板同一条接口路径)，把目的树转换成 Step 3 流程图数据
+ * (purposeTreeToFlowGraph)后，直接复用第三步的流程图画布组件 FlowGraphPanel 展示
+ * （节点可点开看详情、拖拽、缩放、全屏）。**纯查看**：不传 onChange，不可编辑。
+ */
+import { useEffect, useMemo, useState } from "react";
+import { Loader2 } from "lucide-react";
+
+import {
+  Dialog,
+  DialogContent,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import {
+  fetchTaskPurposeDetail,
+  purposeTreeToFlowGraph,
+  type TaskPurposeResult,
+} from "@/core/auth/task-purpose";
+import { FlowGraphPanel } from "@/roundtable-planning/components/FlowGraphPanel";
+
+export function TaskPurposeDialog({
+  taskId,
+  open,
+  onOpenChange,
+}: {
+  taskId: string;
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+}) {
+  const [loading, setLoading] = useState(false);
+  const [result, setResult] = useState<TaskPurposeResult | null>(null);
+
+  useEffect(() => {
+    if (!open || !taskId) return;
+    let cancelled = false;
+    setLoading(true);
+    fetchTaskPurposeDetail(taskId)
+      .then((r) => {
+        if (!cancelled) setResult(r);
+      })
+      .catch(() => {
+        if (!cancelled) setResult({ tree: [], hasData: false });
+      })
+      .finally(() => {
+        if (!cancelled) setLoading(false);
+      });
+    return () => {
+      cancelled = true;
+    };
+  }, [open, taskId]);
+
+  const flowData = useMemo(
+    () => purposeTreeToFlowGraph(result?.tree ?? [], taskId),
+    [result, taskId],
+  );
+
+  const hasNodes = flowData.nodes.length > 0;
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      {/* 流程图画布自带工具栏(含关闭)，关掉 Dialog 默认右上角关闭按钮避免重叠；去内边距让画布铺满。 */}
+      <DialogContent
+        showCloseButton={false}
+        className="flex h-[85vh] w-[92vw] !max-w-[92vw] flex-col gap-0 overflow-hidden p-0"
+      >
+        {/* a11y：Radix 要求 DialogTitle，画布已有可见标题，这里隐藏。 */}
+        <DialogTitle className="sr-only">任务目的（任务 {taskId}）</DialogTitle>
+        {loading ? (
+          <div className="text-muted-foreground flex h-full items-center justify-center gap-2 text-sm">
+            <Loader2 className="h-4 w-4 animate-spin" /> 正在查询任务目的…
+          </div>
+        ) : hasNodes ? (
+          <FlowGraphPanel
+            data={flowData}
+            streaming={false}
+            onClose={() => onOpenChange(false)}
+            orientation="horizontal"
+            miniMap
+          />
+        ) : (
+          <div className="text-muted-foreground flex h-full items-center justify-center text-sm">
+            暂无目的数据
+          </div>
+        )}
+      </DialogContent>
+    </Dialog>
+  );
+}
+
+export default TaskPurposeDialog;