@xgspz/cli-ui 0.6.14 → 0.6.15

package/dist/cli-ui.js

@@ -1,4 +1,4 @@
-import { C as a, b as i, d as r, e as t, f as o, h as C, i as l, j as n, k as m, m as d, l as u, n as w, o as B, p as f } from "./cli-ui-embed-D-3DvyTN.js";
+import { C as a, b as i, d as r, e as t, f as o, h as C, i as l, j as n, k as m, m as d, l as u, n as w, o as B, p as f } from "./cli-ui-embed-vIXVNs6k.js";
 export {
   a as CliBoard,
   i as CliBrowserView,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xgspz/cli-ui",
-  "version": "0.6.14",
+  "version": "0.6.15",
   "type": "module",
   "description": "相互联动的 CliMsgList、CliChat、CliBoard，支持任务中枢和完整 Operator 工作区。",
   "main": "src/index.ts",

package/src/chat/CliChat.tsx

@@ -122,6 +122,11 @@ function batchStatusView(taskStatus: string | null, jobStatus: string | null): {
 
 /** 「智能体在工作」那一行：跑了多久，很久没输出时提示可能卡住。与 Operator 的 RunningIndicator 一致。 */
 const QUIET_AFTER_MS = 180_000;
+/**
+ * 「正在加载会话」最多等这么久：会话记录还没到（执行节点暂时读不到、网关缓冲了实时数据、旧版中枢补发失败后
+ * 不再重试）就改成说明 +「重新读取」，不一直转圈。中枢报了 transcript_unavailable 时立刻说明。
+ */
+export const TRANSCRIPT_WAIT_MS = 20_000;
 function RunningIndicator({ agent, agentName, startedAt, lastActivityRef }: { agent: string | null; agentName: string; startedAt: number | null; lastActivityRef: React.MutableRefObject<number> }) {
   const [now, setNow] = useState(() => Date.now());
   useEffect(() => { const t = setInterval(() => setNow(Date.now()), 1000); return () => clearInterval(t); }, []);
@@ -288,6 +293,24 @@ function ChatInner({ slots, passiveContext = true, configurationBusy, onClear, j
     && (remoteAwaiting === true || (!running && !!lastTurn?.asked && lastTurn.status === "succeeded"));
   // 一次性任务的子任务还没派发（没有节点对话）、或者流已经结束还没有转录：不再转圈，转录里有说明。
   const loading = !!key && !isNew && !!conv && !conv.hasTranscript && !conv.turns.length && conv.stream !== "error" && conv.stream !== "ended" && !(conv.batch && !conv.remoteTaskId);
+  // 记录迟迟不来：到时改成说明（见 TRANSCRIPT_WAIT_MS）；「重新读取」后重新计时。
+  const [loadStalled, setLoadStalled] = useState(false);
+  const [loadAttempt, setLoadAttempt] = useState(0);
+  useEffect(() => {
+    setLoadStalled(false);
+    if (!loading) return;
+    const timer = setTimeout(() => setLoadStalled(true), TRANSCRIPT_WAIT_MS);
+    return () => clearTimeout(timer);
+  }, [loading, key, loadAttempt]);
+  // 已结束的一次性任务：中枢补不到记录时关流前会先报 transcript_unavailable。
+  const transcriptProblem = !!key && !isNew && !!conv && !conv.hasTranscript && !conv.turns.length
+    ? conv.transcriptError ?? (loading && loadStalled
+      ? conv.stream === "connecting" || (conv.stream === "live" && !conv.job)
+        ? "实时连接还没有收到数据：网络或网关可能缓冲了实时推送。"
+        : "会话记录还没读到：执行节点暂时没有响应。"
+      : null)
+    : null;
+  const rereadTranscript = () => { if (!key) return; setLoadAttempt((n) => n + 1); store.reconnect(key, { force: true }); };
   const batchStatus = batch ? conv?.batchTask?.status ?? task?.status ?? null : null;
 
   // 用量：任务详情里的累计 + 实时流里上次刷新后的增量（「新开」的对话还没有用量，不借第一个对话的）。
@@ -790,7 +813,12 @@ function ChatInner({ slots, passiveContext = true, configurationBusy, onClear, j
                 </div></div>
               )}
               {contextReset && <div className="msg system info"><div className="msg-body">ℹ 执行节点上的会话重建过：从那一轮起是新的 Agent 会话，之前的对话上下文没有带过去（工作区文件还在）。</div></div>}
-              {loading && (
+              {transcriptProblem && (
+                <div className="msg system info cli-transcript-problem" role="status"><div className="msg-body">⚠ {transcriptProblem}
+                  <button className="btn btn-line btn-sm" style={{ marginLeft: 8 }} onClick={rereadTranscript}>重新读取</button>
+                </div></div>
+              )}
+              {loading && !transcriptProblem && (
                 <div aria-hidden>
                   <div className="session-label"><span className="ln" />正在加载会话<span className="ln" /></div>
                   <div className="msg user" style={{ opacity: .7 }}>

package/src/core/conversation.ts

@@ -68,6 +68,8 @@ export interface ConvState {
   /** 节点转录（Operator 消息）。 */
   msgs: Msg[];
   hasTranscript: boolean;
+  /** 中枢说这段对话记录暂时读不到（transcript_unavailable）；读到转录后清掉。 */
+  transcriptError: string | null;
   /** 节点转录里比 msgs 更早、还没取的条数（实时流只给最新一段；往上翻时 store.loadOlder 分页取）。 */
   older: number;
   nodeRunning: boolean;
@@ -97,7 +99,7 @@ export interface ConvState {
 }
 
 export const emptyConv = (key: string): ConvState => ({
-  key, ...parseConvKey(key), job: null, task: null, turns: [], msgs: [], hasTranscript: false, older: 0, nodeRunning: false, settled: 0, resolvedModel: null,
+  key, ...parseConvKey(key), job: null, task: null, turns: [], msgs: [], hasTranscript: false, transcriptError: null, older: 0, nodeRunning: false, settled: 0, resolvedModel: null,
   liveUsage: { fresh: 0, cacheRead: 0 }, stream: "idle", streamError: null, endReason: null, continuedBy: null, localAnswers: {},
   batch: false, batchTask: null, remoteTaskId: null,
 });
@@ -161,7 +163,7 @@ function focusBatchTask(conv: ConvState, task: BatchStreamTask | null): ConvStat
   const batchTask = task ? { ...kept, ...task } : null;
   return {
     ...conv, batch: true, batchTask, task: batchTask ? batchStreamTask(batchTask) : null, remoteTaskId: remote,
-    ...(sameRemote ? {} : { msgs: [], hasTranscript: false, older: 0, nodeRunning: false }),
+    ...(sameRemote ? {} : { msgs: [], hasTranscript: false, transcriptError: null, older: 0, nodeRunning: false }),
   };
 }
 
@@ -190,12 +192,14 @@ export function applyItems(conv: ConvState, items: StreamItem[]): ConvState {
   let next = conv;
   for (const item of items) {
     // 一次性任务：只认看的这个子任务所在的节点对话。
-    if (next.batch && (item.type === "transcript" || item.type === "node") && item.remote_task_id && item.remote_task_id !== next.remoteTaskId) continue;
+    if (next.batch && (item.type === "transcript" || item.type === "node" || item.type === "transcript_unavailable") && item.remote_task_id && item.remote_task_id !== next.remoteTaskId) continue;
     if (item.type === "transcript") {
       // 节点转录全量（连上 / 重连节点时各一次）：整体替换，没变的消息保留对象引用。
       const messages = Array.isArray(item.messages) ? item.messages.map(toMsg) : [];
       const merged = mergeSnapshot(next.msgs, messages, typeof item.older === "number" ? item.older : 0);
-      next = { ...next, msgs: merged.msgs, older: merged.older, hasTranscript: true, nodeRunning: item.running === true };
+      next = { ...next, msgs: merged.msgs, older: merged.older, hasTranscript: true, transcriptError: null, nodeRunning: item.running === true };
+    } else if (item.type === "transcript_unavailable") {
+      if (!next.hasTranscript) next = { ...next, transcriptError: typeof item.error === "string" && item.error ? item.error : "暂时读不到这段对话记录" };
     } else if (item.type === "node") {
       next = applyNodeEvent(next, item.event);
     } else if (item.type === "turn") {

package/src/core/store.ts

@@ -573,12 +573,18 @@ export function createCliStore(options: CliStoreOptions = {}) {
     }
   }
   /** 手动重连：给了对话键只连这一个，否则所有停下的 / 正在退避等待的都立刻再连（重试次数重新计）。 */
-  function reconnect(key?: string) {
+  /**
+   * 立刻重连。缺省只接上停下的（offline、页面停放）或正在等重连的；force：连着的也断开重连一次，
+   * 让中枢重新补发快照（例如会话记录一直没读到时的「重新读取」）。
+   */
+  function reconnect(key?: string, options: { force?: boolean } = {}) {
     if (!key) { reconnectNow(); return; }
     const entry = streams.get(key);
-    if (!entry || entry.refs <= 0 || (!entry.parked && !entry.timer)) return;
+    if (!entry || entry.refs <= 0 || (!options.force && !entry.parked && !entry.timer)) return;
     if (entry.timer) { clearTimeout(entry.timer); entry.timer = null; }
     entry.parked = false; entry.attempt = 0;
+    if (options.force) { settleDrop(entry); patchConv(key, (conv) => ({ ...conv, transcriptError: null })); }
+    // connect 会先关掉还连着的那条（包括已经收到 end 的）。
     connect(key);
   }
   // 页面在后台太久：停掉实时流（主动停止不算断线，不会触发重连），切回来由 reconnectNow 接上。

package/src/core/types.ts

@@ -251,6 +251,8 @@ export type StreamItem =
   /** remote_task_id：一次性任务的流里才有（大任务里可能同时有几个节点对话）。 */
   /** older：快照只有最新一段时，更早还有几条（往上翻时经 history 分页取）。旧版中枢没有 = 全量。 */
   | { type: "transcript"; remote_task_id?: string; messages: Message[] | null; pending: PendingMessage[] | null; running: boolean | null; older?: number }
+  /** 中枢读不到这个对话的记录（执行节点暂时连不上、读超时），会继续重试；旧版中枢没有。 */
+  | { type: "transcript_unavailable"; remote_task_id?: string; error: string }
   | { type: "node"; remote_task_id?: string; event: NodeEvent }
   | { type: "turn"; turn: CenterTurn }
   | { type: "job"; job: { id: string; status: JobStatus; closed_reason?: string | null; node_id: string | null } }

package/src/operator.base.css

@@ -1476,6 +1476,9 @@ button.pop-item:hover{background:var(--surface-2);}
   .composer .comp-model .comp-setting>svg{width:12px;height:12px;}
   .composer .comp-foot{flex-wrap:wrap;gap:6px;}
   .composer .comp-foot>.send-group{margin-left:auto;}
+  /* 智能体紧挨发送按钮：它和发送都用 margin-left:auto 会平分空位，智能体被挤到中间（PC 窄聊天栏也会进到这一档）。
+     改为智能体占满空位、按钮靠右；换行时发送仍靠右。 */
+  .composer .comp-foot>.comp-model{flex:1 1 auto;display:flex;justify-content:flex-end;margin-left:0;}
 }
 @media(pointer:coarse){
   .composer-popover .composer-option{min-height:52px;}

package/src/operator.css

@@ -1476,6 +1476,9 @@
   .cli-ui .composer .comp-model .comp-setting>svg{width:12px;height:12px;}
   .cli-ui .composer .comp-foot{flex-wrap:wrap;gap:6px;}
   .cli-ui .composer .comp-foot>.send-group{margin-left:auto;}
+  /* 智能体紧挨发送按钮：它和发送都用 margin-left:auto 会平分空位，智能体被挤到中间（PC 窄聊天栏也会进到这一档）。
+     改为智能体占满空位、按钮靠右；换行时发送仍靠右。 */
+  .cli-ui .composer .comp-foot>.comp-model{flex:1 1 auto;display:flex;justify-content:flex-end;margin-left:0;}
 }
 @media(pointer:coarse){
   .cli-ui .composer-popover .composer-option{min-height:52px;}