dsh-activity-pane 0.3.0 → 0.4.0

package/.dsh-plugin/client.js

@@ -1073,6 +1073,31 @@ function usageSummary({ uncachedInputTokens = null, cacheReadTokens = null, cach
 	return { inputTokens, cacheHitPct };
 }
 
+/** 从 sessions.list 的投影统一归一卡片统计：运行卡与最近卡共享同一口径。 */
+function statsFromProjection(projection = null, elapsedMs = null) {
+	const usage = isRecord(projection?.tokenUsage) ? projection.tokenUsage : {};
+	const sessionStats = isRecord(projection?.sessionStats) ? projection.sessionStats : {};
+	const rateTokS = Number.isFinite(sessionStats.decodeMs) && sessionStats.decodeMs > 0
+		? sessionStats.decodeTokens / (sessionStats.decodeMs / 1000)
+		: null;
+	return {
+		...runtimeStats({ elapsedMs, outputTokens: usage.outputTokens, rateTokS }),
+		...usageSummary(usage),
+	};
+}
+
+/** 统计字段按字段合并：当前值有效时优先，否则回退到上一份已知值；不合并 elapsedMs。 */
+function mergeRuntimeStats(current = null, fallback = null) {
+	const currentStats = isRecord(current) ? current : {};
+	const fallbackStats = isRecord(fallback) ? fallback : {};
+	return {
+		outputTokens: currentStats.outputTokens ?? fallbackStats.outputTokens ?? null,
+		inputTokens: currentStats.inputTokens ?? fallbackStats.inputTokens ?? null,
+		cacheHitPct: currentStats.cacheHitPct ?? fallbackStats.cacheHitPct ?? null,
+		rateTokS: currentStats.rateTokS ?? fallbackStats.rateTokS ?? null,
+	};
+}
+
 /** 需要用户行动的种类的展示文案。 */
 function pendingText(kind) {
 	return PENDING_LABELS[kind] ?? PENDING_UNKNOWN_LABEL;
@@ -1174,8 +1199,8 @@ function escapeCssString(value) {
  *  windowComplete（R-01-009/AC-06、R-01-012/AC-12 冷窗口兜底）：快照已就绪但窗口缺
  *  锚点数据（开放回合起点或可锚用户行在窗口外）时为 false——此时仍发起一次 history
  *  补读，供进度锚点与指令锚行兜底。previewFallbackNeeded 表示最近卡的快照预览
- *  不完整，同样补读一次 history（R-01-013/AC-03、AC-04）；durationFallbackNeeded 表示等待卡
- *  需要在已加载的旧 history 之后再取一次最新回合边界（R-01-009/AC-12）。 */
+ *  不完整，同样补读一次 history（R-01-013/AC-03、AC-04）；durationFallbackNeeded 表示等待卡或最近卡
+ *  需要在已加载的旧 history 之后再取一次最新回合边界（R-01-009/AC-12、R-01-013/AC-12）。 */
 function detailLoadPlan({
 	detail = {},
 	isSubagent = false,
@@ -2649,14 +2674,10 @@ body:not([data-ds-dark-theme]) [data-dsh-activity-pane] .dap-workspace {
   display: flex; flex-direction: column; align-items: flex-start; gap: 4px;
   min-width: 0; margin: 2px 0 0;
 }
-/* 等待类型胶囊与上一轮耗时同行：时长沿用运行统计行的右缘位置，不参与等待脉冲。 */
+/* 等待类型胶囊独立同行：耗时回到统计行最右侧，不参与等待脉冲。 */
 [data-dsh-activity-pane] .dap-await-head {
   display: flex; align-items: center; gap: 8px; align-self: stretch; min-width: 0;
 }
-[data-dsh-activity-pane] .dap-await-head .dap-token-time {
-  margin-left: auto; flex: none; font-size: 10px; line-height: 14px;
-  color: #8f9aaa; font-variant-numeric: tabular-nums;
-}
 [data-dsh-activity-pane] .dap-note-row {
   display: flex; align-items: center; gap: 6px; min-width: 0; align-self: stretch;
 }
@@ -2675,7 +2696,7 @@ body:not([data-ds-dark-theme]) [data-dsh-activity-pane] .dap-workspace {
   color: color-mix(in srgb, currentColor 82%, transparent);
   background: color-mix(in srgb, currentColor 14%, transparent);
 }
-/* 运行卡富化（对齐 answer-pet 卡片；MIT 参考，见 README）。 */
+/* 运行卡与最近卡统计（对齐 answer-pet 卡片；MIT 参考，见 README）。 */
 [data-dsh-activity-pane] .dap-progress {
   display: flex; align-items: center; gap: 7px; min-width: 0;
 }
@@ -3214,7 +3235,7 @@ function apply(ctx) {
 	const livenessById = new Map();
 	/** 委托周期进度锚点记账：id → progressAnchor 状态（R-01-009/AC-06）。 */
 	const progressAnchorById = new Map();
-	/** 订阅停止后保留最近快照，供 awaiting/recent 卡继续显示上下文。 */
+	/** 订阅停止后保留最近快照与最后已知运行统计，供 awaiting/recent 卡继续显示上下文。 */
 	const sessionDetailsById = new Map();
 	/** 会话跳转的单一重试链；避免重复点击叠加 refresh/timer。 */
 	const openRetryStates = new Map();
@@ -3889,7 +3910,10 @@ function apply(ctx) {
 			const agentLabel = makeEl("span", "dap-history-label");
 			agentLabel.textContent = "助手";
 			agentLine.append(agentIcon, agentLabel, makeEl("span", "dap-history-separator"), makeEl("span", "dap-history-text"));
-			return [head, row, userLine, agentLine, makeEl("div", "dap-note")];
+			const statsRow = makeEl("div", "dap-token-stats");
+			statsRow.append(makeEl("span", "dap-token-main"), makeEl("span", "dap-token-time"));
+			statsRow.hidden = true;
+			return [head, row, userLine, agentLine, statsRow, makeEl("div", "dap-note")];
 		}
 		if (kind === "awaiting") {
 			const row = makeEl("div", "dap-row");
@@ -3903,10 +3927,13 @@ function apply(ctx) {
 			const noteRow = makeEl("div", "dap-note-row");
 			noteRow.append(makeEl("div", "dap-note"), makeConfirmButton());
 			const awaitHead = makeEl("div", "dap-await-head");
-			awaitHead.append(capsule, makeEl("span", "dap-token-time"));
+			awaitHead.append(capsule);
+			const statsRow = makeEl("div", "dap-token-stats");
+			statsRow.append(makeEl("span", "dap-token-main"), makeEl("span", "dap-token-time"));
+			statsRow.hidden = true;
 			const foot = makeEl("div", "dap-foot");
 			foot.append(awaitHead, noteRow);
-			return [head, row, makeEl("div", "dap-trace"), foot];
+			return [head, row, makeEl("div", "dap-trace"), statsRow, foot];
 		}
 		const row = makeEl("div", "dap-row");
 		row.append(makeEl("span", "dap-dot"), makeEl("span", "dap-title"));
@@ -4267,14 +4294,19 @@ function apply(ctx) {
 		}
 	}
 
-	/** 统计行渲染：运行卡写入速率、token 与耗时，旧骨架缺节点时就地补齐。 */
+	/** 统计行渲染：运行卡、等待卡与最近卡写入速率、token 与耗时，旧骨架缺节点时就地补齐。 */
 	function renderTokenStats(el, entry) {
 		let stats = el.querySelector(".dap-token-stats");
 		if (stats === null) {
 			stats = makeEl("div", "dap-token-stats");
 			stats.append(makeEl("span", "dap-token-main"), makeEl("span", "dap-token-time"));
 			stats.hidden = true;
-			el.append(stats);
+			const foot = entry.kind === "awaiting" ? el.querySelector(".dap-foot") : null;
+			if (foot !== null) el.insertBefore(stats, foot);
+			else el.append(stats);
+		} else if (entry.kind === "awaiting") {
+			const foot = el.querySelector(".dap-foot");
+			if (foot !== null && stats.nextElementSibling !== foot) el.insertBefore(stats, foot);
 		}
 		let mainTextEl = stats.querySelector(".dap-token-main");
 		let timeEl = stats.querySelector(".dap-token-time");
@@ -4296,25 +4328,9 @@ function apply(ctx) {
 		if (stats.hidden !== statsHidden) stats.hidden = statsHidden;
 	}
 
-	/** 等待卡耗时写入：与等待类型胶囊同一行靠右，旧骨架缺该行时就地补齐。 */
-	function renderAwaitingDuration(el, entry) {
-		const foot = el.querySelector(".dap-foot");
-		if (foot === null) return;
-		let head = foot.querySelector(".dap-await-head");
-		if (head === null) {
-			const capsule = foot.querySelector(".dap-capsule");
-			if (capsule === null) return;
-			head = makeEl("div", "dap-await-head");
-			capsule.replaceWith(head);
-			head.append(capsule);
-		}
-		let time = head.querySelector(".dap-token-time");
-		if (time === null) {
-			time = makeEl("span", "dap-token-time");
-			head.append(time);
-		}
-		const text = Number.isFinite(entry.elapsedMs) && entry.elapsedMs >= 0 ? fmtElapsedMs(entry.elapsedMs) : "";
-		if (time.textContent !== text) time.textContent = text;
+	/** 旧热装等待骨架清理：耗时已迁回统计行，去掉胶囊同行残留的时长节点。 */
+	function removeAwaitingHeadDuration(el) {
+		el.querySelector(".dap-await-head .dap-token-time")?.remove();
 	}
 
 	/** 时间线区加载指示：数据在途且尚无工作项时显示活动图标行（R-01-014/AC-02）。 */
@@ -4449,12 +4465,14 @@ function apply(ctx) {
 					restoreTextField(text, previews[i]);
 				}
 			}
+			renderTokenStats(el, entry);
 		}
 
 		if (entry.kind === "awaiting") {
 			const traceContainer = el.querySelector(".dap-trace");
 			if (traceContainer !== null) renderTimelineArea(traceContainer, entry);
-			renderAwaitingDuration(el, entry);
+			removeAwaitingHeadDuration(el);
+			renderTokenStats(el, entry);
 			const confirm = el.querySelector(".dap-confirm");
 			if (confirm !== null) {
 				// 激活锚点：只在结构重建时绑一次（卡片按 id 复用，kind 变化会重建骨架）。
@@ -5099,11 +5117,11 @@ function apply(ctx) {
 			// token/速率取自 sessions.list 条目的投影（tokenUsage/sessionStats），
 			// 复用既有列表订阅，无新增轮询（R-01-009/AC-05、R-02-004/AC-02）。
 			const projection = snapshot?.byId?.[entry.id]?.projectionValues;
-			const stats = projection?.sessionStats;
-			const rateTokS =
-				stats && Number.isFinite(stats.decodeMs) && stats.decodeMs > 0
-					? stats.decodeTokens / (stats.decodeMs / 1000)
-					: null;
+			const projectionStats = statsFromProjection(projection);
+			if (entry.kind === "awaiting") {
+				// 等待期间冻结运行停止前的最后已知统计；刷新/无留存时回退当前列表投影。
+				Object.assign(entry, mergeRuntimeStats(detail?.lastRuntimeStats, projectionStats));
+			}
 			// 委托周期锚点（R-01-009/AC-06）：全部活动条目逐帧记账——锚点不因呈现翻转
 			// （委托期与 awaiting 互转）或瞬时不可见而丢失，仅 dispose 时整体清除；周期内
 			// 进度连续（含 settle 处理回合），周期外由宿主回合起点驱动（新回合归零）。
@@ -5119,13 +5137,15 @@ function apply(ctx) {
 			progressAnchorById.set(entry.id, anchor);
 			if (entry.kind === "running") {
 				const elapsedMs = Number.isFinite(anchor.anchor) ? Math.max(0, now - anchor.anchor) : null;
-				const outputTokens = projection?.tokenUsage?.outputTokens ?? null;
-				Object.assign(entry, runtimeStats({ elapsedMs, outputTokens, rateTokS }));
-				Object.assign(entry, usageSummary(projection?.tokenUsage ?? {}));
+				Object.assign(entry, projectionStats, { elapsedMs });
+				if (detail) {
+					// 列表投影短暂缺字段时，不覆盖此前已知的有效统计。
+					detail.lastRuntimeStats = mergeRuntimeStats(projectionStats, detail.lastRuntimeStats);
+				}
 				// 回合进度：纯时间驱动 y = t/(t+k)，半衰期每帧按最新实测速率现算，固定
 				// k 下单调性由函数本身保证；k 变化时允许进度随速率回落而回退（委托周期
 				// 连续、周期外回合切换归零，R-01-009/AC-06，C-014、C-044）。
-				entry.progress = progressOf({ elapsedMs: elapsedMs ?? 0, halfLifeSec: progressHalfLifeSec({ rateTokS }) });
+				entry.progress = progressOf({ elapsedMs: elapsedMs ?? 0, halfLifeSec: progressHalfLifeSec({ rateTokS: projectionStats.rateTokS }) });
 			}
 		}
 		// 历史区时间精化（R-01-010/AC-08、AC-09）：从保留快照的 turnTimings 与已拉取的
@@ -5146,6 +5166,23 @@ function apply(ctx) {
 		recentTotal = recentCandidates.length;
 		const recent = recentCandidates.slice(0, recentVisibleCount);
 		recentHasMore = recent.length < recentTotal;
+		// 最近卡统计复用运行卡的列表投影口径；耗时从保留快照或已读 history 取最近完整回合，
+		// 缺边界时仅为当前可见历史卡安排一次既有 history 补读（R-01-013/AC-12）。
+		const recentDurationFallbackIds = new Set();
+		for (const entry of recent) {
+			const detail = sessionDetailsById.get(entry.id);
+			const detailSnapshot = livenessById.get(entry.id)?.snapshot ?? detail?.snapshot ?? null;
+			const elapsedMs = lastTurnDuration({ turnTimings: detailSnapshot?.turnTimings, history: detail?.history });
+			const stats = statsFromProjection(snapshot?.byId?.[entry.id]?.projectionValues, elapsedMs);
+			const retained = detail?.lastRuntimeStats;
+			Object.assign(entry, stats, retained ? {
+				outputTokens: retained.outputTokens ?? stats.outputTokens,
+				inputTokens: retained.inputTokens ?? stats.inputTokens,
+				cacheHitPct: retained.cacheHitPct ?? stats.cacheHitPct,
+				rateTokS: retained.rateTokS ?? stats.rateTokS,
+			} : null);
+			if (elapsedMs === null) recentDurationFallbackIds.add(entry.id);
+		}
 		syncRecentTimeClock(recent.length > 0);
 		// 预览只对当前显示的 recent 卡计算（活动卡不显示预览）；快照/历史引用不变时命中缓存。
 		// 完成瞬间的窗口快照可能先有用户消息、后到 agent reply；缺任一预览时补读一次 history。
@@ -5166,7 +5203,10 @@ function apply(ctx) {
 			entry.loadingPreviews = (!entry.userPreview || !entry.agentPreview) && historyLoads.has(entry.id);
 		}
 		// 补充数据读取优先级：当前会话最优先，活动区先于当前已显示历史页（区内按显示顺序）。
-		const durationFallbackIds = new Set(active.filter((entry) => entry.kind === "awaiting").map((entry) => entry.id));
+		const durationFallbackIds = new Set([
+			...active.filter((entry) => entry.kind === "awaiting").map((entry) => entry.id),
+			...recentDurationFallbackIds,
+		]);
 		const detailIds = [...active, ...recent].map((entry) => entry.id);
 		detailIds.sort((a, b) => Number(String(b) === String(snapshot?.current)) - Number(String(a) === String(snapshot?.current)));
 		loadNativeDetails(detailIds, previewFallbackIds, durationFallbackIds);

package/README.md

@@ -52,7 +52,7 @@ The npm package ships prebuilt, so no local build step is needed. If the pane do
 - [x] **Stronger waiting-for-action reminders**: blocked waits, completion reminders, and error reminders are marked with gold, green, and red cards respectively; questions are previewed directly as a question list, and completion reminders are explicitly acknowledged via the "Move to history" button on the card; the state is persisted on the host side and synced across all clients, so refreshing the page or opening another window never loses unacknowledged completion reminders or error reminders not yet overwritten by a new round.
 - [x] **Sub/grandchild session hierarchy**: sub-agents are nested under their parent session with connector lines and compact cards; a parent whose own round has ended but that still has active descendants keeps rendering as running, and disappears from the active area once its sub-agents have ended and no active descendants remain; the history area keeps main sessions only.
 - [x] **Workspace names displayed and factored into ordering**: session cards show a workspace badge with a stable color, and session ordering follows the workspace order in the left sidebar.
-- [x] **Current work and run stats**: active cards show the latest instruction, thinking, and tool calls in a collapsed timeline of at most 4 rows; running cards also show round progress, output rate, cache hit rate, input/output tokens, and run duration, while completed, blocked, and error waits retain the previous round's duration.
+- [x] **Current work and run stats**: active cards show the latest instruction, thinking, and tool calls in a collapsed timeline of at most 4 rows; running cards also show round progress, output rate, cache hit rate, input/output tokens, and run duration, while completed, blocked, and error waits retain the previous round's duration at the end of the token stats row alongside last-known output stats; recent history cards retain the latest completed round's available stats between the reply preview and activity time.
 - [x] **Session navigation**: clicking or keyboard-activating a session card jumps to that session's page, and the current session stays highlighted.
 - [x] **Session metadata**: session cards show the current model name and reasoning level.
 - [x] **Polished desktop & mobile interactions**: the desktop pane can collapse, be resized by dragging, and remember its width; mobile uses a fixed drawer that does not squeeze the main conversation layout; long lists get independent scrolling and a back-to-top button.

package/README.zh-CN.md

@@ -52,7 +52,7 @@ npm 包内置预构建产物，无需本地构建步骤。安装后如窗格未
 - [x] **强化等待行动提醒**：阻塞等待、完成提醒与错误提醒分别以金色、绿色和红色卡片标识；提问直接预览问题列表，完成提醒经卡片上的「移入历史」按钮显式确认；状态由宿主侧持久化并在所有客户端间同步，刷新页面或另开窗口不会丢失未确认的完成提醒和尚未被新回合覆盖的错误提醒。
 - [x] **显示子/孙会话层级**：子代理以连接线和紧凑卡片嵌套在母会话下；母会话自身回合结束但仍有活动后代时继续按运行中呈现，子代理结束且没有活动后代后从活动区消失；历史区只保留主会话。
 - [x] **显示工作区名称并参与排序**：会话卡片显示带稳定色彩的工作区徽标，会话排序与左侧边栏中的工作区顺序保持一致。
-- [x] **展示当前工作与运行统计**：活动卡以最多 4 行折叠时间线展示最近指令、思考与工具调用；运行中卡片还显示回合进度、输出速率、缓存命中率、输入/输出 token 与运行时长，进入完成、阻塞或错误等待后保留上一轮耗时。
+- [x] **展示当前工作与运行统计**：活动卡以最多 4 行折叠时间线展示最近指令、思考与工具调用；运行中卡片还显示回合进度、输出速率、缓存命中率、输入/输出 token 与运行时长，进入完成、阻塞或错误等待后在统计行末尾与 tok/s 等内容并列保留上一轮耗时及最后已知统计；迁入最近历史后，历史卡在助手预览与活动时间之间继续保留最后一轮的可用统计。
 - [x] **加入会话导航跳转**：点击或键盘激活会话卡片可跳转到对应会话页面，当前会话保持高亮。
 - [x] **增加会话元信息**：会话卡片中显示当前使用的模型名称和推理级别。
 - [x] **完善桌面与移动交互**：桌面窗格可折叠、拖拽调宽并记忆宽度；移动端使用不挤压主会话布局的固定抽屉；长列表提供独立滚动与回到顶部按钮。

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-activity-pane",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "packageManager": "pnpm@11.5.0",
   "engines": {
     "node": ">=20"

package/scripts/acceptance.mjs

@@ -21,6 +21,7 @@
 // - R-01-015/AC-01、AC-02、AC-04、AC-03 桌面折叠态 → e2e/specs/resize.mjs；AC-03 移动端无手柄 → e2e/specs/mobile-drawer.mjs
 // - R-01-018/AC-01、AC-03、AC-04、AC-05、AC-02 点击/键盘/reduced-motion → e2e/specs/back-to-top.mjs（AC-02 平滑观感残留人工）
 // - R-01-003/AC-03、AC-08～AC-12 浏览器着色、R-01-012/AC-01、AC-05、R-01-013/AC-01、R-01-013/AC-03、R-01-013/AC-04、AC-07、AC-08、AC-10、AC-11 → e2e/specs/card-content.mjs（AC-02 结构断言已迁，多工作区感知区分与「标题随宿主更新」半句仍人工）
+// - R-01-013/AC-12 → e2e/specs/session-lifecycle.mjs（最近卡统计行迁移与位置）
 // T-089 起：
 // - R-01-009/AC-02、AC-03 的 tool→等待→stream 实时更新 → e2e/specs/auto-update.mjs（AC-01 进行中 tool partial 仍由 unit/人工承接）。
 // - R-01-014/AC-01、AC-03、AC-06 的列表 pending→ready、detail 渐进补齐与计数切换 → e2e/specs/loading-ready.mjs。
@@ -65,8 +66,8 @@ const steps = [
 	"让包含 todo_write/ask_user_question/cordis_define/失败工具调用/上下文注入的会话在选中与非选中态间切换，确认时间线中每个动作的标题与摘要两态完全一致（todo 显示 x/y 进度、ask 显示等待/已答/已取消、失败动作显示错误首行、上下文注入显示「上下文注入 · 来源标识」而非注入内容原文）。",
 	// R-01-009/AC-05 统计行布局与缓存命中率
 	"运行中会话流式输出时，确认进度条下方统计行左侧依次显示「tok/s 速率 · 缓存命中率 · 输入 · 输出」（与会话主窗口同序），字段间以小圆点区隔且速率无约等于符号、命中率为百分比；本回合时长固定在该行最右侧；数据缺失的字段隐藏，两段皆空时整行不残留。",
-	// R-01-009/AC-12 等待状态保留上一轮耗时
-	"让已有至少一个完整已结束回合的会话分别进入完成提醒、待确认/待审查/待回复阻塞等待与错误提醒，确认三类等待卡的等待类型胶囊同行最右侧均继续显示上一轮完整回合耗时；等待数分钟后文字不增长；没有完整上一轮时不显示虚假耗时。",
+	// R-01-009/AC-12、R-01-009/AC-13 等待状态保留上一轮耗时与统计
+	"让已有至少一个完整已结束回合的会话分别进入完成提醒、待确认/待审查/待回复阻塞等待与错误提醒，确认三类等待卡的时间线之后均继续显示上一轮最后已知的「tok/s · 缓存 · 输入 · 输出」可用统计，且耗时与上述统计处于同一行最右侧、等待类型胶囊同行不重复显示；等待数分钟后统计与耗时均不增长；没有可用统计或完整上一轮时不显示虚假字段。",
 	// R-01-009/AC-06 回合进度条（时间驱动、半衰期每帧按最新实测速率校准，C-014、C-025、C-044）
 	"确认运行卡标题后不再显示进度百分比；百分比改为与进度条同行并紧跟其右侧，在固定占位内向右对齐，其文字右缘与下一行最右侧的本回合耗时文字右缘对齐，并相对进度条中心略微上移 1px、视觉上不再偏下；9% 到 100% 的位数变化不改变其占位宽度或右缘，窄卡宽下进度条可收缩而百分比保持完整可见。观察进度条随本回合已耗时平滑爬升（不再出现 10% 级跳变）：新会话起步期（无实测速率）按 20 tok/s 保守基准慢爬（约 2 分钟到 18%、6 分钟到 40%）；速率实测后进度增速随统计行显示的累计平均速率动态调整——平均速率上升时增速加快（如 ≈45 tok/s 时 4 分钟到 50%），平均速率回落时进度可随之小幅回退（实时估计语义，不承诺单调）；回合切换后归零重爬；中途才接入的会话进度从该回合已耗时对应值起算；回退时条纹动画不中断。",
 	// R-01-009/AC-07 工作项时间线状态与摘要（无行级耗时）
@@ -130,6 +131,8 @@ const steps = [
 	// R-01-010/AC-08、R-01-010/AC-09 历史区时间口径为最后活动时间
 	// R-01-013/AC-05 历史卡同时显示绝对日期时间与相对活动时间
 	"找一个发指令后 agent 运行了较久才结束的会话，待其落入最近历史区后，确认卡片第五行同时显示本地绝对日期时间（跨年份带年份）与相对活动时间，且绝对时间对应最后回复结束时刻（而非发指令时刻）；历史区仍按该时刻从新到旧排序。刷新页面（冷会话）后确认时间先按宿主列表时间显示、数据到达后精化为回复结束时刻，相对时间会按分钟级推进。",
+	// R-01-013/AC-12 最近历史卡保留最近回合统计
+	"让一个已有完整回合的会话结束并经「移入历史」进入最近历史区，确认助手预览行之后、活动时间之前的倒数第二行仍显示最后回合的「tok/s · 缓存 · 输入 · 输出」可用统计，耗时固定在该行最右侧；缺失字段不造假且全部为空时不留空行。刷新页面后确认可从 native 列表投影与回合边界恢复。",
 	// R-01-013/AC-09 最近卡标题常规字重
 	"确认最近历史卡的会话标题为常规字重（不加粗），与活动卡的加粗标题形成明显区分。",
 	// R-01-013/AC-10 最近卡整体淡化

package/scripts/check.mjs

@@ -66,6 +66,8 @@ import {
 	pruneInvisibleEntries,
 	pruneSubscriptions,
 	runtimeStats,
+	statsFromProjection,
+	mergeRuntimeStats,
 	shouldCancelOpenRetry,
 	subagentTitle,
 	summarizeToolArguments,
@@ -1502,6 +1504,33 @@ assert.deepEqual(
 	{ elapsedMs: 47_000, outputTokens: 0, rateTokS: null },
 	"零速率归一为空，token 统计仍可放在进度条下方",
 );
+assert.deepEqual(
+	statsFromProjection(
+		{
+			tokenUsage: { uncachedInputTokens: 100, cacheReadTokens: 20, cacheWriteTokens: 10, outputTokens: 144 },
+			sessionStats: { decodeTokens: 144, decodeMs: 3_000 },
+		},
+		47_000,
+	),
+	{ elapsedMs: 47_000, outputTokens: 144, rateTokS: 48, inputTokens: 130, cacheHitPct: 15 },
+	"最近卡复用列表投影派生 tok/s、缓存、输入/输出与固定耗时（R-01-013/AC-12）",
+);
+assert.deepEqual(
+	mergeRuntimeStats(
+		{ outputTokens: null, inputTokens: 24, cacheHitPct: null, rateTokS: null },
+		{ outputTokens: 96, inputTokens: 12, cacheHitPct: 40, rateTokS: 8 },
+	),
+	{ outputTokens: 96, inputTokens: 24, cacheHitPct: 40, rateTokS: 8 },
+	"等待/运行统计按字段回退，缺失投影不覆盖最后已知有效值（R-01-009/AC-13）",
+);
+assert.deepEqual(
+	mergeRuntimeStats(
+		{ outputTokens: 0, inputTokens: 0, cacheHitPct: 0, rateTokS: null },
+		{ outputTokens: 96, inputTokens: 12, cacheHitPct: 40, rateTokS: 8 },
+	),
+	{ outputTokens: 0, inputTokens: 0, cacheHitPct: 0, rateTokS: 8 },
+	"统计合并保留有效的零值，仅对缺失字段回退（R-01-009/AC-13）",
+);
 assert.deepEqual(
 	usageSummary({ uncachedInputTokens: 100, cacheReadTokens: 700, cacheWriteTokens: 200 }),
 	{ inputTokens: 1_000, cacheHitPct: 70 },
@@ -2815,13 +2844,13 @@ assert.ok(
 	bundle.includes("list.insertBefore(rec.el, ref)"),
 	"卡片仅在顺序/归属变化时移动 DOM（insertBefore 位置守卫）",
 );
-// ---- R-01-009/AC-02、R-01-009/AC-05、R-01-012/AC-01..04、R-01-013/AC-01..06 ----
+// ---- R-01-009/AC-02、R-01-009/AC-05、R-01-012/AC-01..04、R-01-013/AC-01..06、AC-12 ----
 assert.ok(bundle.includes("foldedConversationTimeline"), "活动卡时间线由折叠分组唯一来源派生（R-01-012、R-01-017）");
 assert.ok(!bundle.includes("dap-trace-time"), "工作项时间线不渲染行级耗时元素，对齐主会话窗口（R-01-009/AC-07、C-012）");
 assert.ok(!bundle.includes("PROGRESS_THINK_BASE") && !bundle.includes("progressFloor"), "回合进度纯时间驱动，无思考基线/单调下限残留（R-01-009/AC-06、C-014）");
 assert.ok(bundle.includes("progressHalfLifeSec"), "bundle 含半衰期速率校准函数（R-01-009/AC-06、C-025、C-044）");
 assert.ok(
-	bundle.includes("halfLifeSec: progressHalfLifeSec({ rateTokS })"),
+	bundle.includes("halfLifeSec: progressHalfLifeSec({ rateTokS: projectionStats.rateTokS })"),
 	"进度赋值每帧按最新实测速率现算半衰期（R-01-009/AC-06、C-044）",
 );
 assert.ok(
@@ -2841,9 +2870,18 @@ assert.ok(
 	"统计行双段结构：左列文本 + 右置时长（R-01-009/AC-05）",
 );
 assert.ok(bundle.includes("function renderTokenStats"), "运行卡统计行继续复用既有渲染逻辑（R-01-009/AC-05）");
+// R-01-009/AC-13 等待卡保留进入等待前最后已知的 token 统计
+assert.ok(
+	bundle.includes('return [head, row, makeEl("div", "dap-trace"), statsRow, foot];'),
+	"等待卡骨架在时间线后保留统计行（R-01-009/AC-13）",
+);
 assert.ok(
-	bundle.includes("function renderAwaitingDuration") && bundle.includes("dap-await-head"),
-	"等待卡耗时与等待类型胶囊共用同行右置渲染（R-01-009/AC-12）",
+	bundle.includes("renderTokenStats(el, entry);") && bundle.includes("removeAwaitingHeadDuration(el);"),
+	"等待卡复用统计行并清理胶囊同行的旧耗时节点（R-01-009/AC-12、AC-13）",
+);
+assert.ok(
+	bundle.includes("function removeAwaitingHeadDuration") && bundle.includes("awaitHead.append(capsule);"),
+	"等待类型胶囊独立成行，固定耗时回到统计行（R-01-009/AC-12）",
 );
 assert.ok(bundle.includes("lastTurnDuration({"), "等待卡耗时由最近完整回合边界派生（R-01-009/AC-12）");
 assert.ok(bundle.includes("`输入 ${fmtTokens("), "统计行含输入/输出中文短标签（R-01-009/AC-05）");
@@ -2858,6 +2896,14 @@ assert.ok(
 );
 assert.ok(!bundle.includes("≈"), "速率不再携带约等于符号（R-01-009/AC-05）");
 assert.ok(bundle.includes("dap-history-line"), "历史卡包含用户/agent 两条消息预览行");
+// R-01-013/AC-12 最近历史卡保留最近回合统计
+assert.ok(
+	bundle.includes('return [head, row, userLine, agentLine, statsRow, makeEl("div", "dap-note")];'),
+	"历史卡统计行位于助手预览后、活动时间前",
+);
+assert.ok(bundle.includes("statsFromProjection"), "历史卡统计复用列表投影派生函数（R-01-013/AC-12）");
+assert.ok(bundle.includes("lastRuntimeStats"), "会话结束时保留最后已知运行统计（R-01-013/AC-12）");
+assert.ok(bundle.includes("recentDurationFallbackIds"), "历史卡缺回合边界时复用 history 补读（R-01-013/AC-12）");
 // R-01-003/AC-04
 assert.ok(bundle.includes("parentId: m.isSub ? String(parentId) : null"), "活动卡条目保留直属母会话 id");
 assert.ok(bundle.includes("function trackRuns(entries)"), "母会话轨道拓扑由纯函数 trackRuns 一次求出");
@@ -2922,9 +2968,9 @@ assert.ok(
 assert.ok(bundle.includes("function activeSessionIds(byId = {})"), "活动子代理沿 parentId 链补齐活动祖先");
 // ---- R-01-016/AC-01 等待卡保留最近工作项时间线 ----
 assert.ok(
-	bundle.includes('awaitHead.append(capsule, makeEl("span", "dap-token-time"))') &&
-		bundle.includes('return [head, row, makeEl("div", "dap-trace"), foot];'),
-	"awaiting 骨架在标题行与末行两段（胶囊+正文）之间含时间线，并将耗时放在胶囊同行右侧（R-01-016/AC-01、R-01-009/AC-12，C-043）",
+	bundle.includes("awaitHead.append(capsule);") &&
+		bundle.includes('return [head, row, makeEl("div", "dap-trace"), statsRow, foot];'),
+	"awaiting 骨架在标题行与统计行、末行两段（胶囊+正文）之间含时间线，固定耗时由统计行承载（R-01-016/AC-01、R-01-009/AC-12，C-043）",
 );
 // ---- R-01-002/AC-10 完成提醒卡「移入历史」按钮 ----
 assert.ok(

package/src/client.mjs

@@ -521,14 +521,10 @@ body:not([data-ds-dark-theme]) [data-dsh-activity-pane] .dap-workspace {
   display: flex; flex-direction: column; align-items: flex-start; gap: 4px;
   min-width: 0; margin: 2px 0 0;
 }
-/* 等待类型胶囊与上一轮耗时同行：时长沿用运行统计行的右缘位置，不参与等待脉冲。 */
+/* 等待类型胶囊独立同行：耗时回到统计行最右侧，不参与等待脉冲。 */
 [data-dsh-activity-pane] .dap-await-head {
   display: flex; align-items: center; gap: 8px; align-self: stretch; min-width: 0;
 }
-[data-dsh-activity-pane] .dap-await-head .dap-token-time {
-  margin-left: auto; flex: none; font-size: 10px; line-height: 14px;
-  color: #8f9aaa; font-variant-numeric: tabular-nums;
-}
 [data-dsh-activity-pane] .dap-note-row {
   display: flex; align-items: center; gap: 6px; min-width: 0; align-self: stretch;
 }
@@ -547,7 +543,7 @@ body:not([data-ds-dark-theme]) [data-dsh-activity-pane] .dap-workspace {
   color: color-mix(in srgb, currentColor 82%, transparent);
   background: color-mix(in srgb, currentColor 14%, transparent);
 }
-/* 运行卡富化（对齐 answer-pet 卡片；MIT 参考，见 README）。 */
+/* 运行卡与最近卡统计（对齐 answer-pet 卡片；MIT 参考，见 README）。 */
 [data-dsh-activity-pane] .dap-progress {
   display: flex; align-items: center; gap: 7px; min-width: 0;
 }
@@ -1086,7 +1082,7 @@ function apply(ctx) {
 	const livenessById = new Map();
 	/** 委托周期进度锚点记账：id → progressAnchor 状态（R-01-009/AC-06）。 */
 	const progressAnchorById = new Map();
-	/** 订阅停止后保留最近快照，供 awaiting/recent 卡继续显示上下文。 */
+	/** 订阅停止后保留最近快照与最后已知运行统计，供 awaiting/recent 卡继续显示上下文。 */
 	const sessionDetailsById = new Map();
 	/** 会话跳转的单一重试链；避免重复点击叠加 refresh/timer。 */
 	const openRetryStates = new Map();
@@ -1761,7 +1757,10 @@ function apply(ctx) {
 			const agentLabel = makeEl("span", "dap-history-label");
 			agentLabel.textContent = "助手";
 			agentLine.append(agentIcon, agentLabel, makeEl("span", "dap-history-separator"), makeEl("span", "dap-history-text"));
-			return [head, row, userLine, agentLine, makeEl("div", "dap-note")];
+			const statsRow = makeEl("div", "dap-token-stats");
+			statsRow.append(makeEl("span", "dap-token-main"), makeEl("span", "dap-token-time"));
+			statsRow.hidden = true;
+			return [head, row, userLine, agentLine, statsRow, makeEl("div", "dap-note")];
 		}
 		if (kind === "awaiting") {
 			const row = makeEl("div", "dap-row");
@@ -1775,10 +1774,13 @@ function apply(ctx) {
 			const noteRow = makeEl("div", "dap-note-row");
 			noteRow.append(makeEl("div", "dap-note"), makeConfirmButton());
 			const awaitHead = makeEl("div", "dap-await-head");
-			awaitHead.append(capsule, makeEl("span", "dap-token-time"));
+			awaitHead.append(capsule);
+			const statsRow = makeEl("div", "dap-token-stats");
+			statsRow.append(makeEl("span", "dap-token-main"), makeEl("span", "dap-token-time"));
+			statsRow.hidden = true;
 			const foot = makeEl("div", "dap-foot");
 			foot.append(awaitHead, noteRow);
-			return [head, row, makeEl("div", "dap-trace"), foot];
+			return [head, row, makeEl("div", "dap-trace"), statsRow, foot];
 		}
 		const row = makeEl("div", "dap-row");
 		row.append(makeEl("span", "dap-dot"), makeEl("span", "dap-title"));
@@ -2139,14 +2141,19 @@ function apply(ctx) {
 		}
 	}
 
-	/** 统计行渲染：运行卡写入速率、token 与耗时，旧骨架缺节点时就地补齐。 */
+	/** 统计行渲染：运行卡、等待卡与最近卡写入速率、token 与耗时，旧骨架缺节点时就地补齐。 */
 	function renderTokenStats(el, entry) {
 		let stats = el.querySelector(".dap-token-stats");
 		if (stats === null) {
 			stats = makeEl("div", "dap-token-stats");
 			stats.append(makeEl("span", "dap-token-main"), makeEl("span", "dap-token-time"));
 			stats.hidden = true;
-			el.append(stats);
+			const foot = entry.kind === "awaiting" ? el.querySelector(".dap-foot") : null;
+			if (foot !== null) el.insertBefore(stats, foot);
+			else el.append(stats);
+		} else if (entry.kind === "awaiting") {
+			const foot = el.querySelector(".dap-foot");
+			if (foot !== null && stats.nextElementSibling !== foot) el.insertBefore(stats, foot);
 		}
 		let mainTextEl = stats.querySelector(".dap-token-main");
 		let timeEl = stats.querySelector(".dap-token-time");
@@ -2168,25 +2175,9 @@ function apply(ctx) {
 		if (stats.hidden !== statsHidden) stats.hidden = statsHidden;
 	}
 
-	/** 等待卡耗时写入：与等待类型胶囊同一行靠右，旧骨架缺该行时就地补齐。 */
-	function renderAwaitingDuration(el, entry) {
-		const foot = el.querySelector(".dap-foot");
-		if (foot === null) return;
-		let head = foot.querySelector(".dap-await-head");
-		if (head === null) {
-			const capsule = foot.querySelector(".dap-capsule");
-			if (capsule === null) return;
-			head = makeEl("div", "dap-await-head");
-			capsule.replaceWith(head);
-			head.append(capsule);
-		}
-		let time = head.querySelector(".dap-token-time");
-		if (time === null) {
-			time = makeEl("span", "dap-token-time");
-			head.append(time);
-		}
-		const text = Number.isFinite(entry.elapsedMs) && entry.elapsedMs >= 0 ? fmtElapsedMs(entry.elapsedMs) : "";
-		if (time.textContent !== text) time.textContent = text;
+	/** 旧热装等待骨架清理：耗时已迁回统计行，去掉胶囊同行残留的时长节点。 */
+	function removeAwaitingHeadDuration(el) {
+		el.querySelector(".dap-await-head .dap-token-time")?.remove();
 	}
 
 	/** 时间线区加载指示：数据在途且尚无工作项时显示活动图标行（R-01-014/AC-02）。 */
@@ -2321,12 +2312,14 @@ function apply(ctx) {
 					restoreTextField(text, previews[i]);
 				}
 			}
+			renderTokenStats(el, entry);
 		}
 
 		if (entry.kind === "awaiting") {
 			const traceContainer = el.querySelector(".dap-trace");
 			if (traceContainer !== null) renderTimelineArea(traceContainer, entry);
-			renderAwaitingDuration(el, entry);
+			removeAwaitingHeadDuration(el);
+			renderTokenStats(el, entry);
 			const confirm = el.querySelector(".dap-confirm");
 			if (confirm !== null) {
 				// 激活锚点：只在结构重建时绑一次（卡片按 id 复用，kind 变化会重建骨架）。
@@ -2971,11 +2964,11 @@ function apply(ctx) {
 			// token/速率取自 sessions.list 条目的投影（tokenUsage/sessionStats），
 			// 复用既有列表订阅，无新增轮询（R-01-009/AC-05、R-02-004/AC-02）。
 			const projection = snapshot?.byId?.[entry.id]?.projectionValues;
-			const stats = projection?.sessionStats;
-			const rateTokS =
-				stats && Number.isFinite(stats.decodeMs) && stats.decodeMs > 0
-					? stats.decodeTokens / (stats.decodeMs / 1000)
-					: null;
+			const projectionStats = statsFromProjection(projection);
+			if (entry.kind === "awaiting") {
+				// 等待期间冻结运行停止前的最后已知统计；刷新/无留存时回退当前列表投影。
+				Object.assign(entry, mergeRuntimeStats(detail?.lastRuntimeStats, projectionStats));
+			}
 			// 委托周期锚点（R-01-009/AC-06）：全部活动条目逐帧记账——锚点不因呈现翻转
 			// （委托期与 awaiting 互转）或瞬时不可见而丢失，仅 dispose 时整体清除；周期内
 			// 进度连续（含 settle 处理回合），周期外由宿主回合起点驱动（新回合归零）。
@@ -2991,13 +2984,15 @@ function apply(ctx) {
 			progressAnchorById.set(entry.id, anchor);
 			if (entry.kind === "running") {
 				const elapsedMs = Number.isFinite(anchor.anchor) ? Math.max(0, now - anchor.anchor) : null;
-				const outputTokens = projection?.tokenUsage?.outputTokens ?? null;
-				Object.assign(entry, runtimeStats({ elapsedMs, outputTokens, rateTokS }));
-				Object.assign(entry, usageSummary(projection?.tokenUsage ?? {}));
+				Object.assign(entry, projectionStats, { elapsedMs });
+				if (detail) {
+					// 列表投影短暂缺字段时，不覆盖此前已知的有效统计。
+					detail.lastRuntimeStats = mergeRuntimeStats(projectionStats, detail.lastRuntimeStats);
+				}
 				// 回合进度：纯时间驱动 y = t/(t+k)，半衰期每帧按最新实测速率现算，固定
 				// k 下单调性由函数本身保证；k 变化时允许进度随速率回落而回退（委托周期
 				// 连续、周期外回合切换归零，R-01-009/AC-06，C-014、C-044）。
-				entry.progress = progressOf({ elapsedMs: elapsedMs ?? 0, halfLifeSec: progressHalfLifeSec({ rateTokS }) });
+				entry.progress = progressOf({ elapsedMs: elapsedMs ?? 0, halfLifeSec: progressHalfLifeSec({ rateTokS: projectionStats.rateTokS }) });
 			}
 		}
 		// 历史区时间精化（R-01-010/AC-08、AC-09）：从保留快照的 turnTimings 与已拉取的
@@ -3018,6 +3013,23 @@ function apply(ctx) {
 		recentTotal = recentCandidates.length;
 		const recent = recentCandidates.slice(0, recentVisibleCount);
 		recentHasMore = recent.length < recentTotal;
+		// 最近卡统计复用运行卡的列表投影口径；耗时从保留快照或已读 history 取最近完整回合，
+		// 缺边界时仅为当前可见历史卡安排一次既有 history 补读（R-01-013/AC-12）。
+		const recentDurationFallbackIds = new Set();
+		for (const entry of recent) {
+			const detail = sessionDetailsById.get(entry.id);
+			const detailSnapshot = livenessById.get(entry.id)?.snapshot ?? detail?.snapshot ?? null;
+			const elapsedMs = lastTurnDuration({ turnTimings: detailSnapshot?.turnTimings, history: detail?.history });
+			const stats = statsFromProjection(snapshot?.byId?.[entry.id]?.projectionValues, elapsedMs);
+			const retained = detail?.lastRuntimeStats;
+			Object.assign(entry, stats, retained ? {
+				outputTokens: retained.outputTokens ?? stats.outputTokens,
+				inputTokens: retained.inputTokens ?? stats.inputTokens,
+				cacheHitPct: retained.cacheHitPct ?? stats.cacheHitPct,
+				rateTokS: retained.rateTokS ?? stats.rateTokS,
+			} : null);
+			if (elapsedMs === null) recentDurationFallbackIds.add(entry.id);
+		}
 		syncRecentTimeClock(recent.length > 0);
 		// 预览只对当前显示的 recent 卡计算（活动卡不显示预览）；快照/历史引用不变时命中缓存。
 		// 完成瞬间的窗口快照可能先有用户消息、后到 agent reply；缺任一预览时补读一次 history。
@@ -3038,7 +3050,10 @@ function apply(ctx) {
 			entry.loadingPreviews = (!entry.userPreview || !entry.agentPreview) && historyLoads.has(entry.id);
 		}
 		// 补充数据读取优先级：当前会话最优先，活动区先于当前已显示历史页（区内按显示顺序）。
-		const durationFallbackIds = new Set(active.filter((entry) => entry.kind === "awaiting").map((entry) => entry.id));
+		const durationFallbackIds = new Set([
+			...active.filter((entry) => entry.kind === "awaiting").map((entry) => entry.id),
+			...recentDurationFallbackIds,
+		]);
 		const detailIds = [...active, ...recent].map((entry) => entry.id);
 		detailIds.sort((a, b) => Number(String(b) === String(snapshot?.current)) - Number(String(a) === String(snapshot?.current)));
 		loadNativeDetails(detailIds, previewFallbackIds, durationFallbackIds);

package/src/core.mjs

@@ -1067,6 +1067,31 @@ export function usageSummary({ uncachedInputTokens = null, cacheReadTokens = nul
 	return { inputTokens, cacheHitPct };
 }
 
+/** 从 sessions.list 的投影统一归一卡片统计：运行卡与最近卡共享同一口径。 */
+export function statsFromProjection(projection = null, elapsedMs = null) {
+	const usage = isRecord(projection?.tokenUsage) ? projection.tokenUsage : {};
+	const sessionStats = isRecord(projection?.sessionStats) ? projection.sessionStats : {};
+	const rateTokS = Number.isFinite(sessionStats.decodeMs) && sessionStats.decodeMs > 0
+		? sessionStats.decodeTokens / (sessionStats.decodeMs / 1000)
+		: null;
+	return {
+		...runtimeStats({ elapsedMs, outputTokens: usage.outputTokens, rateTokS }),
+		...usageSummary(usage),
+	};
+}
+
+/** 统计字段按字段合并：当前值有效时优先，否则回退到上一份已知值；不合并 elapsedMs。 */
+export function mergeRuntimeStats(current = null, fallback = null) {
+	const currentStats = isRecord(current) ? current : {};
+	const fallbackStats = isRecord(fallback) ? fallback : {};
+	return {
+		outputTokens: currentStats.outputTokens ?? fallbackStats.outputTokens ?? null,
+		inputTokens: currentStats.inputTokens ?? fallbackStats.inputTokens ?? null,
+		cacheHitPct: currentStats.cacheHitPct ?? fallbackStats.cacheHitPct ?? null,
+		rateTokS: currentStats.rateTokS ?? fallbackStats.rateTokS ?? null,
+	};
+}
+
 /** 需要用户行动的种类的展示文案。 */
 export function pendingText(kind) {
 	return PENDING_LABELS[kind] ?? PENDING_UNKNOWN_LABEL;
@@ -1168,8 +1193,8 @@ export function escapeCssString(value) {
  *  windowComplete（R-01-009/AC-06、R-01-012/AC-12 冷窗口兜底）：快照已就绪但窗口缺
  *  锚点数据（开放回合起点或可锚用户行在窗口外）时为 false——此时仍发起一次 history
  *  补读，供进度锚点与指令锚行兜底。previewFallbackNeeded 表示最近卡的快照预览
- *  不完整，同样补读一次 history（R-01-013/AC-03、AC-04）；durationFallbackNeeded 表示等待卡
- *  需要在已加载的旧 history 之后再取一次最新回合边界（R-01-009/AC-12）。 */
+ *  不完整，同样补读一次 history（R-01-013/AC-03、AC-04）；durationFallbackNeeded 表示等待卡或最近卡
+ *  需要在已加载的旧 history 之后再取一次最新回合边界（R-01-009/AC-12、R-01-013/AC-12）。 */
 export function detailLoadPlan({
 	detail = {},
 	isSubagent = false,