dsh-context 0.45.0 → 0.46.0

package/lib/client.js

@@ -234,6 +234,8 @@ window.__ModuleLoader__.load({
 			"browser.missingLive": "… 另有 {n} 条更早的消息也在上下文中（超出展示窗口）",
 			"browser.approx": "该步骤涉及的部分已移除消息超出保留范围，以下为近似构成",
 			"browser.deltaHint": "对比上轮末步的变动",
+			"browser.dna": "DNA 模式",
+			"browser.dnaTip": "按模型读取上下文的次序逐条展示每一项：系统提示词、工具定义，然后是按时间排列的消息；悬停查看条目，点击定位到下方列表",
 			"browser.noHeader": "此数据来自旧版插件：仅提供 token 估算，无实际内容",
 			"browser.noEpoch": "该步骤的头部内容（系统提示词 / 工具定义）不在保留范围内",
 			"browser.headerMetaOnly": "此环境不支持按需读取头部内容，仅显示 token 估算",
@@ -518,6 +520,8 @@ window.__ModuleLoader__.load({
 			"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.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",
 			"browser.noEpoch": "The header content (System Prompt / Tool Schemas) of this step is outside retention",
 			"browser.headerMetaOnly": "This environment cannot fetch header content on demand; token estimates only",
@@ -715,6 +719,8 @@ window.__ModuleLoader__.load({
 				color: "#14b8a6"
 			}
 		];
+		/** Category key → bar color, for per-item bands (the browser's DNA mode) that bypass the CATS-order part builders. */
+		const CAT_COLOR = Object.fromEntries(CATS.map((c) => [c.key, c.color]));
 		const MESSAGE_CATS = [
 			"user",
 			"inject",
@@ -1891,6 +1897,32 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
+		//#region src/client/dna.ts
+		function dnaOf(view) {
+			const items = [];
+			if (view.header !== null) {
+				if (view.header.systemTokens !== void 0) items.push({
+					key: "sys",
+					cat: "system",
+					tokens: view.header.systemTokens,
+					time: view.header.time
+				});
+				for (const tool of view.header.tools) items.push({
+					key: "tool:" + tool.name,
+					cat: "tools",
+					tokens: tool.tokens
+				});
+			}
+			for (const n of view.nodes) items.push({
+				key: "n" + String(n.seq),
+				cat: n.cat,
+				tokens: n.tokens,
+				node: n,
+				...n.time !== void 0 ? { time: n.time } : {}
+			});
+			return items;
+		}
+		//#endregion
 		//#region src/shared/fileOps.ts
 		/** Parse a call's raw JSON arguments; non-string/malformed/non-record inputs yield null. */
 		function parseCallArgs(raw) {
@@ -3193,6 +3225,11 @@ window.__ModuleLoader__.load({
 			for (let i = requests.length - 1; i >= 0; i--) if ((requests[i].turn ?? 0) === turn) return requests[i];
 			return null;
 		}
+		/**
+		* DNA bands keep at least this share of the occupied region, so a tiny item (a 25-token user message in a 40k
+		* context) stays a hoverable/clickable filament instead of a sub-pixel sliver. Tooltips still report true shares.
+		*/
+		const DNA_MIN_BAND = .35;
 		function makeContextBrowser(kit, StackedBar) {
 			const { t, fmt, fmtTime, catLabel } = kit;
 			const DetailNote = makeDetailNote(kit);
@@ -3207,6 +3244,8 @@ window.__ModuleLoader__.load({
 				const [openElem, setOpenElem] = (0, react.useState)(null);
 				const [rowQuery, setRowQuery] = (0, react.useState)("");
 				const [toolSort, setToolSort] = (0, react.useState)("size");
+				const [dna, setDna] = (0, react.useState)(false);
+				const [dnaKey, setDnaKey] = (0, react.useState)(null);
 				const onOpenCat = props.onOpenCat;
 				const setCat = (c) => {
 					setOpenCat(c);
@@ -3269,6 +3308,7 @@ window.__ModuleLoader__.load({
 				const breakdown = req !== null ? req : data.current;
 				const parts = partsOf(breakdown);
 				const total = breakdown.total;
+				const pinKey = openCat !== null && (breakdown[openCat] || 0) > 0 ? openCat : null;
 				const pick = (v) => {
 					setSel(v === "live" ? "live" : Number(v));
 					setCat(null);
@@ -3278,6 +3318,33 @@ window.__ModuleLoader__.load({
 				const prevView = refReq !== null ? assemble(data, headers, refReq.seq) : null;
 				const prevByCat = prevView !== null ? byCatOf(prevView) : null;
 				const byCat = byCatOf(view);
+				const 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);
+					}
+					return it.time !== void 0 ? base + " · " + fmtTime(it.time) : base;
+				};
+				const dnaItems = dna ? dnaOf(view) : null;
+				const dnaByKey = new Map(dnaItems?.map((it) => [it.key, it]) ?? []);
+				const dnaParts = dnaItems?.map((it) => ({
+					key: it.key,
+					color: CAT_COLOR[it.cat],
+					value: it.tokens,
+					label: dnaLabel(it),
+					group: it.cat
+				})) ?? null;
+				const pickDna = (key) => {
+					const it = dnaByKey.get(key);
+					/* v8 ignore next 1 -- the bar only reports keys of the parts it was handed; defensive. */
+					if (it === void 0) return;
+					setCat(it.cat);
+					setRowQuery("");
+					setOpenElem(key);
+					focusScrollRef.current = true;
+				};
 				const toolCount = (c) => countOf(view, byCat, c);
 				const singleKeyOf = (c) => {
 					if (c === "system") return view.header?.systemTokens !== void 0 ? "sys" : null;
@@ -3511,6 +3578,19 @@ window.__ModuleLoader__.load({
 									className: "lc-card-title-text",
 									children: t("browser.title")
 								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "lc-gran lc-br-dna-ctl",
+									role: "group",
+									title: t("browser.dnaTip"),
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "lc-gran-btn" + (dna ? " lc-gran-on" : ""),
+										onClick: () => {
+											setDna((on) => !on);
+										},
+										children: t("browser.dna")
+									})
+								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: "lc-br-hint",
 									children: t("browser.deltaHint")
@@ -3554,13 +3634,15 @@ window.__ModuleLoader__.load({
 							]
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: "lc-br-bar",
+							className: "lc-br-bar" + (dna ? " lc-br-bar-dna" : ""),
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StackedBar, {
-								parts,
+								parts: dnaParts ?? parts,
 								height: 10,
-								hoverKey: linked ? linkKey : void 0,
-								onHoverKey: linked ? props.onHoverKey : void 0,
-								tip: false
+								hoverKey: dna ? dnaKey ?? linkKey ?? pinKey : linkKey ?? pinKey,
+								onHoverKey: dna ? setDnaKey : linked ? props.onHoverKey : void 0,
+								tip: dna,
+								onPickKey: dna ? pickDna : void 0,
+								minBand: dna ? DNA_MIN_BAND : void 0
 							})
 						}),
 						view.missingLive > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -3674,6 +3756,24 @@ window.__ModuleLoader__.load({
 				const usedPct = scale > 0 ? total / scale * 100 : 0;
 				const hovering = props.hoverKey !== null && props.hoverKey !== void 0;
 				const showBox = free > 0 && hovering;
+				const pickKey = props.onPickKey;
+				const minBand = props.minBand !== void 0 && props.minBand > 0 ? props.minBand : 0;
+				const visible = total > 0 ? props.parts.filter((p) => p.value > 0) : [];
+				const widths = (() => {
+					if (minBand === 0 || visible.length < 2) return visible.map((p) => p.value / scale * 100);
+					const shares = visible.map((p) => p.value / total * 100);
+					const floor = Math.min(minBand, 100 / visible.length);
+					let pinned = 0;
+					let pinnedRaw = 0;
+					for (const s of shares) if (s < floor) {
+						pinned += 1;
+						pinnedRaw += s;
+					}
+					if (pinned === 0) return visible.map((p) => p.value / scale * 100);
+					const restRoom = 100 - pinned * floor;
+					const restRaw = 100 - pinnedRaw;
+					return shares.map((s) => (s < floor ? floor : s * restRoom / restRaw) * total / scale);
+				})();
 				const reserve = props.reserve !== void 0 && props.max !== void 0 && props.max > 0 ? {
 					...props.reserve,
 					max: props.max
@@ -3696,17 +3796,17 @@ window.__ModuleLoader__.load({
 						let acc = 0;
 						let rawTotal = 0;
 						for (const p of props.parts) rawTotal += p.raw ?? p.value;
-						for (const p of props.parts) {
-							const pct = scale > 0 ? p.value / scale * 100 : 0;
-							if (p.key === props.hoverKey && p.value > 0) {
+						for (let i = 0; i < visible.length; i++) {
+							const p = visible[i];
+							if (p.key === props.hoverKey) {
 								const count = p.raw ?? p.value;
 								tip = {
-									text: `${catLabel(p.key)} ≈${fmt(count)} (${rawTotal > 0 ? Math.round(count / rawTotal * 100) : 0}%) ` + t("overview.ofUsed"),
-									leftPct: Math.max(12, Math.min(acc + pct / 2, 88))
+									text: `${p.label ?? catLabel(p.key)} ≈${fmt(count)} (${rawTotal > 0 ? Math.round(count / rawTotal * 100) : 0}%) ` + t("overview.ofUsed"),
+									leftPct: Math.max(12, Math.min(acc + widths[i] / 2, 88))
 								};
 								break;
 							}
-							acc += pct;
+							acc += widths[i];
 						}
 					}
 				}
@@ -3720,20 +3820,22 @@ window.__ModuleLoader__.load({
 							setReserveOn(false);
 						},
 						children: [
-							total > 0 ? props.parts.map((p) => {
-								if (!p.value) return null;
-								const on = props.hoverKey !== void 0 && props.hoverKey === p.key;
+							visible.map((p, i) => {
+								const on = props.hoverKey !== void 0 && (props.hoverKey === p.key || p.group !== void 0 && props.hoverKey === p.group);
 								return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									className: "lc-stacked-seg" + (on ? " lc-stacked-seg-on" : ""),
+									className: "lc-stacked-seg" + (on ? " lc-stacked-seg-on" : "") + (pickKey !== void 0 ? " lc-stacked-seg-pick" : ""),
 									style: {
-										width: `${p.value / scale * 100}%`,
+										width: `${widths[i]}%`,
 										background: p.color
 									},
 									onMouseEnter: () => {
 										if (props.onHoverKey !== void 0) props.onHoverKey(p.key);
-									}
+									},
+									onClick: pickKey !== void 0 ? () => {
+										pickKey(p.key);
+									} : void 0
 								}, p.key);
-							}) : null,
+							}),
 							free > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "lc-stacked-free" + (props.hoverKey === "free" ? " lc-stacked-free-on" : ""),
 								style: { width: `${free / scale * 100}%` },
@@ -6343,7 +6445,7 @@ window.__ModuleLoader__.load({
 			return function PluginInfo() {
 				const [latest, setLatest] = (0, react.useState)(null);
 				(0, react.useEffect)(() => {
-					if ("0.45.0".includes("-dev")) return;
+					if ("0.46.0".includes("-dev")) return;
 					let on = true;
 					fetchLatestVersion().then((v) => {
 						if (on && v) setLatest(v);
@@ -6352,8 +6454,8 @@ window.__ModuleLoader__.load({
 						on = false;
 					};
 				}, []);
-				const update = latest !== null && isNewerVersion(latest, "0.45.0") ? latest : null;
-				const nameText = "dsh-context (v0.45.0)";
+				const update = latest !== null && isNewerVersion(latest, "0.46.0") ? latest : null;
+				const nameText = "dsh-context (v0.46.0)";
 				const nameValue = [nameText];
 				if (update) nameValue.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: "lc-pi-update",
@@ -7362,17 +7464,17 @@ window.__ModuleLoader__.load({
 			const LABEL_FONT = 10;
 			const LABEL_FONT_MIN = 6;
 			const estTurnLabel = (turn) => 6.5 * String(turn).length;
-			const anchorOf = (req) => typeof req.prompt === "number" && req.prompt > 0 && req.total > 0 ? req.prompt / req.total : 1;
-			const barTotalOf = (req) => typeof req.prompt === "number" && req.prompt > 0 ? req.prompt : req.total;
 			/**
-			* Focus a bar on one category (the browser's open category): the kept bucket carries its provider-anchored
-			* value, the other buckets zero, and the provider prompt drops — the downstream stack/anchor/tooltip math
-			* reads the derived record unchanged (`total` IS the plotted figure; the anchor becomes a no-op).
+			* Focus a bar on one category (the browser's open category): the kept bucket carries its fold figure, the other
+			* buckets zero, and `total` IS the plotted figure — the downstream stack/tooltip math reads the derived record
+			* unchanged. The raw fold figures are plotted as-is: a per-request rescale against the provider prompt would drift
+			* with the heuristic's ratio error and fake growth into constant categories (a never-changing system prompt must
+			* plot flat).
 			*/
 			const focusOf = (req, cat) => {
 				const key = cat;
-				const { prompt: _prompt, output: _output, ...out } = req;
-				const v = Math.round((req[key] || 0) * anchorOf(req));
+				const out = { ...req };
+				const v = req[key] || 0;
 				out.total = v;
 				for (const c of CATS) out[c.key] = c.key === key ? v : 0;
 				return out;
@@ -7448,7 +7550,7 @@ window.__ModuleLoader__.load({
 					})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "lc-bar-stack",
 						children: CATS.map((c) => {
-							const v = (req[c.key] || 0) * anchorOf(req);
+							const v = req[c.key] || 0;
 							if (!v) return null;
 							return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								"data-cat": c.key,
@@ -7488,10 +7590,7 @@ window.__ModuleLoader__.load({
 					if (up > maxUp) maxUp = up;
 					if (down > maxDown) maxDown = down;
 				}
-				else for (const req of requests) {
-					const bt = barTotalOf(req);
-					if (bt > maxTotal) maxTotal = bt;
-				}
+				else for (const req of requests) if (req.total > maxTotal) maxTotal = req.total;
 				const span = Math.max(1, maxUp + maxDown);
 				const deltaScale = CHART_H / span;
 				const upPx = Math.round(maxUp * deltaScale);
@@ -7633,8 +7732,8 @@ window.__ModuleLoader__.load({
 					}
 					return [head, focus !== null ? t("tip.cat", {
 						cat: catLabel(focus),
-						n: fmt(barTotalOf(req))
-					}) : t("tip.total", { n: fmt(barTotalOf(req)) })];
+						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;
@@ -8515,7 +8614,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles/stackedBar.css.mjs
-		const css$9 = ".lc-stacked-wrap{width:100%;position:relative}.lc-stacked{background:#8080802e;border-radius:5px;width:100%;display:flex;position:relative;overflow:hidden}.lc-occupied-box{border:2px solid var(--dsw-alias-label-tertiary);box-sizing:border-box;pointer-events:none;opacity:0;box-shadow:0 0 0 1px var(--dsw-alias-bg-layer-2);transition:opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:5px;position:absolute;top:0;bottom:0;left:0}.lc-occupied-box-on{opacity:1}.lc-bar-tip{z-index:5;white-space:nowrap;padding:3px 8px;bottom:calc(100% + 6px);transform:translate(-50%)}.lc-bar-tip-on{opacity:1}.lc-stacked>div{height:100%}.lc-stacked-seg{transition:filter var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out)}.lc-stacked-free{box-sizing:border-box;transition:box-shadow var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out)}.lc-stacked-seg-on{filter:brightness(1.18)}.lc-reserve{z-index:1;pointer-events:auto;cursor:help;background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--dsw-alias-state-warn-primary) 24%, transparent) 0 5px, transparent 5px 10px);position:absolute;top:0;bottom:0}.lc-stacked-free-on{border:2px dashed var(--dsw-alias-label-secondary);border-radius:3px}.lc-stacked-dim .lc-stacked-seg{opacity:.35}.lc-stacked-dim .lc-stacked-seg-on{opacity:1}.lc-stacked-dim .lc-stacked-free{opacity:.35}.lc-stacked-dim .lc-stacked-free-on{opacity:1}.lc-legend{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px 14px;margin-top:10px;display:grid}.lc-chip{min-width:0;color:var(--dsw-alias-label-primary);cursor:pointer;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:6px;align-items:center;gap:5px;padding:1px 6px;display:flex}.lc-chip-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:600;overflow:hidden}.lc-chip-nums{white-space:nowrap;flex:none;align-items:baseline;gap:6px;margin-left:auto;display:inline-flex}.lc-chip i,.lc-detail-row i{border-radius:2px;width:8px;height:8px;display:inline-block}.lc-chip i{transition:box-shadow var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out)}.lc-chip em{color:var(--dsw-alias-label-secondary);font-style:normal}.lc-chip-on{background:var(--dsw-alias-interactive-bg-hover);font-weight:600}.lc-chip-on i{box-shadow:0 0 0 1px var(--dsw-alias-brand-primary)}";
+		const css$9 = ".lc-stacked-wrap{width:100%;position:relative}.lc-stacked{background:#8080802e;border-radius:5px;width:100%;display:flex;position:relative;overflow:hidden}.lc-occupied-box{border:2px solid var(--dsw-alias-label-tertiary);box-sizing:border-box;pointer-events:none;opacity:0;box-shadow:0 0 0 1px var(--dsw-alias-bg-layer-2);transition:opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:5px;position:absolute;top:0;bottom:0;left:0}.lc-occupied-box-on{opacity:1}.lc-bar-tip{z-index:5;white-space:nowrap;padding:3px 8px;bottom:calc(100% + 6px);transform:translate(-50%)}.lc-bar-tip-on{opacity:1}.lc-stacked>div{height:100%}.lc-stacked-seg-pick{cursor:pointer}.lc-stacked-seg{transition:filter var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out)}.lc-stacked-free{box-sizing:border-box;transition:box-shadow var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out)}.lc-stacked-seg-on{filter:brightness(1.18)}.lc-reserve{z-index:1;pointer-events:auto;cursor:help;background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--dsw-alias-state-warn-primary) 24%, transparent) 0 5px, transparent 5px 10px);position:absolute;top:0;bottom:0}.lc-stacked-free-on{border:2px dashed var(--dsw-alias-label-secondary);border-radius:3px}.lc-stacked-dim .lc-stacked-seg{opacity:.35}.lc-stacked-dim .lc-stacked-seg-on{opacity:1}.lc-stacked-dim .lc-stacked-free{opacity:.35}.lc-stacked-dim .lc-stacked-free-on{opacity:1}.lc-legend{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px 14px;margin-top:10px;display:grid}.lc-chip{min-width:0;color:var(--dsw-alias-label-primary);cursor:pointer;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:6px;align-items:center;gap:5px;padding:1px 6px;display:flex}.lc-chip-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:600;overflow:hidden}.lc-chip-nums{white-space:nowrap;flex:none;align-items:baseline;gap:6px;margin-left:auto;display:inline-flex}.lc-chip i,.lc-detail-row i{border-radius:2px;width:8px;height:8px;display:inline-block}.lc-chip i{transition:box-shadow var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out)}.lc-chip em{color:var(--dsw-alias-label-secondary);font-style:normal}.lc-chip-on{background:var(--dsw-alias-interactive-bg-hover);font-weight:600}.lc-chip-on i{box-shadow:0 0 0 1px var(--dsw-alias-brand-primary)}";
 		const tagId$9 = "dsh-context/stackedBar.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$9) + "]") === null) {
 			const tag = document.createElement("style");
@@ -8581,7 +8680,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles/browser.css.mjs
-		const css$3 = ".lc-br-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-actual{color:var(--dsw-alias-state-success-primary)}.lc-br-note{color:var(--dsw-alias-label-secondary);margin-top:8px;font-size:12px}.lc-br-retry{color:var(--dsw-alias-brand-primary);font:inherit;cursor:pointer;text-underline-offset:2px;transition:filter var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.lc-br-retry:hover{filter:brightness(1.15)}.lc-br-cats{flex-direction:column;gap:4px;margin-top:10px;display:flex}.lc-br-cat{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);border-radius:8px;overflow:hidden}.lc-br-cat-empty{opacity:.55}.lc-br-cat-row{width:100%;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;text-align:left;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;align-items:center;gap:8px;padding:7px 10px;display:flex}.lc-br-cat-row:hover,.lc-br-cat-on{background:var(--dsw-alias-interactive-bg-hover)}.lc-br-cat-on i{box-shadow:0 0 0 1px var(--dsw-alias-brand-primary)}.lc-br-cat-row i{width:8px;height:8px;transition:box-shadow var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:2px;flex:none;display:inline-block}.lc-br-cat-label{font-weight:600}.lc-br-cat-count{color:var(--dsw-alias-label-secondary);white-space:nowrap;font-size:12px}.lc-br-count-grp{flex:1;align-items:center;gap:4px;min-width:0;display:inline-flex}.lc-br-chev{width:12px;height:14px;color:var(--dsw-alias-label-tertiary);flex:none;justify-content:center;align-items:center;display:flex}.lc-br-chev:before{content:\"\";width:5px;height:5px;transition:transform var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-bottom:1px solid;border-right:1px solid;transform:rotate(-45deg)}.lc-br-chev-on:before{transform:rotate(45deg)}.lc-br-tokens{color:var(--dsw-alias-label-secondary);flex:none;font-size:12px}.lc-br-delta,.lc-br-tdelta{white-space:nowrap;border-radius:4px;flex:none;padding:0 5px;font-size:11px;font-weight:600}.lc-br-delta-up,.lc-br-tdelta-up{color:var(--dsw-alias-state-success-primary);background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 15%, transparent)}.lc-br-delta-down,.lc-br-tdelta-down{color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 15%, transparent)}.lc-br-tokens-grp{flex:none;align-items:center;gap:4px;min-width:0;display:inline-flex}.lc-br-pct{text-align:right;width:36px;color:var(--dsw-alias-label-secondary);flex:none;font-size:12px}.lc-br-body{border-top:1px solid var(--dsw-alias-border-l1);flex-direction:column;gap:2px;padding:4px 6px;display:flex}.lc-br-elem{border-radius:6px}.lc-br-elem-on{background:var(--dsw-alias-interactive-bg-active)}.lc-br-elem-row{width:100%;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;text-align:left;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:5px 6px;font-size:12px;display:flex}.lc-br-elem-row:hover{background:var(--dsw-alias-interactive-bg-hover)}.lc-br-err-dot{background:var(--dsw-alias-state-error-primary);width:6px;height:6px;box-shadow:0 0 0 2px color-mix(in srgb, var(--dsw-alias-state-error-primary) 10%, transparent);border-radius:50%;flex:none}.lc-br-tag{min-width:0;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;max-width:220px;padding:0 6px;font-size:11px;overflow:hidden}.lc-br-tool-plugin{color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 14%, transparent);border-color:#0000;border-radius:6px;font-size:12px}.lc-br-preview{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lc-br-time{color:var(--dsw-alias-label-secondary);flex:none;font-size:11px}.lc-br-content{flex-direction:column;gap:6px;padding:2px 6px 8px 26px;display:flex}.lc-br-dim{color:var(--dsw-alias-label-secondary)}";
+		const css$3 = ".lc-br-dna-ctl{flex:none;margin-left:0}.lc-br-bar-dna .lc-stacked-seg{box-shadow:inset -1px 0 0 var(--dsw-alias-bg-layer-1)}.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-actual{color:var(--dsw-alias-state-success-primary)}.lc-br-note{color:var(--dsw-alias-label-secondary);margin-top:8px;font-size:12px}.lc-br-retry{color:var(--dsw-alias-brand-primary);font:inherit;cursor:pointer;text-underline-offset:2px;transition:filter var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.lc-br-retry:hover{filter:brightness(1.15)}.lc-br-cats{flex-direction:column;gap:4px;margin-top:10px;display:flex}.lc-br-cat{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);border-radius:8px;overflow:hidden}.lc-br-cat-empty{opacity:.55}.lc-br-cat-row{width:100%;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;text-align:left;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;align-items:center;gap:8px;padding:7px 10px;display:flex}.lc-br-cat-row:hover,.lc-br-cat-on{background:var(--dsw-alias-interactive-bg-hover)}.lc-br-cat-on i{box-shadow:0 0 0 1px var(--dsw-alias-brand-primary)}.lc-br-cat-row i{width:8px;height:8px;transition:box-shadow var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:2px;flex:none;display:inline-block}.lc-br-cat-label{font-weight:600}.lc-br-cat-count{color:var(--dsw-alias-label-secondary);white-space:nowrap;font-size:12px}.lc-br-count-grp{flex:1;align-items:center;gap:4px;min-width:0;display:inline-flex}.lc-br-chev{width:12px;height:14px;color:var(--dsw-alias-label-tertiary);flex:none;justify-content:center;align-items:center;display:flex}.lc-br-chev:before{content:\"\";width:5px;height:5px;transition:transform var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-bottom:1px solid;border-right:1px solid;transform:rotate(-45deg)}.lc-br-chev-on:before{transform:rotate(45deg)}.lc-br-tokens{color:var(--dsw-alias-label-secondary);flex:none;font-size:12px}.lc-br-delta,.lc-br-tdelta{white-space:nowrap;border-radius:4px;flex:none;padding:0 5px;font-size:11px;font-weight:600}.lc-br-delta-up,.lc-br-tdelta-up{color:var(--dsw-alias-state-success-primary);background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 15%, transparent)}.lc-br-delta-down,.lc-br-tdelta-down{color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 15%, transparent)}.lc-br-tokens-grp{flex:none;align-items:center;gap:4px;min-width:0;display:inline-flex}.lc-br-pct{text-align:right;width:36px;color:var(--dsw-alias-label-secondary);flex:none;font-size:12px}.lc-br-body{border-top:1px solid var(--dsw-alias-border-l1);flex-direction:column;gap:2px;padding:4px 6px;display:flex}.lc-br-elem{border-radius:6px}.lc-br-elem-on{background:var(--dsw-alias-interactive-bg-active)}.lc-br-elem-row{width:100%;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;text-align:left;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:5px 6px;font-size:12px;display:flex}.lc-br-elem-row:hover{background:var(--dsw-alias-interactive-bg-hover)}.lc-br-err-dot{background:var(--dsw-alias-state-error-primary);width:6px;height:6px;box-shadow:0 0 0 2px color-mix(in srgb, var(--dsw-alias-state-error-primary) 10%, transparent);border-radius:50%;flex:none}.lc-br-tag{min-width:0;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;max-width:220px;padding:0 6px;font-size:11px;overflow:hidden}.lc-br-tool-plugin{color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 14%, transparent);border-color:#0000;border-radius:6px;font-size:12px}.lc-br-preview{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lc-br-time{color:var(--dsw-alias-label-secondary);flex:none;font-size:11px}.lc-br-content{flex-direction:column;gap:6px;padding:2px 6px 8px 26px;display:flex}.lc-br-dim{color:var(--dsw-alias-label-secondary)}";
 		const tagId$3 = "dsh-context/browser.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$3) + "]") === null) {
 			const tag = document.createElement("style");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-context",
-  "version": "0.45.0",
+  "version": "0.46.0",
   "description": "A DeepSeek Harness plugin for context insight and management, with context dashboard and context command, for understanding how the context is made of, and how it evolves.",
   "author": "bowenliang123",
   "repository": {