dsh-context 0.57.0 → 0.59.0

package/lib/client.js

@@ -354,9 +354,15 @@ window.__ModuleLoader__.load({
 			"ov.kpi.ofTotal": "共 {n} 个",
 			"ov.kpi.tokens": "累计消耗",
 			"ov.kpi.sessionsSub": "含 {n} 个会话",
+			"ov.kpi.pricedSub": "已计价 {n}/{total} 个会话",
 			"ov.kpi.toolSub": "工具执行 {dur}",
 			"ov.kpi.wallSub": "模型调用 {n}",
 			"ov.stats.empty": "统计范围内暂无 Token 用量",
+			"ov.usage.title": "近 7 天用量",
+			"ov.usage.tokens": "Token",
+			"ov.usage.cost": "费用（仅含支持计价映射的模型）",
+			"ov.usage.costTip": "费用",
+			"ov.usage.empty": "近 7 天暂无用量 — 会话产生模型请求后，这里会显示每日 Token 与费用",
 			"balance.title": "DeepSeek 余额",
 			"balance.tip.granted": "赠送余额",
 			"balance.tip.toppedUp": "充值余额",
@@ -734,9 +740,15 @@ window.__ModuleLoader__.load({
 			"ov.kpi.ofTotal": "of {n} total",
 			"ov.kpi.tokens": "Tokens Used",
 			"ov.kpi.sessionsSub": "across {n} sessions",
+			"ov.kpi.pricedSub": "{n} of {total} sessions priced",
 			"ov.kpi.toolSub": "tool runs {dur}",
 			"ov.kpi.wallSub": "{n} model calls",
 			"ov.stats.empty": "No billed tokens in this range",
+			"ov.usage.title": "Last 7 Days",
+			"ov.usage.tokens": "Tokens",
+			"ov.usage.cost": "Cost (price-mapped models only)",
+			"ov.usage.costTip": "Cost",
+			"ov.usage.empty": "No usage in the last 7 days — daily tokens and cost appear once sessions make model requests",
 			"balance.title": "DeepSeek balance",
 			"balance.tip.granted": "Granted balance",
 			"balance.tip.toppedUp": "Topped-up balance",
@@ -1625,12 +1637,13 @@ window.__ModuleLoader__.load({
 		}
 		/**
 		* Narrow a delivered `contextActivity` value (the per-day ledger the Context
-		* Overview's heatmap reads off each session-list row) to a render-safe shape.
-		* Absent or non-record stays null (an older host serves no such key — the
-		* heatmap renders its empty note). Per-day re-proved: a malformed key or a
-		* wrong-typed figure drops just that entry, a hostile day record can never
-		* produce a NaN cell, and a well-formed payload passes through untouched
-		* (reference-stable for the selector equality).
+		* Overview's heatmap and usage chart read off each session-list row) to a
+		* render-safe shape. Absent or non-record stays null (an older host serves no
+		* such key — the heatmap renders its empty note). Per-day re-proved: a
+		* malformed key or a wrong-typed figure drops just that entry, a malformed
+		* pricing record drops just the fee (the day's tokens survive), a hostile day
+		* record can never produce a NaN cell, and a well-formed payload passes
+		* through untouched (reference-stable for the selector equality).
 		*/
 		function activityOf$1(value) {
 			const data = asRecord(value);
@@ -1647,9 +1660,13 @@ window.__ModuleLoader__.load({
 					dirty = true;
 					continue;
 				}
+				const proved = costOf(entry.cost);
+				const cost = proved !== void 0 && Object.keys(proved).length > 0 ? proved : void 0;
+				if (entry.cost !== void 0 && cost === void 0) dirty = true;
 				days[key] = {
 					tokens,
-					requests
+					requests,
+					...cost !== void 0 ? { cost } : {}
 				};
 			}
 			return dirty ? { days } : data;
@@ -2906,6 +2923,7 @@ window.__ModuleLoader__.load({
 			const BAR_W = 14;
 			const BAR_GAP = 2;
 			const STAGGER_CAP = 20;
+			const STEP_FLAG_EVERY = 5;
 			const TURN_FILLS = ["color-mix(in srgb, var(--color-neutral-500) 12%, transparent)", "color-mix(in srgb, var(--color-neutral-500) 26%, transparent)"];
 			const LABEL_OVERHANG = 48;
 			const LABEL_GAP = 2;
@@ -2962,62 +2980,73 @@ window.__ModuleLoader__.load({
 					onMouseEnter: () => {
 						props.onHover(req.seq);
 					},
-					children: [marker !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "lc-bar-marker",
-						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", {
-						className: "lc-bar-up animate-lc-bar-in motion-reduce:animate-none",
-						style: {
-							bottom: `${props.downPx}px`,
-							...enterStyle
-						},
-						children: CATS.map((c) => {
-							const d = req[c.key] || 0;
-							if (d <= 0) return null;
-							return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								"data-cat": c.key,
-								className: "lc-cat-seg",
-								style: {
-									height: `${Math.max(1, Math.round(d * props.deltaScale))}px`,
-									background: c.color
-								}
-							}, c.key);
-						})
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "lc-bar-down animate-lc-bar-in motion-reduce:animate-none",
-						style: {
-							top: `${props.upPx}px`,
-							...enterStyle
-						},
-						children: CATS.map((c) => {
-							const d = req[c.key] || 0;
-							if (d >= 0) return null;
-							return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								"data-cat": c.key,
-								className: "lc-cat-seg",
-								style: {
-									height: `${Math.max(1, Math.round(-d * props.deltaScale))}px`,
-									background: c.color
-								}
-							}, c.key);
-						})
-					})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "lc-bar-stack animate-lc-bar-in motion-reduce:animate-none",
-						style: enterStyle,
-						children: CATS.map((c) => {
-							const v = req[c.key] || 0;
-							if (!v) return null;
-							return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								"data-cat": c.key,
-								className: "lc-cat-seg",
-								style: {
-									height: `${Math.max(1, Math.round(v / props.maxTotal * CHART_H))}px`,
-									background: c.color
-								}
-							}, c.key);
+					children: [
+						props.flag !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "lc-step-flag",
+							"aria-hidden": "true",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "lc-step-flag-label",
+								children: props.flag
+							})
+						}) : null,
+						marker !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "lc-bar-marker",
+							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", {
+							className: "lc-bar-up animate-lc-bar-in motion-reduce:animate-none",
+							style: {
+								bottom: `${props.downPx}px`,
+								...enterStyle
+							},
+							children: CATS.map((c) => {
+								const d = req[c.key] || 0;
+								if (d <= 0) return null;
+								return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									"data-cat": c.key,
+									className: "lc-cat-seg",
+									style: {
+										height: `${Math.max(1, Math.round(d * props.deltaScale))}px`,
+										background: c.color
+									}
+								}, c.key);
+							})
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "lc-bar-down animate-lc-bar-in motion-reduce:animate-none",
+							style: {
+								top: `${props.upPx}px`,
+								...enterStyle
+							},
+							children: CATS.map((c) => {
+								const d = req[c.key] || 0;
+								if (d >= 0) return null;
+								return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									"data-cat": c.key,
+									className: "lc-cat-seg",
+									style: {
+										height: `${Math.max(1, Math.round(-d * props.deltaScale))}px`,
+										background: c.color
+									}
+								}, c.key);
+							})
+						})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "lc-bar-stack animate-lc-bar-in motion-reduce:animate-none",
+							style: enterStyle,
+							children: CATS.map((c) => {
+								const v = req[c.key] || 0;
+								if (!v) return null;
+								return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									"data-cat": c.key,
+									className: "lc-cat-seg",
+									style: {
+										height: `${Math.max(1, Math.round(v / props.maxTotal * CHART_H))}px`,
+										background: c.color
+									}
+								}, c.key);
+							})
 						})
-					})]
+					]
 				});
 			});
 			return function TrendChart(props) {
@@ -3371,6 +3400,7 @@ window.__ModuleLoader__.load({
 										selected: props.selectedSeq === req.seq,
 										hovered: props.hoveredSeq === req.seq,
 										inTurn: props.activeTurn !== null && (req.turn ?? 0) === props.activeTurn,
+										flag: props.granularity === "step" && (i + 1) % STEP_FLAG_EVERY === 0 ? i + 1 : null,
 										maxTotal,
 										upPx: delta ? upPx : void 0,
 										downPx: delta ? downPx : void 0,
@@ -5489,11 +5519,14 @@ window.__ModuleLoader__.load({
 		* The provider-id seam between dsh request envelopes and the models.dev
 		* registry: client/cost.ts resolves price-book branches through it, and
 		* host/fold.ts uses the DeepSeek resolution to split the session-cost totals
-		* into peak/off-peak periods. Only the renames live here — an id absent
-		* from the table passes through verbatim.
+		* into peak/off-peak periods. Only the renames live here — a dsh route key
+		* that is not a registry id (user-declared gateways, `claude`/`codex`
+		* subscriptions, org-prefixed catalogs) passes through and prices through
+		* the model-side resolution index instead (client/cost.ts).
 		*/
 		const MODELS_DEV_PROVIDER_IDS = {
 			"deepseek-official": "deepseek",
+			"deepseek-account": "deepseek",
 			"kimi-coding": "moonshotai",
 			"minimax-cn": "minimax",
 			"zai-coding-cn": "zhipuai"
@@ -5516,6 +5549,120 @@ window.__ModuleLoader__.load({
 		function toCurrency(usd, currency) {
 			return currency === "cny" ? usd / USD_PER_CNY : usd;
 		}
+		/** Rate equality within the registry's float noise (sync drift prints 0.125000…003). */
+		function sameRate(a, b) {
+			const close = (x, y) => Math.abs(x - y) <= 1e-9 * Math.max(1, Math.abs(x));
+			return close(a.hit, b.hit) && close(a.miss, b.miss) && close(a.write, b.write) && close(a.out, b.out);
+		}
+		/** One proven candidate rate off a built book branch, or null. */
+		function rateOfEntry(value) {
+			const v = value;
+			if (v === null || typeof v !== "object") return null;
+			const r = v;
+			const num = (x) => typeof x === "number" && Number.isFinite(x);
+			return num(r.hit) && num(r.miss) && num(r.write) && num(r.out) ? {
+				hit: r.hit,
+				miss: r.miss,
+				write: r.write,
+				out: r.out
+			} : null;
+		}
+		/**
+		* Build the resolution index over a proven book. `npmOf` carries each
+		* provider's registry `npm` package (null when absent) — the vendor signal:
+		* a provider whose package is `@ai-sdk/<its own id>` is the model's first
+		* party, while mirrors and gateways ride `@ai-sdk/openai-compatible` or
+		* someone else's package. Suffix tails are indexed alongside exact ids so a
+		* short dsh spelling (`k3`) resolves book-wide too.
+		*/
+		function priceIndexOf(prices, npmOf) {
+			const byModel = /* @__PURE__ */ new Map();
+			const push = (key, cand) => {
+				const list = byModel.get(key);
+				if (list === void 0) byModel.set(key, [cand]);
+				else if (!list.some((c) => c.pid === cand.pid && sameRate(c.rate, cand.rate))) list.push(cand);
+			};
+			for (const pid of Object.keys(prices)) {
+				const branch = branchOf(prices, pid);
+				if (branch === null) continue;
+				const npm = npmOf[pid];
+				const primary = typeof npm === "string" && npm.startsWith("@ai-sdk/") && npm.slice(8) === pid;
+				for (const mid of Object.keys(branch)) {
+					const rate = rateOfEntry(branch[mid]);
+					if (rate === null) continue;
+					const lower = mid.toLowerCase();
+					const cand = {
+						pid,
+						rate,
+						primary
+					};
+					push(lower, cand);
+					const parts = lower.split("-");
+					for (let i = 1; i < parts.length; i++) push(parts.slice(i).join("-"), cand);
+				}
+			}
+			return { byModel };
+		}
+		/**
+		* The rate shared by a candidate group, or null: the largest equal-rate
+		* group wins, a tie refuses. Agreeing mirrors are noise; disagreeing ones
+		* price nothing rather than guess.
+		*/
+		function majorityRate(cands) {
+			const groups = [];
+			for (const c of cands) {
+				const g = groups.find((g) => sameRate(g.rate, c.rate));
+				if (g === void 0) groups.push({
+					rate: c.rate,
+					n: 1
+				});
+				else g.n++;
+			}
+			groups.sort((a, b) => b.n - a.n);
+			return groups.length > 1 && groups[0].n === groups[1].n ? null : groups[0].rate;
+		}
+		/**
+		* Pick one candidate group's rate: the model's own vendor (unique or
+		* unanimous), then a provider the model id itself names (`deepseek-v4-flash`
+		* under `deepseek`), then a lone carrier. Everything else prices null.
+		*/
+		function resolveCandidates(lower, cands, org) {
+			if (org !== null) {
+				const named = cands.filter((c) => c.pid === org || org.startsWith(c.pid + "-") || org.length >= 4 && org.startsWith(c.pid));
+				if (named.length > 0) {
+					const rate = majorityRate(named);
+					if (rate !== null) return rate;
+				}
+			}
+			const primaries = cands.filter((c) => c.primary);
+			if (primaries.length > 0) {
+				const rate = majorityRate(primaries);
+				if (rate !== null) return rate;
+			}
+			const prefixed = cands.filter((c) => lower.startsWith(c.pid + "-") || lower.startsWith(c.pid + "/"));
+			if (prefixed.length > 0) {
+				const rate = majorityRate(prefixed);
+				if (rate !== null) return rate;
+			}
+			return cands.length === 1 ? cands[0].rate : null;
+		}
+		/**
+		* Resolve a model id book-wide: the full id first, then its last `/`-segment
+		* (an org-prefixed dialect whose exact spelling no registry provider lists).
+		* Null when every tier refuses.
+		*/
+		function resolveRate(index, model) {
+			const lower = model.toLowerCase();
+			const slash = lower.lastIndexOf("/");
+			const org = slash > 0 ? lower.slice(0, slash) : null;
+			for (const key of slash > 0 ? [lower, lower.slice(slash + 1)] : [lower]) {
+				const cands = index.byModel.get(key);
+				if (cands === void 0) continue;
+				const rate = resolveCandidates(key, cands, org);
+				if (rate !== null) return rate;
+			}
+			return null;
+		}
 		/** One rate triple at the doubled peak rate (the tooltip's `peak | off` pair). */
 		function peakOf(rate) {
 			return {
@@ -5555,22 +5702,16 @@ window.__ModuleLoader__.load({
 		* The book's rates for one folded (provider, model) bucket, or null when
 		* the book cannot price it: the dsh provider id resolves through
 		* modelsDevProviderOf (unmapped ids pass through) and prices by model id —
-		* exact, case-insensitive, or suffix; a provider the book does not carry
-		* falls back to a cross-provider scan, priced only when exactly one branch
-		* carries the model id.
-		*/
-		function priceOf(prices, provider, model) {
-			if (prices === null || prices === void 0) return null;
-			const direct = branchOf(prices, modelsDevProviderOf(provider));
+		* exact, case-insensitive, or suffix. A provider the book does not carry
+		* falls back to the model-side resolution index, which names the vendor
+		* from data (org segment, own-vendor SDK, id prefix, lone carrier) — never
+		* from a per-model hardcode.
+		*/
+		function priceOf(book, provider, model) {
+			if (book === null || book === void 0) return null;
+			const direct = branchOf(book.prices, modelsDevProviderOf(provider));
 			if (direct !== null) return lookup(direct, model);
-			let found = null;
-			for (const models of Object.values(prices)) {
-				const rate = lookup(models, model);
-				if (rate === null) continue;
-				if (found !== null) return null;
-				found = rate;
-			}
-			return found;
+			return resolveRate(book.index, model);
 		}
 		/**
 		* Price the session's cumulative billed-token totals. Cache reads bill at
@@ -5581,8 +5722,8 @@ window.__ModuleLoader__.load({
 		* Null when nothing was priced (no usage folded, no book yet, or no model
 		* the book prices), so the cell can show a dash.
 		*/
-		function estimateSessionCost(usage, prices, currency) {
-			if (usage === null || usage === void 0 || prices === null || prices === void 0) return null;
+		function estimateSessionCost(usage, book, currency) {
+			if (usage === null || usage === void 0 || book === null || book === void 0) return null;
 			let total = 0;
 			let any = false;
 			for (const provider of Object.keys(usage)) {
@@ -5590,7 +5731,7 @@ window.__ModuleLoader__.load({
 				if (models === null) continue;
 				const deepseek = isDeepSeekProvider(provider);
 				for (const model of Object.keys(models)) {
-					const rate = priceOf(prices, provider, model);
+					const rate = priceOf(book, provider, model);
 					const periods = asRecord(models[model]);
 					if (rate === null || periods === null) continue;
 					for (const period of ["peak", "off"]) {
@@ -5662,7 +5803,7 @@ window.__ModuleLoader__.load({
 			return formatCost(amount, currency).replace(/0+$/, "").replace(/\.$/, "");
 		}
 		//#endregion
-		//#region node_modules/.pnpm/@opencode-ai+models@0.0.72/node_modules/@opencode-ai/models/dist/error.js
+		//#region node_modules/.pnpm/@opencode-ai+models@0.0.87/node_modules/@opencode-ai/models/dist/error.js
 		/**
 		* The only error thrown by the models.dev client.
 		*
@@ -5679,7 +5820,7 @@ window.__ModuleLoader__.load({
 			}
 		};
 		//#endregion
-		//#region node_modules/.pnpm/@opencode-ai+models@0.0.72/node_modules/@opencode-ai/models/dist/client.js
+		//#region node_modules/.pnpm/@opencode-ai+models@0.0.87/node_modules/@opencode-ai/models/dist/client.js
 		/**
 		* Creates a stateless models.dev client. Every method performs exactly one
 		* `GET` and nothing is ever cached — callers who want caching should wrap
@@ -5696,7 +5837,11 @@ window.__ModuleLoader__.load({
 				for (const [key, value] of new Headers(requestOptions?.headers)) headers.set(key, value);
 				let response;
 				try {
-					response = await fetch(new URL(path, base), {
+					const url = new URL(path, base);
+					const modelTypes = requestOptions?.modelTypes;
+					if (modelTypes === "all") url.searchParams.set("type", "all");
+					else if (modelTypes && modelTypes.length > 0) url.searchParams.set("type", modelTypes.join(","));
+					response = await fetch(url, {
 						method: "GET",
 						headers,
 						signal: requestOptions?.signal
@@ -5741,10 +5886,12 @@ window.__ModuleLoader__.load({
 		* re-proves every field at the boundary — a non-conforming provider/model/
 		* cost entry drops whole. The book keeps EVERY provider that prices (keyed
 		* by the registry's own provider id), so a dsh provider id outside the
-		* rename table still prices by direct passthrough. One fetch per page load,
-		* kicked on first subscribe; a failure degrades to a visible state the cost
-		* cell notes, with a backed-off automatic retry — never a spinner, and
-		* never an unhandled rejection.
+		* rename table still prices by direct passthrough, and carries each
+		* provider's `npm` package into the model-side resolution index
+		* (cost.ts `priceIndexOf`) so unknown provider ids price by model id alone.
+		* One fetch per page load, kicked on first subscribe; a failure degrades to
+		* a visible state the cost cell notes, with a backed-off automatic retry —
+		* never a spinner, and never an unhandled rejection.
 		*/
 		/** One finite non-negative registry figure, or null. */
 		function rateOf(value) {
@@ -5752,18 +5899,23 @@ window.__ModuleLoader__.load({
 		}
 		/**
 		* Extract the whole registry's per-model USD rates from a delivered
-		* providers payload (`/api.json`), keyed by the registry's provider ids.
-		* Any shape failure skips just that entry; a payload that is not a record
-		* at all returns null (the store treats it as a failed fetch and retries).
+		* providers payload (`/api.json`), keyed by the registry's provider ids,
+		* with the resolution index built over it. Any shape failure skips just
+		* that entry; a payload that is not a record at all returns null (the store
+		* treats it as a failed fetch and retries).
 		*/
 		function pricesBookOf(value) {
 			const data = asRecord(value);
 			if (data === null || Array.isArray(data)) return null;
 			const book = {};
+			const npmOf = {};
 			for (const providerId of Object.keys(data)) {
 				const provider = asRecord(data[providerId]);
-				const modelList = provider !== null ? asRecord(provider.models) : null;
+				if (provider === null) continue;
+				const modelList = asRecord(provider.models);
 				if (modelList === null) continue;
+				const npm = provider.npm;
+				npmOf[providerId] = typeof npm === "string" ? npm : null;
 				const models = {};
 				for (const id of Object.keys(modelList)) {
 					const model = asRecord(modelList[id]);
@@ -5781,14 +5933,17 @@ window.__ModuleLoader__.load({
 				}
 				if (Object.keys(models).length > 0) book[providerId] = models;
 			}
-			return book;
+			return {
+				prices: book,
+				index: priceIndexOf(book, npmOf)
+			};
 		}
 		const defaultLoader = () => make().providers();
 		/** The retry backoff base; each consecutive failure doubles the wait, capped at 3 doublings. */
 		const RETRY_BASE_MS = 3e4;
 		let loader = defaultLoader;
 		let snap = {
-			prices: null,
+			book: null,
 			failed: false
 		};
 		let inFlight = false;
@@ -5812,7 +5967,7 @@ window.__ModuleLoader__.load({
 				const book = pricesBookOf(await loader());
 				if (book !== null) {
 					snap = {
-						prices: book,
+						book,
 						failed: false
 					};
 					failures = 0;
@@ -5824,7 +5979,7 @@ window.__ModuleLoader__.load({
 			for (const fn of listeners) fn();
 		}
 		function kick() {
-			if (snap.prices !== null || inFlight || timer !== null) return;
+			if (snap.book !== null || inFlight || timer !== null) return;
 			fire();
 		}
 		/** The useSyncExternalStore seam: subscribing also kicks the first fetch. */
@@ -6307,7 +6462,7 @@ window.__ModuleLoader__.load({
 				total
 			};
 		}
-		function kpisOf(rows, listed, prices, currency) {
+		function kpisOf(rows, listed, book, currency) {
 			const usage = mergeCostUsage(...rows.map((row) => row.timeline?.cost));
 			const totals = usageTotalsOf(usage);
 			let turns = 0;
@@ -6319,7 +6474,7 @@ window.__ModuleLoader__.load({
 			let usageSessions = 0;
 			for (const row of rows) {
 				const cost = row.timeline?.cost;
-				if (estimateSessionCost(cost, prices, currency) !== null) costSessions++;
+				if (estimateSessionCost(cost, book, currency) !== null) costSessions++;
 				if (usageTotalsOf(cost) !== null) usageSessions++;
 				turns += turnsOf(row.timeline);
 				const timing = row.timeline?.timing;
@@ -6333,7 +6488,7 @@ window.__ModuleLoader__.load({
 				listed,
 				tokens: totals?.total ?? 0,
 				turns,
-				cost: estimateSessionCost(usage, prices, currency),
+				cost: estimateSessionCost(usage, book, currency),
 				costSessions,
 				cacheHit: totals === null ? null : cacheHitPercent(totals.cacheRead, totals.input + totals.cacheRead + totals.cacheWrite),
 				usageSessions,
@@ -6346,33 +6501,44 @@ window.__ModuleLoader__.load({
 			};
 		}
 		/**
-		* Merge every row's daily ledger into one — the heatmap's data. A session
-		* counts toward a day only when its own entry carries activity, mirroring
-		* the day filter's predicate, so the cell's tooltip previews the click; a
-		* zeroed entry is skipped whole. The merged record stays small even over
-		* long histories.
+		* Merge every row's daily ledger into one — the heatmap's and the usage
+		* chart's data. A session counts toward a day only when its own entry
+		* carries activity, mirroring the day filter's predicate, so the cell's
+		* tooltip previews the click; a zeroed entry is skipped whole. Each day's
+		* pricing records merge into one SessionCostUsage and price off the SAME
+		* book/estimator the KPI band's cost cell rides (null fee on anything
+		* unpriced). The merged record stays small even over long histories.
 		*/
-		function aggregateDays(rows) {
-			const days = {};
-			const byKey = days;
+		function aggregateDays(rows, book, currency) {
+			const merged = {};
+			const byKey = merged;
 			for (const row of rows) {
 				if (row.activity === null) continue;
 				for (const key of Object.keys(row.activity.days)) {
 					const entry = row.activity.days[key];
 					if (entry.tokens <= 0 && entry.requests <= 0) continue;
 					const prev = byKey[key];
-					if (prev === void 0) days[key] = {
+					if (prev === void 0) merged[key] = {
 						tokens: entry.tokens,
 						requests: entry.requests,
-						sessions: 1
+						sessions: 1,
+						fees: entry.cost !== void 0 ? [entry.cost] : []
 					};
 					else {
 						prev.tokens += entry.tokens;
 						prev.requests += entry.requests;
 						prev.sessions++;
+						if (entry.cost !== void 0) prev.fees.push(entry.cost);
 					}
 				}
 			}
+			const days = {};
+			for (const [key, day] of Object.entries(merged)) days[key] = {
+				tokens: day.tokens,
+				requests: day.requests,
+				sessions: day.sessions,
+				cost: estimateSessionCost(mergeCostUsage(...day.fees), book, currency)
+			};
 			return days;
 		}
 		/**
@@ -7151,6 +7317,166 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
+		//#region src/client/components/overviewUsage.tsx
+		/**
+		* The Context Insights panel's first-row usage chart — the RIGHT half of the
+		* KPI row. Seven day columns ending today, each pairing two bars priced off
+		* the merged daily ledger (overview.ts aggregateDays): billed TOKENS (the
+		* heatmap's own blue) and the day's estimated COST (green). The fee rides
+		* the same per-day pricing records the host fold books at each turn's
+		* initiation, priced by the same book and estimator as the KPI band's cost
+		* cell — never a whole session's spend dumped on the day it was last
+		* active. The two series scale on their OWN window maxima (a $2 week must
+		* not flatten under a 169M-token week), so each bar reads as a share of its
+		* series' peak; the tooltip carries the exact figures. The window is fixed
+		* to the last 7 days — the range selector above scopes the KPI figures, not
+		* this calendar.
+		*
+		* The plot is framed like a chart: hairline gridlines at 0/25/50/75/100% of
+		* each series' own peak, a solid baseline at 0, and a tick rail on each
+		* side — TOKENS on the left, COST on the right, computed from the same
+		* maxima the bars scale to. The cost rail reads '—' until some day actually
+		* prices.
+		*/
+		/** The chart's window: today and the six days before it, oldest first. */
+		function usageWindowOf(today) {
+			const columns = [];
+			for (let d = -6; d <= 0; d++) {
+				const key = shiftDayKey(today, d);
+				if (key === null) return [];
+				columns.push(key);
+			}
+			return columns;
+		}
+		/** The shared gridline/tick positions, in percent of each series' peak. */
+		const TICKS = [
+			0,
+			25,
+			50,
+			75,
+			100
+		];
+		function makeOverviewUsage(kit) {
+			const { t, fmt } = kit;
+			return function OverviewUsage(props) {
+				const window = usageWindowOf(props.today);
+				const byKey = props.days;
+				const columns = window.map((key) => ({
+					key,
+					entry: byKey[key]
+				}));
+				const empty = columns.every((c) => c.entry === void 0 || c.entry.tokens <= 0 && c.entry.cost === null);
+				let maxTokens = 0;
+				let maxCost = 0;
+				for (const c of columns) {
+					if (c.entry === void 0) continue;
+					if (c.entry.tokens > maxTokens) maxTokens = c.entry.tokens;
+					if (c.entry.cost !== null && c.entry.cost > maxCost) maxCost = c.entry.cost;
+				}
+				const heightOf = (value, max) => max <= 0 || value <= 0 ? "0%" : `${Math.max(4, Math.round(value / max * 100))}%`;
+				const tickOf = (percent) => fmt(Math.round(maxTokens * percent / 100));
+				const costTickOf = (percent) => {
+					if (maxCost <= 0) return "—";
+					return percent === 0 ? "0" : formatCost(maxCost * percent / 100, props.currency);
+				};
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "lc-card lc-ov-usage",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "lc-card-title",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "lc-card-title-text",
+								children: t("ov.usage.title")
+							})
+						}),
+						empty || window.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "lc-empty",
+							children: t("ov.usage.empty")
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "lc-ov-usage-plot",
+							role: "group",
+							"aria-label": t("ov.usage.title"),
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "lc-ov-usage-rail lc-ov-usage-rail-l",
+									"aria-hidden": "true",
+									children: TICKS.map((p) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "lc-ov-usage-tick",
+										style: { top: `${100 - p}%` },
+										children: tickOf(p)
+									}, p))
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "lc-ov-usage-grid",
+									children: [TICKS.map((p) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "lc-ov-usage-line" + (p === 0 ? " lc-ov-usage-line-0" : ""),
+										style: { bottom: `${p}%` },
+										"aria-hidden": "true"
+									}, p)), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: "lc-ov-usage-cols",
+										children: columns.map((c) => {
+											const tokens = c.entry?.tokens ?? 0;
+											const cost = c.entry?.cost ?? null;
+											const label = `${c.key}\n${t("ov.usage.tokens")} ${fmt(tokens)}\n${t("ov.usage.costTip")} ${cost === null ? "—" : formatCost(cost, props.currency)}`;
+											return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+												label,
+												side: "top",
+												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+													className: "lc-ov-usage-col",
+													children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+														className: "lc-ov-usage-bars",
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															className: "lc-ov-usage-bar lc-ov-usage-tokens",
+															style: { height: heightOf(tokens, maxTokens) }
+														}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															className: "lc-ov-usage-bar lc-ov-usage-cost",
+															style: { height: cost === null ? "0%" : heightOf(cost, maxCost) }
+														})]
+													})
+												})
+											}, c.key);
+										})
+									})]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "lc-ov-usage-rail lc-ov-usage-rail-r",
+									"aria-hidden": "true",
+									children: TICKS.map((p) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "lc-ov-usage-tick",
+										style: { top: `${100 - p}%` },
+										children: costTickOf(p)
+									}, p))
+								})
+							]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "lc-ov-usage-days",
+							"aria-hidden": "true",
+							children: columns.map((c) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "lc-ov-usage-day",
+								children: c.key.slice(5)
+							}, c.key))
+						})] }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "lc-ov-usage-key",
+							"aria-hidden": "true",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "lc-ov-usage-swatch lc-ov-usage-tokens" }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "lc-ov-usage-key-label",
+									children: t("ov.usage.tokens")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "lc-ov-usage-swatch lc-ov-usage-cost" }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "lc-ov-usage-key-label",
+									children: t("ov.usage.cost")
+								})
+							]
+						})
+					]
+				});
+			};
+		}
+		//#endregion
 		//#region src/client/components/statsTiming.tsx
 		/**
 		* The Timing card: where the session's ACTIVE time went. The donut splits
@@ -7483,9 +7809,12 @@ window.__ModuleLoader__.load({
 		* projection values), so the panel draws every session's insight without
 		* opening one log.
 		*
-		* The panel's first row is the KPI metrics band: the range's six figures
-		* (sessions, billed tokens, cost, cache hit, tool calls, active time) in one
-		* full-width line. Below it, the aggregate stats row folds the same range's
+		* The panel's first row is a 1:1 column pair: the KPI metrics band (the
+		* range's six figures — sessions, billed tokens, cost, cache hit, tool
+		* calls, active time — three per row) beside the last-7-days usage chart
+		* (each day's billed tokens and estimated cost as a bar pair, folded off
+		* the merged daily ledger). Below it, the aggregate stats row folds the
+		* same range's
 		* sessions into the two donut cards the per-session Context tab opens with —
 		* Token Stats (the composition-split billed volume) and Timing Stats (the
 		* summed totals). The body is then a 3:7 column pair: the insight column (the
@@ -7516,6 +7845,7 @@ window.__ModuleLoader__.load({
 			const Donut = makeDonut(kit);
 			const OverviewTokens = makeOverviewTokens(kit, Donut);
 			const StatsTiming = makeStatsTiming(kit, Donut);
+			const OverviewUsage = makeOverviewUsage(kit);
 			const ErrorBoundary = makeErrorBoundary(t);
 			/** The display currency follows the active locale (zh → CNY), read per render — the slot outlet re-renders on a locale switch. */
 			function activeCurrency() {
@@ -7524,7 +7854,7 @@ window.__ModuleLoader__.load({
 			}
 			function OverviewBody(props) {
 				const open = (0, react.useSyncExternalStore)(overviewStore.subscribe, overviewStore.getSnapshot);
-				const { prices } = useModelPrices();
+				const { book } = useModelPrices();
 				const snapshot = sessionsSnapshotOf(props);
 				const wsSnapshot = workspacesSnapshotOf(props);
 				const [range, setRange] = (0, react.useState)("30d");
@@ -7576,8 +7906,8 @@ window.__ModuleLoader__.load({
 				}] : counts;
 				const visible = sortRows(group === null ? scoped : scoped.filter((row) => inGroup(row, group, groups)), sort);
 				const paged = pageOf(visible, page);
-				const kpi = kpisOf(ranged, allRows.length, prices, currency);
-				const days = aggregateDays(allRows);
+				const kpi = kpisOf(ranged, allRows.length, book, currency);
+				const days = aggregateDays(allRows, book, currency);
 				const openOne = (id) => {
 					openSessionVia(ctx, id);
 					overviewStore.set(false);
@@ -7626,298 +7956,311 @@ window.__ModuleLoader__.load({
 						}), rows === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: "lc-empty",
 							children: t("ov.unavailable")
-						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "lc-ov-kpis",
-								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: "lc-stat lc-ov-kpi",
-										children: [
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "lc-stat-label",
-												children: t("ov.kpi.sessions")
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "lc-stat-value",
-												children: kpi.sessions
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "lc-stat-sub",
-												children: t("ov.kpi.ofTotal", { n: kpi.listed })
-											})
-										]
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: "lc-stat lc-ov-kpi",
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "lc-ov-scroll",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "lc-ov-first",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "lc-ov-kpis",
 										children: [
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "lc-stat-label",
-												children: t("ov.kpi.tokens")
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "lc-stat-value",
-												children: fmt(kpi.tokens)
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-												className: "lc-stat-sub",
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: "lc-stat lc-ov-kpi",
 												children: [
-													t("stats.turns"),
-													" ",
-													fmt(kpi.turns)
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "lc-stat-label",
+														children: t("ov.kpi.sessions")
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "lc-stat-value",
+														children: kpi.sessions
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "lc-stat-sub",
+														children: t("ov.kpi.ofTotal", { n: kpi.listed })
+													})
 												]
-											})
-										]
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: "lc-stat lc-ov-kpi",
-										children: [
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "lc-stat-label",
-												children: t("stats.cost")
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "lc-stat-value",
-												children: kpi.cost === null ? "—" : formatCost(kpi.cost, currency)
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "lc-stat-sub",
-												children: t("ov.kpi.sessionsSub", { n: kpi.costSessions })
-											})
-										]
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: "lc-stat lc-ov-kpi",
-										children: [
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "lc-stat-label",
-												children: t("stats.cacheHit")
 											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "lc-stat-value",
-												children: kpi.cacheHit === null ? "—" : kpi.cacheHit + "%"
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "lc-stat-sub",
-												children: t("ov.kpi.sessionsSub", { n: kpi.usageSessions })
-											})
-										]
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: "lc-stat lc-ov-kpi",
-										children: [
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "lc-stat-label",
-												children: t("stats.toolCalls")
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: "lc-stat lc-ov-kpi",
+												children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "lc-stat-label",
+														children: t("ov.kpi.tokens")
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "lc-stat-value",
+														children: fmt(kpi.tokens)
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+														className: "lc-stat-sub",
+														children: [
+															t("stats.turns"),
+															" ",
+															fmt(kpi.turns)
+														]
+													})
+												]
 											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "lc-stat-value",
-												children: fmt(kpi.toolCalls)
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: "lc-stat lc-ov-kpi",
+												children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "lc-stat-label",
+														children: t("stats.cost")
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "lc-stat-value",
+														children: kpi.cost === null ? "—" : formatCost(kpi.cost, currency)
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "lc-stat-sub",
+														children: t("ov.kpi.pricedSub", {
+															n: kpi.costSessions,
+															total: kpi.sessions
+														})
+													})
+												]
 											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "lc-stat-sub",
-												children: t("ov.kpi.toolSub", { dur: fmtDuration(kpi.toolsMs) })
-											})
-										]
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: "lc-stat lc-ov-kpi",
-										children: [
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "lc-stat-label",
-												children: t("timing.total")
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: "lc-stat lc-ov-kpi",
+												children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "lc-stat-label",
+														children: t("stats.cacheHit")
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "lc-stat-value",
+														children: kpi.cacheHit === null ? "—" : kpi.cacheHit + "%"
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "lc-stat-sub",
+														children: t("ov.kpi.sessionsSub", { n: kpi.usageSessions })
+													})
+												]
 											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "lc-stat-value",
-												children: fmtDuration(kpi.wallMs)
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: "lc-stat lc-ov-kpi",
+												children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "lc-stat-label",
+														children: t("stats.toolCalls")
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "lc-stat-value",
+														children: fmt(kpi.toolCalls)
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "lc-stat-sub",
+														children: t("ov.kpi.toolSub", { dur: fmtDuration(kpi.toolsMs) })
+													})
+												]
 											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "lc-stat-sub",
-												children: t("ov.kpi.wallSub", { n: fmt(kpi.calls) })
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: "lc-stat lc-ov-kpi",
+												children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "lc-stat-label",
+														children: t("timing.total")
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "lc-stat-value",
+														children: fmtDuration(kpi.wallMs)
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "lc-stat-sub",
+														children: t("ov.kpi.wallSub", { n: fmt(kpi.calls) })
+													})
+												]
 											})
 										]
-									})
-								]
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "lc-ov-stats",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(OverviewTokens, { tokens: kpi.tokenParts }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatsTiming, { timing: kpi.timing })]
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "lc-ov-body",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: "lc-ov-left",
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OverviewUsage, {
+										days,
+										currency,
+										today: todayKey()
+									})]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "lc-ov-stats",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(OverviewTokens, { tokens: kpi.tokenParts }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatsTiming, { timing: kpi.timing })]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "lc-ov-body",
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: "lc-card lc-ov-heat-card",
+										className: "lc-ov-left",
 										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: "lc-card-title",
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "lc-card-title-text",
-												children: t("ov.heat.title")
-											}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-												className: "lc-heat-ctl",
+											className: "lc-card lc-ov-heat-card",
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: "lc-card-title",
 												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													className: "lc-card-sub",
-													children: t("ov.heat.sub")
-												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-													className: "lc-gran",
-													role: "group",
-													"aria-label": t("ov.heat.metric"),
-													children: METRICS.map((m) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-														type: "button",
-														className: "lc-gran-btn" + (metric === m ? " lc-gran-on" : ""),
-														onClick: () => {
-															setMetric(m);
-														},
-														children: t("ov.heat.metric." + m)
-													}, m))
+													className: "lc-card-title-text",
+													children: t("ov.heat.title")
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+													className: "lc-heat-ctl",
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "lc-card-sub",
+														children: t("ov.heat.sub")
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+														className: "lc-gran",
+														role: "group",
+														"aria-label": t("ov.heat.metric"),
+														children: METRICS.map((m) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+															type: "button",
+															className: "lc-gran-btn" + (metric === m ? " lc-gran-on" : ""),
+															onClick: () => {
+																setMetric(m);
+															},
+															children: t("ov.heat.metric." + m)
+														}, m))
+													})]
 												})]
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Heatmap, {
+												days,
+												metric,
+												selected: day,
+												onSelect: setDay,
+												today: todayKey()
+											})]
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+											type: "button",
+											className: "lc-ov-settings",
+											onClick: () => {
+												openPluginSettings();
+												close();
+											},
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+												className: "lc-ov-settings-label",
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconSettings, { size: 14 }), t("plugin.settings")]
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "lc-ov-settings-hint",
+												children: t("plugin.settingsOpen")
 											})]
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Heatmap, {
-											days,
-											metric,
-											selected: day,
-											onSelect: setDay,
-											today: todayKey()
-										})]
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-										type: "button",
-										className: "lc-ov-settings",
-										onClick: () => {
-											openPluginSettings();
-											close();
-										},
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-											className: "lc-ov-settings-label",
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconSettings, { size: 14 }), t("plugin.settings")]
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: "lc-ov-settings-hint",
-											children: t("plugin.settingsOpen")
 										})]
-									})]
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: "lc-ov-right",
-									children: [
-										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: "lc-ov-list-head",
-											children: [
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													className: "lc-ov-list-title",
-													children: t("ov.list.title")
-												}),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													className: "lc-ov-list-count",
-													children: visible.length
-												}),
-												day !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-													type: "button",
-													className: "lc-ov-day-chip",
-													title: t("ov.list.dayClear"),
-													onClick: () => {
-														setDay(null);
-													},
-													children: [t("ov.list.dayFilter", { day }), " ×"]
-												}),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-													className: "lc-ov-search",
-													type: "search",
-													value: query,
-													placeholder: t("ov.list.search"),
-													"aria-label": t("ov.list.search"),
-													onChange: (ev) => {
-														setQuery(ev.target.value);
-													}
-												}),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-													className: "lc-gran",
-													role: "group",
-													"aria-label": t("ov.list.sortLabel"),
-													children: SORTS.map((s) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "lc-ov-right",
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: "lc-ov-list-head",
+												children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "lc-ov-list-title",
+														children: t("ov.list.title")
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "lc-ov-list-count",
+														children: visible.length
+													}),
+													day !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 														type: "button",
-														className: "lc-gran-btn" + (sort === s ? " lc-gran-on" : ""),
+														className: "lc-ov-day-chip",
+														title: t("ov.list.dayClear"),
 														onClick: () => {
-															setSort(s);
+															setDay(null);
 														},
-														children: t("ov.list.sort." + s)
-													}, s))
-												})
-											]
-										}),
-										chips.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: "lc-ov-groups",
-											role: "group",
-											"aria-label": t("ov.group.label"),
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-												type: "button",
-												className: "lc-ov-chip" + (group === null ? " lc-ov-chip-on" : ""),
-												onClick: () => {
-													setGroup(null);
-												},
-												children: [t("ov.range.all"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													className: "lc-ov-chip-n",
-													children: scoped.length
-												})]
-											}), chips.map((c) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-												type: "button",
-												className: "lc-ov-chip" + (group === c.key ? " lc-ov-chip-on" : ""),
-												onClick: () => {
-													setGroup(group === c.key ? null : c.key);
-												},
-												children: [c.key === "__ungrouped__" ? t("ov.group.ungrouped") : c.key, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													className: "lc-ov-chip-n",
-													children: c.count
-												})]
-											}, c.key))]
-										}),
-										visible.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-											className: "lc-empty",
-											children: t(allRows.length === 0 ? "ov.list.empty" : "ov.list.noMatch")
-										}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-											className: "lc-ov-grid",
-											children: paged.items.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OverviewCard, {
-												row,
-												...groups?.[row.id] !== void 0 ? { group: groups[row.id] } : {},
-												costLabel: cardCostOf(row, prices, currency),
-												now,
-												onOpen: openOne
-											}, row.id))
-										}), paged.count > 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: "lc-ov-pager",
-											role: "navigation",
-											"aria-label": t("ov.list.pager"),
-											children: [
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+														children: [t("ov.list.dayFilter", { day }), " ×"]
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+														className: "lc-ov-search",
+														type: "search",
+														value: query,
+														placeholder: t("ov.list.search"),
+														"aria-label": t("ov.list.search"),
+														onChange: (ev) => {
+															setQuery(ev.target.value);
+														}
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+														className: "lc-gran",
+														role: "group",
+														"aria-label": t("ov.list.sortLabel"),
+														children: SORTS.map((s) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+															type: "button",
+															className: "lc-gran-btn" + (sort === s ? " lc-gran-on" : ""),
+															onClick: () => {
+																setSort(s);
+															},
+															children: t("ov.list.sort." + s)
+														}, s))
+													})
+												]
+											}),
+											chips.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: "lc-ov-groups",
+												role: "group",
+												"aria-label": t("ov.group.label"),
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 													type: "button",
-													className: "lc-ov-pager-btn",
-													disabled: paged.index === 0,
-													"aria-label": t("ov.list.prev"),
+													className: "lc-ov-chip" + (group === null ? " lc-ov-chip-on" : ""),
 													onClick: () => {
-														setPage(paged.index - 1);
+														setGroup(null);
 													},
-													children: "‹"
-												}),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													className: "lc-ov-pager-n",
-													children: t("ov.list.page", {
-														n: paged.index + 1,
-														total: paged.count
-													})
-												}),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													children: [t("ov.range.all"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "lc-ov-chip-n",
+														children: scoped.length
+													})]
+												}), chips.map((c) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 													type: "button",
-													className: "lc-ov-pager-btn",
-													disabled: paged.index === paged.count - 1,
-													"aria-label": t("ov.list.next"),
+													className: "lc-ov-chip" + (group === c.key ? " lc-ov-chip-on" : ""),
 													onClick: () => {
-														setPage(paged.index + 1);
+														setGroup(group === c.key ? null : c.key);
 													},
-													children: "›"
-												})
-											]
-										})] })
-									]
-								})]
-							})
-						] })]
+													children: [c.key === "__ungrouped__" ? t("ov.group.ungrouped") : c.key, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "lc-ov-chip-n",
+														children: c.count
+													})]
+												}, c.key))]
+											}),
+											visible.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+												className: "lc-empty",
+												children: t(allRows.length === 0 ? "ov.list.empty" : "ov.list.noMatch")
+											}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+												className: "lc-ov-grid",
+												children: paged.items.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OverviewCard, {
+													row,
+													...groups?.[row.id] !== void 0 ? { group: groups[row.id] } : {},
+													costLabel: cardCostOf(row, book, currency),
+													now,
+													onOpen: openOne
+												}, row.id))
+											}), paged.count > 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: "lc-ov-pager",
+												role: "navigation",
+												"aria-label": t("ov.list.pager"),
+												children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+														type: "button",
+														className: "lc-ov-pager-btn",
+														disabled: paged.index === 0,
+														"aria-label": t("ov.list.prev"),
+														onClick: () => {
+															setPage(paged.index - 1);
+														},
+														children: "‹"
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "lc-ov-pager-n",
+														children: t("ov.list.page", {
+															n: paged.index + 1,
+															total: paged.count
+														})
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+														type: "button",
+														className: "lc-ov-pager-btn",
+														disabled: paged.index === paged.count - 1,
+														"aria-label": t("ov.list.next"),
+														onClick: () => {
+															setPage(paged.index + 1);
+														},
+														children: "›"
+													})
+												]
+											})] })
+										]
+									})]
+								})
+							]
+						})]
 					})
 				});
 			}
@@ -7926,9 +8269,9 @@ window.__ModuleLoader__.load({
 			};
 		}
 		/** One card's priced cost label, or the dash (no book yet, nothing billed, unpriceable model). */
-		function cardCostOf(row, prices, currency) {
+		function cardCostOf(row, book, currency) {
 			if (row.timeline?.cost === void 0) return "—";
-			const cost = estimateSessionCost(row.timeline.cost, prices, currency);
+			const cost = estimateSessionCost(row.timeline.cost, book, currency);
 			return cost === null ? "—" : formatCost(cost, currency);
 		}
 		//#endregion
@@ -10296,7 +10639,7 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
-		//#region node_modules/.pnpm/simple-icons@16.31.0/node_modules/simple-icons/index.mjs
+		//#region node_modules/.pnpm/simple-icons@16.32.0/node_modules/simple-icons/index.mjs
 		const c = "<svg role=\"img\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><title>";
 		const t = "</title><path d=\"";
 		const a = "\"/></svg>";
@@ -10404,7 +10747,7 @@ window.__ModuleLoader__.load({
 			return function PluginInfo() {
 				const [latest, setLatest] = (0, react.useState)(null);
 				(0, react.useEffect)(() => {
-					if ("0.57.0".includes("-dev")) return;
+					if ("0.59.0".includes("-dev")) return;
 					let on = true;
 					fetchLatestVersion().then((v) => {
 						if (on && v) setLatest(v);
@@ -10413,8 +10756,8 @@ window.__ModuleLoader__.load({
 						on = false;
 					};
 				}, []);
-				const update = latest !== null && isNewerVersion(latest, "0.57.0") ? latest : null;
-				const nameText = "dsh-context (v0.57.0)";
+				const update = latest !== null && isNewerVersion(latest, "0.59.0") ? latest : null;
+				const nameText = "dsh-context (v0.59.0)";
 				const nameValue = [nameText];
 				if (update) nameValue.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: "lc-pi-update",
@@ -10887,8 +11230,8 @@ window.__ModuleLoader__.load({
 		* with an off-peak bucket (DeepSeek's period-based list) shows the
 		* peak | off-peak pair.
 		*/
-		function priceRowsOf(usage, prices) {
-			if (usage === void 0 || prices === null) return [];
+		function priceRowsOf(usage, book) {
+			if (usage === void 0 || book === null) return [];
 			const rows = [];
 			const multi = Object.keys(usage).length > 1;
 			for (const provider of Object.keys(usage)) {
@@ -10898,7 +11241,7 @@ window.__ModuleLoader__.load({
 				reaches here; the guard stays for the helper's own contract. */
 				if (models === null) continue;
 				for (const model of Object.keys(models)) {
-					const rate = priceOf(prices, provider, model);
+					const rate = priceOf(book, provider, model);
 					if (rate === null) continue;
 					const periods = asRecord(models[model]);
 					const deepseek = isDeepSeekProvider(provider);
@@ -10964,18 +11307,18 @@ window.__ModuleLoader__.load({
 			const { t, fmt } = kit;
 			return function StatsContext(props) {
 				const currency = props.locale === "zh" ? "cny" : "usd";
-				const { prices, failed } = useModelPrices();
+				const { book, failed } = useModelPrices();
 				const subUsage = useSubagentCost(props.sessionId);
 				const usage = mergeCostUsage(props.cost, subUsage) ?? void 0;
-				const cost = estimateSessionCost(usage, prices, currency);
-				const subCost = estimateSessionCost(subUsage, prices, currency);
+				const cost = estimateSessionCost(usage, book, currency);
+				const subCost = estimateSessionCost(subUsage, book, currency);
 				const fmtRate = (usd) => formatPriceRate(toCurrency(usd, currency), currency);
-				const rows = priceRowsOf(usage, prices);
+				const rows = priceRowsOf(usage, book);
 				const deepseek = usage !== void 0 && Object.keys(usage).some((p) => isDeepSeekProvider(p));
 				const subDeepseek = subUsage !== null && Object.keys(subUsage).some((p) => isDeepSeekProvider(p));
 				const anyPair = rows.some((r) => r.offRate !== void 0);
-				const unpriced = rows.length === 0 && usage !== void 0 && Object.keys(usage).length > 0 && (failed || prices !== null);
-				const subUnpriced = subUsage !== null && priceRowsOf(subUsage, prices).length === 0 && (failed || prices !== null);
+				const unpriced = rows.length === 0 && usage !== void 0 && Object.keys(usage).length > 0 && (failed || book !== null);
+				const subUnpriced = subUsage !== null && priceRowsOf(subUsage, book).length === 0 && (failed || book !== null);
 				const costTip = [
 					t("stats.costTip") + (deepseek ? " " + t("stats.costTipDeepseek") : ""),
 					rows.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
@@ -12021,7 +12364,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-top:18px;display:flex;position:relative}.lc-grid{border-top:1px dashed var(--dsw-alias-border-l2);pointer-events:none;position:absolute;left:0;right:0}.lc-grid-top{top:18px}.lc-grid-q3{top:46px}.lc-grid-mid{top:74px}.lc-grid-q1{top:102px}.lc-grid-zero{border-top-style:solid;border-top-color: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-turns{gap:2px;width:max-content;min-width:100%;margin-top:4px;display:flex;overflow:hidden}.lc-turn{box-sizing:border-box;text-align:center;color:var(--dsw-alias-label-secondary);white-space:nowrap;cursor:pointer;height:14px;transition:filter var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:3px;flex:none;font-size:10px;font-weight:600;line-height:14px}.lc-turn-on{filter:brightness(1.35);color:var(--dsw-alias-label-primary)}.lc-turn-label{display:inline-block}";
+		const css$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 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");
@@ -12120,7 +12463,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles/overview.css.mjs
-		const css = ".lc-ov-entry{box-sizing:border-box;width:calc(100% + 4px);height:42px;color:var(--dsw-alias-label-primary);cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:8px;margin:0 -2px;padding:0 10px 0 8px;font-family:inherit;font-size:14px;line-height:22px;display:flex;overflow:hidden}.lc-ov-entry:hover{background:var(--dsw-alias-interactive-bg-hover)}.lc-ov-entry-rail{border-radius:50%;flex:none;justify-content:center;gap:0;width:36px;height:36px;margin:0;padding:0}.lc-ov-entry-icon{flex:none}.lc-ov-entry-label{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.lc-ov-backdrop{z-index:200;background:var(--dsw-alias-bg-mask-1,#00000073);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;container:lc-ov/inline-size}.lc-ov-card{box-sizing:border-box;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);width:min(1120px,100vw - 32px);height:calc(100% - 80px);box-shadow:var(--dsw-shadow-lv3,0 12px 32px #0006);color:var(--dsw-alias-label-primary);border-radius:12px;flex-direction:column;padding:16px 18px 18px;font-size:13px;display:flex;overflow:hidden}.lc-ov-head{flex-wrap:wrap;flex:none;align-items:center;gap:10px;margin-bottom:14px;display:flex}.lc-ov-head-icon{flex:none}.lc-ov-title{white-space:nowrap;font-size:15px;font-weight:600}.lc-ov-balance{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);max-width:100%;color:inherit;border-radius:999px;flex:none;align-items:center;gap:6px;padding:2px 10px;font-size:12px;line-height:18px;text-decoration:none;display:inline-flex}.lc-ov-balance:hover .lc-ov-balance-value{text-decoration:underline}.lc-ov-balance-label{color:var(--dsw-alias-label-secondary);white-space:nowrap}.lc-ov-balance-value{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.lc-ov-head .lc-modal-close{flex:none;margin-left:0}.lc-ov-kpis{flex:none;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:10px;display:grid}.lc-ov-kpi{align-items:center;padding:10px 8px}.lc-ov-kpi .lc-stat-value{font-size:20px}@container lc-ov (width<=1000px){.lc-ov-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@container lc-ov (width<=640px){.lc-ov-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}.lc-ov-stats{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px;display:grid}.lc-ov-stats>.lc-card{box-sizing:border-box;min-width:0;margin-bottom:0}@container lc-ov (width<=700px){.lc-ov-stats{grid-template-columns:minmax(0,1fr)}}.lc-ov-body{flex:auto;grid-template-columns:minmax(0,3fr) minmax(0,7fr);gap:10px;min-height:0;display:grid}.lc-ov-left{scrollbar-gutter:stable;flex-direction:column;gap:10px;min-height:0;padding-right:8px;display:flex;overflow-y:auto}.lc-ov-right{scrollbar-gutter:stable;min-height:0;padding-right:8px;overflow-y:auto}@container lc-ov (width<=932px){.lc-ov-card{overflow-y:auto}.lc-ov-body{display:block}.lc-ov-left{margin-bottom:12px}.lc-ov-left,.lc-ov-right{min-height:auto;padding-right:0;overflow:visible}.lc-ov-heat-card{flex:none}}.lc-ov-left>.lc-card{box-sizing:border-box;min-width:0;margin-bottom:0}.lc-ov-heat-card{flex-direction:column;flex:1 0 auto;display:flex}.lc-ov-settings{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);width:100%;font:inherit;color:var(--dsw-alias-label-secondary);cursor:pointer;transition:border-color 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), color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:10px;flex:none;align-items:center;gap:8px;padding:9px 12px;font-size:12px;display:flex}.lc-ov-settings:hover{border-color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary)}.lc-ov-settings-label{white-space:nowrap;flex:none;align-items:center;gap:6px;display:inline-flex}.lc-ov-settings-hint{text-align:right;white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.lc-heat-wrap{flex-direction:column;flex:1;display:flex}.lc-heat{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.lc-heat-wds,.lc-heat-col{padding-top:18px}.lc-heat-wds{flex-direction:column;gap:3px;display:flex}.lc-heat-wd{height:20px;color:var(--dsw-alias-label-secondary);text-align:center;white-space:nowrap;flex:none;justify-content:center;align-items:center;font-size:9px;display:flex}.lc-heat-cols{gap:3px;display:flex}.lc-heat-col{flex-direction:column;gap:3px;display:flex;position:relative}.lc-heat-mon{color:var(--dsw-alias-label-secondary);white-space:nowrap;font-size:9px;line-height:18px;position:absolute;top:0;left:0}.lc-heat-cell{box-sizing:border-box;background:var(--dsw-alias-bg-layer-2);cursor:default;border:0;border-radius:20%;width:20px;height:20px;padding:0}button.lc-heat-cell{cursor:pointer}button.lc-heat-cell:hover{box-shadow:0 0 0 1.5px color-mix(in srgb, var(--color-blue-500) 70%, transparent)}.lc-heat-future{background:0 0}.lc-heat-0{background:color-mix(in srgb, var(--dsw-alias-label-secondary) 16%, transparent)}.lc-heat-1{background:color-mix(in srgb, var(--color-blue-500) 28%, transparent)}.lc-heat-2{background:color-mix(in srgb, var(--color-blue-500) 50%, transparent)}.lc-heat-3{background:color-mix(in srgb, var(--color-blue-500) 72%, transparent)}.lc-heat-4{background:color-mix(in srgb, var(--color-blue-500) 92%, transparent)}.lc-heat-on{box-shadow:0 0 0 1.5px var(--color-blue-500)}.lc-heat-legend{justify-content:flex-end;align-items:center;gap:3px;padding-top:6px;display:flex}.lc-heat-key{color:var(--dsw-alias-label-secondary);font-size:9px}.lc-ov-list-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.lc-ov-list-title{white-space:nowrap;font-weight:600}.lc-ov-list-count{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;background:var(--dsw-alias-bg-layer-2);border-radius:8px;padding:1px 7px;font-size:11px}.lc-ov-day-chip{border:1px solid color-mix(in srgb, var(--color-blue-500) 45%, transparent);color:var(--color-blue-500);background:color-mix(in srgb, var(--color-blue-500) 10%, transparent);cursor:pointer;white-space:nowrap;border-radius:999px;padding:1px 10px;font-family:inherit;font-size:11px;line-height:1.4}.lc-ov-search{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);min-width:110px;font:inherit;color:var(--dsw-alias-label-primary);transition:border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:6px;outline:none;flex:150px;padding:4px 10px;font-size:12px}.lc-ov-search:focus{border-color:var(--dsw-alias-label-secondary)}.lc-ov-search::placeholder{color:var(--dsw-alias-label-secondary)}.lc-ov-groups{flex-wrap:wrap;gap:6px;margin:-2px 0 10px;display:flex}.lc-ov-chip{border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;max-width:220px;transition:color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border-radius:999px;align-items:baseline;gap:5px;padding:2px 10px;font-size:11px;line-height:1.5;display:inline-flex;overflow:hidden}.lc-ov-chip:hover{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-secondary)}.lc-ov-chip-on,.lc-ov-chip-on:hover{background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground);border-color:#0000}.lc-ov-chip-n{font-variant-numeric:tabular-nums;opacity:.65;font-size:10px}.lc-ov-chip-on .lc-ov-chip-n{opacity:.85}.lc-ov-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;display:grid}.lc-ov-session{text-align:left;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);cursor:pointer;font:inherit;color:inherit;transition:border-color 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);border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.lc-ov-session:hover{border-color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2)}.lc-ov-session-current{border-color:color-mix(in srgb, var(--color-blue-500) 65%, transparent)}.lc-ov-session-head{align-items:flex-start;gap:6px;min-width:0;display:flex}.lc-ov-running{background:var(--color-green-500);border-radius:50%;flex:none;width:7px;height:7px}.lc-ov-session-title{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;flex:auto;min-width:0;font-weight:600;display:-webkit-box;overflow:hidden}.lc-ov-current{color:var(--color-blue-500);border:1px solid color-mix(in srgb, var(--color-blue-500) 45%, transparent);border-radius:4px;flex:none;padding:0 4px;font-size:10px;line-height:1.5}.lc-ov-session-times{flex-direction:column;flex:none;align-items:flex-end;gap:1px;display:flex}.lc-ov-session-time{color:var(--dsw-alias-label-secondary);white-space:nowrap;font-size:11px}.lc-ov-session-created{color:var(--dsw-alias-label-secondary);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:10px;line-height:1.4}.lc-ov-session-crumb{min-width:0;color:var(--dsw-alias-label-secondary);white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:flex;overflow:hidden}.lc-ov-crumb-group{text-overflow:ellipsis;flex:none;max-width:55%;overflow:hidden}.lc-ov-crumb-sep{opacity:.55;flex:none}.lc-ov-crumb-project{text-overflow:ellipsis;min-width:0;font-family:var(--ds-font-family-code,ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--dsw-alias-label-primary);background:color-mix(in srgb, var(--dsw-alias-label-secondary) 16%, transparent);border-radius:999px;flex:0 auto;padding:0 8px;font-size:10px;line-height:1.6;overflow:hidden}.lc-ov-session-body{align-items:center;gap:14px;min-width:0;display:flex}.lc-ov-mini-stats{flex-direction:column;flex:auto;gap:3px;min-width:0;display:flex}.lc-ov-mini-stat{justify-content:space-between;align-items:baseline;gap:10px;font-size:11px;display:flex}.lc-ov-mini-label{color:var(--dsw-alias-label-secondary);white-space:nowrap;flex:none}.lc-ov-mini-value{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.lc-ov-session-empty{color:var(--dsw-alias-label-secondary);padding:6px 0;font-size:11px;line-height:1.5}.lc-ov-session-preview{border-top:1px solid color-mix(in srgb, var(--dsw-alias-border-l2) 60%, transparent);align-items:baseline;gap:6px;min-width:0;margin-top:auto;padding-top:6px;display:flex}.lc-ov-session-preview-label{color:var(--dsw-alias-label-secondary);flex:none;font-size:10px}.lc-ov-session-preview-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--dsw-alias-label-primary);flex:0 auto;font-size:11px;line-height:1.5;overflow:hidden}.lc-ov-pager{justify-content:center;align-items:center;gap:10px;margin-top:12px;display:flex}.lc-ov-pager-btn{border:1px solid var(--dsw-alias-border-l2);width:26px;height:22px;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);background:0 0;border-radius:6px;flex:none;justify-content:center;align-items:center;line-height:1;display:flex}.lc-ov-pager-btn:hover:enabled{border-color:var(--dsw-alias-label-secondary)}.lc-ov-pager-btn:disabled{opacity:.4;cursor:default}.lc-ov-pager-n{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}";
+		const css = ".lc-ov-entry{box-sizing:border-box;width:calc(100% + 4px);height:42px;color:var(--dsw-alias-label-primary);cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:8px;margin:0 -2px;padding:0 10px 0 8px;font-family:inherit;font-size:14px;line-height:22px;display:flex;overflow:hidden}.lc-ov-entry:hover{background:var(--dsw-alias-interactive-bg-hover)}.lc-ov-entry-rail{border-radius:50%;flex:none;justify-content:center;gap:0;width:36px;height:36px;margin:0;padding:0}.lc-ov-entry-icon{flex:none}.lc-ov-entry-label{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.lc-ov-backdrop{z-index:200;background:var(--dsw-alias-bg-mask-1,#00000073);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;container:lc-ov/inline-size}.lc-ov-card{box-sizing:border-box;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);width:min(1120px,100vw - 32px);height:calc(100% - 80px);box-shadow:var(--dsw-shadow-lv3,0 12px 32px #0006);color:var(--dsw-alias-label-primary);border-radius:12px;flex-direction:column;padding:16px 18px 18px;font-size:13px;display:flex;overflow:hidden}.lc-ov-head{flex-wrap:wrap;flex:none;align-items:center;gap:10px;margin-bottom:14px;display:flex}.lc-ov-head-icon{flex:none}.lc-ov-title{white-space:nowrap;font-size:15px;font-weight:600}.lc-ov-balance{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);max-width:100%;color:inherit;border-radius:999px;flex:none;align-items:center;gap:6px;padding:2px 10px;font-size:12px;line-height:18px;text-decoration:none;display:inline-flex}.lc-ov-balance:hover .lc-ov-balance-value{text-decoration:underline}.lc-ov-balance-label{color:var(--dsw-alias-label-secondary);white-space:nowrap}.lc-ov-balance-value{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.lc-ov-head .lc-modal-close{flex:none;margin-left:0}.lc-ov-scroll{scrollbar-gutter:stable;flex:auto;min-height:0;padding-right:8px;overflow-y:auto}.lc-ov-first{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px;display:grid}.lc-ov-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.lc-ov-kpi{align-items:center;padding:8px}.lc-ov-kpi .lc-stat-value{font-size:20px}@container lc-ov (width<=932px){.lc-ov-first{grid-template-columns:minmax(0,1fr)}}@container lc-ov (width<=640px){.lc-ov-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}.lc-ov-usage{box-sizing:border-box;flex-direction:column;flex:auto;min-width:0;margin-bottom:0;display:flex}.lc-ov-usage .lc-card-title{margin-bottom:4px}.lc-ov-usage-plot{flex:auto;align-items:stretch;gap:6px;min-height:0;display:flex}.lc-ov-usage-rail{width:42px;color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;flex:none;font-size:9px;line-height:1.2;position:relative}.lc-ov-usage-rail-l .lc-ov-usage-tick{right:0}.lc-ov-usage-rail-r .lc-ov-usage-tick{left:0}.lc-ov-usage-tick{white-space:nowrap;position:absolute;transform:translateY(-50%)}.lc-ov-usage-grid{flex:auto;min-width:0;min-height:56px;display:flex;position:relative}.lc-ov-usage-line{background:color-mix(in srgb, var(--dsw-alias-border-l2) 70%, transparent);height:1px;position:absolute;left:0;right:0}.lc-ov-usage-line-0{background:var(--dsw-alias-border-l2)}.lc-ov-usage-cols{flex:auto;align-items:stretch;gap:6px;min-width:0;display:flex;position:relative}.lc-ov-usage-col{flex-direction:column;flex:1 1 0;min-width:0;display:flex}.lc-ov-usage-bars{flex:auto;justify-content:center;align-items:flex-end;gap:3px;width:100%;display:flex}.lc-ov-usage-bar{border-radius:3px 3px 0 0;flex:none;width:10px}.lc-ov-usage-tokens{background:color-mix(in srgb, var(--color-blue-500) 72%, transparent)}.lc-ov-usage-cost{background:color-mix(in srgb, var(--color-green-500) 72%, transparent)}.lc-ov-usage-days{flex:none;gap:6px;padding-top:3px;display:flex}.lc-ov-usage-day{text-align:center;min-width:0;color:var(--dsw-alias-label-secondary);white-space:nowrap;font-variant-numeric:tabular-nums;flex:1 1 0;font-size:9px;line-height:1.2}.lc-ov-usage-key{flex:none;justify-content:flex-end;align-items:center;gap:5px;padding-top:5px;display:flex}.lc-ov-usage-swatch{border-radius:2px;flex:none;width:10px;height:8px}.lc-ov-usage-key-label{color:var(--dsw-alias-label-secondary);font-size:9px}.lc-ov-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px;display:grid}.lc-ov-stats>.lc-card{box-sizing:border-box;min-width:0;margin-bottom:0}@container lc-ov (width<=700px){.lc-ov-stats{grid-template-columns:minmax(0,1fr)}}.lc-ov-body{grid-template-columns:minmax(0,3fr) minmax(0,7fr);align-items:start;gap:10px;display:grid}.lc-ov-left{flex-direction:column;gap:10px;min-width:0;display:flex}.lc-ov-right{min-width:0}@container lc-ov (width<=932px){.lc-ov-body{display:block}.lc-ov-left{margin-bottom:12px}}.lc-ov-left>.lc-card{box-sizing:border-box;min-width:0;margin-bottom:0}.lc-ov-heat-card{flex-direction:column;display:flex}.lc-ov-settings{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);width:100%;font:inherit;color:var(--dsw-alias-label-secondary);cursor:pointer;transition:border-color 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), color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:10px;flex:none;align-items:center;gap:8px;padding:9px 12px;font-size:12px;display:flex}.lc-ov-settings:hover{border-color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary)}.lc-ov-settings-label{white-space:nowrap;flex:none;align-items:center;gap:6px;display:inline-flex}.lc-ov-settings-hint{text-align:right;white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.lc-heat-wrap{flex-direction:column;flex:1;display:flex}.lc-heat{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.lc-heat-wds,.lc-heat-col{padding-top:18px}.lc-heat-wds{flex-direction:column;gap:3px;display:flex}.lc-heat-wd{height:20px;color:var(--dsw-alias-label-secondary);text-align:center;white-space:nowrap;flex:none;justify-content:center;align-items:center;font-size:9px;display:flex}.lc-heat-cols{gap:3px;display:flex}.lc-heat-col{flex-direction:column;gap:3px;display:flex;position:relative}.lc-heat-mon{color:var(--dsw-alias-label-secondary);white-space:nowrap;font-size:9px;line-height:18px;position:absolute;top:0;left:0}.lc-heat-cell{box-sizing:border-box;background:var(--dsw-alias-bg-layer-2);cursor:default;border:0;border-radius:20%;width:20px;height:20px;padding:0}button.lc-heat-cell{cursor:pointer}button.lc-heat-cell:hover{box-shadow:0 0 0 1.5px color-mix(in srgb, var(--color-blue-500) 70%, transparent)}.lc-heat-future{background:0 0}.lc-heat-0{background:color-mix(in srgb, var(--dsw-alias-label-secondary) 16%, transparent)}.lc-heat-1{background:color-mix(in srgb, var(--color-blue-500) 28%, transparent)}.lc-heat-2{background:color-mix(in srgb, var(--color-blue-500) 50%, transparent)}.lc-heat-3{background:color-mix(in srgb, var(--color-blue-500) 72%, transparent)}.lc-heat-4{background:color-mix(in srgb, var(--color-blue-500) 92%, transparent)}.lc-heat-on{box-shadow:0 0 0 1.5px var(--color-blue-500)}.lc-heat-legend{justify-content:flex-end;align-items:center;gap:3px;padding-top:6px;display:flex}.lc-heat-key{color:var(--dsw-alias-label-secondary);font-size:9px}.lc-ov-list-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.lc-ov-list-title{white-space:nowrap;font-weight:600}.lc-ov-list-count{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;background:var(--dsw-alias-bg-layer-2);border-radius:8px;padding:1px 7px;font-size:11px}.lc-ov-day-chip{border:1px solid color-mix(in srgb, var(--color-blue-500) 45%, transparent);color:var(--color-blue-500);background:color-mix(in srgb, var(--color-blue-500) 10%, transparent);cursor:pointer;white-space:nowrap;border-radius:999px;padding:1px 10px;font-family:inherit;font-size:11px;line-height:1.4}.lc-ov-search{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);min-width:110px;font:inherit;color:var(--dsw-alias-label-primary);transition:border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:6px;outline:none;flex:150px;padding:4px 10px;font-size:12px}.lc-ov-search:focus{border-color:var(--dsw-alias-label-secondary)}.lc-ov-search::placeholder{color:var(--dsw-alias-label-secondary)}.lc-ov-groups{flex-wrap:wrap;gap:6px;margin:-2px 0 10px;display:flex}.lc-ov-chip{border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;max-width:220px;transition:color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border-radius:999px;align-items:baseline;gap:5px;padding:2px 10px;font-size:11px;line-height:1.5;display:inline-flex;overflow:hidden}.lc-ov-chip:hover{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-secondary)}.lc-ov-chip-on,.lc-ov-chip-on:hover{background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground);border-color:#0000}.lc-ov-chip-n{font-variant-numeric:tabular-nums;opacity:.65;font-size:10px}.lc-ov-chip-on .lc-ov-chip-n{opacity:.85}.lc-ov-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;display:grid}.lc-ov-session{text-align:left;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);cursor:pointer;font:inherit;color:inherit;transition:border-color 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);border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.lc-ov-session:hover{border-color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2)}.lc-ov-session-current{border-color:color-mix(in srgb, var(--color-blue-500) 65%, transparent)}.lc-ov-session-head{align-items:flex-start;gap:6px;min-width:0;display:flex}.lc-ov-running{background:var(--color-green-500);border-radius:50%;flex:none;width:7px;height:7px}.lc-ov-session-title{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;flex:auto;min-width:0;font-weight:600;display:-webkit-box;overflow:hidden}.lc-ov-current{color:var(--color-blue-500);border:1px solid color-mix(in srgb, var(--color-blue-500) 45%, transparent);border-radius:4px;flex:none;padding:0 4px;font-size:10px;line-height:1.5}.lc-ov-session-times{flex-direction:column;flex:none;align-items:flex-end;gap:1px;display:flex}.lc-ov-session-time{color:var(--dsw-alias-label-secondary);white-space:nowrap;font-size:11px}.lc-ov-session-created{color:var(--dsw-alias-label-secondary);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:10px;line-height:1.4}.lc-ov-session-crumb{min-width:0;color:var(--dsw-alias-label-secondary);white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:flex;overflow:hidden}.lc-ov-crumb-group{text-overflow:ellipsis;flex:none;max-width:55%;overflow:hidden}.lc-ov-crumb-sep{opacity:.55;flex:none}.lc-ov-crumb-project{text-overflow:ellipsis;min-width:0;font-family:var(--ds-font-family-code,ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--dsw-alias-label-primary);background:color-mix(in srgb, var(--dsw-alias-label-secondary) 16%, transparent);border-radius:999px;flex:0 auto;padding:0 8px;font-size:10px;line-height:1.6;overflow:hidden}.lc-ov-session-body{align-items:center;gap:14px;min-width:0;display:flex}.lc-ov-mini-stats{flex-direction:column;flex:auto;gap:3px;min-width:0;display:flex}.lc-ov-mini-stat{justify-content:space-between;align-items:baseline;gap:10px;font-size:11px;display:flex}.lc-ov-mini-label{color:var(--dsw-alias-label-secondary);white-space:nowrap;flex:none}.lc-ov-mini-value{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.lc-ov-session-empty{color:var(--dsw-alias-label-secondary);padding:6px 0;font-size:11px;line-height:1.5}.lc-ov-session-preview{border-top:1px solid color-mix(in srgb, var(--dsw-alias-border-l2) 60%, transparent);align-items:baseline;gap:6px;min-width:0;margin-top:auto;padding-top:6px;display:flex}.lc-ov-session-preview-label{color:var(--dsw-alias-label-secondary);flex:none;font-size:10px}.lc-ov-session-preview-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--dsw-alias-label-primary);flex:0 auto;font-size:11px;line-height:1.5;overflow:hidden}.lc-ov-pager{justify-content:center;align-items:center;gap:10px;margin-top:12px;display:flex}.lc-ov-pager-btn{border:1px solid var(--dsw-alias-border-l2);width:26px;height:22px;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);background:0 0;border-radius:6px;flex:none;justify-content:center;align-items:center;line-height:1;display:flex}.lc-ov-pager-btn:hover:enabled{border-color:var(--dsw-alias-label-secondary)}.lc-ov-pager-btn:disabled{opacity:.4;cursor:default}.lc-ov-pager-n{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}";
 		const tagId = "dsh-context/overview.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");