dsh-context 0.58.0 → 0.59.1

package/lib/client.js

@@ -56,15 +56,16 @@ window.__ModuleLoader__.load({
 			"stats.cacheHit": "缓存命中",
 			"stats.cacheHitTip": "整个会话累计的缓存读取占计费输入的比例。",
 			"stats.cost": "费用",
-			"stats.costTip": "估算当前 Agent 与其所有子 Agent 的累计费用：单价取自 models.dev 刊例价，人民币按 1 元 = 0.15 美元换算，仅供参考。",
+			"stats.costTip": "估算的费用，含当前智能体及所有子智能体，仅供参考。",
 			"stats.costTipDeepseek": "DeepSeek 高峰时段（北京时间工作日 9:00–12:00、14:00–18:00）按挂牌价计费，其余时段半价。",
+			"stats.costTipCny": "人民币按 1 元 = 0.15 美元换算。",
 			"stats.subCost": "子 Agent 费用",
 			"stats.subCostTip": "所有子 Agent 会话各自累计费用（同口径估算）的合计，不含当前 Agent 自身。",
-			"stats.costPriceHead": "每百万 tokens 价格：",
-			"stats.costPriceHeadPair": "每百万 tokens 价格（高峰|空闲）：",
-			"stats.costHit": "命中",
-			"stats.costMiss": "未命中",
-			"stats.costWrite": "写入",
+			"stats.costPriceHead": "每百万 Token 价格：",
+			"stats.costPriceBy": "按 {p} · {m} 在 models.dev 的刊登价格如上。",
+			"stats.costHit": "缓存输入",
+			"stats.costMiss": "未缓存输入",
+			"stats.costWrite": "缓存写入",
 			"stats.costOut": "输出",
 			"stats.costUnavailable": "模型价格暂不可用（自动重试中），费用暂无法估算。",
 			"timing.title": "耗时统计",
@@ -358,6 +359,11 @@ window.__ModuleLoader__.load({
 			"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": "充值余额",
@@ -437,16 +443,17 @@ window.__ModuleLoader__.load({
 			"stats.cacheHit": "Cache Hit",
 			"stats.cacheHitTip": "Cumulative cache-read share of billed input across the session.",
 			"stats.cost": "Cost",
-			"stats.costTip": "Estimates the cumulative cost of this agent and all its subagents: rates come from the models.dev list prices; the CNY display converts at 1 CNY = 0.15 USD. Prices are for reference only.",
+			"stats.costTip": "Estimated cost for this agent and all its subagents, for reference only.",
 			"stats.costTipDeepseek": "DeepSeek bills peak windows (Beijing Time weekdays 09:00–12:00, 14:00–18:00) at list price; all other hours are half price.",
+			"stats.costTipCny": "The CNY display converts at 1 CNY = 0.15 USD.",
 			"stats.subCost": "Subagent Cost",
 			"stats.subCostTip": "Summed estimates of every subagent session’s own cumulative cost (same basis); the current agent is not included.",
 			"stats.costPriceHead": "Per-1M-token rates:",
-			"stats.costPriceHeadPair": "Per-1M-token rates (peak|off-peak):",
-			"stats.costHit": "hit",
-			"stats.costMiss": "miss",
-			"stats.costWrite": "write",
-			"stats.costOut": "output",
+			"stats.costPriceBy": "Priced as listed on models.dev for {p} · {m}.",
+			"stats.costHit": "Cache input",
+			"stats.costMiss": "Uncached input",
+			"stats.costWrite": "Cache write",
+			"stats.costOut": "Output",
 			"stats.costUnavailable": "Model prices are unavailable (retrying automatically) — the cost cannot be estimated yet.",
 			"timing.title": "Timing Stats",
 			"timing.total": "Active Time",
@@ -739,6 +746,11 @@ window.__ModuleLoader__.load({
 			"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",
@@ -1627,12 +1639,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);
@@ -1649,9 +1662,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;
@@ -5578,6 +5595,7 @@ window.__ModuleLoader__.load({
 					const lower = mid.toLowerCase();
 					const cand = {
 						pid,
+						mid,
 						rate,
 						primary
 					};
@@ -5589,47 +5607,47 @@ window.__ModuleLoader__.load({
 			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.
+		* The candidate carrying 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) {
+		function majorityCandidate(cands) {
 			const groups = [];
 			for (const c of cands) {
-				const g = groups.find((g) => sameRate(g.rate, c.rate));
+				const g = groups.find((g) => sameRate(g.cand.rate, c.rate));
 				if (g === void 0) groups.push({
-					rate: c.rate,
+					cand: c,
 					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;
+			return groups.length > 1 && groups[0].n === groups[1].n ? null : groups[0].cand;
 		}
 		/**
-		* 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.
+		* Pick one candidate: 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 cand = majorityCandidate(named);
+					if (cand !== null) return cand;
 				}
 			}
 			const primaries = cands.filter((c) => c.primary);
 			if (primaries.length > 0) {
-				const rate = majorityRate(primaries);
-				if (rate !== null) return rate;
+				const cand = majorityCandidate(primaries);
+				if (cand !== null) return cand;
 			}
 			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;
+				const cand = majorityCandidate(prefixed);
+				if (cand !== null) return cand;
 			}
-			return cands.length === 1 ? cands[0].rate : null;
+			return cands.length === 1 ? cands[0] : null;
 		}
 		/**
 		* Resolve a model id book-wide: the full id first, then its last `/`-segment
@@ -5643,34 +5661,29 @@ window.__ModuleLoader__.load({
 			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;
+				const cand = resolveCandidates(key, cands, org);
+				if (cand !== null) return cand;
 			}
 			return null;
 		}
-		/** One rate triple at the doubled peak rate (the tooltip's `peak | off` pair). */
-		function peakOf(rate) {
-			return {
-				hit: rate.hit * PEAK_FACTOR,
-				miss: rate.miss * PEAK_FACTOR,
-				write: rate.write * PEAK_FACTOR,
-				out: rate.out * PEAK_FACTOR
-			};
-		}
 		/** One book branch (a provider's models), as far as runtime can prove it. */
 		function branchOf(book, id) {
 			const v = book[id];
 			return v !== null && typeof v === "object" ? v : null;
 		}
 		/**
-		* One branch's model id → rates, as far as runtime can prove it: exact own
-		* key first (the book is untrusted wire data), then case-insensitively, then
-		* by id SUFFIX — dsh spells some models short (`k3`) where the registry
-		* namespaces them (`kimi-k3`). Several suffix candidates (e.g. `k3` vs a
-		* hypothetical `other-k3`) are ambiguous and price nothing.
+		* One branch's lookup hit — the registry's own model id and its rates, as
+		* far as runtime can prove it: exact own key first (the book is untrusted
+		* wire data), then case-insensitively, then by id SUFFIX — dsh spells some
+		* models short (`k3`) where the registry namespaces them (`kimi-k3`).
+		* Several suffix candidates (e.g. `k3` vs a hypothetical `other-k3`) are
+		* ambiguous and price nothing.
 		*/
-		function lookup(models, model) {
-			if (Object.hasOwn(models, model)) return models[model];
+		function lookupFace(models, model) {
+			if (Object.hasOwn(models, model)) return {
+				mid: model,
+				rate: models[model]
+			};
 			const m = model.toLowerCase();
 			let found = null;
 			let seen = null;
@@ -5679,24 +5692,63 @@ window.__ModuleLoader__.load({
 				if (lower !== m && !lower.endsWith("-" + m)) continue;
 				if (seen !== null && seen !== lower) return null;
 				seen = lower;
-				found = models[id];
+				found = {
+					mid: id,
+					rate: models[id]
+				};
 			}
 			return found;
 		}
 		/**
-		* 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 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) {
+		* One billed model's price: the USD rates plus the registry face — the
+		* models.dev provider id and branch model id spelling — they resolved from
+		* (what the stats board prints as the listing source).
+		*
+		* Resolution: the dsh provider id goes 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 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. The one
+		* vendor-level seam: a `deepseek-` model id prices from DeepSeek's own
+		* registry branch first — its listing is the first-party price book (cache
+		* rates included), while the model-side tiers can hand the same id to a
+		* self-named hosting provider whose flat listing bills cache hits as plain
+		* input (azure's `deepseek-v4-pro`, issue #93) — the same specialness the
+		* peak/off-peak split already grants DeepSeek.
+		*/
+		function priceFaceOf(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);
-			return resolveRate(book.index, model);
+			const registryPid = modelsDevProviderOf(provider);
+			const direct = branchOf(book.prices, registryPid);
+			if (direct !== null) {
+				const found = lookupFace(direct, model);
+				return found === null ? null : {
+					pid: registryPid,
+					mid: found.mid,
+					rate: found.rate
+				};
+			}
+			if (model.toLowerCase().startsWith("deepseek-")) {
+				const firstParty = branchOf(book.prices, "deepseek");
+				if (firstParty !== null) {
+					const official = lookupFace(firstParty, model);
+					if (official !== null) return {
+						pid: "deepseek",
+						mid: official.mid,
+						rate: official.rate
+					};
+				}
+			}
+			const cand = resolveRate(book.index, model);
+			return cand === null ? null : {
+				pid: cand.pid,
+				mid: cand.mid,
+				rate: cand.rate
+			};
+		}
+		/** The book's rates for one folded (provider, model) bucket ({@link priceFaceOf} without the face). */
+		function priceOf(book, provider, model) {
+			return priceFaceOf(book, provider, model)?.rate ?? null;
 		}
 		/**
 		* Price the session's cumulative billed-token totals. Cache reads bill at
@@ -5783,9 +5835,9 @@ window.__ModuleLoader__.load({
 		function formatCost(amount, currency) {
 			return (currency === "cny" ? "¥" : "$") + (amount >= 1 ? amount.toFixed(2) : amount.toPrecision(2));
 		}
-		/** Price-list figure: the same money format as formatCost, trailing zeros trimmed (¥3.00 → ¥3, $0.0070 → $0.007). */
+		/** Price-list figure: always two decimals (the tooltip's `¥ XX.XX` rate format). */
 		function formatPriceRate(amount, currency) {
-			return formatCost(amount, currency).replace(/0+$/, "").replace(/\.$/, "");
+			return (currency === "cny" ? "¥" : "$") + amount.toFixed(2);
 		}
 		//#endregion
 		//#region node_modules/.pnpm/@opencode-ai+models@0.0.87/node_modules/@opencode-ai/models/dist/error.js
@@ -6486,33 +6538,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;
 		}
 		/**
@@ -7291,6 +7354,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
@@ -7623,9 +7846,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
@@ -7656,6 +7882,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() {
@@ -7717,7 +7944,7 @@ window.__ModuleLoader__.load({
 				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, book, currency);
-				const days = aggregateDays(allRows);
+				const days = aggregateDays(allRows, book, currency);
 				const openOne = (id) => {
 					openSessionVia(ctx, id);
 					overviewStore.set(false);
@@ -7766,301 +7993,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.pricedSub", {
-													n: kpi.costSessions,
-													total: kpi.sessions
-												})
-											})
-										]
-									}),
-									/* @__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, 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", {
+														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: "›"
+													})
+												]
+											})] })
+										]
+									})]
+								})
+							]
+						})]
 					})
 				});
 			}
@@ -10439,7 +10676,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>";
@@ -10547,7 +10784,7 @@ window.__ModuleLoader__.load({
 			return function PluginInfo() {
 				const [latest, setLatest] = (0, react.useState)(null);
 				(0, react.useEffect)(() => {
-					if ("0.58.0".includes("-dev")) return;
+					if ("0.59.1".includes("-dev")) return;
 					let on = true;
 					fetchLatestVersion().then((v) => {
 						if (on && v) setLatest(v);
@@ -10556,8 +10793,8 @@ window.__ModuleLoader__.load({
 						on = false;
 					};
 				}, []);
-				const update = latest !== null && isNewerVersion(latest, "0.58.0") ? latest : null;
-				const nameText = "dsh-context (v0.58.0)";
+				const update = latest !== null && isNewerVersion(latest, "0.59.1") ? latest : null;
+				const nameText = "dsh-context (v0.59.1)";
 				const nameValue = [nameText];
 				if (update) nameValue.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: "lc-pi-update",
@@ -11022,18 +11259,22 @@ window.__ModuleLoader__.load({
 		* and the caller derives them from the collections on the inline generation
 		* (`countsOfRecords`). The card itself never touches the collections.
 		*/
+		/** The four billed buckets of a price block, in display order, with their label keys. */
+		const BANDS = [
+			["hit", "stats.costHit"],
+			["miss", "stats.costMiss"],
+			["write", "stats.costWrite"],
+			["out", "stats.costOut"]
+		];
 		/**
-		* The rate rows for the models this session actually billed — the usage
-		* keys priced against the book, in fold order. Hostile branches skip;
-		* unpriced models drop (their buckets simply do not contribute). The label
-		* carries the provider only when the session billed more than one; a model
-		* with an off-peak bucket (DeepSeek's period-based list) shows the
-		* peak | off-peak pair.
+		* The billed models' price blocks — the usage keys priced against the book,
+		* in fold order, each carrying the registry face (models.dev provider id ·
+		* model id) its rates resolved from. Hostile branches skip; unpriced models
+		* drop (their buckets simply do not contribute).
 		*/
 		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)) {
 				const models = asRecord(usage[provider]);
 				/* v8 ignore next 1 -- the fold's inputs are mergeCostUsage's own output
@@ -11041,16 +11282,11 @@ 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(book, provider, model);
-					if (rate === null) continue;
-					const periods = asRecord(models[model]);
-					const deepseek = isDeepSeekProvider(provider);
-					const billedOff = deepseek && periods !== null && periods.off !== void 0;
+					const face = priceFaceOf(book, provider, model);
+					if (face === null) continue;
 					rows.push({
 						key: provider + "/" + model,
-						label: multi && provider !== "" ? `${model} · ${provider}` : model,
-						rate: deepseek ? peakOf(rate) : rate,
-						...billedOff ? { offRate: rate } : {}
+						face
 					});
 				}
 			}
@@ -11114,62 +11350,50 @@ window.__ModuleLoader__.load({
 				const subCost = estimateSessionCost(subUsage, book, currency);
 				const fmtRate = (usd) => formatPriceRate(toCurrency(usd, currency), currency);
 				const rows = priceRowsOf(usage, book);
+				const subRows = priceRowsOf(subUsage ?? void 0, 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 || 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", {
-						className: "lc-stat-tip-prices",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "lc-stat-tip-head",
-							children: anyPair ? t("stats.costPriceHeadPair") : t("stats.costPriceHead")
-						}), rows.map((r) => {
-							const cells = [
-								[
-									t("stats.costHit"),
-									r.rate.hit,
-									r.offRate?.hit
-								],
-								[
-									t("stats.costMiss"),
-									r.rate.miss,
-									r.offRate?.miss
-								],
-								[
-									t("stats.costWrite"),
-									r.rate.write,
-									r.offRate?.write
-								],
-								[
-									t("stats.costOut"),
-									r.rate.out,
-									r.offRate?.out
-								]
-							];
-							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-								className: "lc-stat-tip-row",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", {
-									className: "lc-stat-tip-model",
-									children: r.label
-								}), cells.map(([name, peak, off]) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
-									" · ",
-									name,
-									" ",
-									off === void 0 ? fmtRate(peak) : `${fmtRate(peak)}|${fmtRate(off)}`
-								] }, name))]
-							}, r.key);
+				const subUnpriced = subRows.length === 0 && subUsage !== null && (failed || book !== null);
+				const pricesBlock = (blocks) => blocks.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: "lc-stat-tip-prices",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "lc-stat-tip-head",
+						children: t("stats.costPriceHead")
+					}), blocks.map((r) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: "lc-stat-tip-row",
+						children: [BANDS.filter(([bucket]) => r.face.rate[bucket] > 0).map(([bucket, label]) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "lc-stat-tip-band",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", { children: t(label) }),
+								" ",
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", { children: fmtRate(r.face.rate[bucket]) })
+							]
+						}, bucket)), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "lc-stat-tip-by",
+							children: t("stats.costPriceBy", {
+								p: r.face.pid,
+								m: r.face.mid
+							})
 						})]
-					}, "prices") : null,
+					}, r.key))]
+				}, "prices") : null;
+				const notes = (deep) => [currency === "cny" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("stats.costTipCny") }, "cny") : null, deep ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("stats.costTipDeepseek") }, "peak") : null].filter((el) => el !== null);
+				const costTip = [
+					t("stats.costTip"),
+					pricesBlock(rows),
+					...notes(deepseek),
 					unpriced ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("stats.costUnavailable") }, "unavailable") : null
 				];
-				const subTip = [t("stats.subCostTip") + (subDeepseek ? " " + t("stats.costTipDeepseek") : ""), subUnpriced ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("stats.costUnavailable") }, "unavailable") : null];
+				const subTip = [
+					t("stats.subCostTip"),
+					pricesBlock(subRows),
+					...notes(subDeepseek),
+					subUnpriced ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("stats.costUnavailable") }, "unavailable") : null
+				];
 				const hit = props.usage === null ? null : cacheHitPercent(numOf(props.usage.cacheReadTokens), numOf(props.usage.uncachedInputTokens) + numOf(props.usage.cacheReadTokens) + numOf(props.usage.cacheWriteTokens));
-				const cell = (label, value, tip) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "lc-stat" + (tip === void 0 ? "" : " lc-stat-tipped group/tip"),
-					children: [
+				const cell = (label, value, tip, href) => {
+					const body = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 							className: "lc-stat-label",
 							children: [label, tip !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", {
@@ -11187,8 +11411,21 @@ window.__ModuleLoader__.load({
 							role: "tooltip",
 							children: tip
 						})
-					]
-				});
+					] });
+					const className = "lc-stat" + (tip === void 0 ? "" : " lc-stat-tipped group/tip");
+					return href === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className,
+						children: body
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+						className,
+						href,
+						target: "_blank",
+						rel: "noreferrer noopener",
+						children: body
+					});
+				};
+				const costPids = new Set(rows.map((r) => r.face.pid).filter((p) => p !== ""));
+				const costHref = costPids.size === 1 ? "https://models.dev/providers/" + [...costPids][0] + "/" : void 0;
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "lc-card lc-col-stats flex-[3] min-w-[min(360px,100%)]",
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -11205,7 +11442,7 @@ window.__ModuleLoader__.load({
 							cell(t("stats.humanInputs"), props.humanInputs ?? 0, t("stats.humanInputsTip")),
 							cell(t("stats.toolCalls"), props.toolCalls ?? 0),
 							cell(t("stats.cacheHit"), hit === null ? "—" : `${hit}%`, t("stats.cacheHitTip")),
-							cell(t("stats.cost"), cost === null ? "—" : formatCost(cost, currency), costTip),
+							cell(t("stats.cost"), cost === null ? "—" : formatCost(cost, currency), costTip, costHref),
 							cell(t("stats.subCost"), subCost === null ? "—" : formatCost(subCost, currency), subTip)
 						]
 					})]
@@ -12120,7 +12357,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles/stats.css.mjs
-		const css$13 = ".lc-stat{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);border-radius:8px;flex-direction:column;gap:2px;min-width:0;padding:6px;display:flex}.lc-stats .lc-stat{padding:6px 3px}.lc-stats .lc-stat-q{margin:0;position:absolute;top:3px;right:4px}.lc-stat-label{color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.lc-stat-value{color:var(--dsw-alias-label-primary);white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:14px;font-weight:600;overflow:hidden}.lc-stat-sub{color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.lc-stat-tipped{position:relative}.lc-stat-q{text-align:center;width:11px;height:11px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);cursor:help;transition:color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:50%;margin-left:4px;font-size:9px;font-style:normal;font-weight:700;line-height:11px;display:inline-block}.lc-stat-tip{max-width:280px;font-weight:400;line-height:1.5;top:calc(100% + 6px);left:0}.lc-stat-tip-prices{border-top:1px dashed var(--dsw-alias-border-l1);margin-top:5px;padding-top:5px;display:block}.lc-stat-tip-head{font-weight:600;display:block}.lc-timing-tps{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);font-variant-numeric:tabular-nums;cursor:default;border-radius:999px;flex:none;margin-left:auto;padding:1px 8px;font-size:12px;line-height:18px}.lc-stat-tip-row{margin-top:2px;display:block}.lc-stat-tip-model{color:var(--dsw-alias-label-primary)}.lc-card-sub{color:var(--dsw-alias-label-secondary);margin-left:auto;font-size:12px;font-weight:400}.lc-overview-num{align-items:baseline;gap:6px;margin-bottom:8px;display:flex}.lc-overview-num>b{font-size:20px}.lc-overview-num span{color:var(--dsw-alias-label-secondary)}.lc-overview-pct{margin-left:auto;font-size:11px}.lc-overview-pct b{color:var(--dsw-alias-label-primary);margin-right:4px;font-size:20px}.lc-stat-head{color:var(--dsw-alias-label-secondary);margin:12px 0 8px;font-size:11px;font-weight:600}.lc-col-donut{flex-direction:column;display:flex}.lc-col-donut .lc-donut-row{flex:1}.lc-donut{flex:none;position:relative}.lc-donut svg{display:block}.lc-donut-track{stroke:color-mix(in srgb, var(--color-neutral-500) 18%, transparent)}.lc-donut-seg{transition:opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out)}.lc-donut-dim .lc-donut-seg{opacity:.35}.lc-donut-dim .lc-donut-seg-on{opacity:1}.lc-donut-center{pointer-events:none;text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0 7px;display:flex;position:absolute;inset:0}.lc-donut-center b{white-space:nowrap;text-overflow:ellipsis;max-width:100%;line-height:1.15;overflow:hidden}.lc-donut-center span{color:var(--dsw-alias-label-secondary);white-space:nowrap}.lc-sl{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:4px 20px;min-width:0;display:grid;overflow:hidden}.lc-sl-row{min-width:0;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:6px;flex-direction:column;gap:1px;margin:0 -6px;padding:1px 6px;font-size:12px;display:flex}.lc-sl-row-on{background:var(--dsw-alias-interactive-bg-hover)}.lc-sl-row-dim{opacity:.55}.lc-sl-main{align-items:center;gap:6px;min-width:0;display:flex}.lc-sl-dot{border-radius:2px;flex:none;width:8px;height:8px}.lc-sl-label{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-weight:600;line-height:1.25;overflow:hidden}.lc-sl-pct{text-align:right;font-variant-numeric:tabular-nums;flex:none;min-width:34px;font-weight:700}.lc-sl-sub{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;margin-left:14px;font-size:11px;line-height:1.3;overflow:hidden}.lc-pi-grid{grid-template-columns:1fr;gap:8px;display:grid}.lc-pi-row-btn{appearance:none;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:0}.lc-pi-row{min-width:0;color:inherit;flex-direction:row;justify-content:space-between;align-items:baseline;gap:12px;text-decoration:none;display:flex}.lc-pi-hint{text-decoration:none}.lc-pi-update{color:var(--dsw-alias-state-warn-primary);white-space:nowrap;margin-left:6px;font-size:11px}.lc-pi-label{color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;flex:none;font-size:11px;font-weight:600;overflow:hidden}.lc-pi-labelicon{vertical-align:-2px;margin-right:4px;display:inline-block}.lc-pi-value{min-width:0;color:var(--dsw-alias-label-primary);white-space:nowrap;text-overflow:ellipsis;text-align:right;font-size:13px;font-weight:600;overflow:hidden}";
+		const css$13 = ".lc-stat{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);border-radius:8px;flex-direction:column;gap:2px;min-width:0;padding:6px;display:flex}a.lc-stat{color:inherit;cursor:pointer;text-decoration:none}a.lc-stat:hover{border-color:var(--dsw-alias-label-secondary)}.lc-stats .lc-stat{padding:6px 3px}.lc-stats .lc-stat-q{margin:0;position:absolute;top:3px;right:4px}.lc-stat-label{color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.lc-stat-value{color:var(--dsw-alias-label-primary);white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:14px;font-weight:600;overflow:hidden}.lc-stat-sub{color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.lc-stat-tipped{position:relative}.lc-stat-q{text-align:center;width:11px;height:11px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);cursor:help;transition:color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:50%;margin-left:4px;font-size:9px;font-style:normal;font-weight:700;line-height:11px;display:inline-block}.lc-stat-tip{max-width:280px;font-weight:400;line-height:1.5;top:calc(100% + 6px);left:0}.lc-stat-tip-prices{border-top:1px dashed var(--dsw-alias-border-l1);margin-top:5px;padding-top:5px;display:block}.lc-stat-tip-head{font-weight:600;display:block}.lc-timing-tps{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);font-variant-numeric:tabular-nums;cursor:default;border-radius:999px;flex:none;margin-left:auto;padding:1px 8px;font-size:12px;line-height:18px}.lc-stat-tip-row{margin-top:2px;display:block}.lc-stat-tip-band{justify-content:space-between;gap:2rem;display:flex}.lc-stat-tip-band i{font-style:normal}.lc-stat-tip-by{color:var(--dsw-alias-label-secondary);margin-top:3px;display:block}.lc-card-sub{color:var(--dsw-alias-label-secondary);margin-left:auto;font-size:12px;font-weight:400}.lc-overview-num{align-items:baseline;gap:6px;margin-bottom:8px;display:flex}.lc-overview-num>b{font-size:20px}.lc-overview-num span{color:var(--dsw-alias-label-secondary)}.lc-overview-pct{margin-left:auto;font-size:11px}.lc-overview-pct b{color:var(--dsw-alias-label-primary);margin-right:4px;font-size:20px}.lc-stat-head{color:var(--dsw-alias-label-secondary);margin:12px 0 8px;font-size:11px;font-weight:600}.lc-col-donut{flex-direction:column;display:flex}.lc-col-donut .lc-donut-row{flex:1}.lc-donut{flex:none;position:relative}.lc-donut svg{display:block}.lc-donut-track{stroke:color-mix(in srgb, var(--color-neutral-500) 18%, transparent)}.lc-donut-seg{transition:opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out)}.lc-donut-dim .lc-donut-seg{opacity:.35}.lc-donut-dim .lc-donut-seg-on{opacity:1}.lc-donut-center{pointer-events:none;text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0 7px;display:flex;position:absolute;inset:0}.lc-donut-center b{white-space:nowrap;text-overflow:ellipsis;max-width:100%;line-height:1.15;overflow:hidden}.lc-donut-center span{color:var(--dsw-alias-label-secondary);white-space:nowrap}.lc-sl{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:4px 20px;min-width:0;display:grid;overflow:hidden}.lc-sl-row{min-width:0;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:6px;flex-direction:column;gap:1px;margin:0 -6px;padding:1px 6px;font-size:12px;display:flex}.lc-sl-row-on{background:var(--dsw-alias-interactive-bg-hover)}.lc-sl-row-dim{opacity:.55}.lc-sl-main{align-items:center;gap:6px;min-width:0;display:flex}.lc-sl-dot{border-radius:2px;flex:none;width:8px;height:8px}.lc-sl-label{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-weight:600;line-height:1.25;overflow:hidden}.lc-sl-pct{text-align:right;font-variant-numeric:tabular-nums;flex:none;min-width:34px;font-weight:700}.lc-sl-sub{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;margin-left:14px;font-size:11px;line-height:1.3;overflow:hidden}.lc-pi-grid{grid-template-columns:1fr;gap:8px;display:grid}.lc-pi-row-btn{appearance:none;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:0}.lc-pi-row{min-width:0;color:inherit;flex-direction:row;justify-content:space-between;align-items:baseline;gap:12px;text-decoration:none;display:flex}.lc-pi-hint{text-decoration:none}.lc-pi-update{color:var(--dsw-alias-state-warn-primary);white-space:nowrap;margin-left:6px;font-size:11px}.lc-pi-label{color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;flex:none;font-size:11px;font-weight:600;overflow:hidden}.lc-pi-labelicon{vertical-align:-2px;margin-right:4px;display:inline-block}.lc-pi-value{min-width:0;color:var(--dsw-alias-label-primary);white-space:nowrap;text-overflow:ellipsis;text-align:right;font-size:13px;font-weight:600;overflow:hidden}";
 		const tagId$13 = "dsh-context/stats.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$13) + "]") === null) {
 			const tag = document.createElement("style");
@@ -12263,7 +12500,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");