dsh-context 0.43.0 → 0.44.0

package/lib/client.js

@@ -20,7 +20,6 @@ window.__ModuleLoader__.load({
 			"overview.ofUsed": "占已用上下文",
 			"overview.compactReserve": "自动压缩预留：占用达 {pct}% 窗口时触发压缩，此区域一般不实际占用",
 			"stats.title": "上下文统计",
-			"stats.hint": "轮次、步骤与上下文事件",
 			"stats.turns": "轮次",
 			"stats.steps": "步数",
 			"stats.injects": "注入",
@@ -35,7 +34,6 @@ window.__ModuleLoader__.load({
 			"stats.costMiss": "未命中",
 			"stats.costOut": "输出",
 			"timing.title": "耗时统计",
-			"timing.hint": "整个会话的活跃时长分布",
 			"timing.total": "总活跃时长",
 			"timing.ttft": "模型等待",
 			"timing.gen": "模型生成",
@@ -45,7 +43,6 @@ window.__ModuleLoader__.load({
 			"timing.toolTimes": "{n}次",
 			"timing.empty": "暂无耗时数据 · 对话开始后这里会显示时长分布",
 			"tokens.title": "Token 统计",
-			"tokens.hint": "供应商上报的累计计费用量",
 			"tokens.cacheHit": "缓存命中",
 			"tokens.cacheRead": "缓存输入",
 			"tokens.cacheWrite": "缓存写入",
@@ -188,6 +185,8 @@ window.__ModuleLoader__.load({
 			"agents.billed": "累计计费 {n}",
 			"agents.open": "点击打开会话 →",
 			"loading": "正在读取会话日志…",
+			"detail.loading": "正在加载历史数据…",
+			"detail.loadFailed": "历史数据加载失败，点击重试",
 			"error": "上下文数据读取失败：",
 			"error.retry": "重试",
 			"gate.title": "请更新 DeepSeek Harness 版本",
@@ -303,7 +302,6 @@ window.__ModuleLoader__.load({
 			"overview.ofUsed": "of used context",
 			"overview.compactReserve": "Auto-compaction reserve: auto-compaction triggers at {pct}% of the window — this area is normally kept as headroom, not actually used",
 			"stats.title": "Context Stats",
-			"stats.hint": "Turns, steps, and context events",
 			"stats.turns": "Turns",
 			"stats.steps": "Steps",
 			"stats.injects": "Injections",
@@ -318,7 +316,6 @@ window.__ModuleLoader__.load({
 			"stats.costMiss": "miss",
 			"stats.costOut": "output",
 			"timing.title": "Timing Stats",
-			"timing.hint": "Whole-session active-time split",
 			"timing.total": "Active Time",
 			"timing.ttft": "TTFT",
 			"timing.gen": "LLM Gen",
@@ -328,7 +325,6 @@ window.__ModuleLoader__.load({
 			"timing.toolTimes": "{n} runs",
 			"timing.empty": "No timing data yet — durations appear as the conversation runs",
 			"tokens.title": "Token Stats",
-			"tokens.hint": "Cumulative provider-reported usage",
 			"tokens.cacheHit": "Cache Hit",
 			"tokens.cacheRead": "Cached Input",
 			"tokens.cacheWrite": "Cache Write",
@@ -471,6 +467,8 @@ window.__ModuleLoader__.load({
 			"agents.billed": "{n} billed",
 			"agents.open": "click to open →",
 			"loading": "Reading the session log…",
+			"detail.loading": "Loading history…",
+			"detail.loadFailed": "History failed to load — click to retry",
 			"error": "Failed to read context data: ",
 			"error.retry": "Retry",
 			"gate.title": "Update DeepSeek Harness",
@@ -573,9 +571,9 @@ window.__ModuleLoader__.load({
 		};
 		//#endregion
 		//#region src/client/modalStore.ts
-		const stores = /* @__PURE__ */ new Map();
+		const stores$1 = /* @__PURE__ */ new Map();
 		function modalStoreOf(sessionId) {
-			const existing = stores.get(sessionId);
+			const existing = stores$1.get(sessionId);
 			if (existing !== void 0) return existing;
 			let open = false;
 			const listeners = /* @__PURE__ */ new Set();
@@ -593,7 +591,7 @@ window.__ModuleLoader__.load({
 					for (const listener of listeners) listener();
 				}
 			};
-			stores.set(sessionId, store);
+			stores$1.set(sessionId, store);
 			return store;
 		}
 		const pendingConsume = /* @__PURE__ */ new Map();
@@ -716,7 +714,6 @@ window.__ModuleLoader__.load({
 			"assistant",
 			"tool"
 		];
-		Object.fromEntries(CATS.map((c) => [c.key, c.color]));
 		function partsOf(breakdown) {
 			return CATS.map((c) => {
 				return {
@@ -796,9 +793,11 @@ window.__ModuleLoader__.load({
 		function headlineOf(data, pressure = null, breakdown = null) {
 			const current = data.current;
 			const projected = pressure !== null && typeof pressure.projectedTokens === "number" ? pressure.projectedTokens : void 0;
+			const last = data.last;
 			const requests = data.requests;
 			const lastReq = requests.length > 0 ? requests[requests.length - 1] : null;
-			const derived = lastReq !== null && typeof lastReq.prompt === "number" ? lastReq.prompt + (current.total - lastReq.total) : void 0;
+			const anchor = last !== void 0 ? last : lastReq;
+			const derived = anchor !== null && typeof anchor.prompt === "number" ? anchor.prompt + (current.total - anchor.total) : void 0;
 			const occupancyTokens = projected ?? derived ?? null;
 			const window = pressure !== null && typeof pressure.contextWindow === "number" ? pressure.contextWindow : data.contextWindow;
 			const tokens = occupancyTokens ?? current.total;
@@ -860,12 +859,25 @@ window.__ModuleLoader__.load({
 			} catch {}
 		}
 		/**
+		* Read one projection key through the standard seat, narrowed at the
+		* boundary: null when the seat is absent (a harness without the projection
+		* pipeline) or the delivered value fails the narrow. The seat is a real
+		* hook — call this unconditionally at the top of the component, one call
+		* per key, in a stable order.
+		*/
+		function projectionOf(props, key, narrow) {
+			if (typeof props.useProjection !== "function") return null;
+			return narrow(props.useProjection(key));
+		}
+		/**
 		* Narrow an unknown projection value to a string-keyed record, or null when
 		* it is not one. The boundary type is Record<string, unknown> on purpose:
 		* every field read below must re-prove itself (the no-white-screen
 		* guarantee), so no field may borrow the wire type before its check.
+		* Shared by every sanitizer here and by the agent-tree derivation
+		* (agentTree.ts) — the ONE record guard for the whole client half.
 		*/
-		function asRecord$1(value) {
+		function asRecord(value) {
 			if (value === null || value === void 0 || typeof value !== "object") return null;
 			return value;
 		}
@@ -876,17 +888,27 @@ window.__ModuleLoader__.load({
 		function numOf(value) {
 			return typeof value === "number" && Number.isFinite(value) ? value : 0;
 		}
+		/** Shared per-item collection guard: drop non-object entries, keep the rest. */
 		function objectsOf(value) {
 			if (!Array.isArray(value)) return [];
 			return value.filter((v) => v !== null && typeof v === "object");
 		}
 		/**
+		* The fast path's collection check: a real array whose entries are ALL
+		* records. A null/primitive entry would pass a bare Array.isArray yet throw
+		* on the first property read downstream (`req.seq` on null), so it sends the
+		* value down the sanitizing slow path, where `objectsOf` drops it.
+		*/
+		function recordsOnly(value) {
+			return Array.isArray(value) && value.every((e) => e !== null && typeof e === "object");
+		}
+		/**
 		* Narrow a delivered `unsupported` gate record (the host's baseline gate —
 		* see host/fallback.ts): both version strings re-proved, anything else
 		* degrades to null (no gate shown) instead of rendering garbage.
 		*/
 		function unsupportedOf(value) {
-			const data = asRecord$1(value);
+			const data = asRecord(value);
 			if (data === null) return null;
 			if (typeof data.current !== "string" || typeof data.minimum !== "string") return null;
 			return {
@@ -908,7 +930,7 @@ window.__ModuleLoader__.load({
 		* during render and unmounting the conversation view.
 		*/
 		function timelineOf(value) {
-			const data = asRecord$1(value);
+			const data = asRecord(value);
 			if (data === null) return null;
 			const current = data.current;
 			if (current !== null && typeof current === "object" && [
@@ -919,11 +941,13 @@ window.__ModuleLoader__.load({
 				"assistant",
 				"tool",
 				"total"
-			].every((k) => typeof current[k] === "number") && Array.isArray(data.requests) && Array.isArray(data.events) && Array.isArray(data.nodes) && Array.isArray(data.archive) && timingFastOk(data.timing)) return data;
+			].every((k) => typeof current[k] === "number") && recordsOnly(data.requests) && recordsOnly(data.events) && recordsOnly(data.nodes) && recordsOnly(data.archive) && timingFastOk(data.timing)) return data;
 			const safeCurrent = current !== null && typeof current === "object" ? current : {};
 			const cost = typeof data.cost === "object" && data.cost !== null && !Array.isArray(data.cost) ? data.cost : void 0;
 			const timing = timingOf(data.timing);
 			const unsupported = unsupportedOf(data.unsupported);
+			const counts = countsOf(data.counts);
+			const last = lastOf(data.last);
 			return {
 				ok: true,
 				...unsupported !== null ? { unsupported } : {},
@@ -946,10 +970,44 @@ window.__ModuleLoader__.load({
 				...typeof data.images === "number" ? { images: data.images } : {},
 				...typeof data.toolCalls === "number" ? { toolCalls: data.toolCalls } : {},
 				archive: objectsOf(data.archive),
+				...counts !== void 0 ? { counts } : {},
+				...last !== void 0 ? { last } : {},
+				...typeof data.detailRev === "number" && Number.isFinite(data.detailRev) ? { detailRev: data.detailRev } : {},
 				...cost !== void 0 ? { cost } : {},
 				...timing !== null ? { timing } : {},
 				...typeof data.surfaceFloor === "number" ? { surfaceFloor: data.surfaceFloor } : {},
-				...typeof data.archiveFloor === "number" ? { archiveFloor: data.archiveFloor } : {}
+				...typeof data.archiveFloor === "number" ? { archiveFloor: data.archiveFloor } : {},
+				...data.fileOps !== void 0 ? { fileOps: objectsOf(data.fileOps) } : {},
+				...typeof data.fileOpsFloor === "number" ? { fileOpsFloor: data.fileOpsFloor } : {}
+			};
+		}
+		/**
+		* The split head's count figures, re-proved field by field: a present-but-
+		* partial record zeroes its unreadable fields (the stats board's no-NaN
+		* guarantee), an absent or non-record value stays absent (legacy generation
+		* — callers derive the counts from the collections instead).
+		*/
+		function countsOf(value) {
+			const data = asRecord(value);
+			if (data === null) return void 0;
+			return {
+				turns: numOf(data.turns),
+				steps: numOf(data.steps),
+				injects: numOf(data.injects),
+				compactions: numOf(data.compactions),
+				prunes: numOf(data.prunes)
+			};
+		}
+		/** The split head's newest-request summary; absent or shapeless stays absent. */
+		function lastOf(value) {
+			const data = asRecord(value);
+			if (data === null) return void 0;
+			if (typeof data.seq !== "number" || !Number.isFinite(data.seq)) return void 0;
+			if (typeof data.total !== "number" || !Number.isFinite(data.total)) return void 0;
+			return {
+				seq: data.seq,
+				total: data.total,
+				...typeof data.prompt === "number" && Number.isFinite(data.prompt) ? { prompt: data.prompt } : {}
 			};
 		}
 		/**
@@ -957,10 +1015,19 @@ window.__ModuleLoader__.load({
 		* `contextPressure` projection (provider-anchored occupancy of the next
 		* request). Absent key or value = the meter's projection is not composed
 		* (e.g. a harness without the session-projection registry) — callers fall
-		* back to their derived anchor, so the UI degrades gracefully.
+		* back to their derived anchor, so the UI degrades gracefully. The three
+		* fields are independent last-wins records on the wire (dsh's strict wire
+		* schema), so each is re-proved on its own: a wrong-typed field drops out,
+		* the readable ones survive.
 		*/
 		function contextPressureOf(value) {
-			return asRecord$1(value);
+			const data = asRecord(value);
+			if (data === null) return null;
+			const out = {};
+			if (typeof data.pressureTokens === "number" && Number.isFinite(data.pressureTokens)) out.pressureTokens = data.pressureTokens;
+			if (typeof data.projectedTokens === "number" && Number.isFinite(data.projectedTokens)) out.projectedTokens = data.projectedTokens;
+			if (typeof data.contextWindow === "number" && Number.isFinite(data.contextWindow)) out.contextWindow = data.contextWindow;
+			return out;
 		}
 		/**
 		* Narrow a delivered projection value to the official token-meter
@@ -970,7 +1037,7 @@ window.__ModuleLoader__.load({
 		* own sums instead of mixing sources.
 		*/
 		function contextBreakdownOf(value) {
-			const data = asRecord$1(value);
+			const data = asRecord(value);
 			if (data === null) return null;
 			const { systemTokens, toolsTokens, messageTokens } = data;
 			if (typeof systemTokens !== "number" || !Number.isFinite(systemTokens)) return null;
@@ -986,10 +1053,25 @@ window.__ModuleLoader__.load({
 		* Narrow a delivered projection value to the official token-meter
 		* `tokenUsage` projection (durable cumulative provider usage). Absent key or
 		* value = the meter's projection is not composed (or no request has reported
-		* usage yet) — callers drop the cache-hit cell to a dash.
+		* usage yet) — callers drop the cache-hit cell to a dash. The wire schema is
+		* strict with all four buckets REQUIRED (dsh token-meter's projectionSchema),
+		* so a partial/corrupt value degrades the whole value to null instead of
+		* undercounting the billed total.
 		*/
 		function tokenUsageOf(value) {
-			return asRecord$1(value);
+			const data = asRecord(value);
+			if (data === null) return null;
+			const { uncachedInputTokens, outputTokens, cacheReadTokens, cacheWriteTokens } = data;
+			if (typeof uncachedInputTokens !== "number" || !Number.isFinite(uncachedInputTokens)) return null;
+			if (typeof outputTokens !== "number" || !Number.isFinite(outputTokens)) return null;
+			if (typeof cacheReadTokens !== "number" || !Number.isFinite(cacheReadTokens)) return null;
+			if (typeof cacheWriteTokens !== "number" || !Number.isFinite(cacheWriteTokens)) return null;
+			return {
+				uncachedInputTokens,
+				outputTokens,
+				cacheReadTokens,
+				cacheWriteTokens
+			};
 		}
 		/**
 		* A non-negative finite number (the timing totals' every field): NaN or a
@@ -1034,7 +1116,7 @@ window.__ModuleLoader__.load({
 		* hostile row never blanks the ranking.
 		*/
 		function timingOf(value) {
-			const data = asRecord$1(value);
+			const data = asRecord(value);
 			if (data === null) return null;
 			const tools = {};
 			const rawTools = data.tools;
@@ -1067,9 +1149,11 @@ window.__ModuleLoader__.load({
 		* browser degrades its system/tools sections to a metadata-only note.
 		*
 		* Entry-level shape is checked too: a malformed epoch (corrupt payload with
-		* a missing tools list or wrong-typed systemTokens) would crash the
-		* browser's tools/sections reads, so the WHOLE projection degrades to null
-		* and the card falls back to its metadata-only note. The epoch CONTENT is
+		* a missing tools list, a wrong-typed systemTokens, or a tool row whose
+		* name/tokens the browser reads blindly — `tool.name.toLowerCase()` and
+		* `b.tokens - a.tokens` throw on junk) would crash the browser's
+		* tools/sections reads, so the WHOLE projection degrades to null and the
+		* card falls back to its metadata-only note. The epoch CONTENT is
 		* not part of this value — the browser fetches it per epoch on demand.
 		*
 		* The pre-#37 wire generation carries the system TEXT instead of its token
@@ -1080,13 +1164,20 @@ window.__ModuleLoader__.load({
 		* new-shape values pass through untouched.
 		*/
 		function headersOf(value) {
-			const headers = asRecord$1(value);
+			const headers = asRecord(value);
 			if (headers === null || !Array.isArray(headers.headers)) return null;
 			for (const h of headers.headers) {
 				if (h === null || typeof h !== "object") return null;
 				const entry = h;
 				if (!Array.isArray(entry.tools)) return null;
 				if (entry.systemTokens !== void 0 && (typeof entry.systemTokens !== "number" || !Number.isFinite(entry.systemTokens))) return null;
+				for (const t of entry.tools) {
+					if (t === null || typeof t !== "object") return null;
+					const tool = t;
+					if (typeof tool.name !== "string") return null;
+					if (typeof tool.tokens !== "number" || !Number.isFinite(tool.tokens)) return null;
+					if (tool.plugin !== void 0 && typeof tool.plugin !== "string") return null;
+				}
 			}
 			let legacy = false;
 			for (const entry of headers.headers) if (entry.systemTokens === void 0 && typeof entry.system === "string" && entry.system !== "") {
@@ -1102,6 +1193,21 @@ window.__ModuleLoader__.load({
 				};
 			}) };
 		}
+		/** The session-namespace workspace-opener remotes, ridden through the generic '/api' channel. */
+		const OPEN_CHANNEL = "/api";
+		const CAN_OPEN_ENDPOINT = "session/canOpenWorkspacePath";
+		const OPEN_ENDPOINT = "session/openWorkspacePath";
+		/**
+		* The connection's bound generic-RPC caller, or undefined when the service
+		* is absent or hostile — every read is guarded, so this can never throw.
+		*/
+		function rpcCallOf(ctx) {
+			try {
+				const rpc = asRecord(ctx.get("connection")?.rpc);
+				const fn = rpc?.call;
+				if (rpc !== null && typeof fn === "function") return fn.bind(rpc);
+			} catch {}
+		}
 		/**
 		* The SESSION's workspace root — the `cwd` its session-list row carries (the
 		* host session canon, not the host process's own launch directory) — or
@@ -1121,29 +1227,37 @@ window.__ModuleLoader__.load({
 				return;
 			}
 		}
-		/** Whether this deployment can hand a path to the user's native desktop (the
-		* host description's `canOpenPath`); false when unknown. */
-		function canOpenPathsOf(ctx) {
+		/**
+		* Whether this deployment can hand a path to the user's native desktop: the
+		* page must reach the Host on the operator's own machine (`isLoopback`, the
+		* harness's own gate) AND the session controller's opener capability remote
+		* must answer true. The capability is an RPC round-trip now (the synchronous
+		* host-description fact is gone), so the answer is asynchronous; every
+		* absence, hostility, or transport failure resolves false — never a rejection.
+		*/
+		async function canOpenPathsOf(ctx) {
+			const call = rpcCallOf(ctx);
+			if (call === void 0) return false;
 			try {
-				const source = ctx.get("connection")?.hostDescription;
-				const snapshot = typeof source?.getSnapshot === "function" ? source.getSnapshot() : void 0;
-				return (snapshot !== null && typeof snapshot === "object" ? snapshot.canOpenPath : void 0) === true;
+				if (ctx.get("connection")?.isLoopback !== true) return false;
+				const r = asRecord(await call(OPEN_CHANNEL, CAN_OPEN_ENDPOINT, { args: {} }));
+				return r !== null && r.ok === true && r.value === true;
 			} catch {
 				return false;
 			}
 		}
 		/**
-		* The system path opener, or undefined when the deployment lacks the RPC.
-		* Fire-and-forget: rejections (unknown path, no desktop) swallow — the
-		* affordance is best-effort by nature.
+		* The system path opener over the session controller's open remote, or
+		* undefined when the connection carries no RPC caller. Fire-and-forget:
+		* rejections (unknown path, no desktop, offline) swallow — the affordance
+		* is best-effort by nature.
 		*/
 		function openPathVia(ctx) {
-			const host = ctx.get("connection")?.api?.host;
-			if (host === void 0 || typeof host.openPath !== "function") return void 0;
-			const openPath = host.openPath.bind(host);
+			const call = rpcCallOf(ctx);
+			if (call === void 0) return void 0;
 			return (path) => {
 				try {
-					openPath({ path }).catch(() => {});
+					call(OPEN_CHANNEL, OPEN_ENDPOINT, { args: { request: { path } } }).catch(() => {});
 				} catch {}
 			};
 		}
@@ -1428,6 +1542,244 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
+		//#region src/client/react.ts
+		const React = require("react");
+		const h = React.createElement;
+		const ReactDOM = require("react-dom");
+		//#endregion
+		//#region src/client/timelineSource.ts
+		const DETAIL_CHANNEL = "/dsh-context";
+		const DETAIL_ENDPOINT = "detail";
+		/**
+		* Narrow the detail endpoint's payload to a render-safe value (the same
+		* boundary rigor as `timelineOf`): collections re-proved per item, scalars
+		* zeroed, a missing/NaN revision rejects the whole payload (the caller then
+		* shows the retryable failure note instead of half-merged data).
+		*/
+		function detailOf(value) {
+			const data = asRecord(value);
+			if (data === null) return null;
+			if (typeof data.rev !== "number" || !Number.isFinite(data.rev) || data.rev < 0) return null;
+			return {
+				rev: data.rev,
+				requests: objectsOf(data.requests),
+				events: objectsOf(data.events),
+				nodes: objectsOf(data.nodes),
+				droppedNodes: numOf(data.droppedNodes),
+				archive: objectsOf(data.archive),
+				...typeof data.surfaceFloor === "number" ? { surfaceFloor: data.surfaceFloor } : {},
+				...typeof data.archiveFloor === "number" ? { archiveFloor: data.archiveFloor } : {},
+				...data.fileOps !== void 0 ? { fileOps: objectsOf(data.fileOps) } : {},
+				...typeof data.fileOpsFloor === "number" ? { fileOpsFloor: data.fileOpsFloor } : {}
+			};
+		}
+		/**
+		* The detail reader over the harness's generic Connection RPC
+		* (`ctx.connection.rpc.call`) — resolved through the shared `rpcCallOf`
+		* reflect read (the same seam openPathVia/canOpenPathsOf use), so a hostile
+		* or absent connection service degrades to `undefined` instead of throwing.
+		* The returned thunk resolves the session's current detail, `null` when the
+		* session is not live anymore, and rejects on transport failure or a
+		* malformed payload (the store turns the two into the retryable state).
+		*/
+		function makeDetailFetcher(ctx, sessionId) {
+			if (sessionId === "") return void 0;
+			const call = rpcCallOf(ctx);
+			if (call === void 0) return void 0;
+			return async () => {
+				const r = asRecord(await call(DETAIL_CHANNEL, DETAIL_ENDPOINT, { sessionId }));
+				if (r === null || r.ok !== true) throw new Error("dsh-context: detail rpc failed");
+				if (r.value === null) return null;
+				const detail = detailOf(r.value);
+				if (detail === null) throw new Error("dsh-context: detail rpc malformed");
+				return detail;
+			};
+		}
+		const EMPTY_SNAP = {
+			detail: null,
+			failed: false,
+			pending: false
+		};
+		/** The fetch debounce base; each consecutive failure doubles the wait, capped at 3 doublings. */
+		const DETAIL_DEBOUNCE_MS = 300;
+		/**
+		* One session's detail ledger. Exported for tests (a zero debounce makes the
+		* machine synchronous-ish); the app reaches it through `detailStoreOf`.
+		*/
+		var DetailStore = class {
+			fetcher;
+			baseDelay;
+			detail = null;
+			/** The revision of `detail` (latest-wins cursor); -1 before the first landing. */
+			acceptedRev = -1;
+			/** The newest revision the head has asked for. */
+			wantedRev = -1;
+			/** The head rev the IN-FLIGHT (or scheduled) read targets — the refold exception's acceptance key. */
+			targetRev = -1;
+			/** The head rev seen last — a DECREASE means the host refolded (revisions restart). */
+			lastHeadRev = -1;
+			failed = false;
+			inFlight = false;
+			timer = null;
+			failures = 0;
+			listeners = /* @__PURE__ */ new Set();
+			snap = EMPTY_SNAP;
+			constructor(fetcher, baseDelay = DETAIL_DEBOUNCE_MS) {
+				this.fetcher = fetcher;
+				this.baseDelay = baseDelay;
+			}
+			subscribe = (fn) => {
+				this.listeners.add(fn);
+				return () => this.listeners.delete(fn);
+			};
+			getSnapshot = () => this.snap;
+			/**
+			* The head's current revision arrived: schedule the trailing-edge read
+			* when it outruns the served detail. A rev DECREASE means the host
+			* refolded the session (a discarded checkpoint, a restart): revisions are
+			* no longer comparable, so the ledger resets and refetches.
+			*/
+			request(rev) {
+				if (rev < this.lastHeadRev) {
+					this.acceptedRev = -1;
+					this.wantedRev = -1;
+					this.detail = null;
+					this.failed = false;
+				}
+				this.lastHeadRev = rev;
+				if (rev <= this.acceptedRev || rev <= this.wantedRev) return;
+				this.wantedRev = rev;
+				this.schedule();
+			}
+			/** Re-arm after a failure (the cards' retry note): immediate, backoff reset. */
+			retry = () => {
+				this.failures = 0;
+				if (this.detail !== null) return;
+				if (this.timer !== null) {
+					clearTimeout(this.timer);
+					this.timer = null;
+				}
+				if (!this.inFlight) this.fire();
+			};
+			schedule() {
+				if (this.timer !== null) return;
+				this.timer = setTimeout(() => {
+					this.timer = null;
+					this.fire();
+				}, this.baseDelay * 2 ** Math.min(this.failures, 3));
+				this.emit();
+			}
+			async fire() {
+				if (this.inFlight) return;
+				if (this.fetcher === void 0) {
+					this.failed = true;
+					this.emit();
+					return;
+				}
+				this.inFlight = true;
+				this.targetRev = this.wantedRev;
+				this.emit();
+				try {
+					const d = await this.fetcher();
+					if (d !== null) {
+						if (d.rev >= this.acceptedRev || d.rev === this.targetRev) {
+							this.detail = d;
+							this.acceptedRev = d.rev;
+						}
+						this.failures = 0;
+						this.failed = false;
+					} else {
+						this.wantedRev = this.acceptedRev;
+						this.failed = this.detail === null;
+						this.failures++;
+					}
+				} catch {
+					this.failed = this.detail === null;
+					this.failures++;
+				}
+				this.inFlight = false;
+				if (this.wantedRev > this.acceptedRev) this.schedule();
+				this.emit();
+			}
+			emit() {
+				const pending = this.timer !== null || this.inFlight;
+				const next = {
+					detail: this.detail,
+					failed: this.failed,
+					pending
+				};
+				if (next.detail === this.snap.detail && next.failed === this.snap.failed && next.pending === this.snap.pending) return;
+				this.snap = next;
+				for (const fn of this.listeners) fn();
+			}
+		};
+		/** Page-lifetime per-session stores (the tab and the modal share one). */
+		const stores = /* @__PURE__ */ new Map();
+		function detailStoreOf(ctx, sessionId) {
+			let store = stores.get(sessionId);
+			if (store === void 0) {
+				store = new DetailStore(makeDetailFetcher(ctx, sessionId));
+				stores.set(sessionId, store);
+			}
+			return store;
+		}
+		const noopSubscribe = () => () => {};
+		const noopRetry = () => {};
+		/**
+		* The view's one read of the timeline (see the module header for the
+		* generation rules). Hook-order safe: every hook runs unconditionally, the
+		* branches below only shape the returned record.
+		*/
+		function useTimelineSource(ctx, props) {
+			const head = projectionOf(props, "contextTimeline", timelineOf);
+			const sessionId = typeof props.sessionId === "string" ? props.sessionId : "";
+			const headRev = head !== null && typeof head.detailRev === "number" ? head.detailRev : null;
+			const slim = headRev !== null;
+			const store = React.useMemo(() => slim ? detailStoreOf(ctx, sessionId) : null, [
+				ctx,
+				sessionId,
+				slim
+			]);
+			const snap = React.useSyncExternalStore(store !== null ? store.subscribe : noopSubscribe, store !== null ? store.getSnapshot : () => EMPTY_SNAP);
+			React.useEffect(() => {
+				if (store !== null && headRev !== null) store.request(headRev);
+			}, [store, headRev]);
+			return React.useMemo(() => {
+				if (head === null) return {
+					data: null,
+					detailState: "loading",
+					retryDetail: noopRetry
+				};
+				if (!slim || store === null) return {
+					data: head,
+					detailState: "legacy",
+					retryDetail: noopRetry
+				};
+				const detail = snap.detail;
+				return {
+					data: detail === null ? head : {
+						...head,
+						requests: detail.requests,
+						events: detail.events,
+						nodes: detail.nodes,
+						droppedNodes: detail.droppedNodes,
+						archive: detail.archive,
+						...detail.surfaceFloor !== void 0 ? { surfaceFloor: detail.surfaceFloor } : {},
+						...detail.archiveFloor !== void 0 ? { archiveFloor: detail.archiveFloor } : {},
+						...detail.fileOps !== void 0 ? { fileOps: detail.fileOps } : {},
+						...detail.fileOpsFloor !== void 0 ? { fileOpsFloor: detail.fileOpsFloor } : {}
+					},
+					detailState: detail !== null ? "ready" : snap.failed ? "failed" : "loading",
+					retryDetail: store.retry
+				};
+			}, [
+				head,
+				slim,
+				store,
+				snap
+			]);
+		}
+		//#endregion
 		//#region src/client/assemble.ts
 		/** The header epoch in force at `seq` (last logged before it), or the newest. */
 		function headerAt(headers, seq) {
@@ -1461,12 +1813,8 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
-		//#region src/client/react.ts
-		const React = require("react");
-		const h = React.createElement;
-		const ReactDOM = require("react-dom");
-		//#endregion
-		//#region src/client/callSummary.ts
+		//#region src/shared/fileOps.ts
+		/** Parse a call's raw JSON arguments; non-string/malformed/non-record inputs yield null. */
 		function parseCallArgs(raw) {
 			if (typeof raw !== "string" || raw === "") return null;
 			try {
@@ -1476,6 +1824,223 @@ window.__ModuleLoader__.load({
 				return null;
 			}
 		}
+		const KIND_BY_TOOL = {
+			read: "read",
+			read_image: "read",
+			write: "write",
+			edit: "write",
+			grep: "search",
+			glob: "search"
+		};
+		/** The file purpose of a tool, or null for non-file tools (bash, web_search…). */
+		function kindOfTool(tool) {
+			if (tool === void 0) return null;
+			return KIND_BY_TOOL[tool] ?? null;
+		}
+		/**
+		* The file purpose of one executed call. Like {@link kindOfTool} except for
+		* the one file tool whose purpose follows its arguments: `str_replace_editor`
+		* reads on `view` and writes on every other command (create / str_replace /
+		* insert — an unknown command writes too; the call failed and the row keeps
+		* its error flag).
+		*/
+		function kindOfCall(tool, args) {
+			if (tool === "str_replace_editor") return args !== null && args.command === "view" ? "read" : "write";
+			return kindOfTool(tool);
+		}
+		/**
+		* The operation's target path: the path-ish argument of read/write tools;
+		* for searches the narrowing `path`, else the pattern itself (a pathless
+		* grep/glob's target IS the pattern — the workspace-wide search text).
+		*/
+		function pathOfArgs(tool, args) {
+			if (args === null) return null;
+			if (tool === "grep" || tool === "glob") {
+				const p = args.path;
+				if (typeof p === "string" && p !== "") return p;
+				const pattern = args.pattern;
+				return typeof pattern === "string" && pattern !== "" ? pattern : null;
+			}
+			for (const k of [
+				"file_path",
+				"filePath",
+				"path"
+			]) {
+				const v = args[k];
+				if (typeof v === "string" && v !== "") return v;
+			}
+			return null;
+		}
+		/** Rendered line count: '' is 0, a trailing newline closes its own line. */
+		function linesOf(s) {
+			if (s === "") return 0;
+			let n = 0;
+			for (let i = 0; i < s.length; i++) if (s[i] === "\n") n++;
+			return s.endsWith("\n") ? n : n + 1;
+		}
+		/** The added/removed pair of one content-bearing argument set, or zeros. */
+		function pairOf(added, removed) {
+			return {
+				added: typeof added === "string" ? linesOf(added) : 0,
+				removed: typeof removed === "string" ? linesOf(removed) : 0
+			};
+		}
+		/**
+		* The signed line footprint of one call: an edit removes its old string and
+		* adds its new one; a write adds its content (the pre-existing body, if any,
+		* is unknowable from the arguments — the estimate stays honest about that);
+		* `str_replace_editor` splits the same shapes across its commands. Callers
+		* reach here only with parsed args (a null parse yields no path).
+		*/
+		function deltaOf(tool, args) {
+			if (tool === "edit") return pairOf(args.new_string, args.old_string);
+			if (tool === "write") return pairOf(args.content, void 0);
+			if (tool === "str_replace_editor") {
+				if (args.command === "str_replace") return pairOf(args.new_str, args.old_str);
+				if (args.command === "insert") return pairOf(args.new_str, void 0);
+				if (args.command === "create") return pairOf(args.file_text, void 0);
+			}
+			return {
+				added: 0,
+				removed: 0
+			};
+		}
+		/** The exact window a read's result meta reports: `offset` plus the retained
+		* `lines` array (the same bounded payload the read card renders from). Null
+		* for a foreign or malformed meta. */
+		function readWindowOf(meta) {
+			if (meta === null || typeof meta !== "object") return null;
+			const m = meta;
+			if (typeof m.path !== "string" || m.path === "") return null;
+			if (typeof m.offset !== "number" || !Number.isFinite(m.offset) || m.offset < 1) return null;
+			if (!Array.isArray(m.lines) || m.lines.length === 0) return null;
+			return {
+				start: m.offset,
+				count: m.lines.length
+			};
+		}
+		/** The limit estimate: the tool reads up to `limit` lines from `offset`;
+		* absent when the call reads unbounded. */
+		function readEstimateOf(args) {
+			const limit = args.limit;
+			return typeof limit === "number" && Number.isFinite(limit) && limit > 0 ? {
+				count: Math.floor(limit),
+				est: true
+			} : void 0;
+		}
+		/** What a read op shows: the exact window off the result meta, else the
+		* limit estimate, else nothing (an unbounded read names no footprint). */
+		function readOf(meta, args) {
+			const win = readWindowOf(meta);
+			if (win !== null) return {
+				start: win.start,
+				count: win.count
+			};
+			return readEstimateOf(args);
+		}
+		/**
+		* A search op's detail: the pattern, with the include filter appended when
+		* one narrowed the call. A patternless (malformed) search has no detail.
+		*/
+		function searchDetailOf(args) {
+			const pattern = args?.pattern;
+			if (typeof pattern !== "string" || pattern === "") return void 0;
+			const include = args?.include;
+			return typeof include === "string" && include !== "" ? `${pattern} (${include})` : pattern;
+		}
+		/**
+		* The files a search demonstrably reached, read off the result's bounded
+		* presentation meta (grep groups matched lines by file; glob lists paths).
+		* Only the COMPLETE list attributes: a capped search (`truncated`) names a
+		* partial file set, and a malformed meta names none — both fall back to the
+		* call's own target. Each entry carries the reported match count.
+		*/
+		function searchFilesOf(meta) {
+			if (meta === null || typeof meta !== "object") return null;
+			const m = meta;
+			if (m.truncated !== false) return null;
+			const files = [];
+			if (m.shape === "matches" && Array.isArray(m.files)) for (const f of m.files) {
+				if (f === null || typeof f !== "object") continue;
+				const group = f;
+				if (typeof group.path === "string" && group.path !== "" && Array.isArray(group.matches)) files.push({
+					path: group.path,
+					hits: group.matches.length
+				});
+			}
+			else if (m.shape === "paths" && Array.isArray(m.paths)) {
+				for (const p of m.paths) if (typeof p === "string" && p !== "") files.push({
+					path: p,
+					hits: 0
+				});
+			}
+			return files.length > 0 ? files : null;
+		}
+		/**
+		* The one-shot per-call op assembly, uniform across every producer: the
+		* host's call/result pairing (args off the armed call, meta off the
+		* result), the nested Code-Mode settle (no meta exists on a dispatch — the
+		* read window and per-file search attribution degrade to the argument-only
+		* forms), and the client's inline-generation join fallback. Returns zero to
+		* N records: a search with the complete matched-file meta rows per file;
+		* any other file call rows once; a non-file tool (or a call whose arguments
+		* resolve no target) rows nothing.
+		*/
+		function opsOfCall(input) {
+			const args = parseCallArgs(input.argsRaw);
+			const kind = kindOfCall(input.tool, args);
+			if (kind === null) return [];
+			const stamp = {
+				seq: input.seq,
+				kind,
+				tool: input.tool,
+				err: input.err === true,
+				added: 0,
+				removed: 0,
+				path: "",
+				...input.time !== void 0 ? { time: input.time } : {},
+				...input.gone !== void 0 ? { gone: input.gone } : {},
+				...input.parent !== void 0 ? { parent: input.parent } : {},
+				...input.program !== void 0 ? { program: input.program } : {}
+			};
+			if (kind === "search") {
+				const files = searchFilesOf(input.meta);
+				if (files !== null) {
+					const detail = searchDetailOf(args);
+					const target = args !== null ? pathOfArgs(input.tool, args) : null;
+					const narrowed = args !== null && typeof args.path === "string" && args.path !== "";
+					return [...target !== null && !files.some((f) => f.path === target) ? [{
+						...stamp,
+						path: target,
+						...narrowed && detail !== void 0 ? { detail } : {},
+						...narrowed ? {} : { pattern: true }
+					}] : [], ...files.map((f) => ({
+						...stamp,
+						path: f.path,
+						...detail !== void 0 ? { detail } : {},
+						...f.hits > 0 ? { hits: f.hits } : {}
+					}))];
+				}
+			}
+			if (args === null) return [];
+			const path = pathOfArgs(input.tool, args);
+			if (path === null) return [];
+			const { added, removed } = deltaOf(input.tool, args);
+			const narrowed = typeof args.path === "string" && args.path !== "";
+			const detail = kind === "search" && narrowed ? searchDetailOf(args) : void 0;
+			const read = kind === "read" ? readOf(input.meta, args) : void 0;
+			return [{
+				...stamp,
+				path,
+				added,
+				removed,
+				...detail !== void 0 ? { detail } : {},
+				...read !== void 0 ? { read } : {},
+				...kind === "search" && !narrowed ? { pattern: true } : {}
+			}];
+		}
+		//#endregion
+		//#region src/client/callSummary.ts
 		function summaryInArgs(args) {
 			if (args === null) return null;
 			for (const k of [
@@ -1516,6 +2081,20 @@ window.__ModuleLoader__.load({
 			return names;
 		}
 		//#endregion
+		//#region src/client/components/detailNote.tsx
+		function makeDetailNote(kit) {
+			const { t } = kit;
+			return function DetailNote(props) {
+				const cls = props.className ?? "lc-empty";
+				if (props.state === "loading") return /* @__PURE__ */ React.createElement("div", { className: cls }, t("detail.loading"));
+				return /* @__PURE__ */ React.createElement("div", { className: cls }, props.onRetry !== void 0 ? /* @__PURE__ */ React.createElement("button", {
+					type: "button",
+					className: "lc-br-retry",
+					onClick: props.onRetry
+				}, t("detail.loadFailed")) : t("detail.loadFailed"));
+			};
+		}
+		//#endregion
 		//#region src/client/components/nodes.tsx
 		function makeNodeText(kit) {
 			const { t } = kit;
@@ -1530,6 +2109,71 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
+		//#region src/client/components/fetchOnMiss.tsx
+		/**
+		* Run one fetch for `key` when it is set and not yet cached. `key` null (no
+		* target open) or `fetcher` undefined (older host without the history face)
+		* leaves the machine idle; the caller renders the matching note either way.
+		*/
+		function useFetchOnMiss(key, fetcher, warn) {
+			const [values, setValues] = React.useState(() => /* @__PURE__ */ new Map());
+			const [state, setState] = React.useState("idle");
+			const [attempt, setAttempt] = React.useState(0);
+			React.useEffect(() => {
+				if (key === null || fetcher === void 0 || values.has(key)) return;
+				let live = true;
+				setState("loading");
+				fetcher(key).then((value) => {
+					if (!live) return;
+					if (value === null) {
+						setState("absent");
+						return;
+					}
+					setValues((prev) => {
+						const next = new Map(prev);
+						next.set(key, value);
+						return next;
+					});
+					setState("idle");
+				}, (error) => {
+					console.warn(warn, error);
+					if (live) setState("failed");
+				});
+				return () => {
+					live = false;
+				};
+			}, [
+				key,
+				fetcher,
+				attempt,
+				values
+			]);
+			return {
+				values,
+				state,
+				retry: () => {
+					setAttempt((a) => a + 1);
+				}
+			};
+		}
+		/**
+		* The note a not-yet-loaded fetch target shows — one expression for both
+		* on-demand reads: the legacy static hint (`emptyKey`) when no fetcher is
+		* composed, `loading` while the read is in flight (and on the first frame
+		* before the effect fires), `notInLog` when the durable log does not hold
+		* the key, and a retry button after a failed read.
+		*/
+		function fetchMissNote(t, fetcher, state, onRetry, emptyKey) {
+			if (fetcher === void 0) return t(emptyKey);
+			if (state === "absent") return t("browser.notInLog");
+			if (state === "failed") return /* @__PURE__ */ React.createElement("button", {
+				type: "button",
+				className: "lc-br-retry",
+				onClick: onRetry
+			}, t("browser.loadFailed"));
+			return t("browser.loading");
+		}
+		//#endregion
 		//#region src/client/format.ts
 		/** `fmt`: the k/M suffix style shared by bars/details/stats; `fmtTime`: local HH:MM:SS. */
 		function fmt(n) {
@@ -1583,7 +2227,7 @@ window.__ModuleLoader__.load({
 		* Non-finite or non-positive input shows the dash (callers render their empty
 		* state anyway).
 		*/
-		function fmtDuration$1(ms, lang) {
+		function fmtDuration(ms, lang) {
 			if (!Number.isFinite(ms) || ms <= 0) return "—";
 			if (ms < 1e3) return `${Math.round(ms)}ms`;
 			const zh = lang === "zh";
@@ -2323,6 +2967,7 @@ window.__ModuleLoader__.load({
 		}
 		function makeContextBrowser(kit, StackedBar) {
 			const { t, fmt, fmtTime, catLabel } = kit;
+			const DetailNote = makeDetailNote(kit);
 			const nodeText = makeNodeText(kit);
 			const rich = makeRichText(kit);
 			const ImageCard = makeImageCard(kit);
@@ -2335,46 +2980,20 @@ window.__ModuleLoader__.load({
 				const [rowQuery, setRowQuery] = React.useState("");
 				const [toolSort, setToolSort] = React.useState("size");
 				const convNodes = props.convNodes;
-				const [fetched, setFetched] = React.useState(() => /* @__PURE__ */ new Map());
-				const bySeq = React.useMemo(() => {
+				const convBySeq = React.useMemo(() => {
 					const m = /* @__PURE__ */ new Map();
 					for (const n of convNodes ?? []) m.set(n.seq, n);
-					for (const [seq, n] of fetched) if (!m.has(seq)) m.set(seq, n);
 					return m;
-				}, [convNodes, fetched]);
+				}, [convNodes]);
 				const openSeq = openElem !== null && openElem.startsWith("n") ? Number(openElem.slice(1)) : null;
-				const missingSeq = openSeq !== null && !bySeq.has(openSeq) ? openSeq : null;
 				const fetchContent = props.fetchContent;
-				const [missState, setMissState] = React.useState("idle");
-				const [retry, setRetry] = React.useState(0);
-				React.useEffect(() => {
-					if (missingSeq === null || fetchContent === void 0) return;
-					let live = true;
-					setMissState("loading");
-					fetchContent(missingSeq).then((node) => {
-						if (!live) return;
-						if (node === null) {
-							setMissState("absent");
-							return;
-						}
-						setFetched((prev) => {
-							const next = new Map(prev);
-							next.set(missingSeq, node);
-							return next;
-						});
-						setMissState("idle");
-					}, (error) => {
-						console.warn("dsh-context: targeted history read failed", error);
-						if (live) setMissState("failed");
-					});
-					return () => {
-						live = false;
-					};
-				}, [
-					missingSeq,
-					fetchContent,
-					retry
-				]);
+				const miss = useFetchOnMiss(openSeq !== null && !convBySeq.has(openSeq) ? openSeq : null, fetchContent, "dsh-context: targeted history read failed");
+				const bySeq = React.useMemo(() => {
+					if (miss.values.size === 0) return convBySeq;
+					const m = new Map(convBySeq);
+					for (const [seq, n] of miss.values) if (!m.has(seq)) m.set(seq, n);
+					return m;
+				}, [convBySeq, miss.values]);
 				const pinSeq = props.pinSeq;
 				React.useEffect(() => {
 					setSel(pinSeq === null || pinSeq === void 0 ? "live" : pinSeq);
@@ -2397,13 +3016,7 @@ window.__ModuleLoader__.load({
 					focusScrollRef.current = false;
 					rootRef.current?.querySelector(".lc-br-elem-on")?.scrollIntoView({ block: "nearest" });
 				});
-				const missNote = fetchContent === void 0 ? t("browser.noContent") : missState === "loading" ? t("browser.loading") : missState === "absent" ? t("browser.notInLog") : missState === "failed" ? /* @__PURE__ */ React.createElement("button", {
-					type: "button",
-					className: "lc-br-retry",
-					onClick: () => {
-						setRetry((r) => r + 1);
-					}
-				}, t("browser.loadFailed")) : t("browser.noContent");
+				const missNote = fetchMissNote(t, fetchContent, miss.state, miss.retry, "browser.noContent");
 				const requests = data.requests;
 				const hoverReq = props.previewSeq !== null && props.previewSeq !== void 0 ? requests.find((r) => r.seq === props.previewSeq) ?? null : null;
 				const req = hoverReq ?? (sel === "live" ? null : requests.find((r) => r.seq === sel) ?? null);
@@ -2411,48 +3024,11 @@ window.__ModuleLoader__.load({
 				const linked = req === null && props.onHoverKey !== void 0;
 				const linkKey = linked && props.hoverKey !== null && props.hoverKey !== "free" ? props.hoverKey : null;
 				const view = assemble(data, headers, seq);
-				const [headerContent, setHeaderContent] = React.useState(() => /* @__PURE__ */ new Map());
-				const [headerState, setHeaderState] = React.useState("idle");
-				const [headerRetry, setHeaderRetry] = React.useState(0);
 				const fetchHeader = props.fetchHeader;
 				const headerSeq = view.header !== null ? view.header.seq : null;
-				const headerNeeded = view.header !== null && headerSeq !== null && !headerContent.has(headerSeq) && (openCat === "system" || openCat === "tools");
-				React.useEffect(() => {
-					if (!headerNeeded || fetchHeader === void 0) return;
-					let live = true;
-					setHeaderState("loading");
-					fetchHeader(headerSeq).then((content) => {
-						if (!live) return;
-						if (content === null) {
-							setHeaderState("absent");
-							return;
-						}
-						setHeaderContent((prev) => {
-							const next = new Map(prev);
-							next.set(headerSeq, content);
-							return next;
-						});
-						setHeaderState("idle");
-					}, (error) => {
-						console.warn("dsh-context: header content fetch failed", error);
-						if (live) setHeaderState("failed");
-					});
-					return () => {
-						live = false;
-					};
-				}, [
-					headerNeeded,
-					headerSeq,
-					fetchHeader,
-					headerRetry
-				]);
-				const headerNote = fetchHeader === void 0 ? t("browser.headerMetaOnly") : headerState === "loading" || headerState === "idle" ? t("browser.loading") : headerState === "absent" ? t("browser.notInLog") : /* @__PURE__ */ React.createElement("button", {
-					type: "button",
-					className: "lc-br-retry",
-					onClick: () => {
-						setHeaderRetry((r) => r + 1);
-					}
-				}, t("browser.loadFailed"));
+				const epoch = useFetchOnMiss(headerSeq !== null && (openCat === "system" || openCat === "tools") ? headerSeq : null, fetchHeader, "dsh-context: header content fetch failed");
+				const headerContent = epoch.values;
+				const headerNote = fetchMissNote(t, fetchHeader, epoch.state, epoch.retry, "browser.headerMetaOnly");
 				const breakdown = req !== null ? req : data.current;
 				const parts = partsOf(breakdown);
 				const total = breakdown.total;
@@ -2658,7 +3234,14 @@ window.__ModuleLoader__.load({
 					hoverKey: linked ? linkKey : void 0,
 					onHoverKey: linked ? props.onHoverKey : void 0,
 					tip: false
-				})), view.missingLive > 0 ? /* @__PURE__ */ React.createElement("div", { className: "lc-br-note" }, t("browser.missingLive", { n: view.missingLive })) : null, view.approximate ? /* @__PURE__ */ React.createElement("div", { className: "lc-br-note" }, t("browser.approx")) : null, /* @__PURE__ */ React.createElement("div", { className: "lc-br-cats" }, CATS.map((c) => {
+				})), view.missingLive > 0 ? /* @__PURE__ */ React.createElement("div", { className: "lc-br-note" }, t("browser.missingLive", { n: view.missingLive })) : null, view.approximate ? /* @__PURE__ */ React.createElement("div", { className: "lc-br-note" }, t("browser.approx")) : null, props.detailState === "loading" ? /* @__PURE__ */ React.createElement(DetailNote, {
+					state: "loading",
+					className: "lc-br-note"
+				}) : null, props.detailState === "failed" && props.onDetailRetry !== void 0 ? /* @__PURE__ */ React.createElement(DetailNote, {
+					state: "failed",
+					onRetry: props.onDetailRetry,
+					className: "lc-br-note"
+				}) : null, /* @__PURE__ */ React.createElement("div", { className: "lc-br-cats" }, CATS.map((c) => {
 					const count = toolCount(c.key);
 					const v = breakdown[c.key] || 0;
 					const prevCount = prevView !== null && prevByCat !== null ? countOf(prevView, prevByCat, c.key) : null;
@@ -2865,6 +3448,33 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
+		//#region src/client/components/escapeClose.ts
+		/**
+		* The shared Escape-to-close contract of the plugin's overlays (the /context
+		* modal and the baseline-gate dialog): capture-phase keydown on window, so
+		* the composer's own key handling never swallows Escape first; on close, focus
+		* returns to the element that held it when the overlay opened (skipped when
+		* that element left the document).
+		*/
+		/** Close on Escape while `active`; restores the pre-open focus on cleanup. */
+		function useEscapeClose(active, onClose) {
+			React.useEffect(() => {
+				if (!active) return void 0;
+				const previous = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+				const onKey = (ev) => {
+					if (ev.key !== "Escape") return;
+					ev.preventDefault();
+					ev.stopPropagation();
+					onClose();
+				};
+				window.addEventListener("keydown", onKey, true);
+				return () => {
+					window.removeEventListener("keydown", onKey, true);
+					if (previous !== null && document.contains(previous)) previous.focus();
+				};
+			}, [active, onClose]);
+		}
+		//#endregion
 		//#region src/client/components/contextModal.tsx
 		function makeContextModal(ctx, kit) {
 			const { t } = kit;
@@ -2875,10 +3485,11 @@ window.__ModuleLoader__.load({
 			function ContextModalBody(props) {
 				const sessionId = typeof props.sessionId === "string" ? props.sessionId : "";
 				const open = typeof props.useContextModal === "function" ? props.useContextModal((s) => s) : false;
-				const data = typeof props.useProjection === "function" ? timelineOf(props.useProjection("contextTimeline")) : null;
-				const pressure = typeof props.useProjection === "function" ? contextPressureOf(props.useProjection("contextPressure")) : null;
-				const breakdown = typeof props.useProjection === "function" ? contextBreakdownOf(props.useProjection("contextBreakdown")) : null;
-				const headers = typeof props.useProjection === "function" ? headersOf(props.useProjection("contextHeaders")) : null;
+				const source = useTimelineSource(ctx, props);
+				const data = source.data;
+				const pressure = projectionOf(props, "contextPressure", contextPressureOf);
+				const breakdown = projectionOf(props, "contextBreakdown", contextBreakdownOf);
+				const headers = projectionOf(props, "contextHeaders", headersOf);
 				const convNodes = conversationNodesOf(props);
 				const [hoverCat, setHoverCat] = React.useState(null);
 				const [dockLeft, setDockLeft] = React.useState(0);
@@ -2894,21 +3505,7 @@ window.__ModuleLoader__.load({
 					const scope = sessions.scope(sessionId);
 					if (scope !== void 0) scope.bail(scope, "slash/input-consume-token", { guard });
 				}, [ctx, sessionId]);
-				React.useEffect(() => {
-					if (!open) return void 0;
-					const previous = document.activeElement instanceof HTMLElement ? document.activeElement : null;
-					const onKey = (ev) => {
-						if (ev.key !== "Escape") return;
-						ev.preventDefault();
-						ev.stopPropagation();
-						close();
-					};
-					window.addEventListener("keydown", onKey, true);
-					return () => {
-						window.removeEventListener("keydown", onKey, true);
-						if (previous !== null && document.contains(previous)) previous.focus();
-					};
-				}, [open, close]);
+				useEscapeClose(open, close);
 				React.useLayoutEffect(() => {
 					if (!open) return void 0;
 					const dock = measureDock(backdropRef.current);
@@ -2954,7 +3551,9 @@ window.__ModuleLoader__.load({
 					fetchContent,
 					fetchHeader,
 					hoverKey: hoverCat,
-					onHoverKey: setHoverCat
+					onHoverKey: setHoverCat,
+					detailState: source.detailState,
+					onDetailRetry: source.retryDetail
 				}))));
 			}
 			return function ContextModal(props) {
@@ -3154,6 +3753,17 @@ window.__ModuleLoader__.load({
 				state = next;
 				for (const listener of listeners) listener();
 			};
+			const sync = (bound) => {
+				const snap = bound.getSnapshot();
+				const prefs = prefsOf(snap.value);
+				publish({
+					status: snap.status === "ready" || snap.status === "unavailable" ? snap.status : "loading",
+					granularity: prefs.granularity ?? state.granularity,
+					mode: prefs.mode ?? state.mode,
+					fileSort: prefs.fileSort ?? state.fileSort,
+					writable: snap.writable
+				});
+			};
 			return {
 				store: {
 					subscribe(listener) {
@@ -3169,205 +3779,86 @@ window.__ModuleLoader__.load({
 				defaultFileSort: () => state.fileSort,
 				attach(bound) {
 					scope = bound;
-					const sync = () => {
-						const snap = bound.getSnapshot();
-						const prefs = prefsOf(snap.value);
-						publish({
-							status: snap.status === "ready" || snap.status === "unavailable" ? snap.status : "loading",
-							granularity: prefs.granularity ?? state.granularity,
-							mode: prefs.mode ?? state.mode,
-							fileSort: prefs.fileSort ?? state.fileSort,
-							writable: snap.writable
-						});
-					};
-					sync();
-					return bound.subscribe(sync);
+					sync(bound);
+					return bound.subscribe(() => {
+						sync(bound);
+					});
 				},
 				set(field, value) {
 					publish({
 						...state,
 						...prefsOf({ [field]: value })
 					});
-					scope?.set(field, value);
-				}
-			};
-		}
-		//#endregion
-		//#region src/client/brief.ts
-		/** Every served node (live tail + removed archive copies), seq-sorted. */
-		function briefNodes(data) {
-			return [...data.nodes, ...data.archive].sort((a, b) => a.seq - b.seq);
-		}
-		/** First index whose node seq is >= `seq` (lower bound over the sorted list). */
-		function lowerBound(nodes, seq) {
-			let lo = 0;
-			let hi = nodes.length;
-			while (lo < hi) {
-				const mid = lo + hi >> 1;
-				if (nodes[mid].seq < seq) lo = mid + 1;
-				else hi = mid;
-			}
-			return lo;
-		}
-		/**
-		* Derive the brief for `requests[idx]` (the DISPLAY list — step records or
-		* turn aggregates; a turn aggregate is always a turn start, so its inputs row
-		* stays hidden and the opener/response carry the narrative).
-		*/
-		function briefOf(nodes, requests, idx) {
-			if (idx < 0 || idx >= requests.length) return null;
-			const req = requests[idx];
-			const ri = lowerBound(nodes, req.seq);
-			const hit = ri < nodes.length && nodes[ri].seq === req.seq ? nodes[ri] : void 0;
-			const response = hit !== void 0 && hit.cat === "assistant" ? hit : void 0;
-			const turnStart = idx === 0 || (requests[idx - 1].turn ?? 0) !== (req.turn ?? 0);
-			let firstIdx = idx;
-			while (firstIdx > 0 && (requests[firstIdx - 1].turn ?? 0) === (req.turn ?? 0)) firstIdx--;
-			const upper = requests[firstIdx].seq;
-			const lower = firstIdx > 0 ? requests[firstIdx - 1].seq : -1;
-			let opener;
-			for (let i = lowerBound(nodes, upper) - 1; i >= 0; i--) {
-				const n = nodes[i];
-				if (n.seq <= lower) break;
-				if (n.cat === "user") {
-					opener = n;
-					break;
+					const bound = scope;
+					if (bound === void 0) return;
+					bound.set(field, value).catch(() => {
+						sync(bound);
+					});
 				}
-			}
-			const inputs = [];
-			if (!turnStart) {
-				const prevSeq = requests[idx - 1].seq;
-				for (let i = lowerBound(nodes, prevSeq + 1); i < nodes.length && nodes[i].seq < req.seq; i++) inputs.push(nodes[i]);
-			}
-			return {
-				opener,
-				inputs,
-				response
 			};
 		}
 		//#endregion
-		//#region src/client/fileActivity.ts
-		const KIND_BY_TOOL = {
-			read: "read",
-			read_image: "read",
-			write: "write",
-			edit: "write",
-			grep: "search",
-			glob: "search"
-		};
-		/** The file purpose of a tool, or null for non-file tools (bash, web_search…). */
-		function kindOfTool(tool) {
-			if (tool === void 0) return null;
-			return KIND_BY_TOOL[tool] ?? null;
-		}
-		/**
-		* The file purpose of one executed call. Like {@link kindOfTool} except for
-		* the one file tool whose purpose follows its arguments: `str_replace_editor`
-		* reads on `view` and writes on every other command (create / str_replace /
-		* insert — an unknown command writes too; the call failed and the row keeps
-		* its error flag).
-		*/
-		function kindOfCall(tool, args) {
-			if (tool === "str_replace_editor") return args !== null && args.command === "view" ? "read" : "write";
-			return kindOfTool(tool);
-		}
-		/**
-		* The operation's target path: the path-ish argument of read/write tools;
-		* for searches the narrowing `path`, else the pattern itself (a pathless
-		* grep/glob's target IS the pattern — the workspace-wide search text).
-		*/
-		function pathOfArgs(tool, args) {
-			if (args === null) return null;
-			if (tool === "grep" || tool === "glob") {
-				const p = args.path;
-				if (typeof p === "string" && p !== "") return p;
-				const pattern = args.pattern;
-				return typeof pattern === "string" && pattern !== "" ? pattern : null;
-			}
-			for (const k of [
-				"file_path",
-				"filePath",
-				"path"
-			]) {
-				const v = args[k];
-				if (typeof v === "string" && v !== "") return v;
-			}
-			return null;
-		}
-		/** Rendered line count: '' is 0, a trailing newline closes its own line. */
-		function linesOf(s) {
-			if (s === "") return 0;
-			let n = 0;
-			for (let i = 0; i < s.length; i++) if (s[i] === "\n") n++;
-			return s.endsWith("\n") ? n : n + 1;
-		}
-		/** The added/removed pair of one content-bearing argument set, or zeros. */
-		function pairOf(added, removed) {
-			return {
-				added: typeof added === "string" ? linesOf(added) : 0,
-				removed: typeof removed === "string" ? linesOf(removed) : 0
-			};
-		}
-		/**
-		* The signed line footprint of one call: an edit removes its old string and
-		* adds its new one; a write adds its content (the pre-existing body, if any,
-		* is unknowable from the arguments — the estimate stays honest about that);
-		* `str_replace_editor` splits the same shapes across its commands. Callers
-		* reach here only with parsed args (a null parse yields no path).
-		*/
-		function deltaOf(tool, args) {
-			if (tool === "edit") return pairOf(args.new_string, args.old_string);
-			if (tool === "write") return pairOf(args.content, void 0);
-			if (tool === "str_replace_editor") {
-				if (args.command === "str_replace") return pairOf(args.new_str, args.old_str);
-				if (args.command === "insert") return pairOf(args.new_str, void 0);
-				if (args.command === "create") return pairOf(args.file_text, void 0);
-			}
-			return {
-				added: 0,
-				removed: 0
-			};
-		}
-		/** The exact window a read's result meta reports: `offset` plus the retained
-		* `lines` array (the same bounded payload the read card renders from). Null
-		* for a foreign or malformed meta. */
-		function readWindowOf(meta) {
-			if (meta === null || typeof meta !== "object") return null;
-			const m = meta;
-			if (typeof m.path !== "string" || m.path === "") return null;
-			if (typeof m.offset !== "number" || !Number.isFinite(m.offset) || m.offset < 1) return null;
-			if (!Array.isArray(m.lines) || m.lines.length === 0) return null;
-			return {
-				start: m.offset,
-				count: m.lines.length
-			};
+		//#region src/client/brief.ts
+		/** Every served node (live tail + removed archive copies), seq-sorted. */
+		function briefNodes(data) {
+			return [...data.nodes, ...data.archive].sort((a, b) => a.seq - b.seq);
 		}
-		/** The limit estimate: the tool reads up to `limit` lines from `offset`;
-		* absent when the call reads unbounded. */
-		function readEstimateOf(args) {
-			const limit = args.limit;
-			return typeof limit === "number" && Number.isFinite(limit) && limit > 0 ? {
-				count: Math.floor(limit),
-				est: true
-			} : void 0;
+		/** First index whose node seq is >= `seq` (lower bound over the sorted list). */
+		function lowerBound(nodes, seq) {
+			let lo = 0;
+			let hi = nodes.length;
+			while (lo < hi) {
+				const mid = lo + hi >> 1;
+				if (nodes[mid].seq < seq) lo = mid + 1;
+				else hi = mid;
+			}
+			return lo;
 		}
-		/** What a read op shows: the exact window off the result meta, else the
-		* limit estimate, else nothing (an unbounded read names no footprint). */
-		function readOf(meta, args) {
-			const win = readWindowOf(meta);
-			if (win !== null) return {
-				start: win.start,
-				count: win.count
+		/**
+		* Derive the brief for `requests[idx]` (the DISPLAY list — step records or
+		* turn aggregates; a turn aggregate is always a turn start, so its inputs row
+		* stays hidden and the opener/response carry the narrative).
+		*/
+		function briefOf(nodes, requests, idx) {
+			if (idx < 0 || idx >= requests.length) return null;
+			const req = requests[idx];
+			const ri = lowerBound(nodes, req.seq);
+			const hit = ri < nodes.length && nodes[ri].seq === req.seq ? nodes[ri] : void 0;
+			const response = hit !== void 0 && hit.cat === "assistant" ? hit : void 0;
+			const turnStart = idx === 0 || (requests[idx - 1].turn ?? 0) !== (req.turn ?? 0);
+			let firstIdx = idx;
+			while (firstIdx > 0 && (requests[firstIdx - 1].turn ?? 0) === (req.turn ?? 0)) firstIdx--;
+			const upper = requests[firstIdx].seq;
+			const lower = firstIdx > 0 ? requests[firstIdx - 1].seq : -1;
+			let opener;
+			for (let i = lowerBound(nodes, upper) - 1; i >= 0; i--) {
+				const n = nodes[i];
+				if (n.seq <= lower) break;
+				if (n.cat === "user") {
+					opener = n;
+					break;
+				}
+			}
+			const inputs = [];
+			if (!turnStart) {
+				const prevSeq = requests[idx - 1].seq;
+				for (let i = lowerBound(nodes, prevSeq + 1); i < nodes.length && nodes[i].seq < req.seq; i++) inputs.push(nodes[i]);
+			}
+			return {
+				opener,
+				inputs,
+				response
 			};
-			return readEstimateOf(args);
 		}
-		const IMAGE_EXT = /\.(png|jpe?g|gif|webp|svg|bmp|ico|avif)$/i;
+		//#endregion
+		//#region src/client/fileActivity.ts
 		/** The file's form — multimodal reads and image extensions scan apart; a trailing slash marks a directory target. */
 		function formOf(tool, path) {
 			if (tool === "read_image" || IMAGE_EXT.test(path)) return "image";
 			if (path.endsWith("/")) return "dir";
 			return "text";
 		}
+		const IMAGE_EXT = /\.(png|jpe?g|gif|webp|svg|bmp|ico|avif)$/i;
 		/** Directory buckets, by last path segment (lowercased, explicit plurals). Checked in order, then hidden dirs, then the plain folder. */
 		const DIR_BUCKETS = [
 			[
@@ -3866,118 +4357,11 @@ window.__ModuleLoader__.load({
 			return "./" + path;
 		}
 		/**
-		* A search op's detail: the pattern, with the include filter appended when
-		* one narrowed the call. A patternless (malformed) search has no detail.
-		*/
-		function searchDetailOf(args) {
-			const pattern = args?.pattern;
-			if (typeof pattern !== "string" || pattern === "") return void 0;
-			const include = args?.include;
-			return typeof include === "string" && include !== "" ? `${pattern} (${include})` : pattern;
-		}
-		/**
-		* The files a search demonstrably reached, read off the result's bounded
-		* presentation meta (grep groups matched lines by file; glob lists paths).
-		* Only the COMPLETE list attributes: a capped search (`truncated`) names a
-		* partial file set, and a malformed meta names none — both fall back to the
-		* call's own target. Each entry carries the reported match count.
-		*/
-		function searchFilesOf(meta) {
-			if (meta === null || typeof meta !== "object") return null;
-			const m = meta;
-			if (m.truncated !== false) return null;
-			const files = [];
-			if (m.shape === "matches" && Array.isArray(m.files)) for (const f of m.files) {
-				if (f === null || typeof f !== "object") continue;
-				const group = f;
-				if (typeof group.path === "string" && group.path !== "" && Array.isArray(group.matches)) files.push({
-					path: group.path,
-					hits: group.matches.length
-				});
-			}
-			else if (m.shape === "paths" && Array.isArray(m.paths)) {
-				for (const p of m.paths) if (typeof p === "string" && p !== "") files.push({
-					path: p,
-					hits: 0
-				});
-			}
-			return files.length > 0 ? files : null;
-		}
-		/**
-		* Narrow one block of a conversation node's `subCalls` tree to a settled
-		* nested call, or null. The join is defensive — a running call has no result
-		* kind yet, and any malformed block is dropped, never thrown. (Null and
-		* non-object blocks never reach here: the folding loop pre-filters them.)
-		*/
-		function subCallOf(block) {
-			const b = block;
-			if (b.kind !== "tool-result") return null;
-			if (b.call === null || typeof b.call !== "object") return null;
-			const call = b.call;
-			if (typeof call.name !== "string" || typeof call.argsRaw !== "string") return null;
-			if (typeof b.seq !== "number" || !Number.isFinite(b.seq)) return null;
-			return {
-				name: call.name,
-				argsRaw: call.argsRaw,
-				seq: b.seq,
-				...typeof b.time === "number" ? { time: b.time } : {},
-				...b.isError === true ? { err: true } : { err: false },
-				...Array.isArray(b.subCalls) ? { subCalls: b.subCalls } : {}
-			};
-		}
-		/** The run_code call's model-authored description — the nested ops' "why". */
-		function programOf(conv) {
-			const description = parseCallArgs(conv?.call?.argsRaw)?.description;
-			return typeof description === "string" && description !== "" ? description : void 0;
-		}
-		/**
-		* Depth guard for nested Code-Mode trees. The SDK bindings exclude `run_code`
-		* itself, so a real tree is one level deep; the cap only bounds defensive
-		* re-entry over a malformed join.
-		*/
-		const SUBCALL_MAX_DEPTH = 8;
-		/**
-		* Fold one nested Code-Mode tree: every settled sub-dispatch whose arguments
-		* resolve to a file target books one op, attributed to the nested tool and
-		* located on the parent run_code result. `seen` holds the already-visited
-		* blocks, so a malformed (cyclic) join cannot loop.
+		* Fold op records into per-file activity: scope-filtered, aggregated per
+		* path, ops newest first. The presentation half of the card — the parsing
+		* is the shared parser's (shared/fileOps.ts), however the records arrived.
 		*/
-		function foldSubCalls(blocks, parent, program, add, seen, depth) {
-			if (depth > SUBCALL_MAX_DEPTH) return;
-			for (const block of blocks) {
-				if (block === null || typeof block !== "object" || seen.has(block)) continue;
-				seen.add(block);
-				const sub = subCallOf(block);
-				if (sub !== null) {
-					const args = parseCallArgs(sub.argsRaw);
-					const kind = args !== null ? kindOfCall(sub.name, args) : null;
-					const path = kind !== null ? pathOfArgs(sub.name, args) : null;
-					if (args !== null && kind !== null && path !== null) {
-						const { added, removed } = deltaOf(sub.name, args);
-						const narrowed = typeof args.path === "string" && args.path !== "";
-						const detail = kind === "search" && narrowed ? searchDetailOf(args) : void 0;
-						const read = kind === "read" ? readOf(void 0, args) : void 0;
-						add({
-							seq: sub.seq,
-							...parent.gone !== void 0 ? { gone: parent.gone } : {},
-							kind,
-							tool: sub.name,
-							...sub.time !== void 0 ? { time: sub.time } : {},
-							err: sub.err,
-							added,
-							removed,
-							...detail !== void 0 ? { detail } : {},
-							...read !== void 0 ? { read } : {},
-							parent: parent.seq,
-							...program !== void 0 ? { program } : {}
-						}, path, kind === "search" && !narrowed);
-					}
-					if (sub.subCalls !== void 0) foldSubCalls(sub.subCalls, parent, program, add, seen, depth + 1);
-				}
-			}
-		}
-		/** Fold every served tool-result node into per-file activity. */
-		function activityOf(nodes, convOf, before) {
+		function aggregateOps(ops, before) {
 			const totals = {
 				read: {
 					files: 0,
@@ -3999,15 +4383,15 @@ window.__ModuleLoader__.load({
 				removed: 0
 			};
 			const byPath = /* @__PURE__ */ new Map();
-			/** Book one executed op under its file; the totals and the entry move together.
-			* `pattern` marks a pathless search's pattern-as-target row (a display-only flag). */
-			const add = (op, path, pattern = false) => {
+			for (const op of ops) {
+				const key = op.parent ?? op.seq;
+				if (before !== null && key >= before) continue;
 				totals[op.kind].ops++;
-				let entry = byPath.get(path);
+				let entry = byPath.get(op.path);
 				if (entry === void 0) {
 					entry = {
-						path,
-						form: formOf(op.tool, path),
+						path: op.path,
+						form: formOf(op.tool, op.path),
 						reads: 0,
 						writes: 0,
 						searches: 0,
@@ -4015,9 +4399,9 @@ window.__ModuleLoader__.load({
 						removed: 0,
 						errs: 0,
 						ops: [],
-						...pattern ? { pattern: true } : {}
+						...op.pattern === true ? { pattern: true } : {}
 					};
-					byPath.set(path, entry);
+					byPath.set(op.path, entry);
 				}
 				if (op.kind === "read") entry.reads++;
 				else if (op.kind === "write") entry.writes++;
@@ -4026,59 +4410,6 @@ window.__ModuleLoader__.load({
 				entry.removed += op.removed;
 				if (op.err) entry.errs++;
 				entry.ops.push(op);
-			};
-			for (const n of nodes) {
-				if (n.cat !== "tool") continue;
-				if (before !== null && n.seq >= before) continue;
-				const tool = n.tool;
-				if (tool === void 0) continue;
-				try {
-					const conv = convOf(n.seq);
-					const staticKind = kindOfTool(tool);
-					const args = staticKind !== null || tool === "str_replace_editor" ? parseCallArgs(conv?.call?.argsRaw) : null;
-					const kind = staticKind ?? kindOfCall(tool, args);
-					if (kind !== null) {
-						const err = n.err === true || conv?.isError === true;
-						const files = kind === "search" ? searchFilesOf(conv?.meta) : null;
-						if (files !== null) {
-							const detail = searchDetailOf(args);
-							for (const f of files) add({
-								seq: n.seq,
-								...n.gone !== void 0 ? { gone: n.gone } : {},
-								kind,
-								tool,
-								...n.time !== void 0 ? { time: n.time } : {},
-								err,
-								added: 0,
-								removed: 0,
-								...detail !== void 0 ? { detail } : {},
-								...f.hits > 0 ? { hits: f.hits } : {}
-							}, f.path);
-						} else if (args !== null) {
-							const path = pathOfArgs(tool, args);
-							if (path !== null) {
-								const { added, removed } = deltaOf(tool, args);
-								const narrowed = typeof args.path === "string" && args.path !== "";
-								const detail = kind === "search" && narrowed ? searchDetailOf(args) : void 0;
-								const read = kind === "read" ? readOf(conv?.meta, args) : void 0;
-								add({
-									seq: n.seq,
-									...n.gone !== void 0 ? { gone: n.gone } : {},
-									kind,
-									tool,
-									...n.time !== void 0 ? { time: n.time } : {},
-									err,
-									added,
-									removed,
-									...detail !== void 0 ? { detail } : {},
-									...read !== void 0 ? { read } : {}
-								}, path, kind === "search" && !narrowed);
-							}
-						}
-					}
-					const subCalls = conv?.subCalls;
-					if (subCalls !== void 0 && subCalls.length > 0) foldSubCalls(subCalls, n, programOf(conv), add, /* @__PURE__ */ new Set(), 1);
-				} catch {}
 			}
 			const entries = [...byPath.values()];
 			for (const e of entries) {
@@ -4100,6 +4431,114 @@ window.__ModuleLoader__.load({
 			};
 		}
 		/**
+		* The op-log generation's read of the card: the fold-derived records (the
+		* detail payload's `fileOps`), with `gone` joined from the detail's archive
+		* at render time (the op's result node leaving the live surface bounds where
+		* its content stays viewable — the locate bridge reads it).
+		*/
+		function activityOfOps(ops, archive, before) {
+			const goneBySeq = /* @__PURE__ */ new Map();
+			for (const n of archive) if (n.gone !== void 0) goneBySeq.set(n.seq, n.gone);
+			return aggregateOps(ops.map((op) => {
+				const gone = goneBySeq.get(op.parent ?? op.seq);
+				return gone !== void 0 && op.gone === void 0 ? {
+					...op,
+					gone
+				} : op;
+			}), before);
+		}
+		/**
+		* Narrow one block of a conversation node's `subCalls` tree to a settled
+		* nested call, or null. The join is defensive — a running call has no result
+		* kind yet, and any malformed block is dropped, never thrown. (Null and
+		* non-object blocks never reach here: the folding loop pre-filters them.)
+		*/
+		function subCallOf(block) {
+			const b = block;
+			if (b.kind !== "tool-result") return null;
+			if (b.call === null || typeof b.call !== "object") return null;
+			const call = b.call;
+			if (typeof call.name !== "string" || typeof call.argsRaw !== "string") return null;
+			if (typeof b.seq !== "number" || !Number.isFinite(b.seq)) return null;
+			return {
+				name: call.name,
+				argsRaw: call.argsRaw,
+				seq: b.seq,
+				...typeof b.time === "number" ? { time: b.time } : {},
+				...b.isError === true ? { err: true } : { err: false },
+				...Array.isArray(b.subCalls) ? { subCalls: b.subCalls } : {}
+			};
+		}
+		/** The run_code call's model-authored description — the nested ops' "why". */
+		function programOf(conv) {
+			const description = parseCallArgs(conv?.call?.argsRaw)?.description;
+			return typeof description === "string" && description !== "" ? description : void 0;
+		}
+		/**
+		* Depth guard for nested Code-Mode trees. The SDK bindings exclude `run_code`
+		* itself, so a real tree is one level deep; the cap only bounds defensive
+		* re-entry over a malformed join.
+		*/
+		const SUBCALL_MAX_DEPTH = 8;
+		/**
+		* The legacy nested walk: every settled sub-dispatch whose arguments resolve
+		* to a file target books one op, attributed to the nested tool and located
+		* on the parent run_code result. `seen` holds the already-visited blocks, so
+		* a malformed (cyclic) join cannot loop.
+		*/
+		function foldSubCalls(blocks, parent, program, ops, seen, depth) {
+			if (depth > SUBCALL_MAX_DEPTH) return;
+			for (const block of blocks) {
+				if (block === null || typeof block !== "object" || seen.has(block)) continue;
+				seen.add(block);
+				const sub = subCallOf(block);
+				if (sub !== null) {
+					ops.push(...opsOfCall({
+						seq: sub.seq,
+						tool: sub.name,
+						argsRaw: sub.argsRaw,
+						err: sub.err,
+						...sub.time !== void 0 ? { time: sub.time } : {},
+						...parent.gone !== void 0 ? { gone: parent.gone } : {},
+						parent: parent.seq,
+						...program !== void 0 ? { program } : {}
+					}));
+					if (sub.subCalls !== void 0) foldSubCalls(sub.subCalls, parent, program, ops, seen, depth + 1);
+				}
+			}
+		}
+		/**
+		* The INLINE generation's derivation: ops from the served tool-result nodes
+		* joined with the conversation window (arguments/meta live on the join —
+		* window-bound; the op-log generation covers the full session instead).
+		* One node's join data can never take the card down: anything that throws
+		* while folding it drops that node and the walk carries on.
+		*/
+		function activityOf(nodes, convOf, before) {
+			const ops = [];
+			for (const n of nodes) {
+				if (n.cat !== "tool") continue;
+				if (before !== null && n.seq >= before) continue;
+				const tool = n.tool;
+				if (tool === void 0) continue;
+				try {
+					const conv = convOf(n.seq);
+					ops.push(...opsOfCall({
+						seq: n.seq,
+						tool,
+						argsRaw: conv?.call?.argsRaw,
+						meta: conv?.meta,
+						err: n.err === true || conv?.isError === true,
+						...n.time !== void 0 ? { time: n.time } : {},
+						...n.gone !== void 0 ? { gone: n.gone } : {}
+					}));
+					const subCalls = conv?.subCalls;
+					if (subCalls !== void 0 && subCalls.length > 0) foldSubCalls(subCalls, n, programOf(conv), ops, /* @__PURE__ */ new Set(), 1);
+				} catch {}
+			}
+			return aggregateOps(ops, null);
+		}
+		/**
 		* The browser step whose assembled surface SHOWS an op's result node: the
 		* first request dispatched after it while it was still alive (that step's
 		* brief is where the result landed). A live node no request has consumed
@@ -4116,10 +4555,6 @@ window.__ModuleLoader__.load({
 		const LEVEL_H = 154;
 		const CELL_H = 90;
 		const PAD_Y = 56;
-		function asRecord(value) {
-			if (value === null || value === void 0 || typeof value !== "object") return null;
-			return value;
-		}
 		/** Narrow one list-row value; null when it is not a row at all. */
 		function agentRowOf(value) {
 			const rec = asRecord(value);
@@ -4185,7 +4620,7 @@ window.__ModuleLoader__.load({
 			const billed = usage !== null ? numOf(usage.uncachedInputTokens) + numOf(usage.outputTokens) + numOf(usage.cacheReadTokens) + numOf(usage.cacheWriteTokens) : null;
 			return {
 				head,
-				requests: timeline !== null ? timeline.requests.length : 0,
+				requests: timeline !== null ? timeline.counts?.steps ?? timeline.requests.length : 0,
 				billed,
 				durationMs: agentDurationOf(values?.subagentTiming),
 				identity: agentIdentityOf(values?.subagent)
@@ -4489,8 +4924,13 @@ window.__ModuleLoader__.load({
 			if (list === null || typeof list.getSnapshot !== "function" || typeof list.subscribe !== "function") return null;
 			return rec;
 		}
-		/** Compact duration: `42s`, `3m05s`, `1h07m` (shared by both locales). */
-		function fmtDuration(ms) {
+		/**
+		* Compact duration: `42s`, `3m05s`, `1h07m` (shared by both locales).
+		* Deliberately distinct from format.ts's locale-aware `fmtDuration` (the
+		* timing card's `12.3s` / `4分0秒`): the inspector's caption column needs
+		* whole-second, fixed-width, locale-free text.
+		*/
+		function fmtDurationCompact(ms) {
 			if (!Number.isFinite(ms) || ms < 0) return "—";
 			const s = Math.round(ms / 1e3);
 			if (s < 60) return `${s}s`;
@@ -4689,7 +5129,7 @@ window.__ModuleLoader__.load({
 			}
 			if (node.requests > 0) bits.push(t("agents.requests", { n: node.requests }));
 			if (node.billed !== null && node.billed > 0) bits.push(t("agents.billed", { n: fmt(node.billed) }));
-			if (node.durationMs !== null) bits.push(fmtDuration(node.durationMs));
+			if (node.durationMs !== null) bits.push(fmtDurationCompact(node.durationMs));
 			return /* @__PURE__ */ React.createElement("div", { className: "lc-agents-inspector" }, /* @__PURE__ */ React.createElement("b", { className: "lc-agents-inspector-name" }, node.label), node.isCurrent ? /* @__PURE__ */ React.createElement("span", { className: "lc-agents-badge" }, t("agents.self")) : null, node.running ? /* @__PURE__ */ React.createElement("span", { className: "lc-agents-badge lc-agents-badge-on" }, t("agents.running")) : null, node.identity !== null ? /* @__PURE__ */ React.createElement("span", { className: "lc-agents-badge" }, t(node.identity.mode === "one-shot" ? "agents.oneshot" : "agents.continuable")) : null, /* @__PURE__ */ React.createElement("span", { className: "lc-agents-inspector-stats" }, bits.join(" · ")), !node.isCurrent ? /* @__PURE__ */ React.createElement("span", { className: "lc-agents-inspector-open" }, t("agents.open")) : null);
 		}
 		//#endregion
@@ -4824,6 +5264,7 @@ window.__ModuleLoader__.load({
 		}
 		function makeEventList(kit) {
 			const { t, fmt, fmtTime, eventLabel, eventAt } = kit;
+			const DetailNote = makeDetailNote(kit);
 			return function EventList(props) {
 				const rootRef = React.useRef(null);
 				React.useLayoutEffect(() => {
@@ -4841,7 +5282,14 @@ window.__ModuleLoader__.load({
 						window.removeEventListener("resize", onResize);
 					};
 				}, []);
-				if (props.events.length === 0) return /* @__PURE__ */ React.createElement("div", { className: "lc-empty" }, t("events.empty"));
+				if (props.events.length === 0) {
+					if (props.state === "loading") return /* @__PURE__ */ React.createElement(DetailNote, { state: "loading" });
+					if (props.state === "failed" && props.onRetry !== void 0) return /* @__PURE__ */ React.createElement(DetailNote, {
+						state: "failed",
+						onRetry: props.onRetry
+					});
+					return /* @__PURE__ */ React.createElement("div", { className: "lc-empty" }, t("events.empty"));
+				}
 				const sorted = props.events.slice().reverse();
 				return /* @__PURE__ */ React.createElement("div", {
 					className: "lc-events",
@@ -4861,6 +5309,7 @@ window.__ModuleLoader__.load({
 		//#region src/client/components/fileCard.tsx
 		function makeFileCard(kit, settings) {
 			const { t, fmt, fmtTime } = kit;
+			const DetailNote = makeDetailNote(kit);
 			function matches(e, f) {
 				if (f === "all") return true;
 				if (f === "image") return e.form === "image";
@@ -4925,7 +5374,10 @@ window.__ModuleLoader__.load({
 					className: "lc-br-err-dot",
 					title: t("node.failed")
 				}) : null, /* @__PURE__ */ React.createElement("span", { className: "lc-fa-op-time" }, op.time !== void 0 ? fmtTime(op.time) : "—"));
-				return /* @__PURE__ */ React.createElement("div", { className: "lc-card lc-col" }, /* @__PURE__ */ React.createElement("div", { className: "lc-card-title" }, /* @__PURE__ */ React.createElement("span", { className: "lc-card-title-text" }, t("files.title")), /* @__PURE__ */ React.createElement("span", { className: "lc-card-sub" }, props.scope)), activity.entries.length === 0 ? /* @__PURE__ */ React.createElement("div", { className: "lc-empty" }, t("files.empty")) : /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "lc-fa-ctl" }, /* @__PURE__ */ React.createElement("div", { className: "lc-gran" }, chips.map((c) => /* @__PURE__ */ React.createElement("button", {
+				return /* @__PURE__ */ React.createElement("div", { className: "lc-card lc-col" }, /* @__PURE__ */ React.createElement("div", { className: "lc-card-title" }, /* @__PURE__ */ React.createElement("span", { className: "lc-card-title-text" }, t("files.title")), /* @__PURE__ */ React.createElement("span", { className: "lc-card-sub" }, props.scope)), activity.entries.length === 0 && props.state === "loading" ? /* @__PURE__ */ React.createElement(DetailNote, { state: "loading" }) : activity.entries.length === 0 && props.state === "failed" && props.onRetry !== void 0 ? /* @__PURE__ */ React.createElement(DetailNote, {
+					state: "failed",
+					onRetry: props.onRetry
+				}) : activity.entries.length === 0 ? /* @__PURE__ */ React.createElement("div", { className: "lc-empty" }, t("files.empty")) : /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "lc-fa-ctl" }, /* @__PURE__ */ React.createElement("div", { className: "lc-gran" }, chips.map((c) => /* @__PURE__ */ React.createElement("button", {
 					key: c.key,
 					type: "button",
 					className: "lc-gran-btn" + (filter === c.key ? " lc-gran-on" : "") + (c.key === "read" || c.key === "write" || c.key === "search" ? " lc-fa-chip-" + c.key : ""),
@@ -5092,7 +5544,7 @@ window.__ModuleLoader__.load({
 			return function PluginInfo() {
 				const [latest, setLatest] = React.useState(null);
 				React.useEffect(() => {
-					if ("0.43.0".includes("-dev")) return;
+					if ("0.44.0".includes("-dev")) return;
 					let on = true;
 					fetchLatestVersion().then((v) => {
 						if (on && v) setLatest(v);
@@ -5101,8 +5553,8 @@ window.__ModuleLoader__.load({
 						on = false;
 					};
 				}, []);
-				const update = latest !== null && isNewerVersion(latest, "0.43.0") ? latest : null;
-				const nameText = "dsh-context (v0.43.0)";
+				const update = latest !== null && isNewerVersion(latest, "0.44.0") ? latest : null;
+				const nameText = "dsh-context (v0.44.0)";
 				const nameValue = [nameText];
 				if (update) nameValue.push(/* @__PURE__ */ React.createElement("span", {
 					key: "update",
@@ -5139,19 +5591,7 @@ window.__ModuleLoader__.load({
 					dismissed.add(sessionId);
 					setClosedFor(sessionId);
 				}, [sessionId]);
-				React.useEffect(() => {
-					if (closed) return void 0;
-					const onKey = (ev) => {
-						if (ev.key !== "Escape") return;
-						ev.preventDefault();
-						ev.stopPropagation();
-						close();
-					};
-					window.addEventListener("keydown", onKey, true);
-					return () => {
-						window.removeEventListener("keydown", onKey, true);
-					};
-				}, [closed, close]);
+				useEscapeClose(!closed, close);
 				if (closed) return null;
 				return /* @__PURE__ */ React.createElement("div", {
 					className: "lc-modal-backdrop",
@@ -5484,19 +5924,32 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region src/client/components/statsContext.tsx
+		/**
+		* The inline generation's counter derivation — the exact tally the card ran
+		* over the served collections before the split (distinct turn values, record
+		* count, per-kind event tallies). The host's split-generation counts match
+		* it by construction (fold.ts buildTimelineHead).
+		*/
+		function countsOfRecords(requests, events) {
+			const turns = /* @__PURE__ */ new Set();
+			for (const req of requests) turns.add(req.turn ?? 0);
+			let injects = 0;
+			let compactions = 0;
+			let prunes = 0;
+			for (const ev of events) if (ev.kind === "inject") injects++;
+			else if (ev.kind === "compaction") compactions++;
+			else if (ev.kind === "prune") prunes++;
+			return {
+				turns: turns.size,
+				steps: requests.length,
+				injects,
+				compactions,
+				prunes
+			};
+		}
 		function makeStatsContext(kit) {
 			const { t, fmt } = kit;
 			return function StatsContext(props) {
-				const turns = /* @__PURE__ */ new Set();
-				let steps = 0;
-				for (const req of props.requests) {
-					turns.add(req.turn ?? 0);
-					steps++;
-				}
-				let injects = 0, compactions = 0, prunes = 0;
-				for (const ev of props.events) if (ev.kind === "inject") injects++;
-				else if (ev.kind === "compaction") compactions++;
-				else if (ev.kind === "prune") prunes++;
 				const currency = props.locale === "zh" ? "cny" : "usd";
 				const cost = estimateSessionCost(props.cost, currency);
 				const fmtRate = (n) => formatPriceRate(n, currency);
@@ -5514,7 +5967,7 @@ window.__ModuleLoader__.load({
 					className: "lc-tip lc-stat-tip",
 					role: "tooltip"
 				}, tip));
-				return /* @__PURE__ */ React.createElement("div", { className: "lc-card lc-col-stats" }, /* @__PURE__ */ React.createElement("div", { className: "lc-card-title" }, /* @__PURE__ */ React.createElement("span", { className: "lc-card-title-text" }, t("stats.title")), /* @__PURE__ */ React.createElement("span", { className: "lc-card-sub" }, t("stats.hint"))), /* @__PURE__ */ React.createElement("div", { className: "lc-stats" }, cell(t("stats.turns"), turns.size), cell(t("stats.steps"), steps), cell(t("stats.toolCalls"), props.toolCalls ?? 0), cell(t("stats.images"), props.images ?? 0), cell(t("stats.cost"), cost === null ? "—" : formatCost(cost, currency), costTip), cell(t("stats.injects"), injects), cell(t("stats.compactions"), compactions), cell(t("stats.prunes"), prunes)));
+				return /* @__PURE__ */ React.createElement("div", { className: "lc-card lc-col-stats" }, /* @__PURE__ */ React.createElement("div", { className: "lc-card-title" }, /* @__PURE__ */ React.createElement("span", { className: "lc-card-title-text" }, t("stats.title"))), /* @__PURE__ */ React.createElement("div", { className: "lc-stats" }, cell(t("stats.turns"), props.counts.turns), cell(t("stats.steps"), props.counts.steps), cell(t("stats.toolCalls"), props.toolCalls ?? 0), cell(t("stats.images"), props.images ?? 0), cell(t("stats.cost"), cost === null ? "—" : formatCost(cost, currency), costTip), cell(t("stats.injects"), props.counts.injects), cell(t("stats.compactions"), props.counts.compactions), cell(t("stats.prunes"), props.counts.prunes)));
 			};
 		}
 		//#endregion
@@ -5625,7 +6078,7 @@ window.__ModuleLoader__.load({
 						}
 					];
 				}
-				return /* @__PURE__ */ React.createElement("div", { className: "lc-card lc-col-stats lc-col-donut" }, /* @__PURE__ */ React.createElement("div", { className: "lc-card-title" }, /* @__PURE__ */ React.createElement("span", { className: "lc-card-title-text" }, t("timing.title")), /* @__PURE__ */ React.createElement("span", { className: "lc-card-sub" }, t("timing.hint"))), rows.length === 0 ? /* @__PURE__ */ React.createElement("div", { className: "lc-empty" }, t("timing.empty")) : /* @__PURE__ */ React.createElement("div", { className: "lc-donut-row" }, /* @__PURE__ */ React.createElement(Donut, {
+				return /* @__PURE__ */ React.createElement("div", { className: "lc-card lc-col-stats lc-col-donut" }, /* @__PURE__ */ React.createElement("div", { className: "lc-card-title" }, /* @__PURE__ */ React.createElement("span", { className: "lc-card-title-text" }, t("timing.title"))), rows.length === 0 ? /* @__PURE__ */ React.createElement("div", { className: "lc-empty" }, t("timing.empty")) : /* @__PURE__ */ React.createElement("div", { className: "lc-donut-row" }, /* @__PURE__ */ React.createElement(Donut, {
 					segments,
 					size: 96,
 					centerTop: wall > 0 ? fmtDuration(wall, lang) : "—",
@@ -5687,7 +6140,7 @@ window.__ModuleLoader__.load({
 					pct: fmtShare(b.value, billed),
 					count: b.note === void 0 ? fmt(b.value) : `${fmt(b.value)} · ${b.note}`
 				}));
-				return /* @__PURE__ */ React.createElement("div", { className: "lc-card lc-col-stats lc-col-donut" }, /* @__PURE__ */ React.createElement("div", { className: "lc-card-title" }, /* @__PURE__ */ React.createElement("span", { className: "lc-card-title-text" }, t("tokens.title")), /* @__PURE__ */ React.createElement("span", { className: "lc-card-sub" }, t("tokens.hint"))), /* @__PURE__ */ React.createElement("div", { className: "lc-donut-row" }, /* @__PURE__ */ React.createElement(Donut, {
+				return /* @__PURE__ */ React.createElement("div", { className: "lc-card lc-col-stats lc-col-donut" }, /* @__PURE__ */ React.createElement("div", { className: "lc-card-title" }, /* @__PURE__ */ React.createElement("span", { className: "lc-card-title-text" }, t("tokens.title"))), /* @__PURE__ */ React.createElement("div", { className: "lc-donut-row" }, /* @__PURE__ */ React.createElement(Donut, {
 					segments: shown.map((b) => ({
 						key: b.key,
 						color: b.color,
@@ -6146,16 +6599,18 @@ window.__ModuleLoader__.load({
 			const StatsTokens = makeStatsTokens(kit, Donut);
 			const PluginInfo = makePluginInfo(kit);
 			const UpgradeGate = makeUpgradeGate(kit);
+			const DetailNote = makeDetailNote(kit);
 			const ContextBrowser = makeContextBrowser(kit, StackedBar);
 			const AgentGraph = makeAgentGraph(ctx, kit);
 			const ErrorBoundary = makeErrorBoundary(t);
 			function ContextViewBody(props) {
 				const sessionId = props.sessionId;
-				const data = typeof props.useProjection === "function" ? timelineOf(props.useProjection("contextTimeline")) : null;
-				const pressure = typeof props.useProjection === "function" ? contextPressureOf(props.useProjection("contextPressure")) : null;
-				const usage = typeof props.useProjection === "function" ? tokenUsageOf(props.useProjection("tokenUsage")) : null;
-				const breakdown = typeof props.useProjection === "function" ? contextBreakdownOf(props.useProjection("contextBreakdown")) : null;
-				const headers = typeof props.useProjection === "function" ? headersOf(props.useProjection("contextHeaders")) : null;
+				const source = useTimelineSource(ctx, props);
+				const data = source.data;
+				const pressure = projectionOf(props, "contextPressure", contextPressureOf);
+				const usage = projectionOf(props, "tokenUsage", tokenUsageOf);
+				const breakdown = projectionOf(props, "contextBreakdown", contextBreakdownOf);
+				const headers = projectionOf(props, "contextHeaders", headersOf);
 				const [selectedSeq, setSelectedSeq] = React.useState(null);
 				const [hoveredSeq, setHoveredSeq] = React.useState(null);
 				const [hoverTurn, setHoverTurn] = React.useState(null);
@@ -6211,8 +6666,9 @@ window.__ModuleLoader__.load({
 					const seq = takeContextFocus(sessionId);
 					if (seq !== null) setJumpSeq(seq);
 				}, [sessionId]);
+				const detailReady = source.detailState === "ready" || source.detailState === "legacy";
 				React.useEffect(() => {
-					if (jumpSeq === null || data === null) return;
+					if (jumpSeq === null || data === null || !detailReady) return;
 					setJumpSeq(null);
 					const target = jumpTargetOf(aggregateByTurn(requests), jumpSeq);
 					if (target === null) return;
@@ -6223,7 +6679,8 @@ window.__ModuleLoader__.load({
 				}, [
 					jumpSeq,
 					data,
-					requests
+					requests,
+					detailReady
 				]);
 				const briefList = React.useMemo(() => data ? briefNodes(data) : [], [data]);
 				const convNodes = conversationNodesOf(props);
@@ -6257,13 +6714,27 @@ window.__ModuleLoader__.load({
 					activeIdx
 				]);
 				const convOf = React.useCallback((seq) => bySeq.get(seq), [bySeq]);
-				const fileActivity = React.useMemo(() => activityOf(briefList, convOf, filesBefore), [
+				const fileActivity = React.useMemo(() => {
+					if (data !== null && data.fileOps !== void 0) return activityOfOps(data.fileOps, data.archive, filesBefore);
+					return activityOf(briefList, convOf, filesBefore);
+				}, [
+					data,
 					briefList,
 					convOf,
 					filesBefore
 				]);
 				const workspace = typeof ctx.get === "function" ? workspaceOf(ctx, typeof sessionId === "string" ? sessionId : void 0) : void 0;
-				const fileOpener = React.useMemo(() => typeof ctx.get === "function" && canOpenPathsOf(ctx) ? openPathVia(ctx) : void 0, [ctx]);
+				const [canOpenPaths, setCanOpenPaths] = React.useState(false);
+				React.useEffect(() => {
+					let live = true;
+					canOpenPathsOf(ctx).then((can) => {
+						if (live) setCanOpenPaths(can);
+					});
+					return () => {
+						live = false;
+					};
+				}, [ctx]);
+				const fileOpener = React.useMemo(() => canOpenPaths ? openPathVia(ctx) : void 0, [canOpenPaths, ctx]);
 				const locateFileOp = React.useCallback((op) => {
 					const seq = op.parent ?? op.seq;
 					const step = locateStepOf(requests, seq, op.gone);
@@ -6325,8 +6796,7 @@ window.__ModuleLoader__.load({
 					className: "lc-root",
 					ref: rootRef
 				}, /* @__PURE__ */ React.createElement("div", { className: "lc-cols lc-head" }, /* @__PURE__ */ React.createElement(StatsContext, {
-					requests,
-					events,
+					counts: data.counts ?? countsOfRecords(requests, events),
 					toolCalls: data.toolCalls,
 					images: data.images,
 					cost: data.cost,
@@ -6362,7 +6832,10 @@ window.__ModuleLoader__.load({
 					onClick: () => {
 						setTrendMode("delta");
 					}
-				}, t("gran.delta"))))), displayRequests.length === 0 ? /* @__PURE__ */ React.createElement("div", { className: "lc-empty" }, t("trend.empty")) : /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(TrendChart, {
+				}, t("gran.delta"))))), displayRequests.length === 0 ? detailReady ? /* @__PURE__ */ React.createElement("div", { className: "lc-empty" }, t("trend.empty")) : /* @__PURE__ */ React.createElement(DetailNote, {
+					state: source.detailState === "failed" ? "failed" : "loading",
+					onRetry: source.retryDetail
+				}) : /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(TrendChart, {
 					key: sessionId,
 					requests: displayRequests,
 					markers,
@@ -6406,19 +6879,27 @@ window.__ModuleLoader__.load({
 					onHoverKey: setHoverCat,
 					nodeFocus,
 					onNodeFocusHandled: clearNodeFocus,
-					loadImage
+					loadImage,
+					detailState: source.detailState,
+					onDetailRetry: source.retryDetail
 				}))), /* @__PURE__ */ React.createElement("div", { className: "lc-cols" }, /* @__PURE__ */ React.createElement("div", { className: "lc-card lc-col" }, /* @__PURE__ */ React.createElement("div", { className: "lc-card-title" }, /* @__PURE__ */ React.createElement("span", { className: "lc-card-title-text" }, t("events.title")), /* @__PURE__ */ React.createElement("div", { className: "lc-kinds" }, EVENT_KINDS.map((k) => /* @__PURE__ */ React.createElement("button", {
 					key: k,
 					className: "lc-gran-btn" + (pickedKinds.includes(k) ? " lc-gran-on lc-kind-" + k : ""),
 					onClick: () => {
 						toggleKind(k);
 					}
-				}, t("kind." + k))))), /* @__PURE__ */ React.createElement(EventList, { events: shownEvents })), /* @__PURE__ */ React.createElement(FileCard, {
+				}, t("kind." + k))))), /* @__PURE__ */ React.createElement(EventList, {
+					events: shownEvents,
+					state: source.detailState,
+					onRetry: source.retryDetail
+				})), /* @__PURE__ */ React.createElement(FileCard, {
 					activity: fileActivity,
 					scope: fileScope,
 					workspace,
 					onOpen: fileOpener,
-					onLocate: locateFileOp
+					onLocate: locateFileOp,
+					state: source.detailState,
+					onRetry: source.retryDetail
 				})), /* @__PURE__ */ React.createElement(AgentGraph, {
 					sessionId: typeof sessionId === "string" ? sessionId : void 0,
 					self: {
@@ -6623,7 +7104,7 @@ window.__ModuleLoader__.load({
 				t,
 				fmt,
 				fmtTime,
-				fmtDuration: fmtDuration$1,
+				fmtDuration,
 				fmtShare,
 				catLabel: (key) => t("cat." + key),
 				eventLabel,
@@ -6632,7 +7113,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles/base.css.mjs
-		const css$13 = ".lc-root{box-sizing:border-box;height:100%;color:var(--dsw-alias-label-primary);padding:16px 20px 32px;font-size:13px;overflow-y:auto}.lc-card{background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);border-radius:10px;margin-bottom:14px;padding:14px 16px}.lc-root .lc-card{margin-bottom:7px;padding:7px 8px;container:lc-card/inline-size}.lc-root .lc-cols{gap:7px;margin-bottom:7px}.lc-card-title{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:10px;font-weight:600;display:flex}.lc-card-title-text{white-space:nowrap;flex:none}.lc-gran,.lc-kinds{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);border-radius:6px;gap:2px;margin-left:auto;padding:1px;display:flex}.lc-trend-ctl{align-items:center;gap:6px;margin-left:auto;display:flex}.lc-trend-ctl .lc-gran{margin-left:0}.lc-gran-btn{color:var(--dsw-alias-label-secondary);cursor:pointer;transition:color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;border-radius:5px;padding:3px 8px;font-family:inherit;font-size:11px;line-height:1}.lc-gran-btn:hover{color:var(--dsw-alias-label-primary)}.lc-gran-on,.lc-gran-on:hover{background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground)}.lc-tip{z-index:6;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);width:max-content;color:var(--dsw-alias-label-primary);box-shadow:var(--dsw-shadow-lv3,0 2px 8px #0000002e);pointer-events:none;opacity:0;transition:opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:6px;padding:6px 10px;font-size:12px;position:absolute}.lc-events,.lc-fa-list{flex-direction:column;gap:2px;height:320px;display:flex;overflow-y:auto}.lc-cols{flex-wrap:wrap;gap:14px;margin-bottom:14px;display:flex}.lc-col{flex:1;min-width:min(280px,100%)}.lc-cols>.lc-card,.lc-col>.lc-card:last-child{margin-bottom:0}.lc-col-browser{flex-direction:column;display:flex}.lc-col-browser>.lc-card{flex:1}.lc-head{container:lc-head-row/inline-size}.lc-head>.lc-card{flex:1 1 0;min-width:0}@container lc-head-row (width<=1045px){.lc-head>.lc-card{flex-basis:40%}}@container lc-head-row (width<=480px){.lc-head>.lc-card{flex-basis:100%}}.lc-head>.lc-card:first-child{flex-direction:column;display:flex}.lc-head>.lc-card:first-child .lc-stats{flex:1;align-content:stretch}.lc-head>.lc-card:first-child .lc-stat{justify-content:center}.lc-empty{color:var(--dsw-alias-label-secondary);text-align:center;padding:18px 0}.lc-error{flex-direction:column;align-items:center;gap:8px;padding:40px 16px;display:flex}.lc-error-msg{font-family:var(--ds-font-family-code,ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--dsw-alias-state-error-primary);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);overflow-wrap:anywhere;border-radius:6px;max-width:100%;padding:4px 8px;font-size:12px}.lc-error-retry{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;transition:border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:6px;padding:4px 14px;font-size:12px}.lc-error-retry:hover{border-color:var(--dsw-alias-label-primary)}.lc-foot{color:var(--dsw-alias-label-secondary);margin-top:4px;font-size:12px}[data-conversation-scroll]:has(.lc-root)>[data-composer-seat]:not(:has([data-approval-key],[data-question-key],[data-plan-review-key])){display:none}";
+		const css$13 = ".lc-root{box-sizing:border-box;height:100%;color:var(--dsw-alias-label-primary);padding:16px 20px 32px;font-size:13px;overflow-y:auto}.lc-card{background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);border-radius:10px;margin-bottom:14px;padding:14px 16px}.lc-root .lc-card{margin-bottom:7px;padding:7px 8px;container:lc-card/inline-size}.lc-root .lc-cols{gap:7px;margin-bottom:7px}.lc-card-title{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:10px;font-weight:600;display:flex}.lc-card-title-text{white-space:nowrap;flex:none}.lc-gran,.lc-kinds{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);border-radius:6px;gap:2px;margin-left:auto;padding:1px;display:flex}.lc-trend-ctl{align-items:center;gap:6px;margin-left:auto;display:flex}.lc-trend-ctl .lc-gran{margin-left:0}.lc-gran-btn{color:var(--dsw-alias-label-secondary);cursor:pointer;transition:color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;border-radius:5px;padding:3px 8px;font-family:inherit;font-size:11px;line-height:1}.lc-gran-btn:hover{color:var(--dsw-alias-label-primary)}.lc-gran-on,.lc-gran-on:hover{background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground)}.lc-tip{z-index:6;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);width:max-content;color:var(--dsw-alias-label-primary);box-shadow:var(--dsw-shadow-lv3,0 2px 8px #0000002e);pointer-events:none;opacity:0;transition:opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:6px;padding:6px 10px;font-size:12px;position:absolute}.lc-events,.lc-fa-list{flex-direction:column;gap:2px;height:320px;display:flex;overflow-y:auto}.lc-cols{flex-wrap:wrap;gap:14px;margin-bottom:14px;display:flex}.lc-col{flex:1;min-width:min(280px,100%)}.lc-cols>.lc-card,.lc-col>.lc-card:last-child{margin-bottom:0}.lc-col-browser{flex-direction:column;display:flex}.lc-col-browser>.lc-card{flex:1}.lc-head{container:lc-head-row/inline-size}.lc-head>.lc-card{flex:1 1 0;min-width:0}@container lc-head-row (width<=1045px){.lc-head>.lc-card{flex-basis:40%}}@container lc-head-row (width<=480px){.lc-head>.lc-card{flex-basis:100%}}.lc-head>.lc-card:first-child{flex-direction:column;display:flex}.lc-head>.lc-card:first-child .lc-stats{flex:1;align-content:stretch}.lc-head>.lc-card:first-child .lc-stat{justify-content:center}.lc-empty{color:var(--dsw-alias-label-secondary);text-align:center;padding:18px 0}.lc-error{flex-direction:column;align-items:center;gap:8px;padding:40px 16px;display:flex}.lc-error-msg{font-family:var(--ds-font-family-code,ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--dsw-alias-state-error-primary);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);overflow-wrap:anywhere;border-radius:6px;max-width:100%;padding:4px 8px;font-size:12px}.lc-error-retry{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;transition:border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:6px;padding:4px 14px;font-size:12px}.lc-error-retry:hover{border-color:var(--dsw-alias-label-primary)}.lc-foot{color:var(--dsw-alias-label-secondary);margin-top:4px;font-size:12px}[data-conversation-scroll]:has(.lc-root)>[data-composer-seat]:not(:has([data-approval-key],[data-question-key],[data-plan-review-key])),[data-conversation-scroll]:has(.lc-root,.lc-modal-backdrop)~[data-width-handle]{display:none}";
 		const tagId$13 = "dsh-context/base.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$13) + "]") === null) {
 			const tag = document.createElement("style");
@@ -6794,12 +7275,13 @@ window.__ModuleLoader__.load({
 		* context-composition timeline: current makeup, per-request stacked-bar
 		* history, context events, and the live message list.
 		*
-		* Since v0.9 the tab needs no custom data plane: the Host half pushes its
-		* fold through the harness's session-projection pipeline
-		* (`contextTimeline` projection key), and this half reads the finished value
-		* from the framework standard kit (`useProjection('contextTimeline')`, a
-		* standard prop on every session-scope slot component). No polling, no RPC,
-		* no client-side cache.
+		* Since v0.9 the tab rides the harness's session-projection pipeline
+		* (`contextTimeline` projection key), read from the framework standard kit
+		* (`useProjection('contextTimeline')`, a standard prop on every session-scope
+		* slot component). The wire value is the split generation's slim head; the
+		* heavy collections arrive on demand from the host's detail endpoint, one
+		* read per viewing client (timelineSource.ts). No polling, no stale-while-
+		* revalidate cache.
 		*
 		* This module is the body of the package's `./client` bundle: tsdown
 		* (tsdown.config.ts) bundles it (external `react` — the browser module table