fix(roundtable-share): 修复分享拿不到总控结论/各席位交付 + 分享总结报告与大屏多页

排查发现后台作业把结果写进 step2.runs[activeRun]，而顶层 step2 残留前台 seed 的陈旧气泡（无交付、无结论）。_result_sections 旧逻辑「顶层为空才回退 run」因顶层非空而永不回退，导致分享页 consensus 与 seat_deliveries 为空。改为优先读活动 run （与前端 hydrate 一致），已有分享链接无需重建即生效。同时把第三步另外两个产物纳入分享： - 方案总结报告（step3.summaryReport.md，Markdown 内联渲染） - 大屏多页（step3.dashboardJson，用应用内 React 大屏 DashboardApp 渲染，新增 /roundtable-share/:code/dashboard 路由，与应用渲染/新窗口打开同源） Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-06-15 12:57:33 +08:00
1 parent 49101ef0e8
commit fbd237531e
@@ -99,11 +99,15 @@ export function App() {
          <Route path="/public/leaderboard" element={<PublicLeaderboardPage />} />
          <Route
            path="/roundtable-share/:shareCode"
-            element={<PublicRoundtableSharePage />}
+            element={<PublicRoundtableSharePage view="landing" />}
          />
          <Route
            path="/roundtable-share/:shareCode/report"
-            element={<PublicRoundtableSharePage report />}
+            element={<PublicRoundtableSharePage view="report" />}
+          />
+          <Route
+            path="/roundtable-share/:shareCode/dashboard"
+            element={<PublicRoundtableSharePage view="dashboard" />}
          />
          <Route
            path="/public/scheduled-tasks/:taskId"
@@ -37,11 +37,17 @@ export interface PublicDraftShareSnapshot {
  consensus_text: string;
  /** 各席位最终交付. */
  seat_deliveries: PublicDraftSeatDelivery[];
-  /** Self-contained Step 3 result report HTML (empty when no report exists). */
+  /** Self-contained Step 3 result report HTML — 经典 HTML 看板 (empty when none). */
  html: string;
  summary: string | null;
  generated_at: string | null;
  has_report: boolean;
+  /** 方案总结报告 (Markdown，roundtable-summary 产出). */
+  summary_report_md: string;
+  has_summary_report: boolean;
+  /** 大屏多页 (模式二) 结构化数据 (report-json 字符串)；前端按主题渲染成自包含 HTML。 */
+  dashboard_json: string | null;
+  has_dashboard: boolean;
  created_at: string | null;
 }

@@ -8,9 +8,11 @@ import {
  ChevronRight,
  ExternalLink,
  FileText,
+  LayoutDashboard,
  Loader2,
+  ScrollText,
 } from "lucide-react";
-import { useState } from "react";
+import { useMemo, useState } from "react";
 import ReactMarkdown from "react-markdown";
 import { useParams } from "react-router-dom";
 import remarkGfm from "remark-gfm";
@@ -21,6 +23,12 @@ import {
 } from "@/core/roundtable-draft-shares/api";
 import { usePublicBackground } from "@/core/embed/background";
 import { markdownComponents } from "@/roundtable-planning/components/markdown-components";
+import { DashboardApp } from "@/roundtable-planning/dashboard/DashboardApp";
+import { adaptReportData } from "@/roundtable-planning/dashboard/data-context";
+import { parseReportJson } from "@/roundtable-planning/lib/report-template";
+
+/** 该分享页支持的三种视图：落地汇总 / 结果绘制(经典 HTML) / 大屏多页(模式二)。 */
+export type RoundtableShareView = "landing" | "report" | "dashboard";

 /** 各席位最终交付 —— 折叠手风琴（仿 HighFidelityReport 第二区块）。 */
 function SeatDeliveries({ seats }: { seats: PublicDraftSeatDelivery[] }) {
@@ -81,20 +89,22 @@ function SeatDeliveries({ seats }: { seats: PublicDraftSeatDelivery[] }) {
 * Public, read-only roundtable-result viewer.
 *
 * Reachable at `#/roundtable-share/<code>` with NO authentication — anyone with
- * the link can open it. Two views, driven by the `report` prop / route:
+ * the link can open it. Three views, driven by the `view` prop / route:
 *
 * - landing (`#/roundtable-share/<code>`): a read-only result page mirroring the
- *   in-app Step 3「最终方案展示」— 总控最终结论 + 各席位最终交付 + a 「查看结果绘制」
- *   button that opens the full report in a NEW TAB (when one was generated).
- * - report (`#/roundtable-share/<code>/report`): the Step 3 report (a
+ *   in-app Step 3「最终方案展示」— 结果绘制/大屏多页入口 + 方案总结报告 + 总控最终
+ *   结论 + 各席位最终交付.
+ * - report (`#/roundtable-share/<code>/report`): the Step 3 经典 HTML 看板 (a
 *   self-contained HTML document) rendered full-screen inside a sandboxed
- *   `iframe` (no `allow-scripts`), so the agent-generated HTML can never execute
- *   code in the app origin.
+ *   `iframe` (no `allow-scripts`).
+ * - dashboard (`#/roundtable-share/<code>/dashboard`): the Step 3 大屏多页 (模式二)
+ *   — rendered on the fly from the stored structured data via `renderDashboardHtml`
+ *   into the same sandboxed `iframe`.
 */
 export default function PublicRoundtableSharePage({
-  report = false,
+  view = "landing",
 }: {
-  report?: boolean;
+  view?: RoundtableShareView;
 }) {
  const { shareCode } = useParams<{ shareCode: string }>();
  // 嵌套方可用 ?bg=/?text= 或 postMessage 覆盖背景/文字色。
@@ -108,6 +118,17 @@ export default function PublicRoundtableSharePage({
    refetchOnWindowFocus: false,
  });

+  // 大屏多页：用与应用内一致的 React 大屏（DashboardApp）渲染，而非自包含 HTML 模板。
+  // 把存储的结构化数据(report-json)解析并 adapt 成 DashboardApp 的入参；与
+  // Step3DashboardMode 的「应用渲染」、DashboardStandalonePage 的「新窗口打开」同源。
+  const dashboardData = useMemo(() => {
+    const json = data?.dashboard_json;
+    if (!json) return undefined;
+    const parsed = parseReportJson(json);
+    if (!parsed) return undefined;
+    return adaptReportData(parsed, data?.generated_at ?? "");
+  }, [data?.dashboard_json, data?.generated_at]);
+
  if (isLoading) {
    return (
      <div className="bg-background text-muted-foreground flex h-screen items-center justify-center gap-2 text-sm" style={pageBg}>
@@ -128,8 +149,24 @@ export default function PublicRoundtableSharePage({
    );
  }

-  // ── 报告页：整页沙箱 iframe 展示第 3 步结果绘制 ──────────────────────────────
-  if (report) {
+  // ── 大屏多页：整屏渲染应用内 React 大屏（DashboardApp），与应用渲染/新窗口打开一致 ──
+  if (view === "dashboard") {
+    return (
+      <div className="bg-background h-screen w-screen overflow-auto" style={pageBg}>
+        {dashboardData ? (
+          <DashboardApp data={dashboardData} />
+        ) : (
+          <div className="text-muted-foreground flex h-full flex-col items-center justify-center gap-2 px-6 text-center text-sm">
+            <p className="text-base font-medium text-foreground">暂无大屏多页</p>
+            <p>这次会商还没有生成第三步「大屏多页」的方案报告。</p>
+          </div>
+        )}
+      </div>
+    );
+  }
+
+  // ── 结果绘制（经典 HTML 看板）：整页沙箱 iframe 展示自包含报告 ─────────────────
+  if (view === "report") {
    return (
      <div className="bg-background flex h-screen flex-col" style={pageBg}>
        <header className="flex shrink-0 items-center gap-2 border-b px-6 py-3">
@@ -161,8 +198,10 @@ export default function PublicRoundtableSharePage({
    );
  }

-  // ── 落地页：总控最终结论 + 各席位最终交付 + 查看结果绘制（新标签打开报告页）─────
-  const reportUrl = `${window.location.origin}${window.location.pathname}#/roundtable-share/${shareCode}/report`;
+  // ── 落地页：结果绘制/大屏多页入口 + 方案总结报告 + 总控最终结论 + 各席位最终交付 ──
+  const shareBase = `${window.location.origin}${window.location.pathname}#/roundtable-share/${shareCode}`;
+  const reportUrl = `${shareBase}/report`;
+  const dashboardUrl = `${shareBase}/dashboard`;

  return (
    <div className="bg-[#fef6f6] flex h-screen flex-col text-slate-800" style={pageBg}>
@@ -182,23 +221,39 @@ export default function PublicRoundtableSharePage({

      <main className="min-h-0 flex-1 overflow-y-auto">
        <div className="mx-auto w-full max-w-6xl space-y-6 p-6">
-          {/* 1. 结果绘制 —— 新标签打开报告页 */}
+          {/* 1. 结果绘制 / 大屏多页 —— 新标签打开整页报告 */}
          <section className="bg-white border border-slate-200 rounded-2xl p-5 shadow-[0_2px_8px_rgba(0,0,0,0.02)]">
            <h4 className="text-xs font-black text-slate-900 uppercase tracking-widest mb-3 flex items-center gap-2">
              <BarChart3 className="w-4 h-4 text-primary" />
              结果绘制
            </h4>
-            {data.has_report ? (
-              <a
-                href={reportUrl}
-                target="_blank"
-                rel="noopener noreferrer"
-                className="bg-primary text-white hover:bg-[var(--brand-900)] inline-flex items-center gap-2 rounded-xl px-5 py-2.5 text-sm font-semibold transition shadow-sm shadow-primary/10"
-              >
-                <BarChart3 className="size-4" />
-                查看结果绘制
-                <ExternalLink className="size-3.5 opacity-80" />
-              </a>
+            {data.has_report || data.has_dashboard ? (
+              <div className="flex flex-wrap gap-2.5">
+                {data.has_report && (
+                  <a
+                    href={reportUrl}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="bg-primary text-white hover:bg-[var(--brand-900)] inline-flex items-center gap-2 rounded-xl px-5 py-2.5 text-sm font-semibold transition shadow-sm shadow-primary/10"
+                  >
+                    <BarChart3 className="size-4" />
+                    查看结果绘制
+                    <ExternalLink className="size-3.5 opacity-80" />
+                  </a>
+                )}
+                {data.has_dashboard && (
+                  <a
+                    href={dashboardUrl}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="bg-white text-primary border border-primary/30 hover:bg-primary/5 inline-flex items-center gap-2 rounded-xl px-5 py-2.5 text-sm font-semibold transition shadow-sm"
+                  >
+                    <LayoutDashboard className="size-4" />
+                    查看大屏多页
+                    <ExternalLink className="size-3.5 opacity-80" />
+                  </a>
+                )}
+              </div>
            ) : (
              <p className="text-[11px] text-slate-400 italic">
                这次会商还没有生成第三步「结果绘制」的方案报告。
@@ -206,7 +261,22 @@ export default function PublicRoundtableSharePage({
            )}
          </section>

-          {/* 2. 总控最终结论 */}
+          {/* 2. 方案总结报告（Markdown） */}
+          {data.has_summary_report && (
+            <section className="bg-white border border-slate-200 rounded-2xl p-5 shadow-[0_2px_8px_rgba(0,0,0,0.02)]">
+              <h4 className="text-xs font-black text-slate-900 uppercase tracking-widest mb-3 flex items-center gap-2">
+                <ScrollText className="w-4 h-4 text-primary" />
+                方案总结报告
+              </h4>
+              <div className="text-xs text-slate-700 leading-relaxed">
+                <ReactMarkdown remarkPlugins={[remarkGfm]} components={markdownComponents}>
+                  {data.summary_report_md}
+                </ReactMarkdown>
+              </div>
+            </section>
+          )}
+
+          {/* 3. 总控最终结论 */}
          <section className="bg-white border border-slate-200 rounded-2xl p-5 shadow-[0_2px_8px_rgba(0,0,0,0.02)]">
            <h4 className="text-xs font-black text-slate-900 uppercase tracking-widest mb-3 flex items-center gap-2">
              <CheckCircle className="w-4 h-4 text-emerald-500 shrink-0" />
@@ -223,7 +293,7 @@ export default function PublicRoundtableSharePage({
            )}
          </section>

-          {/* 3. 各席位最终交付 */}
+          {/* 4. 各席位最终交付 */}
          <section className="bg-white border border-slate-200 rounded-2xl p-5 shadow-[0_2px_8px_rgba(0,0,0,0.02)]">
            <h4 className="text-xs font-black text-slate-900 uppercase tracking-widest mb-3 flex items-center gap-2">
              <FileText className="w-4 h-4 text-primary" />