@spzxg/cli-ui 0.4.0 → 0.6.1

package/src/ui/transcriptModel.ts

@@ -58,37 +58,94 @@ export function hasOpenAsk(messages: Msg[], scan = 400): boolean {
 }
 
 /**
- * 把（重连时的）全量转录合进已有的：没变的消息保持对象引用，memo 的行就不会重渲染（不会重新解析 markdown）。
+ * 把（重连时的）快照合进已有的：没变的消息保持对象引用，memo 的行就不会重渲染（不会重新解析 markdown）。
+ * 快照只是最新一段（older > 0）时，保留这个页面已经往上翻出来的更早的消息（与 Operator 的 mergeSnapshot 一致）。
  */
-export function mergeSnapshot(prev: Msg[] | undefined, committed: Msg[]): Msg[] {
+export function mergeSnapshot(prev: Msg[] | undefined, committed: Msg[], older = 0): { msgs: Msg[]; older: number } {
   const byId = new Map<string, Msg>();
   for (const m of prev ?? []) byId.set(m.id, m);
-  return committed.map((m) => {
+  const fresh = committed.map((m) => {
     const p = byId.get(m.id);
     if (!p || p.role !== m.role || p.content !== m.content || p.generation !== m.generation) return m;
     return p.ts === m.ts ? p : { ...p, ts: m.ts };
   });
+  let kept: Msg[] = [];
+  if (prev && fresh.length && older > 0) {
+    const at = prev.findIndex((m) => m.id === fresh[0].id);
+    // 只留落过库的（带时间的）：本地补的说明行随旧视图一起作废。
+    if (at > 0) kept = prev.slice(0, at).filter((m) => m.role !== "queued" && m.ts != null);
+  }
+  return { msgs: [...kept, ...fresh], older: Math.max(0, older - kept.length) };
+}
+
+/** 往上翻取到的一页更早的消息接在最前面（已经有的跳过）。 */
+export function prependOlder(prev: Msg[], page: Msg[]): Msg[] {
+  const have = new Set(prev.map((m) => m.id));
+  const add = page.filter((m) => !have.has(m.id));
+  return add.length ? [...add, ...prev] : prev;
 }
 
 export type TranscriptItem =
   | { kind: "label"; key: string; n: number; current: boolean }
   | { kind: "break"; key: string; summary: string }
-  | { kind: "msg"; key: string; m: Msg; initial: boolean; hideWho: boolean };
+  | { kind: "msg"; key: string; m: Msg; initial: boolean; hideWho: boolean }
+  /** 收起的「等你在浏览器里操作」：AI 每 ~50 秒续等一次，每次都是「思考 + 工具 + 一句话」，几分钟就刷满一屏。 */
+  | { kind: "fold"; key: string; msgs: Msg[]; waits: number };
+
+const WAIT_TOOL = /browser_handoff|browser_ask_user/;
+/** 续等的结果：用户还没做完 / 还没填。 */
+const STILL_WAITING = /hasn'?t (finished|answered|responded)|not (finished|answered|done) yet|still waiting|keep waiting|wait_only|还没(有)?(完成|回答|填)|继续等/i;
 
-/** 转录展开成扁平的行（会话标签、/clear 分隔、消息），界面可以只渲染其中一个窗口。 */
-export function buildTranscriptItems(messages: Msg[]): TranscriptItem[] {
+/** 续等浏览器那边的人（browser_handoff / browser_ask_user 带 wait_only，或结果是「还没好」）。第一次请求不算。 */
+export function isWaitCall(m: Msg): boolean {
+  if (m.role !== "tool") return false;
+  const d = toolDataOf(m);
+  if (!WAIT_TOOL.test(d.title)) return false;
+  if (d.result === undefined) return /wait_only/.test(d.detail ?? "");
+  return STILL_WAITING.test(d.result);
+}
+const isThinking = (m: Msg) => m.role === "tool" && /^\W*thinking\b/i.test(toolDataOf(m).title);
+/** 两次续等之间的消息：智能体的一句话、思考。 */
+const between = (m: Msg) => m.role === "assistant" || isThinking(m);
+
+/**
+ * 一段连续的续等（中间只夹着思考和一句话）：最后一次照常显示（它的状态是最新的），前面的收成一行。
+ * 返回收起的那段的结束位置（不含）和收起了几次续等；不到两次续等不收，返回 null。
+ */
+function waitRun(msgs: Msg[], start: number): { end: number; waits: number } | null {
+  let last = start;
+  let waits = 1;
+  for (let i = start + 1; i < msgs.length; i++) {
+    if (isWaitCall(msgs[i])) { last = i; waits++; continue; }
+    if (!between(msgs[i])) break;
+  }
+  return waits >= 2 ? { end: last, waits: waits - 1 } : null;
+}
+
+/**
+ * 转录展开成扁平的行（会话标签、/clear 分隔、消息），界面可以只渲染其中一个窗口。
+ * hasOlder：更早的消息还没取，第一条就不一定是它那个会话的开场。
+ */
+export function buildTranscriptItems(messages: Msg[], hasOlder = false): TranscriptItem[] {
   const sessions = buildSessions(messages);
   const items: TranscriptItem[] = [];
   sessions.forEach((s, si) => {
     if (si > 0 && s.summaryBefore) items.push({ kind: "break", key: `b-${s.n}`, summary: s.summaryBefore });
     items.push({ kind: "label", key: `s-${s.n}`, n: s.n, current: si === sessions.length - 1 });
-    s.messages.forEach((m, mi) => {
+    for (let mi = 0; mi < s.messages.length; mi++) {
+      const m = s.messages[mi];
+      const run = isWaitCall(m) ? waitRun(s.messages, mi) : null;
+      if (run) {
+        items.push({ kind: "fold", key: `f-${m.id}`, msgs: s.messages.slice(mi, run.end), waits: run.waits });
+        mi = run.end - 1;
+        continue;
+      }
       const prev = s.messages[mi - 1];
       // 一段连续的智能体输出（文字 → 工具 → 文字）只显示一次头像行
       const hideWho = m.role === "assistant" && !!prev && (prev.role === "assistant" || prev.role === "tool");
-      const initial = mi === 0 && m.role === "user";
+      const initial = mi === 0 && m.role === "user" && !(si === 0 && hasOlder);
       items.push({ kind: "msg", key: m.id, m, initial, hideWho });
-    });
+    }
   });
   return items;
 }