fix: 固定脚本助手思考用时

2026-07-16 10:17:12 +08:00
parent 04e9d3a3ef
commit db0e984bd2
2 changed files with 71 additions and 9 deletions
@@ -391,7 +391,7 @@ type StepNode = { id: string; label: string; done?: boolean; think?: boolean };
 // 行33 · 进度时间轴(参考主流 AI 应用的流式+推理体感):
 // 竖线串起每步;当前步状态字「光扫」+ 秒数;generate 步思考态用模型实时思考最新一句做状态字,
 // 右侧 › 折叠/展开思考全文(默认收起);完成后收成「已完成思考 · 用时 Xs」。非推理模型无思考节点,照常跑步骤。
-function ProgressTimeline({ steps, reasoning, stream, done, startedAt }: { steps?: StepNode[]; reasoning?: string; stream?: string; done?: boolean; startedAt?: number }) {
+function ProgressTimeline({ steps, reasoning, stream, done, startedAt, thinkingElapsedSeconds, thinkingDurationReady }: { steps?: StepNode[]; reasoning?: string; stream?: string; done?: boolean; startedAt?: number; thinkingElapsedSeconds?: number; thinkingDurationReady?: boolean }) {
  const [openThink, setOpenThink] = useState(false);
  const [now, setNow] = useState(() => Date.now());
  const bodyRef = useRef<HTMLDivElement>(null);
@@ -403,7 +403,9 @@ function ProgressTimeline({ steps, reasoning, stream, done, startedAt }: { steps
  useEffect(() => { if (openThink && bodyRef.current) bodyRef.current.scrollTop = bodyRef.current.scrollHeight; }, [reasoning, openThink]);

  const list = steps ?? [];
-  const elapsed = startedAt ? Math.max(0, Math.round((now - startedAt) / 1000)) : 0;
+  const liveElapsed = startedAt ? Math.max(0, Math.round((now - startedAt) / 1000)) : 0;
+  // “已完成思考”只展示生成分镜阶段冻结下来的时长；历史记录重进页面时不能以当前时间重算。
+  const elapsed = thinkingDurationReady && thinkingElapsedSeconds != null ? thinkingElapsedSeconds : liveElapsed;
  const activeId = !done ? ([...list].reverse().find((s) => !s.done)?.id ?? null) : null;
  // 思考流最新一句(按句末标点/换行切)= 动态状态字,不写死
  const latestThought = (() => {
@@ -420,7 +422,9 @@ function ProgressTimeline({ steps, reasoning, stream, done, startedAt }: { steps
        const hasThink = s.id === "generate" && (reasoning ?? "").length > 0;
        let text = s.label;
        if (s.id === "generate") {
-          if (rowDone) text = hasThink ? `已完成思考 · 用时 ${elapsed}s` : (preamble || s.label);
+          if (rowDone) text = hasThink
+            ? (thinkingDurationReady && thinkingElapsedSeconds != null ? `已完成思考 · 用时 ${elapsed}s` : "已完成思考")
+            : (preamble || s.label);
          else if (s.think) text = latestThought || "思考";
          else text = preamble || s.label;
        }
@@ -1247,8 +1251,9 @@ export function PipelinePage(props: {
  const chatBodyRef = useRef<HTMLDivElement | null>(null);
  // 对话记录(本地会话态):生成动作可追溯,不再是「点了按钮、对话区永远空着」
  // kind=progress:进度提示流(行33),steps 逐条滚动出现,done 后折叠成一行结果
-  type ChatMsg = { id: number; role: "ai" | "user"; text: string; time: string; kind?: "progress"; steps?: StepNode[]; stream?: string; reasoning?: string; done?: boolean; startedAt?: number; auto?: boolean };
+  type ChatMsg = { id: number; role: "ai" | "user"; text: string; time: string; kind?: "progress"; steps?: StepNode[]; stream?: string; reasoning?: string; done?: boolean; startedAt?: number; thinkingElapsedSeconds?: number; thinkingDurationReady?: boolean; auto?: boolean };
  const nowHm = () => new Date().toTimeString().slice(0, 5);
+  const elapsedSinceStart = (startedAt?: number) => startedAt ? Math.max(0, Math.round((Date.now() - startedAt) / 1000)) : 0;
  const msgIdRef = useRef(1);
  const nextMsgId = () => msgIdRef.current++;
  // 脚本助手记录按项目持久化:退出项目→重进仍能看到历史对话(行36)
@@ -1260,7 +1265,13 @@ export function PipelinePage(props: {
        const saved = JSON.parse(raw) as ChatMsg[];
        if (Array.isArray(saved) && saved.length) {
          msgIdRef.current = Math.max(...saved.map((m) => m.id || 0)) + 1;
-          return saved;
+          // 兼容此前已落盘的完成记录：旧数据没有生成完成时刻，无法还原真实时长；
+          // 标为历史记录后仅显示“已完成思考”，不展示被自然时间放大的伪造秒数。
+          return saved.map((msg) => (
+            msg.kind === "progress" && msg.done && msg.steps?.some((step) => step.id === "generate") && !msg.thinkingDurationReady
+              ? { ...msg, thinkingDurationReady: false }
+              : msg
+          ));
        }
      }
    } catch { /* 解析失败则回退默认 */ }
@@ -1434,7 +1445,12 @@ export function PipelinePage(props: {
              const idx = steps.findIndex((s) => s.id === sid);
              if (idx === -1) steps.push({ id: sid, label: label ?? sid, done: !running });
              else steps[idx] = { ...steps[idx], ...(label ? { label } : {}), ...(running ? {} : { done: true }) };
-              return { ...m, steps };
+              // “生成分镜”结束即表示思考结束；实体提取、自检、保存都不再计入该文案的用时。
+              const thinkingElapsedSeconds = sid === "generate" && !running && m.thinkingElapsedSeconds == null
+                ? elapsedSinceStart(m.startedAt)
+                : m.thinkingElapsedSeconds;
+              const thinkingDurationReady = sid === "generate" && !running ? true : m.thinkingDurationReady;
+              return { ...m, steps, ...(thinkingElapsedSeconds != null ? { thinkingElapsedSeconds } : {}), ...(thinkingDurationReady != null ? { thinkingDurationReady } : {}) };
            }));
          } else if (evt.type === "reasoning" && typeof evt.text === "string") {
            // 推理模型思考流:逐字累积,并把 generate 步置「思考态」(状态字 = 思考最新一句)
@@ -1458,7 +1474,7 @@ export function PipelinePage(props: {
          } else if (evt.type === "saved") {
            ok = true;
          } else if (evt.type === "error") {
-            setChatMsgs((list) => list.map((m) => (m.id === progressId ? { ...m, done: true } : m)));
+            setChatMsgs((list) => list.map((m) => (m.id === progressId ? { ...m, done: true, thinkingElapsedSeconds: m.thinkingElapsedSeconds ?? elapsedSinceStart(m.startedAt), thinkingDurationReady: m.thinkingDurationReady ?? false } : m)));
            const publicError = isPublicGenerationError(evt.error) ? evt.error : null;
            if (publicError) {
              const presentation = presentGenerationError(publicError);
@@ -1489,7 +1505,7 @@ export function PipelinePage(props: {
      setStreamBusy(false);
      if (targetShotId) { setBusyShot(null); setRewriteShot(null); } else setScriptBusy(false);
    }
-    setChatMsgs((list) => list.map((m) => (m.id === progressId ? { ...m, done: true } : m)));
+    setChatMsgs((list) => list.map((m) => (m.id === progressId ? { ...m, done: true, thinkingElapsedSeconds: m.thinkingElapsedSeconds ?? elapsedSinceStart(m.startedAt), thinkingDurationReady: m.thinkingDurationReady ?? false } : m)));
    if (ok) {
      await onRefreshProject();
      // 模型写了收尾就用它(真 agent 感);没写则兜底默认句
@@ -2777,7 +2793,7 @@ export function PipelinePage(props: {
                          <div className="bubble">
                            {msg.kind === "progress"
                              ? <>
-                                  <ProgressTimeline steps={msg.steps} reasoning={msg.reasoning} stream={msg.stream} done={msg.done} startedAt={msg.startedAt} />
+                                  <ProgressTimeline steps={msg.steps} reasoning={msg.reasoning} stream={msg.stream} done={msg.done} startedAt={msg.startedAt} thinkingElapsedSeconds={msg.thinkingElapsedSeconds} thinkingDurationReady={msg.thinkingDurationReady} />
                                </>
                              : <CollapsibleText text={msg.text} maxLines={10} />}
                          </div>
@@ -0,0 +1,46 @@
+# 视频项目｜脚本时间持续增长 Bug TODO
+
+> 状态：代码修复完成，待页面确认（2026-07-16）
+> 范围：仅视频项目 Pipeline Stage 1「脚本助手」内的历史生成进度卡；不影响其他页面、任务或计时展示。
+> 协作约定：本待办建立时不修改任何业务代码；待确认现象与预期后，再逐步定位与实施。
+
+## 1. 当前问题描述
+
+视频项目的脚本助手中，已完成的生成进度卡展示“已完成思考 · 用时 xxxs”。
+
+同一条已完成记录在重新进入项目页面后，展示用时会持续变大。例如先显示 `455s`，再次进入后变为 `721s`；任务实际并未重新执行。
+
+## 2. 已确认根因
+
+- 前端在发起脚本生成时记录了开始时间。
+- 生成完成后，该开始时间随脚本助手对话历史保存到浏览器本地。
+- 再次进入页面时，已完成卡片仍使用“当前时间 − 原开始时间”重新计算用时，因此经过的自然时间被误算进任务时长。
+- 当前计时还会覆盖脚本生成之后的实体提取、自检、保存等步骤；这与“已完成思考”的文案语义不一致。
+
+## 3. 确认的目标效果
+
+- “已完成思考 · 用时 xxxs”必须是一次脚本生成的固定历史结果，刷新、离开或重新进入项目后数值不变。
+- 当“按黄金结构生成分镜”完成、流程进入“提取实体”时，思考用时立即冻结。
+- 后续的提取实体、自检、落库与页面刷新不计入“思考用时”。
+- 修复仅作用于视频项目 Pipeline Stage 1 脚本助手的这类进度卡；不改动其他功能、页面或任务的计时逻辑。
+
+## 4. 待实施方案（最小范围）
+
+1. 在脚本助手的单条进度记录中，增加独立的“思考结束时间”或已冻结的思考时长。
+2. 收到“生成分镜完成”事件时立即写入该固定值，并随该条历史对话保存。
+3. 已完成卡片优先展示固定值，禁止用重新打开页面时的当前时间重算。
+4. 验证首次生成、刷新页面、离开后重新进入、历史多条记录四种情况，确认数值均不会继续增长。
+
+## 5. 非目标
+
+- 不调整脚本生成、实体提取、自检、落库等业务执行顺序。
+- 不修改后端任务计费、任务状态或数据库历史数据。
+- 不改动其他页面、其他 Pipeline 阶段和其他 AI 任务的计时展示。
+
+## 6. 实施结果（2026-07-16）
+
+1. 已仅在 Pipeline Stage 1 脚本助手的进度消息数据中新增冻结的思考时长字段。
+2. 后端流返回“生成分镜完成”时，前端立即记录并保存该秒数；后续实体提取、自检、保存不再改变它。
+3. 已完成的历史进度卡优先使用该固定秒数，不再以重新进入页面时的当前时间计算。
+4. 对修复前已保存在浏览器本地的历史记录，由于旧数据未保存真正的完成时刻，无法反推出其最初的准确耗时；这类卡片仅显示“已完成思考”，不再展示误导性的秒数。
+5. 前端生产构建已通过。待在页面新生成一次脚本后确认：进入“提取实体”时数字停止，刷新或重新进入项目后数字保持不变。