dsh-context 0.32.0 → 0.34.0

package/lib/client.js

@@ -39,8 +39,6 @@ window.__ModuleLoader__.load({
 			"plugin.hint": "The best DSH context plugin ⭐",
 			"plugin.name": "插件",
 			"plugin.github": "GitHub",
-			"tools.top": "工具定义 Top：",
-			"tools.more": "等 {n} 个",
 			"trend.title": "上下文趋势",
 			"gran.step": "步骤",
 			"gran.turn": "轮次",
@@ -48,6 +46,7 @@ window.__ModuleLoader__.load({
 			"settings.desc": "上下文面板的展示偏好",
 			"settings.gran": "趋势图默认粒度",
 			"settings.mode": "趋势图默认展示",
+			"settings.fileSort": "文件活动默认排序",
 			"settings.expand": "展开",
 			"settings.collapse": "收起",
 			"settings.readOnly": "当前环境的设置为只读",
@@ -67,10 +66,11 @@ window.__ModuleLoader__.load({
 			"brief.input": "输入",
 			"brief.reply": "回复",
 			"brief.more": "+{n}",
+			"brief.noInputs": "（无新增）",
 			"brief.locate": "在上下文浏览器中查看",
-			"brief.turnTip": "这一轮开场时用户发送的消息",
-			"brief.inputTip": "这一步新进入上下文的内容（通常是上一步工具调用的结果）",
-			"brief.replyTip": "这一步模型返回的内容（文本回复或工具调用）",
+			"brief.turnTip": "这一轮开场时用户发送的消息；回合内的每一步都会回显同一条",
+			"brief.inputTip": "上一步回复之后、本次请求发出前新进入上下文的内容——通常是上一步所调工具的结果；每轮的第一步无新增",
+			"brief.replyTip": "这一步模型返回的内容（文本回复或工具调用）；此步发起的调用，其结果会出现在下一柱的「输入」行",
 			"events.title": "上下文事件",
 			"events.empty": "暂无上下文事件（压缩、注入、模型切换会出现在这里）",
 			"events.at": "第 {t} 轮 · 第 {s} 步",
@@ -81,10 +81,43 @@ window.__ModuleLoader__.load({
 			"kind.prune": "剪枝",
 			"kind.model": "切换",
 			"kind.mode": "模式",
-			"nodes.title": "消息构成",
-			"nodes.hint": "当前模型可见的消息，最新在前",
-			"nodes.more": "… 更早的 {n} 条消息已省略",
-			"nodes.empty": "当前没有模型可见的消息",
+			"files.title": "文件活动",
+			"files.scopeLatest": "截至最新 · 跟随趋势图的选择",
+			"files.kind.all": "全部",
+			"files.kind.read": "读取",
+			"files.kind.write": "写入",
+			"files.kind.search": "搜索",
+			"files.kind.image": "图片",
+			"files.chipTip": "{files} 个文件 · {ops} 次操作",
+			"files.search": "按路径过滤…",
+			"files.sort.count": "按次数",
+			"files.sort.latest": "按最新",
+			"files.sort.path": "按路径",
+			"files.sortTip": "文件排序：按操作次数（选中分类时按该分类的次数）、最近操作时间或路径",
+			"files.files": "{n} 个文件",
+			"files.deltaTip": "按 edit/write 调用参数估算的累计行数变化：+ 新增 / − 删除",
+			"files.empty": "该范围内没有文件读取、写入或搜索操作",
+			"files.noMatch": "没有匹配当前过滤条件的文件",
+			"files.locate": "在上下文浏览器中查看此次操作",
+			"files.errs": "{n} 次失败",
+			"files.form.image": "图片",
+			"files.form.dir": "目录",
+			"files.form.text": "文件",
+			"agents.title": "Agent 网络",
+			"agents.sub": "当前 Agent 与子 Agent 的实时上下文 · 点击节点跳转会话",
+			"agents.chip.count": "{n} 个 Agent",
+			"agents.chip.running": "{n} 个运行中",
+			"agents.chip.tokens": "上下文合计 {n}",
+			"agents.more": "另有 {n} 个未显示",
+			"agents.solo": "还没有子 Agent — 当 Agent 通过 subagent 工具委派任务时，协作网络会在这里展开",
+			"agents.self": "当前",
+			"agents.running": "运行中",
+			"agents.legend.free": "空闲窗口",
+			"agents.oneshot": "一次性",
+			"agents.continuable": "多轮",
+			"agents.requests": "{n} 次请求",
+			"agents.billed": "累计计费 {n}",
+			"agents.open": "点击打开会话 →",
 			"loading": "正在读取会话日志…",
 			"error": "上下文数据读取失败：",
 			"error.retry": "重试",
@@ -126,6 +159,8 @@ window.__ModuleLoader__.load({
 			"browser.noEpoch": "该步骤的头部内容（系统提示词 / 工具定义）不在保留范围内",
 			"browser.noContent": "完整内容不在当前加载的消息窗口内（在聊天页加载更早历史后可查看）",
 			"browser.loading": "正在从更早的会话历史加载完整内容…",
+			"browser.notInLog": "会话日志中未找到该条目的完整内容（可能已被压缩或清理）",
+			"browser.loadFailed": "内容加载失败，点击重试",
 			"browser.preview": "预览",
 			"tool.desc": "描述",
 			"tool.params": "参数",
@@ -194,8 +229,6 @@ window.__ModuleLoader__.load({
 			"plugin.hint": "The best DSH context plugin ⭐",
 			"plugin.name": "Plugin",
 			"plugin.github": "GitHub",
-			"tools.top": "Top Tool Schemas:",
-			"tools.more": "of {n}",
 			"trend.title": "Context Trend",
 			"gran.step": "Step",
 			"gran.turn": "Turn",
@@ -203,6 +236,7 @@ window.__ModuleLoader__.load({
 			"settings.desc": "Display preferences for the Context panel",
 			"settings.gran": "Default trend granularity",
 			"settings.mode": "Default trend display",
+			"settings.fileSort": "File Activity default sort",
 			"settings.expand": "Expand",
 			"settings.collapse": "Collapse",
 			"settings.readOnly": "Settings are read-only in this environment",
@@ -222,10 +256,11 @@ window.__ModuleLoader__.load({
 			"brief.input": "In",
 			"brief.reply": "Response",
 			"brief.more": "+{n}",
+			"brief.noInputs": "(nothing new)",
 			"brief.locate": "Reveal in Context Browser",
-			"brief.turnTip": "The user message that opened this turn",
-			"brief.inputTip": "What newly entered the context for this step (usually results of the previous tool calls)",
-			"brief.replyTip": "What the model returned on this step (a text reply or tool calls)",
+			"brief.turnTip": "The user message that opened this turn — every step of the turn recalls it",
+			"brief.inputTip": "What entered after the previous reply and before this request went out — usually the previous tool-call results; a turn opener has nothing new",
+			"brief.replyTip": "What the model returned on this step (a text reply or tool calls) — results of calls made here appear in the In row of the next bar",
 			"events.title": "Context Events",
 			"events.empty": "No context events yet (compaction, injections, model switches appear here)",
 			"events.at": "Turn {t} · Step {s}",
@@ -236,10 +271,43 @@ window.__ModuleLoader__.load({
 			"kind.prune": "Prune",
 			"kind.model": "Switch",
 			"kind.mode": "Mode",
-			"nodes.title": "Messages",
-			"nodes.hint": "currently model-visible, newest first",
-			"nodes.more": "… {n} earlier messages omitted",
-			"nodes.empty": "No model-visible messages right now",
+			"files.title": "File Activity",
+			"files.scopeLatest": "Up to latest · follows the trend chart pick",
+			"files.kind.all": "All",
+			"files.kind.read": "Read",
+			"files.kind.write": "Written",
+			"files.kind.search": "Searched",
+			"files.kind.image": "Images",
+			"files.chipTip": "{files} files · {ops} ops",
+			"files.search": "Filter by path…",
+			"files.sort.count": "Most active",
+			"files.sort.latest": "Latest",
+			"files.sort.path": "By path",
+			"files.sortTip": "Sort files by operation counts (of the selected kind when a kind chip is active), most recent activity, or path",
+			"files.files": "{n} files",
+			"files.deltaTip": "Cumulative line change estimated from edit/write call arguments: + added / − removed",
+			"files.empty": "No file reads, writes, or searches in this range",
+			"files.noMatch": "No files match the current filters",
+			"files.locate": "Reveal this operation in the Context Browser",
+			"files.errs": "{n} failed",
+			"files.form.image": "Image",
+			"files.form.dir": "Directory",
+			"files.form.text": "File",
+			"agents.title": "Agent Network",
+			"agents.sub": "Live context of this agent and its subagents · click a node to open its session",
+			"agents.chip.count": "{n} agents",
+			"agents.chip.running": "{n} running",
+			"agents.chip.tokens": "{n} tokens in context",
+			"agents.more": "{n} more not shown",
+			"agents.solo": "No subagents yet — when the agent delegates work through the subagent tool, the network unfolds here",
+			"agents.self": "current",
+			"agents.running": "running",
+			"agents.legend.free": "free window",
+			"agents.oneshot": "one-shot",
+			"agents.continuable": "continuable",
+			"agents.requests": "{n} requests",
+			"agents.billed": "{n} billed",
+			"agents.open": "click to open →",
 			"loading": "Reading the session log…",
 			"error": "Failed to read context data: ",
 			"error.retry": "Retry",
@@ -281,6 +349,8 @@ window.__ModuleLoader__.load({
 			"browser.noEpoch": "The header content (System Prompt / Tool Schemas) of this step is outside retention",
 			"browser.noContent": "Full content is outside the loaded message window (load older history in Chat to view)",
 			"browser.loading": "Loading full content from older session history…",
+			"browser.notInLog": "This item is not in the session log anymore (it may have been compacted away or cleared)",
+			"browser.loadFailed": "Load failed — click to retry",
 			"browser.preview": "Preview",
 			"tool.desc": "Description",
 			"tool.params": "Parameters",
@@ -435,8 +505,7 @@ window.__ModuleLoader__.load({
 			"assistant",
 			"tool"
 		];
-		/** Category key → chart color, built once from CATS. */
-		const CAT_COLORS = Object.fromEntries(CATS.map((c) => [c.key, c.color]));
+		Object.fromEntries(CATS.map((c) => [c.key, c.color]));
 		function partsOf(breakdown) {
 			return CATS.map((c) => {
 				return {
@@ -478,6 +547,9 @@ window.__ModuleLoader__.load({
 			return CATS.map((c) => ({
 				key: c.key,
 				color: c.color,
+				/* v8 ignore next 1 -- `shares` is initialized with system/tools and both
+				foldSurface arms assign every MESSAGE_CATS key, so each key is always
+				defined; the fallback is defensive. */
 				value: shares[c.key] ?? 0
 			}));
 		}
@@ -534,7 +606,7 @@ window.__ModuleLoader__.load({
 		* every field read below must re-prove itself (the no-white-screen
 		* guarantee), so no field may borrow the wire type before its check.
 		*/
-		function asRecord(value) {
+		function asRecord$1(value) {
 			if (value === null || value === void 0 || typeof value !== "object") return null;
 			return value;
 		}
@@ -563,7 +635,7 @@ window.__ModuleLoader__.load({
 		* during render and unmounting the conversation view.
 		*/
 		function timelineOf(value) {
-			const data = asRecord(value);
+			const data = asRecord$1(value);
 			if (data === null) return null;
 			const current = data.current;
 			if (current !== null && typeof current === "object" && [
@@ -574,7 +646,7 @@ 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) && Array.isArray(data.toolList)) return data;
+			].every((k) => typeof current[k] === "number") && Array.isArray(data.requests) && Array.isArray(data.events) && Array.isArray(data.nodes) && Array.isArray(data.archive)) 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;
 			return {
@@ -591,7 +663,6 @@ window.__ModuleLoader__.load({
 					tool: numOf(safeCurrent.tool),
 					total: numOf(safeCurrent.total)
 				},
-				toolList: objectsOf(data.toolList),
 				requests: objectsOf(data.requests),
 				events: objectsOf(data.events),
 				nodes: objectsOf(data.nodes),
@@ -612,7 +683,7 @@ window.__ModuleLoader__.load({
 		* back to their derived anchor, so the UI degrades gracefully.
 		*/
 		function contextPressureOf(value) {
-			return asRecord(value);
+			return asRecord$1(value);
 		}
 		/**
 		* Narrow a delivered projection value to the official token-meter
@@ -622,7 +693,7 @@ window.__ModuleLoader__.load({
 		* own sums instead of mixing sources.
 		*/
 		function contextBreakdownOf(value) {
-			const data = asRecord(value);
+			const data = asRecord$1(value);
 			if (data === null) return null;
 			const { systemTokens, toolsTokens, messageTokens } = data;
 			if (typeof systemTokens !== "number" || !Number.isFinite(systemTokens)) return null;
@@ -641,7 +712,7 @@ window.__ModuleLoader__.load({
 		* usage yet) — callers drop the cache-hit cell to a dash.
 		*/
 		function tokenUsageOf(value) {
-			return asRecord(value);
+			return asRecord$1(value);
 		}
 		/**
 		* Narrow a delivered projection value to the plugin's `contextHeaders`
@@ -655,7 +726,7 @@ window.__ModuleLoader__.load({
 		* and the card falls back to its tokens-only note.
 		*/
 		function headersOf(value) {
-			const headers = asRecord(value);
+			const headers = asRecord$1(value);
 			if (headers === null || !Array.isArray(headers.headers)) return null;
 			for (const h of headers.headers) {
 				if (h === null || typeof h !== "object") return null;
@@ -666,6 +737,157 @@ window.__ModuleLoader__.load({
 			return headers;
 		}
 		//#endregion
+		//#region src/client/historyPage.ts
+		/** Narrow one served row to a validated durable event envelope, or null. */
+		function eventOf(entry) {
+			if (entry === null || typeof entry !== "object") return null;
+			const ev = entry.event;
+			if (ev === null || typeof ev !== "object") return null;
+			const e = ev;
+			if (typeof e.type !== "string" || typeof e.seq !== "number" || !Number.isFinite(e.seq)) return null;
+			const data = e.data !== null && typeof e.data === "object" ? e.data : {};
+			return {
+				type: e.type,
+				seq: e.seq,
+				data
+			};
+		}
+		/** All string texts of an event's message-content shape joined (compaction summaries). */
+		function textOf(blocks) {
+			if (!Array.isArray(blocks)) return null;
+			let out = "";
+			for (const b of blocks) {
+				const text = b !== null && typeof b === "object" ? b.text : void 0;
+				if (typeof text === "string") out += text;
+			}
+			return out.trim() === "" ? null : out;
+		}
+		/**
+		* One assistant content block → the snapshot block vocabulary the browser
+		* already renders (`kind`: text/reasoning/image/tool-call); unmappable
+		* blocks pass through raw and degrade to the generic JSON section.
+		*/
+		function assistantBlockOf(block) {
+			const b = block !== null && typeof block === "object" ? block : null;
+			switch (b?.type) {
+				case "text":
+				case "reasoning": return {
+					kind: b.type,
+					...typeof b.text === "string" ? { text: b.text } : {}
+				};
+				case "image": return {
+					kind: "image",
+					...b.attachment !== void 0 ? { attachment: b.attachment } : {}
+				};
+				case "tool-call": return {
+					kind: "tool-call",
+					name: typeof b.name === "string" ? b.name : "?",
+					argsRaw: b.arguments
+				};
+				default: return block !== null && typeof block === "object" ? block : { value: block };
+			}
+		}
+		/**
+		* Map one history page into joined conversation nodes keyed by their event
+		* seq — the display subset of the browser's join: user messages, assistant
+		* blocks, tool results paired with their in-page call head, and compaction
+		* checkpoints paired with their summary event. Everything else (headers,
+		* boundaries, chunks, bare calls) projects to nothing.
+		*/
+		function pageNodesOf(entries) {
+			const nodes = /* @__PURE__ */ new Map();
+			const calls = /* @__PURE__ */ new Map();
+			const summaries = /* @__PURE__ */ new Map();
+			for (const entry of entries) {
+				const ev = eventOf(entry);
+				if (ev === null) continue;
+				const { type, seq, data } = ev;
+				if (type === "tool/call") {
+					if (typeof data.callId === "string") calls.set(data.callId, {
+						name: typeof data.name === "string" ? data.name : "?",
+						argsRaw: typeof data.arguments === "string" ? data.arguments : ""
+					});
+					continue;
+				}
+				if (type === "compaction/summary") {
+					if (typeof data.compactionId === "string") {
+						const summary = textOf(data.summary);
+						if (summary !== null) summaries.set(data.compactionId, summary);
+					}
+					continue;
+				}
+				if (type === "user/message") {
+					const source = data.source !== null && typeof data.source === "object" ? data.source : null;
+					const compactionId = source !== null && source.kind === "plugin" && typeof source.compactionId === "string" ? source.compactionId : null;
+					if (compactionId !== null) {
+						nodes.set(seq, {
+							kind: "compaction",
+							seq,
+							summary: summaries.get(compactionId) ?? null
+						});
+						continue;
+					}
+					nodes.set(seq, {
+						kind: "user",
+						seq,
+						content: Array.isArray(data.content) ? data.content : []
+					});
+					continue;
+				}
+				if (type === "assistant/message") {
+					const message = data.message !== null && typeof data.message === "object" ? data.message : null;
+					const content = message !== null && Array.isArray(message.content) ? message.content : [];
+					nodes.set(seq, {
+						kind: "assistant",
+						seq,
+						blocks: content.map(assistantBlockOf)
+					});
+					continue;
+				}
+				if (type === "tool/result") {
+					const message = data.message !== null && typeof data.message === "object" ? data.message : null;
+					const source = message?.source !== null && typeof message?.source === "object" ? message.source : null;
+					const first = Array.isArray(message?.content) ? message.content[0] : void 0;
+					const block = first !== null && typeof first === "object" ? first : null;
+					const callId = typeof source?.callId === "string" ? source.callId : typeof block?.toolCallId === "string" ? block.toolCallId : null;
+					const call = callId !== null ? calls.get(callId) ?? null : null;
+					nodes.set(seq, {
+						kind: "tool-result",
+						seq,
+						call,
+						content: block !== null && Array.isArray(block.content) ? block.content : [],
+						isError: block?.isError === true || data.error === true
+					});
+					continue;
+				}
+			}
+			return nodes;
+		}
+		/**
+		* Build the browser's per-session fetcher over the shared api client.
+		* Undefined when the connection face or the history verb is absent (older
+		* hosts) — the caller keeps its static preview-plus-hint degradation. Found
+		* nodes cache in the closure: one mount re-reading a row never re-fetches.
+		*/
+		function makeContentFetcher(ctx, sessionId) {
+			const sessions = ctx.get("connection")?.api?.sessions;
+			if (typeof sessions?.history !== "function") return void 0;
+			const cache = /* @__PURE__ */ new Map();
+			return async (seq) => {
+				const hit = cache.get(seq);
+				if (hit !== void 0) return hit;
+				const result = (await sessions.history({
+					sessionId,
+					beforeSeq: seq + 1
+				})).result;
+				if (result === null || typeof result !== "object" || result.ok !== true || result.value === null || typeof result.value !== "object") throw new Error("history rpc failed");
+				const events = result.value.events;
+				const node = pageNodesOf(Array.isArray(events) ? events : []).get(seq) ?? null;
+				if (node !== null) cache.set(seq, node);
+				return node;
+			};
+		}
+		//#endregion
 		//#region src/client/assemble.ts
 		/** The header epoch in force at `seq` (last logged before it), or the newest. */
 		function headerAt(headers, seq) {
@@ -767,24 +989,6 @@ window.__ModuleLoader__.load({
 				return t("node.nonText");
 			};
 		}
-		function makeNodeList(kit) {
-			const { t, fmt, fmtTime } = kit;
-			const nodeText = makeNodeText(kit);
-			return function NodeList(props) {
-				if (props.nodes.length === 0) return /* @__PURE__ */ React.createElement("div", { className: "lc-empty" }, t("nodes.empty"));
-				const rows = props.nodes.slice().reverse();
-				return /* @__PURE__ */ React.createElement("div", { className: "lc-nodes" }, props.dropped > 0 ? /* @__PURE__ */ React.createElement("div", { className: "lc-nodes-more" }, t("nodes.more", { n: props.dropped })) : null, rows.map((n) => {
-					const text = nodeText(n);
-					return /* @__PURE__ */ React.createElement("div", {
-						key: n.seq,
-						className: "lc-node"
-					}, /* @__PURE__ */ React.createElement("i", { style: { background: CAT_COLORS[n.cat] || "#999" } }), /* @__PURE__ */ React.createElement("span", {
-						className: "lc-node-preview",
-						title: text
-					}, text), typeof n.time === "number" ? /* @__PURE__ */ React.createElement("span", { className: "lc-node-time" }, fmtTime(n.time)) : null, /* @__PURE__ */ React.createElement("span", { className: "lc-node-tokens" }, fmt(n.tokens)));
-				}));
-			};
-		}
 		//#endregion
 		//#region src/client/format.ts
 		/** `fmt`: the k/M suffix style shared by bars/details/stats; `fmtTime`: local HH:MM:SS. */
@@ -865,6 +1069,8 @@ window.__ModuleLoader__.load({
 			let bestWidth;
 			if (gridW < 1) {
 				let rows = floorDiv(budget - 2, 2);
+				/* v8 ignore else -- budget enters at 381 and the tall solve always fits
+				(never decrements), so rows is always odd here; parity-defensive. */
 				if (rows % 2 === 1) rows -= 1;
 				bestWidth = unit;
 				bestHeight = rows * unit;
@@ -944,6 +1150,8 @@ window.__ModuleLoader__.load({
 				}
 				return null;
 			} catch {
+				/* v8 ignore next -- the only throw site is the clamped-away budget guard
+				above; the catch keeps a hostile dimension from ever breaking the fold. */
 				return null;
 			}
 		}
@@ -1189,18 +1397,22 @@ window.__ModuleLoader__.load({
 		*/
 		function Section(props) {
 			const right = props.actions !== void 0 || props.meta !== void 0;
-			return /* @__PURE__ */ React.createElement("div", { className: "lc-ts-card" }, /* @__PURE__ */ React.createElement("div", { className: "lc-ts-card-head" }, /* @__PURE__ */ React.createElement("b", { className: props.labelClass }, props.label), right ? /* @__PURE__ */ React.createElement("span", { className: "lc-ts-card-right" }, props.meta ?? null, props.actions ?? null) : null, props.count !== void 0 ? /* @__PURE__ */ React.createElement("span", { className: "lc-ts-card-count" }, props.count) : null), props.children);
+			return /* @__PURE__ */ React.createElement("div", { className: "lc-ts-card" }, /* @__PURE__ */ React.createElement("div", { className: "lc-ts-card-head" }, /* @__PURE__ */ React.createElement("b", { className: props.labelClass }, props.label), right ? /* @__PURE__ */ React.createElement("span", { className: "lc-ts-card-right" }, props.meta, props.actions) : null, props.count !== void 0 ? /* @__PURE__ */ React.createElement("span", { className: "lc-ts-card-count" }, props.count) : null), props.children);
+		}
+		function lineCountOf(text) {
+			return text.split(/\r\n|\r|\n/).length;
 		}
 		function TextSection(props) {
 			const { rich } = props;
 			const [mode, setMode] = rich.useRichMode();
+			const lineCount = React.useMemo(() => lineCountOf(props.text), [props.text]);
 			return /* @__PURE__ */ React.createElement(Section, {
 				label: props.label,
 				actions: /* @__PURE__ */ React.createElement(rich.RichSwitch, {
 					mode,
 					onPick: setMode
 				}),
-				meta: props.meta
+				meta: /* @__PURE__ */ React.createElement("span", { className: "lc-ts-card-meta" }, props.lines(lineCount))
 			}, /* @__PURE__ */ React.createElement(rich.RichText, {
 				text: props.text,
 				mode
@@ -1238,7 +1450,8 @@ window.__ModuleLoader__.load({
 			return /* @__PURE__ */ React.createElement(React.Fragment, null, props.description !== void 0 ? /* @__PURE__ */ React.createElement(TextSection, {
 				label: props.labels.desc,
 				text: props.description,
-				rich
+				rich,
+				lines: props.lines
 			}) : null, params !== null && rows.length > 0 ? /* @__PURE__ */ React.createElement(Section, {
 				label: props.labels.title,
 				count: rows.length
@@ -1257,8 +1470,8 @@ window.__ModuleLoader__.load({
 		}
 		/**
 		* Both block vocabularies normalize here — raw durable blocks (`type`: text/reasoning/tool-call/tool-result/image) and snapshot assistant
-		* blocks (`kind`: text/reasoning/tool-call/image, argsRaw). Consecutive images group into one grid; tool-result payloads carry the Raw/MD
-		* switch + line count; nested tool-result blocks flatten into the same flow.
+		* blocks (`kind`: text/reasoning/tool-call/image, argsRaw). Consecutive images group into one grid; every
+		* rich text block carries the Raw/MD switch + line count; nested tool-result blocks flatten into the same flow.
 		*/
 		function BlocksBody(props) {
 			const { rich, img, labels } = props;
@@ -1294,7 +1507,7 @@ window.__ModuleLoader__.load({
 						label,
 						text: blk.text,
 						rich,
-						meta: props.textLabel === labels.result ? /* @__PURE__ */ React.createElement("span", { className: "lc-ts-card-meta" }, labels.lines(blk.text.split("\n").length)) : void 0
+						lines: labels.lines
 					}));
 					continue;
 				}
@@ -1412,6 +1625,8 @@ window.__ModuleLoader__.load({
 		}
 		function CallArgRow(props) {
 			const v = props.value;
+			/* v8 ignore next 2 -- the only caller maps Object.keys of a JSON.parse'd
+			object, which never holds undefined values; defensive. */
 			const text = typeof v === "string" ? v : v === void 0 ? "" : JSON.stringify(v);
 			return /* @__PURE__ */ React.createElement("div", { className: "lc-ts-arg-row" }, /* @__PURE__ */ React.createElement("span", { className: "lc-ts-param-name" }, props.name), /* @__PURE__ */ React.createElement("span", { className: "lc-ts-arg-val" }, text));
 		}
@@ -1422,7 +1637,8 @@ window.__ModuleLoader__.load({
 				return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TextSection, {
 					label: labels.content,
 					text: node.text,
-					rich
+					rich,
+					lines: labels.lines
 				}), /* @__PURE__ */ React.createElement("div", { className: "lc-br-note" }, props.hint));
 			}
 			if (conv.kind === "assistant" && Array.isArray(conv.blocks)) return /* @__PURE__ */ React.createElement(BlocksBody, {
@@ -1452,7 +1668,8 @@ window.__ModuleLoader__.load({
 			if (conv.kind === "compaction") return typeof conv.summary === "string" && conv.summary !== "" ? /* @__PURE__ */ React.createElement(TextSection, {
 				label: labels.summary,
 				text: conv.summary,
-				rich
+				rich,
+				lines: labels.lines
 			}) : /* @__PURE__ */ React.createElement(React.Fragment, null);
 			if (Array.isArray(conv.content)) return /* @__PURE__ */ React.createElement(BlocksBody, {
 				blocks: conv.content,
@@ -1483,52 +1700,51 @@ window.__ModuleLoader__.load({
 			const nodeText = makeNodeText(kit);
 			const rich = makeRichText(kit);
 			const ImageCard = makeImageCard(kit);
-			const MAX_AUTO_PAGES = 20;
+			const lineLabel = (n) => t(n === 1 ? "block.line" : "block.lines", { n });
 			return function ContextBrowser(props) {
 				const { data, headers } = props;
 				const [sel, setSel] = React.useState("live");
 				const [openCat, setOpenCat] = React.useState(null);
 				const [openElem, setOpenElem] = React.useState(null);
 				const convNodes = typeof props.useSession === "function" ? props.useSession((s) => s.nodes) : void 0;
+				const [fetched, setFetched] = React.useState(() => /* @__PURE__ */ new Map());
 				const bySeq = 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]);
-				const hasMore = typeof props.useSession === "function" ? props.useSession((s) => s.hasMore === true) : false;
-				const loadingOlder = typeof props.useSession === "function" ? props.useSession((s) => s.loadingOlder === true) : false;
+				}, [convNodes, fetched]);
 				const openSeq = openElem !== null && openElem.startsWith("n") ? Number(openElem.slice(1)) : null;
 				const missingSeq = openSeq !== null && !bySeq.has(openSeq) ? openSeq : null;
-				const [exhausted, setExhausted] = React.useState(false);
-				const pagesRef = React.useRef(0);
-				React.useEffect(() => {
-					pagesRef.current = 0;
-					setExhausted(false);
-				}, [openElem]);
-				const loadOlderHistory = props.loadOlderHistory;
-				React.useEffect(() => {
-					if (missingSeq === null || !hasMore || loadingOlder || exhausted) return;
-					if (loadOlderHistory === void 0) return;
-					if (pagesRef.current >= MAX_AUTO_PAGES) {
-						setExhausted(true);
-						return;
-					}
-					pagesRef.current += 1;
-					loadOlderHistory();
-				}, [
-					missingSeq,
-					hasMore,
-					loadingOlder,
-					exhausted,
-					bySeq,
-					loadOlderHistory
-				]);
+				const fetchContent = props.fetchContent;
+				const [missState, setMissState] = React.useState("idle");
+				const [retry, setRetry] = React.useState(0);
 				React.useEffect(() => {
-					if (!hasMore && missingSeq !== null && !exhausted) setExhausted(true);
+					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");
+					}, () => {
+						if (live) setMissState("failed");
+					});
+					return () => {
+						live = false;
+					};
 				}, [
-					hasMore,
 					missingSeq,
-					exhausted
+					fetchContent,
+					retry
 				]);
 				const pinSeq = props.pinSeq;
 				React.useEffect(() => {
@@ -1536,14 +1752,6 @@ window.__ModuleLoader__.load({
 					setOpenCat(null);
 					setOpenElem(null);
 				}, [pinSeq]);
-				const toolFocus = props.toolFocus;
-				React.useEffect(() => {
-					if (toolFocus === null || toolFocus === void 0) return;
-					setSel("live");
-					setOpenCat("tools");
-					setOpenElem(toolFocus.tool !== void 0 ? "tool:" + toolFocus.tool : null);
-					if (props.onToolFocusHandled !== void 0) props.onToolFocusHandled();
-				}, [toolFocus, props.onToolFocusHandled]);
 				const rootRef = React.useRef(null);
 				const focusScrollRef = React.useRef(false);
 				const nodeFocus = props.nodeFocus;
@@ -1560,7 +1768,13 @@ window.__ModuleLoader__.load({
 					focusScrollRef.current = false;
 					rootRef.current?.querySelector(".lc-br-elem-on")?.scrollIntoView({ block: "nearest" });
 				});
-				const awaiting = missingSeq !== null && !exhausted && loadOlderHistory !== void 0 && hasMore;
+				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 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);
@@ -1583,8 +1797,13 @@ window.__ModuleLoader__.load({
 				const toolCount = (c) => countOf(view, byCat, c);
 				const toggleCat = (c) => {
 					if (!(toolCount(c) > 0 || (c === "system" || c === "tools") && view.header === null)) return;
-					setOpenCat(openCat === c ? null : c);
-					setOpenElem(null);
+					if (openCat === c) {
+						setOpenCat(null);
+						setOpenElem(null);
+						return;
+					}
+					setOpenCat(c);
+					setOpenElem(c === "system" && view.header?.system !== void 0 ? "sys" : null);
 				};
 				const toggleElem = (key) => {
 					setOpenElem(openElem === key ? null : key);
@@ -1613,11 +1832,14 @@ window.__ModuleLoader__.load({
 					if (c === "system") {
 						if (view.header === null) return /* @__PURE__ */ React.createElement("div", { className: "lc-br-note" }, t(headers === null ? "browser.noHeader" : "browser.noEpoch"));
 						const system = view.header.system;
+						/* v8 ignore next 1 -- the category opens only when its count > 0
+						(countOf ⟺ system defined); the undefined arm is defensive. */
 						if (system === void 0) return null;
 						return elemRow("sys", null, system.replace(/\s+/g, " ").trim().slice(0, 80), breakdown.system, void 0, /* @__PURE__ */ React.createElement(TextSection, {
 							label: catLabel("system"),
 							text: system,
-							rich
+							rich,
+							lines: lineLabel
 						}));
 					}
 					if (c === "tools") {
@@ -1634,6 +1856,7 @@ window.__ModuleLoader__.load({
 								description: tool.description,
 								schema: tool.schema,
 								rich,
+								lines: lineLabel,
 								labels
 							}));
 						});
@@ -1673,10 +1896,10 @@ window.__ModuleLoader__.load({
 								summary: t("block.summary"),
 								images: t("attach.images"),
 								other: t("attach.other"),
-								lines: (n) => t(n === 1 ? "block.line" : "block.lines", { n }),
+								lines: lineLabel,
 								callState: (err, exit) => /* @__PURE__ */ React.createElement("span", { className: "lc-ts-call-state " + (err ? "lc-ts-call-err" : "lc-ts-call-ok") }, /* @__PURE__ */ React.createElement("i", null), err ? t("call.fail") + (exit !== null ? " · " + t("call.exit", { n: exit }) : "") : t("call.ok"))
 							},
-							hint: conv === void 0 && awaiting ? t("browser.loading") : t("browser.noContent")
+							hint: conv === void 0 ? missNote : t("browser.noContent")
 						}), rowErr);
 					});
 				};
@@ -1719,12 +1942,15 @@ window.__ModuleLoader__.load({
 					}, /* @__PURE__ */ React.createElement("button", {
 						type: "button",
 						className: "lc-br-cat-row" + (linked && props.hoverKey === c.key ? " lc-br-cat-on" : ""),
+						/* v8 ignore start -- the handlers exist only when linked,
+						and linked already requires onHoverKey defined (above). */
 						onMouseEnter: linked ? () => {
 							if (props.onHoverKey !== void 0) props.onHoverKey(c.key);
 						} : void 0,
 						onMouseLeave: linked ? () => {
 							if (props.onHoverKey !== void 0) props.onHoverKey(null);
 						} : void 0,
+						/* v8 ignore stop */
 						onClick: () => {
 							toggleCat(c.key);
 						}
@@ -1880,26 +2106,7 @@ window.__ModuleLoader__.load({
 					parts: head.parts,
 					hoverKey: props.hoverKey,
 					onHoverKey: props.onHoverKey
-				}), props.tools !== void 0 && props.tools.length > 0 ? /* @__PURE__ */ React.createElement("div", { className: "lc-tools" }, /* @__PURE__ */ React.createElement("button", {
-					type: "button",
-					className: "lc-tools-label",
-					onClick: () => {
-						if (props.onToolFocus !== void 0) props.onToolFocus({});
-					}
-				}, t("tools.top")), props.tools.slice().sort((a, b) => b.tokens - a.tokens).slice(0, 5).map((tool) => /* @__PURE__ */ React.createElement("button", {
-					key: tool.name,
-					type: "button",
-					className: "lc-tool-chip",
-					onClick: () => {
-						if (props.onToolFocus !== void 0) props.onToolFocus({ tool: tool.name });
-					}
-				}, tool.name + " " + fmt(tool.tokens))), props.tools.length > 5 ? /* @__PURE__ */ React.createElement("button", {
-					type: "button",
-					className: "lc-tools-more",
-					onClick: () => {
-						if (props.onToolFocus !== void 0) props.onToolFocus({});
-					}
-				}, t("tools.more", { n: props.tools.length })) : null) : null);
+				}));
 			};
 		}
 		//#endregion
@@ -1943,7 +2150,7 @@ window.__ModuleLoader__.load({
 				const breakdown = typeof props.useProjection === "function" ? contextBreakdownOf(props.useProjection("contextBreakdown")) : null;
 				const headers = typeof props.useProjection === "function" ? headersOf(props.useProjection("contextHeaders")) : null;
 				const [hoverCat, setHoverCat] = React.useState(null);
-				const [toolFocus, setToolFocus] = React.useState(null);
+				const fetchContent = React.useMemo(() => sessionId !== "" ? makeContentFetcher(ctx, sessionId) : void 0, [ctx, sessionId]);
 				const close = React.useCallback(() => {
 					if (sessionId === "") return;
 					modalStoreOf(sessionId).set(false);
@@ -1986,20 +2193,14 @@ window.__ModuleLoader__.load({
 					head,
 					subtitle,
 					hoverKey: hoverCat,
-					onHoverKey: setHoverCat,
-					tools: data.toolList,
-					onToolFocus: setToolFocus
+					onHoverKey: setHoverCat
 				}), /* @__PURE__ */ React.createElement(ContextBrowser, {
 					data,
 					headers,
 					useSession: props.useSession,
-					loadOlderHistory: props.loadOlderHistory,
+					fetchContent,
 					hoverKey: hoverCat,
-					onHoverKey: setHoverCat,
-					toolFocus,
-					onToolFocusHandled: () => {
-						setToolFocus(null);
-					}
+					onHoverKey: setHoverCat
 				}))));
 			}
 			return function ContextModal(props) {
@@ -2082,6 +2283,27 @@ window.__ModuleLoader__.load({
 					onPick: (id) => {
 						props.set?.("defaultTrendMode", id);
 					}
+				}), /* @__PURE__ */ React.createElement(PrefRow, {
+					label: t("settings.fileSort"),
+					value: state.fileSort,
+					disabled,
+					options: [
+						{
+							id: "count",
+							label: t("files.sort.count")
+						},
+						{
+							id: "latest",
+							label: t("files.sort.latest")
+						},
+						{
+							id: "path",
+							label: t("files.sort.path")
+						}
+					],
+					onPick: (id) => {
+						props.set?.("defaultFileSort", id);
+					}
 				})) : null);
 			};
 		}
@@ -2092,7 +2314,8 @@ window.__ModuleLoader__.load({
 			const v = value;
 			return {
 				...v.defaultGranularity === "step" || v.defaultGranularity === "turn" ? { granularity: v.defaultGranularity } : {},
-				...v.defaultTrendMode === "total" || v.defaultTrendMode === "delta" ? { mode: v.defaultTrendMode } : {}
+				...v.defaultTrendMode === "total" || v.defaultTrendMode === "delta" ? { mode: v.defaultTrendMode } : {},
+				...v.defaultFileSort === "count" || v.defaultFileSort === "latest" || v.defaultFileSort === "path" ? { fileSort: v.defaultFileSort } : {}
 			};
 		}
 		function createContextSettings() {
@@ -2100,12 +2323,13 @@ window.__ModuleLoader__.load({
 				status: "loading",
 				granularity: "step",
 				mode: "total",
+				fileSort: "count",
 				writable: false
 			};
 			let scope;
 			const listeners = /* @__PURE__ */ new Set();
 			const publish = (next) => {
-				if (next.status === state.status && next.granularity === state.granularity && next.mode === state.mode && next.writable === state.writable) return;
+				if (next.status === state.status && next.granularity === state.granularity && next.mode === state.mode && next.fileSort === state.fileSort && next.writable === state.writable) return;
 				state = next;
 				for (const listener of listeners) listener();
 			};
@@ -2121,6 +2345,7 @@ window.__ModuleLoader__.load({
 				},
 				defaultGranularity: () => state.granularity,
 				defaultTrendMode: () => state.mode,
+				defaultFileSort: () => state.fileSort,
 				attach(bound) {
 					scope = bound;
 					const sync = () => {
@@ -2130,6 +2355,7 @@ window.__ModuleLoader__.load({
 							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
 						});
 					};
@@ -2213,6 +2439,767 @@ window.__ModuleLoader__.load({
 			return m;
 		}
 		//#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 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 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).
+		* Callers reach here only with parsed args (a null parse yields no path).
+		*/
+		function deltaOf(tool, args) {
+			if (tool === "edit") {
+				const oldS = args.old_string;
+				const newS = args.new_string;
+				return {
+					added: typeof newS === "string" ? linesOf(newS) : 0,
+					removed: typeof oldS === "string" ? linesOf(oldS) : 0
+				};
+			}
+			if (tool === "write") {
+				const content = args.content;
+				return {
+					added: typeof content === "string" ? linesOf(content) : 0,
+					removed: 0
+				};
+			}
+			return {
+				added: 0,
+				removed: 0
+			};
+		}
+		const IMAGE_EXT = /\.(png|jpe?g|gif|webp|svg|bmp|ico|avif)$/i;
+		/** 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";
+		}
+		/** Fold every served tool-result node into per-file activity. */
+		function activityOf(nodes, convOf, before) {
+			const totals = {
+				read: {
+					files: 0,
+					ops: 0
+				},
+				write: {
+					files: 0,
+					ops: 0
+				},
+				search: {
+					files: 0,
+					ops: 0
+				},
+				image: {
+					files: 0,
+					ops: 0
+				},
+				added: 0,
+				removed: 0
+			};
+			const byPath = /* @__PURE__ */ new Map();
+			for (const n of nodes) {
+				if (n.cat !== "tool") continue;
+				if (before !== null && n.seq >= before) continue;
+				const kind = kindOfTool(n.tool);
+				if (kind === null) continue;
+				const tool = n.tool;
+				const conv = convOf(n.seq);
+				const args = parseCallArgs(conv?.call?.argsRaw);
+				const path = pathOfArgs(tool, args);
+				if (path === null || args === null) continue;
+				totals[kind].ops++;
+				const { added, removed } = deltaOf(tool, args);
+				const detail = kind === "search" && typeof args.path === "string" && args.path !== "" && typeof args.pattern === "string" && args.pattern !== "" ? args.pattern : void 0;
+				const op = {
+					seq: n.seq,
+					...n.gone !== void 0 ? { gone: n.gone } : {},
+					kind,
+					tool,
+					...n.time !== void 0 ? { time: n.time } : {},
+					err: n.err === true || conv.isError === true,
+					added,
+					removed,
+					...detail !== void 0 ? { detail } : {}
+				};
+				let entry = byPath.get(path);
+				if (entry === void 0) {
+					entry = {
+						path,
+						form: formOf(tool, path),
+						reads: 0,
+						writes: 0,
+						searches: 0,
+						added: 0,
+						removed: 0,
+						errs: 0,
+						ops: []
+					};
+					byPath.set(path, entry);
+				}
+				if (kind === "read") entry.reads++;
+				else if (kind === "write") entry.writes++;
+				else entry.searches++;
+				entry.added += added;
+				entry.removed += removed;
+				if (op.err) entry.errs++;
+				entry.ops.push(op);
+			}
+			const entries = [...byPath.values()];
+			for (const e of entries) {
+				e.ops.sort((a, b) => b.seq - a.seq);
+				if (e.reads > 0) totals.read.files++;
+				if (e.writes > 0) totals.write.files++;
+				if (e.searches > 0) totals.search.files++;
+				if (e.form === "image") {
+					totals.image.files++;
+					totals.image.ops += e.ops.length;
+				}
+				totals.added += e.added;
+				totals.removed += e.removed;
+			}
+			entries.sort((a, b) => b.ops[0].seq - a.ops[0].seq);
+			return {
+				entries,
+				totals
+			};
+		}
+		/**
+		* 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
+		* yet reveals on the live surface; an archived node no retained step still
+		* contains is not viewable anywhere (null → the row stays inert).
+		*/
+		function locateStepOf(requests, seq, gone) {
+			for (const r of requests) if (r.seq > seq && (gone === void 0 || gone > r.seq)) return r.seq;
+			return gone === void 0 ? "live" : null;
+		}
+		const SLOT_MAX = 184;
+		const SLOT_MIN = 112;
+		const CAPTION_GUTTER = 8;
+		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);
+			if (rec === null) return null;
+			const projections = asRecord(rec.projectionValues);
+			return {
+				...typeof rec.displayTitle === "string" ? { displayTitle: rec.displayTitle } : {},
+				...typeof rec.title === "string" ? { title: rec.title } : {},
+				...typeof rec.parentId === "string" ? { parentId: rec.parentId } : {},
+				...typeof rec.origin === "string" ? { origin: rec.origin } : {},
+				running: rec.running === true,
+				completed: rec.completed === true,
+				blank: rec.blank === true,
+				updatedAt: numOf(rec.updatedAt),
+				...projections !== null ? { projections } : {}
+			};
+		}
+		/** Narrow the subagent identity projection value (null = not a descriptor-backed subagent). */
+		function agentIdentityOf(value) {
+			const rec = asRecord(value);
+			if (rec === null) return null;
+			if (rec.mode !== "one-shot" && rec.mode !== "continuable") return null;
+			return {
+				mode: rec.mode,
+				...typeof rec.label === "string" && rec.label !== "" ? { label: rec.label } : {}
+			};
+		}
+		/** Narrow the subagent timing projection value into a single duration (null = absent/malformed). */
+		function agentDurationOf(value) {
+			const rec = asRecord(value);
+			if (rec === null) return null;
+			const settled = numOf(rec.settledMs);
+			const active = asRecord(rec.active);
+			const total = settled + (active !== null ? Math.max(0, numOf(active.through) - numOf(active.since)) : 0);
+			return total > 0 ? total : null;
+		}
+		/**
+		* Fold one row's projection values into render-ready stats. The composition
+		* prefers the plugin's own `contextTimeline` (six buckets, provider-anchored
+		* by token-meter's pressure/breakdown — the exact headlineOf derivation the
+		* overview card shows); a pressure-only row (plugin host half absent for that
+		* session) still yields an occupancy ring without slices.
+		*/
+		function agentStatsOf(values) {
+			const timeline = timelineOf(values?.contextTimeline);
+			const pressure = contextPressureOf(values?.contextPressure);
+			const breakdown = contextBreakdownOf(values?.contextBreakdown);
+			const usage = tokenUsageOf(values?.tokenUsage);
+			let head = null;
+			if (timeline !== null) head = headlineOf(timeline, pressure, breakdown);
+			else if (pressure !== null) {
+				const tokens = typeof pressure.projectedTokens === "number" ? pressure.projectedTokens : typeof pressure.pressureTokens === "number" ? pressure.pressureTokens : null;
+				if (tokens !== null) {
+					const window = typeof pressure.contextWindow === "number" && pressure.contextWindow > 0 ? pressure.contextWindow : void 0;
+					head = {
+						tokens,
+						window,
+						pct: window !== void 0 ? Math.min(100, Math.round(tokens / window * 100)) : null,
+						parts: []
+					};
+				}
+			}
+			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,
+				billed,
+				durationMs: agentDurationOf(values?.subagentTiming),
+				identity: agentIdentityOf(values?.subagent)
+			};
+		}
+		/**
+		* Build the current session's agent family from a session-list snapshot:
+		* walk up `parentId` to the topmost known ancestor, then DFS its whole
+		* subtree (blank placeholder rows excluded). Null when there is no anchor —
+		* no current session, or a snapshot without a `byId` table (older harness).
+		* The current session synthesizes a row when the list has not delivered it
+		* yet, so the card can still show its live self stats.
+		*/
+		function agentForestOf(snapshot, currentId, self) {
+			const byId = asRecord(asRecord(snapshot)?.byId);
+			if (byId === null || currentId === void 0 || currentId === "") return null;
+			const rows = /* @__PURE__ */ new Map();
+			for (const key of Object.keys(byId)) {
+				const row = agentRowOf(byId[key]);
+				if (row !== null && (!row.blank || key === currentId)) rows.set(key, row);
+			}
+			if (!rows.has(currentId)) rows.set(currentId, {
+				running: false,
+				completed: false,
+				blank: false,
+				updatedAt: 0
+			});
+			let root = currentId;
+			const chain = /* @__PURE__ */ new Set([currentId]);
+			for (;;) {
+				const parent = rows.get(root)?.parentId;
+				if (parent === void 0 || !rows.has(parent) || chain.has(parent)) break;
+				chain.add(parent);
+				root = parent;
+			}
+			const rootRow = rows.get(root);
+			/* v8 ignore next 2 -- root is currentId (inserted above) or a parent
+			verified with rows.has, so its row always exists. */
+			if (rootRow === void 0) return null;
+			const childrenOf = /* @__PURE__ */ new Map();
+			for (const [id, row] of rows) {
+				if (row.parentId === void 0 || !rows.has(row.parentId)) continue;
+				const list = childrenOf.get(row.parentId) ?? [];
+				list.push({
+					id,
+					row
+				});
+				childrenOf.set(row.parentId, list);
+			}
+			for (const kids of childrenOf.values()) kids.sort((a, b) => {
+				const runDelta = Number(b.row.running) - Number(a.row.running);
+				if (runDelta !== 0) return runDelta;
+				const timeDelta = b.row.updatedAt - a.row.updatedAt;
+				return timeDelta !== 0 ? timeDelta : a.id < b.id ? -1 : 1;
+			});
+			const measure = (id, seen) => {
+				if (seen.has(id)) return 0;
+				seen.add(id);
+				let total = 1;
+				for (const kid of childrenOf.get(id) ?? []) total += measure(kid.id, seen);
+				return total;
+			};
+			const total = measure(root, /* @__PURE__ */ new Set());
+			const nodes = [];
+			const edges = [];
+			const visit = (id, row, parentId, depth, seen, family) => {
+				if (seen.has(id) || nodes.length >= 25) return;
+				seen.add(id);
+				const stats = agentStatsOf(row.projections);
+				const identity = stats.identity;
+				const node = {
+					...stats,
+					id,
+					label: identity?.label ?? row.title ?? row.displayTitle ?? id,
+					...parentId !== void 0 ? { parentId } : {},
+					depth,
+					family,
+					isCurrent: id === currentId,
+					running: row.running,
+					completed: row.completed,
+					subagent: row.origin === "subagent" || identity !== null
+				};
+				if (node.isCurrent && self !== void 0) {
+					node.head = self.head ?? node.head;
+					node.billed = self.billed ?? node.billed;
+					node.requests = self.requests > 0 ? self.requests : node.requests;
+				}
+				nodes.push(node);
+				if (parentId !== void 0) edges.push({
+					from: parentId,
+					to: id
+				});
+				(childrenOf.get(id) ?? []).forEach((kid, ki) => {
+					visit(kid.id, kid.row, id, depth + 1, seen, depth === 0 ? ki : family);
+				});
+			};
+			visit(root, rootRow, void 0, 0, /* @__PURE__ */ new Set(), -1);
+			return {
+				nodes,
+				edges,
+				overflow: Math.max(0, total - nodes.length),
+				solo: nodes.length === 1
+			};
+		}
+		/**
+		* Tidy top-down tree layout: one row per depth level, siblings claim leaf
+		* slots, parents center over their children. Fully responsive to the stage's
+		* visible width: the slot pitch stretches up to SLOT_MAX and compresses down
+		* to SLOT_MIN (captions wrap tighter); a level that still overflows wraps
+		* into bands of at most a per-level node count derived from the stage width —
+		* vertical room is cheaper than horizontal scrolling. Links exit a parent at
+		* its cell bottom (below the caption zone) and enter the child at its top,
+		* so a connector never crosses a label.
+		*/
+		function layoutForest(forest, stageWidth = 0) {
+			const childrenOf = /* @__PURE__ */ new Map();
+			for (const n of forest.nodes) {
+				if (n.parentId === void 0) continue;
+				const kids = childrenOf.get(n.parentId) ?? [];
+				kids.push(n);
+				childrenOf.set(n.parentId, kids);
+			}
+			const slotOf = /* @__PURE__ */ new Map();
+			let leafSlots = 0;
+			const place = (node) => {
+				const kids = childrenOf.get(node.id) ?? [];
+				if (kids.length === 0) {
+					const slot = leafSlots;
+					leafSlots++;
+					slotOf.set(node.id, slot);
+					return slot;
+				}
+				let first = 0;
+				let last = 0;
+				kids.forEach((kid, index) => {
+					const slot = place(kid);
+					if (index === 0) first = slot;
+					last = slot;
+				});
+				const slot = (first + last) / 2;
+				slotOf.set(node.id, slot);
+				return slot;
+			};
+			/* v8 ignore next 1 -- a forest always holds at least the (possibly
+			synthesized) current node. */
+			if (forest.nodes.length > 0) place(forest.nodes[0]);
+			const perLevel = stageWidth > 0 ? Math.max(2, Math.floor(stageWidth / SLOT_MIN)) : 0;
+			if (perLevel > 0 && leafSlots > perLevel) {
+				const bandSlot = Math.min(SLOT_MAX, stageWidth / perLevel);
+				const width = perLevel * bandSlot;
+				const points = [];
+				let row = 0;
+				const emitBand = (nodes, depth) => {
+					const inset = (width - nodes.length * bandSlot) / 2;
+					nodes.forEach((node, i) => {
+						points.push({
+							id: node.id,
+							x: inset + (i + .5) * bandSlot,
+							y: PAD_Y + row * LEVEL_H,
+							depth
+						});
+					});
+					row++;
+					let band = [];
+					const flush = () => {
+						if (band.length === 0) return;
+						const packed = band;
+						band = [];
+						emitBand(packed, depth + 1);
+					};
+					for (const node of nodes) {
+						const kids = childrenOf.get(node.id) ?? [];
+						for (let start = 0; start < kids.length; start += perLevel) {
+							const group = kids.slice(start, start + perLevel);
+							if (band.length + group.length > perLevel) flush();
+							band.push(...group);
+							if (band.length === perLevel) flush();
+						}
+					}
+					flush();
+				};
+				/* v8 ignore next 1 -- a forest always holds at least the current node. */
+				if (forest.nodes.length > 0) emitBand([forest.nodes[0]], 0);
+				return {
+					width,
+					height: PAD_Y + (row - 1) * LEVEL_H + CELL_H + 28,
+					captionW: bandSlot - CAPTION_GUTTER,
+					points,
+					links: linksOf(forest, points)
+				};
+			}
+			const slot = stageWidth > 0 && leafSlots > 1 ? Math.min(SLOT_MAX, stageWidth / leafSlots) : SLOT_MAX;
+			const points = forest.nodes.map((node) => ({
+				id: node.id,
+				/* v8 ignore next 1 -- place() visits every node: the forest is exactly
+				the root's subtree by construction. */
+				x: (slotOf.get(node.id) ?? 0) * slot + slot / 2,
+				y: PAD_Y + node.depth * LEVEL_H,
+				depth: node.depth
+			}));
+			const maxDepth = points.reduce((max, p) => Math.max(max, p.depth), 0);
+			return {
+				width: leafSlots * slot,
+				height: PAD_Y + maxDepth * LEVEL_H + CELL_H + 28,
+				captionW: slot - CAPTION_GUTTER,
+				points,
+				links: linksOf(forest, points)
+			};
+		}
+		/**
+		* Family hue by level-1 subtree index: the golden angle keeps consecutive
+		* families maximally separated on the color wheel without a hand-tuned palette.
+		*/
+		function familyHue(index) {
+			return `hsl(${Math.round(index * 137.508) % 360} 58% 52%)`;
+		}
+		/** Parent→child links: exit the parent's cell bottom, enter the child's top. */
+		function linksOf(forest, points) {
+			const pointOf = new Map(points.map((p) => [p.id, p]));
+			const nodeOf = new Map(forest.nodes.map((n) => [n.id, n]));
+			const runningIds = new Set(forest.nodes.filter((n) => n.running).map((n) => n.id));
+			const links = [];
+			for (const edge of forest.edges) {
+				const from = pointOf.get(edge.from);
+				const to = pointOf.get(edge.to);
+				/* v8 ignore next 2 -- edges are emitted only for visited parent/child
+				pairs, so both points always exist. */
+				if (from === void 0 || to === void 0) continue;
+				links.push({
+					to: edge.to,
+					running: runningIds.has(edge.to),
+					/* v8 ignore next 1 -- edges only connect visited nodes. */
+					color: familyHue(nodeOf.get(edge.to)?.family ?? 0),
+					x1: from.x,
+					y1: from.y + CELL_H,
+					x2: to.x,
+					y2: to.y - 26 - 10
+				});
+			}
+			return links;
+		}
+		/**
+		* One fused ring per agent — the exact semantics of the chat composer's own
+		* context ring: the composition parts, scaled to the occupancy share of the
+		* window, fill the circle, and a neutral remainder marks the free window.
+		* With no known window the composition fills the whole circle; with no
+		* composition (pressure-only rows) a single threshold-colored arc carries
+		* the occupancy; a known window with zero occupancy draws the free outline.
+		*/
+		function ringSegments(parts, pct, radius, fallbackColor) {
+			const circumference = 2 * Math.PI * radius;
+			const occ = pct === null ? 1 : Math.min(100, Math.max(0, pct)) / 100;
+			let total = 0;
+			for (const p of parts) total += p.value > 0 ? p.value : 0;
+			const segs = [];
+			let offset = 0;
+			if (total > 0) for (const p of parts) {
+				if (p.value <= 0) continue;
+				const len = circumference * (p.value / total) * occ;
+				if (len <= 0) continue;
+				segs.push({
+					key: p.key,
+					color: p.color,
+					len,
+					offset,
+					free: false
+				});
+				offset += len;
+			}
+			else if (pct !== null && occ > 0) {
+				segs.push({
+					key: "fill",
+					color: fallbackColor,
+					len: circumference * occ,
+					offset: 0,
+					free: false
+				});
+				offset = circumference * occ;
+			}
+			if (pct !== null && offset < circumference) segs.push({
+				key: "free",
+				color: "",
+				len: circumference - offset,
+				offset,
+				free: true
+			});
+			return segs;
+		}
+		/** Session-switch navigation, fail-soft: a stale row (list rebuilt between snapshot and click) loses its open() race and is ignored. */
+		function openAgentSession(face, id) {
+			if (face === null || typeof face.open !== "function") return;
+			try {
+				face.open(id);
+			} catch {}
+		}
+		/** Narrow `ctx.get('sessions')` to the card's face (null = harness without the outward sessions service). */
+		function sessionsFaceOf(ctx) {
+			const rec = asRecord(ctx.get("sessions"));
+			if (rec === null) return null;
+			const list = asRecord(rec.list);
+			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) {
+			if (!Number.isFinite(ms) || ms < 0) return "—";
+			const s = Math.round(ms / 1e3);
+			if (s < 60) return `${s}s`;
+			const m = Math.floor(s / 60);
+			if (m < 60) return `${m}m${String(s % 60).padStart(2, "0")}s`;
+			return `${Math.floor(m / 60)}h${String(m % 60).padStart(2, "0")}m`;
+		}
+		//#endregion
+		//#region src/client/components/agentGraph.tsx
+		/** Caption box height under a node (3 wrapped label lines + the tokens line). */
+		const CAPTION_H = 60;
+		/** Fallback arc color for pressure-only nodes (no composition data), by fill ratio. */
+		function ringColorOf(pct) {
+			if (pct === null) return "var(--dsw-alias-border-l1)";
+			if (pct >= 90) return "#ef4444";
+			if (pct >= 70) return "#f59e0b";
+			return "#22c55e";
+		}
+		function makeAgentGraph(ctx, kit) {
+			const { t, fmt, catLabel } = kit;
+			function AgentGraph(props) {
+				const face = React.useMemo(() => sessionsFaceOf(ctx), []);
+				const subscribe = React.useCallback((fn) => {
+					if (face === null) return () => {};
+					/* v8 ignore next 2 -- sessionsFaceOf returns a face only after proving list.subscribe. */
+					if (face.list === void 0) return () => {};
+					return face.list.subscribe(fn);
+				}, [face]);
+				const getSnapshot = React.useCallback(() => {
+					if (face === null) return null;
+					/* v8 ignore next 2 -- sessionsFaceOf proves list before returning the face. */
+					if (face.list === void 0) return null;
+					return face.list.getSnapshot();
+				}, [face]);
+				const snapshot = React.useSyncExternalStore(subscribe, getSnapshot);
+				const sessionId = props.sessionId;
+				const [hoverId, setHoverId] = React.useState(null);
+				const stageRef = React.useRef(null);
+				const [stageWidth, setStageWidth] = React.useState(0);
+				React.useEffect(() => {
+					/* v8 ignore start -- jsdom has neither ResizeObserver nor layout; tests exercise the natural-pitch fallback (stageWidth 0). */
+					const el = stageRef.current;
+					if (el === null || typeof ResizeObserver !== "function") return;
+					setStageWidth(el.clientWidth);
+					const observer = new ResizeObserver(() => {
+						setStageWidth(el.clientWidth);
+					});
+					observer.observe(el);
+					return () => {
+						observer.disconnect();
+					};
+					/* v8 ignore stop */
+				}, []);
+				React.useEffect(() => {
+					if (face === null || typeof sessionId !== "string" || sessionId === "") return;
+					if (typeof face.refreshSubagents !== "function") return;
+					face.refreshSubagents(sessionId).catch(() => {});
+				}, [face, sessionId]);
+				const built = React.useMemo(() => {
+					const forest = agentForestOf(snapshot, sessionId, props.self);
+					return forest !== null ? {
+						forest,
+						layout: layoutForest(forest, stageWidth)
+					} : null;
+				}, [
+					snapshot,
+					sessionId,
+					props.self,
+					stageWidth
+				]);
+				if (built === null) return null;
+				const { forest, layout } = built;
+				const byId = new Map(forest.nodes.map((n) => [n.id, n]));
+				/* v8 ignore next 1 -- agentForestOf anchors the forest at the current
+				session, so a current node always exists. */
+				const current = forest.nodes.find((n) => n.isCurrent) ?? forest.nodes[0];
+				const inspected = (hoverId !== null ? byId.get(hoverId) : void 0) ?? current;
+				const runningCount = forest.nodes.filter((n) => n.running).length;
+				let totalTokens = 0;
+				for (const n of forest.nodes) totalTokens += n.head !== null ? n.head.tokens : 0;
+				const open = (id) => {
+					if (id === current.id) return;
+					openAgentSession(face, id);
+				};
+				const keyOpen = (id) => (ev) => {
+					if (ev.key !== "Enter" && ev.key !== " ") return;
+					ev.preventDefault();
+					open(id);
+				};
+				return /* @__PURE__ */ React.createElement("div", { className: "lc-card lc-agents" }, /* @__PURE__ */ React.createElement("div", { className: "lc-card-title" }, /* @__PURE__ */ React.createElement("span", { className: "lc-card-title-text" }, t("agents.title")), /* @__PURE__ */ React.createElement("span", { className: "lc-card-sub" }, t("agents.sub"))), /* @__PURE__ */ React.createElement("div", { className: "lc-agents-chips" }, /* @__PURE__ */ React.createElement("span", { className: "lc-agents-chip" }, t("agents.chip.count", { n: forest.nodes.length + forest.overflow })), /* @__PURE__ */ React.createElement("span", { className: "lc-agents-chip" + (runningCount > 0 ? " lc-agents-chip-on" : "") }, t("agents.chip.running", { n: runningCount })), totalTokens > 0 ? /* @__PURE__ */ React.createElement("span", { className: "lc-agents-chip" }, t("agents.chip.tokens", { n: fmt(totalTokens) })) : null, forest.overflow > 0 ? /* @__PURE__ */ React.createElement("span", { className: "lc-agents-chip" }, t("agents.more", { n: forest.overflow })) : null), /* @__PURE__ */ React.createElement("div", {
+					className: "lc-agents-stage",
+					ref: stageRef
+				}, /* @__PURE__ */ React.createElement("svg", {
+					className: "lc-agents-svg",
+					width: layout.width,
+					height: layout.height,
+					viewBox: `0 0 ${layout.width} ${layout.height}`
+				}, layout.links.map((link) => {
+					const d = `M ${link.x1} ${link.y1} L ${link.x2} ${link.y2}`;
+					return /* @__PURE__ */ React.createElement("g", { key: link.to }, /* @__PURE__ */ React.createElement("path", {
+						className: "lc-agents-link" + (link.running ? " lc-agents-link-live" : ""),
+						d,
+						stroke: link.color,
+						fill: "none"
+					}), link.running ? /* @__PURE__ */ React.createElement("path", {
+						className: "lc-agents-flow",
+						d,
+						stroke: link.color,
+						fill: "none"
+					}) : null);
+				}), forest.nodes.map((node) => {
+					const point = layout.points.find((p) => p.id === node.id);
+					/* v8 ignore next 2 -- layoutForest positions every forest node,
+					so the lookup never misses. */
+					if (point === void 0) return null;
+					return /* @__PURE__ */ React.createElement(AgentNodeView, {
+						key: node.id,
+						node,
+						x: point.x,
+						y: point.y,
+						captionW: layout.captionW,
+						hovered: hoverId === node.id,
+						onHover: setHoverId,
+						onOpen: open,
+						onKeyOpen: keyOpen(node.id),
+						t,
+						fmt
+					});
+				}))), forest.solo ? /* @__PURE__ */ React.createElement("div", { className: "lc-empty lc-agents-solo" }, t("agents.solo")) : null, /* @__PURE__ */ React.createElement(Inspector, {
+					node: inspected,
+					t,
+					fmt
+				}), /* @__PURE__ */ React.createElement("div", { className: "lc-agents-legend" }, CATS.map((c) => /* @__PURE__ */ React.createElement("span", {
+					key: c.key,
+					className: "lc-agents-legend-item"
+				}, /* @__PURE__ */ React.createElement("i", { style: { background: c.color } }), catLabel(c.key))), /* @__PURE__ */ React.createElement("span", { className: "lc-agents-legend-item" }, /* @__PURE__ */ React.createElement("i", { className: "lc-agents-legend-free" }), t("agents.legend.free")), /* @__PURE__ */ React.createElement("span", { className: "lc-agents-legend-item" }, /* @__PURE__ */ React.createElement("i", { className: "lc-agents-legend-edge" }), t("agents.running"))));
+			}
+			return AgentGraph;
+		}
+		function AgentNodeView(props) {
+			const { node, x, y, captionW } = props;
+			const pct = node.head !== null ? node.head.pct : null;
+			const ring = 2 * Math.PI * 20;
+			const segs = node.head !== null ? ringSegments(node.head.parts, pct, 20, ringColorOf(pct)) : [];
+			const cls = "lc-agent-node" + (node.isCurrent ? " lc-agent-self" : "") + (node.running ? " lc-agent-running" : "") + (node.completed && !node.running ? " lc-agent-done" : "") + (props.hovered ? " lc-agent-hover" : "") + (node.isCurrent ? "" : " lc-agent-clickable");
+			return /* @__PURE__ */ React.createElement("g", {
+				className: cls,
+				transform: `translate(${x}, ${y})`,
+				"data-agent": node.id,
+				role: node.isCurrent ? "img" : "button",
+				tabIndex: node.isCurrent ? void 0 : 0,
+				onClick: () => {
+					props.onOpen(node.id);
+				},
+				onKeyDown: props.onKeyOpen,
+				onMouseEnter: () => {
+					props.onHover(node.id);
+				},
+				onMouseLeave: () => {
+					props.onHover(null);
+				}
+			}, /* @__PURE__ */ React.createElement("circle", {
+				className: "lc-agent-halo",
+				r: 35
+			}), /* @__PURE__ */ React.createElement("circle", {
+				className: "lc-agent-track",
+				r: 26
+			}), segs.map((seg) => /* @__PURE__ */ React.createElement("circle", {
+				key: seg.key,
+				className: "lc-agent-seg" + (seg.free ? " lc-agent-free" : ""),
+				r: 20,
+				stroke: seg.free ? void 0 : seg.color,
+				strokeDasharray: `${seg.len} ${ring - seg.len}`,
+				strokeDashoffset: -seg.offset,
+				transform: "rotate(-90)"
+			})), /* @__PURE__ */ React.createElement("text", {
+				className: "lc-agent-pct",
+				textAnchor: "middle",
+				dy: "0.32em"
+			}, pct !== null ? `${pct}%` : node.head !== null ? props.fmt(node.head.tokens) : "—"), /* @__PURE__ */ React.createElement("foreignObject", {
+				x: -captionW / 2,
+				y: 34,
+				width: captionW,
+				height: CAPTION_H
+			}, /* @__PURE__ */ React.createElement("div", { className: "lc-agent-caption" }, /* @__PURE__ */ React.createElement("div", { className: "lc-agent-label" }, node.label, node.isCurrent ? /* @__PURE__ */ React.createElement("span", { className: "lc-agents-badge lc-agent-self-badge" }, props.t("agents.self")) : null), /* @__PURE__ */ React.createElement("div", { className: "lc-agent-tokens" }, node.head !== null ? props.fmt(node.head.tokens) : "—"))));
+		}
+		/** The detail strip mirroring the hovered (or current) node: identity, occupancy, activity, and the open hint. */
+		function Inspector(props) {
+			const { node, t, fmt } = props;
+			const bits = [];
+			if (node.head !== null) {
+				const head = node.head;
+				const window = head.window !== void 0 ? ` / ${fmt(head.window)}` : "";
+				const pct = head.pct !== null ? ` · ${head.pct}%` : "";
+				bits.push(`${fmt(head.tokens)}${window}${pct}`);
+			}
+			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));
+			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
 		//#region src/client/components/events.tsx
 		const EVENT_ICONS = {
 			compaction: "✂",
@@ -2274,6 +3261,14 @@ window.__ModuleLoader__.load({
 				eventAt
 			};
 		}
+		/**
+		* Set the native `title` on every label whose text overflows its box (the styled tips cover cards, but a plain
+		* ellipsis row still needs the native fallback); reads (scrollWidth/clientWidth) and writes (title) stay separate
+		* from layout-affecting work, and callers gate WHEN this runs so it never becomes a per-render forced layout.
+		*/
+		function syncTitles(root) {
+			for (const el of root.querySelectorAll(".lc-event-label")) el.title = el.scrollWidth > el.clientWidth ? el.textContent || "" : "";
+		}
 		function makeEventList(kit) {
 			const { t, fmt, fmtTime, eventLabel, eventAt } = kit;
 			return function EventList(props) {
@@ -2281,46 +3276,214 @@ window.__ModuleLoader__.load({
 				React.useLayoutEffect(() => {
 					const root = rootRef.current;
 					if (!root) return;
-					const sync = () => {
-						for (const el of root.querySelectorAll(".lc-event-label")) el.title = el.scrollWidth > el.clientWidth ? el.textContent || "" : "";
+					syncTitles(root);
+				}, [props.events]);
+				React.useEffect(() => {
+					const onResize = () => {
+						const root = rootRef.current;
+						if (root !== null) syncTitles(root);
 					};
-					sync();
-					window.addEventListener("resize", sync);
+					window.addEventListener("resize", onResize);
 					return () => {
-						window.removeEventListener("resize", sync);
+						window.removeEventListener("resize", onResize);
 					};
-				});
+				}, []);
 				if (props.events.length === 0) 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",
 					ref: rootRef
-				}, sorted.map((ev, i) => {
+				}, sorted.map((ev) => {
 					const label = eventLabel(ev);
 					const at = eventAt(ev);
 					const glyph = ev.kind === "inject" ? /* @__PURE__ */ React.createElement(_deepseek_ai_dsh_client_ui_primitives.IconPlusOutline16, null) : ev.kind === "model" ? /* @__PURE__ */ React.createElement(_deepseek_ai_dsh_client_ui_primitives.IconBranchOutline16, null) : EVENT_ICONS[ev.kind] || "•";
 					return /* @__PURE__ */ React.createElement("div", {
-						key: `${ev.seq}-${i}`,
+						key: ev.seq,
 						className: "lc-event"
 					}, /* @__PURE__ */ React.createElement("span", { className: "lc-event-icon lc-event-" + ev.kind }, glyph), /* @__PURE__ */ React.createElement("span", { className: "lc-kind lc-kind-" + ev.kind }, t("kind." + ev.kind)), /* @__PURE__ */ React.createElement("span", { className: "lc-event-label" }, label), at !== null ? /* @__PURE__ */ React.createElement("span", { className: "lc-event-at" }, at) : null, ev.tokens ? /* @__PURE__ */ React.createElement("span", { className: "lc-event-tokens" + (ev.kind === "inject" ? " lc-up" : " lc-down") }, (ev.kind === "inject" ? "+" : "−") + fmt(ev.tokens)) : null, /* @__PURE__ */ React.createElement("span", { className: "lc-event-time" }, fmtTime(ev.time)));
 				}));
 			};
 		}
+		//#endregion
+		//#region src/client/components/fileCard.tsx
+		function makeFileCard(kit, settings) {
+			const { t, fmt, fmtTime } = kit;
+			function formGlyph(form) {
+				return form === "image" ? "🖼" : form === "dir" ? "📁" : "📄";
+			}
+			function matches(e, f) {
+				if (f === "all") return true;
+				if (f === "image") return e.form === "image";
+				if (f === "read") return e.reads > 0;
+				if (f === "write") return e.writes > 0;
+				return e.searches > 0;
+			}
+			/** Signed line pair, harness diff semantics: growth on the success token, shrinkage on the error token. */
+			function DeltaPair(props) {
+				return /* @__PURE__ */ React.createElement("span", { className: "lc-fa-delta" }, props.added > 0 ? /* @__PURE__ */ React.createElement("span", { className: "lc-fa-up" }, "+" + fmt(props.added)) : null, props.removed > 0 ? /* @__PURE__ */ React.createElement("span", { className: "lc-fa-down" }, "−" + fmt(props.removed)) : null);
+			}
+			return React.memo(function FileCard(props) {
+				const { activity } = props;
+				const [filter, setFilter] = React.useState("all");
+				const [sort, setSort] = React.useState(() => settings.defaultFileSort());
+				const [query, setQuery] = React.useState("");
+				const [openPath, setOpenPath] = React.useState(null);
+				const q = query.trim().toLowerCase();
+				const countOf = (e) => filter === "read" ? e.reads : filter === "write" ? e.writes : filter === "search" ? e.searches : e.ops.length;
+				const shown = activity.entries.filter((e) => matches(e, filter) && (q === "" || e.path.toLowerCase().includes(q))).sort((a, b) => sort === "count" ? countOf(b) - countOf(a) || b.ops[0].seq - a.ops[0].seq : sort === "latest" ? b.ops[0].seq - a.ops[0].seq : a.path < b.path ? -1 : 1);
+				const chips = [
+					{
+						key: "all",
+						files: activity.entries.length,
+						ops: activity.totals.read.ops + activity.totals.write.ops + activity.totals.search.ops
+					},
+					{
+						key: "read",
+						files: activity.totals.read.files,
+						ops: activity.totals.read.ops
+					},
+					{
+						key: "write",
+						files: activity.totals.write.files,
+						ops: activity.totals.write.ops
+					},
+					{
+						key: "search",
+						files: activity.totals.search.files,
+						ops: activity.totals.search.ops
+					},
+					{
+						key: "image",
+						files: activity.totals.image.files,
+						ops: activity.totals.image.ops
+					}
+				];
+				const opLine = (op) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", { className: "lc-fa-op-time" }, op.time !== void 0 ? fmtTime(op.time) : "—"), /* @__PURE__ */ React.createElement("span", { className: "lc-fa-op-tool" }, op.tool), op.detail !== void 0 ? /* @__PURE__ */ React.createElement("span", { className: "lc-fa-op-detail" }, op.detail) : null, op.added + op.removed > 0 ? /* @__PURE__ */ React.createElement(DeltaPair, {
+					added: op.added,
+					removed: op.removed
+				}) : null, op.err ? /* @__PURE__ */ React.createElement("span", {
+					className: "lc-br-err-dot",
+					title: t("node.failed")
+				}) : null);
+				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", {
+					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 : ""),
+					title: t("files.chipTip", {
+						files: c.files,
+						ops: c.ops
+					}),
+					onClick: () => {
+						setFilter((cur) => cur === c.key ? "all" : c.key);
+					}
+				}, t("files.kind." + c.key), /* @__PURE__ */ React.createElement("b", { className: "lc-fa-n" }, fmt(c.ops))))), /* @__PURE__ */ React.createElement("input", {
+					className: "lc-fa-search",
+					value: query,
+					placeholder: t("files.search"),
+					onChange: (ev) => {
+						setQuery(ev.target.value);
+					}
+				})), /* @__PURE__ */ React.createElement("div", { className: "lc-fa-meta" }, /* @__PURE__ */ React.createElement("span", null, t("files.files", { n: activity.entries.length })), activity.totals.added + activity.totals.removed > 0 ? /* @__PURE__ */ React.createElement("span", { className: "lc-fa-meta-delta" }, /* @__PURE__ */ React.createElement(DeltaPair, {
+					added: activity.totals.added,
+					removed: activity.totals.removed
+				}), /* @__PURE__ */ React.createElement("span", {
+					className: "lc-fa-meta-tip",
+					role: "tooltip"
+				}, t("files.deltaTip"))) : null, /* @__PURE__ */ React.createElement("span", {
+					className: "lc-gran lc-fa-sort",
+					role: "group",
+					title: t("files.sortTip")
+				}, [
+					"count",
+					"latest",
+					"path"
+				].map((k) => /* @__PURE__ */ React.createElement("button", {
+					key: k,
+					type: "button",
+					className: "lc-gran-btn" + (sort === k ? " lc-gran-on" : ""),
+					onClick: () => {
+						setSort(k);
+					}
+				}, t("files.sort." + k))))), shown.length === 0 ? /* @__PURE__ */ React.createElement("div", { className: "lc-empty" }, t("files.noMatch")) : /* @__PURE__ */ React.createElement("div", { className: "lc-fa-list" }, shown.map((e) => {
+					const open = openPath === e.path;
+					const trimmed = e.path.endsWith("/") ? e.path.slice(0, -1) : e.path;
+					const slash = trimmed.lastIndexOf("/");
+					const dir = slash >= 0 ? trimmed.slice(0, slash + 1) : "";
+					const base = slash >= 0 ? trimmed.slice(slash + 1) : trimmed;
+					return /* @__PURE__ */ React.createElement("div", {
+						key: e.path,
+						className: "lc-fa-item" + (open ? " lc-fa-item-on" : "")
+					}, /* @__PURE__ */ React.createElement("button", {
+						type: "button",
+						className: "lc-fa-row",
+						title: e.path,
+						onClick: () => {
+							setOpenPath(open ? null : e.path);
+						}
+					}, /* @__PURE__ */ React.createElement("span", { className: "lc-br-chev" + (open ? " lc-br-chev-on" : "") }, "▸"), /* @__PURE__ */ React.createElement("span", {
+						className: "lc-fa-form",
+						title: t("files.form." + e.form)
+					}, formGlyph(e.form)), /* @__PURE__ */ React.createElement("span", { className: "lc-fa-path" }, dir !== "" ? /* @__PURE__ */ React.createElement("em", null, dir) : null, /* @__PURE__ */ React.createElement("b", null, base)), e.reads > 0 ? /* @__PURE__ */ React.createElement("span", {
+						className: "lc-fa-badge lc-fa-b-read",
+						title: t("files.kind.read")
+					}, /* @__PURE__ */ React.createElement("i", null), fmt(e.reads)) : null, e.writes > 0 ? /* @__PURE__ */ React.createElement("span", {
+						className: "lc-fa-badge lc-fa-b-write",
+						title: t("files.kind.write")
+					}, /* @__PURE__ */ React.createElement("i", null), fmt(e.writes)) : null, e.searches > 0 ? /* @__PURE__ */ React.createElement("span", {
+						className: "lc-fa-badge lc-fa-b-search",
+						title: t("files.kind.search")
+					}, /* @__PURE__ */ React.createElement("i", null), fmt(e.searches)) : null, e.added + e.removed > 0 ? /* @__PURE__ */ React.createElement(DeltaPair, {
+						added: e.added,
+						removed: e.removed
+					}) : null, e.errs > 0 ? /* @__PURE__ */ React.createElement("span", {
+						className: "lc-br-err-dot",
+						title: t("files.errs", { n: e.errs })
+					}) : null, e.ops[0].time !== void 0 ? /* @__PURE__ */ React.createElement("span", { className: "lc-fa-time" }, fmtTime(e.ops[0].time)) : null), open ? /* @__PURE__ */ React.createElement("div", { className: "lc-fa-ops" }, e.ops.map((op) => {
+						const onLocate = props.onLocate;
+						return onLocate !== void 0 ? /* @__PURE__ */ React.createElement("button", {
+							key: op.seq,
+							type: "button",
+							className: "lc-fa-op lc-fa-op-link",
+							title: t("files.locate"),
+							onClick: () => {
+								onLocate(op);
+							}
+						}, opLine(op)) : /* @__PURE__ */ React.createElement("div", {
+							key: op.seq,
+							className: "lc-fa-op"
+						}, opLine(op));
+					})) : null);
+				}))));
+			});
+		}
 		const PLUGIN_REPO = "https://github.com/bowenliang123/dsh-context";
 		const PLUGIN_REPO_SHORT = PLUGIN_REPO.replace(/^https?:\/\/github\.com\//, "");
 		//#endregion
 		//#region src/client/latestVersion.ts
 		/**
-		* One live check for the Plugin-info card: lazy with 1h TTL; every failure
-		* mode narrows to null so the card silently keeps its static version.
+		* One live check for the Plugin-info card: lazy with 1h TTL; registries
+		* are tried strictly in order — official npm first, npmmirror only as a
+		* fallback — and one-at-a-time, never in parallel. Each source's failure
+		* (non-ok response, missing/non-string version, network error) advances
+		* to the next one; only an all-source failure resolves to null so the
+		* card silently keeps its static version.
 		*/
-		const REGISTRY_URL = "https://registry.npmjs.org/dsh-context/latest";
+		const REGISTRY_HOSTS = ["https://registry.npmjs.org", "https://registry.npmmirror.com"];
 		const TTL_MS = 36e5;
 		let cached = null;
+		function readVersion(host) {
+			return fetch(host + "/dsh-context/latest").then((res) => res.ok ? res.json() : null).then((body) => body !== null && typeof body.version === "string" ? body.version : null).catch(() => null);
+		}
 		function fetchLatestVersion() {
 			if (!cached || Date.now() - cached.at >= TTL_MS) cached = {
 				at: Date.now(),
-				promise: fetch(REGISTRY_URL).then((res) => res.ok ? res.json() : null).then((body) => body !== null && typeof body.version === "string" ? body.version : null).catch(() => null)
+				promise: (async () => {
+					for (const host of REGISTRY_HOSTS) {
+						const v = await readVersion(host);
+						if (v !== null) return v;
+					}
+					return null;
+				})()
 			};
 			return cached.promise;
 		}
@@ -2349,7 +3512,7 @@ window.__ModuleLoader__.load({
 			return function PluginInfo() {
 				const [latest, setLatest] = React.useState(null);
 				React.useEffect(() => {
-					if ("0.32.0".includes("-dev")) return;
+					if ("0.34.0".includes("-dev")) return;
 					let on = true;
 					fetchLatestVersion().then((v) => {
 						if (on && v) setLatest(v);
@@ -2358,8 +3521,8 @@ window.__ModuleLoader__.load({
 						on = false;
 					};
 				}, []);
-				const update = latest !== null && isNewerVersion(latest, "0.32.0") ? latest : null;
-				const nameValue = ["dsh-context (v0.32.0)"];
+				const update = latest !== null && isNewerVersion(latest, "0.34.0") ? latest : null;
+				const nameValue = ["dsh-context (v0.34.0)"];
 				if (update) nameValue.push(/* @__PURE__ */ React.createElement("span", {
 					key: "update",
 					className: "lc-pi-update"
@@ -2374,26 +3537,29 @@ window.__ModuleLoader__.load({
 			/**
 			* One brief row: a fixed-width kind tag plus one glanceable line. The tag carries a styled, instant explanation bubble (the
 			* `.lc-stat-tip` pattern); the content span keeps the native title (preview + locate hint), so the two never stack.
-			* Clickable when the browser linkage is wired.
+			* Clickable when the browser linkage is wired AND the row carries a node (the always-present In row's empty state stays inert).
 			*/
 			function BriefRow(props) {
-				const cls = "lc-brief-row" + (props.onLocate !== void 0 ? " lc-brief-row-link" : "");
 				const inner = /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", { className: "lc-brief-tag" }, props.tag, /* @__PURE__ */ React.createElement("span", {
 					className: "lc-brief-tip",
 					role: "tooltip"
 				}, props.tagTip)), props.children);
-				if (props.onLocate === void 0) return /* @__PURE__ */ React.createElement("div", { className: cls }, inner);
+				if (props.node === void 0 || props.onLocate === void 0) return /* @__PURE__ */ React.createElement("div", { className: "lc-brief-row" }, inner);
+				const node = props.node;
+				const onLocate = props.onLocate;
 				const locate = () => {
-					props.onLocate?.(props.node, props.isResponse);
+					onLocate(node, props.isResponse);
 				};
 				return /* @__PURE__ */ React.createElement("button", {
 					type: "button",
-					className: cls,
+					className: "lc-brief-row lc-brief-row-link",
 					onClick: locate
 				}, inner);
 			}
 			/** One-line identity of a surface node: text preview, call breadcrumb, tool name, or a localized placeholder. */
 			function nodeLine(n, conv) {
+				/* v8 ignore if -- chipParts returns for tool cats upstream; only
+				inject-with-skill and drift nodes ever reach nodeLine. Defensive. */
 				if (n.cat === "tool") return callSummaryOf(conv) ?? n.tool ?? t("node.toolResult");
 				if (n.text !== void 0 && n.text !== "") return n.text;
 				if (n.skill !== void 0) return t("node.skillTag", { name: n.skill });
@@ -2401,13 +3567,71 @@ window.__ModuleLoader__.load({
 					const summary = blockSummaryOf(conv);
 					return n.calls.join(" › ") + (summary !== null ? " · " + summary : "");
 				}
+				/* v8 ignore if -- chipParts returns for assistant cats upstream. Defensive. */
 				if (n.cat === "assistant") return t("node.empty");
+				/* v8 ignore if -- inject nodes arrive only WITH a skill (the text/skill
+				arms above return first); inject-without-skill never reaches nodeLine. */
 				if (n.cat === "inject") return t("form." + (n.form ?? "context"));
 				return t("node.nonText");
 			}
+			/**
+			* One line's anatomy — a compact FACT tag plus the preview text, mirroring the Context browser's element rows so a
+			* brief line reads exactly like the browser row its click reveals: tool results tag the tool name (skill results the
+			* skill name), assistant replies tag the call breadcrumb, injections tag the form, user messages tag image attachments.
+			*/
+			function chipParts(n, conv) {
+				if (n.cat === "tool") {
+					const summary = callSummaryOf(conv);
+					if (n.skill !== void 0) return {
+						tag: t("node.skillTag", { name: n.skill }),
+						text: summary ?? ""
+					};
+					if (n.tool !== void 0) return {
+						tag: n.tool,
+						text: summary ?? ""
+					};
+					return {
+						tag: null,
+						text: summary ?? t("node.toolResult")
+					};
+				}
+				if (n.cat === "assistant") {
+					const names = n.calls !== void 0 && n.calls.length > 0 ? n.calls : callNamesOf(conv);
+					const own = n.text !== void 0 && n.text !== "" ? n.text : blockSummaryOf(conv) ?? "";
+					return {
+						tag: names.length > 0 ? names.join(" › ") : null,
+						text: own !== "" ? own : names.length > 0 ? "" : t("node.empty")
+					};
+				}
+				if (n.cat === "inject" && n.skill === void 0) {
+					const text = n.text !== void 0 && n.text !== "" ? n.form === "snapshot" ? t("node.snapshot") + n.text : n.text : "";
+					return {
+						tag: t("form." + (n.form ?? "context")),
+						text
+					};
+				}
+				if (n.cat === "user") {
+					const imgs = n.imgs ?? 0;
+					return {
+						tag: imgs > 0 ? t("attach.image") + (imgs > 1 ? " ×" + String(imgs) : "") : null,
+						text: n.text ?? ""
+					};
+				}
+				return {
+					tag: null,
+					text: nodeLine(n, conv)
+				};
+			}
+			/** The native-title line for a fact+text pair: 'tag · text', degrading to whichever half exists. */
+			function factTitle(tag, text) {
+				return tag !== null ? text !== "" ? tag + " · " + text : tag : text;
+			}
+			/**
+			* The brief's container ALWAYS renders — a fixed three-row lane (`.lc-brief`'s min-height) so scrubbing the chart never
+			* changes the panel's height; unknown or empty steps just leave parts of the lane blank instead of collapsing it.
+			*/
 			function BriefSection(props) {
-				const { opener, inputs, response } = props.brief;
-				if (opener === void 0 && inputs.length === 0 && response === void 0) return null;
+				const { opener, inputs, response } = props.brief ?? { inputs: [] };
 				const convOf = props.convOf ?? (() => void 0);
 				const hint = props.onLocate !== void 0 ? " — " + t("brief.locate") : "";
 				const locateChip = props.onLocate === void 0 ? void 0 : (n) => (e) => {
@@ -2415,54 +3639,52 @@ window.__ModuleLoader__.load({
 					props.onLocate?.(n, false);
 				};
 				const MAX_CHIPS = 3;
-				let replyText = "";
-				let replyArrow = false;
-				if (response !== void 0) {
-					const conv = convOf(response.seq);
-					replyText = nodeLine(response, conv);
-					if (response.calls !== void 0 && response.calls.length > 0) replyArrow = true;
-					else {
-						const joined = callNamesOf(conv);
-						if (joined.length > 0) replyText += " → " + joined.join(" › ");
-					}
-				}
-				return /* @__PURE__ */ React.createElement("div", { className: "lc-brief" }, opener !== void 0 ? /* @__PURE__ */ React.createElement(BriefRow, {
+				/**
+				* The ONE content unit of the brief — inputs and the reply share the same chip anatomy (error dot, fact tag,
+				* preview text). Input chips are compact and individually clickable (each locates its own node); the reply is a
+				* single chip grown to the row's width, left inert because the row button already locates it.
+				*/
+				const nodeChip = (n, onClick, grow = false) => {
+					const { tag, text } = chipParts(n, convOf(n.seq));
+					return /* @__PURE__ */ React.createElement("span", {
+						key: n.seq,
+						className: "lc-brief-chip" + (grow ? " lc-brief-chip-grow" : "") + (onClick !== void 0 ? " lc-brief-chip-link" : ""),
+						title: factTitle(tag, text) + hint,
+						onClick
+					}, n.err === true ? /* @__PURE__ */ React.createElement("span", { className: "lc-br-err-dot" }) : null, tag !== null ? /* @__PURE__ */ React.createElement("span", { className: "lc-brief-chip-tag" }, tag) : null, text !== "" ? /* @__PURE__ */ React.createElement("span", { className: "lc-brief-chip-text" }, text) : null);
+				};
+				const openerParts = opener !== void 0 ? chipParts(opener, convOf(opener.seq)) : null;
+				return /* @__PURE__ */ React.createElement("div", { className: "lc-brief" }, opener !== void 0 && openerParts !== null ? /* @__PURE__ */ React.createElement(BriefRow, {
 					tag: t("brief.turn"),
 					tagTip: t("brief.turnTip"),
 					node: opener,
 					isResponse: false,
 					onLocate: props.onLocate
-				}, /* @__PURE__ */ React.createElement("span", {
+				}, openerParts.tag !== null ? /* @__PURE__ */ React.createElement("span", { className: "lc-brief-fact" }, openerParts.tag) : null, openerParts.text !== "" ? /* @__PURE__ */ React.createElement("span", {
 					className: "lc-brief-text",
-					title: nodeLine(opener, convOf(opener.seq)) + hint
-				}, nodeLine(opener, convOf(opener.seq)))) : null, inputs.length > 0 ? /* @__PURE__ */ React.createElement(BriefRow, {
+					title: factTitle(openerParts.tag, openerParts.text) + hint
+				}, openerParts.text) : null) : null, /* @__PURE__ */ React.createElement(BriefRow, {
 					tag: t("brief.input"),
 					tagTip: t("brief.inputTip"),
 					node: inputs[0],
 					isResponse: false,
 					onLocate: props.onLocate
-				}, inputs.slice(0, MAX_CHIPS).map((n) => /* @__PURE__ */ React.createElement("span", {
-					key: n.seq,
-					className: "lc-brief-chip" + (props.onLocate !== void 0 ? " lc-brief-chip-link" : ""),
-					title: nodeLine(n, convOf(n.seq)) + hint,
-					onClick: locateChip !== void 0 ? locateChip(n) : void 0
-				}, n.err === true ? /* @__PURE__ */ React.createElement("span", { className: "lc-br-err-dot" }) : null, nodeLine(n, convOf(n.seq)))), inputs.length > MAX_CHIPS ? /* @__PURE__ */ React.createElement("span", { className: "lc-brief-more" }, t("brief.more", { n: inputs.length - MAX_CHIPS })) : null) : null, response !== void 0 ? /* @__PURE__ */ React.createElement(BriefRow, {
+				}, inputs.length > 0 ? /* @__PURE__ */ React.createElement(React.Fragment, null, inputs.slice(0, MAX_CHIPS).map((n) => nodeChip(n, locateChip?.(n))), inputs.length > MAX_CHIPS ? /* @__PURE__ */ React.createElement("span", { className: "lc-brief-more" }, t("brief.more", { n: inputs.length - MAX_CHIPS })) : null) : /* @__PURE__ */ React.createElement("span", { className: "lc-brief-empty" }, t("brief.noInputs"))), response !== void 0 ? /* @__PURE__ */ React.createElement(BriefRow, {
 					tag: t("brief.reply"),
 					tagTip: t("brief.replyTip"),
 					node: response,
 					isResponse: true,
 					onLocate: props.onLocate
-				}, /* @__PURE__ */ React.createElement("span", {
-					className: "lc-brief-text",
-					title: replyText + hint
-				}, replyArrow ? "→ " : "", replyText)) : null);
+				}, nodeChip(response, void 0, true)) : null);
 			}
-			return function RequestDetail(props) {
+			return React.memo(function RequestDetail(props) {
 				const req = props.request;
 				if (!req) return null;
 				const isTurn = req.stepCount !== void 0 && req.stepCount > 1;
 				const head = isTurn ? t("detail.turn", {
 					t: req.turn ?? 0,
+					/* v8 ignore next -- isTurn already guarantees stepCount !== undefined;
+					the fallback is defensive. */
 					n: req.stepCount ?? 0
 				}) : t("detail.step", {
 					t: req.turn ?? 0,
@@ -2487,11 +3709,11 @@ window.__ModuleLoader__.load({
 				return /* @__PURE__ */ React.createElement("div", { className: "lc-detail" }, /* @__PURE__ */ React.createElement("div", { className: "lc-detail-head" }, /* @__PURE__ */ React.createElement("b", null, head), marker !== null && markerAt !== null ? /* @__PURE__ */ React.createElement("span", {
 					className: "lc-detail-marker",
 					title: eventLabel(marker)
-				}, "✂ " + markerAt) : null, isTurn ? /* @__PURE__ */ React.createElement("span", { className: "lc-detail-tag" }, t("detail.lastStep")) : null, delta ? /* @__PURE__ */ React.createElement("span", { className: "lc-detail-tag" }, t("gran.delta")) : null, /* @__PURE__ */ React.createElement("span", { className: "lc-detail-time" }, fmtTime(req.time)), delta ? /* @__PURE__ */ React.createElement("span", { className: "lc-detail-metric" + (net > 0 ? " lc-detail-metric-up" : net < 0 ? " lc-detail-metric-down" : "") }, t("tip.delta", { n: (net > 0 ? "+" : "") + fmt(net) })) : null, !delta && req.prompt !== void 0 ? /* @__PURE__ */ React.createElement("span", { className: "lc-detail-metric" }, t("detail.actual", { n: fmt(req.prompt) })) : null, !delta && req.output !== void 0 ? /* @__PURE__ */ React.createElement("span", { className: "lc-detail-metric" }, t("detail.output", { n: fmt(req.output) })) : null, !delta && req.prompt !== void 0 && req.cacheRead !== void 0 ? /* @__PURE__ */ React.createElement("span", { className: "lc-detail-metric" }, t("detail.cache", { n: cacheHitPercent$1(req.cacheRead, req.prompt) ?? "—" })) : null), props.brief !== null && props.brief !== void 0 ? /* @__PURE__ */ React.createElement(BriefSection, {
+				}, "✂ " + markerAt) : null, isTurn ? /* @__PURE__ */ React.createElement("span", { className: "lc-detail-tag" }, t("detail.lastStep")) : null, delta ? /* @__PURE__ */ React.createElement("span", { className: "lc-detail-tag" }, t("gran.delta")) : null, /* @__PURE__ */ React.createElement("span", { className: "lc-detail-time" }, fmtTime(req.time)), delta ? /* @__PURE__ */ React.createElement("span", { className: "lc-detail-metric" + (net > 0 ? " lc-detail-metric-up" : net < 0 ? " lc-detail-metric-down" : "") }, t("tip.delta", { n: (net > 0 ? "+" : "") + fmt(net) })) : null, !delta && req.prompt !== void 0 ? /* @__PURE__ */ React.createElement("span", { className: "lc-detail-metric" }, t("detail.actual", { n: fmt(req.prompt) })) : null, !delta && req.output !== void 0 ? /* @__PURE__ */ React.createElement("span", { className: "lc-detail-metric" }, t("detail.output", { n: fmt(req.output) })) : null, !delta && req.prompt !== void 0 && req.cacheRead !== void 0 ? /* @__PURE__ */ React.createElement("span", { className: "lc-detail-metric" }, t("detail.cache", { n: cacheHitPercent$1(req.cacheRead, req.prompt) ?? "—" })) : null), /* @__PURE__ */ React.createElement(BriefSection, {
 					brief: props.brief,
 					convOf: props.convOf,
 					onLocate: props.onLocate
-				}) : null, /* @__PURE__ */ React.createElement(StackedBar, {
+				}), /* @__PURE__ */ React.createElement(StackedBar, {
 					parts,
 					height: 10
 				}), /* @__PURE__ */ React.createElement("div", { className: "lc-detail-rows" }, CATS.map((c, i) => {
@@ -2514,7 +3736,7 @@ window.__ModuleLoader__.load({
 						}
 					})), delta ? /* @__PURE__ */ React.createElement("span", { className: "lc-detail-num" + (v > 0 ? " lc-detail-num-up" : v < 0 ? " lc-detail-num-down" : "") }, (v > 0 ? "+" : "") + fmt(v)) : /* @__PURE__ */ React.createElement("span", { className: "lc-detail-num" }, "≈" + fmt(v)), /* @__PURE__ */ React.createElement("span", { className: "lc-detail-pct" }, !delta && req.total > 0 ? `${Math.round(v / req.total * 100)}%` : ""));
 				})));
-			};
+			});
 		}
 		//#endregion
 		//#region src/client/cost.ts
@@ -2844,25 +4066,8 @@ window.__ModuleLoader__.load({
 				const scrollRef = React.useRef(null);
 				const scrolledOnce = React.useRef(false);
 				const lastGranRef = React.useRef(props.granularity);
-				const [edges, setEdges] = React.useState({
-					left: false,
-					right: false
-				});
-				const edgesRef = React.useRef(edges);
-				const updateEdges = (el) => {
-					const left = el.scrollLeft > 4;
-					const right = el.scrollLeft + el.clientWidth < el.scrollWidth - 4;
-					const prev = edgesRef.current;
-					if (prev.left === left && prev.right === right) return;
-					edgesRef.current = {
-						left,
-						right
-					};
-					setEdges({
-						left,
-						right
-					});
-				};
+				const lastSeqRef = React.useRef(0);
+				const prevScrollWidthRef = React.useRef(0);
 				/**
 				* Keep each turn label centered within its block's VISIBLE slice so it never scrolls out while any part of the block is on screen
 				* (narrower-than-label blocks stay put); reads (offsetWidth) batch before writes (transform) to avoid layout thrash — out-of-view
@@ -2894,7 +4099,12 @@ window.__ModuleLoader__.load({
 				};
 				React.useLayoutEffect(() => {
 					const el = scrollRef.current;
+					/* v8 ignore next 1 -- the scroll div renders unconditionally and React
+					attaches refs before layout effects run; el is never null here. */
 					if (el === null) return;
+					const newestSeq = requests.length === 0 ? 0 : requests[requests.length - 1].seq;
+					const grew = newestSeq !== lastSeqRef.current;
+					const widthBeforeAppend = prevScrollWidthRef.current;
 					if (props.granularity !== lastGranRef.current) {
 						lastGranRef.current = props.granularity;
 						scrolledOnce.current = false;
@@ -2906,14 +4116,19 @@ window.__ModuleLoader__.load({
 							el.scrollLeft = Math.max(0, gi * 16 + BAR_W / 2 - el.clientWidth / 2);
 						}
 						props.onFocusTurnHandled();
-					}
-					if (!scrolledOnce.current) {
+					} else if (!scrolledOnce.current) {
 						scrolledOnce.current = true;
 						el.scrollLeft = el.scrollWidth;
-					} else if (el.scrollLeft + el.clientWidth >= el.scrollWidth - 24) el.scrollLeft = el.scrollWidth;
-					updateEdges(el);
+					} else if (grew && el.scrollLeft + el.clientWidth >= widthBeforeAppend - 24) el.scrollLeft = el.scrollWidth;
+					lastSeqRef.current = newestSeq;
+					prevScrollWidthRef.current = el.scrollWidth;
 					updateTurnLabels(el);
-				});
+					syncTip(el);
+				}, [
+					props.granularity,
+					props.focusTurn,
+					requests
+				]);
 				const tipOf = (req) => {
 					const head = req.stepCount !== void 0 && req.stepCount > 1 ? t("tip.turn", {
 						t: req.turn ?? 0,
@@ -2925,6 +4140,8 @@ window.__ModuleLoader__.load({
 					const reply = props.replyTips?.get(req.seq);
 					const tail = reply !== void 0 ? " · “" + (reply.length > 48 ? reply.slice(0, 48) + "…" : reply) + "”" : "";
 					if (delta) {
+						/* v8 ignore next 1 -- delta mode only receives records from
+						deltaOf, which always assigns net; the fallback is defensive. */
 						const n = req.net ?? 0;
 						return head + " · " + fmtTime(req.time) + " · " + t("tip.delta", { n: (n > 0 ? "+" : "") + fmt(n) }) + tail;
 					}
@@ -2932,17 +4149,43 @@ window.__ModuleLoader__.load({
 				};
 				const hoveredIdx = props.hoveredSeq !== null ? requests.findIndex((r) => r.seq === props.hoveredSeq) : -1;
 				const hoveredReq = hoveredIdx >= 0 ? requests[hoveredIdx] : null;
+				const tipColRef = React.useRef(0);
+				/**
+				* Glue the hover tip to its bar's VISIBLE slice. The tip deliberately does NOT live inside the scrolling
+				* content: an absolutely-positioned child of a scroller contributes to its scrollable overflow, so a wide
+				* reply preview on a right-edge bar used to inflate scrollWidth on every hover and flap the horizontal
+				* scrollbar open/closed — jumping the whole card. Reads (offsetWidth/clientWidth) batch before the single
+				* style write; unchanged transforms write nothing.
+				*/
+				const syncTip = (el) => {
+					/* v8 ignore next 1 -- the scroll div renders unconditionally while mounted, so its parent exists. */
+					const tip = (el.parentElement ?? document.body).querySelector(".lc-chart-tip");
+					if (tip === null) return;
+					const lw = tip.offsetWidth;
+					const cw = el.clientWidth;
+					const half = Math.min(lw / 2, cw / 2);
+					const cx = Math.min(Math.max(tipColRef.current - el.scrollLeft, half), cw - half);
+					const next = `translate(${Math.round(cx - lw / 2)}px, 0)`;
+					if (tip.style.transform !== next) tip.style.transform = next;
+				};
+				React.useLayoutEffect(() => {
+					/* v8 ignore next 1 -- the scroll div renders unconditionally and React attaches refs before
+					layout effects run; el is never null here. */
+					if (scrollRef.current === null) return;
+					tipColRef.current = hoveredIdx >= 0 ? hoveredIdx * 16 + BAR_W / 2 : 0;
+					syncTip(scrollRef.current);
+				});
 				return /* @__PURE__ */ React.createElement("div", { className: "lc-chartrow" }, /* @__PURE__ */ React.createElement("div", { className: "lc-axis" }, delta ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", { className: "lc-axis-top" }, (maxUp > 0 ? "+" : "") + fmt(maxUp)), /* @__PURE__ */ React.createElement("span", {
 					className: "lc-axis-mid",
 					style: { top: `${13 + upPx}px` }
-				}, "0"), /* @__PURE__ */ React.createElement("span", { className: "lc-axis-bot" }, (maxDown > 0 ? "-" : "") + fmt(maxDown))) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", { className: "lc-axis-top" }, fmt(maxTotal)), /* @__PURE__ */ React.createElement("span", { className: "lc-axis-mid" }, fmt(Math.round(maxTotal / 2))), /* @__PURE__ */ React.createElement("span", { className: "lc-axis-bot" }, "0"))), /* @__PURE__ */ React.createElement("div", {
+				}, "0"), /* @__PURE__ */ React.createElement("span", { className: "lc-axis-bot" }, (maxDown > 0 ? "-" : "") + fmt(maxDown))) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", { className: "lc-axis-top" }, fmt(maxTotal)), /* @__PURE__ */ React.createElement("span", { className: "lc-axis-mid" }, fmt(Math.round(maxTotal / 2))), /* @__PURE__ */ React.createElement("span", { className: "lc-axis-bot" }, "0"))), /* @__PURE__ */ React.createElement("div", { className: "lc-chart-wrap" }, /* @__PURE__ */ React.createElement("div", {
 					className: "lc-chart-scroll" + (props.activeTurn !== null ? " lc-chart-dim" : ""),
 					ref: scrollRef,
 					onScroll: (e) => {
-						updateEdges(e.currentTarget);
 						updateTurnLabels(e.currentTarget);
+						syncTip(e.currentTarget);
 					}
-				}, edges.left ? /* @__PURE__ */ React.createElement("div", { className: "lc-chart-fade lc-chart-fade-l" }) : null, /* @__PURE__ */ React.createElement("div", {
+				}, /* @__PURE__ */ React.createElement("div", {
 					className: "lc-chart",
 					onMouseLeave: () => {
 						props.onHover(null);
@@ -2963,10 +4206,7 @@ window.__ModuleLoader__.load({
 					deltaScale: delta ? deltaScale : void 0,
 					onSelect: props.onSelect,
 					onHover: props.onHover
-				}))), hoveredReq !== null ? /* @__PURE__ */ React.createElement("div", {
-					className: "lc-chart-tip",
-					style: { left: `${hoveredIdx * 16 + BAR_W / 2}px` }
-				}, tipOf(hoveredReq)) : null, /* @__PURE__ */ React.createElement("div", {
+				}))), /* @__PURE__ */ React.createElement("div", {
 					className: "lc-turns",
 					onMouseLeave: () => {
 						props.onHoverTurn(null);
@@ -2988,7 +4228,7 @@ window.__ModuleLoader__.load({
 							props.onPickTurn(grp.turn);
 						}
 					}, /* @__PURE__ */ React.createElement("span", { className: "lc-turn-label" }, `T${grp.turn}`));
-				}))), edges.right ? /* @__PURE__ */ React.createElement("div", { className: "lc-chart-fade lc-chart-fade-r" }) : null);
+				}))), hoveredReq !== null ? /* @__PURE__ */ React.createElement("div", { className: "lc-chart-tip" }, tipOf(hoveredReq)) : null));
 			};
 		}
 		//#endregion
@@ -3008,10 +4248,11 @@ window.__ModuleLoader__.load({
 			const TrendChart = makeTrendChart(kit);
 			const RequestDetail = makeRequestDetail(kit, StackedBar);
 			const EventList = makeEventList(kit);
-			const NodeList = makeNodeList(kit);
+			const FileCard = makeFileCard(kit, settings);
 			const StatsBoard = makeStatsBoard(kit);
 			const PluginInfo = makePluginInfo(kit);
 			const ContextBrowser = makeContextBrowser(kit, StackedBar);
+			const AgentGraph = makeAgentGraph(ctx, kit);
 			const ErrorBoundary = makeErrorBoundary(t);
 			function ContextViewBody(props) {
 				const sessionId = props.sessionId;
@@ -3035,10 +4276,6 @@ window.__ModuleLoader__.load({
 						return p.length === 1 ? [...EVENT_KINDS] : p.filter((x) => x !== k);
 					});
 				};
-				const [toolFocus, setToolFocus] = React.useState(null);
-				const clearToolFocus = React.useCallback(() => {
-					setToolFocus(null);
-				}, []);
 				const [nodeFocus, setNodeFocus] = React.useState(null);
 				const clearNodeFocus = React.useCallback(() => {
 					setNodeFocus(null);
@@ -3049,6 +4286,7 @@ window.__ModuleLoader__.load({
 					if (conversation === void 0 || typeof conversation.resolveImage !== "function") return void 0;
 					return (attachment) => conversation.resolveImage(sessionId, attachment);
 				}, [sessionId]);
+				const fetchContent = React.useMemo(() => typeof sessionId === "string" && sessionId !== "" ? makeContentFetcher(ctx, sessionId) : void 0, [ctx, sessionId]);
 				const rootRef = React.useRef(null);
 				const scrollerRef = React.useRef(null);
 				const restoredRef = React.useRef(null);
@@ -3056,6 +4294,8 @@ window.__ModuleLoader__.load({
 					if (typeof sessionId !== "string" || sessionId === "" || data === null) return;
 					if (restoredRef.current === sessionId) return;
 					restoredRef.current = sessionId;
+					/* v8 ignore next 3 -- a layout effect body only runs while mounted and
+					both render paths attach rootRef, so the null arm cannot fire. */
 					const scroller = rootRef.current !== null ? rootRef.current.closest("[data-conversation-scroll]") : null;
 					if (scroller === null) return;
 					scrollerRef.current = scroller;
@@ -3072,7 +4312,6 @@ window.__ModuleLoader__.load({
 				const requests = data ? data.requests : [];
 				const events = data ? data.events : [];
 				const shownEvents = pickedKinds.length === EVENT_KINDS.length ? events : events.filter((e) => pickedKinds.includes(e.kind));
-				const nodes = data ? data.nodes : [];
 				const displayRequests = React.useMemo(() => granularity === "turn" ? aggregateByTurn(requests) : requests, [requests, granularity]);
 				const markers = React.useMemo(() => attachMarkers(displayRequests, events), [displayRequests, events]);
 				const briefList = React.useMemo(() => data ? briefNodes(data) : [], [data]);
@@ -3083,14 +4322,6 @@ window.__ModuleLoader__.load({
 					for (const n of convNodes ?? []) m.set(n.seq, n);
 					return m;
 				}, [convNodes]);
-				if (!data) return /* @__PURE__ */ React.createElement("div", {
-					className: "lc-root",
-					ref: rootRef
-				}, /* @__PURE__ */ React.createElement("div", { className: "lc-empty" }, t("loading")));
-				const markerOf = (req) => {
-					const i = displayRequests.indexOf(req);
-					return i >= 0 ? markers[i] : void 0;
-				};
 				let pinnedIdx = -1;
 				for (let i = 0; i < displayRequests.length; i++) if (displayRequests[i].seq === selectedSeq) pinnedIdx = i;
 				const pinnedReq = pinnedIdx >= 0 ? displayRequests[pinnedIdx] : null;
@@ -3104,9 +4335,35 @@ window.__ModuleLoader__.load({
 				if (activeIdx < 0) activeIdx = pinnedIdx;
 				if (activeIdx < 0 && displayRequests.length > 0) activeIdx = displayRequests.length - 1;
 				const activeReq = activeIdx >= 0 ? displayRequests[activeIdx] : null;
-				const brief = activeReq !== null ? briefOf(briefList, displayRequests, activeIdx) : null;
-				const convOf = (seq) => bySeq.get(seq);
-				const locateNode = (node, isResponse) => {
+				let filesBefore = null;
+				if (activeReq !== null) {
+					const ri = requests.findIndex((r) => r.seq === activeReq.seq);
+					filesBefore = ri + 1 < requests.length ? requests[ri + 1].seq : null;
+				}
+				const brief = React.useMemo(() => activeReq !== null ? briefOf(briefList, displayRequests, activeIdx) : null, [
+					activeReq,
+					briefList,
+					displayRequests,
+					activeIdx
+				]);
+				const convOf = React.useCallback((seq) => bySeq.get(seq), [bySeq]);
+				const fileActivity = React.useMemo(() => activityOf(briefList, convOf, filesBefore), [
+					briefList,
+					convOf,
+					filesBefore
+				]);
+				const locateFileOp = React.useCallback((op) => {
+					const step = locateStepOf(requests, op.seq, op.gone);
+					if (step === null) return;
+					setNodeFocus({
+						step,
+						seq: op.seq,
+						cat: "tool"
+					});
+				}, [requests]);
+				const locateNode = React.useCallback((node, isResponse) => {
+					/* v8 ignore next 1 -- locateNode is only wired to brief rows, and
+					brief !== null guarantees activeReq !== null in the same closure. */
 					if (activeReq === null) return;
 					const next = isResponse && activeIdx + 1 < displayRequests.length ? displayRequests[activeIdx + 1] : null;
 					const step = isResponse ? next !== null ? next.seq : "live" : activeReq.seq;
@@ -3115,7 +4372,30 @@ window.__ModuleLoader__.load({
 						seq: node.seq,
 						cat: node.cat
 					});
+				}, [
+					activeReq,
+					activeIdx,
+					displayRequests
+				]);
+				if (!data) return /* @__PURE__ */ React.createElement("div", {
+					className: "lc-root",
+					ref: rootRef
+				}, /* @__PURE__ */ React.createElement("div", { className: "lc-empty" }, t("loading")));
+				const markerOf = (req) => {
+					const i = displayRequests.indexOf(req);
+					/* v8 ignore next 1 -- the only caller passes displayRequests[activeIdx],
+					an element of the very array indexOf scans. */
+					return i >= 0 ? markers[i] : void 0;
 				};
+				const head = headlineOf(data, pressure, breakdown);
+				let fileScope = t("files.scopeLatest");
+				if (activeReq !== null && filesBefore !== null) fileScope = activeReq.stepCount !== void 0 && activeReq.stepCount > 1 ? t("detail.turn", {
+					t: activeReq.turn ?? 0,
+					n: activeReq.stepCount
+				}) : t("detail.step", {
+					t: activeReq.turn ?? 0,
+					s: activeReq.step ?? 0
+				});
 				let activeTurn = hoverTurn;
 				if (activeTurn === null && hoveredSeq !== null) {
 					for (const req of displayRequests) if (req.seq === hoveredSeq) {
@@ -3123,9 +4403,9 @@ window.__ModuleLoader__.load({
 						break;
 					}
 				}
-				const head = headlineOf(data, pressure, breakdown);
 				const localeSvc = ctx.get("locale");
 				const activeLocale = localeSvc !== void 0 && typeof localeSvc.getLocale === "function" ? localeSvc.getLocale().active : "en";
+				const subtitle = (data.model ?? "") + (data.provider ? " · " + data.provider : "");
 				return /* @__PURE__ */ React.createElement("div", {
 					className: "lc-root",
 					ref: rootRef
@@ -3139,11 +4419,9 @@ window.__ModuleLoader__.load({
 					locale: activeLocale
 				}), /* @__PURE__ */ React.createElement(PluginInfo, null)), /* @__PURE__ */ React.createElement("div", { className: "lc-cols" }, /* @__PURE__ */ React.createElement("div", { className: "lc-col" }, /* @__PURE__ */ React.createElement(CurrentComposition, {
 					head,
-					subtitle: (data.model ? data.model : "") + (data.provider ? " · " + data.provider : ""),
+					subtitle,
 					hoverKey: hoverCat,
-					onHoverKey: setHoverCat,
-					tools: data.toolList,
-					onToolFocus: setToolFocus
+					onHoverKey: setHoverCat
 				}), /* @__PURE__ */ React.createElement("div", { className: "lc-card" }, /* @__PURE__ */ React.createElement("div", { className: "lc-card-title" }, /* @__PURE__ */ React.createElement("span", { className: "lc-card-title-text" }, t("trend.title")), /* @__PURE__ */ React.createElement("span", { className: "lc-card-sub" }, t("trend.hint")), /* @__PURE__ */ React.createElement("div", { className: "lc-trend-ctl" }, /* @__PURE__ */ React.createElement("div", { className: "lc-gran" }, /* @__PURE__ */ React.createElement("button", {
 					className: "lc-gran-btn" + (granularity === "step" ? " lc-gran-on" : ""),
 					onClick: () => {
@@ -3191,6 +4469,9 @@ window.__ModuleLoader__.load({
 				}), /* @__PURE__ */ React.createElement(RequestDetail, {
 					request: activeReq,
 					prev: trendMode === "delta" && activeIdx >= 0 ? activeIdx > 0 ? displayRequests[activeIdx - 1] : null : void 0,
+					/* v8 ignore next 1 -- RequestDetail renders only when
+					displayRequests.length > 0, which forces activeReq
+					non-null via the activeIdx fallback above. */
 					marker: activeReq !== null ? markerOf(activeReq) : void 0,
 					brief,
 					convOf,
@@ -3199,13 +4480,11 @@ window.__ModuleLoader__.load({
 					data,
 					headers,
 					useSession: props.useSession,
-					loadOlderHistory: props.loadOlderHistory,
+					fetchContent,
 					previewSeq: hoveredSeq,
 					pinSeq: pinnedReq !== null ? pinnedReq.seq : null,
 					hoverKey: hoverCat,
 					onHoverKey: setHoverCat,
-					toolFocus,
-					onToolFocusHandled: clearToolFocus,
 					nodeFocus,
 					onNodeFocusHandled: clearNodeFocus,
 					loadImage
@@ -3215,10 +4494,18 @@ window.__ModuleLoader__.load({
 					onClick: () => {
 						toggleKind(k);
 					}
-				}, t("kind." + k))))), /* @__PURE__ */ React.createElement(EventList, { events: shownEvents })), /* @__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("nodes.title")), /* @__PURE__ */ React.createElement("span", { className: "lc-card-sub" }, t("nodes.hint"))), /* @__PURE__ */ React.createElement(NodeList, {
-					nodes,
-					dropped: data.droppedNodes || 0
-				}))), /* @__PURE__ */ React.createElement("div", { className: "lc-foot" }, t("footer")));
+				}, t("kind." + k))))), /* @__PURE__ */ React.createElement(EventList, { events: shownEvents })), /* @__PURE__ */ React.createElement(FileCard, {
+					activity: fileActivity,
+					scope: fileScope,
+					onLocate: locateFileOp
+				})), /* @__PURE__ */ React.createElement(AgentGraph, {
+					sessionId: typeof sessionId === "string" ? sessionId : void 0,
+					self: {
+						head,
+						billed: usage !== null ? numOf(usage.uncachedInputTokens) + numOf(usage.outputTokens) + numOf(usage.cacheReadTokens) + numOf(usage.cacheWriteTokens) : null,
+						requests: requests.length
+					}
+				}), /* @__PURE__ */ React.createElement("div", { className: "lc-foot" }, t("footer")));
 			}
 			return function ContextView(props) {
 				return h(ErrorBoundary, null, h(ContextViewBody, props));
@@ -3239,7 +4526,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles.css.mjs
-		const css = ".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-l1);border-radius:10px;margin-bottom:14px;padding:14px 16px}.lc-card-title{align-items:baseline;gap:8px;margin-bottom:10px;font-weight:600;display:flex}.lc-card-title-text{white-space:nowrap;flex:none}.lc-stats{grid-template-columns:repeat(auto-fit,minmax(62px,1fr));gap:6px;display:grid}.lc-stat{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:8px;flex-direction:column;gap:2px;min-width:0;padding:6px;display:flex}.lc-stat-label{color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.lc-stat-value{color:var(--dsw-alias-label-primary);white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:14px;font-weight:600;overflow:hidden}.lc-stat-sub{color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.lc-stat-tipped{position:relative}.lc-stat-q{text-align:center;width:11px;height:11px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);cursor:help;border-radius:50%;margin-left:4px;font-size:9px;font-style:normal;font-weight:700;line-height:11px;display:inline-block}.lc-stat-tipped:hover .lc-stat-q{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-primary)}.lc-stat-tip{z-index:6;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);width:max-content;max-width:280px;color:var(--dsw-alias-label-primary);pointer-events:none;opacity:0;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:400;line-height:1.5;transition:opacity .12s;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 2px 8px #0000002e}.lc-stat-tipped:hover .lc-stat-tip{opacity:1}.lc-stat-tip-prices{border-top:1px dashed var(--dsw-alias-border-l1);margin-top:5px;padding-top:5px;display:block}.lc-stat-tip-head{font-weight:600;display:block}.lc-stat-tip-row{margin-top:2px;display:block}.lc-stat-tip-model{color:var(--dsw-alias-label-primary)}.lc-card-sub{color:var(--dsw-alias-label-secondary);margin-left:auto;font-size:12px;font-weight:400}.lc-gran,.lc-kinds{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);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;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-settings-card{background:var(--dsw-alias-bg-layer-3);border:1px solid var(--dsw-alias-border-l2);border-radius:12px;transition:border-color .16s,background .16s}.lc-settings-card:hover{border-color:var(--dsw-alias-label-dimmed)}.lc-settings-open,.lc-settings-open:hover{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}.lc-settings-head{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.lc-settings-headtext{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.lc-settings-name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.lc-settings-desc{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}.lc-settings-chevron{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.lc-settings-open .lc-settings-chevron{transform:rotate(180deg)}.lc-settings-body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding:4px 0 12px}.lc-settings-row{align-items:center;gap:8px;padding:8px 0;display:flex}.lc-settings-label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:14px}.lc-settings-select{background:var(--dsw-alias-bg-module-platform);height:36px;font:inherit;color:var(--dsw-alias-label-primary);cursor:pointer;border:none;border-radius:18px;align-items:center;gap:12px;padding:0 14px;font-size:14px;line-height:22px;display:inline-flex}.lc-settings-select:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.lc-settings-select:disabled{opacity:.5;cursor:default}.lc-settings-note{color:var(--dsw-alias-label-tertiary);margin:12px 0 4px;font-size:12px;line-height:1.5}.lc-overview-num{align-items:baseline;gap:6px;margin-bottom:8px;display:flex}.lc-overview-num>b{font-size:20px}.lc-overview-num span{color:var(--dsw-alias-label-secondary)}.lc-overview-pct{margin-left:auto;font-size:11px}.lc-overview-pct b{color:var(--dsw-alias-label-primary);margin-right:4px;font-size:20px}.lc-stacked-wrap{width:100%;position:relative}.lc-stacked{background:#8080802e;border-radius:5px;width:100%;display:flex;position:relative;overflow:hidden}.lc-occupied-box{border:2px solid var(--dsw-alias-label-tertiary);box-sizing:border-box;pointer-events:none;opacity:0;box-shadow:0 0 0 1px var(--dsw-alias-bg-layer-2);border-radius:5px;transition:opacity .12s;position:absolute;top:0;bottom:0;left:0}.lc-occupied-box-on{opacity:1}.lc-bar-tip{z-index:5;white-space:nowrap;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-primary);pointer-events:none;opacity:0;border-radius:6px;padding:3px 8px;font-size:12px;transition:opacity .12s;position:absolute;bottom:calc(100% + 6px);transform:translate(-50%);box-shadow:0 2px 8px #0000002e}.lc-bar-tip-on{opacity:1}.lc-stacked>div{height:100%}.lc-stacked-seg{transition:filter .12s,opacity .12s}.lc-stacked-free{box-sizing:border-box;transition:box-shadow .12s,opacity .12s}.lc-stacked-seg-on{filter:brightness(1.18)}.lc-reserve{z-index:1;pointer-events:auto;cursor:help;background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--dsw-alias-state-warn-primary) 24%, transparent) 0 5px, transparent 5px 10px);position:absolute;top:0;bottom:0}.lc-stacked-free-on{border:2px dashed var(--dsw-alias-label-secondary);border-radius:3px}.lc-stacked-dim .lc-stacked-seg{opacity:.35}.lc-stacked-dim .lc-stacked-seg-on{opacity:1}.lc-stacked-dim .lc-stacked-free{opacity:.35}.lc-stacked-dim .lc-stacked-free-on{opacity:1}.lc-legend{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px 14px;margin-top:10px;display:grid}.lc-chip{min-width:0;color:var(--dsw-alias-label-primary);cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:1px 6px;transition:background-color .12s;display:flex}.lc-chip-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:600;overflow:hidden}.lc-chip-nums{white-space:nowrap;flex:none;align-items:baseline;gap:6px;margin-left:auto;display:inline-flex}.lc-chip i,.lc-detail-row i,.lc-node i{border-radius:2px;width:8px;height:8px;display:inline-block}.lc-chip i{transition:box-shadow .12s}.lc-chip em{color:var(--dsw-alias-label-secondary);font-style:normal}.lc-chip-on{background:var(--dsw-alias-interactive-bg-hover);font-weight:600}.lc-chip-on i{box-shadow:0 0 0 1px var(--dsw-alias-brand-primary)}.lc-tools{color:var(--dsw-alias-label-secondary);flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.lc-tools-label,.lc-tools-more{color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:12px}.lc-tools-label:hover,.lc-tools-more:hover{text-decoration:underline}.lc-tool-chip{background:var(--dsw-alias-bg-layer-2);font:inherit;color:var(--dsw-alias-label-primary);cursor:pointer;border:0;border-radius:4px;padding:1px 7px;font-size:12px}.lc-tool-chip:hover{text-decoration:underline}.lc-chartrow{align-items:stretch;gap:6px;display:flex}.lc-axis{box-sizing:border-box;width:40px;height:150px;color:var(--dsw-alias-label-secondary);padding-top:18px;font-size:11px;position:relative}.lc-axis span{line-height:1;position:absolute;right:0}.lc-axis-top{top:13px}.lc-axis-mid{top:69px}.lc-axis-bot{top:125px}.lc-chart-scroll{scrollbar-width:thin;scrollbar-gutter:stable;flex:1;min-width:0;padding-bottom:8px;position:relative;overflow:auto hidden}.lc-chart-fade{pointer-events:none;z-index:2;width:26px;position:absolute;top:0;bottom:0}.lc-chart-fade-l{background:linear-gradient(to right, var(--dsw-alias-bg-layer-1), transparent);left:0}.lc-chart-fade-r{background:linear-gradient(to left, var(--dsw-alias-bg-layer-1), transparent);right:0}.lc-chart{box-sizing:border-box;align-items:flex-end;gap:2px;width:max-content;min-width:100%;height:130px;padding-top:18px;display:flex;position:relative}.lc-grid{border-top:1px dashed var(--dsw-alias-border-l1);pointer-events:none;position:absolute;left:0;right:0}.lc-grid-top{top:18px}.lc-grid-mid{top:74px}.lc-grid-zero{border-top-style:solid;border-top-color:#80808080}.lc-bar{cursor:pointer;border-radius:2px;flex:none;align-items:flex-end;width:14px;height:100%;transition:opacity .12s,background-color .12s;display:flex;position:relative}.lc-chart-dim .lc-bar{opacity:.35}.lc-chart-dim .lc-bar-in-turn{opacity:1}.lc-chart-dim .lc-turn{opacity:.35}.lc-chart-dim .lc-turn-on{opacity:1}.lc-chart-tip{z-index:5;white-space:nowrap;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-primary);pointer-events:none;border-radius:6px;padding:3px 8px;font-size:12px;position:absolute;top:0;transform:translate(-50%);box-shadow:0 2px 8px #0000002e}.lc-bar:hover{background:var(--dsw-alias-bg-layer-2)}.lc-bar-hovered{outline:1px dashed var(--dsw-alias-brand-primary);outline-offset:1px}.lc-bar-selected{outline:2px solid var(--dsw-alias-label-primary);outline-offset:1px}.lc-bar-in-turn{background:#80808024}.lc-bar-stack{flex-direction:column-reverse;width:100%;display:flex}.lc-bar-stack>div{width:100%}.lc-bar-up,.lc-bar-down{width:100%;display:flex;position:absolute;left:0}.lc-bar-up{flex-direction:column-reverse}.lc-bar-down{flex-direction:column}.lc-bar-up>div,.lc-bar-down>div{width:100%}.lc-bar-marker{color:var(--dsw-alias-state-warn-primary);font-size:11px;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.lc-turns{gap:2px;width:max-content;min-width:100%;margin-top:4px;display:flex}.lc-turn{box-sizing:border-box;text-align:center;color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border-radius:3px;flex:none;height:14px;font-size:10px;font-weight:600;line-height:14px;transition:filter .12s,opacity .12s;overflow:hidden}.lc-turn-on{filter:brightness(1.35);color:var(--dsw-alias-label-primary)}.lc-turn-label{text-overflow:ellipsis;max-width:100%;display:inline-block;overflow:hidden}.lc-detail{border-top:1px solid var(--dsw-alias-border-l1);margin-top:12px;padding-top:12px}.lc-detail-head{color:var(--dsw-alias-label-secondary);flex-wrap:wrap;align-items:center;gap:6px 8px;margin-bottom:10px;display:flex}.lc-detail-head b{color:var(--dsw-alias-label-primary);font-size:13px}.lc-detail-time{font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-size:12px}.lc-detail-marker{color:var(--dsw-alias-state-warn-primary);background:color-mix(in srgb, var(--dsw-alias-state-warn-primary) 12%, transparent);border-radius:6px;padding:1px 7px;font-size:11px}.lc-detail-tag{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-secondary);border-radius:4px;padding:0 6px;font-size:11px}.lc-detail-metric{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--dsw-alias-label-primary);background:color-mix(in srgb, var(--dsw-alias-label-secondary) 14%, transparent);border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600}.lc-detail-metric-up{color:var(--dsw-alias-state-success-primary);background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 15%, transparent)}.lc-detail-metric-down{color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 15%, transparent)}.lc-detail-rows{grid-template-columns:1fr 1fr;gap:4px 24px;margin-top:10px;display:grid}.lc-brief{flex-direction:column;gap:2px;margin:-4px 0 10px;display:flex}.lc-brief-row{min-width:0;color:var(--dsw-alias-label-primary);text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;margin-left:-6px;margin-right:-6px;padding:3px 6px;font-family:inherit;font-size:12px;line-height:1.5;transition:background-color .12s;display:flex}.lc-brief-row-link:hover{background:var(--dsw-alias-interactive-bg-hover)}button.lc-brief-row-link{cursor:pointer}.lc-brief-tag{box-sizing:border-box;text-align:center;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);min-width:56px;color:var(--dsw-alias-label-secondary);border-radius:4px;flex:none;padding:0 6px;font-size:11px;position:relative}.lc-brief-tip{z-index:6;white-space:normal;text-align:left;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);width:max-content;max-width:240px;color:var(--dsw-alias-label-primary);pointer-events:none;opacity:0;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:400;line-height:1.5;transition:opacity .12s;position:absolute;bottom:calc(100% + 6px);left:0;box-shadow:0 2px 8px #0000002e}.lc-brief-tag:hover .lc-brief-tip{opacity:1}.lc-brief-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lc-brief-chip{text-overflow:ellipsis;white-space:nowrap;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);max-width:220px;color:var(--dsw-alias-label-primary);border-radius:5px;align-items:center;gap:5px;padding:0 7px;font-size:12px;transition:background-color .12s;display:inline-flex;overflow:hidden}.lc-brief-chip-link{cursor:pointer}.lc-brief-chip-link:hover{background:var(--dsw-alias-interactive-bg-hover)}.lc-brief-more{color:var(--dsw-alias-label-secondary);flex:none;font-size:11px}.lc-detail-row{align-items:center;gap:8px;display:flex}.lc-detail-label{white-space:nowrap;min-width:70px;color:var(--dsw-alias-label-secondary)}.lc-bar-track{background:#8080802e;border-radius:3px;flex:1;height:5px;display:block;position:relative;overflow:hidden}.lc-bar-fill{border-radius:3px;height:100%;display:block}.lc-bar-zero{border-left:1px solid #80808073;position:absolute;top:0;bottom:0;left:50%}.lc-bar-fill-up,.lc-bar-fill-down{height:100%;display:block;position:absolute;top:0}.lc-bar-fill-up{border-radius:0 3px 3px 0;left:50%}.lc-bar-fill-down{border-radius:3px 0 0 3px;right:50%}.lc-detail-num{text-align:right;font-variant-numeric:tabular-nums;width:52px}.lc-detail-num-up{color:var(--dsw-alias-state-success-primary)}.lc-detail-num-down{color:var(--dsw-alias-state-error-primary)}.lc-detail-pct{text-align:right;width:34px;color:var(--dsw-alias-label-secondary)}.lc-cols{flex-wrap:wrap;gap:14px;margin-bottom:14px;display:flex}.lc-col{flex:1;min-width:280px}.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>.lc-card:first-child{flex:7 1 0;min-width:360px}.lc-head>.lc-card:last-child{flex:3 1 0;min-width:220px}.lc-pi-grid{grid-template-columns:1fr;gap:8px;display:grid}.lc-pi-row{min-width:0;color:inherit;flex-direction:row;justify-content:space-between;align-items:baseline;gap:12px;text-decoration:none;display:flex}.lc-pi-row:hover .lc-pi-value{text-decoration:underline}.lc-pi-update{color:var(--dsw-alias-state-warn-primary);white-space:nowrap;margin-left:6px;font-size:11px}.lc-pi-label{color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;flex:none;font-size:11px;font-weight:600;overflow:hidden}.lc-pi-value{min-width:0;color:var(--dsw-alias-label-primary);white-space:nowrap;text-overflow:ellipsis;text-align:right;font-size:13px;font-weight:600;overflow:hidden}.lc-events,.lc-nodes{flex-direction:column;gap:2px;max-height:320px;display:flex;overflow-y:auto}.lc-event{align-items:center;gap:8px;padding:3px 0;display:flex}.lc-event-icon{text-align:center;width:18px;color:var(--dsw-alias-state-warn-primary)}.lc-event-icon.lc-event-inject{color:#a855f7}.lc-event-icon.lc-event-model{color:var(--dsw-alias-brand-primary)}.lc-event-icon.lc-event-mode{color:var(--dsw-alias-label-secondary)}.lc-kind{white-space:nowrap;border-radius:4px;flex:none;padding:1px 6px;font-size:10px;font-weight:600}.lc-kind-inject{background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 15%, transparent);color:var(--dsw-alias-state-success-primary)}.lc-kind-compaction{background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 15%, transparent);color:var(--dsw-alias-state-error-primary)}.lc-kind-prune{color:#8b5cf6;background:#8b5cf626}.lc-kind-model{background:color-mix(in srgb, var(--dsw-alias-brand-primary) 15%, transparent);color:var(--dsw-alias-brand-primary)}.lc-kind-mode{background:color-mix(in srgb, var(--dsw-alias-label-secondary) 15%, transparent);color:var(--dsw-alias-label-secondary)}.lc-event-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.lc-event-at{color:var(--dsw-alias-label-secondary);white-space:nowrap;flex:none;font-size:11px}.lc-event-tokens{color:var(--dsw-alias-state-success-primary);white-space:nowrap;font-weight:600}.lc-event-tokens.lc-up{color:var(--dsw-alias-state-warn-primary)}.lc-event-time{color:var(--dsw-alias-label-secondary);font-size:12px}.lc-node{align-items:center;gap:8px;padding:3px 0;display:flex}.lc-node-preview{text-overflow:ellipsis;white-space:nowrap;color:var(--dsw-alias-label-primary);flex:1;overflow:hidden}.lc-node-time{color:var(--dsw-alias-label-secondary);text-align:right;min-width:54px;font-size:12px}.lc-node-tokens{color:var(--dsw-alias-label-secondary)}.lc-nodes-more{color:var(--dsw-alias-label-secondary);padding:3px 0}.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{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-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.lc-error-retry{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;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}.lc-modal-backdrop{z-index:200;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lc-modal-card{box-sizing:border-box;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);width:min(720px,100vw - 48px);max-height:min(82vh,760px);box-shadow:var(--dsw-shadow-lv3,0 12px 32px #0006);color:var(--dsw-alias-label-primary);border-radius:12px;padding:16px 18px 18px;font-size:13px;overflow-y:auto}.lc-modal-head{align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.lc-modal-title{font-size:14px;font-weight:600}.lc-modal-close{color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;margin-left:auto;padding:2px 6px;font-family:inherit;font-size:18px;line-height:1}.lc-modal-close:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2)}.lc-br-hint{color:var(--dsw-alias-label-secondary);white-space:nowrap;margin-left:auto;font-size:11px;font-weight:400}.lc-br-pick{font:inherit;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:6px;max-width:240px;padding:3px 6px;font-size:12px}.lc-br-meta{color:var(--dsw-alias-label-secondary);flex-wrap:wrap;gap:6px 16px;margin-bottom:8px;display:flex}.lc-br-meta b{color:var(--dsw-alias-label-primary)}.lc-br-meta .lc-actual{color:var(--dsw-alias-state-success-primary)}.lc-br-note{color:var(--dsw-alias-label-secondary);margin-top:8px;font-size:12px}.lc-br-cats{flex-direction:column;gap:4px;margin-top:10px;display:flex}.lc-br-cat{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);border-radius:8px;overflow:hidden}.lc-br-cat-empty{opacity:.55}.lc-br-cat-row{width:100%;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:7px 10px;transition:background-color .12s;display:flex}.lc-br-cat-row:hover,.lc-br-cat-on{background:var(--dsw-alias-interactive-bg-hover)}.lc-br-cat-on i{box-shadow:0 0 0 1px var(--dsw-alias-brand-primary)}.lc-br-cat-row i{border-radius:2px;flex:none;width:8px;height:8px;transition:box-shadow .12s;display:inline-block}.lc-br-cat-label{font-weight:600}.lc-br-cat-count{color:var(--dsw-alias-label-secondary);white-space:nowrap;font-size:12px}.lc-br-count-grp{flex:1;align-items:center;gap:4px;min-width:0;display:inline-flex}.lc-br-chev{width:12px;color:var(--dsw-alias-label-secondary);flex:none;transition:transform .12s}.lc-br-chev-on{transform:rotate(90deg)}.lc-br-tokens{color:var(--dsw-alias-label-secondary);flex:none;font-size:12px}.lc-br-delta,.lc-br-tdelta{white-space:nowrap;border-radius:4px;flex:none;padding:0 5px;font-size:11px;font-weight:600}.lc-br-delta-up,.lc-br-tdelta-up{color:var(--dsw-alias-state-success-primary);background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 15%, transparent)}.lc-br-delta-down,.lc-br-tdelta-down{color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 15%, transparent)}.lc-br-tokens-grp{flex:none;align-items:center;gap:4px;min-width:0;display:inline-flex}.lc-br-pct{text-align:right;width:36px;color:var(--dsw-alias-label-secondary);flex:none;font-size:12px}.lc-br-body{border-top:1px solid var(--dsw-alias-border-l1);flex-direction:column;gap:2px;padding:4px 6px;display:flex}.lc-br-elem{border-radius:6px}.lc-br-elem-on{background:var(--dsw-alias-interactive-bg-active)}.lc-br-elem-row{width:100%;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:5px 6px;font-size:12px;transition:background-color .12s;display:flex}.lc-br-elem-row:hover{background:var(--dsw-alias-interactive-bg-hover)}.lc-br-err-dot{background:var(--dsw-alias-state-error-primary);width:6px;height:6px;box-shadow:0 0 0 2px color-mix(in srgb, var(--dsw-alias-state-error-primary) 10%, transparent);border-radius:50%;flex:none}.lc-br-tag{color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;flex:none;max-width:220px;padding:0 6px;font-size:11px;overflow:hidden}.lc-br-preview{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lc-br-time{color:var(--dsw-alias-label-secondary);flex:none;font-size:11px}.lc-br-content{flex-direction:column;gap:6px;padding:2px 6px 8px 26px;display:flex}.lc-br-dim{color:var(--dsw-alias-label-secondary)}.lc-ts-card{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:6px;min-width:0;overflow:hidden}.lc-ts-card-head{color:var(--dsw-alias-label-secondary);border-bottom:1px solid var(--dsw-alias-border-l1);align-items:center;gap:8px;padding:6px 10px;font-size:11px;font-weight:600;display:flex}.lc-ts-card-head b{color:var(--dsw-alias-label-primary)}.lc-ts-call-name{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.lc-ts-card-count{margin-left:auto}.lc-ts-card-right{align-items:center;gap:8px;margin-left:auto;display:inline-flex}.lc-ts-card-meta{color:var(--dsw-alias-label-secondary);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px;font-weight:400}.lc-ts-call-state{white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:4px;padding:2px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.lc-ts-call-state i{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.lc-ts-call-ok{color:var(--dsw-alias-state-success-primary);background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 12%, transparent)}.lc-ts-call-err{color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 12%, transparent)}.lc-ts-desc-body{color:var(--dsw-alias-label-primary);white-space:pre-wrap;word-break:break-word;scrollbar-width:thin;max-height:320px;margin:0;padding:8px 10px;font-size:12px;line-height:1.55;overflow-y:auto}.lc-ts-param-row{border-top:1px solid var(--dsw-alias-border-l1);grid-template-columns:140px 90px 56px 1fr;align-items:baseline;gap:2px 10px;padding:6px 10px;font-size:12px;display:grid}.lc-ts-param-row:first-of-type{border-top:0}.lc-ts-param-name{color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.lc-ts-param-type{color:var(--dsw-alias-label-secondary);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;overflow:hidden}.lc-ts-param-req{color:var(--dsw-alias-state-warn-primary);font-size:11px;font-weight:600}.lc-ts-param-req-off{color:var(--dsw-alias-label-secondary);font-size:11px}.lc-ts-param-desc{color:var(--dsw-alias-label-secondary);grid-column:1/-1;line-height:1.5}.lc-ts-params-empty{color:var(--dsw-alias-label-secondary);padding:8px 10px;font-size:12px}.lc-ts-arg-row{border-top:1px solid var(--dsw-alias-border-l1);grid-template-columns:minmax(0,96px) 1fr;align-items:start;column-gap:12px;padding:6px 10px;font-size:12px;display:grid}.lc-ts-arg-row:first-of-type{border-top:0}.lc-ts-arg-row .lc-ts-param-name{text-overflow:unset;white-space:normal;overflow-wrap:anywhere;overflow:visible}.lc-ts-arg-val{color:var(--dsw-alias-label-primary);white-space:pre-wrap;word-break:break-word;scrollbar-width:thin;max-height:200px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.55;overflow-y:auto}.lc-ts-json{flex-direction:column;gap:4px;display:flex}.lc-ts-json-toggle{color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-size:11px}.lc-ts-json-toggle:hover{color:var(--dsw-alias-label-primary);text-decoration:underline}.lc-rich-seg{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:6px;gap:2px;margin-left:auto;padding:1px;display:flex}.lc-rich-seg-btn{color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:3px 8px;font-family:inherit;font-size:11px;line-height:1}.lc-rich-seg-btn:hover{color:var(--dsw-alias-label-primary)}.lc-rich-seg-on,.lc-rich-seg-on:hover{background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground)}.lc-ts-desc-md{color:var(--dsw-alias-label-primary);word-break:break-word;overflow-wrap:anywhere;white-space:pre-line;scrollbar-width:thin;min-width:0;max-height:320px;padding:4px 10px;font-size:12px;line-height:1.55;overflow:hidden auto}.lc-ts-desc-md>div{font-size:13px;line-height:1.55}.lc-ts-desc-md div :is(h1,h2,h3,h4,h5,h6){margin:10px 0 4px;font-size:13px;font-weight:600}.lc-ts-desc-md div p{margin:6px 0}.lc-ts-desc-md div pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;margin:6px 0}.lc-ts-desc-md div :not(pre)>code{box-decoration-break:clone;padding:1px 5px;line-height:1.3;font-size:1em!important}.lc-ts-desc-md div table code{font-size:inherit}.lc-att-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:8px 10px;display:grid}.lc-att-item{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l1);width:100%;min-width:0;font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:6px;display:flex}.lc-att-item:hover{border-color:var(--dsw-alias-border-l2,var(--dsw-alias-border-l1));background:var(--dsw-alias-interactive-bg-hover,var(--dsw-alias-bg-layer-2))}.lc-att-thumb{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:6px;flex:none;justify-content:center;align-items:center;width:64px;height:64px;padding:0;display:flex;overflow:hidden}.lc-att-thumb img{object-fit:cover;width:100%;height:100%;display:block}.lc-att-ph,.lc-att-err{color:var(--dsw-alias-label-secondary);text-align:center;padding:2px;font-size:10px}.lc-att-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.lc-att-name{color:var(--dsw-alias-label-primary);overflow-wrap:anywhere;word-break:break-word;font-size:12px;line-height:1.3}.lc-att-row{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;font-size:11px}.lc-att-row-label{min-width:3.2em;font-weight:400;display:inline-block}.lc-att-lightbox{z-index:1000;place-items:center;padding:40px;display:grid;position:fixed;inset:0}.lc-att-lightbox-mask{background:var(--dsw-alias-bg-mask-1,#00000073);backdrop-filter:var(--dsw-mask-blur,blur(2px));position:absolute;inset:0}.lc-att-lightbox-img{object-fit:contain;background:var(--dsw-specific-input-major,var(--dsw-alias-bg-layer-1));max-width:min(100%,1600px);max-height:calc(100vh - 80px);box-shadow:var(--dsw-shadow-lv3,0 12px 32px #0006);border-radius:12px;position:relative}.lc-att-lightbox-close{z-index:1;border:1px solid var(--dsw-alias-border-l2-darkmode-thin,var(--dsw-alias-border-l1));background:var(--dsw-specific-input-major,var(--dsw-alias-bg-layer-1));width:36px;height:36px;color:var(--dsw-alias-label-primary);cursor:pointer;border-radius:999px;place-items:center;padding:0;display:grid;position:fixed;top:20px;right:20px}[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 = ".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-l1);border-radius:10px;margin-bottom:14px;padding:14px 16px}.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-stats{grid-template-columns:repeat(auto-fit,minmax(62px,1fr));gap:6px;display:grid}.lc-stat{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:8px;flex-direction:column;gap:2px;min-width:0;padding:6px;display:flex}.lc-stat-label{color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.lc-stat-value{color:var(--dsw-alias-label-primary);white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:14px;font-weight:600;overflow:hidden}.lc-stat-sub{color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.lc-stat-tipped{position:relative}.lc-stat-q{text-align:center;width:11px;height:11px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);cursor:help;border-radius:50%;margin-left:4px;font-size:9px;font-style:normal;font-weight:700;line-height:11px;display:inline-block}.lc-stat-tipped:hover .lc-stat-q{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-primary)}.lc-stat-tip{z-index:6;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);width:max-content;max-width:280px;color:var(--dsw-alias-label-primary);pointer-events:none;opacity:0;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:400;line-height:1.5;transition:opacity .12s;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 2px 8px #0000002e}.lc-stat-tipped:hover .lc-stat-tip{opacity:1}.lc-stat-tip-prices{border-top:1px dashed var(--dsw-alias-border-l1);margin-top:5px;padding-top:5px;display:block}.lc-stat-tip-head{font-weight:600;display:block}.lc-stat-tip-row{margin-top:2px;display:block}.lc-stat-tip-model{color:var(--dsw-alias-label-primary)}.lc-card-sub{color:var(--dsw-alias-label-secondary);margin-left:auto;font-size:12px;font-weight:400}.lc-gran,.lc-kinds{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);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;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-settings-card{background:var(--dsw-alias-bg-layer-3);border:1px solid var(--dsw-alias-border-l2);border-radius:12px;transition:border-color .16s,background .16s}.lc-settings-card:hover{border-color:var(--dsw-alias-label-dimmed)}.lc-settings-open,.lc-settings-open:hover{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}.lc-settings-head{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.lc-settings-headtext{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.lc-settings-name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.lc-settings-desc{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}.lc-settings-chevron{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.lc-settings-open .lc-settings-chevron{transform:rotate(180deg)}.lc-settings-body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding:4px 0 12px}.lc-settings-row{align-items:center;gap:8px;padding:8px 0;display:flex}.lc-settings-label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:14px}.lc-settings-select{background:var(--dsw-alias-bg-module-platform);height:36px;font:inherit;color:var(--dsw-alias-label-primary);cursor:pointer;border:none;border-radius:18px;align-items:center;gap:12px;padding:0 14px;font-size:14px;line-height:22px;display:inline-flex}.lc-settings-select:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.lc-settings-select:disabled{opacity:.5;cursor:default}.lc-settings-note{color:var(--dsw-alias-label-tertiary);margin:12px 0 4px;font-size:12px;line-height:1.5}.lc-overview-num{align-items:baseline;gap:6px;margin-bottom:8px;display:flex}.lc-overview-num>b{font-size:20px}.lc-overview-num span{color:var(--dsw-alias-label-secondary)}.lc-overview-pct{margin-left:auto;font-size:11px}.lc-overview-pct b{color:var(--dsw-alias-label-primary);margin-right:4px;font-size:20px}.lc-stacked-wrap{width:100%;position:relative}.lc-stacked{background:#8080802e;border-radius:5px;width:100%;display:flex;position:relative;overflow:hidden}.lc-occupied-box{border:2px solid var(--dsw-alias-label-tertiary);box-sizing:border-box;pointer-events:none;opacity:0;box-shadow:0 0 0 1px var(--dsw-alias-bg-layer-2);border-radius:5px;transition:opacity .12s;position:absolute;top:0;bottom:0;left:0}.lc-occupied-box-on{opacity:1}.lc-bar-tip{z-index:5;white-space:nowrap;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-primary);pointer-events:none;opacity:0;border-radius:6px;padding:3px 8px;font-size:12px;transition:opacity .12s;position:absolute;bottom:calc(100% + 6px);transform:translate(-50%);box-shadow:0 2px 8px #0000002e}.lc-bar-tip-on{opacity:1}.lc-stacked>div{height:100%}.lc-stacked-seg{transition:filter .12s,opacity .12s}.lc-stacked-free{box-sizing:border-box;transition:box-shadow .12s,opacity .12s}.lc-stacked-seg-on{filter:brightness(1.18)}.lc-reserve{z-index:1;pointer-events:auto;cursor:help;background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--dsw-alias-state-warn-primary) 24%, transparent) 0 5px, transparent 5px 10px);position:absolute;top:0;bottom:0}.lc-stacked-free-on{border:2px dashed var(--dsw-alias-label-secondary);border-radius:3px}.lc-stacked-dim .lc-stacked-seg{opacity:.35}.lc-stacked-dim .lc-stacked-seg-on{opacity:1}.lc-stacked-dim .lc-stacked-free{opacity:.35}.lc-stacked-dim .lc-stacked-free-on{opacity:1}.lc-legend{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px 14px;margin-top:10px;display:grid}.lc-chip{min-width:0;color:var(--dsw-alias-label-primary);cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:1px 6px;transition:background-color .12s;display:flex}.lc-chip-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:600;overflow:hidden}.lc-chip-nums{white-space:nowrap;flex:none;align-items:baseline;gap:6px;margin-left:auto;display:inline-flex}.lc-chip i,.lc-detail-row i{border-radius:2px;width:8px;height:8px;display:inline-block}.lc-chip i{transition:box-shadow .12s}.lc-chip em{color:var(--dsw-alias-label-secondary);font-style:normal}.lc-chip-on{background:var(--dsw-alias-interactive-bg-hover);font-weight:600}.lc-chip-on i{box-shadow:0 0 0 1px var(--dsw-alias-brand-primary)}.lc-chartrow{align-items:stretch;gap:6px;display:flex}.lc-axis{box-sizing:border-box;width:40px;height:150px;color:var(--dsw-alias-label-secondary);padding-top:18px;font-size:11px;position:relative}.lc-axis span{line-height:1;position:absolute;right:0}.lc-axis-top{top:13px}.lc-axis-mid{top:69px}.lc-axis-bot{top:125px}.lc-chart-wrap{flex:1;min-width:0;position:relative}.lc-chart-scroll{scrollbar-gutter:stable;padding-bottom:var(--dsh-scrollbar-width,8px);overflow:auto hidden}.lc-chart{box-sizing:border-box;align-items:flex-end;gap:2px;width:max-content;min-width:100%;height:130px;padding-top:18px;display:flex;position:relative}.lc-grid{border-top:1px dashed var(--dsw-alias-border-l1);pointer-events:none;position:absolute;left:0;right:0}.lc-grid-top{top:18px}.lc-grid-mid{top:74px}.lc-grid-zero{border-top-style:solid;border-top-color:#80808080}.lc-bar{cursor:pointer;border-radius:2px;flex:none;align-items:flex-end;width:14px;height:100%;transition:opacity .12s,background-color .12s;display:flex;position:relative}.lc-chart-dim .lc-bar{opacity:.35}.lc-chart-dim .lc-bar-in-turn{opacity:1}.lc-chart-dim .lc-turn{opacity:.35}.lc-chart-dim .lc-turn-on{opacity:1}.lc-chart-tip{z-index:5;white-space:nowrap;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-primary);pointer-events:none;border-radius:6px;padding:3px 8px;font-size:12px;position:absolute;top:0;left:0;box-shadow:0 2px 8px #0000002e}.lc-bar:hover{background:var(--dsw-alias-bg-layer-2)}.lc-bar-hovered{outline:1px dashed var(--dsw-alias-brand-primary);outline-offset:1px}.lc-bar-selected{outline:2px solid var(--dsw-alias-label-primary);outline-offset:1px}.lc-bar-in-turn{background:#80808024}.lc-bar-stack{flex-direction:column-reverse;width:100%;display:flex}.lc-bar-stack>div{width:100%}.lc-bar-up,.lc-bar-down{width:100%;display:flex;position:absolute;left:0}.lc-bar-up{flex-direction:column-reverse}.lc-bar-down{flex-direction:column}.lc-bar-up>div,.lc-bar-down>div{width:100%}.lc-bar-marker{color:var(--dsw-alias-state-warn-primary);font-size:11px;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.lc-turns{gap:2px;width:max-content;min-width:100%;margin-top:4px;display:flex}.lc-turn{box-sizing:border-box;text-align:center;color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border-radius:3px;flex:none;height:14px;font-size:10px;font-weight:600;line-height:14px;transition:filter .12s,opacity .12s;overflow:hidden}.lc-turn-on{filter:brightness(1.35);color:var(--dsw-alias-label-primary)}.lc-turn-label{text-overflow:ellipsis;max-width:100%;display:inline-block;overflow:hidden}.lc-detail{border-top:1px solid var(--dsw-alias-border-l1);margin-top:12px;padding-top:12px}.lc-detail-head{color:var(--dsw-alias-label-secondary);flex-wrap:wrap;align-items:center;gap:6px 8px;margin-bottom:10px;display:flex}.lc-detail-head b{color:var(--dsw-alias-label-primary);font-size:13px}.lc-detail-time{font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-size:12px}.lc-detail-marker{color:var(--dsw-alias-state-warn-primary);background:color-mix(in srgb, var(--dsw-alias-state-warn-primary) 12%, transparent);border-radius:6px;padding:1px 7px;font-size:11px}.lc-detail-tag{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-secondary);border-radius:4px;padding:0 6px;font-size:11px}.lc-detail-metric{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--dsw-alias-label-primary);background:color-mix(in srgb, var(--dsw-alias-label-secondary) 14%, transparent);border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600}.lc-detail-metric-up{color:var(--dsw-alias-state-success-primary);background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 15%, transparent)}.lc-detail-metric-down{color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 15%, transparent)}.lc-detail-rows{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:4px 24px;margin-top:10px;display:grid}.lc-brief{flex-direction:column;gap:2px;min-height:76px;margin:-4px 0 10px;display:flex}.lc-brief-row{min-width:0;color:var(--dsw-alias-label-primary);text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;margin-left:-6px;margin-right:-6px;padding:3px 6px;font-family:inherit;font-size:12px;line-height:1.5;transition:background-color .12s;display:flex}.lc-brief-row-link:hover{background:var(--dsw-alias-interactive-bg-hover)}button.lc-brief-row-link{cursor:pointer}.lc-brief-tag{box-sizing:border-box;text-align:center;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);min-width:56px;color:var(--dsw-alias-label-secondary);border-radius:4px;flex:none;padding:0 6px;font-size:11px;position:relative}.lc-brief-tip{z-index:6;white-space:normal;text-align:left;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);width:max-content;max-width:240px;color:var(--dsw-alias-label-primary);pointer-events:none;opacity:0;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:400;line-height:1.5;transition:opacity .12s;position:absolute;bottom:calc(100% + 6px);left:0;box-shadow:0 2px 8px #0000002e}.lc-brief-tag:hover .lc-brief-tip{opacity:1}.lc-brief-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lc-brief-empty{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--dsw-alias-label-tertiary);flex:1;overflow:hidden}.lc-brief-fact{box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);max-width:160px;color:var(--dsw-alias-label-secondary);border-radius:4px;flex:none;padding:0 6px;font-size:11px;overflow:hidden}.lc-brief-chip{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);min-width:0;max-width:260px;color:var(--dsw-alias-label-primary);border-radius:5px;align-items:center;gap:5px;padding:0 7px;font-size:12px;transition:background-color .12s;display:inline-flex;overflow:hidden}.lc-brief-chip-grow{flex:1;max-width:none}.lc-brief-chip-tag{text-overflow:ellipsis;white-space:nowrap;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);max-width:120px;color:var(--dsw-alias-label-secondary);border-radius:4px;flex:none;padding:0 6px;font-size:11px;overflow:hidden}.lc-brief-chip-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lc-brief-chip-link{cursor:pointer}.lc-brief-chip-link:hover{background:var(--dsw-alias-interactive-bg-hover)}.lc-brief-more{color:var(--dsw-alias-label-secondary);flex:none;font-size:11px}.lc-detail-row{align-items:center;gap:8px;display:flex}.lc-detail-label{white-space:nowrap;min-width:70px;color:var(--dsw-alias-label-secondary)}.lc-bar-track{background:#8080802e;border-radius:3px;flex:1;height:5px;display:block;position:relative;overflow:hidden}.lc-bar-fill{border-radius:3px;height:100%;display:block}.lc-bar-zero{border-left:1px solid #80808073;position:absolute;top:0;bottom:0;left:50%}.lc-bar-fill-up,.lc-bar-fill-down{height:100%;display:block;position:absolute;top:0}.lc-bar-fill-up{border-radius:0 3px 3px 0;left:50%}.lc-bar-fill-down{border-radius:3px 0 0 3px;right:50%}.lc-detail-num{text-align:right;font-variant-numeric:tabular-nums;width:52px}.lc-detail-num-up{color:var(--dsw-alias-state-success-primary)}.lc-detail-num-down{color:var(--dsw-alias-state-error-primary)}.lc-detail-pct{text-align:right;width:34px;color:var(--dsw-alias-label-secondary)}.lc-cols{flex-wrap:wrap;gap:14px;margin-bottom:14px;display:flex}.lc-col{flex:1;min-width:280px}.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>.lc-card:first-child{flex:7 1 0;min-width:360px}.lc-head>.lc-card:last-child{flex:3 1 0;min-width:220px}.lc-pi-grid{grid-template-columns:1fr;gap:8px;display:grid}.lc-pi-row{min-width:0;color:inherit;flex-direction:row;justify-content:space-between;align-items:baseline;gap:12px;text-decoration:none;display:flex}.lc-pi-row:hover .lc-pi-value{text-decoration:underline}.lc-pi-update{color:var(--dsw-alias-state-warn-primary);white-space:nowrap;margin-left:6px;font-size:11px}.lc-pi-label{color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;flex:none;font-size:11px;font-weight:600;overflow:hidden}.lc-pi-value{min-width:0;color:var(--dsw-alias-label-primary);white-space:nowrap;text-overflow:ellipsis;text-align:right;font-size:13px;font-weight:600;overflow:hidden}.lc-events,.lc-fa-list{flex-direction:column;gap:2px;height:320px;display:flex;overflow-y:auto}.lc-event{align-items:center;gap:8px;padding:3px 0;display:flex}.lc-event-icon{text-align:center;width:18px;color:var(--dsw-alias-state-warn-primary)}.lc-event-icon.lc-event-inject{color:#a855f7}.lc-event-icon.lc-event-model{color:var(--dsw-alias-brand-primary)}.lc-event-icon.lc-event-mode{color:var(--dsw-alias-label-secondary)}.lc-kind{white-space:nowrap;border-radius:4px;flex:none;padding:1px 6px;font-size:10px;font-weight:600}.lc-kind-inject{background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 15%, transparent);color:var(--dsw-alias-state-success-primary)}.lc-kind-compaction{background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 15%, transparent);color:var(--dsw-alias-state-error-primary)}.lc-kind-prune{color:#8b5cf6;background:#8b5cf626}.lc-kind-model{background:color-mix(in srgb, var(--dsw-alias-brand-primary) 15%, transparent);color:var(--dsw-alias-brand-primary)}.lc-kind-mode{background:color-mix(in srgb, var(--dsw-alias-label-secondary) 15%, transparent);color:var(--dsw-alias-label-secondary)}.lc-event-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.lc-event-at{color:var(--dsw-alias-label-secondary);white-space:nowrap;flex:none;font-size:11px}.lc-event-tokens{color:var(--dsw-alias-state-success-primary);white-space:nowrap;font-weight:600}.lc-event-tokens.lc-up{color:var(--dsw-alias-state-warn-primary)}.lc-event-time{color:var(--dsw-alias-label-secondary);font-size:12px}.lc-fa-ctl{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.lc-fa-ctl .lc-gran{margin-left:0}.lc-fa-n{opacity:.75;margin-left:4px;font-weight:700}.lc-fa-search{min-width:80px;font:inherit;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:6px;outline:none;flex:1;padding:3px 8px;font-size:12px}.lc-fa-search:focus{border-color:var(--dsw-alias-label-dimmed)}.lc-fa-meta{color:var(--dsw-alias-label-secondary);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;font-size:12px;display:flex}.lc-fa-meta .lc-fa-sort{flex:none}.lc-fa-meta-delta{position:relative}.lc-fa-meta-tip{z-index:6;white-space:normal;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);width:max-content;max-width:260px;color:var(--dsw-alias-label-primary);pointer-events:none;opacity:0;border-radius:6px;padding:6px 10px;font-size:12px;line-height:1.5;transition:opacity .12s;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 2px 8px #0000002e}.lc-fa-meta-delta:hover .lc-fa-meta-tip{opacity:1}.lc-fa-item{border:1px solid #0000;border-radius:8px;transition:background-color .12s,border-color .12s}.lc-fa-item-on{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-border-l1)}.lc-fa-row{width:100%;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;padding:6px 8px;font-size:12px;transition:background-color .12s;display:flex}.lc-fa-row:hover{background:var(--dsw-alias-interactive-bg-hover)}.lc-fa-form{text-align:center;opacity:.85;flex:none;width:16px;font-size:11px}.lc-fa-path{word-break:break-all;flex:1;min-width:0}.lc-fa-path em{color:var(--dsw-alias-label-secondary);font-style:normal}.lc-fa-badge{font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:4px;padding:1px 7px;font-size:11px;font-weight:600;display:inline-flex}.lc-fa-badge i{background:currentColor;border-radius:50%;width:5px;height:5px;display:inline-block}.lc-fa-b-read{color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 14%, transparent)}.lc-fa-b-write{color:var(--dsw-alias-state-success-primary);background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 14%, transparent)}.lc-fa-b-search{color:var(--dsw-alias-state-warn-primary);background:color-mix(in srgb, var(--dsw-alias-state-warn-primary) 14%, transparent)}.lc-fa-chip-read,.lc-fa-chip-read:hover{color:var(--dsw-alias-brand-primary)}.lc-fa-chip-write,.lc-fa-chip-write:hover{color:var(--dsw-alias-state-success-primary)}.lc-fa-chip-search,.lc-fa-chip-search:hover{color:var(--dsw-alias-state-warn-primary)}.lc-fa-chip-read.lc-gran-on,.lc-fa-chip-read.lc-gran-on:hover{background:color-mix(in srgb, var(--dsw-alias-brand-primary) 14%, transparent);color:var(--dsw-alias-brand-primary)}.lc-fa-chip-write.lc-gran-on,.lc-fa-chip-write.lc-gran-on:hover{background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 14%, transparent);color:var(--dsw-alias-state-success-primary)}.lc-fa-chip-search.lc-gran-on,.lc-fa-chip-search.lc-gran-on:hover{background:color-mix(in srgb, var(--dsw-alias-state-warn-primary) 14%, transparent);color:var(--dsw-alias-state-warn-primary)}.lc-fa-delta{font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.lc-fa-up{color:var(--dsw-alias-state-success-primary)}.lc-fa-down{color:var(--dsw-alias-state-error-primary)}.lc-fa-time{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.lc-fa-ops{border-left:2px solid var(--dsw-alias-border-l1);flex-direction:column;gap:1px;margin:0 8px 8px 15px;padding:2px 0 2px 10px;display:flex}.lc-fa-op{min-width:0;color:var(--dsw-alias-label-primary);font:inherit;text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:8px;padding:3px 6px;font-size:11px;transition:background-color .12s;display:flex}.lc-fa-op-link{cursor:pointer}.lc-fa-op-link:hover{background:var(--dsw-alias-interactive-bg-hover)}.lc-fa-op-time{width:58px;color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;flex:none}.lc-fa-op-tool{background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-secondary);border-radius:999px;flex:none;padding:0 6px;font-size:11px}.lc-fa-op-detail{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--dsw-alias-label-secondary);flex:1;overflow:hidden}.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{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-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.lc-error-retry{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;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}.lc-modal-backdrop{z-index:200;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lc-modal-card{box-sizing:border-box;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);width:min(720px,100vw - 48px);max-height:min(82vh,760px);box-shadow:var(--dsw-shadow-lv3,0 12px 32px #0006);color:var(--dsw-alias-label-primary);border-radius:12px;padding:16px 18px 18px;font-size:13px;overflow-y:auto}.lc-modal-head{align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.lc-modal-title{font-size:14px;font-weight:600}.lc-modal-close{color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;margin-left:auto;padding:2px 6px;font-family:inherit;font-size:18px;line-height:1}.lc-modal-close:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2)}.lc-br-hint{color:var(--dsw-alias-label-secondary);white-space:nowrap;margin-left:auto;font-size:11px;font-weight:400}.lc-br-pick{font:inherit;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:6px;max-width:240px;padding:3px 6px;font-size:12px}.lc-br-meta{color:var(--dsw-alias-label-secondary);flex-wrap:wrap;gap:6px 16px;margin-bottom:8px;display:flex}.lc-br-meta b{color:var(--dsw-alias-label-primary)}.lc-br-meta .lc-actual{color:var(--dsw-alias-state-success-primary)}.lc-br-note{color:var(--dsw-alias-label-secondary);margin-top:8px;font-size:12px}.lc-br-retry{color:var(--dsw-alias-brand-primary);font:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.lc-br-retry:hover{filter:brightness(1.15)}.lc-br-cats{flex-direction:column;gap:4px;margin-top:10px;display:flex}.lc-br-cat{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);border-radius:8px;overflow:hidden}.lc-br-cat-empty{opacity:.55}.lc-br-cat-row{width:100%;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:7px 10px;transition:background-color .12s;display:flex}.lc-br-cat-row:hover,.lc-br-cat-on{background:var(--dsw-alias-interactive-bg-hover)}.lc-br-cat-on i{box-shadow:0 0 0 1px var(--dsw-alias-brand-primary)}.lc-br-cat-row i{border-radius:2px;flex:none;width:8px;height:8px;transition:box-shadow .12s;display:inline-block}.lc-br-cat-label{font-weight:600}.lc-br-cat-count{color:var(--dsw-alias-label-secondary);white-space:nowrap;font-size:12px}.lc-br-count-grp{flex:1;align-items:center;gap:4px;min-width:0;display:inline-flex}.lc-br-chev{width:12px;color:var(--dsw-alias-label-secondary);flex:none;transition:transform .12s}.lc-br-chev-on{transform:rotate(90deg)}.lc-br-tokens{color:var(--dsw-alias-label-secondary);flex:none;font-size:12px}.lc-br-delta,.lc-br-tdelta{white-space:nowrap;border-radius:4px;flex:none;padding:0 5px;font-size:11px;font-weight:600}.lc-br-delta-up,.lc-br-tdelta-up{color:var(--dsw-alias-state-success-primary);background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 15%, transparent)}.lc-br-delta-down,.lc-br-tdelta-down{color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 15%, transparent)}.lc-br-tokens-grp{flex:none;align-items:center;gap:4px;min-width:0;display:inline-flex}.lc-br-pct{text-align:right;width:36px;color:var(--dsw-alias-label-secondary);flex:none;font-size:12px}.lc-br-body{border-top:1px solid var(--dsw-alias-border-l1);flex-direction:column;gap:2px;padding:4px 6px;display:flex}.lc-br-elem{border-radius:6px}.lc-br-elem-on{background:var(--dsw-alias-interactive-bg-active)}.lc-br-elem-row{width:100%;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:5px 6px;font-size:12px;transition:background-color .12s;display:flex}.lc-br-elem-row:hover{background:var(--dsw-alias-interactive-bg-hover)}.lc-br-err-dot{background:var(--dsw-alias-state-error-primary);width:6px;height:6px;box-shadow:0 0 0 2px color-mix(in srgb, var(--dsw-alias-state-error-primary) 10%, transparent);border-radius:50%;flex:none}.lc-br-tag{min-width:0;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;max-width:220px;padding:0 6px;font-size:11px;overflow:hidden}.lc-br-preview{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lc-br-time{color:var(--dsw-alias-label-secondary);flex:none;font-size:11px}.lc-br-content{flex-direction:column;gap:6px;padding:2px 6px 8px 26px;display:flex}.lc-br-dim{color:var(--dsw-alias-label-secondary)}.lc-ts-card{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:6px;min-width:0;overflow:hidden}.lc-ts-card-head{color:var(--dsw-alias-label-secondary);border-bottom:1px solid var(--dsw-alias-border-l1);align-items:center;gap:8px;padding:6px 10px;font-size:11px;font-weight:600;display:flex}.lc-ts-card-head b{color:var(--dsw-alias-label-primary)}.lc-ts-call-name{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.lc-ts-card-count{margin-left:auto}.lc-ts-card-right{align-items:center;gap:8px;margin-left:auto;display:inline-flex}.lc-ts-card-meta{color:var(--dsw-alias-label-secondary);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px;font-weight:400}.lc-ts-call-state{white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:4px;padding:2px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.lc-ts-call-state i{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.lc-ts-call-ok{color:var(--dsw-alias-state-success-primary);background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 12%, transparent)}.lc-ts-call-err{color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 12%, transparent)}.lc-ts-desc-body{color:var(--dsw-alias-label-primary);white-space:pre-wrap;word-break:break-word;scrollbar-width:thin;max-height:320px;margin:0;padding:8px 10px;font-size:12px;line-height:1.55;overflow-y:auto}.lc-ts-param-row{border-top:1px solid var(--dsw-alias-border-l1);grid-template-columns:minmax(0,140px) minmax(0,90px) 56px minmax(0,1fr);align-items:baseline;gap:2px 10px;padding:6px 10px;font-size:12px;display:grid}.lc-ts-param-row:first-of-type{border-top:0}.lc-ts-param-name{color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.lc-ts-param-type{color:var(--dsw-alias-label-secondary);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;overflow:hidden}.lc-ts-param-req{color:var(--dsw-alias-state-warn-primary);font-size:11px;font-weight:600}.lc-ts-param-req-off{color:var(--dsw-alias-label-secondary);font-size:11px}.lc-ts-param-desc{color:var(--dsw-alias-label-secondary);overflow-wrap:anywhere;grid-column:1/-1;line-height:1.5}.lc-ts-params-empty{color:var(--dsw-alias-label-secondary);padding:8px 10px;font-size:12px}.lc-ts-arg-row{border-top:1px solid var(--dsw-alias-border-l1);grid-template-columns:minmax(0,96px) 1fr;align-items:start;column-gap:12px;padding:6px 10px;font-size:12px;display:grid}.lc-ts-arg-row:first-of-type{border-top:0}.lc-ts-arg-row .lc-ts-param-name{text-overflow:unset;white-space:normal;overflow-wrap:anywhere;overflow:visible}.lc-ts-arg-val{color:var(--dsw-alias-label-primary);white-space:pre-wrap;word-break:break-word;scrollbar-width:thin;max-height:200px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.55;overflow-y:auto}.lc-ts-json{flex-direction:column;gap:4px;display:flex}.lc-ts-json-toggle{color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-size:11px}.lc-ts-json-toggle:hover{color:var(--dsw-alias-label-primary);text-decoration:underline}.lc-rich-seg{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:6px;gap:2px;margin-left:auto;padding:1px;display:flex}.lc-rich-seg-btn{color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:3px 8px;font-family:inherit;font-size:11px;line-height:1}.lc-rich-seg-btn:hover{color:var(--dsw-alias-label-primary)}.lc-rich-seg-on,.lc-rich-seg-on:hover{background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground)}.lc-ts-desc-md{color:var(--dsw-alias-label-primary);word-break:break-word;overflow-wrap:anywhere;white-space:pre-line;scrollbar-width:thin;min-width:0;max-height:320px;padding:4px 10px;font-size:12px;line-height:1.55;overflow:hidden auto}.lc-ts-desc-md>div{font-size:13px;line-height:1.55}.lc-ts-desc-md div :is(h1,h2,h3,h4,h5,h6){margin:10px 0 4px;font-size:13px;font-weight:600}.lc-ts-desc-md div p{margin:6px 0}.lc-ts-desc-md div pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;margin:6px 0}.lc-ts-desc-md div :not(pre)>code{box-decoration-break:clone;padding:1px 5px;line-height:1.3;font-size:1em!important}.lc-ts-desc-md div table code{font-size:inherit}.lc-att-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:8px 10px;display:grid}.lc-att-item{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l1);width:100%;min-width:0;font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:6px;display:flex}.lc-att-item:hover{border-color:var(--dsw-alias-border-l2,var(--dsw-alias-border-l1));background:var(--dsw-alias-interactive-bg-hover,var(--dsw-alias-bg-layer-2))}.lc-att-thumb{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:6px;flex:none;justify-content:center;align-items:center;width:64px;height:64px;padding:0;display:flex;overflow:hidden}.lc-att-thumb img{object-fit:cover;width:100%;height:100%;display:block}.lc-att-ph,.lc-att-err{color:var(--dsw-alias-label-secondary);text-align:center;padding:2px;font-size:10px}.lc-att-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.lc-att-name{color:var(--dsw-alias-label-primary);overflow-wrap:anywhere;word-break:break-word;font-size:12px;line-height:1.3}.lc-att-row{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;font-size:11px}.lc-att-row-label{min-width:3.2em;font-weight:400;display:inline-block}.lc-att-lightbox{z-index:1000;place-items:center;padding:40px;display:grid;position:fixed;inset:0}.lc-att-lightbox-mask{background:var(--dsw-alias-bg-mask-1,#00000073);backdrop-filter:var(--dsw-mask-blur,blur(2px));position:absolute;inset:0}.lc-att-lightbox-img{object-fit:contain;background:var(--dsw-specific-input-major,var(--dsw-alias-bg-layer-1));max-width:min(100%,1600px);max-height:calc(100vh - 80px);box-shadow:var(--dsw-shadow-lv3,0 12px 32px #0006);border-radius:12px;position:relative}.lc-att-lightbox-close{z-index:1;border:1px solid var(--dsw-alias-border-l2-darkmode-thin,var(--dsw-alias-border-l1));background:var(--dsw-specific-input-major,var(--dsw-alias-bg-layer-1));width:36px;height:36px;color:var(--dsw-alias-label-primary);cursor:pointer;border-radius:999px;place-items:center;padding:0;display:grid;position:fixed;top:20px;right:20px}[data-conversation-scroll]:has(.lc-root)>[data-composer-seat]:not(:has([data-approval-key],[data-question-key],[data-plan-review-key])){display:none}.lc-agents-chips{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.lc-agents-chip{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;border-radius:999px;padding:2px 8px;font-size:11px}.lc-agents-chip-on{color:var(--dsw-alias-state-success-primary);border-color:color-mix(in srgb, var(--dsw-alias-state-success-primary) 40%, transparent)}.lc-agents-stage{margin:0 -4px;padding:0 4px;overflow-x:auto}.lc-agents-svg{max-width:none;margin:0 auto;display:block}.lc-agents-link{stroke-width:1.5px;stroke-opacity:.45}.lc-agents-link-live{stroke-opacity:.85}.lc-agents-flow{stroke-width:2px;stroke-linecap:round;stroke-dasharray:2 7;animation:.9s linear infinite lc-agent-flow}@keyframes lc-agent-flow{to{stroke-dashoffset:-9px}}.lc-agent-node{outline:none}.lc-agent-clickable{cursor:pointer}.lc-agent-halo{fill:#0000;transition:fill .12s}.lc-agent-hover .lc-agent-halo,.lc-agent-node:focus-visible .lc-agent-halo{fill:var(--dsw-alias-interactive-bg-hover,var(--dsw-alias-bg-layer-2))}.lc-agent-self .lc-agent-halo{fill:var(--dsw-alias-bg-layer-2)}.lc-agent-running .lc-agent-halo{fill:color-mix(in srgb, var(--dsw-alias-state-success-primary) 12%, transparent);animation:1.8s ease-in-out infinite lc-agent-glow}.lc-agent-done .lc-agent-halo{fill:color-mix(in srgb, var(--dsw-alias-state-success-primary) 7%, transparent)}@keyframes lc-agent-glow{0%,to{opacity:1}50%{opacity:.4}}.lc-agent-track{fill:var(--dsw-alias-bg-layer-1);stroke:var(--dsw-alias-border-l1);stroke-width:1.5px}.lc-agent-seg{fill:none;stroke-width:9px;transition:stroke-dasharray .3s,stroke-dashoffset .3s}.lc-agent-free{stroke:color-mix(in srgb, var(--dsw-alias-label-secondary) 18%, transparent)}.lc-agent-pct{fill:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;pointer-events:none;font-size:11px;font-weight:600}.lc-agent-caption{text-align:center;pointer-events:none;width:100%;line-height:1.25}.lc-agent-label{color:var(--dsw-alias-label-primary);overflow-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:11px;display:-webkit-box;overflow:hidden}.lc-agent-tokens{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;font-size:10px}.lc-agents-solo{padding:4px 0 10px}.lc-agents-inspector{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);border-radius:8px;flex-wrap:wrap;align-items:baseline;gap:4px 8px;min-width:0;margin-top:10px;padding:7px 10px;font-size:12px;display:flex}.lc-agents-inspector-name{color:var(--dsw-alias-label-primary);overflow-wrap:anywhere}.lc-agents-badge{background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-secondary);border-radius:999px;flex:none;padding:1px 6px;font-size:10px}.lc-agent-self-badge{vertical-align:1px;margin-left:5px}.lc-agents-badge-on{color:var(--dsw-alias-state-success-primary);border-color:color-mix(in srgb, var(--dsw-alias-state-success-primary) 40%, transparent)}.lc-agents-inspector-stats{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lc-agents-inspector-open{color:var(--dsw-alias-brand-primary,#3b82f6);flex:none;margin-left:auto}.lc-agents-legend{color:var(--dsw-alias-label-secondary);flex-wrap:wrap;gap:4px 14px;margin-top:8px;font-size:11px;display:flex}.lc-agents-legend-item{align-items:center;gap:5px;display:inline-flex}.lc-agents-legend-item i{border-radius:2px;width:8px;height:8px}.lc-agents-legend-free{background:color-mix(in srgb, var(--dsw-alias-label-secondary) 18%, transparent)}.lc-agents-legend-edge{border-top:2px dashed var(--dsw-alias-label-secondary);border-radius:0!important;width:14px!important;height:0!important}";
 		const tagId = "dsh-context/styles.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");
@@ -3284,19 +4571,6 @@ window.__ModuleLoader__.load({
 			const kit = makeViewKit(t);
 			const settings = createContextSettings();
 			const ContextView = makeContextView(ctx, kit, settings);
-			ctx.effect(() => {
-				const noop = () => {};
-				const sessions = ctx.get("sessions");
-				if (sessions === void 0 || typeof sessions.provide !== "function") return noop;
-				try {
-					return sessions.provide({
-						props: ["loadOlderHistory"],
-						resolve: (binding) => ({ props: { loadOlderHistory: () => binding.session.loadOlder() } })
-					});
-				} catch {
-					return noop;
-				}
-			}, "dsh-context: loadOlderHistory prop");
 			ctx.slots.inject("conversation.view", () => {
 				return ctx.slots.register({
 					name: "conversation.view",
@@ -3314,7 +4588,7 @@ window.__ModuleLoader__.load({
 					id: "context-modal",
 					order: 10,
 					locale: NS,
-					inject: (sessionId) => ({ hooks: { contextModal: modalStoreOf(sessionId) } })
+					inject: (sessionId = "") => ({ hooks: { contextModal: modalStoreOf(sessionId) } })
 				}, (props) => h(ContextModal, props));
 			});
 			ctx.inject(["settingsScope"], (raw) => {