圆桌第三步与业务链条增强：主题跟随/插话暂停/提示词优化/结构化流程图

- 结果绘制跟随日/夜间主题（深色按深蓝 UI 规范令牌绘制），提示词注入真实生成时间 - 绘制支持暂停与随时插话（线程存活时免带原料续线程省 token）、失败自动重试一次、草稿主题不匹配提示条 - 总结报告优先执行用户最终总结要求（结构化输出/重点席位可整体替换默认章节） - 业务链条总控提示词与各阶段目标加「AI 优化」按钮（新接口 POST /api/roundtable-chains/optimize-prompt） - 总结报告 flow-json 结构化流程图：流式增量绘制、最新连线蚂蚁线动画、拖拽/缩放/复位/全屏、节点详情弹窗、沙箱切换按钮/无沙箱自动打开 - roundtable-report / roundtable-summary 两个内置智能体 SOUL 更新（双主题、多轮修改允许读底稿、KPI 估算标注、流程数据契约） Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-06-12 00:37:45 +08:00
1 parent a4a9a4d26e
commit df8bf895ef
@@ -22,6 +22,7 @@ import {
  Loader2,
  PanelLeftClose,
  PanelLeftOpen,
+  Pause,
  RefreshCw,
  SendHorizontal,
  Sparkles,
@@ -119,6 +120,9 @@ export function Step3ReportMode({
    start,
    hydrateSaved,
    redraw,
+    pause,
+    interject,
+    themeMismatch,
    abort,
    openArtifactFromStep,
    openArtifactPreview,
@@ -178,7 +182,9 @@ export function Step3ReportMode({
          ? "绘制完成"
          : phase === "error"
            ? "绘制失败"
-            : "待绘制";
+            : phase === "paused"
+              ? "已暂停"
+              : "待绘制";

  return (
    <div className="flex h-full min-h-0 flex-col text-slate-800">
@@ -196,6 +202,17 @@ export function Step3ReportMode({
          </span>
        </div>
        <div className="flex items-center gap-2">
+          {(phase === "creating" || phase === "streaming") && (
+            <button
+              type="button"
+              onClick={pause}
+              title="暂停绘制（沙箱保留已生成内容，之后可输入修改要求继续或重新绘制）"
+              className="bg-white border border-amber-200 text-amber-700 hover:bg-amber-50 text-[10.5px] font-bold px-3 py-1.5 rounded-xl flex items-center gap-1 transition"
+            >
+              <Pause className="w-3.5 h-3.5" />
+              暂停
+            </button>
+          )}
          <button
            type="button"
            onClick={() => redraw()}
@@ -311,8 +328,9 @@ export function Step3ReportMode({
              phase={phase}
              dialogues={dialogues}
              error={error}
+              themeMismatch={themeMismatch}
              onRetry={redraw}
-              onRevisionSubmit={redraw}
+              onRevisionSubmit={interject}
              onArtifactStepClick={openArtifactFromStep}
              onArtifactPreview={openArtifactPreview}
              selectedModel={selectedModel}
@@ -433,6 +451,7 @@ function AgentProgressPanel({
  phase,
  dialogues,
  error,
+  themeMismatch,
  onRetry,
  onRevisionSubmit,
  onArtifactStepClick,
@@ -445,6 +464,7 @@ function AgentProgressPanel({
  phase: ReturnType<typeof useStep3Report>["phase"];
  dialogues: ReturnType<typeof useStep3Report>["dialogues"];
  error: string | null;
+  themeMismatch: boolean;
  onRetry: () => void;
  onRevisionSubmit: (revisionInstruction: string) => void;
  onArtifactStepClick: ReturnType<typeof useStep3Report>["openArtifactFromStep"];
@@ -455,6 +475,9 @@ function AgentProgressPanel({
  setSelectedModel: (model: string) => void;
 }) {
  const busy = phase === "creating" || phase === "streaming";
+  // 只有「正在建线程」时锁输入（线程没建好没法插话）；绘制中允许输入并发送——
+  // 发送会先打断当前轮，再按新要求继续（与第 3 步总结报告的随时插话一致）。
+  const inputLocked = phase === "creating";
  const scrollRef = useRef<HTMLDivElement>(null);
  const { atBottom, scrollToBottom } = useAutoScroll(scrollRef, [dialogues]);
  const [revisionText, setRevisionText] = useState("");
@@ -462,7 +485,7 @@ function AgentProgressPanel({
  const handleRevisionSubmit = (e: FormEvent<HTMLFormElement>) => {
    e.preventDefault();
    const text = revisionText.trim();
-    if (!text || busy) return;
+    if (!text || inputLocked) return;
    setRevisionText("");
    onRevisionSubmit(text);
  };
@@ -554,12 +577,35 @@ function AgentProgressPanel({
            </div>
          )}

+          {phase === "paused" && (
+            <div className="flex items-center gap-2 text-xs font-bold text-amber-600">
+              <Pause className="w-4 h-4" />
+              已暂停。可在下方输入修改要求继续，或点右上角「重新绘制」。
+            </div>
+          )}
+
          {phase === "done" && (
            <div className="flex items-center gap-2 text-xs font-bold text-emerald-600">
              <CheckCircle className="w-4 h-4" />
              已生成可视化方案总览，右侧可查看 / 全屏 / 下载。
            </div>
          )}
+
+          {themeMismatch && (
+            <div className="flex items-center justify-between gap-2 rounded-xl border border-amber-200 bg-amber-50 p-3 text-xs text-amber-700">
+              <span className="leading-relaxed">
+                界面主题已切换，这份报告还是旧主题的配色。
+              </span>
+              <button
+                type="button"
+                onClick={onRetry}
+                className="shrink-0 inline-flex items-center gap-1 text-[11px] font-bold text-amber-700 underline hover:text-amber-800"
+              >
+                <RefreshCw className="w-3 h-3" />
+                按当前主题重新绘制
+              </button>
+            </div>
+          )}
        </div>
        {!atBottom && <ScrollToBottomButton onClick={scrollToBottom} />}
        <form
@@ -576,18 +622,28 @@ function AgentProgressPanel({
                  e.currentTarget.form?.requestSubmit();
                }
              }}
-              disabled={busy}
+              disabled={inputLocked}
              rows={1}
-              placeholder="输入修改要求，例如：把右侧页面改成深色风格，并增加风险矩阵"
+              placeholder={
+                busy
+                  ? "随时输入修改要求——发送会打断当前绘制并按新要求继续"
+                  : "输入修改要求，例如：增加风险矩阵，执行路线改成时间轴"
+              }
              className="min-h-8 max-h-28 flex-1 resize-none bg-transparent py-1.5 text-xs leading-relaxed text-slate-800 placeholder:text-slate-400 focus:outline-none disabled:cursor-not-allowed disabled:opacity-60"
            />
            <button
              type="submit"
-              disabled={busy || revisionText.trim().length === 0}
-              title={busy ? "正在绘制，请稍后发送" : "发送修改要求"}
+              disabled={inputLocked || revisionText.trim().length === 0}
+              title={
+                inputLocked
+                  ? "正在初始化线程，请稍候"
+                  : busy
+                    ? "发送修改要求（将打断当前绘制并按新要求继续）"
+                    : "发送修改要求"
+              }
              className="mb-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-xl bg-primary text-white transition hover:bg-[var(--brand-900)] disabled:cursor-not-allowed disabled:opacity-50"
            >
-              {busy ? (
+              {inputLocked ? (
                <Loader2 className="h-4 w-4 animate-spin" />
              ) : (
                <SendHorizontal className="h-4 w-4" />