dsh-context 0.31.1 → 0.33.1

package/lib/client.js

@@ -13,7 +13,7 @@ window.__ModuleLoader__.load({
 			"cat.inject": "注入内容",
 			"cat.assistant": "助手消息",
 			"cat.tool": "工具结果",
-			"overview.title": "当前构成",
+			"overview.title": "当前上下文",
 			"overview.estimate": "tokens（估算）",
 			"overview.free": "剩余窗口",
 			"overview.used": "上下文已用",
@@ -39,15 +39,14 @@ window.__ModuleLoader__.load({
 			"plugin.hint": "The best DSH context plugin ⭐",
 			"plugin.name": "插件",
 			"plugin.github": "GitHub",
-			"tools.top": "工具定义 Top：",
-			"tools.more": "等 {n} 个",
-			"trend.title": "历史趋势",
+			"trend.title": "上下文趋势",
 			"gran.step": "步骤",
 			"gran.turn": "轮次",
 			"settings.title": "上下文",
 			"settings.desc": "上下文面板的展示偏好",
 			"settings.gran": "趋势图默认粒度",
 			"settings.mode": "趋势图默认展示",
+			"settings.fileSort": "文件活动默认排序",
 			"settings.expand": "展开",
 			"settings.collapse": "收起",
 			"settings.readOnly": "当前环境的设置为只读",
@@ -63,6 +62,14 @@ window.__ModuleLoader__.load({
 			"detail.actual": "实际 prompt {n}",
 			"detail.output": "输出 {n}",
 			"detail.cache": "缓存 {n}%",
+			"brief.turn": "本轮",
+			"brief.input": "输入",
+			"brief.reply": "回复",
+			"brief.more": "+{n}",
+			"brief.locate": "在上下文浏览器中查看",
+			"brief.turnTip": "这一轮开场时用户发送的消息",
+			"brief.inputTip": "这一步新进入上下文的内容（通常是上一步工具调用的结果）",
+			"brief.replyTip": "这一步模型返回的内容（文本回复或工具调用）",
 			"events.title": "上下文事件",
 			"events.empty": "暂无上下文事件（压缩、注入、模型切换会出现在这里）",
 			"events.at": "第 {t} 轮 · 第 {s} 步",
@@ -73,10 +80,30 @@ 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.unresolved": "… 另有 {n} 次文件操作的路径超出保留窗口",
+			"files.empty": "该范围内没有文件读取、写入或搜索操作",
+			"files.noMatch": "没有匹配当前过滤条件的文件",
+			"files.locate": "在上下文浏览器中查看此次操作",
+			"files.moreOps": "+{n} 次更早操作",
+			"files.errs": "{n} 次失败",
+			"files.form.image": "图片",
+			"files.form.dir": "目录",
+			"files.form.text": "文件",
 			"loading": "正在读取会话日志…",
 			"error": "上下文数据读取失败：",
 			"error.retry": "重试",
@@ -118,6 +145,8 @@ window.__ModuleLoader__.load({
 			"browser.noEpoch": "该步骤的头部内容（系统提示词 / 工具定义）不在保留范围内",
 			"browser.noContent": "完整内容不在当前加载的消息窗口内（在聊天页加载更早历史后可查看）",
 			"browser.loading": "正在从更早的会话历史加载完整内容…",
+			"browser.notInLog": "会话日志中未找到该条目的完整内容（可能已被压缩或清理）",
+			"browser.loadFailed": "内容加载失败，点击重试",
 			"browser.preview": "预览",
 			"tool.desc": "描述",
 			"tool.params": "参数",
@@ -186,15 +215,14 @@ 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 History",
+			"trend.title": "Context Trend",
 			"gran.step": "Step",
 			"gran.turn": "Turn",
 			"settings.title": "Context",
 			"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",
@@ -210,6 +238,14 @@ window.__ModuleLoader__.load({
 			"detail.actual": "Actual Prompt {n}",
 			"detail.output": "Output {n}",
 			"detail.cache": "Cache {n}%",
+			"brief.turn": "User",
+			"brief.input": "In",
+			"brief.reply": "Response",
+			"brief.more": "+{n}",
+			"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)",
 			"events.title": "Context Events",
 			"events.empty": "No context events yet (compaction, injections, model switches appear here)",
 			"events.at": "Turn {t} · Step {s}",
@@ -220,10 +256,30 @@ 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.unresolved": "… {n} more file ops have paths outside the retained window",
+			"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.moreOps": "+{n} earlier ops",
+			"files.errs": "{n} failed",
+			"files.form.image": "Image",
+			"files.form.dir": "Directory",
+			"files.form.text": "File",
 			"loading": "Reading the session log…",
 			"error": "Failed to read context data: ",
 			"error.retry": "Retry",
@@ -265,6 +321,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",
@@ -419,8 +477,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 {
@@ -462,6 +519,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
 			}));
 		}
@@ -558,7 +618,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 {
@@ -575,7 +635,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),
@@ -650,6 +709,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) {
@@ -688,6 +898,56 @@ window.__ModuleLoader__.load({
 		const h = React.createElement;
 		const ReactDOM = require("react-dom");
 		//#endregion
+		//#region src/client/callSummary.ts
+		function parseCallArgs(raw) {
+			if (typeof raw !== "string" || raw === "") return null;
+			try {
+				const parsed = JSON.parse(raw);
+				return parsed !== null && typeof parsed === "object" && !Array.isArray(parsed) ? parsed : null;
+			} catch {
+				return null;
+			}
+		}
+		function summaryInArgs(args) {
+			if (args === null) return null;
+			for (const k of [
+				"description",
+				"file_path",
+				"path",
+				"filePath"
+			]) {
+				const v = args[k];
+				if (typeof v === "string" && v !== "") return v;
+			}
+			return null;
+		}
+		function callSummaryOf(conv) {
+			return summaryInArgs(parseCallArgs(conv?.call?.argsRaw));
+		}
+		function blockSummaryOf(conv) {
+			if (conv === void 0 || !Array.isArray(conv.blocks)) return null;
+			for (const b of conv.blocks) {
+				const blk = b !== null && typeof b === "object" ? b : null;
+				if (blk === null || blk.kind !== "tool-call") continue;
+				const s = summaryInArgs(parseCallArgs(blk.argsRaw));
+				if (s !== null) return s;
+			}
+			return null;
+		}
+		/**
+		* All tool-call names in an assistant conversation node, in order. The fold's surface node keeps `calls` only for TEXT-LESS replies,
+		* so a reply carrying both text and calls recovers its call breadcrumb here through the conversation join.
+		*/
+		function callNamesOf(conv) {
+			if (conv === void 0 || !Array.isArray(conv.blocks)) return [];
+			const names = [];
+			for (const b of conv.blocks) {
+				const blk = b !== null && typeof b === "object" ? b : null;
+				if (blk !== null && blk.kind === "tool-call" && typeof blk.name === "string") names.push(blk.name);
+			}
+			return names;
+		}
+		//#endregion
 		//#region src/client/components/nodes.tsx
 		function makeNodeText(kit) {
 			const { t } = kit;
@@ -701,24 +961,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. */
@@ -799,6 +1041,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;
@@ -878,6 +1122,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;
 			}
 		}
@@ -1123,18 +1369,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
@@ -1172,7 +1422,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
@@ -1191,8 +1442,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;
@@ -1228,7 +1479,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;
 				}
@@ -1261,35 +1512,6 @@ window.__ModuleLoader__.load({
 			flushImages();
 			return /* @__PURE__ */ React.createElement(React.Fragment, null, out);
 		}
-		function parseArgs(raw) {
-			if (typeof raw !== "string" || raw === "") return null;
-			try {
-				const parsed = JSON.parse(raw);
-				return parsed !== null && typeof parsed === "object" && !Array.isArray(parsed) ? parsed : null;
-			} catch {
-				return null;
-			}
-		}
-		/**
-		* A call's preview: bash-style `description`, or the target path (`file_path`/`path`/`filePath`) for edit/read/write tools; null when the
-		* arguments hold neither.
-		*/
-		function summaryIn(args) {
-			if (args === null) return null;
-			for (const k of [
-				"description",
-				"file_path",
-				"path",
-				"filePath"
-			]) {
-				const v = args[k];
-				if (typeof v === "string" && v !== "") return v;
-			}
-			return null;
-		}
-		function callSummaryOf(conv) {
-			return summaryIn(parseArgs(conv?.call?.argsRaw));
-		}
 		/**
 		* The trailing status markers dsh shell tools append at the END of a result's text while `isError` stays false
 		* (the status is result data, per tool-bash's render: "non-zero exits are reported, not errored"):
@@ -1361,18 +1583,8 @@ window.__ModuleLoader__.load({
 				exit: tail.exit
 			};
 		}
-		function blockSummaryOf(conv) {
-			if (conv === void 0 || !Array.isArray(conv.blocks)) return null;
-			for (const b of conv.blocks) {
-				const blk = b !== null && typeof b === "object" ? b : null;
-				if (blk === null || blk.kind !== "tool-call") continue;
-				const s = summaryIn(parseArgs(blk.argsRaw));
-				if (s !== null) return s;
-			}
-			return null;
-		}
 		function ToolCallCard(props) {
-			const args = React.useMemo(() => parseArgs(props.argsRaw), [props.argsRaw]);
+			const args = React.useMemo(() => parseCallArgs(props.argsRaw), [props.argsRaw]);
 			return /* @__PURE__ */ React.createElement(Section, {
 				label: (props.arrow ?? "→") + " " + props.name,
 				labelClass: "lc-ts-call-name",
@@ -1385,6 +1597,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));
 		}
@@ -1395,7 +1609,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, {
@@ -1425,7 +1640,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,
@@ -1456,52 +1672,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(() => {
@@ -1509,15 +1724,29 @@ window.__ModuleLoader__.load({
 					setOpenCat(null);
 					setOpenElem(null);
 				}, [pinSeq]);
-				const toolFocus = props.toolFocus;
+				const rootRef = React.useRef(null);
+				const focusScrollRef = React.useRef(false);
+				const nodeFocus = props.nodeFocus;
 				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 awaiting = missingSeq !== null && !exhausted && loadOlderHistory !== void 0 && hasMore;
+					if (nodeFocus === null || nodeFocus === void 0) return;
+					setSel(nodeFocus.step);
+					setOpenCat(nodeFocus.cat);
+					setOpenElem("n" + String(nodeFocus.seq));
+					focusScrollRef.current = true;
+					if (props.onNodeFocusHandled !== void 0) props.onNodeFocusHandled();
+				}, [nodeFocus, props.onNodeFocusHandled]);
+				React.useLayoutEffect(() => {
+					if (!focusScrollRef.current) return;
+					focusScrollRef.current = false;
+					rootRef.current?.querySelector(".lc-br-elem-on")?.scrollIntoView({ block: "nearest" });
+				});
+				const missNote = fetchContent === void 0 ? t("browser.noContent") : missState === "loading" ? t("browser.loading") : missState === "absent" ? t("browser.notInLog") : missState === "failed" ? /* @__PURE__ */ React.createElement("button", {
+					type: "button",
+					className: "lc-br-retry",
+					onClick: () => {
+						setRetry((r) => r + 1);
+					}
+				}, t("browser.loadFailed")) : t("browser.noContent");
 				const 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);
@@ -1540,8 +1769,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);
@@ -1570,11 +1804,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") {
@@ -1591,6 +1828,7 @@ window.__ModuleLoader__.load({
 								description: tool.description,
 								schema: tool.schema,
 								rich,
+								lines: lineLabel,
 								labels
 							}));
 						});
@@ -1630,14 +1868,17 @@ 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);
 					});
 				};
-				return /* @__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("browser.title")), /* @__PURE__ */ React.createElement("span", { className: "lc-br-hint" }, t("browser.deltaHint")), /* @__PURE__ */ React.createElement("select", {
+				return /* @__PURE__ */ React.createElement("div", {
+					className: "lc-card",
+					ref: rootRef
+				}, /* @__PURE__ */ React.createElement("div", { className: "lc-card-title" }, /* @__PURE__ */ React.createElement("span", { className: "lc-card-title-text" }, t("browser.title")), /* @__PURE__ */ React.createElement("span", { className: "lc-br-hint" }, t("browser.deltaHint")), /* @__PURE__ */ React.createElement("select", {
 					className: "lc-br-pick",
 					value: seq === null ? "live" : String(seq),
 					onChange: (e) => {
@@ -1673,12 +1914,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);
 						}
@@ -1834,26 +2078,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
@@ -1897,7 +2122,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);
@@ -1940,20 +2165,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) {
@@ -2036,6 +2255,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);
 			};
 		}
@@ -2046,7 +2286,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() {
@@ -2054,12 +2295,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();
 			};
@@ -2075,6 +2317,7 @@ window.__ModuleLoader__.load({
 				},
 				defaultGranularity: () => state.granularity,
 				defaultTrendMode: () => state.mode,
+				defaultFileSort: () => state.fileSort,
 				attach(bound) {
 					scope = bound;
 					const sync = () => {
@@ -2084,6 +2327,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
 						});
 					};
@@ -2100,6 +2344,257 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
+		//#region src/client/brief.ts
+		/** Every served node (live tail + removed archive copies), seq-sorted. */
+		function briefNodes(data) {
+			return [...data.nodes, ...data.archive].sort((a, b) => a.seq - b.seq);
+		}
+		/** First index whose node seq is >= `seq` (lower bound over the sorted list). */
+		function lowerBound(nodes, seq) {
+			let lo = 0;
+			let hi = nodes.length;
+			while (lo < hi) {
+				const mid = lo + hi >> 1;
+				if (nodes[mid].seq < seq) lo = mid + 1;
+				else hi = mid;
+			}
+			return lo;
+		}
+		/**
+		* Derive the brief for `requests[idx]` (the DISPLAY list — step records or
+		* turn aggregates; a turn aggregate is always a turn start, so its inputs row
+		* stays hidden and the opener/response carry the narrative).
+		*/
+		function briefOf(nodes, requests, idx) {
+			if (idx < 0 || idx >= requests.length) return null;
+			const req = requests[idx];
+			const ri = lowerBound(nodes, req.seq);
+			const hit = ri < nodes.length && nodes[ri].seq === req.seq ? nodes[ri] : void 0;
+			const response = hit !== void 0 && hit.cat === "assistant" ? hit : void 0;
+			const turnStart = idx === 0 || (requests[idx - 1].turn ?? 0) !== (req.turn ?? 0);
+			let firstIdx = idx;
+			while (firstIdx > 0 && (requests[firstIdx - 1].turn ?? 0) === (req.turn ?? 0)) firstIdx--;
+			const upper = requests[firstIdx].seq;
+			const lower = firstIdx > 0 ? requests[firstIdx - 1].seq : -1;
+			let opener;
+			for (let i = lowerBound(nodes, upper) - 1; i >= 0; i--) {
+				const n = nodes[i];
+				if (n.seq <= lower) break;
+				if (n.cat === "user") {
+					opener = n;
+					break;
+				}
+			}
+			const inputs = [];
+			if (!turnStart) {
+				const prevSeq = requests[idx - 1].seq;
+				for (let i = lowerBound(nodes, prevSeq + 1); i < nodes.length && nodes[i].seq < req.seq; i++) inputs.push(nodes[i]);
+			}
+			return {
+				opener,
+				inputs,
+				response
+			};
+		}
+		/**
+		* seq → one-line reply preview for the chart tooltip: the response node's
+		* text, else its tool-call breadcrumb. Absent for usage-only replies and
+		* steps outside retention.
+		*/
+		function replyTipsOf(nodes) {
+			const m = /* @__PURE__ */ new Map();
+			for (const n of nodes) {
+				if (n.cat !== "assistant") continue;
+				const s = n.text ?? (n.calls !== void 0 ? n.calls.join(" › ") : "");
+				if (s !== "") m.set(n.seq, s);
+			}
+			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();
+			let unresolved = 0;
+			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;
+				totals[kind].ops++;
+				const conv = convOf(n.seq);
+				const args = parseCallArgs(conv?.call?.argsRaw);
+				const path = pathOfArgs(tool, args);
+				if (args === null || path === null) {
+					unresolved++;
+					continue;
+				}
+				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,
+				unresolved
+			};
+		}
+		/**
+		* 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;
+		}
+		//#endregion
 		//#region src/client/components/events.tsx
 		const EVENT_ICONS = {
 			compaction: "✂",
@@ -2193,6 +2688,160 @@ window.__ModuleLoader__.load({
 				}));
 			};
 		}
+		//#endregion
+		//#region src/client/components/fileCard.tsx
+		/** An expanded file lists at most this many ops before a "+n earlier" line. */
+		const MAX_OPS = 8;
+		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 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.slice(0, MAX_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));
+					}), e.ops.length > MAX_OPS ? /* @__PURE__ */ React.createElement("div", { className: "lc-fa-more" }, t("files.moreOps", { n: e.ops.length - MAX_OPS })) : null) : null);
+				}))), activity.unresolved > 0 ? /* @__PURE__ */ React.createElement("div", { className: "lc-fa-note" }, t("files.unresolved", { n: activity.unresolved })) : null);
+			};
+		}
 		const PLUGIN_REPO = "https://github.com/bowenliang123/dsh-context";
 		const PLUGIN_REPO_SHORT = PLUGIN_REPO.replace(/^https?:\/\/github\.com\//, "");
 		//#endregion
@@ -2236,7 +2885,7 @@ window.__ModuleLoader__.load({
 			return function PluginInfo() {
 				const [latest, setLatest] = React.useState(null);
 				React.useEffect(() => {
-					if ("0.31.1".includes("-dev")) return;
+					if ("0.33.1".includes("-dev")) return;
 					let on = true;
 					fetchLatestVersion().then((v) => {
 						if (on && v) setLatest(v);
@@ -2245,8 +2894,8 @@ window.__ModuleLoader__.load({
 						on = false;
 					};
 				}, []);
-				const update = latest !== null && isNewerVersion(latest, "0.31.1") ? latest : null;
-				const nameValue = ["dsh-context (v0.31.1)"];
+				const update = latest !== null && isNewerVersion(latest, "0.33.1") ? latest : null;
+				const nameValue = ["dsh-context (v0.33.1)"];
 				if (update) nameValue.push(/* @__PURE__ */ React.createElement("span", {
 					key: "update",
 					className: "lc-pi-update"
@@ -2258,12 +2907,153 @@ window.__ModuleLoader__.load({
 		//#region src/client/components/requestDetail.tsx
 		function makeRequestDetail(kit, StackedBar) {
 			const { t, fmt, fmtTime, catLabel, eventLabel, eventAt } = kit;
+			/**
+			* 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.
+			*/
+			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);
+				const locate = () => {
+					props.onLocate?.(props.node, props.isResponse);
+				};
+				return /* @__PURE__ */ React.createElement("button", {
+					type: "button",
+					className: cls,
+					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 });
+				if (n.calls !== void 0 && n.calls.length > 0) {
+					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;
+			}
+			function BriefSection(props) {
+				const { opener, inputs, response } = props.brief;
+				if (opener === void 0 && inputs.length === 0 && response === void 0) return null;
+				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) => {
+					e?.stopPropagation();
+					props.onLocate?.(n, false);
+				};
+				const MAX_CHIPS = 3;
+				/**
+				* 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
+				}, 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: factTitle(openerParts.tag, openerParts.text) + hint
+				}, openerParts.text) : null) : null, inputs.length > 0 ? /* @__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) => 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) : null, response !== void 0 ? /* @__PURE__ */ React.createElement(BriefRow, {
+					tag: t("brief.reply"),
+					tagTip: t("brief.replyTip"),
+					node: response,
+					isResponse: true,
+					onLocate: props.onLocate
+				}, nodeChip(response, void 0, true)) : null);
+			}
 			return 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,
@@ -2288,7 +3078,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), /* @__PURE__ */ React.createElement(StackedBar, {
+				}, "✂ " + 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, {
+					brief: props.brief,
+					convOf: props.convOf,
+					onLocate: props.onLocate
+				}) : null, /* @__PURE__ */ React.createElement(StackedBar, {
 					parts,
 					height: 10
 				}), /* @__PURE__ */ React.createElement("div", { className: "lc-detail-rows" }, CATS.map((c, i) => {
@@ -2691,6 +3485,8 @@ 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;
 					if (props.granularity !== lastGranRef.current) {
 						lastGranRef.current = props.granularity;
@@ -2719,11 +3515,15 @@ window.__ModuleLoader__.load({
 						t: req.turn ?? 0,
 						s: req.step ?? 0
 					});
+					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) });
+						return head + " · " + fmtTime(req.time) + " · " + t("tip.delta", { n: (n > 0 ? "+" : "") + fmt(n) }) + tail;
 					}
-					return head + " · " + fmtTime(req.time) + " · " + t("tip.total", { n: fmt(req.total) }) + (req.prompt !== void 0 ? " · " + t("tip.actual", { n: fmt(req.prompt) }) : "");
+					return head + " · " + fmtTime(req.time) + " · " + t("tip.total", { n: fmt(req.total) }) + (req.prompt !== void 0 ? " · " + t("tip.actual", { n: fmt(req.prompt) }) : "") + tail;
 				};
 				const hoveredIdx = props.hoveredSeq !== null ? requests.findIndex((r) => r.seq === props.hoveredSeq) : -1;
 				const hoveredReq = hoveredIdx >= 0 ? requests[hoveredIdx] : null;
@@ -2803,7 +3603,7 @@ 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);
@@ -2830,9 +3630,9 @@ 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);
 				}, []);
 				const loadImage = React.useMemo(() => {
 					if (typeof sessionId !== "string" || sessionId === "") return void 0;
@@ -2840,6 +3640,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);
@@ -2847,6 +3648,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;
@@ -2863,15 +3666,24 @@ 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]);
+				const replyTips = React.useMemo(() => replyTipsOf(briefList), [briefList]);
+				const convNodes = typeof props.useSession === "function" ? props.useSession((s) => s.nodes) : void 0;
+				const bySeq = React.useMemo(() => {
+					const m = /* @__PURE__ */ new Map();
+					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);
+					/* 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;
 				};
 				let pinnedIdx = -1;
@@ -2887,6 +3699,43 @@ 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);
+				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;
+				}
+				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
+				});
+				const fileActivity = activityOf(briefList, convOf, filesBefore);
+				const locateFileOp = (op) => {
+					const step = locateStepOf(requests, op.seq, op.gone);
+					if (step === null) return;
+					setNodeFocus({
+						step,
+						seq: op.seq,
+						cat: "tool"
+					});
+				};
+				const locateNode = (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;
+					setNodeFocus({
+						step,
+						seq: node.seq,
+						cat: node.cat
+					});
+				};
 				let activeTurn = hoverTurn;
 				if (activeTurn === null && hoveredSeq !== null) {
 					for (const req of displayRequests) if (req.seq === hoveredSeq) {
@@ -2912,9 +3761,7 @@ window.__ModuleLoader__.load({
 					head,
 					subtitle: (data.model ? data.model : "") + (data.provider ? " · " + data.provider : ""),
 					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: () => {
@@ -2957,22 +3804,29 @@ window.__ModuleLoader__.load({
 					},
 					onFocusTurnHandled: () => {
 						setFocusTurn(null);
-					}
+					},
+					replyTips
 				}), /* @__PURE__ */ React.createElement(RequestDetail, {
 					request: activeReq,
 					prev: trendMode === "delta" && activeIdx >= 0 ? activeIdx > 0 ? displayRequests[activeIdx - 1] : null : void 0,
-					marker: activeReq !== null ? markerOf(activeReq) : 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,
+					onLocate: locateNode
 				})))), /* @__PURE__ */ React.createElement("div", { className: "lc-col lc-col-browser" }, /* @__PURE__ */ React.createElement(ContextBrowser, {
 					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
 				}))), /* @__PURE__ */ React.createElement("div", { className: "lc-cols" }, /* @__PURE__ */ React.createElement("div", { className: "lc-card lc-col" }, /* @__PURE__ */ React.createElement("div", { className: "lc-card-title" }, /* @__PURE__ */ React.createElement("span", { className: "lc-card-title-text" }, t("events.title")), /* @__PURE__ */ React.createElement("div", { className: "lc-kinds" }, EVENT_KINDS.map((k) => /* @__PURE__ */ React.createElement("button", {
 					key: k,
@@ -2980,10 +3834,11 @@ 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("div", { className: "lc-foot" }, t("footer")));
 			}
 			return function ContextView(props) {
 				return h(ErrorBoundary, null, h(ContextViewBody, props));
@@ -3004,7 +3859,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-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{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-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-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;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-fa-ctl{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);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{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.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-fa-more{color:var(--dsw-alias-label-secondary);padding:2px 6px;font-size:11px}.lc-fa-note{color:var(--dsw-alias-label-secondary);margin-top:8px;font-size:12px}.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{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 tagId = "dsh-context/styles.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");
@@ -3049,19 +3904,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",
@@ -3079,7 +3921,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) => {