多智能体页面结构修改

frontend-web/src/roundtable-planning/components/Step3Panel.tsx

@@ -0,0 +1,61 @@
+/**
+ * Step 3 主面板 —— 方案结果展示。
+ *
+ * 当前是 `HighFidelityReport` 的薄壳;放它在这里只是为了让 Step 1 / Step 2 /
+ * Step 3 三步在主页面里以同样的导入风格出现,方便阅读。
+ *
+ * Step 3 真实逻辑请改 `HighFidelityReport.tsx` —— 包括各席位 artifact
+ * 拉取 / 文本类预览 / window.open 下载 / 「重新起草」按钮等。
+ */
+import { HighFidelityReport } from "@/roundtable-planning/components/HighFidelityReport";
+import type { Step2Dialogue } from "@/roundtable-planning/hooks/useStep2Orchestration";
+import type { ThreadIdMap } from "@/roundtable-planning/api/multi-agent";
+
+export interface Step3PanelProps {
+  threadIds: ThreadIdMap | null;
+  coordinatorName: string | null;
+  consensusText: string;
+  hasConsensus: boolean;
+  step2RoundtableDialogues: Step2Dialogue[];
+  agentNameToRole: Record<
+    string,
+    { speakerId: number; avatarType: string; displayName: string }
+  >;
+  onReset: () => void;
+}
+
+export function Step3Panel(props: Step3PanelProps) {
+  const {
+    threadIds,
+    coordinatorName,
+    consensusText,
+    hasConsensus,
+    step2RoundtableDialogues,
+    agentNameToRole,
+    onReset,
+  } = props;
+
+  const seatDeliveries = step2RoundtableDialogues
+    .filter((d) => d.confidence === "子智能体交付")
+    .map((d) => ({
+      sender: String(d.sender ?? ""),
+      avatarType: String(d.avatarType ?? "blue"),
+      content: String(d.content ?? ""),
+    }));
+
+  const seatNameMap = Object.fromEntries(
+    Object.entries(agentNameToRole).map(([k, v]) => [k, v.displayName]),
+  );
+
+  return (
+    <HighFidelityReport
+      threadIds={threadIds}
+      coordinatorName={coordinatorName}
+      consensusText={consensusText}
+      hasConsensus={hasConsensus}
+      seatDeliveries={seatDeliveries}
+      seatNameMap={seatNameMap}
+      onReset={onReset}
+    />
+  );
+}