dsh-context 0.60.0 → 0.62.0

package/lib/client.js

@@ -83,6 +83,7 @@ window.__ModuleLoader__.load({
 			"timing.empty": "暂无耗时数据 · 对话开始后这里会显示时长分布",
 			"timing.tps": "{tps} tok/s",
 			"timing.tpsTip": "输出速度（TPS）：累计解码输出 tokens ÷ 累计解码时长，与 DeepSeek Harness 会话统计同口径。",
+			"timing.strip": "耗时时间轴：各段按发生次序紧凑铺排，宽度为耗时占比，刻度为零、四分位与全程",
 			"tokens.title": "Token 统计",
 			"tokens.total": "总用量",
 			"tokens.output": "输出",
@@ -119,6 +120,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} 步",
@@ -477,6 +481,7 @@ window.__ModuleLoader__.load({
 			"timing.empty": "No timing data yet — durations appear as the conversation runs",
 			"timing.tps": "{tps} tok/s",
 			"timing.tpsTip": "Output speed (TPS): summed decoded output tokens over summed decode time — the same pairing as the harness session stats.",
+			"timing.strip": "Session-time strip: slices packed in occurrence order, width as share of the active time; ticks at zero, the quartiles, and the full span",
 			"tokens.title": "Token Stats",
 			"tokens.total": "Total",
 			"tokens.output": "Output",
@@ -513,6 +518,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 +840,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 +860,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 }
 			});
 		}
 		/**
@@ -1364,7 +1378,8 @@ window.__ModuleLoader__.load({
 				...typeof data.surfaceFloor === "number" ? { surfaceFloor: data.surfaceFloor } : {},
 				...typeof data.archiveFloor === "number" ? { archiveFloor: data.archiveFloor } : {},
 				...data.fileOps !== void 0 ? { fileOps: objectsOf(data.fileOps) } : {},
-				...typeof data.fileOpsFloor === "number" ? { fileOpsFloor: data.fileOpsFloor } : {}
+				...typeof data.fileOpsFloor === "number" ? { fileOpsFloor: data.fileOpsFloor } : {},
+				...data.spans !== void 0 ? { spans: objectsOf(data.spans) } : {}
 			};
 		}
 		/**
@@ -2226,7 +2241,8 @@ window.__ModuleLoader__.load({
 				...typeof data.surfaceFloor === "number" ? { surfaceFloor: data.surfaceFloor } : {},
 				...typeof data.archiveFloor === "number" ? { archiveFloor: data.archiveFloor } : {},
 				...data.fileOps !== void 0 ? { fileOps: objectsOf(data.fileOps) } : {},
-				...typeof data.fileOpsFloor === "number" ? { fileOpsFloor: data.fileOpsFloor } : {}
+				...typeof data.fileOpsFloor === "number" ? { fileOpsFloor: data.fileOpsFloor } : {},
+				...data.spans !== void 0 ? { spans: objectsOf(data.spans) } : {}
 			};
 		}
 		/**
@@ -2434,7 +2450,8 @@ window.__ModuleLoader__.load({
 						...detail.surfaceFloor !== void 0 ? { surfaceFloor: detail.surfaceFloor } : {},
 						...detail.archiveFloor !== void 0 ? { archiveFloor: detail.archiveFloor } : {},
 						...detail.fileOps !== void 0 ? { fileOps: detail.fileOps } : {},
-						...detail.fileOpsFloor !== void 0 ? { fileOpsFloor: detail.fileOpsFloor } : {}
+						...detail.fileOpsFloor !== void 0 ? { fileOpsFloor: detail.fileOpsFloor } : {},
+						...detail.spans !== void 0 ? { spans: detail.spans } : {}
 					},
 					detailState: "ready",
 					retryDetail: retry
@@ -2530,6 +2547,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 +3112,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 +3259,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 +3331,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 +3365,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 +3393,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 +3545,8 @@ window.__ModuleLoader__.load({
 					props.granularity,
 					props.focusTurn,
 					requests,
-					adaptive
+					adaptive,
+					dnaDeltaOn
 				]);
 				const measureRef = (0, react.useRef)(measureVisible);
 				(0, react.useLayoutEffect)(() => {
@@ -3306,6 +3574,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 +3623,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 +3726,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 +3749,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 +4925,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 +4969,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 +5023,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 +5343,7 @@ window.__ModuleLoader__.load({
 										type: "button",
 										className: "lc-gran-btn" + (dna ? " lc-gran-on" : ""),
 										onClick: () => {
-											setDna((on) => !on);
+											setDna(!dna);
 										},
 										children: t("browser.dna")
 									})
@@ -5202,7 +5523,7 @@ window.__ModuleLoader__.load({
 		* 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;
+		const STAGGER_CAP$1 = 8;
 		function makeStackedBar(kit) {
 			const { t, fmt, catLabel } = kit;
 			return function StackedBar(props) {
@@ -5285,7 +5606,7 @@ window.__ModuleLoader__.load({
 									style: {
 										width: `${widths[i]}%`,
 										backgroundColor: p.color,
-										"--lc-i": Math.min(i, STAGGER_CAP)
+										"--lc-i": Math.min(i, STAGGER_CAP$1)
 									},
 									onMouseEnter: () => {
 										if (props.onHoverKey !== void 0) props.onHoverKey(p.key);
@@ -5635,9 +5956,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 +5985,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")
@@ -7670,6 +7993,126 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
+		//#region src/client/components/timingStrip.tsx
+		/**
+		* The timing card's session-time strip: the fold's painted spans (every
+		* completed step's TTFT wait, decode blocks in stream order, tool-run
+		* windows, and in-step residue) packed shoulder-to-shoulder in occurrence
+		* order — the strip reads as WHERE THE TIME WENT, not when: each band's
+		* width is its share of the session's cumulative active time (the donut's
+		* Active Time), and idle time between steps takes no track at all. The DNA
+		* idiom applied to time consumed. The axis runs 0 → the total active time
+		* with quartile ticks between (0, ¼, ½, ¾, full). Hover relays the span's
+		* KIND through the card's shared hover key, so every span of a category
+		* lights together with its donut arc and legend row (the DNA
+		* lifetime-highlight idiom); the floating tip answers only the strip's OWN
+		* pointer — a mirrored legend/donut hover lights the matching bands without
+		* floating a second tip over a surface the pointer is not on (the stacked
+		* bar's mirror rule).
+		*/
+		/** The strip's palette: the timing card's own slice colors, keyed by span kind (statsTiming.tsx shares it). */
+		const TIMING_COLOR = {
+			ttft: "var(--color-blue-500)",
+			reasoning: "var(--color-violet-500)",
+			text: "var(--color-pink-500)",
+			toolarg: "var(--color-amber-500)",
+			tools: "var(--color-teal-500)",
+			other: "var(--color-slate-400)"
+		};
+		/** The legend-label key of each span kind (the timing card's own vocabulary). */
+		const KIND_LABEL = {
+			ttft: "timing.ttft",
+			reasoning: "timing.reasoning",
+			text: "timing.text",
+			toolarg: "timing.toolArgs",
+			tools: "timing.tools",
+			other: "timing.other"
+		};
+		/** Entrance stagger cap (the stacked bar's own rule): late bands join within the cap so a long span list settles fast. */
+		const STAGGER_CAP = 8;
+		/** The axis's fixed tick fractions: zero, the three quartiles, and the full span. */
+		const TICK_FRACS = [
+			0,
+			.25,
+			.5,
+			.75,
+			1
+		];
+		function makeTimingStrip(kit) {
+			const { t, fmtDuration, fmtTime } = kit;
+			return function TimingStrip(props) {
+				const [tipKey, setTipKey] = (0, react.useState)(null);
+				const valid = props.spans.filter((s) => Object.hasOwn(TIMING_COLOR, s.kind) && Number.isFinite(s.start) && Number.isFinite(s.end) && s.end > s.start);
+				if (valid.length === 0) return null;
+				let total = 0;
+				for (const s of valid) total += s.end - s.start;
+				let cursor = 0;
+				const bands = valid.map((s, i) => {
+					const leftPct = cursor / total * 100;
+					cursor += s.end - s.start;
+					return {
+						key: i,
+						kind: s.kind,
+						leftPct,
+						widthPct: (s.end - s.start) / total * 100,
+						tip: `${t(KIND_LABEL[s.kind])} ${fmtDuration(s.end - s.start)} · ${fmtTime(s.start)}`
+					};
+				});
+				const hoverKey = props.hoverKey;
+				const hovering = hoverKey !== null && hoverKey !== void 0 && bands.some((b) => b.kind === hoverKey);
+				let tip = null;
+				for (const b of bands) if (b.key === tipKey) {
+					tip = {
+						text: b.tip,
+						leftPct: Math.max(10, Math.min(b.leftPct + b.widthPct / 2, 90))
+					};
+					break;
+				}
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "lc-tstrip",
+					role: "img",
+					"aria-label": t("timing.strip"),
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "lc-tstrip-wrap",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "lc-tstrip-bar" + (hovering ? " lc-tstrip-dim" : ""),
+							onMouseLeave: () => {
+								setTipKey(null);
+								props.onHoverKey?.(null);
+							},
+							children: bands.map((b, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "lc-tstrip-seg animate-lc-stacked-in motion-reduce:animate-none" + (hoverKey === b.kind ? " lc-tstrip-seg-on" : ""),
+								style: {
+									left: `${b.leftPct}%`,
+									width: `${b.widthPct}%`,
+									background: TIMING_COLOR[b.kind],
+									"--lc-i": Math.min(i, STAGGER_CAP)
+								},
+								onMouseEnter: () => {
+									setTipKey(b.key);
+									props.onHoverKey?.(b.kind);
+								}
+							}, b.key))
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "lc-tip lc-bar-tip" + (tip !== null ? " lc-bar-tip-on" : ""),
+							style: { left: `${tip !== null ? tip.leftPct : 50}%` },
+							children: tip !== null ? tip.text : ""
+						})]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "lc-tstrip-axis",
+						children: TICK_FRACS.map((frac, i) => {
+							const ms = total * frac;
+							return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "lc-tstrip-tick" + (i === 0 ? " lc-tstrip-tick-first" : i === TICK_FRACS.length - 1 ? " lc-tstrip-tick-last" : ""),
+								style: { left: `${frac * 100}%` },
+								children: ms === 0 ? "0" : fmtDuration(ms)
+							}, frac);
+						})
+					})]
+				});
+			};
+		}
+		//#endregion
 		//#region src/client/components/statsTiming.tsx
 		/**
 		* The Timing card: where the session's ACTIVE time went. The donut splits
@@ -7688,16 +8131,13 @@ window.__ModuleLoader__.load({
 		* read as "no time, many calls". The donut and the rows sit side by side so
 		* the head row stays half-height. Parallel tool calls each count, so the tools
 		* figure can overlap — the ring clamps it into the post-model window while the
-		* row numbers stay true.
+		* row numbers stay true. Below them the session-time strip packs every
+		* completed step's slices gapless in occurrence order (the DNA idiom applied
+		* to time consumed — each band's width is its share of the cumulative active
+		* time, idle time takes no track), joining the same hover link by KIND.
 		*/
-		const COLOR = {
-			ttft: "var(--color-blue-500)",
-			reasoning: "var(--color-violet-500)",
-			text: "var(--color-pink-500)",
-			toolarg: "var(--color-amber-500)",
-			tools: "var(--color-teal-500)",
-			other: "var(--color-slate-400)"
-		};
+		/** The card's slice palette (timingStrip.tsx owns it — the strip paints the same kinds). */
+		const COLOR = TIMING_COLOR;
 		/**
 		* The decode-throughput figure, formatted exactly as the harness's own
 		* session-stats seat formats it: whole tokens from ten up, one decimal below.
@@ -7709,6 +8149,7 @@ window.__ModuleLoader__.load({
 		function makeStatsTiming(kit, Donut) {
 			const { t, fmt, fmtDuration, fmtShare } = kit;
 			const SliceList = makeSliceList(kit);
+			const TimingStrip = makeTimingStrip(kit);
 			return function StatsTiming(props) {
 				const [hoverKey, setHoverKey] = (0, react.useState)(null);
 				const timing = props.timing;
@@ -7840,7 +8281,7 @@ window.__ModuleLoader__.load({
 					}), rows.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "lc-empty",
 						children: t("timing.empty")
-					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "lc-donut-row flex items-center justify-start gap-3 min-w-0 @max-[320px]/lc-card:gap-2 @max-[240px]/lc-card:flex-wrap",
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Donut, {
 							segments,
@@ -7854,7 +8295,11 @@ window.__ModuleLoader__.load({
 							hoverKey,
 							onHoverKey: setHoverKey
 						})]
-					})]
+					}), props.spans !== void 0 && props.spans.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TimingStrip, {
+						spans: props.spans,
+						hoverKey,
+						onHoverKey: setHoverKey
+					}) : null] })]
 				});
 			};
 		}
@@ -10959,7 +11404,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.62.0".includes("-dev")) return;
 					let on = true;
 					fetchLatestVersion().then((v) => {
 						if (on && v) setLatest(v);
@@ -10968,8 +11413,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.62.0") ? latest : null;
+				const nameText = "dsh-context (v0.62.0)";
 				const nameValue = [nameText];
 				if (update) nameValue.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: "lc-pi-update",
@@ -11932,6 +12377,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 +12433,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 +12545,7 @@ window.__ModuleLoader__.load({
 					if (step === null) return;
 					setNodeFocus({
 						step,
-						seq,
+						key: "n" + String(seq),
 						cat: "tool"
 					});
 				}, [requests]);
@@ -12096,7 +12557,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 +12619,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 +12703,8 @@ window.__ModuleLoader__.load({
 						hoverCat: trendHoverCat,
 						focusCat,
 						adaptive,
+						dna: dnaBands,
+						onPickBand: revealBand,
 						onSelect: setSelectedSeq,
 						onHover: setHoveredSeq,
 						onHoverTurn: setHoverTurn,
@@ -12268,7 +12744,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",
@@ -12292,7 +12770,10 @@ window.__ModuleLoader__.load({
 								usage,
 								current: data.current,
 								breakdown
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatsTiming, { timing: data.timing ?? null })]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatsTiming, {
+								timing: data.timing ?? null,
+								spans: data.spans
+							})]
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "lc-cols lc-cols-main",
@@ -12513,7 +12994,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 +13005,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");
@@ -12535,7 +13016,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles/stats.css.mjs
-		const css$13 = ".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}a.lc-stat{color:inherit;cursor:pointer;text-decoration:none}a.lc-stat:hover{border-color:var(--dsw-alias-label-secondary)}.lc-stats .lc-stat{padding:6px 3px}.lc-stats .lc-stat-q{margin:0;position:absolute;top:3px;right:4px}.lc-stat-label{color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.lc-stat-value{color:var(--dsw-alias-label-primary);white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:14px;font-weight:600;overflow:hidden}.lc-stat-sub{color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.lc-stat-tipped{position:relative}.lc-stat-q{text-align:center;width:11px;height:11px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);cursor:help;transition:color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:50%;margin-left:4px;font-size:9px;font-style:normal;font-weight:700;line-height:11px;display:inline-block}.lc-stat-tip{max-width:280px;font-weight:400;line-height:1.5;top:calc(100% + 6px);left:0}.lc-stat-tip-prices{border-top:1px dashed var(--dsw-alias-border-l1);margin-top:5px;padding-top:5px;display:block}.lc-stat-tip-head{font-weight:600;display:block}.lc-timing-tps{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);font-variant-numeric:tabular-nums;cursor:default;border-radius:999px;flex:none;margin-left:auto;padding:1px 8px;font-size:12px;line-height:18px}.lc-stat-tip-row{margin-top:2px;display:block}.lc-stat-tip-band{justify-content:space-between;gap:2rem;display:flex}.lc-stat-tip-band i{font-style:normal}.lc-stat-tip-by{color:var(--dsw-alias-label-secondary);margin-top:3px;display:block}.lc-card-sub{color:var(--dsw-alias-label-secondary);margin-left:auto;font-size:12px;font-weight:400}.lc-overview-num{align-items:baseline;gap:6px;margin-bottom:8px;display:flex}.lc-overview-num>b{font-size:20px}.lc-overview-num span{color:var(--dsw-alias-label-secondary)}.lc-overview-pct{margin-left:auto;font-size:11px}.lc-overview-pct b{color:var(--dsw-alias-label-primary);margin-right:4px;font-size:20px}.lc-stat-head{color:var(--dsw-alias-label-secondary);margin:12px 0 8px;font-size:11px;font-weight:600}.lc-col-donut{flex-direction:column;display:flex}.lc-col-donut .lc-donut-row{flex:1}.lc-donut{flex:none;position:relative}.lc-donut svg{display:block}.lc-donut-track{stroke:color-mix(in srgb, var(--color-neutral-500) 18%, transparent)}.lc-donut-seg{transition:opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out)}.lc-donut-dim .lc-donut-seg{opacity:.35}.lc-donut-dim .lc-donut-seg-on{opacity:1}.lc-donut-center{pointer-events:none;text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0 7px;display:flex;position:absolute;inset:0}.lc-donut-center b{white-space:nowrap;text-overflow:ellipsis;max-width:100%;line-height:1.15;overflow:hidden}.lc-donut-center span{color:var(--dsw-alias-label-secondary);white-space:nowrap}.lc-sl{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:4px 20px;min-width:0;display:grid;overflow:hidden}.lc-sl-row{min-width:0;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:6px;flex-direction:column;gap:1px;margin:0 -6px;padding:1px 6px;font-size:12px;display:flex}.lc-sl-row-on{background:var(--dsw-alias-interactive-bg-hover)}.lc-sl-row-dim{opacity:.55}.lc-sl-main{align-items:center;gap:6px;min-width:0;display:flex}.lc-sl-dot{border-radius:2px;flex:none;width:8px;height:8px}.lc-sl-label{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-weight:600;line-height:1.25;overflow:hidden}.lc-sl-pct{text-align:right;font-variant-numeric:tabular-nums;flex:none;min-width:34px;font-weight:700}.lc-sl-sub{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;margin-left:14px;font-size:11px;line-height:1.3;overflow:hidden}.lc-pi-grid{grid-template-columns:1fr;gap:8px;display:grid}.lc-pi-row-btn{appearance:none;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:0}.lc-pi-row{min-width:0;color:inherit;flex-direction:row;justify-content:space-between;align-items:baseline;gap:12px;text-decoration:none;display:flex}.lc-pi-hint{text-decoration:none}.lc-pi-update{color:var(--dsw-alias-state-warn-primary);white-space:nowrap;margin-left:6px;font-size:11px}.lc-pi-label{color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;flex:none;font-size:11px;font-weight:600;overflow:hidden}.lc-pi-labelicon{vertical-align:-2px;margin-right:4px;display:inline-block}.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}";
+		const css$13 = ".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}a.lc-stat{color:inherit;cursor:pointer;text-decoration:none}a.lc-stat:hover{border-color:var(--dsw-alias-label-secondary)}.lc-stats .lc-stat{padding:6px 3px}.lc-stats .lc-stat-q{margin:0;position:absolute;top:3px;right:4px}.lc-stat-label{color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.lc-stat-value{color:var(--dsw-alias-label-primary);white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:14px;font-weight:600;overflow:hidden}.lc-stat-sub{color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.lc-stat-tipped{position:relative}.lc-stat-q{text-align:center;width:11px;height:11px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);cursor:help;transition:color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:50%;margin-left:4px;font-size:9px;font-style:normal;font-weight:700;line-height:11px;display:inline-block}.lc-stat-tip{max-width:280px;font-weight:400;line-height:1.5;top:calc(100% + 6px);left:0}.lc-stat-tip-prices{border-top:1px dashed var(--dsw-alias-border-l1);margin-top:5px;padding-top:5px;display:block}.lc-stat-tip-head{font-weight:600;display:block}.lc-timing-tps{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);font-variant-numeric:tabular-nums;cursor:default;border-radius:999px;flex:none;margin-left:auto;padding:1px 8px;font-size:12px;line-height:18px}.lc-stat-tip-row{margin-top:2px;display:block}.lc-stat-tip-band{justify-content:space-between;gap:2rem;display:flex}.lc-stat-tip-band i{font-style:normal}.lc-stat-tip-by{color:var(--dsw-alias-label-secondary);margin-top:3px;display:block}.lc-card-sub{color:var(--dsw-alias-label-secondary);margin-left:auto;font-size:12px;font-weight:400}.lc-overview-num{align-items:baseline;gap:6px;margin-bottom:8px;display:flex}.lc-overview-num>b{font-size:20px}.lc-overview-num span{color:var(--dsw-alias-label-secondary)}.lc-overview-pct{margin-left:auto;font-size:11px}.lc-overview-pct b{color:var(--dsw-alias-label-primary);margin-right:4px;font-size:20px}.lc-stat-head{color:var(--dsw-alias-label-secondary);margin:12px 0 8px;font-size:11px;font-weight:600}.lc-col-donut{flex-direction:column;display:flex}.lc-col-donut .lc-donut-row{flex:1}.lc-donut{flex:none;position:relative}.lc-donut svg{display:block}.lc-donut-track{stroke:color-mix(in srgb, var(--color-neutral-500) 18%, transparent)}.lc-donut-seg{transition:opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out)}.lc-donut-dim .lc-donut-seg{opacity:.35}.lc-donut-dim .lc-donut-seg-on{opacity:1}.lc-donut-center{pointer-events:none;text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0 7px;display:flex;position:absolute;inset:0}.lc-donut-center b{white-space:nowrap;text-overflow:ellipsis;max-width:100%;line-height:1.15;overflow:hidden}.lc-donut-center span{color:var(--dsw-alias-label-secondary);white-space:nowrap}.lc-sl{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:4px 20px;min-width:0;display:grid;overflow:hidden}.lc-sl-row{min-width:0;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:6px;flex-direction:column;gap:1px;margin:0 -6px;padding:1px 6px;font-size:12px;display:flex}.lc-sl-row-on{background:var(--dsw-alias-interactive-bg-hover)}.lc-sl-row-dim{opacity:.55}.lc-sl-main{align-items:center;gap:6px;min-width:0;display:flex}.lc-sl-dot{border-radius:2px;flex:none;width:8px;height:8px}.lc-sl-label{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-weight:600;line-height:1.25;overflow:hidden}.lc-sl-pct{text-align:right;font-variant-numeric:tabular-nums;flex:none;min-width:34px;font-weight:700}.lc-sl-sub{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;margin-left:14px;font-size:11px;line-height:1.3;overflow:hidden}.lc-pi-grid{grid-template-columns:1fr;gap:8px;display:grid}.lc-pi-row-btn{appearance:none;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:0}.lc-pi-row{min-width:0;color:inherit;flex-direction:row;justify-content:space-between;align-items:baseline;gap:12px;text-decoration:none;display:flex}.lc-pi-hint{text-decoration:none}.lc-pi-update{color:var(--dsw-alias-state-warn-primary);white-space:nowrap;margin-left:6px;font-size:11px}.lc-pi-label{color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;flex:none;font-size:11px;font-weight:600;overflow:hidden}.lc-pi-labelicon{vertical-align:-2px;margin-right:4px;display:inline-block}.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-tstrip{margin-top:10px}.lc-tstrip-wrap{position:relative}.lc-tstrip-bar{background:color-mix(in srgb, var(--color-neutral-500) 18%, transparent);border-radius:4px;width:100%;height:12px;position:relative;overflow:hidden}.lc-tstrip-seg{transform-origin:0;height:100%;transition:opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), filter var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);position:absolute;top:0}.lc-tstrip-seg-on{filter:brightness(1.18)}.lc-tstrip-dim .lc-tstrip-seg{opacity:.35}.lc-tstrip-dim .lc-tstrip-seg-on{opacity:1}.lc-tstrip-axis{height:13px;color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;margin-top:5px;font-size:10px;line-height:13px;position:relative}.lc-tstrip-tick{white-space:nowrap;position:absolute;transform:translate(-50%)}.lc-tstrip-tick:before{content:\"\";background:var(--dsw-alias-border-l1);width:1px;height:3px;position:absolute;top:-4px;left:50%}.lc-tstrip-tick-first{transform:none}.lc-tstrip-tick-first:before{left:0}.lc-tstrip-tick-last{transform:translate(-100%)}.lc-tstrip-tick-last:before{left:auto;right:0}";
 		const tagId$13 = "dsh-context/stats.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$13) + "]") === null) {
 			const tag = document.createElement("style");
@@ -12579,7 +13060,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");