dsh-context 0.59.2 → 0.61.0

package/lib/client.js

@@ -107,6 +107,7 @@ window.__ModuleLoader__.load({
 			"insightsEntry.hide": "隐藏",
 			"settings.gran": "趋势图 · 默认粒度",
 			"settings.mode": "趋势图 · 默认展示方式",
+			"settings.deltaBase": "上下文浏览器 · 对比基线",
 			"settings.toolSort": "工具定义 · 默认排序",
 			"settings.fileSort": "文件活动 · 默认排序",
 			"settings.expand": "展开",
@@ -118,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} 步",
@@ -279,7 +283,9 @@ window.__ModuleLoader__.load({
 			"browser.items": "{n} 项",
 			"browser.missingLive": "… 另有 {n} 条更早的消息也在上下文中（超出展示窗口）",
 			"browser.approx": "该步骤涉及的部分已移除消息超出保留范围，以下为近似构成",
-			"browser.deltaHint": "对比上轮末步的变动",
+			"browser.base.step": "比前步",
+			"browser.base.turn": "比前轮",
+			"browser.base.tip": "变动对比的基线：比前步＝与上一步对比；比前轮＝与上一轮最后一步对比（首轮无基线，全部计为变动）",
 			"browser.dna": "DNA 模式",
 			"browser.dnaTip": "按模型读取上下文的次序逐条展示每一项：系统提示词、工具定义，然后是按时间排列的消息；悬停查看条目，点击定位到下方列表",
 			"browser.noHeader": "此数据来自旧版插件：仅提供 token 估算，无实际内容",
@@ -290,8 +296,12 @@ window.__ModuleLoader__.load({
 			"browser.search.user": "按消息内容过滤…",
 			"browser.search.inject": "按注入内容过滤…",
 			"browser.search.skill": "按技能过滤…",
-			"browser.search.assistant": "按回复或调用过滤…",
+			"browser.search.assistant": "按回复、调用或思考过滤…",
 			"browser.search.tool": "按工具或参数过滤…",
+			"browser.kind.think": "思考",
+			"browser.kind.tool": "工具",
+			"browser.kind.answer": "回答",
+			"browser.kindTip": "按内容种类过滤回复：思考、工具调用、回答文本",
 			"browser.rowNoMatch": "没有匹配当前过滤条件的行",
 			"browser.loading": "正在从更早的会话历史加载完整内容…",
 			"browser.notInLog": "会话日志中未找到该条目的完整内容（可能已被压缩或清理）",
@@ -494,6 +504,7 @@ window.__ModuleLoader__.load({
 			"insightsEntry.hide": "Hide",
 			"settings.gran": "Trend Chart · Default granularity",
 			"settings.mode": "Trend Chart · Default display",
+			"settings.deltaBase": "Context Browser · Diff baseline",
 			"settings.toolSort": "Tool Schemas · Default sort",
 			"settings.fileSort": "File Activity · Default sort",
 			"settings.expand": "Expand",
@@ -505,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",
@@ -666,7 +680,9 @@ window.__ModuleLoader__.load({
 			"browser.items": "{n} Items",
 			"browser.missingLive": "… {n} earlier messages are also part of the context (outside the served window)",
 			"browser.approx": "Some removed messages of this step exceed retention — the makeup below is approximate",
-			"browser.deltaHint": "vs previous turn",
+			"browser.base.step": "prev step",
+			"browser.base.turn": "prev turn",
+			"browser.base.tip": "Diff baseline: the previous step, or the previous turn’s last step — with no predecessor, everything counts as change",
 			"browser.dna": "DNA Mode",
 			"browser.dnaTip": "One band per item in the order the model reads the context — system prompt, tool schemas, then messages chronologically; hover for details, click to open its row below",
 			"browser.noHeader": "Served by an older plugin build: token estimates only, no content",
@@ -677,8 +693,12 @@ window.__ModuleLoader__.load({
 			"browser.search.user": "Filter by message text…",
 			"browser.search.inject": "Filter injected context…",
 			"browser.search.skill": "Filter skills…",
-			"browser.search.assistant": "Filter by reply or calls…",
+			"browser.search.assistant": "Filter by reply, calls, or thinking…",
 			"browser.search.tool": "Filter by tool or arguments…",
+			"browser.kind.think": "Thinking",
+			"browser.kind.tool": "Tools",
+			"browser.kind.answer": "Answer",
+			"browser.kindTip": "Filter replies by content kind: thinking, tool calls, or answer text",
 			"browser.rowNoMatch": "No rows match the current filter",
 			"browser.loading": "Loading full content from older session history…",
 			"browser.notInLog": "This item is not in the session log anymore (it may have been compacted away or cleared)",
@@ -708,7 +728,7 @@ window.__ModuleLoader__.load({
 			"rich.md.copied": "Copied",
 			"rich.md.footnotes": "Footnotes",
 			"block.thinking": "Reasoning",
-			"block.answer": "Response",
+			"block.answer": "Answer",
 			"block.content": "Content",
 			"block.result": "Result",
 			"block.summary": "Summary",
@@ -818,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,
@@ -832,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 }
 			});
 		}
 		/**
@@ -2179,6 +2205,15 @@ window.__ModuleLoader__.load({
 		* stops the trailing until the head moves again. With no detail at all,
 		* failure surfaces as a retryable note on the detail cards instead of an
 		* empty chart.
+		*
+		* The cold start: a session can sit with NO pushed `contextTimeline` value
+		* at all — the enable recomposition raced its open baseline (and the
+		* projection store clears a key its baseline omits), or its checkpoint row
+		* is missing or version-stale on a cold-observed session. Waiting for a
+		* push that never comes would stall the view on "loading" forever, so the
+		* source opens the detail channel on its own (rev 0): the route folds the
+		* durable log on demand and serves the slim head beside the collections,
+		* and the next pushed head takes the channel back per its own revision.
 		*/
 		const DETAIL_ROUTE = "/api/dsh-context/detail";
 		/**
@@ -2370,30 +2405,39 @@ window.__ModuleLoader__.load({
 			const sessionId = typeof props.sessionId === "string" ? props.sessionId : "";
 			const headRev = head !== null && typeof head.detailRev === "number" ? head.detailRev : null;
 			const slim = headRev !== null;
-			const store = (0, react.useMemo)(() => slim ? detailStoreOf(ctx, sessionId) : null, [
+			const cold = head === null;
+			const store = (0, react.useMemo)(() => slim || cold ? detailStoreOf(ctx, sessionId) : null, [
 				ctx,
 				sessionId,
-				slim
+				slim,
+				cold
 			]);
 			const snap = (0, react.useSyncExternalStore)(store !== null ? store.subscribe : noopSubscribe, store !== null ? store.getSnapshot : () => EMPTY_SNAP);
 			(0, react.useEffect)(() => {
-				if (store !== null && headRev !== null) store.request(headRev);
+				if (store !== null) store.request(headRev ?? 0);
 			}, [store, headRev]);
 			return (0, react.useMemo)(() => {
-				if (head === null) return {
-					data: null,
-					detailState: "loading",
-					retryDetail: noopRetry
-				};
-				if (!slim || store === null) return {
+				const detail = snap.detail;
+				const retry = store !== null ? store.retry : noopRetry;
+				if (head !== null && !slim) return {
 					data: head,
 					detailState: "legacy",
 					retryDetail: noopRetry
 				};
-				const detail = snap.detail;
+				const base = head !== null ? head : detail !== null ? detail.head ?? null : null;
+				if (base === null) return {
+					data: null,
+					detailState: store !== null && (snap.failed || detail !== null) ? "failed" : "loading",
+					retryDetail: retry
+				};
+				if (detail === null) return {
+					data: base,
+					detailState: snap.failed ? "failed" : "loading",
+					retryDetail: retry
+				};
 				return {
-					data: detail === null ? head : {
-						...head,
+					data: {
+						...base,
 						requests: detail.requests,
 						events: detail.events,
 						nodes: detail.nodes,
@@ -2404,8 +2448,8 @@ window.__ModuleLoader__.load({
 						...detail.fileOps !== void 0 ? { fileOps: detail.fileOps } : {},
 						...detail.fileOpsFloor !== void 0 ? { fileOpsFloor: detail.fileOpsFloor } : {}
 					},
-					detailState: detail !== null ? "ready" : snap.failed ? "failed" : "loading",
-					retryDetail: store.retry
+					detailState: "ready",
+					retryDetail: retry
 				};
 			}, [
 				head,
@@ -2498,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. */
@@ -2967,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;
@@ -2996,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`,
@@ -3052,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;
@@ -3081,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) {
@@ -3102,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) {
@@ -3246,7 +3540,8 @@ window.__ModuleLoader__.load({
 					props.granularity,
 					props.focusTurn,
 					requests,
-					adaptive
+					adaptive,
+					dnaDeltaOn
 				]);
 				const measureRef = (0, react.useRef)(measureVisible);
 				(0, react.useLayoutEffect)(() => {
@@ -3274,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", {
@@ -3284,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
@@ -3386,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" }),
@@ -3408,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",
@@ -4496,6 +4839,58 @@ window.__ModuleLoader__.load({
 		function nodeNameOf(n) {
 			return typeof n.name === "string" ? n.name : "";
 		}
+		/**
+		* The content kinds one assistant message proves, as the assistant category's
+		* kind chips count and filter them: thinking (a reasoning block — only the
+		* conversation join can prove it), tool calls (join blocks, else the fold's
+		* text-less-reply `calls` stamp), and answer text (join blocks, else the
+		* node's `text`). Legacy `content` joins classify the same way the body
+		* renders them. The flags are independent, so a combined reply lights
+		* several chips.
+		*/
+		function msgKindsOf(n, conv) {
+			let think = false;
+			let tool = false;
+			let answer = false;
+			for (const blocks of [conv?.blocks, conv?.content]) {
+				if (!Array.isArray(blocks)) continue;
+				for (const b of blocks) {
+					const blk = b !== null && typeof b === "object" ? b : null;
+					const k = blk !== null ? typeof blk.kind === "string" ? blk.kind : typeof blk.type === "string" ? blk.type : "" : "";
+					if (k === "reasoning") think = true;
+					else if (k === "tool-call") tool = true;
+					else if (k === "text") answer = true;
+				}
+			}
+			return {
+				think,
+				tool: tool || Array.isArray(n.calls) && n.calls.length > 0,
+				answer: answer || typeof n.text === "string" && n.text !== ""
+			};
+		}
+		/**
+		* The reasoning texts one assistant row's conversation join proves, concatenated for the row filter's scan —
+		* the fold stamps no reasoning on the node, so this is the only scan face the thinking blocks expose. Both block
+		* vocabularies classify here (the body renders the same blocks as the Reasoning sections); malformed blocks drop.
+		*/
+		function reasoningTextOf(conv) {
+			if (conv === void 0) return "";
+			let out = "";
+			for (const blocks of [conv.blocks, conv.content]) {
+				if (!Array.isArray(blocks)) continue;
+				for (const b of blocks) {
+					const blk = b !== null && typeof b === "object" ? b : null;
+					if ((blk !== null ? typeof blk.kind === "string" ? blk.kind : typeof blk.type === "string" ? blk.type : "" : "") === "reasoning" && typeof blk?.text === "string") out += blk.text + "\n";
+				}
+			}
+			return out;
+		}
+		/** The assistant rows' kind chips, in display order. */
+		const ROW_KINDS = [
+			"think",
+			"tool",
+			"answer"
+		];
 		function countOf(asm, byCat, c) {
 			if (c === "system") return asm.system !== null ? 1 : 0;
 			if (c === "tools") return asm.header !== null ? asm.header.tools.length : 0;
@@ -4523,9 +4918,19 @@ window.__ModuleLoader__.load({
 				const [openCat, setOpenCat] = (0, react.useState)(null);
 				const [openElem, setOpenElem] = (0, react.useState)(null);
 				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;
 				const setCat = (c) => {
 					setOpenCat(c);
@@ -4559,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();
 				}, [
@@ -4596,7 +5003,14 @@ window.__ModuleLoader__.load({
 					setCat(null);
 					setOpenElem(null);
 				};
-				const refReq = req === null ? requests.length > 0 ? requests[requests.length - 1] : null : lastOfTurn(requests, (req.turn ?? 0) - 1);
+				const prevRecordOf = (r) => {
+					const i = requests.findIndex((x) => x.seq === r.seq);
+					return i > 0 ? requests[i - 1] : null;
+				};
+				const lastReq = requests.length > 0 ? requests[requests.length - 1] : null;
+				const turnBaseOf = (r) => lastOfTurn(requests, (r.turn ?? 0) - 1);
+				const refReq = req === null ? deltaBase === "step" ? lastReq : lastReq === null ? null : turnBaseOf(lastReq) : deltaBase === "turn" ? turnBaseOf(req) : prevRecordOf(req);
+				const zeroBase = refReq === null && lastReq !== null;
 				const prevView = refReq !== null ? assemble(data, headers, refReq.seq) : null;
 				const prevByCat = prevView !== null ? byCatOf(prevView) : null;
 				const byCat = byCatOf(view);
@@ -4604,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;
@@ -4628,6 +5037,7 @@ window.__ModuleLoader__.load({
 					if (it === void 0) return;
 					setCat(it.cat);
 					setRowQuery("");
+					setRowKind(null);
 					setOpenElem(key);
 					focusScrollRef.current = true;
 				};
@@ -4652,6 +5062,7 @@ window.__ModuleLoader__.load({
 					}
 					setCat(c);
 					setRowQuery("");
+					setRowKind(null);
 					setOpenElem(singleKeyOf(c));
 				};
 				const toggleElem = (key) => {
@@ -4678,7 +5089,7 @@ window.__ModuleLoader__.load({
 									title: t("node.failed")
 								}) : null,
 								tag !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "lc-br-tag",
+									className: "lc-br-tags",
 									children: tag
 								}) : null,
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -4701,6 +5112,19 @@ window.__ModuleLoader__.load({
 						}) : null]
 					}, key);
 				};
+				const rowTagNode = (tag, names) => {
+					if (tag === null) return null;
+					if (names === null) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "lc-br-tag",
+						children: tag
+					});
+					const counts = /* @__PURE__ */ new Map();
+					for (const name of names) counts.set(name, (counts.get(name) ?? 0) + 1);
+					return [...counts.entries()].map(([name, count]) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "lc-br-tag",
+						children: count > 1 ? name + " ×" + String(count) : name
+					}, name));
+				};
 				const catBody = (c) => {
 					if (c === "system") {
 						const sys = view.system;
@@ -4803,22 +5227,27 @@ window.__ModuleLoader__.load({
 						const conv = bySeq.get(n.seq);
 						const rowErr = (n.cat === "tool" || n.cat === "skill") && toolErrOf(n, conv).err;
 						let tag = null;
+						let tagNames = null;
 						let preview = nodeText(n);
 						const id = nodeNameOf(n);
 						if (n.cat === "tool") {
 							tag = n.tool ?? "?";
+							tagNames = n.tool !== void 0 ? [n.tool] : null;
 							preview = callSummaryOf(conv) ?? t("node.toolResult");
 						} else if (n.cat === "skill") {
 							tag = n.skill !== void 0 ? t("node.skillTag", { name: n.skill }) : t("form." + (n.form || "context"));
 							preview = (n.skill === void 0 && id !== "" ? id : null) ?? (n.text !== void 0 && n.text !== "" ? n.text : null) ?? callSummaryOf(conv) ?? preview;
-						} else if (n.cat === "assistant" && Array.isArray(n.calls) && n.calls.length > 0) {
-							tag = n.calls.join(" › ");
-							preview = (n.text !== void 0 && n.text !== "" ? n.text : null) ?? blockSummaryOf(conv) ?? t("node.empty");
-						} else if (n.cat === "assistant" && (n.text === void 0 || n.text === "")) preview = blockSummaryOf(conv) ?? preview;
-						else if (n.cat === "user") {
+						} else if (n.cat === "assistant") {
+							const names = Array.isArray(n.calls) && n.calls.length > 0 ? n.calls : callNamesOf(conv);
+							if (names.length > 0) {
+								tag = names.join(" › ");
+								tagNames = names;
+								preview = (n.text !== void 0 && n.text !== "" ? n.text : null) ?? blockSummaryOf(conv) ?? t("node.empty");
+							} else if (n.text === void 0 || n.text === "") preview = blockSummaryOf(conv) ?? preview;
+						} else if (n.cat === "user") {
 							const imgCount = conv !== void 0 && Array.isArray(conv.content) ? conv.content.filter((b) => imageRefOf(b) !== null).length : 0;
 							if (imgCount > 0 && openElem !== `n${n.seq}`) tag = t("attach.image") + (imgCount > 1 ? " ×" + String(imgCount) : "");
-						} else if (n.cat === "inject") {
+						} else {
 							tag = t("form." + (n.form || "context"));
 							if (id !== "") preview = id;
 							else if (n.text !== void 0 && n.text !== "") preview = n.form === "snapshot" ? t("node.snapshot") + n.text : n.text;
@@ -4828,21 +5257,44 @@ window.__ModuleLoader__.load({
 							conv,
 							rowErr,
 							tag,
-							preview
+							tagNames,
+							preview,
+							reasoning: n.cat === "assistant" ? reasoningTextOf(conv) : "",
+							kinds: msgKindsOf(n, conv)
 						};
 					});
 					const q = rowQuery.trim().toLowerCase();
-					const shown = q === "" ? rows : rows.filter((r) => (r.tag ?? "").toLowerCase().includes(q) || r.preview.toLowerCase().includes(q) || typeof r.n.text === "string" && r.n.text.toLowerCase().includes(q));
-					const rowctl = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RowToolbar, {
+					const kindCounts = c === "assistant" ? ROW_KINDS.map((k) => ({
+						k,
+						n: rows.reduce((acc, r) => acc + (r.kinds[k] ? 1 : 0), 0)
+					})) : null;
+					const shown = q === "" && rowKind === null ? rows : rows.filter((r) => (rowKind === null || r.kinds[rowKind]) && (q === "" || (r.tag ?? "").toLowerCase().includes(q) || r.preview.toLowerCase().includes(q) || typeof r.n.text === "string" && r.n.text.toLowerCase().includes(q) || r.reasoning.toLowerCase().includes(q)));
+					const rowctl = kindCounts === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RowToolbar, {
 						value: rowQuery,
 						placeholder: t("browser.search." + c),
 						onChange: setRowQuery
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RowToolbar, {
+						value: rowQuery,
+						placeholder: t("browser.search." + c),
+						tip: t("browser.kindTip"),
+						onChange: setRowQuery,
+						children: kindCounts.map(({ k, n }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+							type: "button",
+							className: "lc-gran-btn" + (rowKind === k ? " lc-gran-on" : ""),
+							onClick: () => {
+								setRowKind(rowKind === k ? null : k);
+							},
+							children: [t("browser.kind." + k), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "lc-kind-n",
+								children: fmt(n)
+							})]
+						}, k))
 					});
 					if (shown.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [rowctl, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "lc-br-note",
 						children: t("browser.rowNoMatch")
 					})] });
-					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [rowctl, shown.map(({ n, conv, rowErr, tag, preview }) => elemRow(`n${n.seq}`, tag, preview, n.tokens, n.time, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NodeContent, {
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [rowctl, shown.map(({ n, conv, rowErr, tag, tagNames, preview }) => elemRow(`n${n.seq}`, rowTagNode(tag, tagNames), preview, n.tokens, n.time, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NodeContent, {
 						node: n,
 						conv,
 						rich,
@@ -4886,14 +5338,30 @@ window.__ModuleLoader__.load({
 										type: "button",
 										className: "lc-gran-btn" + (dna ? " lc-gran-on" : ""),
 										onClick: () => {
-											setDna((on) => !on);
+											setDna(!dna);
 										},
 										children: t("browser.dna")
 									})
 								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "lc-br-hint",
-									children: t("browser.deltaHint")
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: "lc-gran",
+									role: "group",
+									title: t("browser.base.tip"),
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "lc-gran-btn" + (deltaBase === "step" ? " lc-gran-on" : ""),
+										onClick: () => {
+											setDeltaBase("step");
+										},
+										children: t("browser.base.step")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "lc-gran-btn" + (deltaBase === "turn" ? " lc-gran-on" : ""),
+										onClick: () => {
+											setDeltaBase("turn");
+										},
+										children: t("browser.base.turn")
+									})]
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
 									className: "lc-br-pick",
@@ -4910,7 +5378,7 @@ window.__ModuleLoader__.load({
 											t: r.turn ?? 0,
 											s: r.step ?? 0,
 											n: stepsOf(r.turn)
-										}) + " · " + fmtTime(r.time)
+										})
 									}, r.seq))]
 								})
 							]
@@ -4965,9 +5433,9 @@ window.__ModuleLoader__.load({
 							children: CATS.map((c) => {
 								const count = toolCount(c.key);
 								const v = breakdown[c.key] || 0;
-								const prevCount = prevView !== null && prevByCat !== null ? countOf(prevView, prevByCat, c.key) : null;
+								const prevCount = zeroBase ? 0 : prevView !== null && prevByCat !== null ? countOf(prevView, prevByCat, c.key) : null;
 								const countDelta = prevCount !== null ? count - prevCount : null;
-								const prevTokens = refReq !== null ? refReq[c.key] || 0 : null;
+								const prevTokens = zeroBase ? 0 : refReq !== null ? refReq[c.key] || 0 : null;
 								const tokenDelta = prevTokens !== null ? v - prevTokens : null;
 								const openable = count > 0 || (c.key === "system" || c.key === "tools") && view.header === null;
 								const open = openCat === c.key && openable;
@@ -5358,6 +5826,7 @@ window.__ModuleLoader__.load({
 			const StackedBar = makeStackedBar(kit);
 			const CurrentComposition = makeCurrentComposition(kit, StackedBar, makeLegend(kit));
 			const ContextBrowser = makeContextBrowser(kit, StackedBar, settings);
+			const DetailNote = makeDetailNote(kit);
 			const ErrorBoundary = makeErrorBoundary(t);
 			function ContextModalBody(props) {
 				const sessionId = typeof props.sessionId === "string" ? props.sessionId : "";
@@ -5425,7 +5894,10 @@ window.__ModuleLoader__.load({
 								onClick: close,
 								children: "×"
 							})]
-						}), data === null || head === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						}), data === null || head === null ? source.detailState === "failed" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DetailNote, {
+							state: "failed",
+							onRetry: source.retryDetail
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: "lc-empty",
 							children: t("loading")
 						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CurrentComposition, {
@@ -5479,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
@@ -5507,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")
@@ -8314,7 +8788,7 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region src/client/components/settingsCard.tsx
 		/**
-		* The dsh-context preference cards — two seats over the same six rows. The
+		* The dsh-context preference cards — two seats over the same seven rows. The
 		* settings-section card (`settings.plugin.item`, the older harness lines)
 		* renders a collapsible list item in Settings → Plugins → Plugin
 		* configuration; the Plugins-page card (`plugins.bundle.config`, the
@@ -8361,7 +8835,7 @@ window.__ModuleLoader__.load({
 				})]
 			});
 		}
-		/** The six preference rows shared by both seats. */
+		/** The seven preference rows shared by both seats. */
 		function PreferenceRows(props) {
 			const { t, state, set } = props;
 			const disabled = state.status !== "ready" || !state.writable;
@@ -8433,6 +8907,21 @@ window.__ModuleLoader__.load({
 						set?.("defaultTrendMode", id);
 					}
 				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrefRow, {
+					label: t("settings.deltaBase"),
+					value: state.deltaBase,
+					disabled,
+					options: [{
+						id: "step",
+						label: t("browser.base.step")
+					}, {
+						id: "turn",
+						label: t("browser.base.turn")
+					}],
+					onPick: (id) => {
+						set?.("defaultDeltaBase", id);
+					}
+				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrefRow, {
 					label: t("settings.toolSort"),
 					value: state.toolSort,
@@ -8563,6 +9052,7 @@ window.__ModuleLoader__.load({
 				...v.defaultPlacement === "all" || v.defaultPlacement === "tab" || v.defaultPlacement === "sidebar" ? { placement: v.defaultPlacement } : {},
 				...v.defaultGranularity === "step" || v.defaultGranularity === "turn" ? { granularity: v.defaultGranularity } : {},
 				...v.defaultTrendMode === "total" || v.defaultTrendMode === "delta" ? { mode: v.defaultTrendMode } : {},
+				...v.defaultDeltaBase === "step" || v.defaultDeltaBase === "turn" ? { deltaBase: v.defaultDeltaBase } : {},
 				...v.defaultToolSort === "size" || v.defaultToolSort === "count" || v.defaultToolSort === "name" ? { toolSort: v.defaultToolSort } : {},
 				...v.defaultFileSort === "count" || v.defaultFileSort === "latest" || v.defaultFileSort === "path" ? { fileSort: v.defaultFileSort } : {},
 				...v.insightsEntry === "show" || v.insightsEntry === "hide" ? { insightsEntry: v.insightsEntry } : {}
@@ -8574,6 +9064,7 @@ window.__ModuleLoader__.load({
 				placement: "all",
 				granularity: "step",
 				mode: "total",
+				deltaBase: "step",
 				toolSort: "count",
 				fileSort: "count",
 				insightsEntry: "show",
@@ -8582,7 +9073,7 @@ window.__ModuleLoader__.load({
 			let scope;
 			const listeners = /* @__PURE__ */ new Set();
 			const publish = (next) => {
-				if (next.status === state.status && next.placement === state.placement && next.granularity === state.granularity && next.mode === state.mode && next.toolSort === state.toolSort && next.fileSort === state.fileSort && next.insightsEntry === state.insightsEntry && next.writable === state.writable) return;
+				if (next.status === state.status && next.placement === state.placement && next.granularity === state.granularity && next.mode === state.mode && next.deltaBase === state.deltaBase && next.toolSort === state.toolSort && next.fileSort === state.fileSort && next.insightsEntry === state.insightsEntry && next.writable === state.writable) return;
 				state = next;
 				for (const listener of listeners) listener();
 			};
@@ -8595,6 +9086,7 @@ window.__ModuleLoader__.load({
 					placement: prefs.placement ?? (raw?.defaultPlacement === void 0 ? state.placement : "all"),
 					granularity: prefs.granularity ?? state.granularity,
 					mode: prefs.mode ?? state.mode,
+					deltaBase: prefs.deltaBase ?? state.deltaBase,
 					toolSort: prefs.toolSort ?? state.toolSort,
 					fileSort: prefs.fileSort ?? state.fileSort,
 					insightsEntry: prefs.insightsEntry ?? (raw?.insightsEntry === void 0 ? state.insightsEntry : "show"),
@@ -8618,6 +9110,7 @@ window.__ModuleLoader__.load({
 				defaultPlacement: () => state.placement,
 				defaultGranularity: () => state.granularity,
 				defaultTrendMode: () => state.mode,
+				defaultDeltaBase: () => state.deltaBase,
 				defaultToolSort: () => state.toolSort,
 				defaultFileSort: () => state.fileSort,
 				insightsEntry: () => state.insightsEntry,
@@ -10784,7 +11277,7 @@ window.__ModuleLoader__.load({
 			return function PluginInfo() {
 				const [latest, setLatest] = (0, react.useState)(null);
 				(0, react.useEffect)(() => {
-					if ("0.59.2".includes("-dev")) return;
+					if ("0.61.0".includes("-dev")) return;
 					let on = true;
 					fetchLatestVersion().then((v) => {
 						if (on && v) setLatest(v);
@@ -10793,8 +11286,8 @@ window.__ModuleLoader__.load({
 						on = false;
 					};
 				}, []);
-				const update = latest !== null && isNewerVersion(latest, "0.59.2") ? latest : null;
-				const nameText = "dsh-context (v0.59.2)";
+				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",
@@ -11757,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);
@@ -11812,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 = () => {
@@ -11909,7 +12418,7 @@ window.__ModuleLoader__.load({
 					if (step === null) return;
 					setNodeFocus({
 						step,
-						seq,
+						key: "n" + String(seq),
 						cat: "tool"
 					});
 				}, [requests]);
@@ -11921,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
 					});
 				}, [
@@ -11932,7 +12441,10 @@ window.__ModuleLoader__.load({
 				if (!data) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "lc-root",
 					ref: rootRef,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					children: source.detailState === "failed" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DetailNote, {
+						state: "failed",
+						onRetry: source.retryDetail
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "lc-empty",
 						children: t("loading")
 					})
@@ -11980,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",
@@ -12051,6 +12576,8 @@ window.__ModuleLoader__.load({
 						hoverCat: trendHoverCat,
 						focusCat,
 						adaptive,
+						dna: dnaBands,
+						onPickBand: revealBand,
 						onSelect: setSelectedSeq,
 						onHover: setHoveredSeq,
 						onHoverTurn: setHoverTurn,
@@ -12090,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",
@@ -12335,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");
@@ -12346,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");
@@ -12401,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");
@@ -12412,7 +12941,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles/requestDetail.css.mjs
-		const css$8 = ".lc-detail{border-top:1px solid var(--dsw-alias-border-l1);margin-top:12px;padding-top:12px}.lc-detail-head{color:var(--dsw-alias-label-secondary);flex-wrap:wrap;align-items:center;gap:6px 8px;margin-bottom:10px;display:flex}.lc-detail-head b{color:var(--dsw-alias-label-primary);font-size:13px}.lc-detail-time{font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-size:12px}.lc-detail-marker{color:var(--dsw-alias-state-warn-primary);background:color-mix(in srgb, var(--dsw-alias-state-warn-primary) 12%, transparent);border-radius:6px;padding:1px 7px;font-size:11px}.lc-detail-tag{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-secondary);border-radius:4px;padding:0 6px;font-size:11px}.lc-detail-metric{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--dsw-alias-label-primary);background:color-mix(in srgb, var(--dsw-alias-label-secondary) 14%, transparent);border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600}.lc-detail-metric-up{color:var(--dsw-alias-state-success-primary);background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 15%, transparent)}.lc-detail-metric-down{color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 15%, transparent)}.lc-detail-rows{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:4px 24px;margin-top:10px;display:grid}.lc-brief{flex-direction:column;gap:2px;min-height:76px;margin:-4px 0 10px;display:flex}.lc-brief-row{min-width:0;color:var(--dsw-alias-label-primary);text-align:left;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;margin-left:-6px;margin-right:-6px;padding:3px 6px;font-family:inherit;font-size:12px;line-height:1.5;display:flex}button.lc-brief-row-link{cursor:pointer}.lc-brief-tag{box-sizing:border-box;text-align:center;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);min-width:56px;color:var(--dsw-alias-label-secondary);border-radius:4px;flex:none;padding:0 6px;font-size:11px;position:relative}.lc-brief-tip{white-space:normal;text-align:left;max-width:240px;font-weight:400;line-height:1.5;bottom:calc(100% + 6px);left:0}.lc-brief-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lc-brief-empty{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--dsw-alias-label-tertiary);flex:1;overflow:hidden}.lc-brief-fact{box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);max-width:160px;color:var(--dsw-alias-label-secondary);border-radius:4px;flex:none;padding:0 6px;font-size:11px;overflow:hidden}.lc-brief-chip{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);min-width:0;max-width:260px;color:var(--dsw-alias-label-primary);transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:5px;align-items:center;gap:5px;padding:0 7px;font-size:12px;display:inline-flex;overflow:hidden}.lc-brief-chip-grow{flex:1;max-width:none}.lc-brief-chip-tag{text-overflow:ellipsis;white-space:nowrap;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);max-width:120px;color:var(--dsw-alias-label-secondary);border-radius:4px;flex:none;padding:0 6px;font-size:11px;overflow:hidden}.lc-brief-chip-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lc-brief-chip-link{cursor:pointer}.lc-brief-more{color:var(--dsw-alias-label-secondary);flex:none;font-size:11px}.lc-detail-row{transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:4px;align-items:center;gap:8px;margin:-1px -4px;padding:1px 4px;display:flex}.lc-detail-row i{transition:box-shadow var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out)}.lc-detail-row-on{background:var(--dsw-alias-interactive-bg-hover)}.lc-detail-row-on i{box-shadow:0 0 0 1px var(--dsw-alias-brand-primary)}.lc-detail-row-on .lc-detail-label{font-weight:600}.lc-detail-label{white-space:nowrap;min-width:70px;color:var(--dsw-alias-label-secondary)}.lc-bar-track{background:color-mix(in srgb, var(--color-neutral-500) 18%, transparent);border-radius:3px;flex:1;height:5px;display:block;position:relative;overflow:hidden}.lc-bar-fill{border-radius:3px;height:100%;display:block}.lc-bar-zero{border-left:1px solid color-mix(in srgb, var(--color-neutral-500) 45%, transparent);position:absolute;top:0;bottom:0;left:50%}.lc-bar-fill-up,.lc-bar-fill-down{height:100%;display:block;position:absolute;top:0}.lc-bar-fill-up{border-radius:0 3px 3px 0;left:50%}.lc-bar-fill-down{border-radius:3px 0 0 3px;right:50%}.lc-detail-num{text-align:right;font-variant-numeric:tabular-nums;width:52px}.lc-detail-num-up{color:var(--dsw-alias-state-success-primary)}.lc-detail-num-down{color:var(--dsw-alias-state-error-primary)}.lc-detail-pct{text-align:right;width:34px;color:var(--dsw-alias-label-secondary)}";
+		const css$8 = ".lc-detail{border-top:1px solid var(--dsw-alias-border-l1);margin-top:12px;padding-top:12px}.lc-detail-head{color:var(--dsw-alias-label-secondary);flex-wrap:wrap;align-items:center;gap:6px 8px;margin-bottom:10px;display:flex}.lc-detail-head b{color:var(--dsw-alias-label-primary);font-size:13px}.lc-detail-time{font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-size:12px}.lc-detail-marker{color:var(--dsw-alias-state-warn-primary);background:color-mix(in srgb, var(--dsw-alias-state-warn-primary) 12%, transparent);border-radius:6px;padding:1px 7px;font-size:11px}.lc-detail-tag{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-secondary);border-radius:4px;padding:0 6px;font-size:11px}.lc-detail-metric{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--dsw-alias-label-primary);background:color-mix(in srgb, var(--dsw-alias-label-secondary) 14%, transparent);border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600}.lc-detail-metric-up{color:var(--dsw-alias-state-success-primary);background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 15%, transparent)}.lc-detail-metric-down{color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 15%, transparent)}.lc-detail-rows{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:4px 24px;margin-top:10px;display:grid}.lc-brief{flex-direction:column;gap:2px;min-height:76px;margin:-4px 0 10px;display:flex}.lc-brief-row{min-width:0;color:var(--dsw-alias-label-primary);text-align:left;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;margin-left:-6px;margin-right:-6px;padding:3px 6px;font-family:inherit;font-size:12px;line-height:1.5;display:flex}button.lc-brief-row-link{cursor:pointer}.lc-brief-tag{box-sizing:border-box;text-align:center;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);min-width:56px;color:var(--dsw-alias-label-secondary);border-radius:4px;flex:none;padding:0 6px;font-size:11px;position:relative}.lc-brief-tip{white-space:normal;text-align:left;max-width:240px;font-weight:400;line-height:1.5;bottom:calc(100% + 6px);left:0}.lc-brief-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lc-brief-empty{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--dsw-alias-label-tertiary);flex:1;overflow:hidden}.lc-brief-fact{box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);max-width:160px;color:var(--dsw-alias-label-secondary);border-radius:4px;flex:none;padding:0 6px;font-size:11px;overflow:hidden}.lc-brief-chip{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);min-width:0;max-width:260px;color:var(--dsw-alias-label-primary);transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:5px;align-items:center;gap:5px;padding:0 7px;font-size:12px;display:inline-flex;overflow:hidden}.lc-brief-chip-grow{flex:1;max-width:none}.lc-brief-chip-tag{text-overflow:ellipsis;white-space:nowrap;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);max-width:120px;color:var(--dsw-alias-label-secondary);border-radius:4px;flex:none;padding:0 6px;font-size:11px;overflow:hidden}.lc-brief-chip-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lc-brief-chip-link{cursor:pointer}.lc-brief-more{color:var(--dsw-alias-label-secondary);flex:none;font-size:11px}.lc-detail-row{transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:4px;align-items:center;gap:8px;margin:-1px -4px;padding:1px 4px;display:flex}.lc-detail-row i{transition:box-shadow var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out)}.lc-detail-row-on{background:var(--dsw-alias-interactive-bg-hover)}.lc-detail-row-on i{box-shadow:0 0 0 1px var(--dsw-alias-brand-primary)}.lc-detail-row-on .lc-detail-label{font-weight:600}.lc-detail-label{white-space:nowrap;min-width:70px;color:var(--dsw-alias-label-secondary)}.lc-bar-track{background:color-mix(in srgb, var(--color-neutral-500) 18%, transparent);border-radius:3px;flex:1;height:5px;display:block;position:relative;overflow:hidden}.lc-bar-fill{border-radius:3px;height:100%;display:block}.lc-bar-zero{border-left:1px solid color-mix(in srgb, var(--color-neutral-500) 45%, transparent);position:absolute;top:0;bottom:0;left:50%}.lc-bar-fill-up,.lc-bar-fill-down{height:100%;display:block;position:absolute;top:0}.lc-bar-fill-up{border-radius:0 3px 3px 0;left:50%}.lc-bar-fill-down{border-radius:3px 0 0 3px;right:50%}.lc-detail-num{text-align:right;font-variant-numeric:tabular-nums;width:52px}.lc-detail-num-up{color:var(--dsw-alias-state-success-primary)}.lc-detail-num-down{color:var(--dsw-alias-state-error-primary)}.lc-detail-pct{text-align:right;width:34px;color:var(--dsw-alias-label-secondary)}";
 		const tagId$8 = "dsh-context/requestDetail.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$8) + "]") === null) {
 			const tag = document.createElement("style");
@@ -12434,7 +12963,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles/fileCard.css.mjs
-		const css$6 = ".lc-fa-ctl,.lc-br-toolctl{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.lc-fa-ctl .lc-gran{margin-left:0}.lc-fa-n{opacity:.75;margin-left:4px;font-weight:700}.lc-fa-search,.lc-br-tool-search{min-width:80px;font:inherit;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);border-radius:6px;outline:none;flex:1;padding:3px 8px;font-size:12px}.lc-fa-meta{color:var(--dsw-alias-label-secondary);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;font-size:12px;display:flex}.lc-fa-meta .lc-fa-sort{flex:none}.lc-fa-meta-delta{position:relative}.lc-fa-meta-tip{white-space:normal;max-width:260px;line-height:1.5;top:calc(100% + 6px);left:0}.lc-fa-item{transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border:1px solid #0000;border-radius:8px}.lc-fa-item-on{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-border-l2)}.lc-fa-row{width:100%;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;text-align:left;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;padding:6px 8px;font-size:12px;display:flex}.lc-fa-form{opacity:.85;flex:none;justify-content:center;align-items:center;width:20px;height:14px;font-size:11px;display:flex}.lc-fa-lang{border-radius:4px;justify-content:center;align-items:center;min-width:16px;height:13px;padding:0 2px;font-size:8px;font-weight:700;line-height:1;display:inline-flex}.lc-fa-row .lc-br-chev{margin-right:-2px}.lc-fa-path{word-break:break-all;min-width:0}.lc-fa-file{cursor:pointer}.lc-fa-path em{color:var(--dsw-alias-label-secondary);font-style:normal}.lc-fa-badge{font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:4px;padding:1px 7px;font-size:11px;font-weight:600;display:inline-flex}.lc-fa-badge i{background:currentColor;border-radius:50%;width:5px;height:5px;display:inline-block}.lc-fa-b-read{color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 14%, transparent)}.lc-fa-b-write{color:var(--dsw-alias-state-success-primary);background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 14%, transparent)}.lc-fa-b-search{color:var(--dsw-alias-state-warn-primary);background:color-mix(in srgb, var(--dsw-alias-state-warn-primary) 14%, transparent)}.lc-fa-chip-read,.lc-fa-chip-read:hover{color:var(--dsw-alias-brand-primary)}.lc-fa-chip-write,.lc-fa-chip-write:hover{color:var(--dsw-alias-state-success-primary)}.lc-fa-chip-search,.lc-fa-chip-search:hover{color:var(--dsw-alias-state-warn-primary)}.lc-fa-chip-read.lc-gran-on,.lc-fa-chip-read.lc-gran-on:hover{background:color-mix(in srgb, var(--dsw-alias-brand-primary) 14%, transparent);color:var(--dsw-alias-brand-primary)}.lc-fa-chip-write.lc-gran-on,.lc-fa-chip-write.lc-gran-on:hover{background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 14%, transparent);color:var(--dsw-alias-state-success-primary)}.lc-fa-chip-search.lc-gran-on,.lc-fa-chip-search.lc-gran-on:hover{background:color-mix(in srgb, var(--dsw-alias-state-warn-primary) 14%, transparent);color:var(--dsw-alias-state-warn-primary)}.lc-fa-delta{font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.lc-fa-up{color:var(--dsw-alias-state-success-primary)}.lc-fa-down{color:var(--dsw-alias-state-error-primary)}.lc-fa-time{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.lc-fa-ops{border-left:2px solid var(--dsw-alias-border-l1);flex-direction:column;gap:1px;margin:0 8px 8px 15px;padding:2px 0 2px 10px;display:flex}.lc-fa-op{min-width:0;color:var(--dsw-alias-label-primary);font:inherit;text-align:left;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;border-radius:5px;align-items:center;gap:8px;padding:3px 6px;font-size:11px;display:flex}.lc-fa-op-link{cursor:pointer}.lc-fa-op-time{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;flex:none;margin-left:auto}.lc-fa-op-tool{text-overflow:ellipsis;white-space:nowrap;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);max-width:220px;color:var(--dsw-alias-label-secondary);border-radius:999px;flex:none;padding:0 6px;font-size:11px;overflow:hidden}.lc-fa-op-detail{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--dsw-alias-label-secondary);flex:1;overflow:hidden}.lc-fa-read{color:var(--dsw-alias-brand-primary);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-size:11px;font-weight:600}";
+		const css$6 = ".lc-fa-ctl,.lc-br-toolctl{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.lc-fa-ctl .lc-gran{margin-left:0}.lc-fa-n{opacity:.75;margin-left:4px;font-weight:700}.lc-fa-search,.lc-br-tool-search{min-width:80px;font:inherit;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);border-radius:6px;outline:none;flex:1;padding:3px 8px;font-size:12px}.lc-fa-meta{color:var(--dsw-alias-label-secondary);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;font-size:12px;display:flex}.lc-fa-meta .lc-fa-sort{flex:none}.lc-fa-meta-delta{position:relative}.lc-fa-meta-tip{white-space:normal;max-width:260px;line-height:1.5;top:calc(100% + 6px);left:0}.lc-fa-item{transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border:1px solid #0000;border-radius:8px}.lc-fa-item-on{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-border-l2)}.lc-fa-row{width:100%;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;text-align:left;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;padding:6px 8px;font-size:12px;display:flex}.lc-fa-form{opacity:.85;flex:none;justify-content:center;align-items:center;width:20px;height:14px;font-size:11px;display:flex}.lc-fa-lang{border-radius:4px;justify-content:center;align-items:center;min-width:16px;height:13px;padding:0 2px;font-size:8px;font-weight:700;line-height:1;display:inline-flex}.lc-fa-row .lc-br-chev{margin-right:-2px}.lc-fa-path{word-break:break-all;min-width:0}.lc-fa-file{cursor:pointer}.lc-fa-path em{color:var(--dsw-alias-label-secondary);font-style:normal}.lc-fa-badge{font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:4px;padding:1px 7px;font-size:11px;font-weight:600;display:inline-flex}.lc-fa-badge i{background:currentColor;border-radius:50%;width:5px;height:5px;display:inline-block}.lc-fa-b-read{color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 14%, transparent)}.lc-fa-b-write{color:var(--dsw-alias-state-success-primary);background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 14%, transparent)}.lc-fa-b-search{color:var(--dsw-alias-state-warn-primary);background:color-mix(in srgb, var(--dsw-alias-state-warn-primary) 14%, transparent)}.lc-fa-chip-read,.lc-fa-chip-read:hover{color:var(--dsw-alias-brand-primary)}.lc-fa-chip-write,.lc-fa-chip-write:hover{color:var(--dsw-alias-state-success-primary)}.lc-fa-chip-search,.lc-fa-chip-search:hover{color:var(--dsw-alias-state-warn-primary)}.lc-fa-chip-read.lc-gran-on,.lc-fa-chip-read.lc-gran-on:hover{background:color-mix(in srgb, var(--dsw-alias-brand-primary) 14%, transparent);color:var(--dsw-alias-brand-primary)}.lc-fa-chip-write.lc-gran-on,.lc-fa-chip-write.lc-gran-on:hover{background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 14%, transparent);color:var(--dsw-alias-state-success-primary)}.lc-fa-chip-search.lc-gran-on,.lc-fa-chip-search.lc-gran-on:hover{background:color-mix(in srgb, var(--dsw-alias-state-warn-primary) 14%, transparent);color:var(--dsw-alias-state-warn-primary)}.lc-fa-delta{font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.lc-fa-up{color:var(--dsw-alias-state-success-primary)}.lc-fa-down{color:var(--dsw-alias-state-error-primary)}.lc-fa-time{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.lc-fa-ops{border-left:2px solid var(--dsw-alias-border-l1);flex-direction:column;gap:1px;margin:0 8px 8px 15px;padding:2px 0 2px 10px;display:flex}.lc-fa-op{min-width:0;color:var(--dsw-alias-label-primary);font:inherit;text-align:left;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;border-radius:5px;align-items:center;gap:8px;padding:3px 6px;font-size:11px;display:flex}.lc-fa-op-link{cursor:pointer}.lc-fa-op-time{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;flex:none;margin-left:auto}.lc-fa-op-tool{text-overflow:ellipsis;white-space:nowrap;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);max-width:220px;color:var(--dsw-alias-label-secondary);border-radius:999px;flex:none;padding:0 6px;font-size:11px;overflow:hidden}.lc-fa-op-detail{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--dsw-alias-label-secondary);flex:1;overflow:hidden}.lc-fa-read{color:var(--dsw-alias-brand-primary);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-size:11px;font-weight:600}";
 		const tagId$6 = "dsh-context/fileCard.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$6) + "]") === null) {
 			const tag = document.createElement("style");
@@ -12456,7 +12985,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles/browser.css.mjs
-		const css$4 = ".lc-br-dna-ctl{flex:none;margin-left:0}.lc-br-bar-dna .lc-stacked-seg{background-image:linear-gradient(to right, transparent calc(100% - min(.5px, 12.5%)), var(--dsw-alias-bg-layer-1) 0)}.lc-br-hint{color:var(--dsw-alias-label-secondary);white-space:nowrap;margin-left:auto;font-size:11px;font-weight:400}.lc-br-pick{font:inherit;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);border-radius:6px;max-width:240px;padding:3px 6px;font-size:12px}.lc-br-meta{color:var(--dsw-alias-label-secondary);flex-wrap:wrap;gap:6px 16px;margin-bottom:8px;display:flex}.lc-br-meta b{color:var(--dsw-alias-label-primary)}.lc-br-meta .lc-est{margin-left:auto}.lc-br-note{color:var(--dsw-alias-label-secondary);margin-top:8px;font-size:12px}.lc-br-retry{color:var(--dsw-alias-brand-primary);font:inherit;cursor:pointer;text-underline-offset:2px;transition:filter var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.lc-br-cats{flex-direction:column;gap:4px;margin-top:10px;display:flex}.lc-br-cat{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);border-radius:8px;overflow:hidden}.lc-br-cat-empty{opacity:.55}.lc-br-cat-row{width:100%;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;text-align:left;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;align-items:center;gap:8px;padding:7px 10px;display:flex}.lc-br-cat-on{background:var(--dsw-alias-interactive-bg-hover)}.lc-br-cat-on i{box-shadow:0 0 0 1px var(--dsw-alias-brand-primary)}.lc-br-cat-open{background:var(--dsw-alias-interactive-bg-hover)}.lc-br-cat-row i{width:8px;height:8px;transition:box-shadow var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:2px;flex:none;display:inline-block}.lc-br-cat-label{font-weight:600}.lc-br-cat-count{color:var(--dsw-alias-label-secondary);white-space:nowrap;font-size:12px}.lc-br-count-grp{flex:1;align-items:center;gap:4px;min-width:0;display:inline-flex}.lc-br-chev{width:12px;height:14px;color:var(--dsw-alias-label-tertiary);flex:none;justify-content:center;align-items:center;display:flex}.lc-br-chev:before{content:\"\";width:5px;height:5px;transition:transform var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-bottom:1px solid;border-right:1px solid;transform:rotate(-45deg)}.lc-br-chev-on:before{transform:rotate(45deg)}.lc-br-tokens{color:var(--dsw-alias-label-secondary);flex:none;font-size:12px}.lc-br-delta,.lc-br-tdelta{white-space:nowrap;border-radius:4px;flex:none;padding:0 5px;font-size:11px;font-weight:600}.lc-br-delta-up,.lc-br-tdelta-up{color:var(--dsw-alias-state-success-primary);background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 15%, transparent)}.lc-br-delta-down,.lc-br-tdelta-down{color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 15%, transparent)}.lc-br-tokens-grp{flex:none;align-items:center;gap:4px;min-width:0;display:inline-flex}.lc-br-pct{text-align:right;width:36px;color:var(--dsw-alias-label-secondary);flex:none;font-size:12px}.lc-br-body{border-top:1px solid var(--dsw-alias-border-l1);flex-direction:column;gap:2px;padding:4px 6px;display:flex}.lc-br-elem{border-radius:6px}.lc-br-elem-on{background:var(--dsw-alias-interactive-bg-active)}.lc-br-elem-row{width:100%;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;text-align:left;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:5px 6px;font-size:12px;display:flex}.lc-br-err-dot{background:var(--dsw-alias-state-error-primary);width:6px;height:6px;box-shadow:0 0 0 2px color-mix(in srgb, var(--dsw-alias-state-error-primary) 10%, transparent);border-radius:50%;flex:none}.lc-br-tag{min-width:0;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;max-width:220px;padding:0 6px;font-size:11px;overflow:hidden}.lc-br-tool-plugin{color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 14%, transparent);border-color:#0000;border-radius:6px;font-size:12px}.lc-br-preview{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lc-br-time,.lc-br-hits{color:var(--dsw-alias-label-secondary);flex:none;font-size:11px}.lc-br-content{flex-direction:column;gap:6px;padding:2px 6px 8px 26px;display:flex}.lc-br-dim{color:var(--dsw-alias-label-secondary)}";
+		const css$4 = ".lc-br-dna-ctl{flex:none;margin-left:0}.lc-br-bar-dna .lc-stacked-seg{background-image:linear-gradient(to right, transparent calc(100% - min(.5px, 12.5%)), var(--dsw-alias-bg-layer-1) 0)}.lc-br-pick{font:inherit;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);border-radius:6px;max-width:240px;padding:3px 6px;font-size:12px}.lc-br-meta{color:var(--dsw-alias-label-secondary);flex-wrap:wrap;gap:6px 16px;margin-bottom:8px;display:flex}.lc-br-meta b{color:var(--dsw-alias-label-primary)}.lc-br-meta .lc-est{margin-left:auto}.lc-br-note{color:var(--dsw-alias-label-secondary);margin-top:8px;font-size:12px}.lc-br-retry{color:var(--dsw-alias-brand-primary);font:inherit;cursor:pointer;text-underline-offset:2px;transition:filter var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.lc-br-cats{flex-direction:column;gap:4px;margin-top:10px;display:flex}.lc-br-cat{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);border-radius:8px;overflow:hidden}.lc-br-cat-empty{opacity:.55}.lc-br-cat-row{width:100%;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;text-align:left;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;align-items:center;gap:8px;padding:7px 10px;display:flex}.lc-br-cat-on{background:var(--dsw-alias-interactive-bg-hover)}.lc-br-cat-on i{box-shadow:0 0 0 1px var(--dsw-alias-brand-primary)}.lc-br-cat-open{background:var(--dsw-alias-interactive-bg-hover)}.lc-br-cat-row i{width:8px;height:8px;transition:box-shadow var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:2px;flex:none;display:inline-block}.lc-br-cat-label{font-weight:600}.lc-br-cat-count{color:var(--dsw-alias-label-secondary);white-space:nowrap;font-size:12px}.lc-br-count-grp{flex:1;align-items:center;gap:4px;min-width:0;display:inline-flex}.lc-br-chev{width:12px;height:14px;color:var(--dsw-alias-label-tertiary);flex:none;justify-content:center;align-items:center;display:flex}.lc-br-chev:before{content:\"\";width:5px;height:5px;transition:transform var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-bottom:1px solid;border-right:1px solid;transform:rotate(-45deg)}.lc-br-chev-on:before{transform:rotate(45deg)}.lc-br-tokens{color:var(--dsw-alias-label-secondary);flex:none;font-size:12px}.lc-br-delta,.lc-br-tdelta{white-space:nowrap;border-radius:4px;flex:none;padding:0 5px;font-size:11px;font-weight:600}.lc-br-delta-up,.lc-br-tdelta-up{color:var(--dsw-alias-state-success-primary);background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 15%, transparent)}.lc-br-delta-down,.lc-br-tdelta-down{color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 15%, transparent)}.lc-br-tokens-grp{flex:none;align-items:center;gap:4px;min-width:0;display:inline-flex}.lc-br-pct{text-align:right;width:36px;color:var(--dsw-alias-label-secondary);flex:none;font-size:12px}.lc-br-body{border-top:1px solid var(--dsw-alias-border-l1);flex-direction:column;gap:2px;padding:4px 6px;display:flex}.lc-br-elem{border-radius:6px}.lc-br-elem-on{background:var(--dsw-alias-interactive-bg-active)}.lc-br-elem-row{width:100%;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;text-align:left;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:5px 6px;font-size:12px;display:flex}.lc-br-err-dot{background:var(--dsw-alias-state-error-primary);width:6px;height:6px;box-shadow:0 0 0 2px color-mix(in srgb, var(--dsw-alias-state-error-primary) 10%, transparent);border-radius:50%;flex:none}.lc-br-tag{min-width:0;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;max-width:220px;padding:0 6px;font-size:11px;overflow:hidden}.lc-br-tags{align-items:center;gap:4px;min-width:0;display:inline-flex}.lc-br-tool-plugin{color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 14%, transparent);border-color:#0000;border-radius:6px;font-size:12px}.lc-br-preview{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lc-br-time,.lc-br-hits{color:var(--dsw-alias-label-secondary);flex:none;font-size:11px}.lc-br-content{flex-direction:column;gap:6px;padding:2px 6px 8px 26px;display:flex}.lc-br-dim{color:var(--dsw-alias-label-secondary)}";
 		const tagId$4 = "dsh-context/browser.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$4) + "]") === null) {
 			const tag = document.createElement("style");