dsh-context 0.49.4 → 0.51.0

package/lib/client.js

@@ -26,23 +26,26 @@ window.__ModuleLoader__.load({
 			"stats.title": "上下文统计",
 			"stats.turns": "轮次",
 			"stats.steps": "步数",
-			"stats.injects": "注入",
-			"stats.compactions": "压缩",
-			"stats.prunes": "剪枝",
+			"stats.humanInputs": "用户输入",
+			"stats.humanInputsTip": "当前会话中的用户消息与问题回答次数。",
 			"stats.toolCalls": "工具调用",
-			"stats.images": "图片",
+			"stats.cacheHit": "缓存命中",
 			"stats.cost": "预估费用",
-			"stats.costTip": "按 DeepSeek 官方刊例价估算整个会话的累计费用：输入区分缓存命中/未命中，输出含思考；按请求时间区分高峰（北京时间工作日 9:00–12:00、14:00–18:00）与空闲时段（半价，周末全天均为空闲时段）。适用于 deepseek-v4.1-flash / deepseek-flash / deepseek-v4-pro（不限 provider；V4.1 Pro 上线前，V4 Pro 请求将被路由并按 V4.1 Flash 单价计费），价格写死在代码中，仅供参考。",
-			"stats.costPriceHead": "每百万 tokens 价格（高峰 | 空闲半价）：",
+			"stats.costTip": "按 models.dev 刊例价估算整个会话的累计费用，人民币按 1 元 = 0.15 美元换算，仅供参考。",
+			"stats.costTipDeepseek": "DeepSeek 高峰时段（北京时间工作日 9:00–12:00、14:00–18:00）按挂牌价计费，其余时段半价。",
+			"stats.costPriceHead": "每百万 tokens 价格：",
+			"stats.costPriceHeadPair": "每百万 tokens 价格（高峰|空闲）：",
 			"stats.costHit": "命中",
 			"stats.costMiss": "未命中",
+			"stats.costWrite": "写入",
 			"stats.costOut": "输出",
+			"stats.costUnavailable": "模型价格暂不可用（自动重试中），费用暂无法估算。",
 			"timing.title": "耗时统计",
 			"timing.total": "活跃时长",
 			"timing.ttft": "模型等待",
 			"timing.gen": "模型生成",
 			"timing.reasoning": "模型思考",
-			"timing.text": "正文输出",
+			"timing.text": "模型输出",
 			"timing.toolArgs": "工具参数",
 			"timing.tools": "工具执行",
 			"timing.other": "其他开销",
@@ -50,10 +53,7 @@ window.__ModuleLoader__.load({
 			"timing.toolTimes": "{n}次",
 			"timing.empty": "暂无耗时数据 · 对话开始后这里会显示时长分布",
 			"tokens.title": "Token 统计",
-			"tokens.cacheHit": "缓存命中",
-			"tokens.cacheRead": "缓存输入",
-			"tokens.cacheWrite": "缓存写入",
-			"tokens.uncached": "未缓存输入",
+			"tokens.total": "总用量",
 			"tokens.output": "输出",
 			"tokens.outputNote": "含思考",
 			"plugin.title": "插件信息",
@@ -73,6 +73,7 @@ window.__ModuleLoader__.load({
 			"placement.all": "全部",
 			"settings.gran": "趋势图 · 默认粒度",
 			"settings.mode": "趋势图 · 默认展示方式",
+			"settings.toolSort": "工具定义 · 默认排序",
 			"settings.fileSort": "文件活动 · 默认排序",
 			"settings.expand": "展开",
 			"settings.collapse": "收起",
@@ -132,6 +133,7 @@ window.__ModuleLoader__.load({
 			"files.hits": "{n} 处命中",
 			"files.readTip": "读取第 {a}–{b} 行",
 			"files.open": "在系统中打开",
+			"files.preview": "在侧边栏预览",
 			"files.readEst": "按调用参数 limit 估算的读取行数",
 			"files.errs": "{n} 次失败",
 			"files.form.image": "图片",
@@ -267,8 +269,10 @@ window.__ModuleLoader__.load({
 			"tool.jsonHide": "收起",
 			"tool.search": "按名称、描述或参数过滤…",
 			"tool.sort.size": "按大小",
+			"tool.sort.count": "按次数",
 			"tool.sort.name": "按名称",
-			"tool.sortTip": "工具排序：按 token 大小（默认）或名称",
+			"tool.sortTip": "工具排序：按当前步骤中的调用次数（默认）、token 大小或名称",
+			"tool.hitsTip": "当前展示步骤的上下文中，该工具被调用并返回结果的次数",
 			"tool.noMatch": "没有匹配当前过滤条件的工具",
 			"rich.raw": "原文",
 			"rich.md": "Markdown",
@@ -321,17 +325,20 @@ window.__ModuleLoader__.load({
 			"stats.title": "Context Stats",
 			"stats.turns": "Turns",
 			"stats.steps": "Steps",
-			"stats.injects": "Injections",
-			"stats.compactions": "Compactions",
-			"stats.prunes": "Prunes",
+			"stats.humanInputs": "Human Inputs",
+			"stats.humanInputsTip": "User messages and question answerings in current session.",
 			"stats.toolCalls": "Tool Calls",
-			"stats.images": "Images",
+			"stats.cacheHit": "Cache Hit",
 			"stats.cost": "Cost",
-			"stats.costTip": "Rough cumulative cost of the whole session at DeepSeek’s list prices: input split by cache hit/miss, output includes reasoning; each request is priced at the peak (Beijing Time weekdays 09:00–12:00, 14:00–18:00) or half-price off-peak rate by its time — weekends bill at off-peak all day. Applies to deepseek-v4.1-flash / deepseek-flash / deepseek-v4-pro on any provider (until V4.1 Pro ships, Pro requests are routed to and billed at V4.1 Flash rates); prices are hardcoded, for reference only.",
-			"stats.costPriceHead": "Per-1M-token rates (peak | off-peak at half price):",
+			"stats.costTip": "Rough cumulative cost of the whole session at the models.dev list prices; the CNY display converts at 1 CNY = 0.15 USD. Prices are for reference only.",
+			"stats.costTipDeepseek": "DeepSeek bills peak windows (Beijing Time weekdays 09:00–12:00, 14:00–18:00) at list price; all other hours are half price.",
+			"stats.costPriceHead": "Per-1M-token rates:",
+			"stats.costPriceHeadPair": "Per-1M-token rates (peak|off-peak):",
 			"stats.costHit": "hit",
 			"stats.costMiss": "miss",
+			"stats.costWrite": "write",
 			"stats.costOut": "output",
+			"stats.costUnavailable": "Model prices are unavailable (retrying automatically) — the cost cannot be estimated yet.",
 			"timing.title": "Timing Stats",
 			"timing.total": "Active Time",
 			"timing.ttft": "TTFT",
@@ -345,10 +352,7 @@ window.__ModuleLoader__.load({
 			"timing.toolTimes": "{n} runs",
 			"timing.empty": "No timing data yet — durations appear as the conversation runs",
 			"tokens.title": "Token Stats",
-			"tokens.cacheHit": "Cache Hit",
-			"tokens.cacheRead": "Cached Input",
-			"tokens.cacheWrite": "Cache Write",
-			"tokens.uncached": "Uncached Input",
+			"tokens.total": "Total",
 			"tokens.output": "Output",
 			"tokens.outputNote": "incl. reasoning",
 			"plugin.title": "Plugin Info",
@@ -368,6 +372,7 @@ window.__ModuleLoader__.load({
 			"placement.all": "All",
 			"settings.gran": "Trend Chart · Default granularity",
 			"settings.mode": "Trend Chart · Default display",
+			"settings.toolSort": "Tool Schemas · Default sort",
 			"settings.fileSort": "File Activity · Default sort",
 			"settings.expand": "Expand",
 			"settings.collapse": "Collapse",
@@ -427,6 +432,7 @@ window.__ModuleLoader__.load({
 			"files.hits": "{n} hits",
 			"files.readTip": "Read lines {a}–{b}",
 			"files.open": "Open on your system",
+			"files.preview": "Preview in the sidebar",
 			"files.readEst": "Lines read, estimated from the limit argument",
 			"files.errs": "{n} failed",
 			"files.form.image": "Image",
@@ -562,8 +568,10 @@ window.__ModuleLoader__.load({
 			"tool.jsonHide": "Collapse",
 			"tool.search": "Filter by name, description, or parameters…",
 			"tool.sort.size": "By size",
+			"tool.sort.count": "By calls",
 			"tool.sort.name": "By name",
-			"tool.sortTip": "Sort tools by token size (default) or name",
+			"tool.sortTip": "Sort tools by call count in the shown step (default), token size, or name",
+			"tool.hitsTip": "Times this tool was called and answered within the shown step’s context",
 			"tool.noMatch": "No tools match the current filter",
 			"rich.raw": "Raw",
 			"rich.md": "Markdown",
@@ -714,27 +722,27 @@ window.__ModuleLoader__.load({
 		const CATS = [
 			{
 				key: "system",
-				color: "#6366f1"
+				color: "var(--color-indigo-500)"
 			},
 			{
 				key: "tools",
-				color: "#f59e0b"
+				color: "var(--color-amber-500)"
 			},
 			{
 				key: "user",
-				color: "#22c55e"
+				color: "var(--color-green-500)"
 			},
 			{
 				key: "inject",
-				color: "#a855f7"
+				color: "var(--color-purple-500)"
 			},
 			{
 				key: "assistant",
-				color: "#3b82f6"
+				color: "var(--color-blue-500)"
 			},
 			{
 				key: "tool",
-				color: "#14b8a6"
+				color: "var(--color-teal-500)"
 			}
 		];
 		/** Category key → bar color, for per-item bands (the browser's DNA mode) that bypass the CATS-order part builders. */
@@ -819,6 +827,30 @@ window.__ModuleLoader__.load({
 				value: Math.round(p.raw * scale)
 			}));
 		}
+		/**
+		* The Token card's billed split, by WHAT the tokens are rather than by how
+		* the provider cached them: the six composition categories share the
+		* provider-reported prompt-side total (uncached + cache read + cache write —
+		* the chat stats line's billed input) by the composition card's own
+		* estimated ratios, and the provider's exact output count closes the ring as
+		* the seventh part. Only the per-category split is estimated — every
+		* category's sum and the output figure are provider-reported, so the parts
+		* total equals the chat line's whole-session token count by construction. A
+		* zero/negative prompt total (or a hostile negative output) never invents a
+		* split: the prompt parts zero out / the output clamps at 0.
+		*/
+		function billedParts(current, breakdown, usage) {
+			const input = usage.uncachedInputTokens + usage.cacheReadTokens + usage.cacheWriteTokens;
+			const estimated = officialParts(current, breakdown);
+			return [...input > 0 ? anchoredParts(estimated, input) : estimated.map((p) => ({
+				...p,
+				value: 0
+			})), {
+				key: "output",
+				color: "var(--color-pink-500)",
+				value: Math.max(0, usage.outputTokens)
+			}];
+		}
 		//#endregion
 		//#region src/client/headline.ts
 		function headlineOf(data, pressure = null, breakdown = null) {
@@ -948,6 +980,51 @@ window.__ModuleLoader__.load({
 			};
 		}
 		/**
+		* The session-cost raw material, re-proved per provider/model/period/bucket
+		* (the shape the client's cost.ts prices): a branch, model, or period that
+		* is not a plain record drops whole — never a half-proved row — and bucket
+		* fields zero out via numOf, so garbage can only price as zero, never as
+		* NaN. Absent stays absent.
+		*/
+		function costOf(value) {
+			const data = asRecord(value);
+			if (data === null || Array.isArray(data)) return void 0;
+			const out = {};
+			for (const provider of Object.keys(data)) {
+				const models = asRecord(data[provider]);
+				if (models === null || Array.isArray(models)) continue;
+				const branch = {};
+				for (const model of Object.keys(models)) {
+					const periods = asRecord(models[model]);
+					if (periods === null || Array.isArray(periods)) continue;
+					const copy = {};
+					for (const period of ["peak", "off"]) {
+						const b = asRecord(periods[period]);
+						if (b === null || Array.isArray(b)) continue;
+						copy[period] = {
+							uncached: numOf(b.uncached),
+							cacheRead: numOf(b.cacheRead),
+							cacheWrite: numOf(b.cacheWrite),
+							output: numOf(b.output)
+						};
+					}
+					branch[model] = copy;
+				}
+				out[provider] = branch;
+			}
+			return out;
+		}
+		/** The fast-path structural check for `cost`: every branch is a plain record (bucket fields re-prove in costOf/cost.ts). */
+		function costFastOk(value) {
+			if (value === void 0) return true;
+			const data = asRecord(value);
+			if (data === null || Array.isArray(data)) return false;
+			return Object.keys(data).every((provider) => {
+				const models = asRecord(data[provider]);
+				return models !== null && !Array.isArray(models);
+			});
+		}
+		/**
 		* Narrow a delivered projection value to a RENDER-SAFE context timeline —
 		* the client's no-white-screen guarantee against backend/parse failures.
 		*
@@ -972,9 +1049,9 @@ window.__ModuleLoader__.load({
 				"assistant",
 				"tool",
 				"total"
-			].every((k) => typeof current[k] === "number") && recordsOnly(data.requests) && recordsOnly(data.events) && recordsOnly(data.nodes) && recordsOnly(data.archive) && systemsFastOk(data.systems) && timingFastOk(data.timing)) return data;
+			].every((k) => typeof current[k] === "number") && recordsOnly(data.requests) && recordsOnly(data.events) && recordsOnly(data.nodes) && recordsOnly(data.archive) && systemsFastOk(data.systems) && timingFastOk(data.timing) && costFastOk(data.cost)) return data;
 			const safeCurrent = current !== null && typeof current === "object" ? current : {};
-			const cost = typeof data.cost === "object" && data.cost !== null && !Array.isArray(data.cost) ? data.cost : void 0;
+			const cost = costOf(data.cost);
 			const timing = timingOf(data.timing);
 			const unsupported = unsupportedOf(data.unsupported);
 			const counts = countsOf(data.counts);
@@ -1000,6 +1077,7 @@ window.__ModuleLoader__.load({
 				droppedNodes: numOf(data.droppedNodes),
 				...typeof data.images === "number" ? { images: data.images } : {},
 				...typeof data.toolCalls === "number" ? { toolCalls: data.toolCalls } : {},
+				...typeof data.humanInputs === "number" ? { humanInputs: data.humanInputs } : {},
 				archive: objectsOf(data.archive),
 				...counts !== void 0 ? { counts } : {},
 				...last !== void 0 ? { last } : {},
@@ -1355,6 +1433,37 @@ window.__ModuleLoader__.load({
 				} catch {}
 			};
 		}
+		/**
+		* The right Sidebar's resource opener over `ctx.sidebarRight`, or undefined
+		* when this harness serves no such column (every line older than 0.1.5-rc.1) or
+		* the face is hostile — the caller then keeps its system-open degradation.
+		* Synchronous, and it reports whether the column took the address: `openResource`
+		* throws for a no-type-claims address or with no session surface mounted, and an
+		* unwired preview must fall back rather than become an inert click. The face is
+		* re-proved at call time (the service can land or be revoked across an HMR
+		* reload), so the returned closure reads it per open.
+		*/
+		function openResourceVia(ctx) {
+			const faceOf = () => {
+				try {
+					const face = asRecord(ctx.get("sidebarRight"));
+					return face !== null && typeof face.openResource === "function" ? face : void 0;
+				} catch {
+					return;
+				}
+			};
+			if (faceOf() === void 0) return void 0;
+			return (address) => {
+				const face = faceOf();
+				if (face === void 0) return false;
+				try {
+					face.openResource(address);
+					return true;
+				} catch {
+					return false;
+				}
+			};
+		}
 		//#endregion
 		//#region src/client/historyPage.ts
 		/**
@@ -2347,7 +2456,7 @@ window.__ModuleLoader__.load({
 					className: cls,
 					children: props.onRetry !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 						type: "button",
-						className: "lc-br-retry",
+						className: "lc-br-retry hover:brightness-[1.15]",
 						onClick: props.onRetry,
 						children: t("detail.loadFailed")
 					}) : t("detail.loadFailed")
@@ -2437,7 +2546,7 @@ window.__ModuleLoader__.load({
 			if (state === "absent") return t("browser.notInLog");
 			if (state === "failed") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 				type: "button",
-				className: "lc-br-retry",
+				className: "lc-br-retry hover:brightness-[1.15]",
 				onClick: onRetry,
 				children: t("browser.loadFailed")
 			});
@@ -2463,15 +2572,17 @@ window.__ModuleLoader__.load({
 		}
 		/**
 		* Cache-hit share of billed prompt-side input (`reads` over `billed`),
-		* TRUNCATED to two decimals (cut, not round) — same formula as the harness
-		* chat stats line's '缓存命中' figure and the stats board's cell. Null when
-		* nothing was billed. The 1e-9 epsilon absorbs only float noise (integer
-		* token counts never sit that close to a boundary).
+		* TRUNCATED to `decimals` places (cut, not round) — same formula as the
+		* harness chat stats line's '缓存命中' figure and the stats board's cell
+		* (which shows one decimal). Null when nothing was billed. The 1e-9 epsilon
+		* absorbs only float noise (integer token counts never sit that close to a
+		* boundary).
 		*/
-		function cacheHitPercent(reads, billed) {
+		function cacheHitPercent(reads, billed, decimals = 2) {
 			if (!(billed > 0)) return null;
-			const hundredths = Math.trunc(reads / billed * 1e4 + 1e-9);
-			return `${Math.floor(hundredths / 100)}.${String(hundredths % 100).padStart(2, "0")}`;
+			const factor = 10 ** decimals;
+			const scaled = Math.trunc(reads / billed * 100 * factor + 1e-9);
+			return `${Math.floor(scaled / factor)}.${String(scaled % factor).padStart(decimals, "0")}`;
 		}
 		function fmtTime(t) {
 			const d = new Date(t);
@@ -2783,7 +2894,7 @@ window.__ModuleLoader__.load({
 				};
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 					type: "button",
-					className: "lc-att-item",
+					className: "lc-att-item hover:border-(--dsw-alias-label-dimmed) hover:bg-[var(--dsw-alias-interactive-bg-hover,var(--dsw-alias-bg-layer-2))]",
 					title: error ? t("attach.loadFailed") : t("attach.open"),
 					onClick: activate,
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -3060,7 +3171,7 @@ window.__ModuleLoader__.load({
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "lc-br-toolctl",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-					className: "lc-br-tool-search",
+					className: "lc-br-tool-search focus:border-(--dsw-alias-label-dimmed)",
 					value: props.value,
 					placeholder: props.placeholder,
 					onChange: (ev) => {
@@ -3123,7 +3234,7 @@ window.__ModuleLoader__.load({
 					className: "lc-ts-json",
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 						type: "button",
-						className: "lc-ts-json-toggle",
+						className: "lc-ts-json-toggle hover:text-(--dsw-alias-label-primary) hover:underline",
 						onClick: () => {
 							setJsonOpen((o) => !o);
 						},
@@ -3386,7 +3497,7 @@ window.__ModuleLoader__.load({
 		* context) stays a hoverable/clickable filament instead of a sub-pixel sliver. Tooltips still report true shares.
 		*/
 		const DNA_MIN_BAND = .35;
-		function makeContextBrowser(kit, StackedBar) {
+		function makeContextBrowser(kit, StackedBar, settings) {
 			const { t, fmt, fmtTime, catLabel } = kit;
 			const DetailNote = makeDetailNote(kit);
 			const nodeText = makeNodeText(kit);
@@ -3399,7 +3510,7 @@ window.__ModuleLoader__.load({
 				const [openCat, setOpenCat] = (0, react.useState)(null);
 				const [openElem, setOpenElem] = (0, react.useState)(null);
 				const [rowQuery, setRowQuery] = (0, react.useState)("");
-				const [toolSort, setToolSort] = (0, react.useState)("size");
+				const [toolSort, setToolSort] = (0, react.useState)(() => settings.defaultToolSort());
 				const [dna, setDna] = (0, react.useState)(false);
 				const [dnaKey, setDnaKey] = (0, react.useState)(null);
 				const onOpenCat = props.onOpenCat;
@@ -3475,6 +3586,9 @@ window.__ModuleLoader__.load({
 				const prevView = refReq !== null ? assemble(data, headers, refReq.seq) : null;
 				const prevByCat = prevView !== null ? byCatOf(prevView) : null;
 				const byCat = byCatOf(view);
+				const toolHits = /* @__PURE__ */ new Map();
+				for (const n of view.nodes) if (n.cat === "tool" && n.tool !== void 0) toolHits.set(n.tool, (toolHits.get(n.tool) ?? 0) + 1);
+				const toolHitsOf = (tool) => toolHits.get(tool.name) ?? 0;
 				const dnaLabel = (it) => {
 					let base;
 					if (!("node" in it)) base = it.cat === "system" ? catLabel("system") : it.key.slice(5);
@@ -3539,7 +3653,7 @@ window.__ModuleLoader__.load({
 						className: "lc-br-elem" + (open ? " lc-br-elem-on" : ""),
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 							type: "button",
-							className: "lc-br-elem-row",
+							className: "lc-br-elem-row hover:bg-(--dsw-alias-interactive-bg-hover)",
 							onClick: () => {
 								toggleElem(key);
 							},
@@ -3618,13 +3732,17 @@ window.__ModuleLoader__.load({
 							const row = contentByName.get(tool.name);
 							if (row === void 0) return false;
 							return (row.description ?? "").toLowerCase().includes(q) || schemaTextOf(row.schema).toLowerCase().includes(q);
-						}).sort((a, b) => toolSort === "size" ? b.tokens - a.tokens : a.name < b.name ? -1 : 1);
+						}).sort((a, b) => toolSort === "count" ? toolHitsOf(b) - toolHitsOf(a) || (a.name < b.name ? -1 : 1) : toolSort === "size" ? b.tokens - a.tokens : a.name < b.name ? -1 : 1);
 						const toolctl = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RowToolbar, {
 							value: rowQuery,
 							placeholder: t("tool.search"),
 							tip: t("tool.sortTip"),
 							onChange: setRowQuery,
-							children: ["size", "name"].map((k) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							children: [
+								"size",
+								"count",
+								"name"
+							].map((k) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 								type: "button",
 								className: "lc-gran-btn" + (toolSort === k ? " lc-gran-on" : ""),
 								onClick: () => {
@@ -3655,11 +3773,15 @@ window.__ModuleLoader__.load({
 							});
 						};
 						return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [toolctl, shown.map((tool) => {
-							const trailing = tool.plugin !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							const trailing = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [tool.plugin !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 								className: "lc-br-tag lc-br-tool-plugin",
 								title: tool.plugin === "<unknown-plugin>" ? t("tool.unknownTitle") : t("tool.plugin"),
 								children: tool.plugin === "<unknown-plugin>" ? t("tool.unknown") : tool.plugin
-							}) : null;
+							}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "lc-br-hits",
+								title: t("tool.hitsTip"),
+								children: "×" + fmt(toolHitsOf(tool))
+							})] });
 							return elemRow("tool:" + tool.name, null, tool.name, tool.tokens, void 0, toolBody(tool), false, trailing);
 						})] });
 					}
@@ -3832,7 +3954,7 @@ window.__ModuleLoader__.load({
 									className: "lc-br-cat" + (openable ? "" : " lc-br-cat-empty"),
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 										type: "button",
-										className: "lc-br-cat-row" + (linked && props.hoverKey === c.key ? " lc-br-cat-on" : ""),
+										className: "lc-br-cat-row hover:bg-(--dsw-alias-interactive-bg-hover)" + (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 ? () => {
@@ -3892,7 +4014,9 @@ window.__ModuleLoader__.load({
 		//#region src/client/components/stackedBar.tsx
 		/**
 		* Composition bar + legend; the shared hover-link tooltip is bespoke — no shared primitive reproduces the cross-segment/legend linkage —
-		* styled through the shared `--dsw-alias-*` tokens.
+		* styled through the shared `--dsw-alias-*` tokens. On mount the segments and the free track grow open
+		* left to right (stackedBar.css, staggered by the capped per-piece `--lc-i` slots below, so a long DNA
+		* band list settles fast); the reserve band stays unanimated.
 		*/
 		/**
 		* Mirror of dsh-compaction-basic's default `thresholdRatio` (0.8): it compacts at step boundaries once `floor(contextWindow × ratio)` is
@@ -3900,6 +4024,12 @@ window.__ModuleLoader__.load({
 		* `thresholdRatio`/`modelPolicies` should adjust it to match.
 		*/
 		const AUTO_COMPACT_RATIO = .8;
+		/**
+		* Entrance stagger cap: the browser's DNA bands can list dozens of items, so the grow-in cascade stops
+		* widening after this many slots and late bands simply join within the cap (stackedBar.css delays by
+		* `--lc-i`); the composition bar's few category segments never reach it.
+		*/
+		const STAGGER_CAP = 8;
 		function makeStackedBar(kit) {
 			const { t, fmt, catLabel } = kit;
 			return function StackedBar(props) {
@@ -3978,10 +4108,11 @@ window.__ModuleLoader__.load({
 							visible.map((p, i) => {
 								const on = props.hoverKey !== void 0 && (props.hoverKey === p.key || p.group !== void 0 && props.hoverKey === p.group);
 								return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									className: "lc-stacked-seg" + (on ? " lc-stacked-seg-on" : "") + (pickKey !== void 0 ? " lc-stacked-seg-pick" : ""),
+									className: "lc-stacked-seg animate-lc-stacked-in motion-reduce:animate-none" + (on ? " lc-stacked-seg-on" : "") + (pickKey !== void 0 ? " lc-stacked-seg-pick" : ""),
 									style: {
 										width: `${widths[i]}%`,
-										backgroundColor: p.color
+										backgroundColor: p.color,
+										"--lc-i": Math.min(i, STAGGER_CAP)
 									},
 									onMouseEnter: () => {
 										if (props.onHoverKey !== void 0) props.onHoverKey(p.key);
@@ -3992,8 +4123,11 @@ window.__ModuleLoader__.load({
 								}, p.key);
 							}),
 							free > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: "lc-stacked-free" + (props.hoverKey === "free" ? " lc-stacked-free-on" : ""),
-								style: { width: `${free / scale * 100}%` },
+								className: "lc-stacked-free animate-lc-stacked-in motion-reduce:animate-none" + (props.hoverKey === "free" ? " lc-stacked-free-on" : ""),
+								style: {
+									width: `${free / scale * 100}%`,
+									"--lc-i": Math.min(visible.length, 9)
+								},
 								onMouseEnter: () => {
 									if (props.onHoverKey !== void 0) props.onHoverKey("free");
 								}
@@ -4143,7 +4277,7 @@ window.__ModuleLoader__.load({
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 									type: "button",
-									className: "lc-error-retry",
+									className: "lc-error-retry hover:border-(--dsw-alias-label-primary)",
 									onClick: () => {
 										this.setState({ error: null });
 									},
@@ -4189,11 +4323,11 @@ window.__ModuleLoader__.load({
 		* current-composition overview and the shared Context browser; rendered from the `conversation.input.overlay` slot and opened/closed
 		* through the per-session modal store, so the trigger flips it and no message ever enters session history.
 		*/
-		function makeContextModal(ctx, kit) {
+		function makeContextModal(ctx, kit, settings) {
 			const { t } = kit;
 			const StackedBar = makeStackedBar(kit);
 			const CurrentComposition = makeCurrentComposition(kit, StackedBar, makeLegend(kit));
-			const ContextBrowser = makeContextBrowser(kit, StackedBar);
+			const ContextBrowser = makeContextBrowser(kit, StackedBar, settings);
 			const ErrorBoundary = makeErrorBoundary(t);
 			function ContextModalBody(props) {
 				const sessionId = typeof props.sessionId === "string" ? props.sessionId : "";
@@ -4256,7 +4390,7 @@ window.__ModuleLoader__.load({
 								className: "lc-modal-title",
 								children: t("tab")
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								className: "lc-modal-close",
+								className: "lc-modal-close hover:text-(--dsw-alias-label-primary) hover:bg-(--dsw-alias-bg-layer-2)",
 								"aria-label": t("cmd.close"),
 								onClick: close,
 								children: "×"
@@ -4378,7 +4512,7 @@ window.__ModuleLoader__.load({
 					portal: true,
 					anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 						type: "button",
-						className: "lc-settings-select",
+						className: "lc-settings-select hover:enabled:bg-(--dsw-alias-interactive-bg-hover) disabled:opacity-50 disabled:cursor-default",
 						disabled: props.disabled,
 						"aria-haspopup": "menu",
 						"aria-expanded": open,
@@ -4486,6 +4620,28 @@ window.__ModuleLoader__.load({
 									props.set?.("defaultTrendMode", id);
 								}
 							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrefRow, {
+								label: t("settings.toolSort"),
+								value: state.toolSort,
+								disabled,
+								options: [
+									{
+										id: "size",
+										label: t("tool.sort.size")
+									},
+									{
+										id: "count",
+										label: t("tool.sort.count")
+									},
+									{
+										id: "name",
+										label: t("tool.sort.name")
+									}
+								],
+								onPick: (id) => {
+									props.set?.("defaultToolSort", id);
+								}
+							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrefRow, {
 								label: t("settings.fileSort"),
 								value: state.fileSort,
@@ -4522,6 +4678,7 @@ window.__ModuleLoader__.load({
 				...v.defaultPlacement === "all" || v.defaultPlacement === "tab" || v.defaultPlacement === "sidebar" ? { placement: v.defaultPlacement } : {},
 				...v.defaultGranularity === "step" || v.defaultGranularity === "turn" ? { granularity: v.defaultGranularity } : {},
 				...v.defaultTrendMode === "total" || v.defaultTrendMode === "delta" ? { mode: v.defaultTrendMode } : {},
+				...v.defaultToolSort === "size" || v.defaultToolSort === "count" || v.defaultToolSort === "name" ? { toolSort: v.defaultToolSort } : {},
 				...v.defaultFileSort === "count" || v.defaultFileSort === "latest" || v.defaultFileSort === "path" ? { fileSort: v.defaultFileSort } : {}
 			};
 		}
@@ -4531,13 +4688,14 @@ window.__ModuleLoader__.load({
 				placement: "all",
 				granularity: "step",
 				mode: "total",
+				toolSort: "count",
 				fileSort: "count",
 				writable: false
 			};
 			let scope;
 			const listeners = /* @__PURE__ */ new Set();
 			const publish = (next) => {
-				if (next.status === state.status && next.placement === state.placement && next.granularity === state.granularity && next.mode === state.mode && next.fileSort === state.fileSort && next.writable === state.writable) return;
+				if (next.status === state.status && next.placement === state.placement && next.granularity === state.granularity && next.mode === state.mode && next.toolSort === state.toolSort && next.fileSort === state.fileSort && next.writable === state.writable) return;
 				state = next;
 				for (const listener of listeners) listener();
 			};
@@ -4550,6 +4708,7 @@ window.__ModuleLoader__.load({
 					placement: prefs.placement ?? (rawPlacement === void 0 ? state.placement : "all"),
 					granularity: prefs.granularity ?? state.granularity,
 					mode: prefs.mode ?? state.mode,
+					toolSort: prefs.toolSort ?? state.toolSort,
 					fileSort: prefs.fileSort ?? state.fileSort,
 					writable: snap.writable
 				});
@@ -4568,6 +4727,7 @@ window.__ModuleLoader__.load({
 				defaultPlacement: () => state.placement,
 				defaultGranularity: () => state.granularity,
 				defaultTrendMode: () => state.mode,
+				defaultToolSort: () => state.toolSort,
 				defaultFileSort: () => state.fileSort,
 				attach(bound) {
 					scope = bound;
@@ -4647,6 +4807,68 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
+		//#region node_modules/.pnpm/@deepseek-ai+dsh-util-workspace-path@0.1.5-rc.1_@deepseek-ai+cordis@4.0.2/node_modules/@deepseek-ai/dsh-util-workspace-path/lib/index.js
+		/**
+		* The `dsh-resource://file/…` address grammar: how a file is named across the
+		* Sidebar and the resource model, built and parsed without touching a
+		* filesystem.
+		* @module
+		*/
+		/** The scheme and type every file address opens with. */
+		const FILE_ADDRESS_PREFIX = "dsh-resource://file/";
+		/** Component-encode one id or path segment, keeping `:` literal for drive letters. */
+		function encodeSegment(segment) {
+			return encodeURIComponent(segment).replace(/%3A/gi, ":");
+		}
+		/** Encode a `/`-separated path segment by segment. */
+		function encodePath(path) {
+			return path.split("/").map(encodeSegment).join("/");
+		}
+		/**
+		* Build the address of a file read through one Session.
+		* @param sessionId - the Session whose Host workspace resolves the path.
+		* @param path - absolute or workspace-relative path; backslashes are normalized to `/`, and leading `./` prefixes are dropped.
+		* @returns the `dsh-resource://file/session/<sessionId>/<path>` address.
+		*/
+		function sessionFileAddress(sessionId, path) {
+			const normalized = path.replace(/\\/g, "/").replace(/^(?:\.\/)+/, "");
+			return `${FILE_ADDRESS_PREFIX}session/${encodeSegment(sessionId)}/${encodePath(normalized)}`;
+		}
+		/**
+		* Browser-safe Workspace path and display helpers.
+		* @module @deepseek-ai/dsh-util-workspace-path
+		*/
+		/** Whether a path uses a Windows drive or UNC prefix. */
+		function isWindowsStylePath(value) {
+			return /^[A-Za-z]:[/\\]/.test(value) || value.startsWith("\\\\");
+		}
+		/**
+		* Whether a path is absolute in either spelling the Host accepts: POSIX (`/a/b`) or Windows drive or UNC.
+		* @param path - the path to classify.
+		* @returns `true` for an absolute path; `false` for a Workspace-relative one.
+		*/
+		function isAbsoluteWorkspacePath(path) {
+			return path.startsWith("/") || isWindowsStylePath(path);
+		}
+		/**
+		* The address for a path as a caller holds it: a relative path, or an absolute
+		* path inside the Session's workspace, becomes a `session`-scoped address; an
+		* absolute path outside it, or one whose workspace root is unknown, keeps its
+		* absolute path in that Session's address.
+		* @param sessionId - the Session the path is read in.
+		* @param cwd - that Session's workspace root, when known.
+		* @param path - absolute or workspace-relative path, in either separator spelling.
+		* @returns the `dsh-resource://file/…` address.
+		*/
+		function fileAddressFor(sessionId, cwd, path) {
+			const normalized = path.replace(/\\/g, "/");
+			if (!isAbsoluteWorkspacePath(normalized)) return sessionFileAddress(sessionId, normalized);
+			const root = cwd === void 0 ? "" : cwd.replace(/\\/g, "/").replace(/\/+$/, "");
+			if (root !== "" && normalized === root) return sessionFileAddress(sessionId, "");
+			if (root !== "" && normalized.startsWith(`${root}/`)) return sessionFileAddress(sessionId, normalized.slice(root.length + 1));
+			return sessionFileAddress(sessionId, normalized);
+		}
+		//#endregion
 		//#region src/client/fileActivity.ts
 		/** The file's form — multimodal reads and image extensions scan apart; a trailing slash marks a directory target. */
 		function formOf(tool, path) {
@@ -5138,6 +5360,23 @@ window.__ModuleLoader__.load({
 			return workspace.replace(/\/+$/, "") + "/" + path.replace(/^\/+/, "");
 		}
 		/**
+		* The right-Sidebar preview address of a real file — the session-scoped
+		* `dsh-resource://file/…` address the shipped preview type claims, built by
+		* the harness's own `fileAddressFor` (the files sidebar's idiom: a path under
+		* the workspace collapses to its session-relative spelling, so every route to
+		* one file settles on one tab). Undefined for a pathless search's PATTERN, a
+		* directory target, a missing session, and any path the encoder rejects — the
+		* caller falls back to the system opener or renders the name inert.
+		*/
+		function previewAddressOf(path, form, pattern, sessionId, workspace) {
+			if (pattern === true || form === "dir" || sessionId === void 0 || sessionId === "") return void 0;
+			try {
+				return fileAddressFor(sessionId, workspace, path);
+			} catch {
+				return;
+			}
+		}
+		/**
 		* The row's display form of a path: inside the workspace (or already
 		* workspace-relative) it shortens to a './'-prefixed relative — an absolute
 		* path outside the workspace, a Windows drive path, and an already-'.'
@@ -5782,9 +6021,9 @@ window.__ModuleLoader__.load({
 		/** Fallback arc color for pressure-only nodes (no composition data), by fill ratio. */
 		function ringColorOf(pct) {
 			if (pct === null) return "var(--dsw-alias-border-l1)";
-			if (pct >= 90) return "#ef4444";
-			if (pct >= 70) return "#f59e0b";
-			return "#22c55e";
+			if (pct >= 90) return "var(--color-red-500)";
+			if (pct >= 70) return "var(--color-amber-500)";
+			return "var(--color-green-500)";
 		}
 		function makeAgentGraph(ctx, kit) {
 			const { t, fmt, catLabel } = kit;
@@ -5909,15 +6148,14 @@ window.__ModuleLoader__.load({
 								children: [layout.links.map((link) => {
 									const d = `M ${link.x1} ${link.y1} L ${link.x2} ${link.y2}`;
 									return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("g", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-										className: "lc-agents-link" + (link.running ? " lc-agents-link-live" : ""),
+										className: "lc-agents-link stroke-[1.5px] stroke-opacity-45" + (link.running ? " lc-agents-link-live" : ""),
 										d,
 										stroke: link.color,
 										fill: "none"
 									}), link.running ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-										className: "lc-agents-flow",
+										className: "lc-agents-flow animate-lc-agent-flow fill-none stroke-2",
 										d,
-										stroke: link.color,
-										fill: "none"
+										stroke: link.color
 									}) : null] }, link.to);
 								}), forest.nodes.map((node) => {
 									const point = layout.points.find((p) => p.id === node.id);
@@ -5975,7 +6213,7 @@ window.__ModuleLoader__.load({
 			const pct = node.head !== null ? node.head.pct : null;
 			const ring = 2 * Math.PI * 20;
 			const segs = node.head !== null ? ringSegments(node.head.parts, pct, 20, ringColorOf(pct)) : [];
-			const cls = "lc-agent-node" + (node.isCurrent ? " lc-agent-self" : "") + (node.running ? " lc-agent-running" : "") + (node.completed && !node.running ? " lc-agent-done" : "") + (props.hovered ? " lc-agent-hover" : "") + (node.isCurrent ? "" : " lc-agent-clickable");
+			const cls = "lc-agent-node" + (node.isCurrent ? " lc-agent-self" : "") + (node.running ? " lc-agent-running" : "") + (node.completed && !node.running ? " lc-agent-done" : "") + (props.hovered ? " lc-agent-hover" : "") + (node.isCurrent ? "" : " lc-agent-clickable") + " group/agent";
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("g", {
 				className: cls,
 				transform: `translate(${x}, ${y})`,
@@ -5994,23 +6232,23 @@ window.__ModuleLoader__.load({
 				},
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
-						className: "lc-agent-halo",
+						className: "lc-agent-halo fill-transparent group-hover/agent:fill-[var(--dsw-alias-interactive-bg-hover,var(--dsw-alias-bg-layer-2))] group-focus-visible/agent:fill-[var(--dsw-alias-interactive-bg-hover,var(--dsw-alias-bg-layer-2))]" + (node.running ? " animate-lc-agent-glow" : ""),
 						r: 35
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
-						className: "lc-agent-track",
+						className: "lc-agent-track fill-(--dsw-alias-bg-layer-1) stroke-(--dsw-alias-border-l1) stroke-[1.5px]",
 						r: 26
 					}),
 					segs.map((seg) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
-						className: "lc-agent-seg" + (seg.free ? " lc-agent-free" : ""),
+						className: "lc-agent-seg fill-none stroke-9" + (seg.free ? " lc-agent-free" : ""),
 						r: 20,
-						stroke: seg.free ? void 0 : seg.color,
 						strokeDasharray: `${seg.len} ${ring - seg.len}`,
 						strokeDashoffset: -seg.offset,
+						style: { stroke: seg.free ? void 0 : seg.color },
 						transform: "rotate(-90)"
 					}, seg.key)),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("text", {
-						className: "lc-agent-pct",
+						className: "lc-agent-pct fill-(--dsw-alias-label-primary)",
 						textAnchor: "middle",
 						dy: "0.32em",
 						children: pct !== null ? `${pct}%` : node.head !== null ? props.fmt(node.head.tokens) : "—"
@@ -6090,7 +6328,9 @@ window.__ModuleLoader__.load({
 		* with no value are skipped; an all-zero ring renders as one neutral track so
 		* the card never draws a misleading "100% of nothing" pie. The center type
 		* scales with the ring's size, so the label always fits inside the hole the
-		* thin stroke leaves.
+		* thin stroke leaves. On mount the slices sweep in one after another, growing
+		* their dasharcs clockwise from 12 o'clock (stats.css, staggered by the
+		* per-slice `--lc-i` slot below).
 		*/
 		/**
 		* The hairline divider between two slices, in dasharray units (1 unit ≈ 1% of
@@ -6123,7 +6363,7 @@ window.__ModuleLoader__.load({
 				}
 				const hovering = props.hoverKey !== null && props.hoverKey !== void 0 && arcs.some((a) => a.key === props.hoverKey);
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "lc-donut" + (hovering ? " lc-donut-dim" : ""),
+					className: "lc-donut @max-[240px]/lc-card:mx-auto" + (hovering ? " lc-donut-dim" : ""),
 					style: {
 						width: size,
 						height: size
@@ -6137,22 +6377,21 @@ window.__ModuleLoader__.load({
 						height: size,
 						"aria-hidden": "true",
 						children: arcs.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
-							className: "lc-donut-track",
+							className: "lc-donut-track fill-none stroke-4",
 							cx: "21",
 							cy: "21",
-							r: "15.9155",
-							fill: "none",
-							strokeWidth: "4"
-						}) : arcs.map((a) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
-							className: "lc-donut-seg" + (props.hoverKey === a.key ? " lc-donut-seg-on" : ""),
+							r: "15.9155"
+						}) : arcs.map((a, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+							className: "lc-donut-seg fill-none stroke-4 animate-lc-donut-in motion-reduce:animate-none" + (props.hoverKey === a.key ? " lc-donut-seg-on" : ""),
 							cx: "21",
 							cy: "21",
 							r: "15.9155",
-							fill: "none",
-							stroke: a.color,
-							strokeWidth: "4",
 							strokeDasharray: `${a.len} ${100 - a.len}`,
 							strokeDashoffset: a.offset,
+							style: {
+								"--lc-i": i,
+								stroke: a.color
+							},
 							onMouseEnter: () => {
 								if (props.onHoverKey !== void 0) props.onHoverKey(a.key);
 							}
@@ -6284,7 +6523,7 @@ window.__ModuleLoader__.load({
 						const at = eventAt(ev);
 						const glyph = ev.kind === "inject" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconPlusOutline16, {}) : ev.kind === "model" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconBranchOutline16, {}) : EVENT_ICONS[ev.kind] || "•";
 						return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: "lc-event",
+							className: "lc-event @max-[380px]/lc-card:flex-wrap",
 							children: [
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: "lc-event-icon lc-event-" + ev.kind,
@@ -6295,7 +6534,7 @@ window.__ModuleLoader__.load({
 									children: t("kind." + ev.kind)
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "lc-event-label",
+									className: "lc-event-label flex-1 @max-[380px]/lc-card:basis-[calc(100%-92px)]",
 									children: label
 								}),
 								at !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -6329,6 +6568,9 @@ window.__ModuleLoader__.load({
 		* Interaction mirrors the Context browser's element rows: a row click
 		* expands the file's own operation log; each operation is itself the click
 		* target that jumps to (and reveals) the exact tool result in the browser.
+		* The file name opens the file's right-Sidebar preview where that column
+		* exists (dsh 0.1.5-rc.1+, the shipped files-sidebar idiom), and the system
+		* opener where it does not.
 		*/
 		function makeFileCard(kit, settings) {
 			const { t, fmt, fmtTime } = kit;
@@ -6450,7 +6692,7 @@ window.__ModuleLoader__.load({
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "lc-fa-ctl",
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: "lc-gran",
+								className: "lc-gran @max-[380px]/lc-card:flex-wrap",
 								children: chips.map((c) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 									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 : ""),
@@ -6467,7 +6709,7 @@ window.__ModuleLoader__.load({
 									})]
 								}, c.key))
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-								className: "lc-fa-search",
+								className: "lc-fa-search focus:border-(--dsw-alias-label-dimmed)",
 								value: query,
 								placeholder: t("files.search"),
 								onChange: (ev) => {
@@ -6480,12 +6722,12 @@ window.__ModuleLoader__.load({
 							children: [
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("files.files", { n: activity.entries.length }) }),
 								activity.totals.added + activity.totals.removed > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-									className: "lc-fa-meta-delta",
+									className: "lc-fa-meta-delta group/tip",
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DeltaPair, {
 										added: activity.totals.added,
 										removed: activity.totals.removed
 									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "lc-tip lc-fa-meta-tip",
+										className: "lc-tip lc-fa-meta-tip group-hover/tip:opacity-100",
 										role: "tooltip",
 										children: t("files.deltaTip")
 									})]
@@ -6523,11 +6765,13 @@ window.__ModuleLoader__.load({
 								const base = slash >= 0 ? trimmed.slice(slash + 1) : trimmed;
 								const glyph = glyphOf(e.path, e.form);
 								const abs = e.pattern === true ? void 0 : absPathOf(e.path, props.workspace);
+								const previewable = props.onPreview !== void 0 && e.pattern !== true && e.form !== "dir";
+								const openable = previewable || abs !== void 0 && props.onOpen !== void 0;
 								return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									className: "lc-fa-item" + (open ? " lc-fa-item-on" : ""),
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 										type: "button",
-										className: "lc-fa-row",
+										className: "lc-fa-row hover:bg-(--dsw-alias-interactive-bg-hover) @max-[380px]/lc-card:flex-wrap",
 										title: e.path,
 										onClick: () => {
 											setOpenPath(open ? null : e.path);
@@ -6547,13 +6791,14 @@ window.__ModuleLoader__.load({
 												}) : glyph.glyph
 											}),
 											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-												className: "lc-fa-path",
-												children: [dir !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("em", { children: dir }) : null, abs !== void 0 && props.onOpen !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", {
-													className: "lc-fa-file",
-													title: t("files.open"),
+												className: "lc-fa-path flex-1 @max-[380px]/lc-card:basis-[calc(100%-46px)]",
+												children: [dir !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("em", { children: dir }) : null, openable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", {
+													className: "lc-fa-file hover:underline",
+													title: t(previewable ? "files.preview" : "files.open"),
 													onClick: (ev) => {
 														ev.stopPropagation();
-														props.onOpen?.(abs);
+														if (previewable && props.onPreview?.(e) === true) return;
+														if (abs !== void 0) props.onOpen?.(abs);
 													},
 													children: base
 												}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", { children: base })]
@@ -6593,7 +6838,7 @@ window.__ModuleLoader__.load({
 											const key = `${op.seq}:${i}`;
 											return onLocate !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 												type: "button",
-												className: "lc-fa-op lc-fa-op-link",
+												className: "lc-fa-op lc-fa-op-link hover:bg-(--dsw-alias-interactive-bg-hover)",
 												title: t("files.locate"),
 												onClick: () => {
 													onLocate(op);
@@ -6664,7 +6909,7 @@ window.__ModuleLoader__.load({
 		function makePluginInfo(kit) {
 			const { t } = kit;
 			const row = (label, value, href, hint) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
-				className: "lc-pi-row",
+				className: "lc-pi-row group/pi",
 				href,
 				target: "_blank",
 				rel: "noreferrer",
@@ -6672,7 +6917,7 @@ window.__ModuleLoader__.load({
 					className: "lc-pi-label",
 					children: label
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "lc-pi-value",
+					className: "lc-pi-value group-hover/pi:underline",
 					title: hint,
 					children: value
 				})]
@@ -6680,7 +6925,7 @@ window.__ModuleLoader__.load({
 			return function PluginInfo() {
 				const [latest, setLatest] = (0, react.useState)(null);
 				(0, react.useEffect)(() => {
-					if ("0.49.4".includes("-dev")) return;
+					if ("0.51.0".includes("-dev")) return;
 					let on = true;
 					fetchLatestVersion().then((v) => {
 						if (on && v) setLatest(v);
@@ -6689,22 +6934,22 @@ window.__ModuleLoader__.load({
 						on = false;
 					};
 				}, []);
-				const update = latest !== null && isNewerVersion(latest, "0.49.4") ? latest : null;
-				const nameText = "dsh-context (v0.49.4)";
+				const update = latest !== null && isNewerVersion(latest, "0.51.0") ? latest : null;
+				const nameText = "dsh-context (v0.51.0)";
 				const nameValue = [nameText];
 				if (update) nameValue.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: "lc-pi-update",
 					children: "↑ v" + update
 				}, "update"));
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "lc-card",
+					className: "lc-card flex-1 min-w-[min(360px,100%)]",
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "lc-card-title",
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							className: "lc-card-title-text",
 							children: t("plugin.title")
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-							className: "lc-card-sub lc-pi-hint",
+							className: "lc-card-sub lc-pi-hint hover:underline",
 							href: PLUGIN_REPO,
 							target: "_blank",
 							rel: "noreferrer",
@@ -6713,11 +6958,11 @@ window.__ModuleLoader__.load({
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "lc-pi-grid",
 						children: [
-							row(t("plugin.name"), nameValue, PLUGIN_REPO + "/releases", update !== null ? nameText + " ↑ v" + update : nameText),
+							row(t("plugin.name"), nameValue, PLUGIN_REPO, update !== null ? nameText + " ↑ v" + update : nameText),
 							row(t("plugin.github"), PLUGIN_REPO_SHORT, PLUGIN_REPO, PLUGIN_REPO_SHORT),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 								type: "button",
-								className: "lc-pi-row lc-pi-row-btn",
+								className: "lc-pi-row lc-pi-row-btn group/pi",
 								onClick: () => {
 									openPluginSettings();
 								},
@@ -6725,7 +6970,7 @@ window.__ModuleLoader__.load({
 									className: "lc-pi-label",
 									children: t("plugin.settings")
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									className: "lc-pi-value",
+									className: "lc-pi-value group-hover/pi:underline",
 									title: t("plugin.settingsOpen"),
 									children: t("plugin.settingsOpen")
 								})]
@@ -6777,7 +7022,7 @@ window.__ModuleLoader__.load({
 									className: "lc-modal-title",
 									children: t("gate.title")
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									className: "lc-modal-close",
+									className: "lc-modal-close hover:text-(--dsw-alias-label-primary) hover:bg-(--dsw-alias-bg-layer-2)",
 									"aria-label": t("cmd.close"),
 									onClick: close,
 									children: "×"
@@ -6820,7 +7065,7 @@ window.__ModuleLoader__.load({
 								className: "lc-gate-actions",
 								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 									type: "button",
-									className: "lc-gate-ok",
+									className: "lc-gate-ok hover:brightness-110",
 									onClick: close,
 									children: t("gate.ok")
 								})
@@ -6841,9 +7086,9 @@ window.__ModuleLoader__.load({
 			*/
 			function BriefRow(props) {
 				const inner = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-					className: "lc-brief-tag",
+					className: "lc-brief-tag group/tip",
 					children: [props.tag, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "lc-tip lc-brief-tip",
+						className: "lc-tip lc-brief-tip group-hover/tip:opacity-100",
 						role: "tooltip",
 						children: props.tagTip
 					})]
@@ -6859,7 +7104,7 @@ window.__ModuleLoader__.load({
 				};
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 					type: "button",
-					className: "lc-brief-row lc-brief-row-link",
+					className: "lc-brief-row lc-brief-row-link hover:bg-(--dsw-alias-interactive-bg-hover)",
 					onClick: locate,
 					children: inner
 				});
@@ -6955,7 +7200,7 @@ window.__ModuleLoader__.load({
 				const nodeChip = (n, onClick, grow = false) => {
 					const { tag, text } = chipParts(n, convOf(n.seq));
 					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-						className: "lc-brief-chip" + (grow ? " lc-brief-chip-grow" : "") + (onClick !== void 0 ? " lc-brief-chip-link" : ""),
+						className: "lc-brief-chip" + (grow ? " lc-brief-chip-grow" : "") + (onClick !== void 0 ? " lc-brief-chip-link hover:bg-(--dsw-alias-interactive-bg-hover)" : ""),
 						title: factTitle(tag, text) + hint,
 						onClick,
 						children: [
@@ -7146,107 +7391,331 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
+		//#region src/shared/providers.ts
+		/**
+		* The provider-id seam between dsh request envelopes and the models.dev
+		* registry: client/cost.ts resolves price-book branches through it, and
+		* host/fold.ts uses the DeepSeek resolution to split the session-cost totals
+		* into peak/off-peak periods. Only the renames live here — an id absent
+		* from the table passes through verbatim.
+		*/
+		const MODELS_DEV_PROVIDER_IDS = {
+			"deepseek-official": "deepseek",
+			"kimi-coding": "moonshotai",
+			"minimax-cn": "minimax",
+			"zai-coding-cn": "zhipuai"
+		};
+		/** The models.dev provider id that prices a dsh provider (identity for unmapped ids). */
+		function modelsDevProviderOf(dshProviderId) {
+			return MODELS_DEV_PROVIDER_IDS[dshProviderId] ?? dshProviderId;
+		}
+		/** Whether a dsh provider prices through DeepSeek's period-based list (peak / half-price off-peak). */
+		function isDeepSeekProvider(dshProviderId) {
+			return modelsDevProviderOf(dshProviderId) === "deepseek";
+		}
+		//#endregion
 		//#region src/client/cost.ts
-		/** The Flash-series rates (peak = 2× off-peak), per currency. */
-		const FLASH_RATES = {
-			usd: {
-				peak: {
-					hit: .006,
-					miss: .3,
-					out: 1.2
-				},
-				off: {
-					hit: .003,
-					miss: .15,
-					out: .6
-				}
-			},
-			cny: {
-				peak: {
-					hit: .04,
-					miss: 2,
-					out: 8
-				},
-				off: {
-					hit: .02,
-					miss: 1,
-					out: 4
-				}
+		/** 1 CNY = 0.15 USD — the fixed CNY-display conversion rate. */
+		const USD_PER_CNY = .15;
+		/** Off-peak DeepSeek rates are half the peak rates (the official list). */
+		const OFF_PEAK_FACTOR = .5;
+		/** A USD amount in the display currency (CNY divides the fixed rate). */
+		function toCurrency(usd, currency) {
+			return currency === "cny" ? usd / USD_PER_CNY : usd;
+		}
+		/** One rate triple at the half-price off-peak rate (the tooltip's `peak | off` pair). */
+		function offPeakOf(rate) {
+			return {
+				hit: rate.hit * OFF_PEAK_FACTOR,
+				miss: rate.miss * OFF_PEAK_FACTOR,
+				write: rate.write * OFF_PEAK_FACTOR,
+				out: rate.out * OFF_PEAK_FACTOR
+			};
+		}
+		/** One book branch (a provider's models), as far as runtime can prove it. */
+		function branchOf(book, id) {
+			const v = book[id];
+			return v !== null && typeof v === "object" ? v : null;
+		}
+		/**
+		* One branch's model id → rates, as far as runtime can prove it: exact own
+		* key first (the book is untrusted wire data), then case-insensitively, then
+		* by id SUFFIX — dsh spells some models short (`k3`) where the registry
+		* namespaces them (`kimi-k3`). Several suffix candidates (e.g. `k3` vs a
+		* hypothetical `other-k3`) are ambiguous and price nothing.
+		*/
+		function lookup(models, model) {
+			if (Object.hasOwn(models, model)) return models[model];
+			const m = model.toLowerCase();
+			let found = null;
+			let seen = null;
+			for (const id in models) {
+				const lower = id.toLowerCase();
+				if (lower !== m && !lower.endsWith("-" + m)) continue;
+				if (seen !== null && seen !== lower) return null;
+				seen = lower;
+				found = models[id];
 			}
-		};
-		/**
-		* Pro rides the Flash triple: between the V4.1 Flash launch and the V4.1 Pro
-		* release, DeepSeek routes every Pro request to V4.1 Flash and bills it at
-		* the Flash rates — point `pro` at the new table once V4.1 Pro is priced.
-		*/
-		const PRICES = {
-			usd: {
-				flash: FLASH_RATES.usd,
-				pro: FLASH_RATES.usd
-			},
-			cny: {
-				flash: FLASH_RATES.cny,
-				pro: FLASH_RATES.cny
+			return found;
+		}
+		/**
+		* The book's rates for one folded (provider, model) bucket, or null when
+		* the book cannot price it: the dsh provider id resolves through
+		* modelsDevProviderOf (unmapped ids pass through) and prices by model id —
+		* exact, case-insensitive, or suffix; a provider the book does not carry
+		* falls back to a cross-provider scan, priced only when exactly one branch
+		* carries the model id.
+		*/
+		function priceOf(prices, provider, model) {
+			if (prices === null || prices === void 0) return null;
+			const direct = branchOf(prices, modelsDevProviderOf(provider));
+			if (direct !== null) return lookup(direct, model);
+			let found = null;
+			for (const models of Object.values(prices)) {
+				const rate = lookup(models, model);
+				if (rate === null) continue;
+				if (found !== null) return null;
+				found = rate;
 			}
-		};
+			return found;
+		}
 		/**
 		* Price the session's cumulative billed-token totals. Cache reads bill at
-		* the hit rate; uncached input AND cache writes bill at the miss rate;
-		* output (reasoning included) bills at the out rate. Null when nothing was
-		* priced (no DeepSeek V4 usage folded yet), so the cell can show a dash.
-		*/
-		function estimateSessionCost(usage, currency) {
-			if (usage === null || usage === void 0) return null;
+		* the hit rate, uncached input at the miss rate, cache writes at the write
+		* rate, output (reasoning included) at the out rate; `off` buckets (the
+		* Host splits DeepSeek's period-based list at fold time) price at half.
+		* Null when nothing was priced (no usage folded, no book yet, or no model
+		* the book prices), so the cell can show a dash.
+		*/
+		function estimateSessionCost(usage, prices, currency) {
+			if (usage === null || usage === void 0 || prices === null || prices === void 0) return null;
 			let total = 0;
 			let any = false;
-			for (const family of ["flash", "pro"]) {
-				const fam = usage[family];
-				if (fam === void 0) continue;
-				for (const period of ["peak", "off"]) {
-					const b = fam[period];
-					if (b === void 0) continue;
-					const p = PRICES[currency][family][period];
-					total += (numOf(b.cacheRead) * p.hit + (numOf(b.uncached) + numOf(b.cacheWrite)) * p.miss + numOf(b.output) * p.out) / 1e6;
-					any = true;
+			for (const provider of Object.keys(usage)) {
+				const models = asRecord(usage[provider]);
+				if (models === null) continue;
+				const offPeak = isDeepSeekProvider(provider);
+				for (const model of Object.keys(models)) {
+					const rate = priceOf(prices, provider, model);
+					const periods = asRecord(models[model]);
+					if (rate === null || periods === null) continue;
+					for (const period of ["peak", "off"]) {
+						const bucket = asRecord(periods[period]);
+						if (bucket === null) continue;
+						const price = (numOf(bucket.cacheRead) * rate.hit + numOf(bucket.uncached) * rate.miss + numOf(bucket.cacheWrite) * rate.write + numOf(bucket.output) * rate.out) / 1e6;
+						total += offPeak && period === "off" ? price * OFF_PEAK_FACTOR : price;
+						any = true;
+					}
 				}
 			}
-			return any ? total : null;
+			return any ? toCurrency(total, currency) : null;
 		}
 		function formatCost(amount, currency) {
 			return (currency === "cny" ? "¥" : "$") + (amount >= 1 ? amount.toFixed(2) : amount.toPrecision(2));
 		}
-		/**
-		* All priced model families for one currency, in display order, with their
-		* peak/off-peak rate triples — the raw material of the stats-board tooltip's
-		* price list. The numbers stay hardcoded in PRICES above; this function only
-		* reshapes the table for display, so what the tooltip prints can never drift
-		* from the math that prices the session.
-		*/
-		function sessionPrices(currency) {
-			return ["flash", "pro"].map((id) => ({
-				family: id === "flash" ? "deepseek-v4.1-flash / deepseek-flash" : "deepseek-v4-pro",
-				peak: PRICES[currency][id].peak,
-				off: PRICES[currency][id].off
-			}));
-		}
 		/** Price-list figure: the same money format as formatCost, trailing zeros trimmed (¥3.00 → ¥3, $0.0070 → $0.007). */
 		function formatPriceRate(amount, currency) {
 			return formatCost(amount, currency).replace(/0+$/, "").replace(/\.$/, "");
 		}
 		//#endregion
+		//#region node_modules/.pnpm/@opencode-ai+models@0.0.72/node_modules/@opencode-ai/models/dist/error.js
+		/**
+		* The only error thrown by the models.dev client.
+		*
+		* - `Transport` — the fetch itself failed (network, DNS, abort). `cause` is the underlying error.
+		* - `UnexpectedStatus` — non-2xx response. `cause` is `{ status: number }`.
+		* - `MalformedResponse` — the body was empty or not valid JSON. `cause` is the parse error, if any.
+		*/
+		var ModelsDevError = class extends Error {
+			reason;
+			name = "ModelsDevError";
+			constructor(reason, options) {
+				super(reason, options);
+				this.reason = reason;
+			}
+		};
+		//#endregion
+		//#region node_modules/.pnpm/@opencode-ai+models@0.0.72/node_modules/@opencode-ai/models/dist/client.js
+		/**
+		* Creates a stateless models.dev client. Every method performs exactly one
+		* `GET` and nothing is ever cached — callers who want caching should wrap
+		* calls with their own policy. For a no-network alternative, see the
+		* `@opencode-ai/models/snapshot` entrypoint.
+		*/
+		function make(options = {}) {
+			const baseUrl = options.baseUrl ?? "https://models.dev";
+			const base = baseUrl.endsWith("/") ? baseUrl : baseUrl + "/";
+			const request = async (path, requestOptions) => {
+				const fetch = options.fetch ?? globalThis.fetch;
+				const headers = new Headers();
+				for (const [key, value] of new Headers(options.headers)) headers.set(key, value);
+				for (const [key, value] of new Headers(requestOptions?.headers)) headers.set(key, value);
+				let response;
+				try {
+					response = await fetch(new URL(path, base), {
+						method: "GET",
+						headers,
+						signal: requestOptions?.signal
+					});
+				} catch (cause) {
+					throw new ModelsDevError("Transport", { cause });
+				}
+				if (!response.ok) {
+					try {
+						await response.body?.cancel();
+					} catch {}
+					throw new ModelsDevError("UnexpectedStatus", { cause: { status: response.status } });
+				}
+				let text;
+				try {
+					text = await response.text();
+				} catch (cause) {
+					throw new ModelsDevError("Transport", { cause });
+				}
+				if (text === "") throw new ModelsDevError("MalformedResponse");
+				try {
+					return JSON.parse(text);
+				} catch (cause) {
+					throw new ModelsDevError("MalformedResponse", { cause });
+				}
+			};
+			return {
+				/** All providers with their models, pricing, and limits (`/api.json`). */
+				providers: (requestOptions) => request("api.json", requestOptions),
+				/** Provider-agnostic model metadata (`/models.json`). */
+				models: (requestOptions) => request("models.json", requestOptions),
+				/** Providers and model metadata in a single request (`/catalog.json`). */
+				catalog: (requestOptions) => request("catalog.json", requestOptions)
+			};
+		}
+		//#endregion
+		//#region src/client/modelPrices.ts
+		/**
+		* The client's model-price book (client/cost.ts prices from it): the
+		* models.dev registry, fetched through the official @opencode-ai/models
+		* SDK. The registry payload is untrusted wire input, so `pricesBookOf`
+		* re-proves every field at the boundary — a non-conforming provider/model/
+		* cost entry drops whole. The book keeps EVERY provider that prices (keyed
+		* by the registry's own provider id), so a dsh provider id outside the
+		* rename table still prices by direct passthrough. One fetch per page load,
+		* kicked on first subscribe; a failure degrades to a visible state the cost
+		* cell notes, with a backed-off automatic retry — never a spinner, and
+		* never an unhandled rejection.
+		*/
+		/** One finite non-negative registry figure, or null. */
+		function rateOf(value) {
+			return typeof value === "number" && Number.isFinite(value) && value >= 0 ? value : null;
+		}
+		/**
+		* Extract the whole registry's per-model USD rates from a delivered
+		* providers payload (`/api.json`), keyed by the registry's provider ids.
+		* Any shape failure skips just that entry; a payload that is not a record
+		* at all returns null (the store treats it as a failed fetch and retries).
+		*/
+		function pricesBookOf(value) {
+			const data = asRecord(value);
+			if (data === null || Array.isArray(data)) return null;
+			const book = {};
+			for (const providerId of Object.keys(data)) {
+				const provider = asRecord(data[providerId]);
+				const modelList = provider !== null ? asRecord(provider.models) : null;
+				if (modelList === null) continue;
+				const models = {};
+				for (const id of Object.keys(modelList)) {
+					const model = asRecord(modelList[id]);
+					const cost = model !== null ? asRecord(model.cost) : null;
+					if (cost === null) continue;
+					const miss = rateOf(cost.input);
+					const out = rateOf(cost.output);
+					if (miss === null || out === null) continue;
+					models[id] = {
+						hit: rateOf(cost.cache_read) ?? miss,
+						miss,
+						write: rateOf(cost.cache_write) ?? miss,
+						out
+					};
+				}
+				if (Object.keys(models).length > 0) book[providerId] = models;
+			}
+			return book;
+		}
+		const defaultLoader = () => make().providers();
+		/** The retry backoff base; each consecutive failure doubles the wait, capped at 3 doublings. */
+		const RETRY_BASE_MS = 3e4;
+		let loader = defaultLoader;
+		let snap = {
+			prices: null,
+			failed: false
+		};
+		let inFlight = false;
+		let failures = 0;
+		let timer = null;
+		const listeners = /* @__PURE__ */ new Set();
+		function fail() {
+			snap = {
+				...snap,
+				failed: true
+			};
+			failures++;
+			timer = setTimeout(() => {
+				timer = null;
+				fire();
+			}, RETRY_BASE_MS * 2 ** Math.min(failures - 1, 3));
+		}
+		async function fire() {
+			inFlight = true;
+			try {
+				const book = pricesBookOf(await loader());
+				if (book !== null) {
+					snap = {
+						prices: book,
+						failed: false
+					};
+					failures = 0;
+				} else fail();
+			} catch {
+				fail();
+			}
+			inFlight = false;
+			for (const fn of listeners) fn();
+		}
+		function kick() {
+			if (snap.prices !== null || inFlight || timer !== null) return;
+			fire();
+		}
+		/** The useSyncExternalStore seam: subscribing also kicks the first fetch. */
+		const subscribeModelPrices = (fn) => {
+			listeners.add(fn);
+			kick();
+			return () => {
+				listeners.delete(fn);
+			};
+		};
+		const getModelPricesSnap = () => snap;
+		/** The stats board's read of the price book (null until the fetch lands). */
+		function useModelPrices() {
+			return (0, react.useSyncExternalStore)(subscribeModelPrices, getModelPricesSnap);
+		}
+		//#endregion
 		//#region src/client/components/statsContext.tsx
 		/**
-		* The Context card: what the session's context IS and how it evolved — an
-		* eight-cell 2×4 grid pairing the session's shape (turns / steps / live tool
-		* calls / images) with the context-event tally (injections / compactions /
-		* prunes) and the whole-session cost estimate. Count figures only: nothing
-		* here is part of a spendable whole, so no pie — proportions live in the
-		* composition card. The cost cell prices the host-folded cumulative billed
-		* totals (complete session log, never trimmed) at the hardcoded DeepSeek V4
-		* list prices (cost.ts) in the locale's currency; its hover bubble (a '?'
-		* marker + styled DOM tip) explains the whole-session estimate and lists the
-		* per-1M-token table straight from cost.ts, so printed rates can never drift
-		* from the math.
+		* The Context card: what the session's context IS and how it evolved — a
+		* six-cell grid of the session's shape (turns / steps / human inputs / live
+		* tool calls), the whole-session cache-hit rate, and the whole-session cost
+		* estimate.
+		* Count figures only: nothing here is part of a spendable whole, so no pie —
+		* proportions live in the composition card, and the context-event tallies
+		* live on the events card's kind filters (contextView.tsx). The cache-hit
+		* cell reads the official `tokenUsage` projection — the same source and
+		* formula as the harness chat stats line under the composer, shown with one
+		* decimal — and dashes until a provider reports usage. The cost cell prices
+		* the host-folded cumulative billed totals (complete session log, never
+		* trimmed) from the models.dev price book (modelPrices.ts) in the locale's
+		* currency; its hover bubble (a '?' marker + styled DOM tip) explains the
+		* whole-session estimate and lists the per-1M-token rates of the models this
+		* session actually billed, straight from the same book (cost.ts), so printed
+		* rates can never drift from the math. A book that has not loaded (or
+		* failed) dashes the cell and notes the outage.
 		*
 		* The counts arrive precomputed: the split-generation wire head carries them
 		* (shared/types.ts `TimelineCounts` — computed over the retained records),
@@ -7254,6 +7723,36 @@ window.__ModuleLoader__.load({
 		* (`countsOfRecords`). The card itself never touches the collections.
 		*/
 		/**
+		* The rate rows for the models this session actually billed — the usage
+		* keys priced against the book, in fold order. Hostile branches skip;
+		* unpriced models drop (their buckets simply do not contribute). The label
+		* carries the provider only when the session billed more than one; a model
+		* with an off-peak bucket (DeepSeek's period-based list) shows the
+		* peak | off-peak pair.
+		*/
+		function priceRowsOf(usage, prices) {
+			if (usage === void 0 || prices === null) return [];
+			const rows = [];
+			const multi = Object.keys(usage).length > 1;
+			for (const provider of Object.keys(usage)) {
+				const models = asRecord(usage[provider]);
+				if (models === null) continue;
+				for (const model of Object.keys(models)) {
+					const rate = priceOf(prices, provider, model);
+					if (rate === null) continue;
+					const periods = asRecord(models[model]);
+					const off = isDeepSeekProvider(provider) && periods !== null && periods.off !== void 0 ? offPeakOf(rate) : void 0;
+					rows.push({
+						key: provider + "/" + model,
+						label: multi && provider !== "" ? `${model} · ${provider}` : model,
+						rate,
+						...off !== void 0 ? { offRate: off } : {}
+					});
+				}
+			}
+			return rows;
+		}
+		/**
 		* The inline generation's counter derivation — the exact tally the card ran
 		* over the served collections before the split (distinct turn values, record
 		* count, per-kind event tallies). The host's split-generation counts match
@@ -7280,48 +7779,67 @@ window.__ModuleLoader__.load({
 			const { t, fmt } = kit;
 			return function StatsContext(props) {
 				const currency = props.locale === "zh" ? "cny" : "usd";
-				const cost = estimateSessionCost(props.cost, currency);
-				const fmtRate = (n) => formatPriceRate(n, currency);
-				const costTip = [t("stats.costTip"), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-					className: "lc-stat-tip-prices",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "lc-stat-tip-head",
-						children: t("stats.costPriceHead")
-					}), sessionPrices(currency).map((r) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-						className: "lc-stat-tip-row",
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", {
-								className: "lc-stat-tip-model",
-								children: r.family
-							}),
-							" ",
-							t("stats.costHit"),
-							" ",
-							fmtRate(r.peak.hit),
-							"/",
-							fmtRate(r.off.hit),
-							" · ",
-							t("stats.costMiss"),
-							" ",
-							fmtRate(r.peak.miss),
-							"/",
-							fmtRate(r.off.miss),
-							" · ",
-							t("stats.costOut"),
-							" ",
-							fmtRate(r.peak.out),
-							"/",
-							fmtRate(r.off.out)
-						]
-					}, r.family))]
-				}, "prices")];
+				const { prices, failed } = useModelPrices();
+				const cost = estimateSessionCost(props.cost, prices, currency);
+				const fmtRate = (usd) => formatPriceRate(toCurrency(usd, currency), currency);
+				const rows = priceRowsOf(props.cost, prices);
+				const deepseek = props.cost !== void 0 && Object.keys(props.cost).some((p) => isDeepSeekProvider(p));
+				const anyPair = rows.some((r) => r.offRate !== void 0);
+				const unpriced = rows.length === 0 && props.cost !== void 0 && Object.keys(props.cost).length > 0 && (failed || prices !== null);
+				const costTip = [
+					t("stats.costTip") + (deepseek ? " " + t("stats.costTipDeepseek") : ""),
+					rows.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: "lc-stat-tip-prices",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "lc-stat-tip-head",
+							children: anyPair ? t("stats.costPriceHeadPair") : t("stats.costPriceHead")
+						}), rows.map((r) => {
+							const cells = [
+								[
+									t("stats.costHit"),
+									r.rate.hit,
+									r.offRate?.hit
+								],
+								[
+									t("stats.costMiss"),
+									r.rate.miss,
+									r.offRate?.miss
+								],
+								[
+									t("stats.costWrite"),
+									r.rate.write,
+									r.offRate?.write
+								],
+								[
+									t("stats.costOut"),
+									r.rate.out,
+									r.offRate?.out
+								]
+							];
+							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: "lc-stat-tip-row",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", {
+									className: "lc-stat-tip-model",
+									children: r.label
+								}), cells.map(([name, peak, off]) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+									" · ",
+									name,
+									" ",
+									off === void 0 ? fmtRate(peak) : `${fmtRate(peak)}|${fmtRate(off)}`
+								] }, name))]
+							}, r.key);
+						})]
+					}, "prices") : null,
+					unpriced ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("stats.costUnavailable") }, "unavailable") : null
+				];
+				const hit = props.usage === null ? null : cacheHitPercent(numOf(props.usage.cacheReadTokens), numOf(props.usage.uncachedInputTokens) + numOf(props.usage.cacheReadTokens) + numOf(props.usage.cacheWriteTokens), 1);
 				const cell = (label, value, tip) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "lc-stat" + (tip === void 0 ? "" : " lc-stat-tipped"),
+					className: "lc-stat" + (tip === void 0 ? "" : " lc-stat-tipped group/tip"),
 					children: [
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 							className: "lc-stat-label",
 							children: [label, tip !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", {
-								className: "lc-stat-q",
+								className: "lc-stat-q group-hover/tip:text-(--dsw-alias-label-primary) group-hover/tip:border-(--dsw-alias-label-primary)",
 								"aria-hidden": "true",
 								children: "?"
 							})]
@@ -7331,14 +7849,14 @@ window.__ModuleLoader__.load({
 							children: typeof value === "number" ? fmt(value) : value
 						}),
 						tip !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "lc-tip lc-stat-tip",
+							className: "lc-tip lc-stat-tip group-hover/tip:opacity-100",
 							role: "tooltip",
 							children: tip
 						})
 					]
 				});
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "lc-card lc-col-stats",
+					className: "lc-card lc-col-stats flex-1 min-w-[min(360px,100%)]",
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "lc-card-title",
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -7346,16 +7864,14 @@ window.__ModuleLoader__.load({
 							children: t("stats.title")
 						})
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "lc-stats",
+						className: "lc-stats grid grid-cols-[repeat(auto-fit,minmax(108px,1fr))] gap-1.5",
 						children: [
 							cell(t("stats.turns"), props.counts.turns),
 							cell(t("stats.steps"), props.counts.steps),
+							cell(t("stats.humanInputs"), props.humanInputs ?? 0, t("stats.humanInputsTip")),
 							cell(t("stats.toolCalls"), props.toolCalls ?? 0),
-							cell(t("stats.images"), props.images ?? 0),
-							cell(t("stats.cost"), cost === null ? "—" : formatCost(cost, currency), costTip),
-							cell(t("stats.injects"), props.counts.injects),
-							cell(t("stats.compactions"), props.counts.compactions),
-							cell(t("stats.prunes"), props.counts.prunes)
+							cell(t("stats.cacheHit"), hit === null ? "—" : `${hit}%`),
+							cell(t("stats.cost"), cost === null ? "—" : formatCost(cost, currency), costTip)
 						]
 					})]
 				});
@@ -7376,7 +7892,7 @@ window.__ModuleLoader__.load({
 		function makeSliceList(kit) {
 			return function SliceList(props) {
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "lc-sl",
+					className: "lc-sl flex-auto @max-[240px]/lc-card:basis-full",
 					onMouseLeave: () => {
 						if (props.onHoverKey !== void 0) props.onHoverKey(null);
 					},
@@ -7433,12 +7949,12 @@ window.__ModuleLoader__.load({
 		* row numbers stay true.
 		*/
 		const COLOR = {
-			ttft: "#3b82f6",
-			reasoning: "#8b5cf6",
-			text: "#ec4899",
-			toolarg: "#f59e0b",
-			tools: "#14b8a6",
-			other: "#94a3b8"
+			ttft: "var(--color-blue-500)",
+			reasoning: "var(--color-violet-500)",
+			text: "var(--color-pink-500)",
+			toolarg: "var(--color-amber-500)",
+			tools: "var(--color-teal-500)",
+			other: "var(--color-slate-400)"
 		};
 		function makeStatsTiming(kit, Donut) {
 			const { t, fmt, fmtDuration, fmtShare } = kit;
@@ -7554,7 +8070,7 @@ window.__ModuleLoader__.load({
 					].filter((row) => !row.dim);
 				}
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "lc-card lc-col-stats lc-col-donut",
+					className: "lc-card lc-col-stats lc-col-donut flex-1 min-w-[min(360px,100%)]",
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "lc-card-title",
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -7565,7 +8081,7 @@ window.__ModuleLoader__.load({
 						className: "lc-empty",
 						children: t("timing.empty")
 					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "lc-donut-row",
+						className: "lc-donut-row flex items-center justify-start gap-3 min-w-0 @max-[320px]/lc-card:gap-2 @max-[240px]/lc-card:flex-wrap",
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Donut, {
 							segments,
 							size: 96,
@@ -7585,62 +8101,42 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region src/client/components/statsTokens.tsx
 		/**
-		* The Token card: the provider-reported cumulative billing buckets (the
-		* official `tokenUsage` projection, whole session). The donut's center is
-		* the cache-hit share — the same figure the harness chat stats line shows —
-		* and the slice rows carry each bucket's token count: cache reads/writes,
-		* uncached input, and output (reasoning included). Zero buckets stay hidden
-		* once any usage is reported (DeepSeek sessions never report cache writes);
-		* the empty state keeps all four rows.
-		*/
+		* The Token card: the session's whole billed token usage — the SAME total
+		* the harness chat stats line shows under the composer (uncached input +
+		* cache read + cache write + output off the official `tokenUsage`
+		* projection) — split by WHAT the tokens are, not by how the provider
+		* cached them. The six composition categories share the provider-reported
+		* prompt-side total by the composition card's own estimated ratios
+		* (billedParts), and the provider's exact output count is its own slice, so
+		* the ring and the center figure always equal the chat line's figure by
+		* construction. The estimated category counts carry the ≈ marker (the
+		* composition card's convention); the center total and the output count are
+		* exact. Zero parts stay hidden once any usage is reported; the empty state
+		* (no provider report yet) keeps all seven rows behind a dash center.
+		*/
+		const NO_USAGE = {
+			uncachedInputTokens: 0,
+			outputTokens: 0,
+			cacheReadTokens: 0,
+			cacheWriteTokens: 0
+		};
 		function makeStatsTokens(kit, Donut) {
-			const { t, fmt, fmtShare } = kit;
+			const { t, fmt, fmtShare, catLabel } = kit;
 			const SliceList = makeSliceList(kit);
 			return function StatsTokens(props) {
 				const [hoverKey, setHoverKey] = (0, react.useState)(null);
-				const reads = props.usage !== null ? numOf(props.usage.cacheReadTokens) : 0;
-				const writes = props.usage !== null ? numOf(props.usage.cacheWriteTokens) : 0;
-				const uncached = props.usage !== null ? numOf(props.usage.uncachedInputTokens) : 0;
-				const output = props.usage !== null ? numOf(props.usage.outputTokens) : 0;
-				const billed = reads + writes + uncached + output;
-				const hit = props.usage !== null ? cacheHitPercent(reads, uncached + reads + writes) : null;
-				const buckets = [
-					{
-						key: "read",
-						color: "#22c55e",
-						label: t("tokens.cacheRead"),
-						value: reads
-					},
-					{
-						key: "write",
-						color: "#f59e0b",
-						label: t("tokens.cacheWrite"),
-						value: writes
-					},
-					{
-						key: "uncached",
-						color: "#a855f7",
-						label: t("tokens.uncached"),
-						value: uncached
-					},
-					{
-						key: "output",
-						color: "#3b82f6",
-						label: t("tokens.output"),
-						note: t("tokens.outputNote"),
-						value: output
-					}
-				];
-				const shown = billed > 0 ? buckets.filter((b) => b.value > 0) : buckets;
-				const rows = shown.map((b) => ({
-					key: b.key,
-					color: b.color,
-					label: b.label,
-					pct: fmtShare(b.value, billed),
-					count: b.note === void 0 ? fmt(b.value) : `${fmt(b.value)} · ${b.note}`
+				const total = (props.usage !== null ? numOf(props.usage.uncachedInputTokens) + numOf(props.usage.cacheReadTokens) + numOf(props.usage.cacheWriteTokens) : 0) + (props.usage !== null ? numOf(props.usage.outputTokens) : 0);
+				const parts = billedParts(props.current, props.breakdown, props.usage ?? NO_USAGE);
+				const shown = total > 0 ? parts.filter((p) => p.value > 0) : parts;
+				const rows = shown.map((p) => ({
+					key: p.key,
+					color: p.color,
+					label: p.key === "output" ? t("tokens.output") : catLabel(p.key),
+					pct: fmtShare(p.value, total),
+					count: p.key === "output" ? `${fmt(p.value)} · ${t("tokens.outputNote")}` : "≈" + fmt(p.value)
 				}));
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "lc-card lc-col-stats lc-col-donut",
+					className: "lc-card lc-col-stats lc-col-donut flex-1 min-w-[min(360px,100%)]",
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "lc-card-title",
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -7648,16 +8144,12 @@ window.__ModuleLoader__.load({
 							children: t("tokens.title")
 						})
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "lc-donut-row",
+						className: "lc-donut-row flex items-center justify-start gap-3 min-w-0 @max-[320px]/lc-card:gap-2 @max-[240px]/lc-card:flex-wrap",
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Donut, {
-							segments: shown.map((b) => ({
-								key: b.key,
-								color: b.color,
-								value: b.value
-							})),
+							segments: shown,
 							size: 96,
-							centerTop: hit === null ? "—" : `${hit}%`,
-							centerSub: t("tokens.cacheHit"),
+							centerTop: props.usage === null ? "—" : fmt(total),
+							centerSub: t("tokens.total"),
 							hoverKey,
 							onHoverKey: setHoverKey
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SliceList, {
@@ -7673,7 +8165,8 @@ window.__ModuleLoader__.load({
 		//#region src/client/components/trendChart.tsx
 		/**
 		* Bespoke per-request history chart — no shared data-viz primitive — styled through the shared `--dsw-alias-*` tokens; helpers
-		* aggregateByTurn/attachMarkers are shared with ContextView.
+		* aggregateByTurn/attachMarkers are shared with ContextView. On mount each bar rises from its baseline,
+		* staggered left to right with the cascade capped for long logs (trendChart.css, `--lc-i` slots below).
 		*/
 		/**
 		* Collapse per-step requests into one bar per turn — each turn is represented by its LAST step's record, tagged `stepCount` for the bar's
@@ -7730,7 +8223,8 @@ window.__ModuleLoader__.load({
 			const fmtSigned = (v) => (v > 0 ? "+" : "") + fmt(v);
 			const BAR_W = 14;
 			const BAR_GAP = 2;
-			const TURN_FILLS = ["rgba(128,128,128,0.12)", "rgba(128,128,128,0.26)"];
+			const STAGGER_CAP = 20;
+			const TURN_FILLS = ["color-mix(in srgb, var(--color-neutral-500) 12%, transparent)", "color-mix(in srgb, var(--color-neutral-500) 26%, transparent)"];
 			const LABEL_OVERHANG = 48;
 			const LABEL_GAP = 2;
 			const LABEL_FONT = 10;
@@ -7775,8 +8269,9 @@ window.__ModuleLoader__.load({
 				const { req, marker } = props;
 				const markerAt = marker !== void 0 ? eventAt(marker) : null;
 				const diverge = props.upPx !== void 0 && props.downPx !== void 0 && props.deltaScale !== void 0;
+				const enterStyle = { "--lc-i": Math.min(props.enterIndex, STAGGER_CAP) };
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "lc-bar" + (props.selected ? " lc-bar-selected" : "") + (props.hovered ? " lc-bar-hovered" : "") + (props.inTurn ? " lc-bar-in-turn" : ""),
+					className: "lc-bar hover:bg-(--dsw-alias-bg-layer-2)" + (props.selected ? " lc-bar-selected" : "") + (props.hovered ? " lc-bar-hovered" : "") + (props.inTurn ? " lc-bar-in-turn" : ""),
 					"data-seq": req.seq,
 					style: { width: `${BAR_W}px` },
 					onClick: () => {
@@ -7790,8 +8285,11 @@ window.__ModuleLoader__.load({
 						title: "✂ " + (markerAt !== null ? markerAt + " — " : "") + eventLabel(marker),
 						children: "✂"
 					}) : null, diverge ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "lc-bar-up",
-						style: { bottom: `${props.downPx}px` },
+						className: "lc-bar-up animate-lc-bar-in motion-reduce:animate-none",
+						style: {
+							bottom: `${props.downPx}px`,
+							...enterStyle
+						},
 						children: CATS.map((c) => {
 							const d = req[c.key] || 0;
 							if (d <= 0) return null;
@@ -7805,8 +8303,11 @@ window.__ModuleLoader__.load({
 							}, c.key);
 						})
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "lc-bar-down",
-						style: { top: `${props.upPx}px` },
+						className: "lc-bar-down animate-lc-bar-in motion-reduce:animate-none",
+						style: {
+							top: `${props.upPx}px`,
+							...enterStyle
+						},
 						children: CATS.map((c) => {
 							const d = req[c.key] || 0;
 							if (d >= 0) return null;
@@ -7820,7 +8321,8 @@ window.__ModuleLoader__.load({
 							}, c.key);
 						})
 					})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "lc-bar-stack",
+						className: "lc-bar-stack animate-lc-bar-in motion-reduce:animate-none",
+						style: enterStyle,
 						children: CATS.map((c) => {
 							const v = req[c.key] || 0;
 							if (!v) return null;
@@ -8189,9 +8691,10 @@ window.__ModuleLoader__.load({
 										upPx: delta ? upPx : void 0,
 										downPx: delta ? downPx : void 0,
 										deltaScale: delta ? deltaScale : void 0,
+										enterIndex: i,
 										onSelect: props.onSelect,
 										onHover: props.onHover
-									}, req.seq))
+									}, `${req.seq}:${props.granularity}`))
 								]
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "lc-turns",
@@ -8297,7 +8800,7 @@ window.__ModuleLoader__.load({
 			const PluginInfo = makePluginInfo(kit);
 			const UpgradeGate = makeUpgradeGate(kit);
 			const DetailNote = makeDetailNote(kit);
-			const ContextBrowser = makeContextBrowser(kit, StackedBar);
+			const ContextBrowser = makeContextBrowser(kit, StackedBar, settings);
 			const AgentGraph = makeAgentGraph(ctx, kit);
 			const ErrorBoundary = makeErrorBoundary(t);
 			function ContextViewBody(props) {
@@ -8359,6 +8862,12 @@ window.__ModuleLoader__.load({
 				}, [sessionId]);
 				const requests = data ? data.requests : [];
 				const events = data ? data.events : [];
+				const counts = data?.counts ?? countsOfRecords(requests, events);
+				const kindCounts = {
+					inject: counts.injects,
+					compaction: counts.compactions,
+					prune: counts.prunes
+				};
 				const shownEvents = pickedKinds.length === EVENT_KINDS.length ? events : events.filter((e) => pickedKinds.includes(e.kind));
 				const displayRequests = (0, react.useMemo)(() => granularity === "turn" ? aggregateByTurn(requests) : requests, [requests, granularity]);
 				const markers = (0, react.useMemo)(() => attachMarkers(displayRequests, events), [displayRequests, events]);
@@ -8436,6 +8945,16 @@ window.__ModuleLoader__.load({
 					};
 				}, [ctx]);
 				const fileOpener = (0, react.useMemo)(() => canOpenPaths ? openPathVia(ctx) : void 0, [canOpenPaths, ctx]);
+				const previewOpener = (0, react.useMemo)(() => openResourceVia(ctx), [ctx]);
+				const sessionKey = typeof sessionId === "string" ? sessionId : void 0;
+				const previewFile = (0, react.useMemo)(() => previewOpener === void 0 ? void 0 : (entry) => {
+					const address = previewAddressOf(entry.path, entry.form, entry.pattern, sessionKey, workspace);
+					return address !== void 0 && previewOpener(address);
+				}, [
+					previewOpener,
+					sessionKey,
+					workspace
+				]);
 				const locateFileOp = (0, react.useCallback)((op) => {
 					const seq = op.parent ?? op.seq;
 					const step = locateStepOf(requests, seq, op.gone);
@@ -8627,35 +9146,39 @@ window.__ModuleLoader__.load({
 					className: "lc-root",
 					ref: rootRef,
 					children: [
+						inSidebar ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "lc-cols lc-head",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatsContext, {
+								counts,
+								humanInputs: data.humanInputs,
+								toolCalls: data.toolCalls,
+								usage,
+								cost: data.cost,
+								locale: activeLocale
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PluginInfo, {})]
+						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "lc-cols lc-head",
-							children: [
-								inSidebar ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatsContext, {
-									counts: data.counts ?? countsOfRecords(requests, events),
-									toolCalls: data.toolCalls,
-									images: data.images,
-									cost: data.cost,
-									locale: activeLocale
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatsTokens, { usage }),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatsTiming, { timing: data.timing ?? null }),
-								inSidebar ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PluginInfo, {})
-							]
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatsTokens, {
+								usage,
+								current: data.current,
+								breakdown
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatsTiming, { timing: data.timing ?? null })]
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "lc-cols lc-cols-main",
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "lc-col",
+								className: "lc-col flex-1 min-w-[min(360px,100%)]",
 								children: [compositionCard, trendCard]
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: "lc-col lc-col-browser",
+								className: "lc-col lc-col-browser flex-1 min-w-[min(360px,100%)]",
 								children: browserCard
 							})]
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "lc-cols",
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "lc-card lc-col",
+								className: "lc-card lc-col flex-1 min-w-[min(360px,100%)]",
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									className: "lc-card-title",
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -8663,13 +9186,20 @@ window.__ModuleLoader__.load({
 										children: t("events.title")
 									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 										className: "lc-kinds",
-										children: EVENT_KINDS.map((k) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-											className: "lc-gran-btn" + (pickedKinds.includes(k) ? " lc-gran-on lc-kind-" + k : ""),
-											onClick: () => {
-												toggleKind(k);
-											},
-											children: t("kind." + k)
-										}, k))
+										children: EVENT_KINDS.map((k) => {
+											const n = kindCounts[k];
+											return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+												"data-kind": k,
+												className: "lc-gran-btn" + (pickedKinds.includes(k) ? " lc-gran-on lc-kind-" + k : ""),
+												onClick: () => {
+													toggleKind(k);
+												},
+												children: [t("kind." + k), n !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "lc-kind-n",
+													children: kit.fmt(n)
+												}) : null]
+											}, k);
+										})
 									})]
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EventList, {
 									events: shownEvents,
@@ -8680,6 +9210,7 @@ window.__ModuleLoader__.load({
 								activity: fileActivity,
 								scope: fileScope,
 								workspace,
+								onPreview: previewFile,
 								onOpen: fileOpener,
 								onLocate: locateFileOp,
 								state: source.detailState,
@@ -8741,7 +9272,7 @@ window.__ModuleLoader__.load({
 				width: "16",
 				height: "16",
 				viewBox: "0 0 16 16",
-				fill: "none",
+				className: "fill-none",
 				"aria-hidden": "true",
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
@@ -8750,7 +9281,7 @@ window.__ModuleLoader__.load({
 						width: "12",
 						height: "2",
 						rx: "1",
-						fill: "currentColor"
+						className: "fill-current"
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
 						x: "2",
@@ -8758,7 +9289,7 @@ window.__ModuleLoader__.load({
 						width: "8.5",
 						height: "2",
 						rx: "1",
-						fill: "currentColor"
+						className: "fill-current"
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
 						x: "2",
@@ -8766,7 +9297,7 @@ window.__ModuleLoader__.load({
 						width: "5.5",
 						height: "2",
 						rx: "1",
-						fill: "currentColor"
+						className: "fill-current"
 					})
 				]
 			});
@@ -8787,7 +9318,7 @@ window.__ModuleLoader__.load({
 					side: "bottom",
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 						type: "button",
-						className: "lc-jump",
+						className: "lc-jump hover:bg-(--dsw-alias-interactive-bg-hover) hover:text-(--dsw-alias-label-secondary)",
 						"aria-label": t("jump.title"),
 						onClick: jump,
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(JumpIcon, {})
@@ -8993,8 +9524,19 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
+		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles/tailwind.css.mjs
+		const css$14 = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}:root,:host{--spacing:4px;--color-red-500:oklch(63.7% .237 25.331);--color-amber-500:oklch(76.9% .188 70.08);--color-green-500:oklch(72.3% .219 149.579);--color-teal-500:oklch(70.4% .14 182.503);--color-blue-500:oklch(62.3% .214 259.815);--color-indigo-500:oklch(58.5% .233 277.117);--color-violet-500:oklch(60.6% .25 292.717);--color-purple-500:oklch(62.7% .265 303.9);--color-pink-500:oklch(65.6% .241 354.308);--color-slate-400:oklch(70.4% .04 256.788);--color-neutral-500:oklch(55.6% 0 none);--animate-lc-donut-in:lc-donut-in .45s cubic-bezier(.4, 0, .2, 1) calc(var(--lc-i,0) * 50ms) backwards;--animate-lc-stacked-in:lc-stacked-in .4s cubic-bezier(.4, 0, .2, 1) calc(var(--lc-i,0) * 40ms) backwards;--animate-lc-bar-in:lc-bar-in .35s cubic-bezier(.4, 0, .2, 1) calc(var(--lc-i,0) * 15ms) backwards;--animate-lc-agent-flow:lc-agent-flow .9s linear infinite;--animate-lc-agent-glow:lc-agent-glow 1.8s ease-in-out infinite}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.min-w-0{min-width:0}.min-w-\\[min\\(360px\\,100\\%\\)\\]{min-width:min(360px,100%)}.flex-1{flex:1}.flex-auto{flex:auto}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-lc-agent-flow{animation:var(--animate-lc-agent-flow)}.animate-lc-agent-glow{animation:var(--animate-lc-agent-glow)}.animate-lc-bar-in{animation:var(--animate-lc-bar-in)}.animate-lc-donut-in{animation:var(--animate-lc-donut-in)}.animate-lc-stacked-in{animation:var(--animate-lc-stacked-in)}.resize{resize:both}.grid-cols-\\[repeat\\(auto-fit\\,minmax\\(108px\\,1fr\\)\\)\\]{grid-template-columns:repeat(auto-fit,minmax(108px,1fr))}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-start{justify-content:flex-start}.gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.gap-3{gap:calc(var(--spacing) * 3)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.fill-\\(--dsw-alias-bg-layer-1\\){fill:var(--dsw-alias-bg-layer-1)}.fill-\\(--dsw-alias-label-primary\\){fill:var(--dsw-alias-label-primary)}.fill-current{fill:currentColor}.fill-none{fill:none}.fill-transparent{fill:#0000}.stroke-\\(--dsw-alias-border-l1\\){stroke:var(--dsw-alias-border-l1)}.stroke-2{stroke-width:2px}.stroke-4{stroke-width:4px}.stroke-9{stroke-width:9px}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}@media (hover:hover){.group-hover\\/agent\\:fill-\\[var\\(--dsw-alias-interactive-bg-hover\\,var\\(--dsw-alias-bg-layer-2\\)\\)\\]:is(:where(.group\\/agent):hover *){fill:var(--dsw-alias-interactive-bg-hover,var(--dsw-alias-bg-layer-2))}.group-hover\\/pi\\:underline:is(:where(.group\\/pi):hover *){text-decoration-line:underline}.group-hover\\/tip\\:border-\\(--dsw-alias-label-primary\\):is(:where(.group\\/tip):hover *){border-color:var(--dsw-alias-label-primary)}.group-hover\\/tip\\:text-\\(--dsw-alias-label-primary\\):is(:where(.group\\/tip):hover *){color:var(--dsw-alias-label-primary)}.group-hover\\/tip\\:opacity-100:is(:where(.group\\/tip):hover *){opacity:1}}.group-focus-visible\\/agent\\:fill-\\[var\\(--dsw-alias-interactive-bg-hover\\,var\\(--dsw-alias-bg-layer-2\\)\\)\\]:is(:where(.group\\/agent):focus-visible *){fill:var(--dsw-alias-interactive-bg-hover,var(--dsw-alias-bg-layer-2))}@media (hover:hover){.hover\\:border-\\(--dsw-alias-label-dimmed\\):hover{border-color:var(--dsw-alias-label-dimmed)}.hover\\:border-\\(--dsw-alias-label-primary\\):hover{border-color:var(--dsw-alias-label-primary)}.hover\\:bg-\\(--dsw-alias-bg-layer-2\\):hover{background-color:var(--dsw-alias-bg-layer-2)}.hover\\:bg-\\(--dsw-alias-interactive-bg-hover\\):hover{background-color:var(--dsw-alias-interactive-bg-hover)}.hover\\:bg-\\[var\\(--dsw-alias-interactive-bg-hover\\,var\\(--dsw-alias-bg-layer-2\\)\\)\\]:hover{background-color:var(--dsw-alias-interactive-bg-hover,var(--dsw-alias-bg-layer-2))}.hover\\:text-\\(--dsw-alias-label-primary\\):hover{color:var(--dsw-alias-label-primary)}.hover\\:text-\\(--dsw-alias-label-secondary\\):hover{color:var(--dsw-alias-label-secondary)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.hover\\:brightness-\\[1\\.15\\]:hover{--tw-brightness:brightness(1.15);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus\\:border-\\(--dsw-alias-label-dimmed\\):focus{border-color:var(--dsw-alias-label-dimmed)}@media (hover:hover){.hover\\:enabled\\:bg-\\(--dsw-alias-interactive-bg-hover\\):hover:enabled{background-color:var(--dsw-alias-interactive-bg-hover)}}.disabled\\:cursor-default:disabled{cursor:default}.disabled\\:opacity-50:disabled{opacity:.5}@media (prefers-reduced-motion:reduce){.motion-reduce\\:animate-none{animation:none}}@container lc-card (width<380px){.\\@max-\\[380px\\]\\/lc-card\\:basis-\\[calc\\(100\\%-46px\\)\\]{flex-basis:calc(100% - 46px)}.\\@max-\\[380px\\]\\/lc-card\\:basis-\\[calc\\(100\\%-92px\\)\\]{flex-basis:calc(100% - 92px)}.\\@max-\\[380px\\]\\/lc-card\\:flex-wrap{flex-wrap:wrap}}@container lc-card (width<320px){.\\@max-\\[320px\\]\\/lc-card\\:gap-2{gap:calc(var(--spacing) * 2)}}@container lc-card (width<240px){.\\@max-\\[240px\\]\\/lc-card\\:mx-auto{margin-inline:auto}.\\@max-\\[240px\\]\\/lc-card\\:basis-full{flex-basis:100%}.\\@max-\\[240px\\]\\/lc-card\\:flex-wrap{flex-wrap:wrap}}@property --tw-rotate-x{syntax:\"*\";inherits:false}@property --tw-rotate-y{syntax:\"*\";inherits:false}@property --tw-rotate-z{syntax:\"*\";inherits:false}@property --tw-skew-x{syntax:\"*\";inherits:false}@property --tw-skew-y{syntax:\"*\";inherits:false}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-blur{syntax:\"*\";inherits:false}@property --tw-brightness{syntax:\"*\";inherits:false}@property --tw-contrast{syntax:\"*\";inherits:false}@property --tw-grayscale{syntax:\"*\";inherits:false}@property --tw-hue-rotate{syntax:\"*\";inherits:false}@property --tw-invert{syntax:\"*\";inherits:false}@property --tw-opacity{syntax:\"*\";inherits:false}@property --tw-saturate{syntax:\"*\";inherits:false}@property --tw-sepia{syntax:\"*\";inherits:false}@property --tw-drop-shadow{syntax:\"*\";inherits:false}@property --tw-drop-shadow-color{syntax:\"*\";inherits:false}@property --tw-drop-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:\"*\";inherits:false}@keyframes lc-donut-in{0%{stroke-dasharray:0 100}}@keyframes lc-stacked-in{0%{transform:scaleX(0)}}@keyframes lc-bar-in{0%{transform:scaleY(0)}}@keyframes lc-agent-flow{to{stroke-dashoffset:-9px}}@keyframes lc-agent-glow{0%,to{opacity:1}50%{opacity:.4}}";
+		const tagId$14 = "dsh-context/tailwind.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$14) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "dsh-context";
+			tag.dataset.pluginCss = tagId$14;
+			tag.textContent = css$14;
+			document.head.appendChild(tag);
+		}
+		//#endregion
 		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles/base.css.mjs
-		const css$13 = ".lc-root{box-sizing:border-box;height:100%;color:var(--dsw-alias-label-primary);padding:16px 20px 32px;font-size:13px;overflow-y:auto}[data-sidebar-right-open] .lc-root,[data-sidebar-right-float-host] .lc-root{height:auto;padding:12px;overflow:visible}.lc-title-icon{flex:none}.lc-title-label{padding-right:30px}.lc-card{background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);border-radius:10px;margin-bottom:14px;padding:14px 16px}.lc-root .lc-card{margin-bottom:7px;padding:7px 8px;container:lc-card/inline-size}.lc-root .lc-cols{gap:7px;margin-bottom:7px}.lc-card-title{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:10px;font-weight:600;display:flex}.lc-card-title-text{white-space:nowrap;flex:none}.lc-gran,.lc-kinds{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);border-radius:6px;gap:2px;margin-left:auto;padding:1px;display:flex}.lc-trend-ctl{align-items:center;gap:6px;margin-left:auto;display:flex}.lc-trend-ctl .lc-gran{margin-left:0}.lc-trend-adaptive{flex:none;margin-left:0}.lc-gran-btn{color:var(--dsw-alias-label-secondary);cursor:pointer;transition:color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;border-radius:5px;padding:3px 8px;font-family:inherit;font-size:11px;line-height:1}.lc-gran-btn:hover{color:var(--dsw-alias-label-primary)}.lc-gran-on,.lc-gran-on:hover{background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground)}.lc-tip{z-index:6;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);width:max-content;color:var(--dsw-alias-label-primary);box-shadow:var(--dsw-shadow-lv3,0 2px 8px #0000002e);pointer-events:none;opacity:0;transition:opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:6px;padding:6px 10px;font-size:12px;position:absolute}.lc-events,.lc-fa-list{flex-direction:column;gap:2px;height:320px;display:flex;overflow-y:auto}.lc-cols{flex-wrap:wrap;gap:14px;margin-bottom:14px;display:flex}.lc-col{flex:1;min-width:min(360px,100%)}.lc-cols>.lc-card,.lc-col>.lc-card:last-child{margin-bottom:0}.lc-col-browser{flex-direction:column;display:flex}.lc-col-browser>.lc-card{flex:1}.lc-head{container:lc-head-row/inline-size}.lc-head>.lc-card{flex:1 1 0;min-width:0}@container lc-head-row (width<=940px){.lc-head>.lc-card{flex-basis:40%}}@container lc-head-row (width<=480px){.lc-head>.lc-card{flex-basis:100%}}.lc-head>.lc-card:first-child{flex-direction:column;display:flex}.lc-head>.lc-card:first-child .lc-stats{flex:1;align-content:stretch}.lc-head>.lc-card:first-child .lc-stat{justify-content:center}.lc-empty{color:var(--dsw-alias-label-secondary);text-align:center;padding:18px 0}.lc-error{flex-direction:column;align-items:center;gap:8px;padding:40px 16px;display:flex}.lc-error-msg{font-family:var(--ds-font-family-code,ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--dsw-alias-state-error-primary);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);overflow-wrap:anywhere;border-radius:6px;max-width:100%;padding:4px 8px;font-size:12px}.lc-error-retry{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;transition:border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:6px;padding:4px 14px;font-size:12px}.lc-error-retry:hover{border-color:var(--dsw-alias-label-primary)}.lc-foot{color:var(--dsw-alias-label-secondary);margin-top:4px;font-size:12px}[data-conversation-scroll]:has(.lc-root)>[data-composer-seat]:not(:has([data-approval-key],[data-question-key],[data-plan-review-key])),[data-conversation-scroll]:has(.lc-root,.lc-modal-backdrop)~[data-width-handle]{display:none}";
+		const css$13 = ".lc-root{box-sizing:border-box;height:100%;color:var(--dsw-alias-label-primary);padding:16px 20px 32px;font-size:13px;overflow-y:auto}[data-sidebar-right-open] .lc-root,[data-sidebar-right-float-host] .lc-root{height:auto;padding:12px;overflow:visible}.lc-title-icon{flex:none}.lc-title-label{padding-right:30px}.lc-card{background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);border-radius:10px;margin-bottom:14px;padding:14px 16px}.lc-root .lc-card{margin-bottom:7px;padding:7px 8px;container:lc-card/inline-size}.lc-root .lc-cols{gap:7px;margin-bottom:7px}.lc-card-title{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:10px;font-weight:600;display:flex}.lc-card-title-text{white-space:nowrap;flex:none}.lc-gran,.lc-kinds{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);border-radius:6px;gap:2px;margin-left:auto;padding:1px;display:flex}.lc-trend-ctl{align-items:center;gap:6px;margin-left:auto;display:flex}.lc-trend-ctl .lc-gran{margin-left:0}.lc-trend-adaptive{flex:none;margin-left:0}.lc-gran-btn{color:var(--dsw-alias-label-secondary);cursor:pointer;transition:color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;border-radius:5px;padding:3px 8px;font-family:inherit;font-size:11px;line-height:1}.lc-gran-btn:hover{color:var(--dsw-alias-label-primary)}.lc-gran-on,.lc-gran-on:hover{background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground)}.lc-kind-n{font-variant-numeric:tabular-nums;opacity:.65;margin-left:4px}.lc-gran-on .lc-kind-n{opacity:.85}.lc-tip{z-index:6;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);width:max-content;color:var(--dsw-alias-label-primary);box-shadow:var(--dsw-shadow-lv3,0 2px 8px #0000002e);pointer-events:none;opacity:0;transition:opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:6px;padding:6px 10px;font-size:12px;position:absolute}.lc-events,.lc-fa-list{flex-direction:column;gap:2px;height:320px;display:flex;overflow-y:auto}.lc-cols{flex-wrap:wrap;gap:14px;margin-bottom:14px;display:flex}.lc-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:has(.lc-stats){flex-direction:column;display:flex}.lc-head .lc-stats{flex:1;align-content:stretch}.lc-head .lc-stat{justify-content:center}.lc-empty{color:var(--dsw-alias-label-secondary);text-align:center;padding:18px 0}.lc-error{flex-direction:column;align-items:center;gap:8px;padding:40px 16px;display:flex}.lc-error-msg{font-family:var(--ds-font-family-code,ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--dsw-alias-state-error-primary);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);overflow-wrap:anywhere;border-radius:6px;max-width:100%;padding:4px 8px;font-size:12px}.lc-error-retry{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;transition:border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:6px;padding:4px 14px;font-size:12px}.lc-foot{color:var(--dsw-alias-label-secondary);margin-top:4px;font-size:12px}[data-conversation-scroll]:has(.lc-root)>[data-composer-seat]:not(:has([data-approval-key],[data-question-key],[data-plan-review-key])),[data-conversation-scroll]:has(.lc-root,.lc-modal-backdrop)~[data-width-handle]{display:none}";
 		const tagId$13 = "dsh-context/base.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$13) + "]") === null) {
 			const tag = document.createElement("style");
@@ -9005,7 +9547,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles/stats.css.mjs
-		const css$12 = ".lc-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.lc-stat{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);border-radius:8px;flex-direction:column;gap:2px;min-width:0;padding:6px;display:flex}.lc-stats .lc-stat{padding:6px 3px}.lc-stats .lc-stat-q{margin:0;position:absolute;top:3px;right:4px}.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-l2);cursor:help;transition:color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);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{max-width:280px;font-weight:400;line-height:1.5;top:calc(100% + 6px);left:0}.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-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-stat-head{color:var(--dsw-alias-label-secondary);margin:12px 0 8px;font-size:11px;font-weight:600}.lc-donut-row{justify-content:flex-start;align-items:center;gap:12px;min-width:0;display:flex}.lc-col-donut{flex-direction:column;display:flex}.lc-col-donut .lc-donut-row{flex:1}.lc-donut-row .lc-sl{flex:auto}.lc-donut{flex:none;position:relative}.lc-donut svg{display:block}.lc-donut-track{stroke:#8080802e}.lc-donut-seg{transition:opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out)}.lc-donut-dim .lc-donut-seg{opacity:.35}.lc-donut-dim .lc-donut-seg-on{opacity:1}.lc-donut-center{pointer-events:none;text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0 7px;display:flex;position:absolute;inset:0}.lc-donut-center b{white-space:nowrap;text-overflow:ellipsis;max-width:100%;line-height:1.15;overflow:hidden}.lc-donut-center span{color:var(--dsw-alias-label-secondary);white-space:nowrap}.lc-sl{flex-direction:column;gap:4px;min-width:0;display:flex;overflow:hidden}.lc-sl-row{min-width:0;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:6px;flex-direction:column;gap:1px;margin:0 -6px;padding:1px 6px;font-size:12px;display:flex}.lc-sl-row-on{background:var(--dsw-alias-interactive-bg-hover)}.lc-sl-row-dim{opacity:.55}.lc-sl-main{align-items:center;gap:6px;min-width:0;display:flex}.lc-sl-dot{border-radius:2px;flex:none;width:8px;height:8px}.lc-sl-label{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-weight:600;line-height:1.25;overflow:hidden}.lc-sl-pct{text-align:right;font-variant-numeric:tabular-nums;flex:none;min-width:34px;font-weight:700}.lc-sl-sub{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;margin-left:14px;font-size:11px;line-height:1.3;overflow:hidden}.lc-pi-grid{grid-template-columns:1fr;gap:8px;display:grid}.lc-pi-row-btn{appearance:none;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:0}.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-hint{text-decoration:none}.lc-pi-hint:hover{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-pi-row-btn .lc-pi-value{font-weight:400}@container lc-card (width<=320px){.lc-donut-row{gap:8px}.lc-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@container lc-card (width<=240px){.lc-donut-row{flex-wrap:wrap}.lc-donut{margin:0 auto}.lc-donut-row .lc-sl{flex-basis:100%}}";
+		const css$12 = ".lc-stat{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);border-radius:8px;flex-direction:column;gap:2px;min-width:0;padding:6px;display:flex}.lc-stats .lc-stat{padding:6px 3px}.lc-stats .lc-stat-q{margin:0;position:absolute;top:3px;right:4px}.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-l2);cursor:help;transition:color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:50%;margin-left:4px;font-size:9px;font-style:normal;font-weight:700;line-height:11px;display:inline-block}.lc-stat-tip{max-width:280px;font-weight:400;line-height:1.5;top:calc(100% + 6px);left:0}.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-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-stat-head{color:var(--dsw-alias-label-secondary);margin:12px 0 8px;font-size:11px;font-weight:600}.lc-col-donut{flex-direction:column;display:flex}.lc-col-donut .lc-donut-row{flex:1}.lc-donut{flex:none;position:relative}.lc-donut svg{display:block}.lc-donut-track{stroke:color-mix(in srgb, var(--color-neutral-500) 18%, transparent)}.lc-donut-seg{transition:opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out)}.lc-donut-dim .lc-donut-seg{opacity:.35}.lc-donut-dim .lc-donut-seg-on{opacity:1}.lc-donut-center{pointer-events:none;text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0 7px;display:flex;position:absolute;inset:0}.lc-donut-center b{white-space:nowrap;text-overflow:ellipsis;max-width:100%;line-height:1.15;overflow:hidden}.lc-donut-center span{color:var(--dsw-alias-label-secondary);white-space:nowrap}.lc-sl{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:4px 20px;min-width:0;display:grid;overflow:hidden}.lc-sl-row{min-width:0;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:6px;flex-direction:column;gap:1px;margin:0 -6px;padding:1px 6px;font-size:12px;display:flex}.lc-sl-row-on{background:var(--dsw-alias-interactive-bg-hover)}.lc-sl-row-dim{opacity:.55}.lc-sl-main{align-items:center;gap:6px;min-width:0;display:flex}.lc-sl-dot{border-radius:2px;flex:none;width:8px;height:8px}.lc-sl-label{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-weight:600;line-height:1.25;overflow:hidden}.lc-sl-pct{text-align:right;font-variant-numeric:tabular-nums;flex:none;min-width:34px;font-weight:700}.lc-sl-sub{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;margin-left:14px;font-size:11px;line-height:1.3;overflow:hidden}.lc-pi-grid{grid-template-columns:1fr;gap:8px;display:grid}.lc-pi-row-btn{appearance:none;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:0}.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-hint{text-decoration:none}.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-pi-row-btn .lc-pi-value{font-weight:400}";
 		const tagId$12 = "dsh-context/stats.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$12) + "]") === null) {
 			const tag = document.createElement("style");
@@ -9016,7 +9558,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles/jump.css.mjs
-		const css$11 = ".lc-jump{width:calc(28px + var(--dsh-content-font-delta,0px));height:calc(28px + var(--dsh-content-font-delta,0px));color:var(--dsw-alias-label-tertiary);cursor:pointer;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;border-radius:28px;justify-content:center;align-items:center;padding:6px;display:inline-flex}.lc-jump svg{width:calc(16px + var(--dsh-content-font-delta,0px));height:calc(16px + var(--dsh-content-font-delta,0px))}.lc-jump:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary)}";
+		const css$11 = ".lc-jump{width:calc(28px + var(--dsh-content-font-delta,0px));height:calc(28px + var(--dsh-content-font-delta,0px));color:var(--dsw-alias-label-tertiary);cursor:pointer;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;border-radius:28px;justify-content:center;align-items:center;padding:6px;display:inline-flex}.lc-jump svg{width:calc(16px + var(--dsh-content-font-delta,0px));height:calc(16px + var(--dsh-content-font-delta,0px))}";
 		const tagId$11 = "dsh-context/jump.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$11) + "]") === null) {
 			const tag = document.createElement("style");
@@ -9027,7 +9569,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles/settings.css.mjs
-		const css$10 = ".lc-settings-card{background:var(--dsw-alias-bg-layer-3);border:1px solid var(--dsw-alias-border-l2);transition:border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:12px}.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);transition:transform var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);flex:none}.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;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);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}";
+		const css$10 = ".lc-settings-card{background:var(--dsw-alias-bg-layer-3);border:1px solid var(--dsw-alias-border-l2);transition:border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:12px}.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);transition:transform var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);flex:none}.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;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border:none;border-radius:18px;align-items:center;gap:12px;padding:0 14px;font-size:14px;line-height:22px;display:inline-flex}.lc-settings-note{color:var(--dsw-alias-label-tertiary);margin:12px 0 4px;font-size:12px;line-height:1.5}";
 		const tagId$10 = "dsh-context/settings.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$10) + "]") === null) {
 			const tag = document.createElement("style");
@@ -9038,7 +9580,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles/stackedBar.css.mjs
-		const css$9 = ".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);transition:opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:5px;position:absolute;top:0;bottom:0;left:0}.lc-occupied-box-on{opacity:1}.lc-bar-tip{z-index:5;white-space:nowrap;padding:3px 8px;bottom:calc(100% + 6px);transform:translate(-50%)}.lc-bar-tip-on{opacity:1}.lc-stacked>div{height:100%}.lc-stacked-seg-pick{cursor:pointer}.lc-stacked-seg{transition:filter var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out)}.lc-stacked-free{box-sizing:border-box;transition:box-shadow var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out)}.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;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:6px;align-items:center;gap:5px;padding:1px 6px;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 var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out)}.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)}";
+		const css$9 = ".lc-stacked-wrap{width:100%;position:relative}.lc-stacked{background:color-mix(in srgb, var(--color-neutral-500) 18%, transparent);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);transition:opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:5px;position:absolute;top:0;bottom:0;left:0}.lc-occupied-box-on{opacity:1}.lc-bar-tip{z-index:5;white-space:nowrap;padding:3px 8px;bottom:calc(100% + 6px);transform:translate(-50%)}.lc-bar-tip-on{opacity:1}.lc-stacked>div{height:100%}.lc-stacked-seg-pick{cursor:pointer}.lc-stacked-seg{transition:filter var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out)}.lc-stacked-free{box-sizing:border-box;transition:box-shadow var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out)}.lc-stacked-seg,.lc-stacked-free{transform-origin:0}.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;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:6px;align-items:center;gap:5px;padding:1px 6px;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 var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out)}.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)}";
 		const tagId$9 = "dsh-context/stackedBar.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$9) + "]") === null) {
 			const tag = document.createElement("style");
@@ -9049,7 +9591,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles/trendChart.css.mjs
-		const css$8 = ".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-q3{top:41px}.lc-axis-mid{top:69px}.lc-axis-q1{top:97px}.lc-axis-bot{top:125px}.lc-chart-wrap{flex:1;min-width:0;position:relative}.lc-chart-scroll{overscroll-behavior-x:contain;scrollbar-gutter:stable;padding-bottom:var(--dsh-scrollbar-width,8px);overflow:auto hidden}.lc-chart{box-sizing:border-box;align-items:flex-end;gap:2px;width:max-content;min-width:100%;height:130px;padding-top:18px;display:flex;position:relative}.lc-grid{border-top:1px dashed var(--dsw-alias-border-l2);pointer-events:none;position:absolute;left:0;right:0}.lc-grid-top{top:18px}.lc-grid-q3{top:46px}.lc-grid-mid{top:74px}.lc-grid-q1{top:102px}.lc-grid-zero{border-top-style:solid;border-top-color:#80808080;top:130px}.lc-bar{cursor:pointer;outline-offset:1px;width:14px;height:100%;transition:opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), outline-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:2px;outline:1px dashed #0000;flex:none;align-items:flex-end;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;box-sizing:border-box;overflow-wrap:break-word;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);max-width:100%;color:var(--dsw-alias-label-primary);pointer-events:none;border-radius:6px;flex-direction:column;gap:2px;padding:3px 8px;font-size:12px;display:flex;position:absolute;bottom:calc(100% + 4px);left:0;box-shadow:0 2px 8px #0000002e}.lc-chart-tip span+span{color:var(--dsw-alias-label-secondary)}.lc-bar:hover{background:var(--dsw-alias-bg-layer-2)}.lc-bar-hovered{outline-color:var(--dsw-alias-brand-primary)}.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-stack>div:first-child{border-radius:0 0 2px 2px}.lc-bar-stack>div:last-child{border-radius:2px 2px 0 0}.lc-bar-stack>div:only-child{border-radius:2px}.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-up>div:last-child{border-radius:2px 2px 0 0}.lc-bar-down>div:last-child{border-radius:0 0 2px 2px}.lc-cat-seg{transition:filter var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out)}.lc-chart[data-catdim] .lc-cat-seg{opacity:.35}.lc-chart[data-catdim=system] .lc-cat-seg[data-cat=system],.lc-chart[data-catdim=tools] .lc-cat-seg[data-cat=tools],.lc-chart[data-catdim=user] .lc-cat-seg[data-cat=user],.lc-chart[data-catdim=inject] .lc-cat-seg[data-cat=inject],.lc-chart[data-catdim=assistant] .lc-cat-seg[data-cat=assistant],.lc-chart[data-catdim=tool] .lc-cat-seg[data-cat=tool]{opacity:1;filter:brightness(1.18)}.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;overflow:hidden}.lc-turn{box-sizing:border-box;text-align:center;color:var(--dsw-alias-label-secondary);white-space:nowrap;cursor:pointer;height:14px;transition:filter var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:3px;flex:none;font-size:10px;font-weight:600;line-height:14px}.lc-turn-on{filter:brightness(1.35);color:var(--dsw-alias-label-primary)}.lc-turn-label{display:inline-block}";
+		const css$8 = ".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-q3{top:41px}.lc-axis-mid{top:69px}.lc-axis-q1{top:97px}.lc-axis-bot{top:125px}.lc-chart-wrap{flex:1;min-width:0;position:relative}.lc-chart-scroll{overscroll-behavior-x:contain;scrollbar-gutter:stable;padding-bottom:var(--dsh-scrollbar-width,8px);overflow:auto hidden}.lc-chart{box-sizing:border-box;align-items:flex-end;gap:2px;width:max-content;min-width:100%;height:130px;padding-top:18px;display:flex;position:relative}.lc-grid{border-top:1px dashed var(--dsw-alias-border-l2);pointer-events:none;position:absolute;left:0;right:0}.lc-grid-top{top:18px}.lc-grid-q3{top:46px}.lc-grid-mid{top:74px}.lc-grid-q1{top:102px}.lc-grid-zero{border-top-style:solid;border-top-color:color-mix(in srgb, var(--color-neutral-500) 50%, transparent);top:130px}.lc-bar{cursor:pointer;outline-offset:1px;width:14px;height:100%;transition:opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), outline-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:2px;outline:1px dashed #0000;flex:none;align-items:flex-end;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;box-sizing:border-box;overflow-wrap:break-word;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);max-width:100%;color:var(--dsw-alias-label-primary);pointer-events:none;border-radius:6px;flex-direction:column;gap:2px;padding:3px 8px;font-size:12px;display:flex;position:absolute;bottom:calc(100% + 4px);left:0;box-shadow:0 2px 8px #0000002e}.lc-chart-tip span+span{color:var(--dsw-alias-label-secondary)}.lc-bar-hovered{outline-color:var(--dsw-alias-brand-primary)}.lc-bar-selected{outline:2px solid var(--dsw-alias-label-primary);outline-offset:1px}.lc-bar-in-turn{background:color-mix(in srgb, var(--color-neutral-500) 14%, transparent)}.lc-bar-stack{flex-direction:column-reverse;width:100%;display:flex}.lc-bar-stack>div{width:100%}.lc-bar-stack,.lc-bar-up,.lc-bar-down{transform-origin:50% 100%}.lc-bar-down{transform-origin:50% 0}.lc-bar-stack>div:first-child{border-radius:0 0 2px 2px}.lc-bar-stack>div:last-child{border-radius:2px 2px 0 0}.lc-bar-stack>div:only-child{border-radius:2px}.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-up>div:last-child{border-radius:2px 2px 0 0}.lc-bar-down>div:last-child{border-radius:0 0 2px 2px}.lc-cat-seg{transition:filter var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out)}.lc-chart[data-catdim] .lc-cat-seg{opacity:.35}.lc-chart[data-catdim=system] .lc-cat-seg[data-cat=system],.lc-chart[data-catdim=tools] .lc-cat-seg[data-cat=tools],.lc-chart[data-catdim=user] .lc-cat-seg[data-cat=user],.lc-chart[data-catdim=inject] .lc-cat-seg[data-cat=inject],.lc-chart[data-catdim=assistant] .lc-cat-seg[data-cat=assistant],.lc-chart[data-catdim=tool] .lc-cat-seg[data-cat=tool]{opacity:1;filter:brightness(1.18)}.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;overflow:hidden}.lc-turn{box-sizing:border-box;text-align:center;color:var(--dsw-alias-label-secondary);white-space:nowrap;cursor:pointer;height:14px;transition:filter var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:3px;flex:none;font-size:10px;font-weight:600;line-height:14px}.lc-turn-on{filter:brightness(1.35);color:var(--dsw-alias-label-primary)}.lc-turn-label{display:inline-block}";
 		const tagId$8 = "dsh-context/trendChart.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$8) + "]") === null) {
 			const tag = document.createElement("style");
@@ -9060,7 +9602,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles/requestDetail.css.mjs
-		const css$7 = ".lc-detail{border-top:1px solid var(--dsw-alias-border-l1);margin-top:12px;padding-top:12px}.lc-detail-head{color:var(--dsw-alias-label-secondary);flex-wrap:wrap;align-items:center;gap:6px 8px;margin-bottom:10px;display:flex}.lc-detail-head b{color:var(--dsw-alias-label-primary);font-size:13px}.lc-detail-time{font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-size:12px}.lc-detail-marker{color:var(--dsw-alias-state-warn-primary);background:color-mix(in srgb, var(--dsw-alias-state-warn-primary) 12%, transparent);border-radius:6px;padding:1px 7px;font-size:11px}.lc-detail-tag{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-secondary);border-radius:4px;padding:0 6px;font-size:11px}.lc-detail-metric{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--dsw-alias-label-primary);background:color-mix(in srgb, var(--dsw-alias-label-secondary) 14%, transparent);border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600}.lc-detail-metric-up{color:var(--dsw-alias-state-success-primary);background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 15%, transparent)}.lc-detail-metric-down{color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 15%, transparent)}.lc-detail-rows{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:4px 24px;margin-top:10px;display:grid}.lc-brief{flex-direction:column;gap:2px;min-height:76px;margin:-4px 0 10px;display:flex}.lc-brief-row{min-width:0;color:var(--dsw-alias-label-primary);text-align:left;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);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;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{white-space:normal;text-align:left;max-width:240px;font-weight:400;line-height:1.5;bottom:calc(100% + 6px);left:0}.lc-brief-tag:hover .lc-brief-tip{opacity:1}.lc-brief-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lc-brief-empty{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--dsw-alias-label-tertiary);flex:1;overflow:hidden}.lc-brief-fact{box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);max-width:160px;color:var(--dsw-alias-label-secondary);border-radius:4px;flex:none;padding:0 6px;font-size:11px;overflow:hidden}.lc-brief-chip{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);min-width:0;max-width:260px;color:var(--dsw-alias-label-primary);transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:5px;align-items:center;gap:5px;padding:0 7px;font-size:12px;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{transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:4px;align-items:center;gap:8px;margin:-1px -4px;padding:1px 4px;display:flex}.lc-detail-row i{transition:box-shadow var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out)}.lc-detail-row-on{background:var(--dsw-alias-interactive-bg-hover)}.lc-detail-row-on i{box-shadow:0 0 0 1px var(--dsw-alias-brand-primary)}.lc-detail-row-on .lc-detail-label{font-weight:600}.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)}";
+		const css$7 = ".lc-detail{border-top:1px solid var(--dsw-alias-border-l1);margin-top:12px;padding-top:12px}.lc-detail-head{color:var(--dsw-alias-label-secondary);flex-wrap:wrap;align-items:center;gap:6px 8px;margin-bottom:10px;display:flex}.lc-detail-head b{color:var(--dsw-alias-label-primary);font-size:13px}.lc-detail-time{font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-size:12px}.lc-detail-marker{color:var(--dsw-alias-state-warn-primary);background:color-mix(in srgb, var(--dsw-alias-state-warn-primary) 12%, transparent);border-radius:6px;padding:1px 7px;font-size:11px}.lc-detail-tag{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-secondary);border-radius:4px;padding:0 6px;font-size:11px}.lc-detail-metric{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--dsw-alias-label-primary);background:color-mix(in srgb, var(--dsw-alias-label-secondary) 14%, transparent);border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600}.lc-detail-metric-up{color:var(--dsw-alias-state-success-primary);background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 15%, transparent)}.lc-detail-metric-down{color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 15%, transparent)}.lc-detail-rows{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:4px 24px;margin-top:10px;display:grid}.lc-brief{flex-direction:column;gap:2px;min-height:76px;margin:-4px 0 10px;display:flex}.lc-brief-row{min-width:0;color:var(--dsw-alias-label-primary);text-align:left;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);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;display:flex}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{white-space:normal;text-align:left;max-width:240px;font-weight:400;line-height:1.5;bottom:calc(100% + 6px);left:0}.lc-brief-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lc-brief-empty{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--dsw-alias-label-tertiary);flex:1;overflow:hidden}.lc-brief-fact{box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);max-width:160px;color:var(--dsw-alias-label-secondary);border-radius:4px;flex:none;padding:0 6px;font-size:11px;overflow:hidden}.lc-brief-chip{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);min-width:0;max-width:260px;color:var(--dsw-alias-label-primary);transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:5px;align-items:center;gap:5px;padding:0 7px;font-size:12px;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-more{color:var(--dsw-alias-label-secondary);flex:none;font-size:11px}.lc-detail-row{transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:4px;align-items:center;gap:8px;margin:-1px -4px;padding:1px 4px;display:flex}.lc-detail-row i{transition:box-shadow var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out)}.lc-detail-row-on{background:var(--dsw-alias-interactive-bg-hover)}.lc-detail-row-on i{box-shadow:0 0 0 1px var(--dsw-alias-brand-primary)}.lc-detail-row-on .lc-detail-label{font-weight:600}.lc-detail-label{white-space:nowrap;min-width:70px;color:var(--dsw-alias-label-secondary)}.lc-bar-track{background:color-mix(in srgb, var(--color-neutral-500) 18%, transparent);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 color-mix(in srgb, var(--color-neutral-500) 45%, transparent);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)}";
 		const tagId$7 = "dsh-context/requestDetail.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$7) + "]") === null) {
 			const tag = document.createElement("style");
@@ -9071,7 +9613,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles/events.css.mjs
-		const css$6 = ".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}@container lc-card (width<=380px){.lc-event{flex-wrap:wrap}.lc-event-label{flex-basis:calc(100% - 92px)}}";
+		const css$6 = ".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:var(--color-purple-500)}.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{background:color-mix(in srgb, var(--color-violet-500) 15%, transparent);color:var(--color-violet-500)}.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}";
 		const tagId$6 = "dsh-context/events.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$6) + "]") === null) {
 			const tag = document.createElement("style");
@@ -9082,7 +9624,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles/fileCard.css.mjs
-		const css$5 = ".lc-fa-ctl,.lc-br-toolctl{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.lc-fa-ctl .lc-gran{margin-left:0}.lc-fa-n{opacity:.75;margin-left:4px;font-weight:700}.lc-fa-search,.lc-br-tool-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-l2);border-radius:6px;outline:none;flex:1;padding:3px 8px;font-size:12px}.lc-fa-search:focus,.lc-br-tool-search:focus{border-color:var(--dsw-alias-label-dimmed)}.lc-fa-meta{color:var(--dsw-alias-label-secondary);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;font-size:12px;display:flex}.lc-fa-meta .lc-fa-sort{flex:none}.lc-fa-meta-delta{position:relative}.lc-fa-meta-tip{white-space:normal;max-width:260px;line-height:1.5;top:calc(100% + 6px);left:0}.lc-fa-meta-delta:hover .lc-fa-meta-tip{opacity:1}.lc-fa-item{transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border:1px solid #0000;border-radius:8px}.lc-fa-item-on{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-border-l2)}.lc-fa-row{width:100%;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;text-align:left;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;padding:6px 8px;font-size:12px;display:flex}.lc-fa-row:hover{background:var(--dsw-alias-interactive-bg-hover)}.lc-fa-form{opacity:.85;flex:none;justify-content:center;align-items:center;width:20px;height:14px;font-size:11px;display:flex}.lc-fa-lang{border-radius:4px;justify-content:center;align-items:center;min-width:16px;height:13px;padding:0 2px;font-size:8px;font-weight:700;line-height:1;display:inline-flex}.lc-fa-row .lc-br-chev{margin-right:-2px}.lc-fa-path{word-break:break-all;flex:1;min-width:0}@container lc-card (width<=380px){.lc-fa-row{flex-wrap:wrap}.lc-fa-path{flex-basis:calc(100% - 46px)}.lc-fa-ctl .lc-gran{flex-wrap:wrap}}.lc-fa-file{cursor:pointer}.lc-fa-file:hover{text-decoration:underline}.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;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;border-radius:5px;align-items:center;gap:8px;padding:3px 6px;font-size:11px;display:flex}.lc-fa-op-link{cursor:pointer}.lc-fa-op-link:hover{background:var(--dsw-alias-interactive-bg-hover)}.lc-fa-op-time{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;flex:none;margin-left:auto}.lc-fa-op-tool{text-overflow:ellipsis;white-space:nowrap;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);max-width:220px;color:var(--dsw-alias-label-secondary);border-radius:999px;flex:none;padding:0 6px;font-size:11px;overflow:hidden}.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-read{color:var(--dsw-alias-brand-primary);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-size:11px;font-weight:600}";
+		const css$5 = ".lc-fa-ctl,.lc-br-toolctl{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.lc-fa-ctl .lc-gran{margin-left:0}.lc-fa-n{opacity:.75;margin-left:4px;font-weight:700}.lc-fa-search,.lc-br-tool-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-l2);border-radius:6px;outline:none;flex:1;padding:3px 8px;font-size:12px}.lc-fa-meta{color:var(--dsw-alias-label-secondary);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;font-size:12px;display:flex}.lc-fa-meta .lc-fa-sort{flex:none}.lc-fa-meta-delta{position:relative}.lc-fa-meta-tip{white-space:normal;max-width:260px;line-height:1.5;top:calc(100% + 6px);left:0}.lc-fa-item{transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border:1px solid #0000;border-radius:8px}.lc-fa-item-on{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-border-l2)}.lc-fa-row{width:100%;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;text-align:left;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;padding:6px 8px;font-size:12px;display:flex}.lc-fa-form{opacity:.85;flex:none;justify-content:center;align-items:center;width:20px;height:14px;font-size:11px;display:flex}.lc-fa-lang{border-radius:4px;justify-content:center;align-items:center;min-width:16px;height:13px;padding:0 2px;font-size:8px;font-weight:700;line-height:1;display:inline-flex}.lc-fa-row .lc-br-chev{margin-right:-2px}.lc-fa-path{word-break:break-all;min-width:0}.lc-fa-file{cursor:pointer}.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;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;border-radius:5px;align-items:center;gap:8px;padding:3px 6px;font-size:11px;display:flex}.lc-fa-op-link{cursor:pointer}.lc-fa-op-time{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;flex:none;margin-left:auto}.lc-fa-op-tool{text-overflow:ellipsis;white-space:nowrap;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);max-width:220px;color:var(--dsw-alias-label-secondary);border-radius:999px;flex:none;padding:0 6px;font-size:11px;overflow:hidden}.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-read{color:var(--dsw-alias-brand-primary);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-size:11px;font-weight:600}";
 		const tagId$5 = "dsh-context/fileCard.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$5) + "]") === null) {
 			const tag = document.createElement("style");
@@ -9093,7 +9635,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles/modal.css.mjs
-		const css$4 = ".lc-modal-backdrop{z-index:200;background:var(--dsw-alias-bg-mask-1,#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-l2);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;transition:color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);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-gate-card{width:min(440px,100vw - 48px)}.lc-gate-body{color:var(--dsw-alias-label-secondary);line-height:1.7}.lc-gate-versions{gap:24px;margin-top:14px;display:flex}.lc-gate-version{flex-direction:column;gap:2px;display:flex}.lc-gate-version-label{color:var(--dsw-alias-label-secondary);font-size:11px}.lc-gate-version-value{font-weight:600;font-family:var(--dsw-font-family-mono,monospace);color:var(--dsw-alias-label-primary)}.lc-gate-or-newer{color:var(--dsw-alias-label-secondary);margin-left:6px;font-family:inherit;font-size:11px;font-weight:400}.lc-gate-actions{justify-content:flex-end;margin-top:16px;display:flex}.lc-gate-ok{cursor:pointer;background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground);transition:filter var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border:0;border-radius:6px;padding:6px 16px;font-family:inherit;font-size:12px}.lc-gate-ok:hover{filter:brightness(1.1)}";
+		const css$4 = ".lc-modal-backdrop{z-index:200;background:var(--dsw-alias-bg-mask-1,#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-l2);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;transition:color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;border-radius:6px;margin-left:auto;padding:2px 6px;font-family:inherit;font-size:18px;line-height:1}.lc-gate-card{width:min(440px,100vw - 48px)}.lc-gate-body{color:var(--dsw-alias-label-secondary);line-height:1.7}.lc-gate-versions{gap:24px;margin-top:14px;display:flex}.lc-gate-version{flex-direction:column;gap:2px;display:flex}.lc-gate-version-label{color:var(--dsw-alias-label-secondary);font-size:11px}.lc-gate-version-value{font-weight:600;font-family:var(--dsw-font-family-mono,monospace);color:var(--dsw-alias-label-primary)}.lc-gate-or-newer{color:var(--dsw-alias-label-secondary);margin-left:6px;font-family:inherit;font-size:11px;font-weight:400}.lc-gate-actions{justify-content:flex-end;margin-top:16px;display:flex}.lc-gate-ok{cursor:pointer;background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground);transition:filter var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border:0;border-radius:6px;padding:6px 16px;font-family:inherit;font-size:12px}";
 		const tagId$4 = "dsh-context/modal.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$4) + "]") === null) {
 			const tag = document.createElement("style");
@@ -9104,7 +9646,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles/browser.css.mjs
-		const css$3 = ".lc-br-dna-ctl{flex:none;margin-left:0}.lc-br-bar-dna .lc-stacked-seg{background-image:linear-gradient(to right, transparent calc(100% - min(.5px, 12.5%)), var(--dsw-alias-bg-layer-1) 0)}.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-l2);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-est{margin-left:auto}.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;transition:filter var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);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-l2);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;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;align-items:center;gap:8px;padding:7px 10px;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{width:8px;height:8px;transition:box-shadow var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:2px;flex:none;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;height:14px;color:var(--dsw-alias-label-tertiary);flex:none;justify-content:center;align-items:center;display:flex}.lc-br-chev:before{content:\"\";width:5px;height:5px;transition:transform var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-bottom:1px solid;border-right:1px solid;transform:rotate(-45deg)}.lc-br-chev-on:before{transform:rotate(45deg)}.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;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:5px 6px;font-size:12px;display:flex}.lc-br-elem-row:hover{background:var(--dsw-alias-interactive-bg-hover)}.lc-br-err-dot{background:var(--dsw-alias-state-error-primary);width:6px;height:6px;box-shadow:0 0 0 2px color-mix(in srgb, var(--dsw-alias-state-error-primary) 10%, transparent);border-radius:50%;flex:none}.lc-br-tag{min-width:0;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;max-width:220px;padding:0 6px;font-size:11px;overflow:hidden}.lc-br-tool-plugin{color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 14%, transparent);border-color:#0000;border-radius:6px;font-size:12px}.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)}";
+		const css$3 = ".lc-br-dna-ctl{flex:none;margin-left:0}.lc-br-bar-dna .lc-stacked-seg{background-image:linear-gradient(to right, transparent calc(100% - min(.5px, 12.5%)), var(--dsw-alias-bg-layer-1) 0)}.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-l2);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-est{margin-left:auto}.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;transition:filter var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.lc-br-cats{flex-direction:column;gap:4px;margin-top:10px;display:flex}.lc-br-cat{border:1px solid var(--dsw-alias-border-l2);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;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;align-items:center;gap:8px;padding:7px 10px;display:flex}.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{width:8px;height:8px;transition:box-shadow var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:2px;flex:none;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;height:14px;color:var(--dsw-alias-label-tertiary);flex:none;justify-content:center;align-items:center;display:flex}.lc-br-chev:before{content:\"\";width:5px;height:5px;transition:transform var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-bottom:1px solid;border-right:1px solid;transform:rotate(-45deg)}.lc-br-chev-on:before{transform:rotate(45deg)}.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;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:5px 6px;font-size:12px;display:flex}.lc-br-err-dot{background:var(--dsw-alias-state-error-primary);width:6px;height:6px;box-shadow:0 0 0 2px color-mix(in srgb, var(--dsw-alias-state-error-primary) 10%, transparent);border-radius:50%;flex:none}.lc-br-tag{min-width:0;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;max-width:220px;padding:0 6px;font-size:11px;overflow:hidden}.lc-br-tool-plugin{color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 14%, transparent);border-color:#0000;border-radius:6px;font-size:12px}.lc-br-preview{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lc-br-time,.lc-br-hits{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)}";
 		const tagId$3 = "dsh-context/browser.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$3) + "]") === null) {
 			const tag = document.createElement("style");
@@ -9115,7 +9657,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles/detailSections.css.mjs
-		const css$2 = ".lc-ts-card{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);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-wrap{flex-wrap:wrap}.lc-ts-card-head b{color:var(--dsw-alias-label-primary)}.lc-ts-call-name{font-size:13px;font-family:var(--ds-font-family-code,ui-monospace, SFMono-Regular, Menlo, monospace);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.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;font-size:11px;font-weight:600;line-height:1;font-family:var(--ds-font-family-code,ui-monospace, SFMono-Regular, Menlo, monospace);border-radius:999px;flex:none;align-items:center;gap:4px;padding:2px 7px;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-lines{counter-reset:lc-line}.lc-ts-line{padding-left:26px;display:block;position:relative}.lc-ts-line:before{content:counter(lc-line);counter-increment:lc-line;text-align:right;width:20px;color:var(--dsw-alias-label-tertiary);user-select:none;padding-right:6px;font-size:11px;position:absolute;left:0}.lc-ts-line:empty:after{content:\"​\"}.lc-ts-param-row{border-top:1px solid var(--dsw-alias-border-l1);grid-template-columns:minmax(0,140px) minmax(0,90px) 56px minmax(0,1fr);align-items:baseline;gap:2px 10px;padding:6px 10px;font-size:12px;display:grid}.lc-ts-param-row:first-of-type{border-top:0}.lc-ts-param-name{color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.lc-ts-param-type{color:var(--dsw-alias-label-secondary);font-family:var(--ds-font-family-code,ui-monospace, SFMono-Regular, Menlo, monospace);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.lc-ts-param-req{color:var(--dsw-alias-state-warn-primary);font-size:11px;font-weight:600}.lc-ts-param-req-off{color:var(--dsw-alias-label-secondary);font-size:11px}.lc-ts-param-desc{color:var(--dsw-alias-label-secondary);overflow-wrap:anywhere;grid-column:1/-1;line-height:1.5}.lc-ts-params-empty{color:var(--dsw-alias-label-secondary);padding:8px 10px;font-size:12px}.lc-ts-arg-row{border-top:1px solid var(--dsw-alias-border-l1);grid-template-columns:minmax(0,96px) 1fr;align-items:start;column-gap:12px;padding:6px 10px;font-size:12px;display:grid}.lc-ts-arg-row:first-of-type{border-top:0}.lc-ts-arg-row .lc-ts-param-name{text-overflow:unset;white-space:normal;overflow-wrap:anywhere;overflow:visible}.lc-ts-arg-val{color:var(--dsw-alias-label-primary);font-family:var(--ds-font-family-code,ui-monospace, SFMono-Regular, Menlo, monospace);white-space:pre-wrap;word-break:break-word;scrollbar-width:thin;max-height:200px;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;transition:color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);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-l2);border-radius:6px;gap:2px;margin-left:auto;padding:1px;display:flex}.lc-rich-seg-btn{color:var(--dsw-alias-label-secondary);cursor:pointer;transition:color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;border-radius:5px;padding:3px 8px;font-family:inherit;font-size:11px;line-height:1}.lc-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-rich-copy{color:var(--dsw-alias-label-secondary);cursor:pointer;transition:color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;border-radius:5px;align-items:center;padding:2px;display:inline-flex}.lc-rich-copy:hover{color:var(--dsw-alias-label-primary)}.lc-rich-copy-on,.lc-rich-copy-on:hover{color:var(--dsw-alias-state-success-primary)}.lc-ts-desc-md{color:var(--dsw-alias-label-primary);word-break:break-word;overflow-wrap:anywhere;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{white-space:pre-line;margin:6px 0}.lc-ts-desc-md div p br{display:none}.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}";
+		const css$2 = ".lc-ts-card{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);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-wrap{flex-wrap:wrap}.lc-ts-card-head b{color:var(--dsw-alias-label-primary)}.lc-ts-call-name{font-size:13px;font-family:var(--ds-font-family-code,ui-monospace, SFMono-Regular, Menlo, monospace);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.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;font-size:11px;font-weight:600;line-height:1;font-family:var(--ds-font-family-code,ui-monospace, SFMono-Regular, Menlo, monospace);border-radius:999px;flex:none;align-items:center;gap:4px;padding:2px 7px;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-lines{counter-reset:lc-line}.lc-ts-line{padding-left:26px;display:block;position:relative}.lc-ts-line:before{content:counter(lc-line);counter-increment:lc-line;text-align:right;width:20px;color:var(--dsw-alias-label-tertiary);user-select:none;padding-right:6px;font-size:11px;position:absolute;left:0}.lc-ts-line:empty:after{content:\"​\"}.lc-ts-param-row{border-top:1px solid var(--dsw-alias-border-l1);grid-template-columns:minmax(0,140px) minmax(0,90px) 56px minmax(0,1fr);align-items:baseline;gap:2px 10px;padding:6px 10px;font-size:12px;display:grid}.lc-ts-param-row:first-of-type{border-top:0}.lc-ts-param-name{color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.lc-ts-param-type{color:var(--dsw-alias-label-secondary);font-family:var(--ds-font-family-code,ui-monospace, SFMono-Regular, Menlo, monospace);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.lc-ts-param-req{color:var(--dsw-alias-state-warn-primary);font-size:11px;font-weight:600}.lc-ts-param-req-off{color:var(--dsw-alias-label-secondary);font-size:11px}.lc-ts-param-desc{color:var(--dsw-alias-label-secondary);overflow-wrap:anywhere;grid-column:1/-1;line-height:1.5}.lc-ts-params-empty{color:var(--dsw-alias-label-secondary);padding:8px 10px;font-size:12px}.lc-ts-arg-row{border-top:1px solid var(--dsw-alias-border-l1);grid-template-columns:minmax(0,96px) 1fr;align-items:start;column-gap:12px;padding:6px 10px;font-size:12px;display:grid}.lc-ts-arg-row:first-of-type{border-top:0}.lc-ts-arg-row .lc-ts-param-name{text-overflow:unset;white-space:normal;overflow-wrap:anywhere;overflow:visible}.lc-ts-arg-val{color:var(--dsw-alias-label-primary);font-family:var(--ds-font-family-code,ui-monospace, SFMono-Regular, Menlo, monospace);white-space:pre-wrap;word-break:break-word;scrollbar-width:thin;max-height:200px;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;transition:color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;align-self:flex-start;padding:0;font-size:11px}.lc-rich-seg{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);border-radius:6px;gap:2px;margin-left:auto;padding:1px;display:flex}.lc-rich-seg-btn{color:var(--dsw-alias-label-secondary);cursor:pointer;transition:color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;border-radius:5px;padding:3px 8px;font-family:inherit;font-size:11px;line-height:1}.lc-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-rich-copy{color:var(--dsw-alias-label-secondary);cursor:pointer;transition:color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;border-radius:5px;align-items:center;padding:2px;display:inline-flex}.lc-rich-copy:hover{color:var(--dsw-alias-label-primary)}.lc-rich-copy-on,.lc-rich-copy-on:hover{color:var(--dsw-alias-state-success-primary)}.lc-ts-desc-md{color:var(--dsw-alias-label-primary);word-break:break-word;overflow-wrap:anywhere;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{white-space:pre-line;margin:6px 0}.lc-ts-desc-md div p br{display:none}.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}";
 		const tagId$2 = "dsh-context/detailSections.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$2) + "]") === null) {
 			const tag = document.createElement("style");
@@ -9126,7 +9668,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles/attachments.css.mjs
-		const css$1 = ".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-l2);width:100%;min-width:0;font:inherit;text-align:left;cursor:pointer;transition:border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border-radius:8px;align-items:center;gap:8px;padding:6px;display:flex}.lc-att-item:hover{border-color:var(--dsw-alias-label-dimmed);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}";
+		const css$1 = ".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-l2);width:100%;min-width:0;font:inherit;text-align:left;cursor:pointer;transition:border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border-radius:8px;align-items:center;gap:8px;padding:6px;display:flex}.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}";
 		const tagId$1 = "dsh-context/attachments.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
 			const tag = document.createElement("style");
@@ -9137,7 +9679,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles/agentGraph.css.mjs
-		const css = ".lc-agents-chips{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.lc-agents-chip{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;border-radius:999px;padding:2px 8px;font-size:11px}.lc-agents-chip-on{color:var(--dsw-alias-state-success-primary);border-color:color-mix(in srgb, var(--dsw-alias-state-success-primary) 40%, transparent)}.lc-agents-stage{overscroll-behavior-x:contain;margin:0 -4px;padding:0 4px;overflow-x:auto}.lc-agents-svg{max-width:none;margin:0 auto;display:block}.lc-agents-link{stroke-width:1.5px;stroke-opacity:.45}.lc-agents-link-live{stroke-opacity:.85}.lc-agents-flow{stroke-width:2px;stroke-linecap:round;stroke-dasharray:2 7;animation:.9s linear infinite lc-agent-flow}@keyframes lc-agent-flow{to{stroke-dashoffset:-9px}}.lc-agent-node{outline:none}.lc-agent-clickable{cursor:pointer}.lc-agent-halo{fill:#0000;transition:fill var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out)}.lc-agent-hover .lc-agent-halo,.lc-agent-node:focus-visible .lc-agent-halo{fill:var(--dsw-alias-interactive-bg-hover,var(--dsw-alias-bg-layer-2))}.lc-agent-self .lc-agent-halo{fill:var(--dsw-alias-bg-layer-2)}.lc-agent-running .lc-agent-halo{fill:color-mix(in srgb, var(--dsw-alias-state-success-primary) 12%, transparent);animation:1.8s ease-in-out infinite lc-agent-glow}.lc-agent-done .lc-agent-halo{fill:color-mix(in srgb, var(--dsw-alias-state-success-primary) 7%, transparent)}@keyframes lc-agent-glow{0%,to{opacity:1}50%{opacity:.4}}.lc-agent-track{fill:var(--dsw-alias-bg-layer-1);stroke:var(--dsw-alias-border-l1);stroke-width:1.5px}.lc-agent-seg{fill:none;stroke-width:9px;transition:stroke-dasharray .3s,stroke-dashoffset .3s}.lc-agent-free{stroke:color-mix(in srgb, var(--dsw-alias-label-secondary) 18%, transparent)}.lc-agent-pct{fill:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;pointer-events:none;font-size:11px;font-weight:600}.lc-agent-caption{text-align:center;pointer-events:none;width:100%;line-height:1.25}.lc-agent-label{color:var(--dsw-alias-label-primary);overflow-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:11px;display:-webkit-box;overflow:hidden}.lc-agent-tokens{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;font-size:10px}.lc-agents-solo{padding:4px 0 10px}.lc-agents-inspector{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);border-radius:8px;flex-wrap:wrap;align-items:baseline;gap:4px 8px;min-width:0;margin-top:10px;padding:7px 10px;font-size:12px;display:flex}.lc-agents-inspector-name{color:var(--dsw-alias-label-primary);overflow-wrap:anywhere}.lc-agents-badge{background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-secondary);border-radius:999px;flex:none;padding:1px 6px;font-size:10px}.lc-agent-self-badge{vertical-align:1px;margin-left:5px}.lc-agents-badge-on{color:var(--dsw-alias-state-success-primary);border-color:color-mix(in srgb, var(--dsw-alias-state-success-primary) 40%, transparent)}.lc-agents-inspector-stats{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lc-agents-inspector-open{color:var(--dsw-alias-brand-primary,#3b82f6);flex:none;margin-left:auto}.lc-agents-legend{color:var(--dsw-alias-label-secondary);flex-wrap:wrap;gap:4px 14px;margin-top:8px;font-size:11px;display:flex}.lc-agents-legend-item{align-items:center;gap:5px;display:inline-flex}.lc-agents-legend-item i{border-radius:2px;width:8px;height:8px}.lc-agents-legend-free{background:color-mix(in srgb, var(--dsw-alias-label-secondary) 18%, transparent)}.lc-agents-legend-edge{border-top:2px dashed var(--dsw-alias-label-secondary);border-radius:0!important;width:14px!important;height:0!important}";
+		const css = ".lc-agents-chips{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.lc-agents-chip{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;border-radius:999px;padding:2px 8px;font-size:11px}.lc-agents-chip-on{color:var(--dsw-alias-state-success-primary);border-color:color-mix(in srgb, var(--dsw-alias-state-success-primary) 40%, transparent)}.lc-agents-stage{overscroll-behavior-x:contain;margin:0 -4px;padding:0 4px;overflow-x:auto}.lc-agents-svg{max-width:none;margin:0 auto;display:block}.lc-agents-link-live{stroke-opacity:.85}.lc-agents-flow{stroke-linecap:round;stroke-dasharray:2 7}.lc-agent-node{outline:none}.lc-agent-clickable{cursor:pointer}.lc-agent-halo{transition:fill var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out)}.lc-agent-self .lc-agent-halo{fill:var(--dsw-alias-bg-layer-2)}.lc-agent-running .lc-agent-halo{fill:color-mix(in srgb, var(--dsw-alias-state-success-primary) 12%, transparent)}.lc-agent-done .lc-agent-halo{fill:color-mix(in srgb, var(--dsw-alias-state-success-primary) 7%, transparent)}.lc-agent-seg{transition:stroke-dasharray .3s,stroke-dashoffset .3s}.lc-agent-free{stroke:color-mix(in srgb, var(--dsw-alias-label-secondary) 18%, transparent)}.lc-agent-pct{font-variant-numeric:tabular-nums;pointer-events:none;font-size:11px;font-weight:600}.lc-agent-caption{text-align:center;pointer-events:none;width:100%;line-height:1.25}.lc-agent-label{color:var(--dsw-alias-label-primary);overflow-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:11px;display:-webkit-box;overflow:hidden}.lc-agent-tokens{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;font-size:10px}.lc-agents-solo{padding:4px 0 10px}.lc-agents-inspector{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);border-radius:8px;flex-wrap:wrap;align-items:baseline;gap:4px 8px;min-width:0;margin-top:10px;padding:7px 10px;font-size:12px;display:flex}.lc-agents-inspector-name{color:var(--dsw-alias-label-primary);overflow-wrap:anywhere}.lc-agents-badge{background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-secondary);border-radius:999px;flex:none;padding:1px 6px;font-size:10px}.lc-agent-self-badge{vertical-align:1px;margin-left:5px}.lc-agents-badge-on{color:var(--dsw-alias-state-success-primary);border-color:color-mix(in srgb, var(--dsw-alias-state-success-primary) 40%, transparent)}.lc-agents-inspector-stats{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lc-agents-inspector-open{color:var(--dsw-alias-brand-primary,var(--color-blue-500));flex:none;margin-left:auto}.lc-agents-legend{color:var(--dsw-alias-label-secondary);flex-wrap:wrap;gap:4px 14px;margin-top:8px;font-size:11px;display:flex}.lc-agents-legend-item{align-items:center;gap:5px;display:inline-flex}.lc-agents-legend-item i{border-radius:2px;width:8px;height:8px}.lc-agents-legend-free{background:color-mix(in srgb, var(--dsw-alias-label-secondary) 18%, transparent)}.lc-agents-legend-edge{border-top:2px dashed var(--dsw-alias-label-secondary);border-radius:0!important;width:14px!important;height:0!important}";
 		const tagId = "dsh-context/agentGraph.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");
@@ -9206,7 +9748,7 @@ window.__ModuleLoader__.load({
 				}, (props) => (0, react.createElement)(ContextJump, props));
 			});
 			registerContextCommand(ctx, kit);
-			const ContextModal = makeContextModal(ctx, kit);
+			const ContextModal = makeContextModal(ctx, kit, settings);
 			ctx.slots.inject("conversation.input.overlay", () => {
 				return ctx.slots.register({
 					name: "conversation.input.overlay",