dsh-context 0.60.0 → 0.61.0

package/README.md

@@ -186,7 +186,7 @@ In-chart and in-card toggles stay per-view and never overwrite the stored prefer
 ## Good to know
 
 - **Estimates vs actuals** — category figures use dsh's own fixed-density heuristic (the same one as its built-in token meter); the pinned trend details show provider-reported actuals next to them, and the Token card pairs its ≈-estimated composition shares with the provider-exact billed total.
-- **Compatibility** — works on `@deepseek-ai/dsh` **0.1.5-rc.1+** (the `0.1.5` line from rc.1, the `0.1.7` line from rc.2), across the V3 (`0.1.5-alpha.x+`) and V4 (`0.1.6/0.1.7+`) session-log generations, from one shape-driven code path. The per-release matrix and how it is verified: [docs/compatibility.md](docs/compatibility.md).
+- **Compatibility** — works on `@deepseek-ai/dsh` **0.1.5-rc.1+** (the `0.1.5` line from rc.1, the `0.1.7` line from rc.2, the `0.2.0` line from rc.2), across the V3 (`0.1.5-alpha.x+`) and V4 (`0.1.6/0.1.7/0.2.0+`) session-log generations, from one shape-driven code path. The per-release matrix and how it is verified: [docs/compatibility.md](docs/compatibility.md).
 - **I18n** — UI in English and 简体中文.
 
 ## Like it?

package/lib/client.js

@@ -119,6 +119,9 @@ window.__ModuleLoader__.load({
 			"trend.focus": "仅展示 {cat}",
 			"trend.adaptive": "自适应",
 			"trend.adaptiveHint": "按当前可视范围内的柱子重新缩放高度，滚动时随之变化",
+			"trend.dna": "DNA 模式",
+			"trend.dnaTip": "把每根柱子画成该次请求的上下文指纹：按模型读取顺序逐条铺色，配合增量模式逐条展示每次请求的增减；悬停查看条目，点击让上下文浏览器定位到该条目，同一条目在所有柱子中亮出其存续变化",
+			"trend.dnaItem": "{label}：{n}",
 			"trend.empty": "发起一轮对话后，这里会展示每次模型请求的上下文构成",
 			"detail.step": "第 {t} 轮 · 第 {s} 步 (共 {n} 步)",
 			"detail.turn": "第 {t} 轮 · 共 {n} 步",
@@ -513,6 +516,9 @@ window.__ModuleLoader__.load({
 			"trend.focus": "Showing {cat} only",
 			"trend.adaptive": "Adaptive",
 			"trend.adaptiveHint": "Rescale bar heights to the visible range, following the scroll",
+			"trend.dna": "DNA Mode",
+			"trend.dnaTip": "Draw each bar as that request’s context fingerprint — one band per item in the order the model reads it; with Delta, each band shows that item’s change against the previous bar. Hover for the item, click to reveal it in the Context browser, and every bar lights the same item’s lifetime",
+			"trend.dnaItem": "{label}: {n}",
 			"trend.empty": "Send a message and each model request’s context makeup shows up here",
 			"detail.step": "Turn {t} · Step {s} of {n}",
 			"detail.turn": "Turn {t} · {n} steps",
@@ -832,13 +838,19 @@ window.__ModuleLoader__.load({
 		* package.json `icon` hands to the Host's package-meta reader, which serves
 		* it to the Plugins page's package cards. The client bundle inlines the
 		* file's markup at build time (the `?raw` channel in tsdown.config.ts) and
-		* re-renders it at every requested size. Fixed fills, never `currentColor` —
-		* the sheet is deliberately polychrome on both light and dark chrome.
+		* re-renders it at every requested size. The identity seats (tab chip,
+		* command, sidebar registration, panel head) keep the sheet's fixed fills —
+		* deliberately polychrome on both light and dark chrome — while the
+		* sidebar-foot entry seat (overviewButton.tsx) opts into `mono`, trading
+		* every fill for `currentColor` so the glyph sits quietly beside the
+		* harness's own footer rows (Settings and friends).
 		*/
 		/** Everything between the file's `<svg>` tags: the sheet's strokes in paint order, whitespace-folded. */
 		const SHEET_MARKUP = icon_default.slice(icon_default.indexOf(">") + 1, icon_default.lastIndexOf("</svg>")).trim().replace(/>\s+</g, "><");
-		/** The colourful document sheet at the requested square edge. */
-		function ContextIcon({ size = 20, className }) {
+		/** The mono seat's strokes: same geometry, every palette fill traded for the surrounding text colour. */
+		const SHEET_MARKUP_MONO = SHEET_MARKUP.replace(/fill="#[0-9A-Fa-f]{6}"/g, "fill=\"currentColor\"");
+		/** The document sheet at the requested square edge — polychrome by default, text-coloured in `mono`. */
+		function ContextIcon({ size = 20, className, mono = false }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 				width: size,
 				height: size,
@@ -846,7 +858,7 @@ window.__ModuleLoader__.load({
 				className,
 				"aria-hidden": "true",
 				xmlns: "http://www.w3.org/2000/svg",
-				dangerouslySetInnerHTML: { __html: SHEET_MARKUP }
+				dangerouslySetInnerHTML: { __html: mono ? SHEET_MARKUP_MONO : SHEET_MARKUP }
 			});
 		}
 		/**
@@ -2530,6 +2542,102 @@ window.__ModuleLoader__.load({
 			});
 			return items;
 		}
+		/** The per-bar bands behind a trend chart bar: read order, category colors, cumulative offsets. */
+		function trendBandsOf(view) {
+			const bands = [];
+			let off = 0;
+			for (const it of dnaOf(view)) {
+				if ("node" in it) bands.push({
+					key: it.key,
+					cat: it.cat,
+					tokens: it.tokens,
+					off,
+					color: CAT_COLOR[it.cat],
+					node: it.node
+				});
+				else bands.push({
+					key: it.key,
+					cat: it.cat,
+					tokens: it.tokens,
+					off,
+					color: CAT_COLOR[it.cat]
+				});
+				off += it.tokens;
+			}
+			return bands;
+		}
+		function deltaBandsOf(bands, prev) {
+			if (prev === null) return {
+				up: [],
+				down: []
+			};
+			const before = new Map(prev.map((b) => [b.key, b.tokens]));
+			const after = new Map(bands.map((b) => [b.key, b.tokens]));
+			const up = [];
+			const down = [];
+			for (const b of bands) {
+				const d = b.tokens - (before.get(b.key) ?? 0);
+				if (d <= 0) continue;
+				up.push("node" in b ? {
+					key: b.key,
+					cat: b.cat,
+					tokens: d,
+					off: 0,
+					color: b.color,
+					node: b.node
+				} : {
+					key: b.key,
+					cat: b.cat,
+					tokens: d,
+					off: 0,
+					color: b.color
+				});
+			}
+			for (const b of prev) {
+				const d = (after.get(b.key) ?? 0) - b.tokens;
+				if (d >= 0) continue;
+				down.push("node" in b ? {
+					key: b.key,
+					cat: b.cat,
+					tokens: d,
+					off: 0,
+					color: b.color,
+					node: b.node
+				} : {
+					key: b.key,
+					cat: b.cat,
+					tokens: d,
+					off: 0,
+					color: b.color
+				});
+			}
+			let u = 0;
+			for (const x of up) {
+				x.off = u;
+				u += x.tokens;
+			}
+			let dn = 0;
+			for (const x of down) {
+				x.off = dn;
+				dn -= x.tokens;
+			}
+			return {
+				up,
+				down
+			};
+		}
+		/**
+		* The compact item name both DNA surfaces share — the browser appends the
+		* item's time on top of it for its own tooltip, the trend chart does not.
+		* Header bands name the system prompt / the tool schema; message bands name
+		* the item the way its browser row would (skill name, tool name, injection
+		* form, else the category label).
+		*/
+		function dnaBaseLabel(b, t, catLabel) {
+			if (!("node" in b)) return b.cat === "system" ? catLabel("system") : b.key.slice(5);
+			const n = b.node;
+			return n.skill !== void 0 ? t("node.skillTag", { name: n.skill }) : n.cat === "tool" ? n.tool ?? "?" : n.cat === "inject" ? t("form." + (n.form || "context")) : catLabel(n.cat);
+		}
 		//#endregion
 		//#region src/shared/fileOps.ts
 		/** Parse a call's raw JSON arguments; non-string/malformed/non-record inputs yield null. */
@@ -2999,6 +3107,124 @@ window.__ModuleLoader__.load({
 				out.net = net;
 				return out;
 			};
+			const DnaBar = function DnaBar(props) {
+				const visible = [];
+				for (const b of props.bands) if (b.tokens > 0) visible.push(b);
+				if (visible.length === 0) return null;
+				const runs = [];
+				for (const b of visible) {
+					const from = Math.round(b.off / props.total * 1e4) / 100;
+					const to = Math.round((b.off + b.tokens) / props.total * 1e4) / 100;
+					const last = runs.length > 0 ? runs[runs.length - 1] : null;
+					if (last !== null && last.color === b.color && last.to === from) last.to = to;
+					else runs.push({
+						color: b.color,
+						from,
+						to
+					});
+				}
+				const hitAt = (e) => {
+					const rect = e.currentTarget.getBoundingClientRect();
+					const pos = (rect.height > 0 ? Math.min(1, Math.max(0, 1 - (e.clientY - rect.top) / rect.height)) : 0) * props.total;
+					let hit = visible[0];
+					for (const b of props.bands) {
+						if (b.off > pos) break;
+						if (b.tokens > 0) hit = b;
+					}
+					return hit;
+				};
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "lc-bar-dna animate-lc-bar-in motion-reduce:animate-none",
+					style: {
+						height: `${Math.max(1, Math.round(props.total / props.maxTotal * CHART_H))}px`,
+						background: "linear-gradient(to top, " + runs.map((r) => `${r.color} ${r.from}%, ${r.color} ${r.to}%`).join(", ") + ")",
+						"--lc-i": Math.min(props.enterIndex, STAGGER_CAP)
+					},
+					onMouseMove: (e) => {
+						props.onHit(hitAt(e).key);
+					},
+					onMouseLeave: () => {
+						props.onHit(null);
+					},
+					onClick: (e) => {
+						if (props.onPick !== void 0) props.onPick(props.seq, hitAt(e));
+					}
+				});
+			};
+			const DnaDeltaBar = function DnaDeltaBar(props) {
+				let upSum = 0;
+				for (const b of props.d.up) upSum += b.tokens;
+				let downSum = 0;
+				for (const b of props.d.down) downSum -= b.tokens;
+				const gradSpan = upSum + downSum;
+				if (gradSpan === 0) return null;
+				const runs = [];
+				const pushRun = (color, mag, at) => {
+					const from = Math.round(at / gradSpan * 1e4) / 100;
+					const to = Math.round((at + mag) / gradSpan * 1e4) / 100;
+					const last = runs.length > 0 ? runs[runs.length - 1] : null;
+					if (last !== null && last.color === color && last.to === from) last.to = to;
+					else runs.push({
+						color,
+						from,
+						to
+					});
+					return at + mag;
+				};
+				let acc = 0;
+				for (let i = props.d.down.length - 1; i >= 0; i--) acc = pushRun(props.d.down[i].color, -props.d.down[i].tokens, acc);
+				for (const b of props.d.up) acc = pushRun(b.color, b.tokens, acc);
+				const height = Math.max(1, Math.round(gradSpan * props.scale));
+				const hitAt = (e) => {
+					const rect = e.currentTarget.getBoundingClientRect();
+					const pos = (rect.height > 0 ? Math.min(1, Math.max(0, 1 - (e.clientY - rect.top) / rect.height)) : 0) * gradSpan - downSum;
+					const useUp = pos >= 0 && props.d.up.length > 0;
+					const arm = useUp ? props.d.up : props.d.down;
+					const p = useUp ? pos : -pos;
+					let hit = arm[0];
+					for (const b of arm) {
+						if (b.off > p) break;
+						hit = b;
+					}
+					return hit;
+				};
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "lc-bar-dna animate-lc-bar-in motion-reduce:animate-none",
+					style: {
+						position: "absolute",
+						bottom: `${Math.round(props.zeroBottom - downSum * props.scale)}px`,
+						height: `${height}px`,
+						background: "linear-gradient(to top, " + runs.map((r) => `${r.color} ${r.from}%, ${r.color} ${r.to}%`).join(", ") + ")",
+						transformOrigin: `50% ${Math.round(downSum / gradSpan * 1e4) / 100}%`,
+						"--lc-i": Math.min(props.enterIndex, STAGGER_CAP)
+					},
+					onMouseMove: (e) => {
+						props.onHit(hitAt(e).key);
+					},
+					onMouseLeave: () => {
+						props.onHit(null);
+					},
+					onClick: (e) => {
+						if (props.onPick !== void 0) props.onPick(props.seq, hitAt(e));
+					}
+				});
+			};
+			const DnaHighlights = (0, react.memo)(function DnaHighlights(props) {
+				if (props.slices === null) return null;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "lc-dna-hl",
+					children: props.slices.map((s, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "lc-dna-cell",
+						children: s !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "lc-dna-slice",
+							style: {
+								bottom: `${s.bottom}px`,
+								height: `${s.height}px`
+							}
+						}) : null
+					}, i))
+				});
+			});
 			const ChartBar = (0, react.memo)(function ChartBar(props) {
 				const { req, marker } = props;
 				const markerAt = marker !== void 0 ? eventAt(marker) : null;
@@ -3028,7 +3254,23 @@ 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", {
+						props.dna !== null ? props.dnaDelta !== null && props.dnaScale !== void 0 && props.zeroBottom !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DnaDeltaBar, {
+							d: props.dnaDelta,
+							scale: props.dnaScale,
+							zeroBottom: props.zeroBottom,
+							enterIndex: props.enterIndex,
+							seq: req.seq,
+							onHit: props.onDnaHit,
+							onPick: props.onPickBand
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DnaBar, {
+							bands: props.dna,
+							total: req.total,
+							maxTotal: props.maxTotal,
+							enterIndex: props.enterIndex,
+							seq: req.seq,
+							onHit: props.onDnaHit,
+							onPick: props.onPickBand
+						}) : diverge ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: "lc-bar-up animate-lc-bar-in motion-reduce:animate-none",
 							style: {
 								bottom: `${props.downPx}px`,
@@ -3084,8 +3326,13 @@ window.__ModuleLoader__.load({
 				});
 			});
 			return function TrendChart(props) {
+				const dnaBands = props.dna ?? null;
+				const dnaOn = dnaBands !== null;
 				const delta = props.mode === "delta";
-				const focus = props.focusCat !== null && props.focusCat !== void 0 && CATS.some((c) => c.key === props.focusCat) ? props.focusCat : null;
+				const dnaDeltaOn = dnaOn && delta;
+				const focus = !dnaOn && props.focusCat !== null && props.focusCat !== void 0 && CATS.some((c) => c.key === props.focusCat) ? props.focusCat : null;
+				const [dnaHit, setDnaHit] = (0, react.useState)(null);
+				const dnaDeltas = (0, react.useMemo)(() => dnaDeltaOn ? dnaBands.map((bands, i) => deltaBandsOf(bands, i > 0 ? dnaBands[i - 1] : null)) : null, [dnaDeltaOn, dnaBands]);
 				const requests = (0, react.useMemo)(() => {
 					const base = focus !== null ? props.requests.map((req) => focusOf(req, focus)) : props.requests;
 					return delta ? base.map((req, i) => deltaOf(req, i > 0 ? base[i - 1] : null)) : base;
@@ -3113,7 +3360,14 @@ window.__ModuleLoader__.load({
 						const col = i * pitch;
 						if (col >= vr || col + BAR_W <= sl) continue;
 						const req = requests[i];
-						if (delta) {
+						if (dnaDeltaOn && dnaDeltas !== null) {
+							let bu = 0;
+							let bd = 0;
+							for (const b of dnaDeltas[i].up) bu += b.tokens;
+							for (const b of dnaDeltas[i].down) bd -= b.tokens;
+							if (bu > up) up = bu;
+							if (bd > down) down = bd;
+						} else if (delta) {
 							let bu = 0;
 							let bd = 0;
 							for (const c of CATS) {
@@ -3134,7 +3388,15 @@ window.__ModuleLoader__.load({
 				let maxTotal = 1;
 				let maxUp = 0;
 				let maxDown = 0;
-				if (delta) for (const req of requests) {
+				if (dnaDeltaOn && dnaDeltas !== null) for (const d of dnaDeltas) {
+					let up = 0;
+					let down = 0;
+					for (const b of d.up) up += b.tokens;
+					for (const b of d.down) down -= b.tokens;
+					if (up > maxUp) maxUp = up;
+					if (down > maxDown) maxDown = down;
+				}
+				else if (delta) for (const req of requests) {
 					let up = 0;
 					let down = 0;
 					for (const c of CATS) {
@@ -3278,7 +3540,8 @@ window.__ModuleLoader__.load({
 					props.granularity,
 					props.focusTurn,
 					requests,
-					adaptive
+					adaptive,
+					dnaDeltaOn
 				]);
 				const measureRef = (0, react.useRef)(measureVisible);
 				(0, react.useLayoutEffect)(() => {
@@ -3306,6 +3569,45 @@ window.__ModuleLoader__.load({
 					return containHorizontalOverscroll(el);
 				}, []);
 				const stepsOf = (0, react.useMemo)(() => turnStepsOf(props.requests), [props.requests]);
+				const hoveredIdx = props.hoveredSeq !== null ? requests.findIndex((r) => r.seq === props.hoveredSeq) : -1;
+				const hoveredReq = hoveredIdx >= 0 ? requests[hoveredIdx] : null;
+				const hoveredBands = dnaOn && !dnaDeltaOn && hoveredIdx >= 0 ? dnaBands[hoveredIdx] : null;
+				const hitBand = hoveredBands !== null && dnaHit !== null ? hoveredBands.find((b) => b.key === dnaHit && b.tokens > 0) ?? null : null;
+				const hoveredDelta = dnaDeltaOn && hoveredIdx >= 0 && dnaDeltas !== null ? dnaDeltas[hoveredIdx].up.find((b) => b.key === dnaHit) ?? dnaDeltas[hoveredIdx].down.find((b) => b.key === dnaHit) ?? null : null;
+				const dnaSlices = (0, react.useMemo)(() => {
+					if (!dnaOn || dnaHit === null) return null;
+					const slices = [];
+					if (dnaDeltaOn && dnaDeltas !== null) for (const d of dnaDeltas) {
+						const hit = d.up.find((b) => b.key === dnaHit) ?? d.down.find((b) => b.key === dnaHit) ?? null;
+						if (hit === null) {
+							slices.push(null);
+							continue;
+						}
+						const mag = Math.abs(hit.tokens);
+						const edge = hit.tokens > 0 ? downPx + hit.off * deltaScale : downPx - (hit.off + mag) * deltaScale;
+						slices.push({
+							bottom: Math.round(edge),
+							height: Math.max(1, Math.round(mag * deltaScale))
+						});
+					}
+					else for (const bands of dnaBands) {
+						const hit = bands.find((b) => b.key === dnaHit && b.tokens > 0) ?? null;
+						slices.push(hit === null ? null : {
+							bottom: Math.round(hit.off / maxTotal * CHART_H),
+							height: Math.max(1, Math.round(hit.tokens / maxTotal * CHART_H))
+						});
+					}
+					return slices;
+				}, [
+					dnaOn,
+					dnaHit,
+					dnaDeltaOn,
+					dnaDeltas,
+					dnaBands,
+					downPx,
+					deltaScale,
+					maxTotal
+				]);
 				const tipRowsOf = (req) => {
 					const n = req.stepCount ?? 1;
 					const head = props.granularity === "turn" ? n > 1 ? t("tip.turn", {
@@ -3316,19 +3618,20 @@ window.__ModuleLoader__.load({
 						s: req.step ?? 0,
 						n: stepsOf(req.turn)
 					});
-					if (delta) {
-						/* v8 ignore next 1 -- delta mode only receives records from
-						deltaOf, which always assigns net; the fallback is defensive. */
-						const n = req.net ?? 0;
-						return [head, t("tip.delta", { n: (n > 0 ? "+" : "") + fmt(n) })];
-					}
+					const band = hitBand ?? hoveredDelta;
+					if (band !== null) return [head, t("trend.dnaItem", {
+						label: dnaBaseLabel(band, t, catLabel),
+						n: dnaDeltaOn ? fmtSigned(band.tokens) : fmt(band.tokens)
+					})];
+					if (delta)
+ /* v8 ignore next 1 -- delta mode only receives records from
+					deltaOf, which always assigns net; the fallback is defensive. */
+					return [head, t("tip.delta", { n: fmtSigned(req.net ?? 0) })];
 					return [head, focus !== null ? t("tip.cat", {
 						cat: catLabel(focus),
 						n: fmt(req.total)
 					}) : t("tip.total", { n: fmt(req.total) })];
 				};
-				const hoveredIdx = props.hoveredSeq !== null ? requests.findIndex((r) => r.seq === props.hoveredSeq) : -1;
-				const hoveredReq = hoveredIdx >= 0 ? requests[hoveredIdx] : null;
 				const tipColRef = (0, react.useRef)(0);
 				/**
 				* Glue the hover tip to its bar's VISIBLE slice. The tip deliberately does NOT live inside the scrolling
@@ -3418,6 +3721,7 @@ window.__ModuleLoader__.load({
 								"data-catdim": props.hoverCat ?? void 0,
 								onMouseLeave: () => {
 									props.onHover(null);
+									setDnaHit(null);
 								},
 								children: [
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "lc-grid lc-grid-top" }),
@@ -3440,9 +3744,16 @@ window.__ModuleLoader__.load({
 										downPx: delta ? downPx : void 0,
 										deltaScale: delta ? deltaScale : void 0,
 										enterIndex: i,
+										dna: dnaOn ? dnaBands[i] : null,
+										dnaDelta: dnaDeltaOn && dnaDeltas !== null ? dnaDeltas[i] : null,
+										dnaScale: dnaDeltaOn ? deltaScale : void 0,
+										zeroBottom: dnaDeltaOn ? downPx : void 0,
+										onDnaHit: setDnaHit,
+										onPickBand: props.onPickBand,
 										onSelect: props.onSelect,
 										onHover: props.onHover
-									}, `${req.seq}:${props.granularity}`))
+									}, `${req.seq}:${props.granularity}`)),
+									dnaOn ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DnaHighlights, { slices: dnaSlices }) : null
 								]
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "lc-turns",
@@ -4609,7 +4920,15 @@ window.__ModuleLoader__.load({
 				const [rowQuery, setRowQuery] = (0, react.useState)("");
 				const [rowKind, setRowKind] = (0, react.useState)(null);
 				const [toolSort, setToolSort] = (0, react.useState)(() => settings.defaultToolSort());
-				const [dna, setDna] = (0, react.useState)(false);
+				const [dnaLocal, setDnaLocal] = (0, react.useState)(false);
+				const dnaLinked = props.dna !== void 0 && props.onDnaChange !== void 0;
+				const dna = dnaLinked ? props.dna === true : dnaLocal;
+				const setDna = (on) => {
+					if (dnaLinked)
+ /* v8 ignore next 1 -- `dnaLinked` requires both props, so the handler is always present. */
+					props.onDnaChange?.(on);
+					else setDnaLocal(on);
+				};
 				const [dnaKey, setDnaKey] = (0, react.useState)(null);
 				const [deltaBase, setDeltaBase] = (0, react.useState)(() => settings.defaultDeltaBase());
 				const onOpenCat = props.onOpenCat;
@@ -4645,7 +4964,9 @@ window.__ModuleLoader__.load({
 					if (nodeFocus === null || nodeFocus === void 0) return;
 					setSel(nodeFocus.step);
 					setCat(nodeFocus.cat);
-					setOpenElem("n" + String(nodeFocus.seq));
+					setOpenElem(nodeFocus.key);
+					setRowQuery("");
+					setRowKind(null);
 					focusScrollRef.current = true;
 					if (props.onNodeFocusHandled !== void 0) props.onNodeFocusHandled();
 				}, [
@@ -4697,12 +5018,7 @@ window.__ModuleLoader__.load({
 				for (const n of view.nodes) if ((n.cat === "tool" || n.cat === "skill") && 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);
-					else {
-						const n = it.node;
-						base = n.skill !== void 0 ? t("node.skillTag", { name: n.skill }) : n.cat === "tool" ? n.tool ?? "?" : n.cat === "inject" ? t("form." + (n.form || "context")) : catLabel(n.cat);
-					}
+					const base = dnaBaseLabel(it, t, catLabel);
 					return it.time !== void 0 ? base + " · " + fmtTime(it.time) : base;
 				};
 				const dnaItems = dna ? dnaOf(view) : null;
@@ -5022,7 +5338,7 @@ window.__ModuleLoader__.load({
 										type: "button",
 										className: "lc-gran-btn" + (dna ? " lc-gran-on" : ""),
 										onClick: () => {
-											setDna((on) => !on);
+											setDna(!dna);
 										},
 										children: t("browser.dna")
 									})
@@ -5635,9 +5951,10 @@ window.__ModuleLoader__.load({
 		* The Context Dashboard's sidebar entry: a footer action stacked directly
 		* above Settings (the harness's own foot layout: footer actions, then the
 		* settings row), mirroring the Settings trigger's geometry in both column
-		* widths. The button carries the plugin emblem and, on the wide
-		* column, its label. Clicking opens the overview overlay through the shared
-		* module store (overviewStore.ts).
+		* widths. The button carries the plugin emblem — in the mono seat, so the
+		* glyph matches the harness's own footer rows rather than shouting over
+		* them — and, on the wide column, its label. Clicking opens the overview
+		* overlay through the shared module store (overviewStore.ts).
 		*
 		* The per-user `insightsEntry` preference takes the entry down (renders
 		* null) without unregistering the seat. The subscription fails open: an
@@ -5663,7 +5980,8 @@ window.__ModuleLoader__.load({
 					},
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContextIcon, {
 						size: props.wide === true ? 16 : 18,
-						className: "lc-ov-entry-icon"
+						className: "lc-ov-entry-icon",
+						mono: true
 					}), props.wide === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: "lc-ov-entry-label",
 						children: t("ov.entry")
@@ -10959,7 +11277,7 @@ window.__ModuleLoader__.load({
 			return function PluginInfo() {
 				const [latest, setLatest] = (0, react.useState)(null);
 				(0, react.useEffect)(() => {
-					if ("0.60.0".includes("-dev")) return;
+					if ("0.61.0".includes("-dev")) return;
 					let on = true;
 					fetchLatestVersion().then((v) => {
 						if (on && v) setLatest(v);
@@ -10968,8 +11286,8 @@ window.__ModuleLoader__.load({
 						on = false;
 					};
 				}, []);
-				const update = latest !== null && isNewerVersion(latest, "0.60.0") ? latest : null;
-				const nameText = "dsh-context (v0.60.0)";
+				const update = latest !== null && isNewerVersion(latest, "0.61.0") ? latest : null;
+				const nameText = "dsh-context (v0.61.0)";
 				const nameValue = [nameText];
 				if (update) nameValue.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: "lc-pi-update",
@@ -11932,6 +12250,7 @@ window.__ModuleLoader__.load({
 				const [hoverTurn, setHoverTurn] = (0, react.useState)(null);
 				const [granularity, setGranularity] = (0, react.useState)(() => settings.defaultGranularity());
 				const [trendMode, setTrendMode] = (0, react.useState)(() => settings.defaultTrendMode());
+				const [dna, setDna] = (0, react.useState)(false);
 				const [adaptive, setAdaptive] = (0, react.useState)(false);
 				const [focusTurn, setFocusTurn] = (0, react.useState)(null);
 				const [jumpSeq, setJumpSeq] = (0, react.useState)(null);
@@ -11987,6 +12306,21 @@ window.__ModuleLoader__.load({
 				const displayRequests = (0, react.useMemo)(() => granularity === "turn" ? aggregateByTurn(requests) : requests, [requests, granularity]);
 				const stepsOf = (0, react.useMemo)(() => turnStepsOf(requests), [requests]);
 				const markers = (0, react.useMemo)(() => attachMarkers(displayRequests, events), [displayRequests, events]);
+				/* v8 ignore next 1 -- a missing projection returns the loading screen before the trend card
+				(and its DNA toggle) renders, so `dna && data === null` cannot occur. */
+				const dnaBands = (0, react.useMemo)(() => dna && data !== null ? displayRequests.map((req) => trendBandsOf(assemble(data, headers, req.seq))) : null, [
+					dna,
+					data,
+					headers,
+					displayRequests
+				]);
+				const revealBand = (0, react.useCallback)((seq, band) => {
+					setNodeFocus({
+						step: seq,
+						key: band.key,
+						cat: band.cat
+					});
+				}, []);
 				(0, react.useEffect)(() => {
 					if (typeof sessionId !== "string" || sessionId === "") return;
 					const take = () => {
@@ -12084,7 +12418,7 @@ window.__ModuleLoader__.load({
 					if (step === null) return;
 					setNodeFocus({
 						step,
-						seq,
+						key: "n" + String(seq),
 						cat: "tool"
 					});
 				}, [requests]);
@@ -12096,7 +12430,7 @@ window.__ModuleLoader__.load({
 					const step = isResponse ? next !== null ? next.seq : "live" : activeReq.seq;
 					setNodeFocus({
 						step,
-						seq: node.seq,
+						key: "n" + String(node.seq),
 						cat: node.cat
 					});
 				}, [
@@ -12158,6 +12492,19 @@ window.__ModuleLoader__.load({
 								className: "lc-card-title-text",
 								children: t("trend.title")
 							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "lc-gran lc-trend-dna",
+								role: "group",
+								title: t("trend.dnaTip"),
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "lc-gran-btn" + (dna ? " lc-gran-on" : ""),
+									onClick: () => {
+										setDna((v) => !v);
+									},
+									children: t("trend.dna")
+								})
+							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 								className: "lc-gran lc-trend-adaptive",
 								role: "group",
@@ -12229,6 +12576,8 @@ window.__ModuleLoader__.load({
 						hoverCat: trendHoverCat,
 						focusCat,
 						adaptive,
+						dna: dnaBands,
+						onPickBand: revealBand,
 						onSelect: setSelectedSeq,
 						onHover: setHoveredSeq,
 						onHoverTurn: setHoverTurn,
@@ -12268,7 +12617,9 @@ window.__ModuleLoader__.load({
 					onNodeFocusHandled: clearNodeFocus,
 					loadImage,
 					detailState: source.detailState,
-					onDetailRetry: source.retryDetail
+					onDetailRetry: source.retryDetail,
+					dna,
+					onDnaChange: setDna
 				});
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "lc-root",
@@ -12513,7 +12864,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles/tailwind.css.mjs
-		const css$15 = "/*! 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-orange-500:oklch(70.5% .213 47.604);--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\\(240px\\,100\\%\\)\\]{min-width:min(240px,100%)}.min-w-\\[min\\(360px\\,100\\%\\)\\]{min-width:min(360px,100%)}.flex-1{flex:1}.flex-\\[3\\]{flex:3}.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 css$15 = "/*! 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-orange-500:oklch(70.5% .213 47.604);--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}.invisible{visibility:hidden}.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\\(240px\\,100\\%\\)\\]{min-width:min(240px,100%)}.min-w-\\[min\\(360px\\,100\\%\\)\\]{min-width:min(360px,100%)}.flex-1{flex:1}.flex-\\[3\\]{flex:3}.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$15 = "dsh-context/tailwind.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$15) + "]") === null) {
 			const tag = document.createElement("style");
@@ -12524,7 +12875,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles/base.css.mjs
-		const css$14 = ".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{padding:12px}.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{box-sizing:border-box;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,.lc-heat-ctl{align-items:center;gap:6px;margin-left:auto;display:flex}.lc-trend-ctl .lc-gran,.lc-heat-ctl .lc-gran,.lc-heat-ctl .lc-card-sub{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 css$14 = ".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{padding:12px}.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{box-sizing:border-box;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,.lc-heat-ctl{align-items:center;gap:6px;margin-left:auto;display:flex}.lc-trend-ctl .lc-gran,.lc-heat-ctl .lc-gran,.lc-heat-ctl .lc-card-sub{margin-left:0}.lc-trend-dna,.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-btn:disabled{opacity:.4;cursor:not-allowed}.lc-gran-btn:disabled:hover{color:var(--dsw-alias-label-secondary)}.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$14 = "dsh-context/base.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$14) + "]") === null) {
 			const tag = document.createElement("style");
@@ -12579,7 +12930,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles/trendChart.css.mjs
-		const css$9 = ".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:18px 2px 0;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=skill] .lc-cat-seg[data-cat=skill],.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-step-flag{background:color-mix(in srgb, var(--color-neutral-500) 45%, transparent);pointer-events:none;width:1px;position:absolute;top:-17px;bottom:0;right:-1px}.lc-step-flag-label{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--color-neutral-500) 45%, transparent);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-secondary);white-space:nowrap;border-radius:3px;padding:1px 3px;font-size:9px;font-weight:600;line-height:1;position:absolute;top:0;right:0}.lc-turns{box-sizing:border-box;gap:2px;width:max-content;min-width:100%;margin-top:4px;padding:0 2px;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$9 = ".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:18px 2px 0;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-dna{border-radius:2px;width:100%}.lc-bar-stack,.lc-bar-up,.lc-bar-down,.lc-bar-dna{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=skill] .lc-cat-seg[data-cat=skill],.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-dna-hl{z-index:1;pointer-events:none;align-items:stretch;gap:2px;display:flex;position:absolute;inset:18px 2px 0}.lc-dna-cell{flex:none;width:14px;position:relative}.lc-dna-slice{box-sizing:border-box;border:1px solid var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 26%, transparent);border-radius:1px;width:100%;position:absolute;left:0}.lc-bar-marker{z-index:2;color:var(--dsw-alias-state-warn-primary);font-size:11px;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.lc-step-flag{z-index:2;background:color-mix(in srgb, var(--color-neutral-500) 45%, transparent);pointer-events:none;width:1px;position:absolute;top:-17px;bottom:0;right:-1px}.lc-step-flag-label{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--color-neutral-500) 45%, transparent);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-secondary);white-space:nowrap;border-radius:3px;padding:1px 3px;font-size:9px;font-weight:600;line-height:1;position:absolute;top:0;right:0}.lc-turns{box-sizing:border-box;gap:2px;width:max-content;min-width:100%;margin-top:4px;padding:0 2px;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$9 = "dsh-context/trendChart.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$9) + "]") === null) {
 			const tag = document.createElement("style");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-context",
-  "version": "0.60.0",
+  "version": "0.61.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.",
   "icon": "icon.svg",
   "author": "bowenliang123",
@@ -69,7 +69,8 @@
     "compatibility": {
       "dshReleases": {
         "0.1.5-rc.1": "compatible",
-        "0.1.7-rc.2": "compatible"
+        "0.1.7-rc.2": "compatible",
+        "0.2.0-rc.2": "compatible"
       }
     }
   },