dsh-context 0.49.4 → 0.50.0

package/README.md

@@ -47,7 +47,7 @@ Open any session and click the **Context / 上下文** tab:
 
 | Card | The question it answers |
 | --- | --- |
-| **Context Stats** | Turns, steps, live tool calls & images, context-event tallies — plus a list-price cost estimate (hover the `?` for per-1M rates). |
+| **Context Stats** | Turns, steps, live tool calls, the session's cache-hit rate — plus a list-price cost estimate (hover the `?` for per-1M rates). |
 | **Token Stats** | Where the billed tokens went: cache read/write, uncached input, output — around the cache-hit ring. |
 | **Timing Stats** | How active time split across model calls, tool runs, and overhead. |
 | **Current Context** | What's in the window *right now*. |
@@ -102,7 +102,7 @@ Pick **Live (next request)** or any retained step, and browse what that request
 
 ![Context Events with a compaction](https://raw.githubusercontent.com/bowenliang123/dsh-context/main/docs/context-events.png)
 
-Every injection, compaction, prune, model switch, and plan-mode toggle — labeled with its producer (instruction file, plugin id, skill name), its net token delta (compactions show what they reclaimed), turn/step, and time. The **Inject / Compact / Prune / Switch / Mode** chips filter the log by kind.
+Every injection, compaction, prune, model switch, and plan-mode toggle — labeled with its producer (instruction file, plugin id, skill name), its net token delta (compactions show what they reclaimed), turn/step, and time. The **Inject / Compact / Prune / Switch / Mode** chips filter the log by kind, each carrying its whole-session event tally.
 
 ### 📁 File Activity — what the agent did to your files
 
@@ -115,6 +115,7 @@ One row per touched file — read, written, or searched — aggregated up to whi
 - **Every mode counts** — native tools, the Minimal preset's `str_replace_editor`, and the nested calls inside PTC `run_code` programs are all folded into per-tool rows.
 - **Searches land on real files** — matched files get their own ops rows with hit counts.
 - **Click a row** to expand its full operation log — every op jumps straight to the exact tool result in the Context browser.
+- **Click a file name** to open its preview in the right Sidebar (dsh 0.1.5-rc.1+), exactly as the built-in Files sidebar does — the same viewer, the same tab-per-file behavior. On a harness without that column the name opens on your system as before.
 
 ### 🕸 Agent Network — the family portrait
 

package/lib/client.js

@@ -26,13 +26,12 @@ 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.costTip": "按 DeepSeek 官方刊例价估算整个会话的累计费用：输入区分缓存命中/未命中，输出含思考；按请求时间区分高峰（北京时间工作日 9:00–12:00、14:00–18:00）与空闲时段（半价，周末全天均为空闲时段）。适用于 deepseek-flash / deepseek-v4-pro（旧 ID deepseek-v4-flash 等按 Flash 价格计费；按模型名匹配，不限 provider），价格仅供参考。",
 			"stats.costPriceHead": "每百万 tokens 价格（高峰 | 空闲半价）：",
 			"stats.costHit": "命中",
 			"stats.costMiss": "未命中",
@@ -42,7 +41,7 @@ window.__ModuleLoader__.load({
 			"timing.ttft": "模型等待",
 			"timing.gen": "模型生成",
 			"timing.reasoning": "模型思考",
-			"timing.text": "正文输出",
+			"timing.text": "模型输出",
 			"timing.toolArgs": "工具参数",
 			"timing.tools": "工具执行",
 			"timing.other": "其他开销",
@@ -50,10 +49,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": "插件信息",
@@ -132,6 +128,7 @@ window.__ModuleLoader__.load({
 			"files.hits": "{n} 处命中",
 			"files.readTip": "读取第 {a}–{b} 行",
 			"files.open": "在系统中打开",
+			"files.preview": "在侧边栏预览",
 			"files.readEst": "按调用参数 limit 估算的读取行数",
 			"files.errs": "{n} 次失败",
 			"files.form.image": "图片",
@@ -321,13 +318,12 @@ 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.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-flash / deepseek-v4-pro (legacy IDs such as deepseek-v4-flash bill at the Flash rates; matched by model name, any provider); prices are for reference only.",
 			"stats.costPriceHead": "Per-1M-token rates (peak | off-peak at half price):",
 			"stats.costHit": "hit",
 			"stats.costMiss": "miss",
@@ -345,10 +341,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",
@@ -427,6 +420,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",
@@ -819,6 +813,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: "#ec4899",
+				value: Math.max(0, usage.outputTokens)
+			}];
+		}
 		//#endregion
 		//#region src/client/headline.ts
 		function headlineOf(data, pressure = null, breakdown = null) {
@@ -1000,6 +1018,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 +1374,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
 		/**
@@ -2463,15 +2513,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);
@@ -3892,7 +3944,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 +3954,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) {
@@ -3981,7 +4041,8 @@ window.__ModuleLoader__.load({
 									className: "lc-stacked-seg" + (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);
@@ -3993,7 +4054,10 @@ window.__ModuleLoader__.load({
 							}),
 							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}%` },
+								style: {
+									width: `${free / scale * 100}%`,
+									"--lc-i": Math.min(visible.length, 9)
+								},
 								onMouseEnter: () => {
 									if (props.onHoverKey !== void 0) props.onHoverKey("free");
 								}
@@ -4647,6 +4711,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 +5264,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-'.'
@@ -6090,7 +6233,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
@@ -6143,7 +6288,7 @@ window.__ModuleLoader__.load({
 							r: "15.9155",
 							fill: "none",
 							strokeWidth: "4"
-						}) : arcs.map((a) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+						}) : arcs.map((a, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
 							className: "lc-donut-seg" + (props.hoverKey === a.key ? " lc-donut-seg-on" : ""),
 							cx: "21",
 							cy: "21",
@@ -6153,6 +6298,7 @@ window.__ModuleLoader__.load({
 							strokeWidth: "4",
 							strokeDasharray: `${a.len} ${100 - a.len}`,
 							strokeDashoffset: a.offset,
+							style: { "--lc-i": i },
 							onMouseEnter: () => {
 								if (props.onHoverKey !== void 0) props.onHoverKey(a.key);
 							}
@@ -6329,6 +6475,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;
@@ -6523,6 +6672,8 @@ 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", {
@@ -6548,12 +6699,13 @@ window.__ModuleLoader__.load({
 											}),
 											/* @__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", {
+												children: [dir !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("em", { children: dir }) : null, openable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", {
 													className: "lc-fa-file",
-													title: t("files.open"),
+													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 })]
@@ -6680,7 +6832,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.50.0".includes("-dev")) return;
 					let on = true;
 					fetchLatestVersion().then((v) => {
 						if (on && v) setLatest(v);
@@ -6689,8 +6841,8 @@ 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.50.0") ? latest : null;
+				const nameText = "dsh-context (v0.50.0)";
 				const nameValue = [nameText];
 				if (update) nameValue.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: "lc-pi-update",
@@ -7174,19 +7326,41 @@ window.__ModuleLoader__.load({
 				}
 			}
 		};
-		/**
-		* 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.
-		*/
+		/** The Pro-series rates (deepseek-v4-pro; peak = 2× off-peak), per currency. */
+		const PRO_RATES = {
+			usd: {
+				peak: {
+					hit: .044,
+					miss: 1.32,
+					out: 3.96
+				},
+				off: {
+					hit: .022,
+					miss: .66,
+					out: 1.98
+				}
+			},
+			cny: {
+				peak: {
+					hit: .3,
+					miss: 9,
+					out: 27
+				},
+				off: {
+					hit: .15,
+					miss: 4.5,
+					out: 13.5
+				}
+			}
+		};
 		const PRICES = {
 			usd: {
 				flash: FLASH_RATES.usd,
-				pro: FLASH_RATES.usd
+				pro: PRO_RATES.usd
 			},
 			cny: {
 				flash: FLASH_RATES.cny,
-				pro: FLASH_RATES.cny
+				pro: PRO_RATES.cny
 			}
 		};
 		/**
@@ -7224,7 +7398,7 @@ window.__ModuleLoader__.load({
 		*/
 		function sessionPrices(currency) {
 			return ["flash", "pro"].map((id) => ({
-				family: id === "flash" ? "deepseek-v4.1-flash / deepseek-flash" : "deepseek-v4-pro",
+				family: id === "flash" ? "deepseek-flash / deepseek-v4-flash" : "deepseek-v4-pro",
 				peak: PRICES[currency][id].peak,
 				off: PRICES[currency][id].off
 			}));
@@ -7236,17 +7410,21 @@ window.__ModuleLoader__.load({
 		//#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) 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 counts arrive precomputed: the split-generation wire head carries them
 		* (shared/types.ts `TimelineCounts` — computed over the retained records),
@@ -7315,6 +7493,7 @@ window.__ModuleLoader__.load({
 						]
 					}, r.family))]
 				}, "prices")];
+				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"),
 					children: [
@@ -7350,12 +7529,10 @@ window.__ModuleLoader__.load({
 						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)
 						]
 					})]
 				});
@@ -7585,59 +7762,39 @@ 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",
@@ -7650,14 +7807,10 @@ window.__ModuleLoader__.load({
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "lc-donut-row",
 						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 +7826,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,6 +7884,7 @@ window.__ModuleLoader__.load({
 			const fmtSigned = (v) => (v > 0 ? "+" : "") + fmt(v);
 			const BAR_W = 14;
 			const BAR_GAP = 2;
+			const STAGGER_CAP = 20;
 			const TURN_FILLS = ["rgba(128,128,128,0.12)", "rgba(128,128,128,0.26)"];
 			const LABEL_OVERHANG = 48;
 			const LABEL_GAP = 2;
@@ -7775,6 +7930,7 @@ 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" : ""),
 					"data-seq": req.seq,
@@ -7791,7 +7947,10 @@ window.__ModuleLoader__.load({
 						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` },
+						style: {
+							bottom: `${props.downPx}px`,
+							...enterStyle
+						},
 						children: CATS.map((c) => {
 							const d = req[c.key] || 0;
 							if (d <= 0) return null;
@@ -7806,7 +7965,10 @@ window.__ModuleLoader__.load({
 						})
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "lc-bar-down",
-						style: { top: `${props.upPx}px` },
+						style: {
+							top: `${props.upPx}px`,
+							...enterStyle
+						},
 						children: CATS.map((c) => {
 							const d = req[c.key] || 0;
 							if (d >= 0) return null;
@@ -7821,6 +7983,7 @@ window.__ModuleLoader__.load({
 						})
 					})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "lc-bar-stack",
+						style: enterStyle,
 						children: CATS.map((c) => {
 							const v = req[c.key] || 0;
 							if (!v) return null;
@@ -8189,9 +8352,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",
@@ -8359,6 +8523,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 +8606,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,20 +8807,24 @@ 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",
@@ -8663,13 +8847,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 +8871,7 @@ window.__ModuleLoader__.load({
 								activity: fileActivity,
 								scope: fileScope,
 								workspace,
+								onPreview: previewFile,
 								onOpen: fileOpener,
 								onLocate: locateFileOp,
 								state: source.detailState,
@@ -8994,7 +9186,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles/base.css.mjs
-		const css$13 = ".lc-root{box-sizing:border-box;height:100%;color:var(--dsw-alias-label-primary);padding:16px 20px 32px;font-size:13px;overflow-y:auto}[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-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<=720px){.lc-head>.lc-card{flex-basis:100%}}.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-error-retry:hover{border-color:var(--dsw-alias-label-primary)}.lc-foot{color:var(--dsw-alias-label-secondary);margin-top:4px;font-size:12px}[data-conversation-scroll]:has(.lc-root)>[data-composer-seat]:not(:has([data-approval-key],[data-question-key],[data-plan-review-key])),[data-conversation-scroll]:has(.lc-root,.lc-modal-backdrop)~[data-width-handle]{display:none}";
 		const tagId$13 = "dsh-context/base.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$13) + "]") === null) {
 			const tag = document.createElement("style");
@@ -9005,7 +9197,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-stats{grid-template-columns:repeat(3,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);animation:.45s cubic-bezier(.4,0,.2,1) backwards lc-donut-in;animation-delay:calc(var(--lc-i,0) * 50ms)}@keyframes lc-donut-in{0%{stroke-dasharray:0 100}}.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-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>=700px){.lc-stats{grid-template-columns:repeat(6,minmax(0,1fr))}}@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%}}@media (prefers-reduced-motion:reduce){.lc-donut-seg{animation:none}}";
 		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");
@@ -9038,7 +9230,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:#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,.lc-stacked-free{transform-origin:0;animation:.4s cubic-bezier(.4,0,.2,1) backwards lc-stacked-in;animation-delay:calc(var(--lc-i,0) * 40ms)}@keyframes lc-stacked-in{0%{transform:scaleX(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)}@media (prefers-reduced-motion:reduce){.lc-stacked-seg,.lc-stacked-free{animation:none}}";
 		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 +9241,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:#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,.lc-bar-up,.lc-bar-down{transform-origin:50% 100%;animation:.35s cubic-bezier(.4,0,.2,1) backwards lc-bar-in;animation-delay:calc(var(--lc-i,0) * 15ms)}.lc-bar-down{transform-origin:50% 0}@keyframes lc-bar-in{0%{transform:scaleY(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}@media (prefers-reduced-motion:reduce){.lc-bar-stack,.lc-bar-up,.lc-bar-down{animation:none}}";
 		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");

package/lib/index.d.ts

@@ -2,7 +2,7 @@ import { z } from "zod";
 import "@deepseek-ai/dsh-session";
 import { Context } from "@deepseek-ai/cordis";
 //#region src/host/config.d.ts
-interface Config {
+export interface Config {
   /** Cap on kept per-step request records (the hard step backstop). */
   maxRequestSteps?: number;
   /** Newest whole-turn window kept; trimming crosses whole turns, never mid-turn. */
@@ -23,7 +23,7 @@ interface Config {
  * The cordis `Config` validator: strict on keys, defaults on the schema fields; tolerates `undefined` (a patch row without a `config:`
  * block — defaults win).
  */
-declare const Config: z.ZodPreprocess<z.ZodObject<{
+export declare const Config: z.ZodPreprocess<z.ZodObject<{
   maxRequestSteps: z.ZodDefault<z.ZodNumber>;
   maxKeptTurns: z.ZodDefault<z.ZodNumber>;
   maxEvents: z.ZodDefault<z.ZodNumber>;
@@ -135,6 +135,13 @@ interface TimelineState {
    * Absent until a DeepSeek flash/pro request reports usage.
    */
   cost?: SessionCostUsage;
+  /**
+   * Whole-session human-input tally (see Snapshot.humanInputs): every
+   * non-injection `user/message` plus every answered `ask_user_question`
+   * result. Running total — never trimmed, like `cost`/`timing`. Absent until
+   * the first human input folds.
+   */
+  humanInputs?: number;
   archiveFloor?: number;
   /**
    * The detail collections' revision marker (see ContextTimelineDetail):
@@ -339,6 +346,14 @@ interface Snapshot {
    * hosts; clients treat absence as zero.
    */
   toolCalls?: number;
+  /**
+   * Whole-session human-input tally: every non-injection `user/message`
+   * (the user's own messages) plus every answered `ask_user_question`
+   * result (one per answer submission). A running total over the COMPLETE
+   * log — turns the retained window no longer holds still count. Absent
+   * from older hosts; clients treat absence as zero.
+   */
+  humanInputs?: number;
   /**
    * Split-generation head fields — present exactly when the host serves the
    * SLIM head (the heavy collections moved to the on-demand detail channel,
@@ -568,7 +583,7 @@ interface CostFamilyUsage {
  * token totals per DeepSeek model family (matched on the model NAME,
  * provider-agnostic) and pricing period. The Client prices these with its
  * hardcoded list-price table in the locale's currency. Absent until a
- * deepseek-flash / deepseek-v4.1-flash / deepseek-v4-pro request reports
+ * deepseek-flash / deepseek-v4-flash / deepseek-v4-pro request reports
  * usage.
  */
 interface SessionCostUsage {
@@ -688,8 +703,8 @@ interface ContextHeaders {
 }
 //#endregion
 //#region src/host/index.d.ts
-declare const name = "dsh-context";
-declare const inject: string[];
-declare function apply(ctx: Context, config: Config): void;
+export declare const name = "dsh-context";
+export declare const inject: string[];
+export declare function apply(ctx: Context, config: Config): void;
 //#endregion
-export { type Category, Config, type ContextEventRecord, type ContextHeaders, type ContextTimeline, type ContextTimelineDetail, type HeaderRecord, type HeaderTool, type HeadersState, type RequestRecord, type Snapshot, type SurfaceNode, type TimelineCounts, type TimelineLast, type TimelineState, apply, inject, name };
+export type { Category, ContextEventRecord, ContextHeaders, ContextTimeline, ContextTimelineDetail, HeaderRecord, HeaderTool, HeadersState, RequestRecord, Snapshot, SurfaceNode, TimelineCounts, TimelineLast, TimelineState };

package/lib/index.js

@@ -1340,6 +1340,13 @@ function accumulateCost(st, time, usage) {
 */
 /** The timing card's per-tool ranking cap: the busiest 16 names are kept. */
 const TOOL_TIMING_CAP = 16;
+/**
+* The interactive Q&A tool (`dsh-tool-ask-user`): its settled result IS the
+* user's answer, so it folds into the human-input tally alongside the user's
+* own messages. One result = one answer submission, however many questions
+* the prompt carried.
+*/
+const ASK_USER_TOOL = "ask_user_question";
 /** The decode buckets of the generation split, in card order (see TimingTotals). */
 const DECODE_KINDS = [
 	"reasoning",
@@ -1600,7 +1607,7 @@ function applyTimeline(state, event, bounds) {
 						if (source.form === "notice" && typeof source.summary === "string" && source.summary !== "") rec.detail = source.summary;
 					}
 					s.events.push(rec);
-				}
+				} else s.humanInputs = (s.humanInputs ?? 0) + 1;
 				break;
 			}
 			case "tool/result": {
@@ -1613,6 +1620,7 @@ function applyTimeline(state, event, bounds) {
 				const s = ensure();
 				bumpDetailRev(s);
 				const node = applySurface(s, event, event.type, data, toolMsg);
+				if (node.tool === ASK_USER_TOOL) s.humanInputs = (s.humanInputs ?? 0) + 1;
 				if (pendingEntry !== void 0) pushFileOps(s, opsOfCall({
 					seq: event.seq,
 					time: event.time,
@@ -1775,6 +1783,7 @@ function headFieldsOf(state) {
 		},
 		images: state.surface.reduce((n, node) => n + (node.imgs ?? 0), 0),
 		toolCalls: state.surface.reduce((n, node) => node.cat === "tool" ? n + 1 : n, 0),
+		humanInputs: state.humanInputs ?? 0,
 		requests: [],
 		events: [],
 		nodes: [],
@@ -2387,6 +2396,7 @@ const contextTimelineSchema = z.object({
 	current: currentSchema,
 	images: z.number().int().nonnegative().optional(),
 	toolCalls: z.number().int().nonnegative().optional(),
+	humanInputs: z.number().int().nonnegative().optional(),
 	counts: countsSchema.optional(),
 	last: lastSchema.optional(),
 	detailRev: z.number().int().nonnegative().optional(),
@@ -2437,6 +2447,7 @@ const timelineStateSchema = z.object({
 	}).strict().optional(),
 	archiveFloor: z.number().optional(),
 	timing: timingTotalsSchema.optional(),
+	humanInputs: z.number().int().nonnegative().optional(),
 	stepStart: z.object({
 		time: z.number(),
 		firstToken: z.number().optional(),
@@ -2511,7 +2522,7 @@ function createContextTimelineDefinition(config, slim) {
 		},
 		init: () => createTimelineState(),
 		apply: (state, event) => applyTimeline(state, event, bounds),
-		stateVersion: 15
+		stateVersion: 16
 	};
 }
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-context",
-  "version": "0.49.4",
+  "version": "0.50.0",
   "description": "A DeepSeek Harness plugin for context insight and management, with context dashboard and context command, for understanding how the context is made of, and how it evolves.",
   "author": "bowenliang123",
   "repository": {
@@ -107,6 +107,7 @@
     "@deepseek-ai/dsh-session": "0.1.2-rc.1",
     "@deepseek-ai/dsh-session-projection": "0.1.2-rc.1",
     "@deepseek-ai/dsh-settings": "0.1.2-rc.1",
+    "@deepseek-ai/dsh-util-workspace-path": "0.1.5-rc.1",
     "@deepseek-ai/schemastery": "^3.18.2",
     "@stylistic/eslint-plugin": "^5.10.0",
     "@types/node": "^26.2.0",
@@ -117,12 +118,12 @@
     "husky": "^9.1.7",
     "jsdom": "^30.0.1",
     "lightningcss": "^1.33.0",
-    "oxlint": "1.76.0",
+    "oxlint": "1.82.0",
     "oxlint-tsgolint": "7.0.2001",
     "playwright-core": "^1.62.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "tsdown": "^0.22.14",
+    "tsdown": "^0.23.0",
     "typescript": "^7.0.2",
     "vitest": "^4.1.11",
     "zod": "^4.4.3"