@gamegeek-saikel/dsh-cost-meter 0.1.0

package/lib/client.js

@@ -0,0 +1,1481 @@
+window.__ModuleLoader__.load({
+	id: "@gamegeek-saikel/dsh-cost-meter",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react = require("react");
+		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+		let react_jsx_runtime = require("react/jsx-runtime");
+		//#region src/client/locales.ts
+		/** `cost-meter` namespace dictionaries. */
+		/** Dictionary namespace owned by this plugin. */
+		const NS = "cost-meter";
+		/** Simplified Chinese dictionary (the key-set source of truth). */
+		const zh = {
+			"view.cost": "花费",
+			"view.empty": "暂无花费数据",
+			"view.total": "总花费",
+			"view.uncached": "输入（缓存未命中）",
+			"view.cacheRead": "输入（缓存命中）",
+			"view.output": "输出",
+			"view.cacheWriteTokens": "缓存写入",
+			"view.unpriced": "{count} 步无价格",
+			"view.steps": "每轮回复花费",
+			"step.turn": "第 {turn} 轮",
+			"step.model": "模型 {model}",
+			"step.time": "{time}",
+			"step.tokens": "未命中 {uncached} · 缓存读 {read} · 缓存写 {write} · 输出 {output}",
+			"step.cost": "花费 {amount}",
+			"step.snapshot": "快照 · {time}",
+			"step.unpriced": "—（{reason}）",
+			"reason.NO_MODEL": "无模型信息",
+			"reason.NO_PRICE": "无价格",
+			"cost.label": "本会话 {amount}",
+			"line.uncached": "非缓存输入 {amount}",
+			"line.cacheRead": "缓存输入 {amount}",
+			"line.output": "输出 {amount}",
+			"line.subagent": "子代理 {amount}",
+			"pill.label": "花费 {amount}",
+			"pill.estimate": "预计 {amount}",
+			"pill.estimateNote": "估算",
+			"pill.detail.total": "总花费 {amount}",
+			"pill.detail.snapshot": "价格快照（{time}）",
+			"pill.detail.model": "模型 {model}",
+			"pill.detail.source": "价格来源 {source}",
+			"source.official": "官方页面",
+			"source.fallback": "内置回退",
+			"source.manual": "手动",
+			"source.openrouter": "OpenRouter",
+			"source.none": "无",
+			"band.peak": "高峰价",
+			"band.offPeak": "闲时价",
+			"band.single": "单价",
+			"price.peakExtra": "高峰 · 比闲时多 {multiplier} 倍",
+			"price.offPeakSaving": "闲时 · 比高峰省 {percent}",
+			"price.peakRatio": "高峰 {multiplier}",
+			"price.offPeakRatio": "闲时 {multiplier}",
+			"chip.title": "本回复花费 {amount}",
+			"chip.unpriced": "—",
+			"balance.label": "余额 {amount}",
+			"balance.failed": "余额不可用",
+			"balance.detail": "余额 {amount}（赠送 {granted} · 充值 {toppedUp}）",
+			"balance.suspended": "账户已暂停付费请求",
+			"refreshedAt": "更新于 {time}",
+			"settings.title": "花费计价",
+			"settings.current": "当前快照 · {source} · {time}",
+			"settings.noSnapshot": "尚无价格快照",
+			"settings.refresh": "立即刷新",
+			"settings.refreshing": "刷新中…",
+			"settings.overrides": "按模型价目表（手动覆盖，元/百万 tokens）",
+			"settings.aliases": "OpenRouter 别名映射",
+			"settings.discount": "缓存折扣系数（OpenRouter）",
+			"settings.fx": "汇率（USD→CNY）",
+			"settings.fx.auto": "自动",
+			"settings.fx.manual": "手动",
+			"settings.balance": "显示余额",
+			"settings.openrouter": "允许 OpenRouter 回退",
+			"settings.save": "保存",
+			"settings.discard": "丢弃",
+			"settings.saved": "已保存",
+			"settings.error": "操作失败：{error}",
+			"settings.jsonHint": "JSON 对象，键为模型，值含 single/offPeak/peak 价格桶"
+		};
+		/** English dictionary, key-identical to the Chinese source of truth. */
+		const en = {
+			"view.cost": "Cost",
+			"view.empty": "No cost data yet",
+			"view.total": "Total",
+			"view.uncached": "Input (cache miss)",
+			"view.cacheRead": "Input (cache hit)",
+			"view.output": "Output",
+			"view.cacheWriteTokens": "Cache write",
+			"view.unpriced": "{count} steps unpriced",
+			"view.steps": "Per-reply cost",
+			"step.turn": "Turn {turn}",
+			"step.model": "Model {model}",
+			"step.time": "{time}",
+			"step.tokens": "miss {uncached} · read {read} · write {write} · out {output}",
+			"step.cost": "Cost {amount}",
+			"step.snapshot": "snapshot · {time}",
+			"step.unpriced": "—（{reason}）",
+			"reason.NO_MODEL": "no model info",
+			"reason.NO_PRICE": "no price",
+			"cost.label": "Session {amount}",
+			"line.uncached": "Uncached input {amount}",
+			"line.cacheRead": "Cached input {amount}",
+			"line.output": "Output {amount}",
+			"line.subagent": "Subagents {amount}",
+			"pill.label": "Cost {amount}",
+			"pill.estimate": "≈ {amount}",
+			"pill.estimateNote": "estimate",
+			"pill.detail.total": "Total {amount}",
+			"pill.detail.snapshot": "Price snapshot ({time})",
+			"pill.detail.model": "Model {model}",
+			"pill.detail.source": "Price source {source}",
+			"source.official": "official page",
+			"source.fallback": "built-in fallback",
+			"source.manual": "manual",
+			"source.openrouter": "OpenRouter",
+			"source.none": "none",
+			"band.peak": "peak",
+			"band.offPeak": "off-peak",
+			"band.single": "list",
+			"price.peakExtra": "peak · {multiplier}× more than off-peak",
+			"price.offPeakSaving": "off-peak · save {percent} vs peak",
+			"price.peakRatio": "peak {multiplier}",
+			"price.offPeakRatio": "off-peak {multiplier}",
+			"chip.title": "This reply cost {amount}",
+			"chip.unpriced": "—",
+			"balance.label": "Balance {amount}",
+			"balance.failed": "Balance unavailable",
+			"balance.detail": "Balance {amount} (granted {granted} · topped up {toppedUp})",
+			"balance.suspended": "Account suspended for paid requests",
+			"refreshedAt": "Updated at {time}",
+			"settings.title": "Cost meter",
+			"settings.current": "Current snapshot · {source} · {time}",
+			"settings.noSnapshot": "No price snapshot yet",
+			"settings.refresh": "Refresh now",
+			"settings.refreshing": "Refreshing…",
+			"settings.overrides": "Per-model prices (manual overrides, CNY per 1M tokens)",
+			"settings.aliases": "OpenRouter alias map",
+			"settings.discount": "Cache-read discount (OpenRouter)",
+			"settings.fx": "Exchange rate (USD→CNY)",
+			"settings.fx.auto": "Auto",
+			"settings.fx.manual": "Manual",
+			"settings.balance": "Show balance",
+			"settings.openrouter": "Allow OpenRouter fallback",
+			"settings.save": "Save",
+			"settings.discard": "Discard",
+			"settings.saved": "Saved",
+			"settings.error": "Operation failed: {error}",
+			"settings.jsonHint": "JSON object keyed by model; values carry single/offPeak/peak price buckets"
+		};
+		//#endregion
+		//#region src/pricing.ts
+		/** Official peak-pricing rollout: 2026-08-17 00:00 Beijing time (UTC+8). */
+		const PEAK_PRICING_START_MS = Date.UTC(2026, 7, 16, 16, 0, 0);
+		/** Built-in fallback USD prices from the English pricing page. */
+		const FALLBACK_CURRENT_USD = {
+			flash: {
+				cacheReadPerMillion: .007,
+				inputPerMillion: .22,
+				outputPerMillion: .66
+			},
+			pro: {
+				cacheReadPerMillion: .022,
+				inputPerMillion: .66,
+				outputPerMillion: 1.98
+			}
+		};
+		({ ...FALLBACK_CURRENT_USD.flash }), { ...FALLBACK_CURRENT_USD.pro };
+		/**
+		* Whether the current moment is a peak-pricing hour in Beijing time:
+		* 09:00-12:00 and 14:00-18:00 (peak); everything else is off-peak.
+		* @param now - the instant to classify.
+		* @returns true during peak hours.
+		*/
+		function isPeakHour(now = /* @__PURE__ */ new Date()) {
+			const parts = new Intl.DateTimeFormat("en-US", {
+				timeZone: "Asia/Shanghai",
+				hour: "numeric",
+				hour12: false
+			}).formatToParts(now);
+			const hour = Number(parts.find((part) => part.type === "hour")?.value);
+			if (Number.isNaN(hour)) return false;
+			return hour >= 9 && hour < 12 || hour >= 14 && hour < 18;
+		}
+		//#endregion
+		//#region src/client/cost-math.ts
+		/**
+		* Client-side price lookup and streaming-estimate helpers.
+		*
+		* The authoritative anchored ledger arrives through the `sessionCost`
+		* projection; this module only mirrors the host pricebook math for display
+		* and for the live estimate (which by nature uses CURRENT prices and is
+		* labeled 估算/estimate). The lookup logic intentionally mirrors
+		* `src/pricebook.ts` — keep the two in sync.
+		*
+		* @module @gamegeek-saikel/dsh-cost-meter/client/cost-math
+		*/
+		/** Sum totals (this module's mirror of the host `sumTotals`). */
+		function sumTotals(totals) {
+			const sum = {
+				uncachedCost: 0,
+				cacheReadCost: 0,
+				outputCost: 0,
+				cost: 0,
+				pricedSteps: 0,
+				unpricedSteps: 0,
+				steps: 0
+			};
+			for (const entry of totals) {
+				sum.uncachedCost += entry.uncachedCost;
+				sum.cacheReadCost += entry.cacheReadCost;
+				sum.outputCost += entry.outputCost;
+				sum.cost += entry.cost;
+				sum.pricedSteps += entry.pricedSteps;
+				sum.unpricedSteps += entry.unpricedSteps;
+				sum.steps += entry.steps;
+			}
+			return sum;
+		}
+		/** Total spend of every subagent (CNY); 0 without subagents. */
+		function subagentSpend(subagents) {
+			if (subagents === void 0 || subagents.length === 0) return 0;
+			return sumTotals(subagents.map((entry) => entry.totals)).cost;
+		}
+		/**
+		* The conversation-wide totals: the main session's ledger plus every
+		* subagent's ledger (host-aggregated). Undefined while the main ledger is
+		* absent; identical to the main totals without subagents.
+		* @param main - the main session's projection totals.
+		* @param subagents - the host-aggregated subagent totals.
+		* @returns the combined totals, or undefined.
+		*/
+		function combineTotals(main, subagents) {
+			if (main === void 0) return void 0;
+			if (subagents === void 0 || subagents.length === 0) return main;
+			return sumTotals([main, ...subagents.map((entry) => entry.totals)]);
+		}
+		/** The price band in effect at one instant (mirror of the host helper). */
+		function bandForTime(time) {
+			if (time < PEAK_PRICING_START_MS) return "single";
+			return isPeakHour(new Date(time)) ? "peak" : "offPeak";
+		}
+		/** The bucket of one model's entry for one band (mirror of the host helper). */
+		function bucketOf(modelPrice, band) {
+			if (band === "single") return modelPrice.single ?? modelPrice.offPeak ?? modelPrice.peak;
+			if (band === "peak") return modelPrice.peak ?? modelPrice.offPeak ?? modelPrice.single;
+			return modelPrice.offPeak ?? modelPrice.peak ?? modelPrice.single;
+		}
+		/** Map a model id to its official pricing key (mirror of the host helper). */
+		function pricingKeyOfModel(model) {
+			return model.toLowerCase().includes("pro") ? "pro" : "flash";
+		}
+		/** Candidate canonical price keys for one model (mirror of the host helper). */
+		function modelKeys(provider, model) {
+			const keys = [];
+			if (provider !== void 0 && provider.length > 0) keys.push(`${provider}/${model}`);
+			keys.push(model);
+			if (model.toLowerCase().includes("deepseek") || provider !== void 0 && provider.toLowerCase().includes("deepseek")) keys.push(pricingKeyOfModel(model));
+			return keys;
+		}
+		/** Resolve one model's price entry in a snapshot through the key chain. */
+		function modelPriceOf(snapshot, provider, model) {
+			if (snapshot === void 0 || snapshot === null) return void 0;
+			for (const key of modelKeys(provider, model)) {
+				const entry = snapshot.prices[key];
+				if (entry !== void 0) return entry;
+			}
+		}
+		/** Resolve one model's bucket at one instant from a snapshot. */
+		function bucketAt(snapshot, provider, model, time) {
+			const entry = modelPriceOf(snapshot, provider, model);
+			if (entry === void 0) return void 0;
+			return bucketOf(entry, bandForTime(time));
+		}
+		/**
+		* The peak-to-off-peak price multiplier for one model's entry, when the
+		* entry carries both bands. The multiplier is the ratio of the summed peak
+		* bucket rates to the summed off-peak bucket rates; official DeepSeek prices
+		* scale all buckets by the same factor, so this is a stable “peak is N× the
+		* off-peak price” display value.
+		* @param snapshot - the pricebook snapshot to read.
+		* @param provider - the provider route, when known.
+		* @param model - the model id.
+		* @returns the peak/off-peak multiplier, or null when either band is absent.
+		*/
+		function peakOffPeakMultiplier(snapshot, provider, model) {
+			const entry = modelPriceOf(snapshot, provider, model);
+			if (entry === void 0) return null;
+			const peak = entry.peak;
+			const offPeak = entry.offPeak;
+			if (peak === void 0 || offPeak === void 0) return null;
+			const offPeakTotal = offPeak.cacheReadPerMillion + offPeak.inputPerMillion + offPeak.outputPerMillion;
+			if (offPeakTotal === 0) return null;
+			return (peak.cacheReadPerMillion + peak.inputPerMillion + peak.outputPerMillion) / offPeakTotal;
+		}
+		/** CJK characters (the /1.5 density class). */
+		const CJK_RE = /[\u3400-\u4dbf\u4e00-\u9fff]/g;
+		/**
+		* Heuristic character→token estimate: CJK ÷ 1.5, everything else ÷ 4
+		* (the streaming estimate's output side).
+		* @param text - the accumulated text.
+		* @returns the estimated token count.
+		*/
+		function estimateTokens(text) {
+			const cjk = (text.match(CJK_RE) ?? []).length;
+			return Math.ceil(cjk / 1.5 + (text.length - cjk) / 4);
+		}
+		/**
+		* Tokens of the streamed text/reasoning blocks of a partial assistant.
+		* @param blocks - the partial's content blocks (text/reasoning carry `text`).
+		* @returns the estimated token count.
+		*/
+		function blocksOutputTokens(blocks) {
+			let tokens = 0;
+			for (const block of blocks ?? []) if ((block.kind === "text" || block.kind === "reasoning") && typeof block.text === "string" && block.text.length > 0) tokens += estimateTokens(block.text);
+			return tokens;
+		}
+		/**
+		* The cache-read ratio of the newest completed step (input side of the
+		* estimate). Absent history conservatively prices all input as uncached
+		* (upper bound).
+		* @param steps - the projection's step ledger.
+		* @returns the ratio in [0, 1].
+		*/
+		function cacheReadRatioOf(steps) {
+			for (let i = steps.length - 1; i >= 0; i -= 1) {
+				const step = steps[i];
+				const total = step.uncachedInputTokens + step.cacheReadTokens + step.cacheWriteTokens;
+				if (step.priced && total > 0) return step.cacheReadTokens / total;
+			}
+			return 0;
+		}
+		/**
+		* The live estimate of the running reply: input at the projected context
+		* size (weighted by the cache ratio) plus output at the streamed-token
+		* heuristic, both at CURRENT prices. Always labeled 估算/estimate — it is
+		* replaced by the projection's exact anchored value once the step settles.
+		* @param bucket - the current price bucket of the session model.
+		* @param inputTokens - the projected prompt size for the next request.
+		* @param cachedRatio - the cache-read ratio from recent completed steps.
+		* @param outputTokens - the streamed output tokens so far.
+		* @returns the estimated CNY cost.
+		*/
+		function estimateCost(bucket, inputTokens, cachedRatio, outputTokens) {
+			return inputTokens / 1e6 * (bucket.cacheReadPerMillion * cachedRatio + bucket.inputPerMillion * (1 - cachedRatio)) + outputTokens / 1e6 * bucket.outputPerMillion;
+		}
+		//#endregion
+		//#region src/client/format.ts
+		/**
+		* Shared display formatting for amounts and timestamps.
+		*
+		* @module @gamegeek-saikel/dsh-cost-meter/client/format
+		*/
+		/**
+		* Common currency symbols; unknown currencies render as a bare code.
+		* @param currency - ISO 4217 code.
+		* @returns the display symbol.
+		*/
+		function currencySymbol(currency) {
+			switch (currency) {
+				case "CNY": return "¥";
+				case "USD": return "$";
+				case "EUR": return "€";
+				default: return `${currency} `;
+			}
+		}
+		/** Detect the display currency from the active locale dictionary. */
+		function displayCurrency(t) {
+			return t("view.cost") === "Cost" ? "USD" : "CNY";
+		}
+		/**
+		* Compact money: two decimals above 1, four down to 0.01, six below.
+		* Costs are CNY 元 with 4-decimal display precision; zero renders as 0.00.
+		* @param value - the amount.
+		* @returns the fixed-width display string.
+		*/
+		function formatMoney(value) {
+			if (value === 0) return "0.00";
+			if (value >= 1) return value.toFixed(2);
+			if (value >= .01) return value.toFixed(4);
+			return value.toFixed(6);
+		}
+		/** Time formatting for snapshot stamps and step rows. */
+		function formatTime(epochMs) {
+			return new Date(epochMs).toLocaleTimeString([], {
+				hour: "2-digit",
+				minute: "2-digit",
+				second: "2-digit"
+			});
+		}
+		/**
+		* Compact price multiplier, e.g. `2.0×` or `0.5×`.
+		* @param multiplier - the ratio to display.
+		* @returns the fixed one-decimal multiplier string.
+		*/
+		function formatMultiplier(multiplier) {
+			return `${multiplier.toFixed(1)}×`;
+		}
+		//#endregion
+		//#region \0dsh-css:D:\Projects\dsh-plugins\dsh-cost-meter\src\client\SessionCostLine.module.css.mjs
+		const css$4 = ".ScWO-a_root{text-align:center;max-width:var(--dsh-chat-content-width);box-sizing:border-box;width:100%;padding:0 calc(var(--dsh-composer-side-clearance) + 16px) 4px;color:var(--dsw-alias-label-tertiary);white-space:nowrap;text-overflow:ellipsis;margin:0 auto;font-size:12px;line-height:20px;display:block;overflow:hidden}";
+		const tagId$4 = "@gamegeek-saikel/dsh-cost-meter/SessionCostLine.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$4) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@gamegeek-saikel/dsh-cost-meter";
+			tag.dataset.pluginCss = tagId$4;
+			tag.textContent = css$4;
+			document.head.appendChild(tag);
+		}
+		var SessionCostLine_module_css_default = { "root": "ScWO-a_root" };
+		//#endregion
+		//#region src/client/SessionCostLine.tsx
+		/**
+		* Composer-dock readout: the current session's anchored spend (the
+		* `sessionCost` projection — price-snapshot-anchored, never recomputed at
+		* current prices) plus the DeepSeek account balance (host
+		* `/cost-meter` route), refreshed every minute. The hover detail
+		* breaks the spend into the three billed categories (uncached input incl.
+		* cache writes, cache reads, output) and names the anchored price snapshot.
+		*
+		* The component is deliberately defensive: every derived string is computed
+		* inside a guarded block so a single bad field can never take down the whole
+		* dock entry (the slot system retires crashed entries).
+		*/
+		/** Host route serving the balance snapshot and the pricebook view. */
+		const ENDPOINT = "/cost-meter";
+		/** Balance refresh interval in milliseconds. */
+		const REFRESH_MS = 6e4;
+		/** Compose the tooltip's balance detail from an ok snapshot. */
+		function balanceTooltip(balance, t) {
+			if (balance.balance === null) return t("balance.failed");
+			const symbol = currencySymbol(balance.balance.currency);
+			const detail = t("balance.detail", {
+				amount: `${symbol}${formatMoney(balance.balance.total)}`,
+				granted: `${symbol}${formatMoney(balance.balance.granted)}`,
+				toppedUp: `${symbol}${formatMoney(balance.balance.toppedUp)}`
+			});
+			return balance.isAvailable ? detail : `${detail} · ${t("balance.suspended")}`;
+		}
+		/** The tooltip's cost detail rows from the anchored projection. Never throws. */
+		function costDetail(cost, model, t, currency = "CNY") {
+			const rows = [];
+			try {
+				if (cost === void 0) return rows;
+				const symbol = currencySymbol(currency);
+				const totals = cost.totals;
+				if (totals !== void 0 && totals.pricedSteps > 0) {
+					rows.push(t("cost.label", { amount: `${symbol}${formatMoney(totals.cost)}` }));
+					rows.push(t("view.uncached") + ` ${symbol}${formatMoney(totals.uncachedCost)}`);
+					rows.push(t("view.cacheRead") + ` ${symbol}${formatMoney(totals.cacheReadCost)}`);
+					rows.push(t("view.output") + ` ${symbol}${formatMoney(totals.outputCost)}`);
+				}
+				if (model !== void 0) rows.push(t("step.model", { model }));
+				const steps = cost.steps;
+				if (steps !== void 0 && steps.length > 0) {
+					const last = steps[steps.length - 1];
+					if (last !== void 0 && last.snapshotVersion !== null) rows.push(t("pill.detail.snapshot", { time: formatTime(last.snapshotEffectiveAt ?? last.time) }));
+				}
+				if (totals !== void 0 && totals.unpricedSteps > 0) rows.push(t("view.unpriced", { count: String(totals.unpricedSteps) }));
+			} catch {}
+			return rows;
+		}
+		const SessionCostLine = (0, react.memo)(function SessionCostLine({ useProjection, sessionId, t }) {
+			const currency = displayCurrency(t);
+			const cost = useProjection(currency === "USD" ? "sessionCostUsd" : "sessionCost");
+			const [response, setResponse] = (0, react.useState)(null);
+			const [failed, setFailed] = (0, react.useState)(false);
+			(0, react.useEffect)(() => {
+				let alive = true;
+				let timer;
+				const endpoint = `${ENDPOINT}?session=${encodeURIComponent(sessionId)}&currency=${currency}`;
+				const load = () => {
+					fetch(endpoint, { cache: "no-store" }).then((res) => {
+						if (!res.ok) throw new Error(`HTTP ${res.status}`);
+						return res.json();
+					}).then((data) => {
+						if (!alive) return;
+						setResponse(data);
+						setFailed(false);
+					}).catch(() => {
+						if (alive) setFailed(true);
+					});
+				};
+				load();
+				timer = window.setInterval(load, REFRESH_MS);
+				return () => {
+					alive = false;
+					if (timer !== void 0) window.clearInterval(timer);
+				};
+			}, [sessionId, currency]);
+			const balance = response?.balance;
+			const balanceEnabled = response?.pricebook?.balanceEnabled !== false;
+			const subagents = response?.subagents;
+			const combined = combineTotals(cost?.totals, subagents);
+			const subSpend = subagentSpend(subagents);
+			const mainSpend = cost?.totals?.cost ?? 0;
+			const parts = [];
+			try {
+				const symbol = currencySymbol(currency);
+				if (combined !== void 0 && combined.pricedSteps > 0) {
+					parts.push(t("line.cacheRead", { amount: `${symbol}${formatMoney(combined.cacheReadCost)}` }));
+					parts.push(t("line.uncached", { amount: `${symbol}${formatMoney(combined.uncachedCost)}` }));
+					parts.push(t("line.output", { amount: `${symbol}${formatMoney(combined.outputCost)}` }));
+				}
+				parts.push(t("cost.label", { amount: `${symbol}${formatMoney(mainSpend)}` }));
+				if (subSpend > 0) parts.push(t("line.subagent", { amount: `${symbol}${formatMoney(subSpend)}` }));
+				if (balanceEnabled && balance?.ok === true && balance.balance !== null) parts.push(t("balance.label", { amount: `${currencySymbol(balance.balance.currency)}${formatMoney(balance.balance.total)}` }));
+				else if (balanceEnabled && failed) parts.push(t("balance.failed"));
+			} catch {}
+			if (parts.length === 0) return null;
+			const model = cost?.model?.model;
+			const tooltipParts = (0, react.useMemo)(() => {
+				const rows = [];
+				try {
+					rows.push(...costDetail(cost, model, t, currency));
+					if (subSpend > 0) rows.push(t("line.subagent", { amount: `${currencySymbol(currency)}${formatMoney(subSpend)}` }));
+					const pricebook = response?.pricebook;
+					if (pricebook !== void 0 && pricebook.current !== null) {
+						const source = pricebook.current.source;
+						if (source === "official" || source === "fallback" || source === "manual" || source === "openrouter") rows.push(t("pill.detail.source", { source: t(`source.${source}`) }));
+					}
+					if (balanceEnabled && balance?.ok === true) rows.push(balanceTooltip(balance, t));
+					if (response !== null) rows.push(t("refreshedAt", { time: formatTime(balance?.ok === true ? balance.fetchedAt : Date.now()) }));
+				} catch {}
+				return rows;
+			}, [
+				cost,
+				model,
+				t,
+				balance,
+				balanceEnabled,
+				response,
+				subSpend,
+				currency
+			]);
+			const line = parts.join(" · ");
+			const tooltip = tooltipParts.filter(Boolean).join(" · ");
+			if (tooltip.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: SessionCostLine_module_css_default.root,
+				"data-testid": "session-cost-line",
+				children: line
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+				label: tooltip,
+				side: "top",
+				delayMs: 500,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: SessionCostLine_module_css_default.root,
+					"data-testid": "session-cost-line",
+					children: line
+				})
+			});
+		});
+		//#endregion
+		//#region \0dsh-css:D:\Projects\dsh-plugins\dsh-cost-meter\src\client\CostView.module.css.mjs
+		const css$3 = ".l7-mcW_root{max-width:var(--dsh-chat-content-width);box-sizing:border-box;width:100%;color:var(--dsw-alias-label-primary);flex-direction:column;gap:16px;margin:0 auto;padding:16px 24px;font-size:13px;line-height:20px;display:flex}.l7-mcW_summary{flex-direction:column;gap:8px;display:flex}.l7-mcW_totalRow{justify-content:space-between;align-items:baseline;display:flex}.l7-mcW_totalLabel{font-size:15px;font-weight:600}.l7-mcW_totalValue{font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.l7-mcW_bandBadge{opacity:.85;white-space:nowrap;font-size:11px;font-weight:500}.l7-mcW_bandBadge[data-band=peak]{color:var(--dsw-alias-state-error-primary)}.l7-mcW_bandBadge[data-band=offPeak]{color:var(--dsw-alias-state-success-primary)}.l7-mcW_bandBadge:before{content:\"·\";color:currentColor;opacity:.6;margin:0 4px}.l7-mcW_categories{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 16px;font-size:12px;display:flex}.l7-mcW_unpricedNote{color:var(--dsw-alias-label-secondary);opacity:.75;font-size:12px}.l7-mcW_steps{flex-direction:column;gap:8px;display:flex}.l7-mcW_stepsTitle{margin:0;font-size:13px;font-weight:600}.l7-mcW_stepList{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.l7-mcW_step{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.l7-mcW_step[data-band=peak]{border-color:var(--dsw-alias-state-error-secondary)}.l7-mcW_step[data-band=offPeak]{border-color:var(--dsw-alias-state-success-secondary)}.l7-mcW_step[data-band=peak] .l7-mcW_stepCost{color:var(--dsw-alias-state-error-primary)}.l7-mcW_step[data-band=offPeak] .l7-mcW_stepCost{color:var(--dsw-alias-state-success-primary)}.l7-mcW_stepHead{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.l7-mcW_stepTurn{font-weight:600}.l7-mcW_stepModel{color:var(--dsw-alias-label-secondary);font-size:12px}.l7-mcW_stepTime{color:var(--dsw-alias-label-secondary);opacity:.75;font-size:12px}.l7-mcW_stepCost{font-variant-numeric:tabular-nums;align-items:baseline;gap:4px;margin-left:auto;font-weight:600;display:inline-flex}.l7-mcW_stepBody{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.l7-mcW_stepMeta{color:var(--dsw-alias-label-secondary);opacity:.75}";
+		const tagId$3 = "@gamegeek-saikel/dsh-cost-meter/CostView.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$3) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@gamegeek-saikel/dsh-cost-meter";
+			tag.dataset.pluginCss = tagId$3;
+			tag.textContent = css$3;
+			document.head.appendChild(tag);
+		}
+		var CostView_module_css_default = {
+			"bandBadge": "l7-mcW_bandBadge",
+			"categories": "l7-mcW_categories",
+			"root": "l7-mcW_root",
+			"step": "l7-mcW_step",
+			"stepBody": "l7-mcW_stepBody",
+			"stepCost": "l7-mcW_stepCost",
+			"stepHead": "l7-mcW_stepHead",
+			"stepList": "l7-mcW_stepList",
+			"stepMeta": "l7-mcW_stepMeta",
+			"stepModel": "l7-mcW_stepModel",
+			"stepTime": "l7-mcW_stepTime",
+			"stepTurn": "l7-mcW_stepTurn",
+			"steps": "l7-mcW_steps",
+			"stepsTitle": "l7-mcW_stepsTitle",
+			"summary": "l7-mcW_summary",
+			"totalLabel": "l7-mcW_totalLabel",
+			"totalRow": "l7-mcW_totalRow",
+			"totalValue": "l7-mcW_totalValue",
+			"unpricedNote": "l7-mcW_unpricedNote"
+		};
+		//#endregion
+		//#region src/client/CostView.tsx
+		/**
+		* Cost view tab: the whole conversation's anchored cost ledger — the total
+		* (main session + subagent sessions, host-aggregated), the three billed
+		* categories (uncached input incl. cache writes, cache reads, output), a
+		* per-subagent breakdown, and the per-reply list (turn, time, model, token
+		* split, step cost, anchored snapshot version and effective time). Reads the
+		* `sessionCost` projection plus the host-aggregated subagent totals; nothing
+		* is recomputed at current prices.
+		*/
+		/** Map an unpriced reason to its localized copy. */
+		function reasonText(step, t) {
+			return t(`reason.${step.unpricedReason ?? "NO_PRICE"}`);
+		}
+		const CostView = (0, react.memo)(function CostView({ useProjection, sessionId, t }) {
+			const currency = displayCurrency(t);
+			const cost = useProjection(currency === "USD" ? "sessionCostUsd" : "sessionCost");
+			const [response, setResponse] = (0, react.useState)(null);
+			const symbol = currencySymbol(currency);
+			(0, react.useEffect)(() => {
+				let alive = true;
+				fetch(`/cost-meter?session=${encodeURIComponent(sessionId)}&currency=${currency}`, { cache: "no-store" }).then((res) => res.ok ? res.json() : null).then((data) => {
+					if (!alive || data === null) return;
+					setResponse(data);
+				}).catch(() => {});
+				return () => {
+					alive = false;
+				};
+			}, [sessionId, currency]);
+			if (cost === void 0 || cost.steps.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: CostView_module_css_default.root,
+				"data-testid": "cost-view-empty",
+				children: t("view.empty")
+			});
+			const rows = cost.steps;
+			const totals = combineTotals(cost.totals, response?.subagents) ?? cost.totals;
+			const subSpend = subagentSpend(response?.subagents);
+			const money = (value) => value === null ? "—" : `${symbol}${formatMoney(value)}`;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: CostView_module_css_default.root,
+				"data-testid": "cost-view",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+					className: CostView_module_css_default.summary,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: CostView_module_css_default.totalRow,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: CostView_module_css_default.totalLabel,
+								children: t("view.total")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: CostView_module_css_default.totalValue,
+								children: money(totals.cost)
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: CostView_module_css_default.categories,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+									t("view.uncached"),
+									": ",
+									money(totals.uncachedCost)
+								] }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+									t("view.cacheRead"),
+									": ",
+									money(totals.cacheReadCost)
+								] }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+									t("view.output"),
+									": ",
+									money(totals.outputCost)
+								] })
+							]
+						}),
+						totals.unpricedSteps > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: CostView_module_css_default.unpricedNote,
+							children: t("view.unpriced", { count: String(totals.unpricedSteps) })
+						}),
+						response !== null && response.subagents.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+							className: CostView_module_css_default.subagents,
+							"data-testid": "cost-view-subagents",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: CostView_module_css_default.unpricedNote,
+								children: t("line.subagent", { amount: `${symbol}${formatMoney(subSpend)}` })
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ol", {
+								className: CostView_module_css_default.stepList,
+								children: response.subagents.map((sub) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+									className: CostView_module_css_default.step,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: CostView_module_css_default.stepHead,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: CostView_module_css_default.stepTurn,
+											children: sub.sessionId.slice(0, 8)
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: CostView_module_css_default.stepCost,
+											children: money(sub.totals.cost)
+										})]
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: CostView_module_css_default.stepBody,
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+												t("view.uncached"),
+												": ",
+												money(sub.totals.uncachedCost)
+											] }),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+												t("view.cacheRead"),
+												": ",
+												money(sub.totals.cacheReadCost)
+											] }),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+												t("view.output"),
+												": ",
+												money(sub.totals.outputCost)
+											] })
+										]
+									})]
+								}, sub.sessionId))
+							})]
+						})
+					]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+					className: CostView_module_css_default.steps,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+						className: CostView_module_css_default.stepsTitle,
+						children: t("view.steps")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ol", {
+						className: CostView_module_css_default.stepList,
+						children: rows.map((step) => {
+							const stepBand = bandForTime(Date.now());
+							const stepRatio = peakOffPeakMultiplier(response?.pricebook?.current ?? null, step.provider, step.model);
+							const stepBandLabel = stepBand === "peak" ? stepRatio === null ? t("band.peak") : t("price.peakRatio", { multiplier: formatMultiplier(stepRatio) }) : stepBand === "offPeak" ? stepRatio === null ? t("band.offPeak") : t("price.offPeakRatio", { multiplier: formatMultiplier(1 / stepRatio) }) : null;
+							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+								className: CostView_module_css_default.step,
+								"data-testid": "cost-step",
+								"data-band": stepBand === "single" ? void 0 : stepBand,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: CostView_module_css_default.stepHead,
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: CostView_module_css_default.stepTurn,
+											children: t("step.turn", { turn: String(step.turn) })
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: CostView_module_css_default.stepModel,
+											children: t("step.model", { model: step.model })
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: CostView_module_css_default.stepTime,
+											children: formatTime(step.time)
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+											className: CostView_module_css_default.stepCost,
+											children: [money(step.cost), stepBandLabel !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: CostView_module_css_default.bandBadge,
+												"data-band": stepBand,
+												"data-testid": "cost-step-band",
+												children: stepBandLabel
+											})]
+										})
+									]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: CostView_module_css_default.stepBody,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: CostView_module_css_default.stepTokens,
+										children: t("step.tokens", {
+											uncached: String(step.uncachedInputTokens),
+											read: String(step.cacheReadTokens),
+											write: String(step.cacheWriteTokens),
+											output: String(step.outputTokens)
+										})
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: CostView_module_css_default.stepMeta,
+										children: step.priced && step.snapshotVersion !== null ? t("step.snapshot", { time: formatTime(step.snapshotEffectiveAt ?? step.time) }) : t("step.unpriced", { reason: reasonText(step, t) })
+									})]
+								})]
+							}, `${step.turn}:${step.step}`);
+						})
+					})]
+				})]
+			});
+		});
+		//#endregion
+		//#region \0dsh-css:D:\Projects\dsh-plugins\dsh-cost-meter\src\client\AssistantCostChip.module.css.mjs
+		const css$2 = ".Sy2Hbq_root{color:var(--dsw-alias-label-tertiary);white-space:nowrap;font-variant-numeric:tabular-nums;order:10;align-items:baseline;gap:4px;margin-left:10px;font-size:14px;line-height:24px;display:inline-flex}.Sy2Hbq_root:before{content:\"·\";color:var(--dsw-alias-separator-primary);margin-right:10px}.Sy2Hbq_bandBadge{opacity:.85;white-space:nowrap;font-size:12px;line-height:18px}.Sy2Hbq_bandBadge[data-band=peak]{color:var(--dsw-alias-state-error-primary)}.Sy2Hbq_bandBadge[data-band=offPeak]{color:var(--dsw-alias-state-success-primary)}.Sy2Hbq_bandBadge:before{content:\"·\";color:currentColor;opacity:.6;margin:0 4px}.Sy2Hbq_unpriced{color:var(--dsw-alias-label-tertiary);white-space:nowrap;opacity:.6;cursor:help;order:10;margin-left:10px;font-size:14px;line-height:24px}.Sy2Hbq_unpriced:before{content:\"·\";color:var(--dsw-alias-separator-primary);margin-right:10px}@media (hover:hover){[data-time-hover-root] [data-cost-chip]{opacity:0;transition:opacity 80ms}[data-time-hover-root]:hover [data-cost-chip],[data-time-hover-root]:focus-within [data-cost-chip]{opacity:1}[data-time-hover-root] [data-cost-chip].Sy2Hbq_unpriced{opacity:0}}";
+		const tagId$2 = "@gamegeek-saikel/dsh-cost-meter/AssistantCostChip.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$2) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@gamegeek-saikel/dsh-cost-meter";
+			tag.dataset.pluginCss = tagId$2;
+			tag.textContent = css$2;
+			document.head.appendChild(tag);
+		}
+		var AssistantCostChip_module_css_default = {
+			"bandBadge": "Sy2Hbq_bandBadge",
+			"root": "Sy2Hbq_root",
+			"unpriced": "Sy2Hbq_unpriced"
+		};
+		//#endregion
+		//#region src/client/AssistantCostChip.tsx
+		/**
+		* Per-reply cost chip: the anchored cost of ONE finalized reply. Rendered
+		* through the assistant-actions slot but visually joined to the reply's
+		* timing row (01:51 · 用时 · 首 token · tok/s): a flex `order` places it
+		* after the clock text, and the type matches the clock's (label-tertiary,
+		* 14px) with a dot separator, so it reads as part of the same metadata run.
+		* The `messageId` owner prop maps to the assistant node's (turn, step),
+		* which addresses the projection's step ledger — the cost is the anchored
+		* snapshot value, never a current-price recompute. Unpriced replies render
+		* `—` (the Cost tab explains why).
+		*/
+		/**
+		* Locate a finalized assistant node by its message id and return its
+		* (turn, step) coordinates, or null when the node is out of window.
+		* @param snapshot - the conversation snapshot.
+		* @param messageId - the addressed message identity.
+		* @returns the step coordinates, or null.
+		*/
+		function stepOfMessage(snapshot, messageId) {
+			const nodes = snapshot.chat.legacy.nodes;
+			for (let i = nodes.length - 1; i >= 0; i -= 1) {
+				const node = nodes[i];
+				if (node?.kind === "assistant" && node.messageId === messageId && node.turn !== void 0) return {
+					turn: node.turn,
+					step: node.step
+				};
+			}
+			return null;
+		}
+		/** The projection step for one (turn, step) coordinate, if the ledger has it. */
+		function stepOf(steps, turn, step) {
+			return steps?.find((entry) => entry.turn === turn && entry.step === step);
+		}
+		const AssistantCostChip = (0, react.memo)(function AssistantCostChip({ messageId, useSession, useProjection, t }) {
+			const currency = displayCurrency(t);
+			const projectionKey = currency === "USD" ? "sessionCostUsd" : "sessionCost";
+			const step = useSession((snapshot) => stepOfMessage(snapshot, messageId));
+			const cost = useProjection(projectionKey);
+			const ledger = step === null ? void 0 : stepOf(cost?.steps, step.turn, step.step);
+			const [response, setResponse] = (0, react.useState)(null);
+			(0, react.useEffect)(() => {
+				let alive = true;
+				fetch(`/cost-meter?currency=${currency}`, { cache: "no-store" }).then((res) => res.ok ? res.json() : null).then((data) => {
+					if (!alive || data === null) return;
+					setResponse(data);
+				}).catch(() => {});
+				return () => {
+					alive = false;
+				};
+			}, [currency]);
+			if (ledger === void 0 || ledger.cost === null) {
+				if (ledger === void 0) return null;
+				const reason = ledger.unpricedReason === "NO_MODEL" ? t("reason.NO_MODEL") : t("reason.NO_PRICE");
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: AssistantCostChip_module_css_default.unpriced,
+					"data-cost-chip": true,
+					title: reason,
+					"data-testid": "cost-chip-unpriced",
+					children: t("chip.unpriced")
+				});
+			}
+			const amount = `${currencySymbol(currency)}${formatMoney(ledger.cost)}`;
+			const band = bandForTime(Date.now());
+			const ratio = peakOffPeakMultiplier(response?.pricebook?.current ?? null, ledger.provider, ledger.model);
+			const bandLabel = band === "peak" ? ratio === null ? t("band.peak") : t("price.peakRatio", { multiplier: formatMultiplier(ratio) }) : band === "offPeak" ? ratio === null ? t("band.offPeak") : t("price.offPeakRatio", { multiplier: formatMultiplier(1 / ratio) }) : null;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: AssistantCostChip_module_css_default.root,
+				"data-cost-chip": true,
+				title: t("chip.title", { amount }),
+				"data-testid": "cost-chip",
+				children: [amount, bandLabel !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: AssistantCostChip_module_css_default.bandBadge,
+					"data-band": band,
+					"data-testid": "cost-chip-band",
+					children: bandLabel
+				})]
+			});
+		});
+		//#endregion
+		//#region \0dsh-css:D:\Projects\dsh-plugins\dsh-cost-meter\src\client\SessionCostPill.module.css.mjs
+		const css$1 = "._1P-OIW_wrap{display:inline-flex;position:relative}._1P-OIW_pill{border:1px solid var(--dsw-alias-border-l2);height:32px;color:var(--dsw-alias-label-primary);font-family:var(--dsw-font-family);font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;user-select:none;background:0 0;border-radius:18px;justify-content:center;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:400;line-height:20px;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}._1P-OIW_pill:hover{background:var(--dsw-alias-interactive-bg-hover)}._1P-OIW_pill:active{transform:translateY(.5px)}._1P-OIW_pill[data-running=true]{color:var(--dsw-alias-brand-primary)}._1P-OIW_pill[data-running=true]:hover{background:var(--dsw-alias-interactive-bg-hover)}._1P-OIW_pill[data-band=peak]{color:var(--dsw-alias-state-error-primary);border-color:var(--dsw-alias-state-error-secondary)}._1P-OIW_pill[data-band=offPeak]{color:var(--dsw-alias-state-success-primary);border-color:var(--dsw-alias-state-success-secondary)}._1P-OIW_bandBadge{opacity:.85;white-space:nowrap;font-size:11px;line-height:16px}._1P-OIW_bandBadge:before{content:\"·\";color:currentColor;opacity:.6;margin:0 4px}._1P-OIW_estimateNote{opacity:.75;font-size:11px}._1P-OIW_detail{z-index:100;border:1px solid var(--dsw-alias-border-inverted);background:var(--dsw-specific-menu);min-width:250px;max-width:340px;box-shadow:var(--dsw-shadow-lv3);color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;border-radius:12px;flex-direction:column;gap:5px;padding:12px 14px;font-size:12px;line-height:18px;display:flex;position:absolute;top:calc(100% + 8px);right:0}._1P-OIW_detailRow{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._1P-OIW_detailRowSecondary{color:var(--dsw-alias-label-secondary)}._1P-OIW_detailRowMuted{color:var(--dsw-alias-label-secondary);opacity:.75}._1P-OIW_detailTotal{font-size:13px;font-weight:600}";
+		const tagId$1 = "@gamegeek-saikel/dsh-cost-meter/SessionCostPill.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@gamegeek-saikel/dsh-cost-meter";
+			tag.dataset.pluginCss = tagId$1;
+			tag.textContent = css$1;
+			document.head.appendChild(tag);
+		}
+		var SessionCostPill_module_css_default = {
+			"bandBadge": "_1P-OIW_bandBadge",
+			"detail": "_1P-OIW_detail",
+			"detailRow": "_1P-OIW_detailRow",
+			"detailRowMuted": "_1P-OIW_detailRowMuted",
+			"detailRowSecondary": "_1P-OIW_detailRowSecondary",
+			"detailTotal": "_1P-OIW_detailTotal",
+			"estimateNote": "_1P-OIW_estimateNote",
+			"pill": "_1P-OIW_pill",
+			"wrap": "_1P-OIW_wrap"
+		};
+		//#endregion
+		//#region src/client/SessionCostPill.tsx
+		/**
+		* Session header pill (right-aligned utility): the conversation's anchored
+		* total cost, or — while the assistant is replying — a live estimate of the
+		* TOTAL once the running reply settles (`预计 ¥x.xx（进行中）`): the already
+		* anchored ledger total plus the running reply's estimated input/output.
+		* Clicking the pill toggles a detail panel: totals by category, model, and
+		* the anchored price snapshot; the panel dismisses on outside clicks or
+		* Escape.
+		*
+		* The estimate is explicitly labeled 估算/estimate: input is priced at the
+		* projected context size weighted by the newest completed step's cache
+		* ratio (conservative all-uncached without history), output at the
+		* character heuristic — both at CURRENT snapshot prices.
+		*/
+		/** Read the conversation's running flag (the pill's estimate gate). */
+		function runningOf(snapshot) {
+			return snapshot.running;
+		}
+		/** Close the popover on outside clicks or Escape (product detail-panel posture). */
+		function useDismissOutside(open, onDismiss, anchor) {
+			(0, react.useEffect)(() => {
+				if (!open) return;
+				const onPointerDown = (event) => {
+					const target = event.target;
+					if (anchor.current !== null && target !== null && !anchor.current.contains(target)) onDismiss();
+				};
+				const onKeyDown = (event) => {
+					if (event.key === "Escape") onDismiss();
+				};
+				document.addEventListener("mousedown", onPointerDown);
+				document.addEventListener("touchstart", onPointerDown);
+				document.addEventListener("keydown", onKeyDown);
+				return () => {
+					document.removeEventListener("mousedown", onPointerDown);
+					document.removeEventListener("touchstart", onPointerDown);
+					document.removeEventListener("keydown", onKeyDown);
+				};
+			}, [
+				open,
+				onDismiss,
+				anchor
+			]);
+		}
+		const SessionCostPill = (0, react.memo)(function SessionCostPill({ useSession, useProjection, sessionId, t }) {
+			const currency = displayCurrency(t);
+			const cost = useProjection(currency === "USD" ? "sessionCostUsd" : "sessionCost");
+			const pressure = useProjection("contextPressure");
+			const running = useSession(runningOf);
+			const partial = useSession((snapshot) => snapshot.partial);
+			const [open, setOpen] = (0, react.useState)(false);
+			const [response, setResponse] = (0, react.useState)(null);
+			const wrapRef = (0, react.useRef)(null);
+			useDismissOutside(open, () => setOpen(false), wrapRef);
+			(0, react.useEffect)(() => {
+				let alive = true;
+				let timer;
+				const endpoint = `${ENDPOINT}?session=${encodeURIComponent(sessionId)}&currency=${currency}`;
+				const load = () => {
+					fetch(endpoint, { cache: "no-store" }).then((res) => res.ok ? res.json() : null).then((data) => {
+						if (!alive || data === null) return;
+						setResponse(data);
+					}).catch(() => {});
+				};
+				load();
+				timer = window.setInterval(load, REFRESH_MS);
+				return () => {
+					alive = false;
+					if (timer !== void 0) window.clearInterval(timer);
+				};
+			}, [sessionId, currency]);
+			const projection = cost;
+			const model = projection?.model ?? null;
+			const snapshot = response?.pricebook.current ?? null;
+			const subagents = response?.subagents;
+			const combined = combineTotals(projection?.totals, subagents);
+			const subSpend = subagentSpend(subagents);
+			const symbol = currencySymbol(currency);
+			const estimate = (0, react.useMemo)(() => {
+				if (!running || projection === void 0) return null;
+				const bucket = bucketAt(snapshot ?? void 0, model?.provider, model?.model ?? "unknown", Date.now());
+				if (bucket === void 0) return null;
+				const stepEstimate = estimateCost(bucket, pressure?.projectedTokens ?? pressure?.pressureTokens ?? 0, cacheReadRatioOf(projection.steps), blocksOutputTokens(partial?.blocks));
+				return (combined?.cost ?? 0) + stepEstimate;
+			}, [
+				running,
+				projection,
+				combined,
+				snapshot,
+				model,
+				pressure,
+				partial,
+				currency
+			]);
+			if (projection === void 0 && estimate === null) return null;
+			const total = combined?.cost ?? 0;
+			const label = estimate !== null ? t("pill.estimate", { amount: `${symbol}${formatMoney(estimate)}` }) : t("pill.label", { amount: `${symbol}${formatMoney(total)}` });
+			const last = projection?.steps.length !== void 0 && projection.steps.length > 0 ? projection.steps[projection.steps.length - 1] : void 0;
+			const sourceKey = snapshot?.source ?? null;
+			const source = sourceKey === null ? t("source.none") : t(`source.${sourceKey}`);
+			const band = bandForTime(Date.now());
+			const peakRatio = peakOffPeakMultiplier(snapshot ?? void 0, model?.provider, model?.model ?? "unknown");
+			const bandLabel = band === "peak" ? peakRatio === null ? t("band.peak") : t("price.peakRatio", { multiplier: formatMultiplier(peakRatio) }) : band === "offPeak" ? peakRatio === null ? t("band.offPeak") : t("price.offPeakRatio", { multiplier: formatMultiplier(1 / peakRatio) }) : null;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: SessionCostPill_module_css_default.wrap,
+				ref: wrapRef,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					className: SessionCostPill_module_css_default.pill,
+					"data-testid": "cost-pill",
+					"data-running": estimate !== null,
+					"data-band": band === "single" ? void 0 : band,
+					onClick: () => setOpen((prev) => !prev),
+					"aria-expanded": open,
+					children: [
+						label,
+						bandLabel !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: SessionCostPill_module_css_default.bandBadge,
+							"data-testid": "cost-pill-band",
+							children: bandLabel
+						}),
+						estimate !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: SessionCostPill_module_css_default.estimateNote,
+							children: ["· ", t("pill.estimateNote")]
+						})
+					]
+				}), open && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: SessionCostPill_module_css_default.detail,
+					"data-testid": "cost-pill-detail",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: SessionCostPill_module_css_default.detailRow + " " + SessionCostPill_module_css_default.detailTotal,
+							children: t("pill.detail.total", { amount: `${symbol}${formatMoney(total)}` })
+						}),
+						bandLabel !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: SessionCostPill_module_css_default.detailRow + " " + SessionCostPill_module_css_default.detailRowSecondary,
+							"data-testid": "cost-pill-detail-band",
+							children: bandLabel
+						}),
+						combined !== void 0 && combined.pricedSteps > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: SessionCostPill_module_css_default.detailRow + " " + SessionCostPill_module_css_default.detailRowSecondary,
+								children: [
+									t("view.uncached"),
+									": ",
+									symbol,
+									formatMoney(combined.uncachedCost)
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: SessionCostPill_module_css_default.detailRow + " " + SessionCostPill_module_css_default.detailRowSecondary,
+								children: [
+									t("view.cacheRead"),
+									": ",
+									symbol,
+									formatMoney(combined.cacheReadCost)
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: SessionCostPill_module_css_default.detailRow + " " + SessionCostPill_module_css_default.detailRowSecondary,
+								children: [
+									t("view.output"),
+									": ",
+									symbol,
+									formatMoney(combined.outputCost)
+								]
+							})
+						] }),
+						subSpend > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: SessionCostPill_module_css_default.detailRow + " " + SessionCostPill_module_css_default.detailRowMuted,
+							children: t("line.subagent", { amount: `${symbol}${formatMoney(subSpend)}` })
+						}),
+						model !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: SessionCostPill_module_css_default.detailRow + " " + SessionCostPill_module_css_default.detailRowSecondary,
+							children: t("pill.detail.model", { model: model.model })
+						}),
+						last !== void 0 && last.snapshotVersion !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: SessionCostPill_module_css_default.detailRow + " " + SessionCostPill_module_css_default.detailRowMuted,
+							children: [t("pill.detail.snapshot", { time: formatTime(last.snapshotEffectiveAt ?? last.time) }), last.band !== null && ` · ${t(`band.${last.band}`)}`]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: SessionCostPill_module_css_default.detailRow + " " + SessionCostPill_module_css_default.detailRowMuted,
+							children: t("pill.detail.source", { source })
+						}),
+						projection !== void 0 && projection.totals.unpricedSteps > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: SessionCostPill_module_css_default.detailRow + " " + SessionCostPill_module_css_default.detailRowMuted,
+							children: t("view.unpriced", { count: String(projection.totals.unpricedSteps) })
+						}),
+						estimate !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: SessionCostPill_module_css_default.detailRow + " " + SessionCostPill_module_css_default.detailRowMuted,
+							children: t("pill.estimateNote")
+						})
+					]
+				})]
+			});
+		});
+		//#endregion
+		//#region \0dsh-css:D:\Projects\dsh-plugins\dsh-cost-meter\src\client\CostPluginCard.module.css.mjs
+		const css = ".XNoGEa_card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;list-style:none;transition:border-color .16s,background .16s}.XNoGEa_card:hover{border-color:var(--dsw-alias-label-dimmed)}.XNoGEa_cardOpen{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}.XNoGEa_header{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.XNoGEa_header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.XNoGEa_headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.XNoGEa_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.XNoGEa_description{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}.XNoGEa_chevron{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.XNoGEa_chevronOpen{transform:rotate(180deg)}.XNoGEa_pending{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);text-overflow:ellipsis;border-radius:999px;flex:none;max-width:220px;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px;overflow:hidden}.XNoGEa_body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding-bottom:8px}.XNoGEa_field{flex-direction:column;gap:6px;padding:12px 0;display:flex}.XNoGEa_field+.XNoGEa_field{border-top:1px solid var(--dsw-alias-border-l2)}.XNoGEa_head{align-items:center;gap:8px;display:flex}.XNoGEa_label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}.XNoGEa_input,.XNoGEa_select,.XNoGEa_textarea{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);font:inherit;border-radius:8px;font-size:13px;line-height:1.5}.XNoGEa_input{width:120px;padding:5px 8px}.XNoGEa_select{padding:5px 8px}.XNoGEa_textarea{width:100%;min-height:72px;font-family:var(--dsw-font-mono,monospace);resize:vertical;padding:6px 8px;font-size:12px}.XNoGEa_inline{align-items:center;gap:8px;display:flex}.XNoGEa_checkbox{width:16px;height:16px;accent-color:var(--dsw-alias-brand-primary)}.XNoGEa_hint{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:1.5}.XNoGEa_footer{border-top:1px solid var(--dsw-alias-border-l2);justify-content:flex-end;align-items:center;gap:8px;padding:12px 0 4px;display:flex}.XNoGEa_spacer{flex:1}.XNoGEa_status{color:var(--dsw-alias-state-success-primary);font-size:12px;line-height:1.5}";
+		const tagId = "@gamegeek-saikel/dsh-cost-meter/CostPluginCard.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@gamegeek-saikel/dsh-cost-meter";
+			tag.dataset.pluginCss = tagId;
+			tag.textContent = css;
+			document.head.appendChild(tag);
+		}
+		var CostPluginCard_module_css_default = {
+			"body": "XNoGEa_body",
+			"card": "XNoGEa_card",
+			"cardOpen": "XNoGEa_cardOpen",
+			"checkbox": "XNoGEa_checkbox",
+			"chevron": "XNoGEa_chevron",
+			"chevronOpen": "XNoGEa_chevronOpen",
+			"description": "XNoGEa_description",
+			"field": "XNoGEa_field",
+			"footer": "XNoGEa_footer",
+			"head": "XNoGEa_head",
+			"headText": "XNoGEa_headText",
+			"header": "XNoGEa_header",
+			"hint": "XNoGEa_hint",
+			"inline": "XNoGEa_inline",
+			"input": "XNoGEa_input",
+			"label": "XNoGEa_label",
+			"name": "XNoGEa_name",
+			"pending": "XNoGEa_pending",
+			"select": "XNoGEa_select",
+			"spacer": "XNoGEa_spacer",
+			"status": "XNoGEa_status",
+			"textarea": "XNoGEa_textarea"
+		};
+		//#endregion
+		//#region src/client/CostPluginCard.tsx
+		/**
+		* Plugin configuration card (设置 → 插件 → cost-meter): the standard
+		* DSH plugin-card shape (collapsible header, disclosure body, save/discard
+		* footer) over the `cost-meter` settings namespace. Every editable
+		* field binds the settings scope (`ctx.settingsScope.bind`) — the same
+		* transport the shipped llm-deepseek / bash / web-search cards use — so the
+		* card looks, stages, and persists like every other plugin configuration.
+		* The JSON textareas carry the two structured fields (per-model price
+		* overrides, OpenRouter aliases); the refresh button is a plain action.
+		*/
+		const json = (value) => JSON.stringify(value ?? {}, null, 2);
+		const CostPluginCard = (0, react.memo)(function CostPluginCard({ scope, t }) {
+			const snapshot = (0, react.useSyncExternalStore)((listener) => scope.subscribe(listener), () => scope.getSnapshot());
+			const [open, setOpen] = (0, react.useState)(false);
+			const [busy, setBusy] = (0, react.useState)(false);
+			const [status, setStatus] = (0, react.useState)(null);
+			const [error, setError] = (0, react.useState)(null);
+			const [staged, setStaged] = (0, react.useState)(null);
+			const [response, setResponse] = (0, react.useState)(null);
+			const value = snapshot.value;
+			(0, react.useEffect)(() => {
+				setStaged({
+					overridesText: json(value?.overrides),
+					aliasesText: json(value?.aliases),
+					cacheReadDiscount: String(value?.cacheReadDiscount ?? .25),
+					fxMode: value?.fxMode ?? "auto",
+					manualRate: String(value?.manualRate ?? 7.2),
+					balanceEnabled: value?.balanceEnabled ?? true,
+					openRouterEnabled: value?.openRouterEnabled ?? true
+				});
+			}, [value]);
+			(0, react.useEffect)(() => {
+				let alive = true;
+				const load = () => {
+					fetch("/cost-meter", { cache: "no-store" }).then((res) => res.ok ? res.json() : null).then((data) => {
+						if (!alive || data === null) return;
+						setResponse(data);
+					}).catch(() => {});
+				};
+				load();
+				return () => {
+					alive = false;
+				};
+			}, []);
+			const current = response?.pricebook.current ?? null;
+			const source = current === null ? t("source.none") : t(`source.${current.source}`);
+			const write = async (field, fieldValue) => {
+				setBusy(true);
+				setStatus(null);
+				setError(null);
+				try {
+					await scope.set(field, fieldValue);
+					setStatus(t("settings.saved"));
+				} catch (cause) {
+					setError(cause instanceof Error ? cause.message : String(cause));
+				} finally {
+					setBusy(false);
+				}
+			};
+			const save = () => {
+				if (staged === null) return;
+				setError(null);
+				let overrides;
+				let aliases;
+				try {
+					overrides = JSON.parse(staged.overridesText);
+					aliases = JSON.parse(staged.aliasesText);
+				} catch (cause) {
+					setError(cause instanceof Error ? cause.message : String(cause));
+					return;
+				}
+				write("overrides", overrides);
+				write("aliases", aliases);
+				const discount = Number(staged.cacheReadDiscount);
+				if (Number.isFinite(discount) && discount >= 0 && discount <= 1) write("cacheReadDiscount", discount);
+				const rate = Number(staged.manualRate);
+				if (Number.isFinite(rate) && rate > 0) write("manualRate", rate);
+				if (staged.fxMode === "auto" || staged.fxMode === "manual") write("fxMode", staged.fxMode);
+				write("balanceEnabled", staged.balanceEnabled);
+				write("openRouterEnabled", staged.openRouterEnabled);
+			};
+			const refresh = () => {
+				setBusy(true);
+				setStatus(null);
+				setError(null);
+				fetch("/cost-meter", {
+					method: "POST",
+					headers: { "content-type": "application/json" },
+					body: JSON.stringify({ action: "refresh" })
+				}).then((res) => res.ok ? res.json() : null).then((data) => {
+					if (data !== null) setResponse(data);
+					setStatus(t("settings.saved"));
+				}).catch((cause) => setError(cause instanceof Error ? cause.message : String(cause))).finally(() => setBusy(false));
+			};
+			const hint = current === null ? t("settings.noSnapshot") : `${t("settings.current", {
+				source,
+				time: formatTime(current.effectiveAt)
+			})}`;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+				className: CostPluginCard_module_css_default.card + (open ? ` ${CostPluginCard_module_css_default.cardOpen}` : ""),
+				"data-testid": "cost-plugin-card",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					className: CostPluginCard_module_css_default.header,
+					onClick: () => setOpen((prev) => !prev),
+					"aria-expanded": open,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: CostPluginCard_module_css_default.headText,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: CostPluginCard_module_css_default.name,
+								children: t("settings.title")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: CostPluginCard_module_css_default.description,
+								children: hint
+							})]
+						}),
+						error !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: CostPluginCard_module_css_default.pending,
+							children: t("settings.error", { error })
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { className: CostPluginCard_module_css_default.chevron + (open ? ` ${CostPluginCard_module_css_default.chevronOpen}` : "") })
+					]
+				}), open && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: CostPluginCard_module_css_default.body,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: CostPluginCard_module_css_default.field,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: CostPluginCard_module_css_default.head,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: CostPluginCard_module_css_default.label,
+									children: t("settings.discount")
+								})
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								className: CostPluginCard_module_css_default.input,
+								type: "number",
+								min: 0,
+								max: 1,
+								step: .01,
+								value: staged?.cacheReadDiscount ?? "",
+								onChange: (event) => setStaged((prev) => prev === null ? prev : {
+									...prev,
+									cacheReadDiscount: event.target.value
+								})
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: CostPluginCard_module_css_default.field,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: CostPluginCard_module_css_default.head,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: CostPluginCard_module_css_default.label,
+									children: t("settings.fx")
+								})
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: CostPluginCard_module_css_default.inline,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+									className: CostPluginCard_module_css_default.select,
+									value: staged?.fxMode ?? "auto",
+									onChange: (event) => setStaged((prev) => prev === null ? prev : {
+										...prev,
+										fxMode: event.target.value
+									}),
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: "auto",
+										children: t("settings.fx.auto")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: "manual",
+										children: t("settings.fx.manual")
+									})]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									className: CostPluginCard_module_css_default.input,
+									type: "number",
+									min: .001,
+									step: .01,
+									value: staged?.manualRate ?? "",
+									onChange: (event) => setStaged((prev) => prev === null ? prev : {
+										...prev,
+										manualRate: event.target.value
+									})
+								})]
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+							className: CostPluginCard_module_css_default.field,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: CostPluginCard_module_css_default.head,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: CostPluginCard_module_css_default.label,
+									children: t("settings.balance")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									className: CostPluginCard_module_css_default.checkbox,
+									type: "checkbox",
+									checked: staged?.balanceEnabled ?? true,
+									onChange: (event) => setStaged((prev) => prev === null ? prev : {
+										...prev,
+										balanceEnabled: event.target.checked
+									})
+								})]
+							})
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+							className: CostPluginCard_module_css_default.field,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: CostPluginCard_module_css_default.head,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: CostPluginCard_module_css_default.label,
+									children: t("settings.openrouter")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									className: CostPluginCard_module_css_default.checkbox,
+									type: "checkbox",
+									checked: staged?.openRouterEnabled ?? true,
+									onChange: (event) => setStaged((prev) => prev === null ? prev : {
+										...prev,
+										openRouterEnabled: event.target.checked
+									})
+								})]
+							})
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: CostPluginCard_module_css_default.field,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: CostPluginCard_module_css_default.head,
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: CostPluginCard_module_css_default.label,
+										children: t("settings.overrides")
+									})
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+									className: CostPluginCard_module_css_default.textarea,
+									value: staged?.overridesText ?? "",
+									spellCheck: false,
+									onChange: (event) => setStaged((prev) => prev === null ? prev : {
+										...prev,
+										overridesText: event.target.value
+									})
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: CostPluginCard_module_css_default.hint,
+									children: t("settings.jsonHint")
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: CostPluginCard_module_css_default.field,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: CostPluginCard_module_css_default.head,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: CostPluginCard_module_css_default.label,
+									children: t("settings.aliases")
+								})
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+								className: CostPluginCard_module_css_default.textarea,
+								value: staged?.aliasesText ?? "",
+								spellCheck: false,
+								onChange: (event) => setStaged((prev) => prev === null ? prev : {
+									...prev,
+									aliasesText: event.target.value
+								})
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: CostPluginCard_module_css_default.footer,
+							children: [
+								status !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: CostPluginCard_module_css_default.status,
+									children: status
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: CostPluginCard_module_css_default.spacer }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+									variant: "outline",
+									onClick: () => setStaged(null),
+									children: t("settings.discard")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+									variant: "primary",
+									onClick: save,
+									disabled: busy || snapshot.status !== "ready",
+									children: t("settings.save")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+									variant: "outline",
+									onClick: refresh,
+									disabled: busy,
+									children: busy ? t("settings.refreshing") : t("settings.refresh")
+								})
+							]
+						})
+					]
+				})]
+			});
+		});
+		//#endregion
+		//#region src/client/index.ts
+		/** The settings namespace this plugin owns (mirrors the host registration). */
+		const SETTINGS_NAMESPACE = "cost-meter";
+		/** Required services for locale registration, slot contributions, and the settings scope. */
+		const inject = [
+			"sessions",
+			"slots",
+			"locale",
+			"settingsScope"
+		];
+		/**
+		* Client plugin body: register the dictionaries and the five slot entries.
+		* @param ctx - client root context.
+		*/
+		function apply(ctx) {
+			ctx.effect(() => ctx.locale.register(NS, {
+				zh,
+				en
+			}), "ui-cost-meter: dictionaries");
+			const t = ctx.locale.bind(NS);
+			const scope = ctx.settingsScope.bind({ namespace: SETTINGS_NAMESPACE });
+			ctx.slots.inject("conversation.composer.dock", () => ctx.slots.register({
+				name: "conversation.composer.dock",
+				id: "cost-meter",
+				order: 1,
+				locale: NS
+			}, SessionCostLine));
+			ctx.slots.inject("conversation.view", () => ctx.slots.register({
+				name: "conversation.view",
+				id: "cost",
+				order: 20,
+				locale: NS,
+				label: () => t("view.cost")
+			}, CostView));
+			ctx.slots.inject("conversation.chat.assistant-actions", () => ctx.slots.register({
+				name: "conversation.chat.assistant-actions",
+				id: "cost",
+				order: 20,
+				locale: NS
+			}, AssistantCostChip));
+			ctx.slots.inject("conversation.session.header.utilities", () => ctx.slots.register({
+				name: "conversation.session.header.utilities",
+				id: "cost-meter",
+				order: -10,
+				locale: NS
+			}, SessionCostPill));
+			ctx.slots.inject("settings.plugin.item", () => ctx.slots.register({
+				name: "settings.plugin.item",
+				id: "cost-meter",
+				order: 30,
+				locale: NS,
+				inject: () => ({ scope })
+			}, CostPluginCard));
+		}
+		//#endregion
+		exports.SETTINGS_NAMESPACE = SETTINGS_NAMESPACE;
+		exports.apply = apply;
+		exports.inject = inject;
+		return module.exports;
+	}
+});
+
+//# sourceMappingURL=client.js.map