dsh-context 0.58.0 → 0.59.0

package/lib/client.js

@@ -358,6 +358,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": "充值余额",
@@ -739,6 +744,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 +1637,13 @@ window.__ModuleLoader__.load({
 		}
 		/**
 		* Narrow a delivered `contextActivity` value (the per-day ledger the Context
-		* Overview's heatmap reads off each session-list row) to a render-safe shape.
-		* Absent or non-record stays null (an older host serves no such key — the
-		* heatmap renders its empty note). Per-day re-proved: a malformed key or a
-		* wrong-typed figure drops just that entry, a hostile day record can never
-		* produce a NaN cell, and a well-formed payload passes through untouched
-		* (reference-stable for the selector equality).
+		* Overview's heatmap and usage chart read off each session-list row) to a
+		* render-safe shape. Absent or non-record stays null (an older host serves no
+		* such key — the heatmap renders its empty note). Per-day re-proved: a
+		* malformed key or a wrong-typed figure drops just that entry, a malformed
+		* pricing record drops just the fee (the day's tokens survive), a hostile day
+		* record can never produce a NaN cell, and a well-formed payload passes
+		* through untouched (reference-stable for the selector equality).
 		*/
 		function activityOf$1(value) {
 			const data = asRecord(value);
@@ -1649,9 +1660,13 @@ window.__ModuleLoader__.load({
 					dirty = true;
 					continue;
 				}
+				const proved = costOf(entry.cost);
+				const cost = proved !== void 0 && Object.keys(proved).length > 0 ? proved : void 0;
+				if (entry.cost !== void 0 && cost === void 0) dirty = true;
 				days[key] = {
 					tokens,
-					requests
+					requests,
+					...cost !== void 0 ? { cost } : {}
 				};
 			}
 			return dirty ? { days } : data;
@@ -6486,33 +6501,44 @@ window.__ModuleLoader__.load({
 			};
 		}
 		/**
-		* Merge every row's daily ledger into one — the heatmap's data. A session
-		* counts toward a day only when its own entry carries activity, mirroring
-		* the day filter's predicate, so the cell's tooltip previews the click; a
-		* zeroed entry is skipped whole. The merged record stays small even over
-		* long histories.
+		* Merge every row's daily ledger into one — the heatmap's and the usage
+		* chart's data. A session counts toward a day only when its own entry
+		* carries activity, mirroring the day filter's predicate, so the cell's
+		* tooltip previews the click; a zeroed entry is skipped whole. Each day's
+		* pricing records merge into one SessionCostUsage and price off the SAME
+		* book/estimator the KPI band's cost cell rides (null fee on anything
+		* unpriced). The merged record stays small even over long histories.
 		*/
-		function aggregateDays(rows) {
-			const days = {};
-			const byKey = days;
+		function aggregateDays(rows, book, currency) {
+			const merged = {};
+			const byKey = merged;
 			for (const row of rows) {
 				if (row.activity === null) continue;
 				for (const key of Object.keys(row.activity.days)) {
 					const entry = row.activity.days[key];
 					if (entry.tokens <= 0 && entry.requests <= 0) continue;
 					const prev = byKey[key];
-					if (prev === void 0) days[key] = {
+					if (prev === void 0) merged[key] = {
 						tokens: entry.tokens,
 						requests: entry.requests,
-						sessions: 1
+						sessions: 1,
+						fees: entry.cost !== void 0 ? [entry.cost] : []
 					};
 					else {
 						prev.tokens += entry.tokens;
 						prev.requests += entry.requests;
 						prev.sessions++;
+						if (entry.cost !== void 0) prev.fees.push(entry.cost);
 					}
 				}
 			}
+			const days = {};
+			for (const [key, day] of Object.entries(merged)) days[key] = {
+				tokens: day.tokens,
+				requests: day.requests,
+				sessions: day.sessions,
+				cost: estimateSessionCost(mergeCostUsage(...day.fees), book, currency)
+			};
 			return days;
 		}
 		/**
@@ -7291,6 +7317,166 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
+		//#region src/client/components/overviewUsage.tsx
+		/**
+		* The Context Insights panel's first-row usage chart — the RIGHT half of the
+		* KPI row. Seven day columns ending today, each pairing two bars priced off
+		* the merged daily ledger (overview.ts aggregateDays): billed TOKENS (the
+		* heatmap's own blue) and the day's estimated COST (green). The fee rides
+		* the same per-day pricing records the host fold books at each turn's
+		* initiation, priced by the same book and estimator as the KPI band's cost
+		* cell — never a whole session's spend dumped on the day it was last
+		* active. The two series scale on their OWN window maxima (a $2 week must
+		* not flatten under a 169M-token week), so each bar reads as a share of its
+		* series' peak; the tooltip carries the exact figures. The window is fixed
+		* to the last 7 days — the range selector above scopes the KPI figures, not
+		* this calendar.
+		*
+		* The plot is framed like a chart: hairline gridlines at 0/25/50/75/100% of
+		* each series' own peak, a solid baseline at 0, and a tick rail on each
+		* side — TOKENS on the left, COST on the right, computed from the same
+		* maxima the bars scale to. The cost rail reads '—' until some day actually
+		* prices.
+		*/
+		/** The chart's window: today and the six days before it, oldest first. */
+		function usageWindowOf(today) {
+			const columns = [];
+			for (let d = -6; d <= 0; d++) {
+				const key = shiftDayKey(today, d);
+				if (key === null) return [];
+				columns.push(key);
+			}
+			return columns;
+		}
+		/** The shared gridline/tick positions, in percent of each series' peak. */
+		const TICKS = [
+			0,
+			25,
+			50,
+			75,
+			100
+		];
+		function makeOverviewUsage(kit) {
+			const { t, fmt } = kit;
+			return function OverviewUsage(props) {
+				const window = usageWindowOf(props.today);
+				const byKey = props.days;
+				const columns = window.map((key) => ({
+					key,
+					entry: byKey[key]
+				}));
+				const empty = columns.every((c) => c.entry === void 0 || c.entry.tokens <= 0 && c.entry.cost === null);
+				let maxTokens = 0;
+				let maxCost = 0;
+				for (const c of columns) {
+					if (c.entry === void 0) continue;
+					if (c.entry.tokens > maxTokens) maxTokens = c.entry.tokens;
+					if (c.entry.cost !== null && c.entry.cost > maxCost) maxCost = c.entry.cost;
+				}
+				const heightOf = (value, max) => max <= 0 || value <= 0 ? "0%" : `${Math.max(4, Math.round(value / max * 100))}%`;
+				const tickOf = (percent) => fmt(Math.round(maxTokens * percent / 100));
+				const costTickOf = (percent) => {
+					if (maxCost <= 0) return "—";
+					return percent === 0 ? "0" : formatCost(maxCost * percent / 100, props.currency);
+				};
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "lc-card lc-ov-usage",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "lc-card-title",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "lc-card-title-text",
+								children: t("ov.usage.title")
+							})
+						}),
+						empty || window.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "lc-empty",
+							children: t("ov.usage.empty")
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "lc-ov-usage-plot",
+							role: "group",
+							"aria-label": t("ov.usage.title"),
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "lc-ov-usage-rail lc-ov-usage-rail-l",
+									"aria-hidden": "true",
+									children: TICKS.map((p) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "lc-ov-usage-tick",
+										style: { top: `${100 - p}%` },
+										children: tickOf(p)
+									}, p))
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "lc-ov-usage-grid",
+									children: [TICKS.map((p) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "lc-ov-usage-line" + (p === 0 ? " lc-ov-usage-line-0" : ""),
+										style: { bottom: `${p}%` },
+										"aria-hidden": "true"
+									}, p)), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: "lc-ov-usage-cols",
+										children: columns.map((c) => {
+											const tokens = c.entry?.tokens ?? 0;
+											const cost = c.entry?.cost ?? null;
+											const label = `${c.key}\n${t("ov.usage.tokens")} ${fmt(tokens)}\n${t("ov.usage.costTip")} ${cost === null ? "—" : formatCost(cost, props.currency)}`;
+											return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+												label,
+												side: "top",
+												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+													className: "lc-ov-usage-col",
+													children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+														className: "lc-ov-usage-bars",
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															className: "lc-ov-usage-bar lc-ov-usage-tokens",
+															style: { height: heightOf(tokens, maxTokens) }
+														}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															className: "lc-ov-usage-bar lc-ov-usage-cost",
+															style: { height: cost === null ? "0%" : heightOf(cost, maxCost) }
+														})]
+													})
+												})
+											}, c.key);
+										})
+									})]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "lc-ov-usage-rail lc-ov-usage-rail-r",
+									"aria-hidden": "true",
+									children: TICKS.map((p) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "lc-ov-usage-tick",
+										style: { top: `${100 - p}%` },
+										children: costTickOf(p)
+									}, p))
+								})
+							]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "lc-ov-usage-days",
+							"aria-hidden": "true",
+							children: columns.map((c) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "lc-ov-usage-day",
+								children: c.key.slice(5)
+							}, c.key))
+						})] }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "lc-ov-usage-key",
+							"aria-hidden": "true",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "lc-ov-usage-swatch lc-ov-usage-tokens" }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "lc-ov-usage-key-label",
+									children: t("ov.usage.tokens")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "lc-ov-usage-swatch lc-ov-usage-cost" }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "lc-ov-usage-key-label",
+									children: t("ov.usage.cost")
+								})
+							]
+						})
+					]
+				});
+			};
+		}
+		//#endregion
 		//#region src/client/components/statsTiming.tsx
 		/**
 		* The Timing card: where the session's ACTIVE time went. The donut splits
@@ -7623,9 +7809,12 @@ window.__ModuleLoader__.load({
 		* projection values), so the panel draws every session's insight without
 		* opening one log.
 		*
-		* The panel's first row is the KPI metrics band: the range's six figures
-		* (sessions, billed tokens, cost, cache hit, tool calls, active time) in one
-		* full-width line. Below it, the aggregate stats row folds the same range's
+		* The panel's first row is a 1:1 column pair: the KPI metrics band (the
+		* range's six figures — sessions, billed tokens, cost, cache hit, tool
+		* calls, active time — three per row) beside the last-7-days usage chart
+		* (each day's billed tokens and estimated cost as a bar pair, folded off
+		* the merged daily ledger). Below it, the aggregate stats row folds the
+		* same range's
 		* sessions into the two donut cards the per-session Context tab opens with —
 		* Token Stats (the composition-split billed volume) and Timing Stats (the
 		* summed totals). The body is then a 3:7 column pair: the insight column (the
@@ -7656,6 +7845,7 @@ window.__ModuleLoader__.load({
 			const Donut = makeDonut(kit);
 			const OverviewTokens = makeOverviewTokens(kit, Donut);
 			const StatsTiming = makeStatsTiming(kit, Donut);
+			const OverviewUsage = makeOverviewUsage(kit);
 			const ErrorBoundary = makeErrorBoundary(t);
 			/** The display currency follows the active locale (zh → CNY), read per render — the slot outlet re-renders on a locale switch. */
 			function activeCurrency() {
@@ -7717,7 +7907,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 +7956,311 @@ window.__ModuleLoader__.load({
 						}), rows === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: "lc-empty",
 							children: t("ov.unavailable")
-						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "lc-ov-kpis",
-								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: "lc-stat lc-ov-kpi",
-										children: [
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "lc-stat-label",
-												children: t("ov.kpi.sessions")
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "lc-stat-value",
-												children: kpi.sessions
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "lc-stat-sub",
-												children: t("ov.kpi.ofTotal", { n: kpi.listed })
-											})
-										]
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: "lc-stat lc-ov-kpi",
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "lc-ov-scroll",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "lc-ov-first",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "lc-ov-kpis",
 										children: [
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "lc-stat-label",
-												children: t("ov.kpi.tokens")
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "lc-stat-value",
-												children: fmt(kpi.tokens)
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-												className: "lc-stat-sub",
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: "lc-stat lc-ov-kpi",
 												children: [
-													t("stats.turns"),
-													" ",
-													fmt(kpi.turns)
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "lc-stat-label",
+														children: t("ov.kpi.sessions")
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "lc-stat-value",
+														children: kpi.sessions
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "lc-stat-sub",
+														children: t("ov.kpi.ofTotal", { n: kpi.listed })
+													})
 												]
-											})
-										]
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: "lc-stat lc-ov-kpi",
-										children: [
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "lc-stat-label",
-												children: t("stats.cost")
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "lc-stat-value",
-												children: kpi.cost === null ? "—" : formatCost(kpi.cost, currency)
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "lc-stat-sub",
-												children: t("ov.kpi.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 +10639,7 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
-		//#region node_modules/.pnpm/simple-icons@16.31.0/node_modules/simple-icons/index.mjs
+		//#region node_modules/.pnpm/simple-icons@16.32.0/node_modules/simple-icons/index.mjs
 		const c = "<svg role=\"img\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><title>";
 		const t = "</title><path d=\"";
 		const a = "\"/></svg>";
@@ -10547,7 +10747,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.0".includes("-dev")) return;
 					let on = true;
 					fetchLatestVersion().then((v) => {
 						if (on && v) setLatest(v);
@@ -10556,8 +10756,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.0") ? latest : null;
+				const nameText = "dsh-context (v0.59.0)";
 				const nameValue = [nameText];
 				if (update) nameValue.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: "lc-pi-update",
@@ -12263,7 +12463,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles/overview.css.mjs
-		const css = ".lc-ov-entry{box-sizing:border-box;width:calc(100% + 4px);height:42px;color:var(--dsw-alias-label-primary);cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:8px;margin:0 -2px;padding:0 10px 0 8px;font-family:inherit;font-size:14px;line-height:22px;display:flex;overflow:hidden}.lc-ov-entry:hover{background:var(--dsw-alias-interactive-bg-hover)}.lc-ov-entry-rail{border-radius:50%;flex:none;justify-content:center;gap:0;width:36px;height:36px;margin:0;padding:0}.lc-ov-entry-icon{flex:none}.lc-ov-entry-label{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.lc-ov-backdrop{z-index:200;background:var(--dsw-alias-bg-mask-1,#00000073);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;container:lc-ov/inline-size}.lc-ov-card{box-sizing:border-box;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);width:min(1120px,100vw - 32px);height:calc(100% - 80px);box-shadow:var(--dsw-shadow-lv3,0 12px 32px #0006);color:var(--dsw-alias-label-primary);border-radius:12px;flex-direction:column;padding:16px 18px 18px;font-size:13px;display:flex;overflow:hidden}.lc-ov-head{flex-wrap:wrap;flex:none;align-items:center;gap:10px;margin-bottom:14px;display:flex}.lc-ov-head-icon{flex:none}.lc-ov-title{white-space:nowrap;font-size:15px;font-weight:600}.lc-ov-balance{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);max-width:100%;color:inherit;border-radius:999px;flex:none;align-items:center;gap:6px;padding:2px 10px;font-size:12px;line-height:18px;text-decoration:none;display:inline-flex}.lc-ov-balance:hover .lc-ov-balance-value{text-decoration:underline}.lc-ov-balance-label{color:var(--dsw-alias-label-secondary);white-space:nowrap}.lc-ov-balance-value{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.lc-ov-head .lc-modal-close{flex:none;margin-left:0}.lc-ov-kpis{flex:none;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:10px;display:grid}.lc-ov-kpi{align-items:center;padding:10px 8px}.lc-ov-kpi .lc-stat-value{font-size:20px}@container lc-ov (width<=1000px){.lc-ov-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@container lc-ov (width<=640px){.lc-ov-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}.lc-ov-stats{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px;display:grid}.lc-ov-stats>.lc-card{box-sizing:border-box;min-width:0;margin-bottom:0}@container lc-ov (width<=700px){.lc-ov-stats{grid-template-columns:minmax(0,1fr)}}.lc-ov-body{flex:auto;grid-template-columns:minmax(0,3fr) minmax(0,7fr);gap:10px;min-height:0;display:grid}.lc-ov-left{scrollbar-gutter:stable;flex-direction:column;gap:10px;min-height:0;padding-right:8px;display:flex;overflow-y:auto}.lc-ov-right{scrollbar-gutter:stable;min-height:0;padding-right:8px;overflow-y:auto}@container lc-ov (width<=932px){.lc-ov-card{overflow-y:auto}.lc-ov-body{display:block}.lc-ov-left{margin-bottom:12px}.lc-ov-left,.lc-ov-right{min-height:auto;padding-right:0;overflow:visible}.lc-ov-heat-card{flex:none}}.lc-ov-left>.lc-card{box-sizing:border-box;min-width:0;margin-bottom:0}.lc-ov-heat-card{flex-direction:column;flex:1 0 auto;display:flex}.lc-ov-settings{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);width:100%;font:inherit;color:var(--dsw-alias-label-secondary);cursor:pointer;transition:border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:10px;flex:none;align-items:center;gap:8px;padding:9px 12px;font-size:12px;display:flex}.lc-ov-settings:hover{border-color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary)}.lc-ov-settings-label{white-space:nowrap;flex:none;align-items:center;gap:6px;display:inline-flex}.lc-ov-settings-hint{text-align:right;white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.lc-heat-wrap{flex-direction:column;flex:1;display:flex}.lc-heat{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.lc-heat-wds,.lc-heat-col{padding-top:18px}.lc-heat-wds{flex-direction:column;gap:3px;display:flex}.lc-heat-wd{height:20px;color:var(--dsw-alias-label-secondary);text-align:center;white-space:nowrap;flex:none;justify-content:center;align-items:center;font-size:9px;display:flex}.lc-heat-cols{gap:3px;display:flex}.lc-heat-col{flex-direction:column;gap:3px;display:flex;position:relative}.lc-heat-mon{color:var(--dsw-alias-label-secondary);white-space:nowrap;font-size:9px;line-height:18px;position:absolute;top:0;left:0}.lc-heat-cell{box-sizing:border-box;background:var(--dsw-alias-bg-layer-2);cursor:default;border:0;border-radius:20%;width:20px;height:20px;padding:0}button.lc-heat-cell{cursor:pointer}button.lc-heat-cell:hover{box-shadow:0 0 0 1.5px color-mix(in srgb, var(--color-blue-500) 70%, transparent)}.lc-heat-future{background:0 0}.lc-heat-0{background:color-mix(in srgb, var(--dsw-alias-label-secondary) 16%, transparent)}.lc-heat-1{background:color-mix(in srgb, var(--color-blue-500) 28%, transparent)}.lc-heat-2{background:color-mix(in srgb, var(--color-blue-500) 50%, transparent)}.lc-heat-3{background:color-mix(in srgb, var(--color-blue-500) 72%, transparent)}.lc-heat-4{background:color-mix(in srgb, var(--color-blue-500) 92%, transparent)}.lc-heat-on{box-shadow:0 0 0 1.5px var(--color-blue-500)}.lc-heat-legend{justify-content:flex-end;align-items:center;gap:3px;padding-top:6px;display:flex}.lc-heat-key{color:var(--dsw-alias-label-secondary);font-size:9px}.lc-ov-list-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.lc-ov-list-title{white-space:nowrap;font-weight:600}.lc-ov-list-count{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;background:var(--dsw-alias-bg-layer-2);border-radius:8px;padding:1px 7px;font-size:11px}.lc-ov-day-chip{border:1px solid color-mix(in srgb, var(--color-blue-500) 45%, transparent);color:var(--color-blue-500);background:color-mix(in srgb, var(--color-blue-500) 10%, transparent);cursor:pointer;white-space:nowrap;border-radius:999px;padding:1px 10px;font-family:inherit;font-size:11px;line-height:1.4}.lc-ov-search{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);min-width:110px;font:inherit;color:var(--dsw-alias-label-primary);transition:border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:6px;outline:none;flex:150px;padding:4px 10px;font-size:12px}.lc-ov-search:focus{border-color:var(--dsw-alias-label-secondary)}.lc-ov-search::placeholder{color:var(--dsw-alias-label-secondary)}.lc-ov-groups{flex-wrap:wrap;gap:6px;margin:-2px 0 10px;display:flex}.lc-ov-chip{border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;max-width:220px;transition:color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border-radius:999px;align-items:baseline;gap:5px;padding:2px 10px;font-size:11px;line-height:1.5;display:inline-flex;overflow:hidden}.lc-ov-chip:hover{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-secondary)}.lc-ov-chip-on,.lc-ov-chip-on:hover{background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground);border-color:#0000}.lc-ov-chip-n{font-variant-numeric:tabular-nums;opacity:.65;font-size:10px}.lc-ov-chip-on .lc-ov-chip-n{opacity:.85}.lc-ov-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;display:grid}.lc-ov-session{text-align:left;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);cursor:pointer;font:inherit;color:inherit;transition:border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.lc-ov-session:hover{border-color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2)}.lc-ov-session-current{border-color:color-mix(in srgb, var(--color-blue-500) 65%, transparent)}.lc-ov-session-head{align-items:flex-start;gap:6px;min-width:0;display:flex}.lc-ov-running{background:var(--color-green-500);border-radius:50%;flex:none;width:7px;height:7px}.lc-ov-session-title{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;flex:auto;min-width:0;font-weight:600;display:-webkit-box;overflow:hidden}.lc-ov-current{color:var(--color-blue-500);border:1px solid color-mix(in srgb, var(--color-blue-500) 45%, transparent);border-radius:4px;flex:none;padding:0 4px;font-size:10px;line-height:1.5}.lc-ov-session-times{flex-direction:column;flex:none;align-items:flex-end;gap:1px;display:flex}.lc-ov-session-time{color:var(--dsw-alias-label-secondary);white-space:nowrap;font-size:11px}.lc-ov-session-created{color:var(--dsw-alias-label-secondary);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:10px;line-height:1.4}.lc-ov-session-crumb{min-width:0;color:var(--dsw-alias-label-secondary);white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:flex;overflow:hidden}.lc-ov-crumb-group{text-overflow:ellipsis;flex:none;max-width:55%;overflow:hidden}.lc-ov-crumb-sep{opacity:.55;flex:none}.lc-ov-crumb-project{text-overflow:ellipsis;min-width:0;font-family:var(--ds-font-family-code,ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--dsw-alias-label-primary);background:color-mix(in srgb, var(--dsw-alias-label-secondary) 16%, transparent);border-radius:999px;flex:0 auto;padding:0 8px;font-size:10px;line-height:1.6;overflow:hidden}.lc-ov-session-body{align-items:center;gap:14px;min-width:0;display:flex}.lc-ov-mini-stats{flex-direction:column;flex:auto;gap:3px;min-width:0;display:flex}.lc-ov-mini-stat{justify-content:space-between;align-items:baseline;gap:10px;font-size:11px;display:flex}.lc-ov-mini-label{color:var(--dsw-alias-label-secondary);white-space:nowrap;flex:none}.lc-ov-mini-value{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.lc-ov-session-empty{color:var(--dsw-alias-label-secondary);padding:6px 0;font-size:11px;line-height:1.5}.lc-ov-session-preview{border-top:1px solid color-mix(in srgb, var(--dsw-alias-border-l2) 60%, transparent);align-items:baseline;gap:6px;min-width:0;margin-top:auto;padding-top:6px;display:flex}.lc-ov-session-preview-label{color:var(--dsw-alias-label-secondary);flex:none;font-size:10px}.lc-ov-session-preview-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--dsw-alias-label-primary);flex:0 auto;font-size:11px;line-height:1.5;overflow:hidden}.lc-ov-pager{justify-content:center;align-items:center;gap:10px;margin-top:12px;display:flex}.lc-ov-pager-btn{border:1px solid var(--dsw-alias-border-l2);width:26px;height:22px;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;transition:border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border-radius:6px;flex:none;justify-content:center;align-items:center;line-height:1;display:flex}.lc-ov-pager-btn:hover:enabled{border-color:var(--dsw-alias-label-secondary)}.lc-ov-pager-btn:disabled{opacity:.4;cursor:default}.lc-ov-pager-n{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}";
+		const css = ".lc-ov-entry{box-sizing:border-box;width:calc(100% + 4px);height:42px;color:var(--dsw-alias-label-primary);cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:8px;margin:0 -2px;padding:0 10px 0 8px;font-family:inherit;font-size:14px;line-height:22px;display:flex;overflow:hidden}.lc-ov-entry:hover{background:var(--dsw-alias-interactive-bg-hover)}.lc-ov-entry-rail{border-radius:50%;flex:none;justify-content:center;gap:0;width:36px;height:36px;margin:0;padding:0}.lc-ov-entry-icon{flex:none}.lc-ov-entry-label{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.lc-ov-backdrop{z-index:200;background:var(--dsw-alias-bg-mask-1,#00000073);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;container:lc-ov/inline-size}.lc-ov-card{box-sizing:border-box;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);width:min(1120px,100vw - 32px);height:calc(100% - 80px);box-shadow:var(--dsw-shadow-lv3,0 12px 32px #0006);color:var(--dsw-alias-label-primary);border-radius:12px;flex-direction:column;padding:16px 18px 18px;font-size:13px;display:flex;overflow:hidden}.lc-ov-head{flex-wrap:wrap;flex:none;align-items:center;gap:10px;margin-bottom:14px;display:flex}.lc-ov-head-icon{flex:none}.lc-ov-title{white-space:nowrap;font-size:15px;font-weight:600}.lc-ov-balance{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);max-width:100%;color:inherit;border-radius:999px;flex:none;align-items:center;gap:6px;padding:2px 10px;font-size:12px;line-height:18px;text-decoration:none;display:inline-flex}.lc-ov-balance:hover .lc-ov-balance-value{text-decoration:underline}.lc-ov-balance-label{color:var(--dsw-alias-label-secondary);white-space:nowrap}.lc-ov-balance-value{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.lc-ov-head .lc-modal-close{flex:none;margin-left:0}.lc-ov-scroll{scrollbar-gutter:stable;flex:auto;min-height:0;padding-right:8px;overflow-y:auto}.lc-ov-first{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px;display:grid}.lc-ov-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.lc-ov-kpi{align-items:center;padding:8px}.lc-ov-kpi .lc-stat-value{font-size:20px}@container lc-ov (width<=932px){.lc-ov-first{grid-template-columns:minmax(0,1fr)}}@container lc-ov (width<=640px){.lc-ov-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}.lc-ov-usage{box-sizing:border-box;flex-direction:column;flex:auto;min-width:0;margin-bottom:0;display:flex}.lc-ov-usage .lc-card-title{margin-bottom:4px}.lc-ov-usage-plot{flex:auto;align-items:stretch;gap:6px;min-height:0;display:flex}.lc-ov-usage-rail{width:42px;color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;flex:none;font-size:9px;line-height:1.2;position:relative}.lc-ov-usage-rail-l .lc-ov-usage-tick{right:0}.lc-ov-usage-rail-r .lc-ov-usage-tick{left:0}.lc-ov-usage-tick{white-space:nowrap;position:absolute;transform:translateY(-50%)}.lc-ov-usage-grid{flex:auto;min-width:0;min-height:56px;display:flex;position:relative}.lc-ov-usage-line{background:color-mix(in srgb, var(--dsw-alias-border-l2) 70%, transparent);height:1px;position:absolute;left:0;right:0}.lc-ov-usage-line-0{background:var(--dsw-alias-border-l2)}.lc-ov-usage-cols{flex:auto;align-items:stretch;gap:6px;min-width:0;display:flex;position:relative}.lc-ov-usage-col{flex-direction:column;flex:1 1 0;min-width:0;display:flex}.lc-ov-usage-bars{flex:auto;justify-content:center;align-items:flex-end;gap:3px;width:100%;display:flex}.lc-ov-usage-bar{border-radius:3px 3px 0 0;flex:none;width:10px}.lc-ov-usage-tokens{background:color-mix(in srgb, var(--color-blue-500) 72%, transparent)}.lc-ov-usage-cost{background:color-mix(in srgb, var(--color-green-500) 72%, transparent)}.lc-ov-usage-days{flex:none;gap:6px;padding-top:3px;display:flex}.lc-ov-usage-day{text-align:center;min-width:0;color:var(--dsw-alias-label-secondary);white-space:nowrap;font-variant-numeric:tabular-nums;flex:1 1 0;font-size:9px;line-height:1.2}.lc-ov-usage-key{flex:none;justify-content:flex-end;align-items:center;gap:5px;padding-top:5px;display:flex}.lc-ov-usage-swatch{border-radius:2px;flex:none;width:10px;height:8px}.lc-ov-usage-key-label{color:var(--dsw-alias-label-secondary);font-size:9px}.lc-ov-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px;display:grid}.lc-ov-stats>.lc-card{box-sizing:border-box;min-width:0;margin-bottom:0}@container lc-ov (width<=700px){.lc-ov-stats{grid-template-columns:minmax(0,1fr)}}.lc-ov-body{grid-template-columns:minmax(0,3fr) minmax(0,7fr);align-items:start;gap:10px;display:grid}.lc-ov-left{flex-direction:column;gap:10px;min-width:0;display:flex}.lc-ov-right{min-width:0}@container lc-ov (width<=932px){.lc-ov-body{display:block}.lc-ov-left{margin-bottom:12px}}.lc-ov-left>.lc-card{box-sizing:border-box;min-width:0;margin-bottom:0}.lc-ov-heat-card{flex-direction:column;display:flex}.lc-ov-settings{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);width:100%;font:inherit;color:var(--dsw-alias-label-secondary);cursor:pointer;transition:border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:10px;flex:none;align-items:center;gap:8px;padding:9px 12px;font-size:12px;display:flex}.lc-ov-settings:hover{border-color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary)}.lc-ov-settings-label{white-space:nowrap;flex:none;align-items:center;gap:6px;display:inline-flex}.lc-ov-settings-hint{text-align:right;white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.lc-heat-wrap{flex-direction:column;flex:1;display:flex}.lc-heat{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.lc-heat-wds,.lc-heat-col{padding-top:18px}.lc-heat-wds{flex-direction:column;gap:3px;display:flex}.lc-heat-wd{height:20px;color:var(--dsw-alias-label-secondary);text-align:center;white-space:nowrap;flex:none;justify-content:center;align-items:center;font-size:9px;display:flex}.lc-heat-cols{gap:3px;display:flex}.lc-heat-col{flex-direction:column;gap:3px;display:flex;position:relative}.lc-heat-mon{color:var(--dsw-alias-label-secondary);white-space:nowrap;font-size:9px;line-height:18px;position:absolute;top:0;left:0}.lc-heat-cell{box-sizing:border-box;background:var(--dsw-alias-bg-layer-2);cursor:default;border:0;border-radius:20%;width:20px;height:20px;padding:0}button.lc-heat-cell{cursor:pointer}button.lc-heat-cell:hover{box-shadow:0 0 0 1.5px color-mix(in srgb, var(--color-blue-500) 70%, transparent)}.lc-heat-future{background:0 0}.lc-heat-0{background:color-mix(in srgb, var(--dsw-alias-label-secondary) 16%, transparent)}.lc-heat-1{background:color-mix(in srgb, var(--color-blue-500) 28%, transparent)}.lc-heat-2{background:color-mix(in srgb, var(--color-blue-500) 50%, transparent)}.lc-heat-3{background:color-mix(in srgb, var(--color-blue-500) 72%, transparent)}.lc-heat-4{background:color-mix(in srgb, var(--color-blue-500) 92%, transparent)}.lc-heat-on{box-shadow:0 0 0 1.5px var(--color-blue-500)}.lc-heat-legend{justify-content:flex-end;align-items:center;gap:3px;padding-top:6px;display:flex}.lc-heat-key{color:var(--dsw-alias-label-secondary);font-size:9px}.lc-ov-list-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.lc-ov-list-title{white-space:nowrap;font-weight:600}.lc-ov-list-count{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;background:var(--dsw-alias-bg-layer-2);border-radius:8px;padding:1px 7px;font-size:11px}.lc-ov-day-chip{border:1px solid color-mix(in srgb, var(--color-blue-500) 45%, transparent);color:var(--color-blue-500);background:color-mix(in srgb, var(--color-blue-500) 10%, transparent);cursor:pointer;white-space:nowrap;border-radius:999px;padding:1px 10px;font-family:inherit;font-size:11px;line-height:1.4}.lc-ov-search{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);min-width:110px;font:inherit;color:var(--dsw-alias-label-primary);transition:border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:6px;outline:none;flex:150px;padding:4px 10px;font-size:12px}.lc-ov-search:focus{border-color:var(--dsw-alias-label-secondary)}.lc-ov-search::placeholder{color:var(--dsw-alias-label-secondary)}.lc-ov-groups{flex-wrap:wrap;gap:6px;margin:-2px 0 10px;display:flex}.lc-ov-chip{border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;max-width:220px;transition:color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border-radius:999px;align-items:baseline;gap:5px;padding:2px 10px;font-size:11px;line-height:1.5;display:inline-flex;overflow:hidden}.lc-ov-chip:hover{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-secondary)}.lc-ov-chip-on,.lc-ov-chip-on:hover{background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground);border-color:#0000}.lc-ov-chip-n{font-variant-numeric:tabular-nums;opacity:.65;font-size:10px}.lc-ov-chip-on .lc-ov-chip-n{opacity:.85}.lc-ov-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;display:grid}.lc-ov-session{text-align:left;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);cursor:pointer;font:inherit;color:inherit;transition:border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.lc-ov-session:hover{border-color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2)}.lc-ov-session-current{border-color:color-mix(in srgb, var(--color-blue-500) 65%, transparent)}.lc-ov-session-head{align-items:flex-start;gap:6px;min-width:0;display:flex}.lc-ov-running{background:var(--color-green-500);border-radius:50%;flex:none;width:7px;height:7px}.lc-ov-session-title{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;flex:auto;min-width:0;font-weight:600;display:-webkit-box;overflow:hidden}.lc-ov-current{color:var(--color-blue-500);border:1px solid color-mix(in srgb, var(--color-blue-500) 45%, transparent);border-radius:4px;flex:none;padding:0 4px;font-size:10px;line-height:1.5}.lc-ov-session-times{flex-direction:column;flex:none;align-items:flex-end;gap:1px;display:flex}.lc-ov-session-time{color:var(--dsw-alias-label-secondary);white-space:nowrap;font-size:11px}.lc-ov-session-created{color:var(--dsw-alias-label-secondary);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:10px;line-height:1.4}.lc-ov-session-crumb{min-width:0;color:var(--dsw-alias-label-secondary);white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:flex;overflow:hidden}.lc-ov-crumb-group{text-overflow:ellipsis;flex:none;max-width:55%;overflow:hidden}.lc-ov-crumb-sep{opacity:.55;flex:none}.lc-ov-crumb-project{text-overflow:ellipsis;min-width:0;font-family:var(--ds-font-family-code,ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--dsw-alias-label-primary);background:color-mix(in srgb, var(--dsw-alias-label-secondary) 16%, transparent);border-radius:999px;flex:0 auto;padding:0 8px;font-size:10px;line-height:1.6;overflow:hidden}.lc-ov-session-body{align-items:center;gap:14px;min-width:0;display:flex}.lc-ov-mini-stats{flex-direction:column;flex:auto;gap:3px;min-width:0;display:flex}.lc-ov-mini-stat{justify-content:space-between;align-items:baseline;gap:10px;font-size:11px;display:flex}.lc-ov-mini-label{color:var(--dsw-alias-label-secondary);white-space:nowrap;flex:none}.lc-ov-mini-value{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.lc-ov-session-empty{color:var(--dsw-alias-label-secondary);padding:6px 0;font-size:11px;line-height:1.5}.lc-ov-session-preview{border-top:1px solid color-mix(in srgb, var(--dsw-alias-border-l2) 60%, transparent);align-items:baseline;gap:6px;min-width:0;margin-top:auto;padding-top:6px;display:flex}.lc-ov-session-preview-label{color:var(--dsw-alias-label-secondary);flex:none;font-size:10px}.lc-ov-session-preview-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--dsw-alias-label-primary);flex:0 auto;font-size:11px;line-height:1.5;overflow:hidden}.lc-ov-pager{justify-content:center;align-items:center;gap:10px;margin-top:12px;display:flex}.lc-ov-pager-btn{border:1px solid var(--dsw-alias-border-l2);width:26px;height:22px;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;transition:border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border-radius:6px;flex:none;justify-content:center;align-items:center;line-height:1;display:flex}.lc-ov-pager-btn:hover:enabled{border-color:var(--dsw-alias-label-secondary)}.lc-ov-pager-btn:disabled{opacity:.4;cursor:default}.lc-ov-pager-n{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}";
 		const tagId = "dsh-context/overview.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");