dsh-key-usage 0.1.2 → 0.1.4

package/client/client.js

@@ -6,6 +6,400 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 		let react = require("react");
 		let react_jsx_runtime = require("react/jsx-runtime");
+		//#region src/client/pricing.ts
+		const COST_SOURCE_LABELS = {
+			official: "官方",
+			rule: "自定",
+			catalog: "官方价",
+			estimate: "估算",
+			none: "—"
+		};
+		/** 角标的悬浮说明：让「估算」不会被当成账单金额用。 */
+		const COST_SOURCE_HINTS = {
+			official: "官方：台账记录的厂商账单金额",
+			rule: "自定：按你维护的计费规则算出",
+			catalog: "官方价：按插件内置的厂商官方价目算出（可查来源；你的规则优先于它）",
+			estimate: "估算：按台账反推的均价推算",
+			none: "没有价格依据（未配置规则，台账也无成本数据）"
+		};
+		const UNIT_LABELS = {
+			perMillionTokens: "每百万 tokens",
+			perThousandTokens: "每千 tokens",
+			perCall: "每次调用"
+		};
+		const UNIT_OPTIONS = [
+			"perMillionTokens",
+			"perThousandTokens",
+			"perCall"
+		];
+		const CURRENCY_OPTIONS = ["CNY", "USD"];
+		const EMPTY_CONFIG = {
+			version: 1,
+			currency: "CNY",
+			rules: []
+		};
+		/** 币种符号；未知币种保留代码前缀，避免把 USD 当 CNY 渲染。 */
+		function currencySymbolOf(currency) {
+			if (currency === "CNY") return "¥";
+			if (currency === "USD") return "$";
+			return currency + " ";
+		}
+		function ruleKeyOf(rule) {
+			return rule.provider + "|" + rule.model;
+		}
+		function ruleLabelOf(rule) {
+			const model = rule.model === "*" ? "全部模型" : rule.model;
+			return (rule.provider === "*" ? "任意通道" : rule.provider) + " · " + model;
+		}
+		/** 错峰窗口文案：`09:00–12:00、14:00–18:00`；带 `days` 的窗口补一个「（工作日）」之类的后缀。 */
+		function offPeakWindowsText(rule) {
+			if (rule.offPeak === null || rule.offPeak.windows.length === 0) return "";
+			return rule.offPeak.windows.map((window) => {
+				const base = window.from + "–" + window.to;
+				const suffix = dayScopeSuffixOf(window.days);
+				return suffix === "" ? base : base + "（" + suffix + "）";
+			}).join("、");
+		}
+		const DAY_SCOPE_OPTIONS = [
+			"every",
+			"weekday",
+			"weekend"
+		];
+		const DAY_SCOPE_LABELS = {
+			every: "每天",
+			weekday: "仅工作日",
+			weekend: "仅周末"
+		};
+		/** 「每天」刻意映射成 `days` 缺省（而不是 [1..7]），保证升级前的规则原样往返。 */
+		const DAY_SCOPE_DAYS = {
+			every: void 0,
+			weekday: [
+				1,
+				2,
+				3,
+				4,
+				5
+			],
+			weekend: [6, 7]
+		};
+		/** 已保存的 `days` → 编辑器取值；非法值一律当「每天」（与服务端容错口径一致）。 */
+		function dayScopeOf(days) {
+			const normalized = normalizeDays(days);
+			if (normalized === void 0) return "every";
+			const key = normalized.join(",");
+			if (key === "1,2,3,4,5") return "weekday";
+			if (key === "6,7") return "weekend";
+			return "every";
+		}
+		/** `days` 的简短说明；缺省或非三名组合返回空串（表示「每天」）。 */
+		function dayScopeSuffixOf(days) {
+			const scope = dayScopeOf(days);
+			return scope === "every" ? "" : DAY_SCOPE_LABELS[scope];
+		}
+		/**
+		* `days` 归一：只接受 1–7 的整数、去重排序；非法值返回 undefined = 每天适用。
+		* 与服务端 normalizeDays 同一口径：非法值不整段作废，避免金额突然变高。
+		*/
+		function normalizeDays(raw) {
+			if (!Array.isArray(raw)) return void 0;
+			const days = /* @__PURE__ */ new Set();
+			for (const entry of raw) {
+				if (typeof entry !== "number" || !Number.isInteger(entry) || entry < 1 || entry > 7) continue;
+				days.add(entry);
+			}
+			if (days.size === 0) return void 0;
+			return [...days].sort((first, second) => first - second);
+		}
+		function toNumber(value, fallback) {
+			return typeof value === "number" && Number.isFinite(value) && value >= 0 ? value : fallback;
+		}
+		function toText(value, fallback) {
+			return typeof value === "string" && value.trim() !== "" ? value.trim() : fallback;
+		}
+		function ratesOf(raw, fallback) {
+			return {
+				input: toNumber(raw.input, fallback.input),
+				cacheRead: toNumber(raw.cacheRead, fallback.cacheRead),
+				cacheWrite: toNumber(raw.cacheWrite, fallback.cacheWrite),
+				output: toNumber(raw.output, fallback.output)
+			};
+		}
+		function windowsOf(raw) {
+			if (!Array.isArray(raw)) return [];
+			const windows = [];
+			for (const entry of raw) {
+				if (typeof entry !== "object" || entry === null) continue;
+				const from = entry.from;
+				const to = entry.to;
+				if (typeof from !== "string" || typeof to !== "string") continue;
+				if (!/^\d{1,2}:\d{2}$/.test(from.trim()) || !/^\d{1,2}:\d{2}$/.test(to.trim())) continue;
+				const days = normalizeDays(entry.days);
+				windows.push({
+					from: from.trim(),
+					to: to.trim(),
+					...days === void 0 ? {} : { days }
+				});
+			}
+			return windows;
+		}
+		/**
+		* 设置服务返回的值做一次防御式归一：
+		* 宿主 schema 会把缺省的 `offPeak` 补成 `{windows: [], …}`，那种空壳要还原成「无错峰」。
+		*/
+		function normalizeClientPricing(value) {
+			if (typeof value !== "object" || value === null) return EMPTY_CONFIG;
+			const record = value;
+			const currency = toText(record.currency, EMPTY_CONFIG.currency);
+			const rules = [];
+			for (const entry of Array.isArray(record.rules) ? record.rules : []) {
+				if (typeof entry !== "object" || entry === null) continue;
+				const raw = entry;
+				const base = ratesOf(raw, {
+					input: 0,
+					cacheRead: 0,
+					cacheWrite: 0,
+					output: 0
+				});
+				let offPeak = null;
+				if (typeof raw.offPeak === "object" && raw.offPeak !== null) {
+					const offPeakRaw = raw.offPeak;
+					const windows = windowsOf(offPeakRaw.windows);
+					if (windows.length > 0) offPeak = {
+						...ratesOf(offPeakRaw, base),
+						windows
+					};
+				}
+				rules.push({
+					provider: toText(raw.provider, "*"),
+					model: toText(raw.model, "*"),
+					unit: UNIT_OPTIONS.includes(raw.unit) ? raw.unit : "perMillionTokens",
+					currency: toText(raw.currency, currency),
+					...base,
+					offPeak,
+					note: typeof raw.note === "string" ? raw.note : ""
+				});
+			}
+			return {
+				version: typeof record.version === "number" ? record.version : 1,
+				currency,
+				rules
+			};
+		}
+		/** 编辑器产出的规则必须只含 JSON 形状：写盘走宿主，`undefined` 会被拒绝。 */
+		function cleanRuleForWrite(rule) {
+			const values = {
+				provider: rule.provider.trim() === "" ? "*" : rule.provider.trim(),
+				model: rule.model.trim() === "" ? "*" : rule.model.trim(),
+				unit: rule.unit,
+				currency: rule.currency,
+				input: rule.input,
+				cacheRead: rule.cacheRead,
+				cacheWrite: rule.cacheWrite,
+				output: rule.output,
+				note: rule.note
+			};
+			if (rule.offPeak !== null && rule.offPeak.windows.length > 0) values.offPeak = {
+				windows: rule.offPeak.windows.map((window) => {
+					const days = normalizeDays(window.days);
+					return days === void 0 ? {
+						from: window.from,
+						to: window.to
+					} : {
+						from: window.from,
+						to: window.to,
+						days
+					};
+				}),
+				input: rule.offPeak.input,
+				cacheRead: rule.offPeak.cacheRead,
+				cacheWrite: rule.offPeak.cacheWrite,
+				output: rule.offPeak.output
+			};
+			return values;
+		}
+		function configForWrite(config) {
+			return {
+				version: config.version,
+				currency: config.currency,
+				rules: config.rules.map(cleanRuleForWrite)
+			};
+		}
+		/** 新增规则的初始值：全 0 单价会算成免费，因此先挡在保存之前（见编辑器校验）。 */
+		function blankRule(config) {
+			return {
+				provider: "*",
+				model: "*",
+				unit: "perMillionTokens",
+				currency: config.currency,
+				input: 0,
+				cacheRead: 0,
+				cacheWrite: 0,
+				output: 0,
+				offPeak: null,
+				note: ""
+			};
+		}
+		/** 导入：接受整份配置（`{version,currency,rules}`）或裸规则数组；解析失败给出中文原因。 */
+		function parseImportedPricing(text) {
+			let parsed;
+			try {
+				parsed = JSON.parse(text);
+			} catch (error) {
+				return {
+					config: null,
+					error: "不是合法 JSON：" + (error instanceof Error ? error.message : String(error))
+				};
+			}
+			const candidate = Array.isArray(parsed) ? {
+				version: 1,
+				currency: EMPTY_CONFIG.currency,
+				rules: parsed
+			} : parsed;
+			if (typeof candidate !== "object" || candidate === null) return {
+				config: null,
+				error: "顶层必须是对象或规则数组"
+			};
+			const config = normalizeClientPricing(candidate);
+			if (config.rules.length === 0) return {
+				config: null,
+				error: "没有解析出任何规则（检查 provider / model / 单价字段）"
+			};
+			return {
+				config,
+				error: null
+			};
+		}
+		/** 单价全为 0 的规则会把成本算成免费，保存前必须拦住。 */
+		function ruleProblemOf(rule) {
+			const values = [
+				rule.input,
+				rule.cacheRead,
+				rule.cacheWrite,
+				rule.output
+			];
+			if (values.every((value) => value === 0)) return "四档单价全为 0 会算成免费，至少填一个";
+			if (values.some((value) => !Number.isFinite(value) || value < 0)) return "单价必须是不小于 0 的数字";
+			if (rule.offPeak !== null && rule.offPeak.windows.length === 0) return "错峰时段至少要有一个窗口，或整段留空";
+			return null;
+		}
+		//#endregion
+		//#region src/client/pricingSettings.ts
+		/**
+		* 计费规则的读写通道：把宿主的配置表单服务（`ctx.configForms`）包成一个 React 可订阅的 store。
+		*
+		* 为什么不用自己的 HTTP 路由写文件：插件只允许写 `quota-snapshots.json` 一个文件。
+		* 规则的命名空间就是本插件在 profile 里的条目 id（`dsh-key-usage`），
+		* 写入由宿主的 config-editor 落到当前 profile 的 cordis patch 上，插件全程不碰文件系统。
+		*/
+		function createPricingSettings() {
+			let state = {
+				status: "loading",
+				writable: false,
+				config: EMPTY_CONFIG,
+				error: null
+			};
+			let form = null;
+			let unsubscribe = null;
+			const listeners = /* @__PURE__ */ new Set();
+			const publish = (next) => {
+				if (next.status === state.status && next.writable === state.writable && next.error === state.error && next.config === state.config) return;
+				state = next;
+				for (const listener of listeners) listener();
+			};
+			const sync = () => {
+				if (form === null) {
+					publish({
+						status: "unavailable",
+						writable: false,
+						config: state.config,
+						error: state.error
+					});
+					return;
+				}
+				const snapshot = form.getSnapshot();
+				const ready = snapshot.status === "ready" && snapshot.value !== void 0;
+				publish({
+					status: ready ? "ready" : snapshot.status === "unavailable" ? "unavailable" : "loading",
+					writable: snapshot.writable === true,
+					config: ready ? normalizeClientPricing(snapshot.value) : state.config,
+					error: state.error
+				});
+			};
+			return {
+				store: {
+					subscribe(listener) {
+						listeners.add(listener);
+						return () => {
+							listeners.delete(listener);
+						};
+					},
+					getSnapshot: () => state
+				},
+				attach(next) {
+					unsubscribe?.();
+					unsubscribe = null;
+					form = next;
+					if (form !== null) {
+						unsubscribe = form.subscribe(sync);
+						publish({
+							...state,
+							error: null
+						});
+					}
+					sync();
+					return () => {
+						unsubscribe?.();
+						unsubscribe = null;
+						form = null;
+					};
+				},
+				async save(config) {
+					if (form === null) {
+						publish({
+							...state,
+							error: "宿主没有提供配置表单服务，规则只能导出 / 导入，无法保存"
+						});
+						return false;
+					}
+					publish({
+						...state,
+						error: null
+					});
+					let accepted = false;
+					try {
+						accepted = await form.mutate([{
+							op: "set",
+							path: ["pricing"],
+							value: configForWrite(config)
+						}]);
+					} catch (error) {
+						publish({
+							...state,
+							error: "写入失败：" + (error instanceof Error ? error.message : String(error))
+						});
+						return false;
+					}
+					if (!accepted) publish({
+						...state,
+						error: "写入被宿主拒绝（可能是规则在别处被同时修改，请重试）"
+					});
+					return accepted;
+				},
+				isServed: () => state.status !== "unavailable",
+				noteError(message) {
+					publish({
+						...state,
+						error: message
+					});
+				}
+			};
+		}
+		/**
+		* 进程内单例：插件在页面里只有一个实例，index.tsx 在 apply 时把它接到 `configForms` 上，
+		* 组件用 useSyncExternalStore 订阅即可（避免把服务对象一层层透传进 React 树）。
+		*/
+		const pricingSettings = createPricingSettings();
+		//#endregion
 		//#region src/client/UsageIcon.tsx
 		function UsageIcon({ size = 18 }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
@@ -46,12 +440,25 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 		}
 		//#endregion
 		//#region src/client/api.ts
+		/**
+		* 最近一次请求失败的原因，按路径记住。
+		* 空态文案需要能指向「怎么做」——最常见的失败是新端点 404（服务端代码要重启宿主才生效）。
+		*/
+		const failureReasons = /* @__PURE__ */ new Map();
+		function failureReasonOf(path) {
+			return failureReasons.get(path) ?? null;
+		}
 		async function fetchJson(path) {
 			try {
 				const response = await fetch(path, { headers: { Accept: "application/json" } });
-				if (!response.ok) return null;
+				if (!response.ok) {
+					failureReasons.set(path, response.status === 404 ? "HTTP 404：宿主没有这个端点 —— 服务端改动需要退出重开 DSH（刷新页面不够）" : "HTTP " + String(response.status));
+					return null;
+				}
+				failureReasons.delete(path);
 				return await response.json();
-			} catch {
+			} catch (error) {
+				failureReasons.set(path, "请求失败：" + (error instanceof Error ? error.message : String(error)));
 				return null;
 			}
 		}
@@ -88,6 +495,13 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 		function loadProjects(limit = 200) {
 			return fetchJson("/dsh-key-usage/projects?limit=" + String(limit));
 		}
+		function loadModels(limit = 200) {
+			return fetchJson("/dsh-key-usage/models?limit=" + String(limit));
+		}
+		/** 计费规则面板的服务端对照：内置模板、错峰状态与近 30 天覆盖度。 */
+		function loadPricing() {
+			return fetchJson("/dsh-key-usage/pricing");
+		}
 		//#endregion
 		//#region src/client/format.ts
 		/** 展示层格式化：全部与统计口径无关，只负责把数字变成界面文本。 */
@@ -147,64 +561,65 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 			return `${Math.round(minutes / 1440)} 天前`;
 		}
 		//#endregion
-		//#region \0dsh-css:D:\EasyJob\.plugin\dsh-key-usage\src\client\styles\shared.module.css.mjs
-		const css$5 = ".LhdpGW_section{color:var(--dsw-alias-label-primary,#e8e8ec);font-size:13.5px;line-height:1.55}.LhdpGW_title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-size:18px;font-weight:650;display:flex}.LhdpGW_titleActions{align-items:center;gap:8px;display:inline-flex}.LhdpGW_refreshBtn{border:1px solid var(--dsw-alias-border-l2,#2c2c34);color:var(--dsw-alias-label-secondary,#9a9aa6);cursor:pointer;background:0 0;border-radius:999px;padding:3px 12px;font-family:inherit;font-size:11.5px}.LhdpGW_refreshBtn:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover,#80808c1a);color:var(--dsw-alias-label-primary,#e8e8ec)}.LhdpGW_refreshBtn:disabled{opacity:.6;cursor:default}.LhdpGW_tabBar{border-bottom:1px solid var(--dsw-alias-border-l1,#2c2c34);flex-wrap:wrap;gap:2px;margin-bottom:18px;display:flex}.LhdpGW_tabBar button{color:var(--dsw-alias-label-secondary,#9a9aa6);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 14px;font-size:13px}.LhdpGW_tabBar button:hover{color:var(--dsw-alias-label-primary,#e8e8ec)}.LhdpGW_tabBar button.LhdpGW_active{color:var(--dsw-alias-state-accent-primary,#5b8cff);border-bottom-color:var(--dsw-alias-state-accent-primary,#5b8cff);font-weight:600}.LhdpGW_card{background:var(--dsw-alias-bg-layer-2,#1d1d22);border:1px solid var(--dsw-alias-border-l1,#2c2c34);border-radius:12px;padding:14px 16px}.LhdpGW_cardGrid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.LhdpGW_cardGrid4{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.LhdpGW_cardGridAuto{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:18px;display:grid}@media (max-width:720px){.LhdpGW_cardGrid4{grid-template-columns:repeat(2,minmax(0,1fr))}}.LhdpGW_statLabel{color:var(--dsw-alias-label-tertiary,#67676f);margin-bottom:6px;font-size:11.5px}.LhdpGW_statValue{font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-primary,#e8e8ec);font-size:20px;font-weight:650}.LhdpGW_statExtra{color:var(--dsw-alias-label-tertiary,#67676f);margin-top:4px;font-size:11.5px}.LhdpGW_groupLabel{color:var(--dsw-alias-label-secondary,#9a9aa6);margin:4px 0 10px;font-size:12.5px;font-weight:600}.LhdpGW_blockLabel{color:var(--dsw-alias-label-secondary,#9a9aa6);margin:18px 0 4px;font-size:11.5px}.LhdpGW_table{border-collapse:collapse;width:100%;margin-top:10px}.LhdpGW_table th{text-align:right;color:var(--dsw-alias-label-tertiary,#67676f);border-bottom:1px solid var(--dsw-alias-border-l1,#2c2c34);white-space:nowrap;padding:5px 8px;font-size:10.5px;font-weight:500}.LhdpGW_table td{text-align:right;font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-secondary,#9a9aa6);vertical-align:middle;border-bottom:1px solid var(--dsw-alias-border-l1,#2c2c34);white-space:normal;overflow-wrap:anywhere;padding:7px 8px;font-size:12px}.LhdpGW_table th:first-child,.LhdpGW_table td:first-child{text-align:left;padding-left:0}.LhdpGW_table td:first-child{color:var(--dsw-alias-label-primary,#e8e8ec)}.LhdpGW_table th.LhdpGW_sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.LhdpGW_table th.LhdpGW_sortable:hover{color:var(--dsw-alias-label-secondary,#9a9aa6)}.LhdpGW_table th.LhdpGW_sortActive{color:var(--dsw-alias-state-accent-primary,#5b8cff)}.LhdpGW_sortArrow{opacity:.8;margin-left:3px;font-size:8px}.LhdpGW_table tr.LhdpGW_clickable{cursor:pointer}.LhdpGW_table tr.LhdpGW_clickable:hover{background:var(--dsw-alias-interactive-bg-hover,#80808c12)}.LhdpGW_table tr.LhdpGW_total td{color:var(--dsw-alias-label-primary,#e8e8ec);border-bottom:0;border-top:1px solid var(--dsw-alias-border-l2,#2c2c34);font-weight:600}.LhdpGW_table tr.LhdpGW_disabled{opacity:.55}.LhdpGW_chipRow{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.LhdpGW_chip{border:1px solid var(--dsw-alias-border-l2,#2c2c34);color:var(--dsw-alias-label-secondary,#9a9aa6);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:5px 13px;font-size:12px;display:inline-flex}.LhdpGW_chip:hover{color:var(--dsw-alias-label-primary,#e8e8ec);border-color:var(--dsw-alias-label-tertiary,#67676f)}.LhdpGW_chip.LhdpGW_active{background:var(--dsw-alias-interactive-bg-active,#5b8cff24);color:var(--dsw-alias-state-accent-primary,#5b8cff);border-color:#5b8cff66;font-weight:600}.LhdpGW_statusDot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.LhdpGW_dim{color:var(--dsw-alias-label-tertiary,#67676f)}.LhdpGW_mono{color:var(--dsw-alias-label-secondary,#9a9aa6);font-family:ui-monospace,Consolas,monospace;font-size:11px}.LhdpGW_empty{color:var(--dsw-alias-label-tertiary,#67676f);padding:18px 0}.LhdpGW_warning{color:var(--dsw-alias-state-warning-primary,#e0a13c);margin-bottom:10px;font-size:11.5px}.LhdpGW_legend{color:var(--dsw-alias-label-tertiary,#67676f);flex-wrap:wrap;align-items:center;gap:10px;font-size:10.5px;display:inline-flex}.LhdpGW_legend i{border-radius:2px;width:10px;height:10px;margin-right:3px;display:inline-block}.LhdpGW_legend i.LhdpGW_ghost{background:#80808c1a;border:1px solid #80808c47}.LhdpGW_footnote{border-top:1px solid var(--dsw-alias-border-l1,#2c2c34);color:var(--dsw-alias-label-tertiary,#67676f);margin-top:26px;padding-top:14px;font-size:11.5px;line-height:1.8}.LhdpGW_footnote b{color:var(--dsw-alias-label-secondary,#9a9aa6);font-weight:500}.LhdpGW_footnoteList{margin:4px 0 0;padding-left:18px}.LhdpGW_footnoteList li{margin:1px 0}.LhdpGW_tooltip{z-index:9999;pointer-events:none;background:var(--dsw-alias-bg-layer-3,#232329);border:1px solid var(--dsw-alias-border-l2,#2c2c34);box-shadow:var(--dsw-shadow-lv2,0 8px 24px #00000059);min-width:210px;max-width:300px;color:var(--dsw-alias-label-primary,#e8e8ec);border-radius:10px;padding:10px 12px;font-family:inherit;font-size:12px;line-height:1.5;position:fixed}.LhdpGW_tipTitle{margin-bottom:2px;font-size:12px;font-weight:650}.LhdpGW_tipSub{color:var(--dsw-alias-label-secondary,#9a9aa6);margin-bottom:8px;font-size:11.5px}.LhdpGW_tipRow{color:var(--dsw-alias-label-secondary,#9a9aa6);align-items:center;gap:6px;padding:2px 0;font-size:11px;display:flex}.LhdpGW_tipRow i{border-radius:2px;flex-shrink:0;width:7px;height:7px}.LhdpGW_tipName{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.LhdpGW_tipAmount{font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-tertiary,#67676f);text-align:right;width:58px}.LhdpGW_tipRate{font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-primary,#e8e8ec);font-weight:600}.LhdpGW_tipBar{background:var(--dsw-alias-fill-l1,#80808c2e);border-radius:2px;height:3px;margin:1px 0 5px;overflow:hidden}.LhdpGW_tipBar>i{border-radius:2px;height:100%;display:block}.LhdpGW_tipDivider{border-top:1px solid var(--dsw-alias-border-l1,#2c2c34);color:var(--dsw-alias-label-secondary,#9a9aa6);justify-content:space-between;gap:12px;margin-top:6px;padding-top:6px;font-size:11px;display:flex}";
-		const tagId$5 = "dsh-key-usage/shared.module.css";
-		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$5) + "]") === null) {
+		//#region \0dsh-css:src/client/styles/shared.module.css.mjs
+		const css$8 = ".d29QNW_section{color:var(--dsw-alias-label-primary,#e8e8ec);font-size:13.5px;line-height:1.55}.d29QNW_title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-size:18px;font-weight:650;display:flex}.d29QNW_titleActions{align-items:center;gap:8px;display:inline-flex}.d29QNW_refreshBtn{border:1px solid var(--dsw-alias-border-l2,#2c2c34);color:var(--dsw-alias-label-secondary,#9a9aa6);cursor:pointer;background:0 0;border-radius:999px;padding:3px 12px;font-family:inherit;font-size:11.5px}.d29QNW_refreshBtn:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover,#80808c1a);color:var(--dsw-alias-label-primary,#e8e8ec)}.d29QNW_refreshBtn:disabled{opacity:.6;cursor:default}.d29QNW_tabBar{border-bottom:1px solid var(--dsw-alias-border-l1,#2c2c34);flex-wrap:wrap;gap:2px;margin-bottom:18px;display:flex}.d29QNW_tabBar button{color:var(--dsw-alias-label-secondary,#9a9aa6);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 14px;font-size:13px}.d29QNW_tabBar button:hover{color:var(--dsw-alias-label-primary,#e8e8ec)}.d29QNW_tabBar button.d29QNW_active{color:var(--dsw-alias-state-accent-primary,#5b8cff);border-bottom-color:var(--dsw-alias-state-accent-primary,#5b8cff);font-weight:600}.d29QNW_card{background:var(--dsw-alias-bg-layer-2,#1d1d22);border:1px solid var(--dsw-alias-border-l1,#2c2c34);border-radius:12px;padding:14px 16px}.d29QNW_cardGrid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.d29QNW_cardGrid4{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.d29QNW_cardGridAuto{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:18px;display:grid}.d29QNW_cardGrid6{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}@media (max-width:1180px){.d29QNW_cardGrid6{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:720px){.d29QNW_cardGrid6,.d29QNW_cardGrid4{grid-template-columns:repeat(2,minmax(0,1fr))}}.d29QNW_statLabel{color:var(--dsw-alias-label-tertiary,#67676f);margin-bottom:6px;font-size:11.5px}.d29QNW_statValue{font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-primary,#e8e8ec);font-size:20px;font-weight:650}.d29QNW_statExtra{color:var(--dsw-alias-label-tertiary,#67676f);margin-top:4px;font-size:11.5px}.d29QNW_groupLabel{color:var(--dsw-alias-label-secondary,#9a9aa6);margin:4px 0 10px;font-size:12.5px;font-weight:600}.d29QNW_blockLabel{color:var(--dsw-alias-label-secondary,#9a9aa6);margin:18px 0 4px;font-size:11.5px}.d29QNW_table{border-collapse:collapse;width:100%;margin-top:10px}.d29QNW_table th{text-align:right;color:var(--dsw-alias-label-tertiary,#67676f);border-bottom:1px solid var(--dsw-alias-border-l1,#2c2c34);white-space:nowrap;padding:5px 8px;font-size:10.5px;font-weight:500}.d29QNW_table td{text-align:right;font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-secondary,#9a9aa6);vertical-align:middle;border-bottom:1px solid var(--dsw-alias-border-l1,#2c2c34);white-space:normal;overflow-wrap:anywhere;padding:7px 8px;font-size:12px}.d29QNW_table th:first-child,.d29QNW_table td:first-child{text-align:left;padding-left:0}.d29QNW_table td:first-child{color:var(--dsw-alias-label-primary,#e8e8ec)}.d29QNW_table th.d29QNW_sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.d29QNW_table th.d29QNW_sortable:hover{color:var(--dsw-alias-label-secondary,#9a9aa6)}.d29QNW_table th.d29QNW_sortActive{color:var(--dsw-alias-state-accent-primary,#5b8cff)}.d29QNW_sortArrow{opacity:.8;margin-left:3px;font-size:8px}.d29QNW_table tr.d29QNW_clickable{cursor:pointer}.d29QNW_table tr.d29QNW_clickable:hover{background:var(--dsw-alias-interactive-bg-hover,#80808c12)}.d29QNW_table tr.d29QNW_total td{color:var(--dsw-alias-label-primary,#e8e8ec);border-bottom:0;border-top:1px solid var(--dsw-alias-border-l2,#2c2c34);font-weight:600}.d29QNW_table tr.d29QNW_disabled{opacity:.55}.d29QNW_chipRow{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.d29QNW_chip{border:1px solid var(--dsw-alias-border-l2,#2c2c34);color:var(--dsw-alias-label-secondary,#9a9aa6);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:5px 13px;font-size:12px;display:inline-flex}.d29QNW_chip:hover{color:var(--dsw-alias-label-primary,#e8e8ec);border-color:var(--dsw-alias-label-tertiary,#67676f)}.d29QNW_chip.d29QNW_active{background:var(--dsw-alias-interactive-bg-active,#5b8cff24);color:var(--dsw-alias-state-accent-primary,#5b8cff);border-color:#5b8cff66;font-weight:600}.d29QNW_statusDot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.d29QNW_dim{color:var(--dsw-alias-label-tertiary,#67676f)}.d29QNW_mono{color:var(--dsw-alias-label-secondary,#9a9aa6);font-family:ui-monospace,Consolas,monospace;font-size:11px}.d29QNW_empty{color:var(--dsw-alias-label-tertiary,#67676f);padding:18px 0}.d29QNW_warning{color:var(--dsw-alias-state-warning-primary,#e0a13c);margin-bottom:10px;font-size:11.5px}.d29QNW_legend{color:var(--dsw-alias-label-tertiary,#67676f);flex-wrap:wrap;align-items:center;gap:10px;font-size:10.5px;display:inline-flex}.d29QNW_legend i{border-radius:2px;width:10px;height:10px;margin-right:3px;display:inline-block}.d29QNW_legend i.d29QNW_ghost{background:#80808c1a;border:1px solid #80808c47}.d29QNW_footnote{border-top:1px solid var(--dsw-alias-border-l1,#2c2c34);color:var(--dsw-alias-label-tertiary,#67676f);margin-top:26px;padding-top:14px;font-size:11.5px;line-height:1.8}.d29QNW_footnote b{color:var(--dsw-alias-label-secondary,#9a9aa6);font-weight:500}.d29QNW_footnoteList{margin:4px 0 0;padding-left:18px}.d29QNW_footnoteList li{margin:1px 0}.d29QNW_tooltip{z-index:9999;pointer-events:none;background:var(--dsw-alias-bg-layer-3,#232329);border:1px solid var(--dsw-alias-border-l2,#2c2c34);box-shadow:var(--dsw-shadow-lv2,0 8px 24px #00000059);min-width:210px;max-width:300px;color:var(--dsw-alias-label-primary,#e8e8ec);border-radius:10px;padding:10px 12px;font-family:inherit;font-size:12px;line-height:1.5;position:fixed}.d29QNW_tipTitle{margin-bottom:2px;font-size:12px;font-weight:650}.d29QNW_tipSub{color:var(--dsw-alias-label-secondary,#9a9aa6);margin-bottom:8px;font-size:11.5px}.d29QNW_tipRow{color:var(--dsw-alias-label-secondary,#9a9aa6);align-items:center;gap:6px;padding:2px 0;font-size:11px;display:flex}.d29QNW_tipRow i{border-radius:2px;flex-shrink:0;width:7px;height:7px}.d29QNW_tipName{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.d29QNW_tipAmount{font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-tertiary,#67676f);text-align:right;width:58px}.d29QNW_tipRate{font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-primary,#e8e8ec);font-weight:600}.d29QNW_tipBar{background:var(--dsw-alias-fill-l1,#80808c2e);border-radius:2px;height:3px;margin:1px 0 5px;overflow:hidden}.d29QNW_tipBar>i{border-radius:2px;height:100%;display:block}.d29QNW_tipDivider{border-top:1px solid var(--dsw-alias-border-l1,#2c2c34);color:var(--dsw-alias-label-secondary,#9a9aa6);justify-content:space-between;gap:12px;margin-top:6px;padding-top:6px;font-size:11px;display:flex}";
+		const tagId$8 = "dsh-key-usage/shared.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$8) + "]") === null) {
 			const tag = document.createElement("style");
 			tag.dataset.plugin = "dsh-key-usage";
-			tag.dataset.pluginCss = tagId$5;
-			tag.textContent = css$5;
+			tag.dataset.pluginCss = tagId$8;
+			tag.textContent = css$8;
 			document.head.appendChild(tag);
 		}
-		const cssRegistry$5 = globalThis.__DSH_PLUGIN_CSS__ ??= [];
-		if (!cssRegistry$5.some((e) => e.tagId === tagId$5)) cssRegistry$5.push({
-			tagId: tagId$5,
-			css: css$5
+		const cssRegistry$8 = globalThis.__DSH_PLUGIN_CSS__ ??= [];
+		if (!cssRegistry$8.some((e) => e.tagId === tagId$8)) cssRegistry$8.push({
+			tagId: tagId$8,
+			css: css$8
 		});
 		var shared_module_css_default = {
-			"ghost": "LhdpGW_ghost",
-			"statExtra": "LhdpGW_statExtra",
-			"disabled": "LhdpGW_disabled",
-			"footnote": "LhdpGW_footnote",
-			"empty": "LhdpGW_empty",
-			"titleActions": "LhdpGW_titleActions",
-			"chipRow": "LhdpGW_chipRow",
-			"tipAmount": "LhdpGW_tipAmount",
-			"tipDivider": "LhdpGW_tipDivider",
-			"groupLabel": "LhdpGW_groupLabel",
-			"cardGrid4": "LhdpGW_cardGrid4",
-			"title": "LhdpGW_title",
-			"cardGridAuto": "LhdpGW_cardGridAuto",
-			"warning": "LhdpGW_warning",
-			"refreshBtn": "LhdpGW_refreshBtn",
-			"footnoteList": "LhdpGW_footnoteList",
-			"clickable": "LhdpGW_clickable",
-			"statusDot": "LhdpGW_statusDot",
-			"tipSub": "LhdpGW_tipSub",
-			"tipTitle": "LhdpGW_tipTitle",
-			"statLabel": "LhdpGW_statLabel",
-			"tipRate": "LhdpGW_tipRate",
-			"tipName": "LhdpGW_tipName",
-			"statValue": "LhdpGW_statValue",
-			"total": "LhdpGW_total",
-			"blockLabel": "LhdpGW_blockLabel",
-			"sortArrow": "LhdpGW_sortArrow",
-			"tipRow": "LhdpGW_tipRow",
-			"section": "LhdpGW_section",
-			"cardGrid3": "LhdpGW_cardGrid3",
-			"active": "LhdpGW_active",
-			"sortActive": "LhdpGW_sortActive",
-			"dim": "LhdpGW_dim",
-			"table": "LhdpGW_table",
-			"sortable": "LhdpGW_sortable",
-			"legend": "LhdpGW_legend",
-			"tooltip": "LhdpGW_tooltip",
-			"tipBar": "LhdpGW_tipBar",
-			"mono": "LhdpGW_mono",
-			"tabBar": "LhdpGW_tabBar",
-			"card": "LhdpGW_card",
-			"chip": "LhdpGW_chip"
+			"active": "d29QNW_active",
+			"blockLabel": "d29QNW_blockLabel",
+			"card": "d29QNW_card",
+			"cardGrid3": "d29QNW_cardGrid3",
+			"cardGrid4": "d29QNW_cardGrid4",
+			"cardGrid6": "d29QNW_cardGrid6",
+			"cardGridAuto": "d29QNW_cardGridAuto",
+			"chip": "d29QNW_chip",
+			"chipRow": "d29QNW_chipRow",
+			"clickable": "d29QNW_clickable",
+			"dim": "d29QNW_dim",
+			"disabled": "d29QNW_disabled",
+			"empty": "d29QNW_empty",
+			"footnote": "d29QNW_footnote",
+			"footnoteList": "d29QNW_footnoteList",
+			"ghost": "d29QNW_ghost",
+			"groupLabel": "d29QNW_groupLabel",
+			"legend": "d29QNW_legend",
+			"mono": "d29QNW_mono",
+			"refreshBtn": "d29QNW_refreshBtn",
+			"section": "d29QNW_section",
+			"sortActive": "d29QNW_sortActive",
+			"sortArrow": "d29QNW_sortArrow",
+			"sortable": "d29QNW_sortable",
+			"statExtra": "d29QNW_statExtra",
+			"statLabel": "d29QNW_statLabel",
+			"statValue": "d29QNW_statValue",
+			"statusDot": "d29QNW_statusDot",
+			"tabBar": "d29QNW_tabBar",
+			"table": "d29QNW_table",
+			"tipAmount": "d29QNW_tipAmount",
+			"tipBar": "d29QNW_tipBar",
+			"tipDivider": "d29QNW_tipDivider",
+			"tipName": "d29QNW_tipName",
+			"tipRate": "d29QNW_tipRate",
+			"tipRow": "d29QNW_tipRow",
+			"tipSub": "d29QNW_tipSub",
+			"tipTitle": "d29QNW_tipTitle",
+			"title": "d29QNW_title",
+			"titleActions": "d29QNW_titleActions",
+			"tooltip": "d29QNW_tooltip",
+			"total": "d29QNW_total",
+			"warning": "d29QNW_warning"
 		};
 		//#endregion
 		//#region src/client/tooltip.tsx
@@ -340,6 +755,13 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 				dim: true
 			};
 		}
+		/**
+		* 单元格是否该挂来源角标：只有真的显示了金额（`¥…`）时才挂，
+		* `订阅内` / `免费` / `无计费` / `—` 都是占位文案，挂角标只是噪音。
+		*/
+		function showsAmount(cell) {
+			return cell.text.startsWith("¥");
+		}
 		/** 状态点的颜色（走宿主告警/成功令牌）。 */
 		function statusColorOf(status) {
 			if (status === "ok") return "var(--dsw-alias-state-success-primary, #3fb96f)";
@@ -354,52 +776,52 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 			return "var(--dsw-alias-state-success-primary, #3fb96f)";
 		}
 		//#endregion
-		//#region \0dsh-css:D:\EasyJob\.plugin\dsh-key-usage\src\client\styles\overview.module.css.mjs
-		const css$4 = ".J7Idbq_keyTable{border-collapse:collapse;width:100%}.J7Idbq_keyTable th{text-align:right;color:var(--dsw-alias-label-tertiary,#67676f);border-bottom:1px solid var(--dsw-alias-border-l1,#2c2c34);white-space:nowrap;padding:6px 10px;font-size:10.5px;font-weight:500}.J7Idbq_keyTable th:first-child{text-align:left;padding-left:0}.J7Idbq_keyTable td{text-align:right;font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-secondary,#9a9aa6);border-bottom:1px solid var(--dsw-alias-fill-l1,#80808c1f);white-space:nowrap;padding:10px;font-size:12.5px}.J7Idbq_keyTable td:first-child{text-align:left;padding-left:0}.J7Idbq_keyTable tr:last-child td{border-bottom:0}.J7Idbq_keyTable tbody tr.J7Idbq_clickable{cursor:pointer}.J7Idbq_keyTable tbody tr.J7Idbq_clickable:hover{background:var(--dsw-alias-interactive-bg-hover,#80808c12)}.J7Idbq_keyTable tr.J7Idbq_disabledRow{opacity:.55}.J7Idbq_cellKey{align-items:center;gap:10px;display:flex}.J7Idbq_keyDisplay{color:var(--dsw-alias-label-primary,#e8e8ec);font-size:13px;font-weight:600}.J7Idbq_keyEnv{color:var(--dsw-alias-label-tertiary,#67676f);margin-top:1px;font-family:ui-monospace,Consolas,monospace;font-size:10px}.J7Idbq_tag{border:1px solid var(--dsw-alias-border-l2,#2c2c34);color:var(--dsw-alias-label-secondary,#9a9aa6);background:var(--dsw-alias-bg-layer-2,#1d1d22);border-radius:5px;padding:1px 7px;font-size:10.5px;display:inline-block}.J7Idbq_tag.J7Idbq_free{color:var(--dsw-alias-state-success-primary,#3fb96f);border-color:#3fb96f59}.J7Idbq_tag.J7Idbq_sub{color:var(--dsw-alias-state-accent-primary,#5b8cff);border-color:#5b8cff59}.J7Idbq_tag.J7Idbq_off{color:var(--dsw-alias-label-tertiary,#67676f)}.J7Idbq_rowLink{color:var(--dsw-alias-label-tertiary,#67676f);font-size:11px}.J7Idbq_keyTable tbody tr.J7Idbq_clickable:hover .J7Idbq_rowLink{color:var(--dsw-alias-state-accent-primary,#5b8cff)}.J7Idbq_quotaCell{align-items:center;gap:8px;display:inline-flex}.J7Idbq_miniBar{background:var(--dsw-alias-fill-l2,#80808c2e);border-radius:3px;flex-shrink:0;width:64px;height:5px;overflow:hidden}.J7Idbq_miniBar>i{border-radius:3px;height:100%;display:block}.J7Idbq_quotaText{text-align:left;min-width:74px}.J7Idbq_quotaText.J7Idbq_warn{color:var(--dsw-alias-state-warning-primary,#e0a13c);font-weight:600}.J7Idbq_quotaText.J7Idbq_danger{color:var(--dsw-alias-state-danger-primary,#e05a5a);font-weight:600}.J7Idbq_quotaText.J7Idbq_dim{color:var(--dsw-alias-label-tertiary,#67676f)}.J7Idbq_heatmapCard{background:var(--dsw-alias-bg-layer-2,#1d1d22);border:1px solid var(--dsw-alias-border-l1,#2c2c34);border-radius:12px;margin-top:24px;padding:14px 16px}.J7Idbq_heatmapHead{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:10px;display:flex}.J7Idbq_heatmapTitle{color:var(--dsw-alias-label-secondary,#9a9aa6);font-size:11.5px}.J7Idbq_heatmapScroll{padding-bottom:4px;overflow-x:auto}.J7Idbq_heatmapBody{gap:6px;width:max-content;display:flex}.J7Idbq_heatWeekdays{flex-direction:column;flex-shrink:0;gap:3px;display:flex}.J7Idbq_heatWeekdays span{color:var(--dsw-alias-label-tertiary,#67676f);text-align:right;width:13px;height:28px;font-size:9.5px;line-height:28px}.J7Idbq_heatGridCol{flex-direction:column;display:flex}.J7Idbq_heatGrid{gap:3px;display:flex}.J7Idbq_heatWeek{flex-direction:column;gap:3px;display:flex}.J7Idbq_heatCell{box-sizing:border-box;background:var(--dsw-alias-fill-l1,#80808c2e);cursor:default;border-radius:5px;flex-shrink:0;width:28px;height:28px}.J7Idbq_heatCell.J7Idbq_idle{background:#80808c38}.J7Idbq_heatCell.J7Idbq_empty{background:#80808c1a;box-shadow:inset 0 0 0 1px #80808c47}.J7Idbq_heatMonths{gap:3px;margin-top:6px;display:flex}.J7Idbq_heatMonths span{width:28px;color:var(--dsw-alias-label-tertiary,#67676f);text-align:left;white-space:nowrap;flex-shrink:0;font-size:10px}";
-		const tagId$4 = "dsh-key-usage/overview.module.css";
-		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$4) + "]") === null) {
+		//#region \0dsh-css:src/client/styles/overview.module.css.mjs
+		const css$7 = ".tXjxsq_keyTable{border-collapse:collapse;width:100%}.tXjxsq_keyTable th{text-align:right;color:var(--dsw-alias-label-tertiary,#67676f);border-bottom:1px solid var(--dsw-alias-border-l1,#2c2c34);white-space:nowrap;padding:6px 10px;font-size:10.5px;font-weight:500}.tXjxsq_keyTable th:first-child{text-align:left;padding-left:0}.tXjxsq_keyTable td{text-align:right;font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-secondary,#9a9aa6);border-bottom:1px solid var(--dsw-alias-fill-l1,#80808c1f);white-space:nowrap;padding:10px;font-size:12.5px}.tXjxsq_keyTable td:first-child{text-align:left;padding-left:0}.tXjxsq_keyTable tr:last-child td{border-bottom:0}.tXjxsq_keyTable tbody tr.tXjxsq_clickable{cursor:pointer}.tXjxsq_keyTable tbody tr.tXjxsq_clickable:hover{background:var(--dsw-alias-interactive-bg-hover,#80808c12)}.tXjxsq_keyTable tr.tXjxsq_disabledRow{opacity:.55}.tXjxsq_cellKey{align-items:center;gap:10px;display:flex}.tXjxsq_keyDisplay{color:var(--dsw-alias-label-primary,#e8e8ec);font-size:13px;font-weight:600}.tXjxsq_keyEnv{color:var(--dsw-alias-label-tertiary,#67676f);margin-top:1px;font-family:ui-monospace,Consolas,monospace;font-size:10px}.tXjxsq_tag{border:1px solid var(--dsw-alias-border-l2,#2c2c34);color:var(--dsw-alias-label-secondary,#9a9aa6);background:var(--dsw-alias-bg-layer-2,#1d1d22);border-radius:5px;padding:1px 7px;font-size:10.5px;display:inline-block}.tXjxsq_tag.tXjxsq_free{color:var(--dsw-alias-state-success-primary,#3fb96f);border-color:#3fb96f59}.tXjxsq_tag.tXjxsq_sub{color:var(--dsw-alias-state-accent-primary,#5b8cff);border-color:#5b8cff59}.tXjxsq_tag.tXjxsq_off{color:var(--dsw-alias-label-tertiary,#67676f)}.tXjxsq_rowLink{color:var(--dsw-alias-label-tertiary,#67676f);font-size:11px}.tXjxsq_keyTable tbody tr.tXjxsq_clickable:hover .tXjxsq_rowLink{color:var(--dsw-alias-state-accent-primary,#5b8cff)}.tXjxsq_quotaCell{align-items:center;gap:8px;display:inline-flex}.tXjxsq_miniBar{background:var(--dsw-alias-fill-l2,#80808c2e);border-radius:3px;flex-shrink:0;width:64px;height:5px;overflow:hidden}.tXjxsq_miniBar>i{border-radius:3px;height:100%;display:block}.tXjxsq_quotaText{text-align:left;min-width:74px}.tXjxsq_quotaText.tXjxsq_warn{color:var(--dsw-alias-state-warning-primary,#e0a13c);font-weight:600}.tXjxsq_quotaText.tXjxsq_danger{color:var(--dsw-alias-state-danger-primary,#e05a5a);font-weight:600}.tXjxsq_quotaText.tXjxsq_dim{color:var(--dsw-alias-label-tertiary,#67676f)}.tXjxsq_heatmapCard{background:var(--dsw-alias-bg-layer-2,#1d1d22);border:1px solid var(--dsw-alias-border-l1,#2c2c34);border-radius:12px;margin-top:24px;padding:14px 16px}.tXjxsq_heatmapHead{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:10px;display:flex}.tXjxsq_heatmapTitle{color:var(--dsw-alias-label-secondary,#9a9aa6);font-size:11.5px}.tXjxsq_heatmapScroll{padding-bottom:4px;overflow-x:auto}.tXjxsq_heatmapBody{gap:6px;width:max-content;display:flex}.tXjxsq_heatWeekdays{flex-direction:column;flex-shrink:0;gap:3px;display:flex}.tXjxsq_heatWeekdays span{color:var(--dsw-alias-label-tertiary,#67676f);text-align:right;width:13px;height:28px;font-size:9.5px;line-height:28px}.tXjxsq_heatGridCol{flex-direction:column;display:flex}.tXjxsq_heatGrid{gap:3px;display:flex}.tXjxsq_heatWeek{flex-direction:column;gap:3px;display:flex}.tXjxsq_heatCell{box-sizing:border-box;background:var(--dsw-alias-fill-l1,#80808c2e);cursor:default;border-radius:5px;flex-shrink:0;width:28px;height:28px}.tXjxsq_heatCell.tXjxsq_idle{background:#80808c38}.tXjxsq_heatCell.tXjxsq_empty{background:#80808c1a;box-shadow:inset 0 0 0 1px #80808c47}.tXjxsq_heatMonths{gap:3px;margin-top:6px;display:flex}.tXjxsq_heatMonths span{width:28px;color:var(--dsw-alias-label-tertiary,#67676f);text-align:left;white-space:nowrap;flex-shrink:0;font-size:10px}";
+		const tagId$7 = "dsh-key-usage/overview.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$7) + "]") === null) {
 			const tag = document.createElement("style");
 			tag.dataset.plugin = "dsh-key-usage";
-			tag.dataset.pluginCss = tagId$4;
-			tag.textContent = css$4;
+			tag.dataset.pluginCss = tagId$7;
+			tag.textContent = css$7;
 			document.head.appendChild(tag);
 		}
-		const cssRegistry$4 = globalThis.__DSH_PLUGIN_CSS__ ??= [];
-		if (!cssRegistry$4.some((e) => e.tagId === tagId$4)) cssRegistry$4.push({
-			tagId: tagId$4,
-			css: css$4
+		const cssRegistry$7 = globalThis.__DSH_PLUGIN_CSS__ ??= [];
+		if (!cssRegistry$7.some((e) => e.tagId === tagId$7)) cssRegistry$7.push({
+			tagId: tagId$7,
+			css: css$7
 		});
 		var overview_module_css_default = {
-			"danger": "J7Idbq_danger",
-			"rowLink": "J7Idbq_rowLink",
-			"heatmapCard": "J7Idbq_heatmapCard",
-			"quotaCell": "J7Idbq_quotaCell",
-			"disabledRow": "J7Idbq_disabledRow",
-			"idle": "J7Idbq_idle",
-			"heatGrid": "J7Idbq_heatGrid",
-			"heatMonths": "J7Idbq_heatMonths",
-			"free": "J7Idbq_free",
-			"keyEnv": "J7Idbq_keyEnv",
-			"heatCell": "J7Idbq_heatCell",
-			"heatGridCol": "J7Idbq_heatGridCol",
-			"keyDisplay": "J7Idbq_keyDisplay",
-			"heatWeek": "J7Idbq_heatWeek",
-			"dim": "J7Idbq_dim",
-			"clickable": "J7Idbq_clickable",
-			"quotaText": "J7Idbq_quotaText",
-			"heatmapBody": "J7Idbq_heatmapBody",
-			"heatmapTitle": "J7Idbq_heatmapTitle",
-			"warn": "J7Idbq_warn",
-			"heatmapHead": "J7Idbq_heatmapHead",
-			"keyTable": "J7Idbq_keyTable",
-			"sub": "J7Idbq_sub",
-			"miniBar": "J7Idbq_miniBar",
-			"heatmapScroll": "J7Idbq_heatmapScroll",
-			"empty": "J7Idbq_empty",
-			"tag": "J7Idbq_tag",
-			"off": "J7Idbq_off",
-			"cellKey": "J7Idbq_cellKey",
-			"heatWeekdays": "J7Idbq_heatWeekdays"
+			"cellKey": "tXjxsq_cellKey",
+			"clickable": "tXjxsq_clickable",
+			"danger": "tXjxsq_danger",
+			"dim": "tXjxsq_dim",
+			"disabledRow": "tXjxsq_disabledRow",
+			"empty": "tXjxsq_empty",
+			"free": "tXjxsq_free",
+			"heatCell": "tXjxsq_heatCell",
+			"heatGrid": "tXjxsq_heatGrid",
+			"heatGridCol": "tXjxsq_heatGridCol",
+			"heatMonths": "tXjxsq_heatMonths",
+			"heatWeek": "tXjxsq_heatWeek",
+			"heatWeekdays": "tXjxsq_heatWeekdays",
+			"heatmapBody": "tXjxsq_heatmapBody",
+			"heatmapCard": "tXjxsq_heatmapCard",
+			"heatmapHead": "tXjxsq_heatmapHead",
+			"heatmapScroll": "tXjxsq_heatmapScroll",
+			"heatmapTitle": "tXjxsq_heatmapTitle",
+			"idle": "tXjxsq_idle",
+			"keyDisplay": "tXjxsq_keyDisplay",
+			"keyEnv": "tXjxsq_keyEnv",
+			"keyTable": "tXjxsq_keyTable",
+			"miniBar": "tXjxsq_miniBar",
+			"off": "tXjxsq_off",
+			"quotaCell": "tXjxsq_quotaCell",
+			"quotaText": "tXjxsq_quotaText",
+			"rowLink": "tXjxsq_rowLink",
+			"sub": "tXjxsq_sub",
+			"tag": "tXjxsq_tag",
+			"warn": "tXjxsq_warn"
 		};
 		//#endregion
 		//#region src/client/components/Heatmap.tsx
@@ -409,7 +831,7 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 		* 具体数值并入页面底部的口径说明，不再单独占一行。
 		* 格子用固定方形尺寸 + 横向滚动，保证「有数据 / 无数据 / 无用量」三类格子完全等大。
 		*/
-		const DAY_MS = 864e5;
+		const DAY_MS$1 = 864e5;
 		function levelThresholds(days) {
 			const active = days.map((day) => day.totalTokens).filter((tokens) => tokens > 0).sort((first, second) => first - second);
 			if (active.length < 3) return [5e7, 2e8];
@@ -435,12 +857,12 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 			const { columns, monthLabels } = (0, react.useMemo)(() => {
 				const today = /* @__PURE__ */ new Date();
 				today.setHours(0, 0, 0, 0);
-				const endSaturday = new Date(today.getTime() + (6 - today.getDay()) * DAY_MS);
-				const start = /* @__PURE__ */ new Date(endSaturday.getTime() - 272 * DAY_MS);
+				const endSaturday = new Date(today.getTime() + (6 - today.getDay()) * DAY_MS$1);
+				const start = /* @__PURE__ */ new Date(endSaturday.getTime() - 272 * DAY_MS$1);
 				const dataStart = days.length > 0 ? days[0].date : null;
 				const cells = [];
 				for (let offset = 0; offset < 273; offset += 1) {
-					const date = new Date(start.getTime() + offset * DAY_MS);
+					const date = new Date(start.getTime() + offset * DAY_MS$1);
 					const dateKey = isoDate(date);
 					if (date.getTime() > today.getTime()) {
 						cells.push({
@@ -487,6 +909,12 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 					monthLabels: labels
 				};
 			}, [days, heatmapByDate]);
+			const scrollRef = (0, react.useRef)(null);
+			(0, react.useEffect)(() => {
+				const node = scrollRef.current;
+				if (node === null) return;
+				node.scrollLeft = node.scrollWidth - node.clientWidth;
+			}, []);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: overview_module_css_default.heatmapCard,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -506,6 +934,7 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 					})]
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: overview_module_css_default.heatmapScroll,
+					ref: scrollRef,
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: overview_module_css_default.heatmapBody,
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -573,6 +1002,97 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 			] });
 		}
 		//#endregion
+		//#region \0dsh-css:src/client/styles/pricing.module.css.mjs
+		const css$6 = ".aymcxa_panel{border-top:1px solid var(--dsw-alias-border-l1,#2c2c34);margin-top:26px;padding-top:16px}.aymcxa_panelHead{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:4px;display:flex}.aymcxa_panelTitle{color:var(--dsw-alias-label-primary,#e8e8ec);font-size:14px;font-weight:650}.aymcxa_panelHint{color:var(--dsw-alias-label-tertiary,#67676f);font-size:11px}.aymcxa_panelNote{color:var(--dsw-alias-label-tertiary,#67676f);margin:6px 0 12px;font-size:11.5px;line-height:1.7}.aymcxa_statStrip{flex-wrap:wrap;gap:10px 26px;margin-bottom:12px;display:flex}.aymcxa_statItem .aymcxa_statName{color:var(--dsw-alias-label-tertiary,#67676f);margin-bottom:2px;font-size:11px}.aymcxa_statItem .aymcxa_statNum{font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-primary,#e8e8ec);font-size:15px;font-weight:650}.aymcxa_statItem .aymcxa_statNum.aymcxa_saving{color:var(--dsw-alias-state-success-primary,#3fb96f)}.aymcxa_toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.aymcxa_actionBtn{border:1px solid var(--dsw-alias-border-l2,#2c2c34);color:var(--dsw-alias-label-secondary,#9a9aa6);font:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:4px 11px;font-size:11.5px}.aymcxa_actionBtn:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover,#80808c1a);color:var(--dsw-alias-label-primary,#e8e8ec)}.aymcxa_actionBtn:disabled{opacity:.5;cursor:default}.aymcxa_actionBtn.aymcxa_primary{color:var(--dsw-alias-state-accent-primary,#5b8cff);border-color:#5b8cff73}.aymcxa_toolbarSpacer{flex:1}.aymcxa_ruleTable{border-collapse:collapse;width:100%;margin-top:4px}.aymcxa_ruleTable th{text-align:right;color:var(--dsw-alias-label-tertiary,#67676f);border-bottom:1px solid var(--dsw-alias-border-l1,#2c2c34);white-space:nowrap;padding:5px 8px;font-size:10.5px;font-weight:500}.aymcxa_ruleTable td{text-align:right;font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-secondary,#9a9aa6);border-bottom:1px solid var(--dsw-alias-border-l1,#2c2c34);white-space:nowrap;padding:7px 8px;font-size:11.5px}.aymcxa_ruleTable th:first-child,.aymcxa_ruleTable td:first-child,.aymcxa_ruleTable th:nth-child(2),.aymcxa_ruleTable td:nth-child(2){text-align:left}.aymcxa_ruleTable td:first-child{color:var(--dsw-alias-label-primary,#e8e8ec)}.aymcxa_ruleTable tr.aymcxa_editing{background:var(--dsw-alias-interactive-bg-active,#5b8cff24)}.aymcxa_ruleName{font-family:ui-monospace,Consolas,monospace;font-size:11px}.aymcxa_ruleNote{color:var(--dsw-alias-label-tertiary,#67676f);white-space:normal;max-width:260px;font-size:10.5px}.aymcxa_linkBtn{color:var(--dsw-alias-label-tertiary,#67676f);font:inherit;cursor:pointer;background:0 0;border:0;padding:0 6px;font-size:11px}.aymcxa_linkBtn:hover{color:var(--dsw-alias-state-accent-primary,#5b8cff)}.aymcxa_sourceChip{vertical-align:baseline;white-space:nowrap;border:1px solid;border-radius:999px;margin-left:5px;padding:0 6px;font-size:10px;line-height:1.7;display:inline-block}.aymcxa_sourceOfficial{color:var(--dsw-alias-label-tertiary,#67676f)}.aymcxa_sourceRule{color:var(--dsw-alias-state-accent-primary,#5b8cff)}.aymcxa_sourceCatalog{color:var(--dsw-alias-label-secondary,#9a9aa2)}.aymcxa_sourceEstimate{color:var(--dsw-alias-state-warning-primary,#e0a13c)}.aymcxa_catalogNote{color:var(--dsw-alias-label-secondary,#9a9aa2);background:var(--dsw-alias-bg-layer-2,#1d1d22);border:1px solid var(--dsw-alias-border-l1,#2c2c34);border-radius:8px;margin:10px 0;padding:8px 12px;font-size:12px;line-height:1.7}.aymcxa_offPeakChip{border:1px solid var(--dsw-alias-state-success-primary,#3fb96f);color:var(--dsw-alias-state-success-primary,#3fb96f);border-radius:999px;padding:0 6px;font-size:10px;line-height:1.7;display:inline-block}.aymcxa_editor{background:var(--dsw-alias-bg-layer-2,#1d1d22);border:1px solid var(--dsw-alias-border-l1,#2c2c34);border-radius:10px;margin:10px 0;padding:12px 14px}.aymcxa_editorGrid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.aymcxa_field{flex-direction:column;gap:4px;display:flex}.aymcxa_field label{color:var(--dsw-alias-label-tertiary,#67676f);font-size:10.5px}.aymcxa_field input,.aymcxa_field select{background:var(--dsw-alias-bg-layer-3,#232329);border:1px solid var(--dsw-alias-border-l2,#2c2c34);color:var(--dsw-alias-label-primary,#e8e8ec);font:inherit;border-radius:6px;min-width:0;padding:4px 7px;font-size:11.5px}.aymcxa_field input:focus,.aymcxa_field select:focus{border-color:var(--dsw-alias-state-accent-primary,#5b8cff);outline:none}.aymcxa_fieldWide{grid-column:span 2}.aymcxa_subLabel{color:var(--dsw-alias-label-secondary,#9a9aa6);margin:12px 0 6px;font-size:11.5px;font-weight:600}.aymcxa_windowRow{align-items:center;gap:8px;margin-bottom:6px;display:flex}.aymcxa_windowRow input{width:84px}.aymcxa_editorError{color:var(--dsw-alias-state-danger-primary,#e05a5a);margin-top:10px;font-size:11.5px}.aymcxa_editorHint{color:var(--dsw-alias-label-tertiary,#67676f);margin-top:8px;font-size:10.5px}.aymcxa_editorActions{gap:8px;margin-top:12px;display:flex}.aymcxa_empty{color:var(--dsw-alias-label-tertiary,#67676f);padding:12px 0;font-size:12px}.aymcxa_warning{color:var(--dsw-alias-state-warning-primary,#e0a13c);margin:6px 0;font-size:11.5px}.aymcxa_error{color:var(--dsw-alias-state-danger-primary,#e05a5a);margin:6px 0;font-size:11.5px}.aymcxa_savingsList{color:var(--dsw-alias-label-tertiary,#67676f);margin:6px 0 0;padding:0;font-size:11.5px;line-height:1.7;list-style:none}.aymcxa_hiddenFile{display:none}.aymcxa_summaryStrip{background:var(--dsw-alias-bg-layer-2,#1d1d22);border:1px solid var(--dsw-alias-border-l1,#2c2c34);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px 28px;padding:12px 16px;display:flex}.aymcxa_summaryBasis{flex:320px;min-width:0}.aymcxa_summarySaving{flex:none}.aymcxa_summaryActions{align-items:center;gap:8px;margin-left:auto;display:flex}.aymcxa_summaryStrip .aymcxa_summaryName{color:var(--dsw-alias-label-tertiary,#67676f);margin-bottom:3px;font-size:11px}.aymcxa_summaryStrip .aymcxa_summaryValue{color:var(--dsw-alias-label-primary,#e8e8ec);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:600;line-height:1.5}.aymcxa_summaryStrip .aymcxa_summaryValue.aymcxa_saving{color:var(--dsw-alias-state-success-primary,#3fb96f)}.aymcxa_infoBtn{border:1px solid var(--dsw-alias-border-l2,#2c2c34);color:var(--dsw-alias-label-tertiary,#67676f);width:22px;height:22px;font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:0;font-size:12px;line-height:1}.aymcxa_infoBtn:hover,.aymcxa_infoBtnActive{color:var(--dsw-alias-state-accent-primary,#5b8cff);border-color:#5b8cff73}.aymcxa_explanation{background:var(--dsw-alias-bg-layer-2,#1d1d22);border:1px solid var(--dsw-alias-border-l1,#2c2c34);border-radius:10px;margin-top:8px;padding:10px 14px}.aymcxa_explanationTitle{color:var(--dsw-alias-label-secondary,#9a9aa6);margin-bottom:4px;font-size:11.5px;font-weight:600}.aymcxa_explanationList{color:var(--dsw-alias-label-tertiary,#67676f);margin:0;padding-left:18px;font-size:11.5px;line-height:1.75}.aymcxa_explanationList b{color:var(--dsw-alias-label-secondary,#9a9aa6);font-weight:500}.aymcxa_drawer{border:1px solid var(--dsw-alias-border-l1,#2c2c34);border-radius:12px;margin-top:8px;padding:12px 16px 14px}.aymcxa_sectionBlock{border-top:1px solid var(--dsw-alias-border-l1,#2c2c34);margin-top:16px;padding-top:12px}.aymcxa_statItem .aymcxa_statNote{color:var(--dsw-alias-label-tertiary,#67676f);margin-top:3px;font-size:10.5px}.aymcxa_worthList{margin:6px 0 0;padding:0;font-size:11.5px;line-height:1.9;list-style:none}.aymcxa_worthList li,.aymcxa_savingsList li{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.aymcxa_worthMeta{color:var(--dsw-alias-label-tertiary,#67676f);font-variant-numeric:tabular-nums}.aymcxa_savingsList .aymcxa_saving{color:var(--dsw-alias-state-success-primary,#3fb96f);margin-left:auto;font-weight:600}.aymcxa_linkBtn:disabled{opacity:.5;cursor:default}";
+		const tagId$6 = "dsh-key-usage/pricing.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$6) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "dsh-key-usage";
+			tag.dataset.pluginCss = tagId$6;
+			tag.textContent = css$6;
+			document.head.appendChild(tag);
+		}
+		const cssRegistry$6 = globalThis.__DSH_PLUGIN_CSS__ ??= [];
+		if (!cssRegistry$6.some((e) => e.tagId === tagId$6)) cssRegistry$6.push({
+			tagId: tagId$6,
+			css: css$6
+		});
+		var pricing_module_css_default = {
+			"actionBtn": "aymcxa_actionBtn",
+			"catalogNote": "aymcxa_catalogNote",
+			"drawer": "aymcxa_drawer",
+			"editing": "aymcxa_editing",
+			"editor": "aymcxa_editor",
+			"editorActions": "aymcxa_editorActions",
+			"editorError": "aymcxa_editorError",
+			"editorGrid": "aymcxa_editorGrid",
+			"editorHint": "aymcxa_editorHint",
+			"empty": "aymcxa_empty",
+			"error": "aymcxa_error",
+			"explanation": "aymcxa_explanation",
+			"explanationList": "aymcxa_explanationList",
+			"explanationTitle": "aymcxa_explanationTitle",
+			"field": "aymcxa_field",
+			"fieldWide": "aymcxa_fieldWide",
+			"hiddenFile": "aymcxa_hiddenFile",
+			"infoBtn": "aymcxa_infoBtn",
+			"infoBtnActive": "aymcxa_infoBtnActive",
+			"linkBtn": "aymcxa_linkBtn",
+			"offPeakChip": "aymcxa_offPeakChip",
+			"panel": "aymcxa_panel",
+			"panelHead": "aymcxa_panelHead",
+			"panelHint": "aymcxa_panelHint",
+			"panelNote": "aymcxa_panelNote",
+			"panelTitle": "aymcxa_panelTitle",
+			"primary": "aymcxa_primary",
+			"ruleName": "aymcxa_ruleName",
+			"ruleNote": "aymcxa_ruleNote",
+			"ruleTable": "aymcxa_ruleTable",
+			"saving": "aymcxa_saving",
+			"savingsList": "aymcxa_savingsList",
+			"sectionBlock": "aymcxa_sectionBlock",
+			"sourceCatalog": "aymcxa_sourceCatalog",
+			"sourceChip": "aymcxa_sourceChip",
+			"sourceEstimate": "aymcxa_sourceEstimate",
+			"sourceOfficial": "aymcxa_sourceOfficial",
+			"sourceRule": "aymcxa_sourceRule",
+			"statItem": "aymcxa_statItem",
+			"statName": "aymcxa_statName",
+			"statNote": "aymcxa_statNote",
+			"statNum": "aymcxa_statNum",
+			"statStrip": "aymcxa_statStrip",
+			"subLabel": "aymcxa_subLabel",
+			"summaryActions": "aymcxa_summaryActions",
+			"summaryBasis": "aymcxa_summaryBasis",
+			"summaryName": "aymcxa_summaryName",
+			"summarySaving": "aymcxa_summarySaving",
+			"summaryStrip": "aymcxa_summaryStrip",
+			"summaryValue": "aymcxa_summaryValue",
+			"toolbar": "aymcxa_toolbar",
+			"toolbarSpacer": "aymcxa_toolbarSpacer",
+			"warning": "aymcxa_warning",
+			"windowRow": "aymcxa_windowRow",
+			"worthList": "aymcxa_worthList",
+			"worthMeta": "aymcxa_worthMeta"
+		};
+		//#endregion
+		//#region src/client/components/CostSourceChip.tsx
+		function CostSourceChip(props) {
+			const source = props.source ?? "none";
+			if (source === "none") return null;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: pricing_module_css_default.sourceChip + " " + sourceClass(source),
+				title: COST_SOURCE_HINTS[source],
+				children: COST_SOURCE_LABELS[source]
+			});
+		}
+		function sourceClass(source) {
+			if (source === "official") return pricing_module_css_default.sourceOfficial;
+			if (source === "rule") return pricing_module_css_default.sourceRule;
+			if (source === "catalog") return pricing_module_css_default.sourceCatalog;
+			return pricing_module_css_default.sourceEstimate;
+		}
+		//#endregion
 		//#region src/client/tabs/OverviewTab.tsx
 		function OverviewTab(props) {
 			const { channels, summary } = props;
@@ -627,7 +1147,7 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: costCell.dim ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: shared_module_css_default.dim,
 									children: costCell.text
-								}) : costCell.text }),
+								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [costCell.text, showsAmount(costCell) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CostSourceChip, { source: row?.month.costSource })] }) }),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: disabled ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: overview_module_css_default.rowLink,
 									children: "明细 →"
@@ -703,45 +1223,87 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 			});
 		}
 		//#endregion
-		//#region \0dsh-css:D:\EasyJob\.plugin\dsh-key-usage\src\client\styles\detail.module.css.mjs
-		const css$3 = ".V9QVRa_rangeBar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.V9QVRa_rangeLeft{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.V9QVRa_rangeTabs{border:1px solid var(--dsw-alias-border-l2,#2c2c34);border-radius:9px;gap:2px;padding:2px;display:inline-flex}.V9QVRa_rangeTabs button{color:var(--dsw-alias-label-secondary,#9a9aa6);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:4px 13px;font-size:12px}.V9QVRa_rangeTabs button.V9QVRa_active{background:var(--dsw-alias-interactive-bg-active,#5b8cff24);color:var(--dsw-alias-state-accent-primary,#5b8cff);font-weight:600}.V9QVRa_rangeInput{border:1px solid var(--dsw-alias-border-l2,#2c2c34);color:var(--dsw-alias-label-primary,#e8e8ec);font:inherit;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;background:0 0;border-radius:7px;padding:3px 8px;font-size:12px}@media (prefers-color-scheme:dark){.V9QVRa_rangeInput{--lightningcss-light: ;--lightningcss-dark:initial}}.V9QVRa_rangeCaption{color:var(--dsw-alias-label-tertiary,#67676f);margin-left:auto;font-size:11.5px}.V9QVRa_shareBar{border-radius:6px;gap:2px;height:12px;margin:8px 0 2px;display:flex;overflow:hidden}.V9QVRa_shareBar>i{cursor:default;height:100%;display:block}.V9QVRa_shareBar>i:hover{filter:brightness(1.15)}.V9QVRa_chartTitle{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.V9QVRa_bars{align-items:flex-end;gap:3px;height:110px;margin-top:8px;display:flex}.V9QVRa_barsDense{gap:2px}.V9QVRa_barColumn{cursor:default;flex-direction:column;flex:1;justify-content:flex-end;gap:1px;height:100%;display:flex}.V9QVRa_barColumn:hover{filter:brightness(1.2)}.V9QVRa_segCache{background:var(--dsw-alias-state-accent-tertiary,#5b8cff47);border-radius:2px 2px 0 0}.V9QVRa_segIn{background:var(--dsw-alias-state-accent-primary,#5b8cff)}.V9QVRa_segOut{background:var(--dsw-alias-state-business-primary,#9a7bff);border-radius:0 0 2px 2px}.V9QVRa_barLabels{margin-top:6px;display:flex}.V9QVRa_barLabels span{text-align:center;color:var(--dsw-alias-label-tertiary,#67676f);white-space:nowrap;flex:1;font-size:9.5px}.V9QVRa_subRowCell{background:var(--dsw-alias-fill-l1,#80808c0d);text-align:left!important;padding:2px 10px 10px 30px!important}.V9QVRa_subHead,.V9QVRa_subRow{grid-template-columns:minmax(150px,1.5fr) minmax(70px,1fr) minmax(70px,1fr) minmax(70px,1fr) minmax(80px,1.1fr) minmax(70px,1fr);align-items:center;gap:8px;display:grid}.V9QVRa_subHead{color:var(--dsw-alias-label-tertiary,#67676f);border-bottom:1px solid var(--dsw-alias-fill-l2,#80808c33);padding:4px 0;font-size:10px}.V9QVRa_subRow{border-bottom:1px dashed var(--dsw-alias-fill-l1,#80808c24);padding:5px 0;font-size:11.5px}.V9QVRa_subRow:last-child{border-bottom:0}.V9QVRa_subName{flex-direction:column;gap:1px;min-width:0;display:flex}.V9QVRa_subModel{color:var(--dsw-alias-label-primary,#e8e8ec);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,Consolas,monospace;font-size:11px;overflow:hidden}.V9QVRa_subChannel{color:var(--dsw-alias-label-tertiary,#67676f);text-overflow:ellipsis;white-space:nowrap;font-family:inherit;font-size:10px;overflow:hidden}.V9QVRa_subNumber{text-align:right;font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-secondary,#9a9aa6)}.V9QVRa_toggleArrow{width:13px;color:var(--dsw-alias-label-tertiary,#67676f);font-size:9px;display:inline-block}";
-		const tagId$3 = "dsh-key-usage/detail.module.css";
-		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$3) + "]") === null) {
+		//#region src/client/export.ts
+		/**
+		* 导出工具：纯函数生成 CSV / JSON 文本 + 用 Blob 触发浏览器下载。
+		* 零依赖、零服务端往返，导出的永远是**客户端当前筛选后**的数据。
+		*
+		* 两条口径约束：
+		* - CSV 必须带 UTF-8 BOM：Excel 默认按本地代码页解码，没有 BOM 中文会变乱码；
+		* - JSON 不能带 BOM：`JSON.parse` 遇到 BOM 会直接抛错。
+		*/
+		const UTF8_BOM = "";
+		const CSV_MIME = "text/csv;charset=utf-8";
+		const JSON_MIME = "application/json;charset=utf-8";
+		/** 表头 + 数据行 → CSV 文本（转义见 `csvCell`，换行用 RFC 4180 的 CRLF）。 */
+		function toCsv(rows, columns) {
+			const lines = [columns.map((column) => csvCell(column.label)).join(",")];
+			for (const row of rows) lines.push(columns.map((column) => csvCell(column.value(row))).join(","));
+			return UTF8_BOM + lines.join("\r\n") + "\r\n";
+		}
+		function toJson(value) {
+			return JSON.stringify(value, null, 2) + "\n";
+		}
+		/** 下载文件名：`dsh-usage-<主题>-<当天>.<扩展名>`，主题用英文短名避免跨端中文文件名乱码。 */
+		function exportFileName(topic, extension) {
+			return "dsh-usage-" + topic + "-" + isoDate(/* @__PURE__ */ new Date()) + "." + extension;
+		}
+		function downloadFile(name, text, mime) {
+			const objectUrl = URL.createObjectURL(new Blob([text], { type: mime }));
+			const anchor = document.createElement("a");
+			anchor.href = objectUrl;
+			anchor.download = name;
+			document.body.appendChild(anchor);
+			anchor.click();
+			anchor.remove();
+			window.setTimeout(() => URL.revokeObjectURL(objectUrl), 0);
+		}
+		/** 逗号、引号、换行都必须包引号并把内部引号翻倍，否则标题里的逗号会撑破列。 */
+		function csvCell(value) {
+			if (value === null) return "";
+			const text = String(value);
+			return /[",\r\n]/.test(text) ? "\"" + text.replace(/"/g, "\"\"") + "\"" : text;
+		}
+		//#endregion
+		//#region \0dsh-css:src/client/styles/detail.module.css.mjs
+		const css$5 = "._91PKKq_rangeBar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}._91PKKq_rangeLeft{flex-wrap:wrap;align-items:center;gap:10px;display:flex}._91PKKq_rangeTabs{border:1px solid var(--dsw-alias-border-l2,#2c2c34);border-radius:9px;gap:2px;padding:2px;display:inline-flex}._91PKKq_rangeTabs button{color:var(--dsw-alias-label-secondary,#9a9aa6);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:4px 13px;font-size:12px}._91PKKq_rangeTabs button._91PKKq_active{background:var(--dsw-alias-interactive-bg-active,#5b8cff24);color:var(--dsw-alias-state-accent-primary,#5b8cff);font-weight:600}._91PKKq_rangeInput{border:1px solid var(--dsw-alias-border-l2,#2c2c34);color:var(--dsw-alias-label-primary,#e8e8ec);font:inherit;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;background:0 0;border-radius:7px;padding:3px 8px;font-size:12px}@media (prefers-color-scheme:dark){._91PKKq_rangeInput{--lightningcss-light: ;--lightningcss-dark:initial}}._91PKKq_rangeCaption{color:var(--dsw-alias-label-tertiary,#67676f);margin-left:auto;font-size:11.5px}._91PKKq_shareBar{border-radius:6px;gap:2px;height:12px;margin:8px 0 2px;display:flex;overflow:hidden}._91PKKq_shareBar>i{cursor:default;height:100%;display:block}._91PKKq_shareBar>i:hover{filter:brightness(1.15)}._91PKKq_chartTitle{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}._91PKKq_bars{align-items:flex-end;gap:3px;height:110px;margin-top:8px;display:flex}._91PKKq_barsDense{gap:2px}._91PKKq_barColumn{cursor:default;flex-direction:column;flex:1;justify-content:flex-end;gap:1px;height:100%;display:flex}._91PKKq_barColumn:hover{filter:brightness(1.2)}._91PKKq_segCache{background:var(--dsw-alias-state-accent-tertiary,#5b8cff47);border-radius:2px 2px 0 0}._91PKKq_segIn{background:var(--dsw-alias-state-accent-primary,#5b8cff)}._91PKKq_segOut{background:var(--dsw-alias-state-business-primary,#9a7bff);border-radius:0 0 2px 2px}._91PKKq_barLabels{margin-top:6px;display:flex}._91PKKq_barLabels span{text-align:center;color:var(--dsw-alias-label-tertiary,#67676f);white-space:nowrap;flex:1;font-size:9.5px}._91PKKq_subRowCell{background:var(--dsw-alias-fill-l1,#80808c0d);text-align:left!important;padding:2px 10px 10px 30px!important}._91PKKq_subHead,._91PKKq_subRow{grid-template-columns:minmax(150px,1.5fr) minmax(70px,1fr) minmax(70px,1fr) minmax(70px,1fr) minmax(80px,1.1fr) minmax(70px,1fr);align-items:center;gap:8px;display:grid}._91PKKq_subHead{color:var(--dsw-alias-label-tertiary,#67676f);border-bottom:1px solid var(--dsw-alias-fill-l2,#80808c33);padding:4px 0;font-size:10px}._91PKKq_subRow{border-bottom:1px dashed var(--dsw-alias-fill-l1,#80808c24);padding:5px 0;font-size:11.5px}._91PKKq_subRow:last-child{border-bottom:0}._91PKKq_subName{flex-direction:column;gap:1px;min-width:0;display:flex}._91PKKq_subModel{color:var(--dsw-alias-label-primary,#e8e8ec);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,Consolas,monospace;font-size:11px;overflow:hidden}._91PKKq_subChannel{color:var(--dsw-alias-label-tertiary,#67676f);text-overflow:ellipsis;white-space:nowrap;font-family:inherit;font-size:10px;overflow:hidden}._91PKKq_subNumber{text-align:right;font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-secondary,#9a9aa6)}._91PKKq_toggleArrow{width:13px;color:var(--dsw-alias-label-tertiary,#67676f);font-size:9px;display:inline-block}";
+		const tagId$5 = "dsh-key-usage/detail.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$5) + "]") === null) {
 			const tag = document.createElement("style");
 			tag.dataset.plugin = "dsh-key-usage";
-			tag.dataset.pluginCss = tagId$3;
-			tag.textContent = css$3;
+			tag.dataset.pluginCss = tagId$5;
+			tag.textContent = css$5;
 			document.head.appendChild(tag);
 		}
-		const cssRegistry$3 = globalThis.__DSH_PLUGIN_CSS__ ??= [];
-		if (!cssRegistry$3.some((e) => e.tagId === tagId$3)) cssRegistry$3.push({
-			tagId: tagId$3,
-			css: css$3
+		const cssRegistry$5 = globalThis.__DSH_PLUGIN_CSS__ ??= [];
+		if (!cssRegistry$5.some((e) => e.tagId === tagId$5)) cssRegistry$5.push({
+			tagId: tagId$5,
+			css: css$5
 		});
 		var detail_module_css_default = {
-			"subRowCell": "V9QVRa_subRowCell",
-			"barsDense": "V9QVRa_barsDense",
-			"rangeLeft": "V9QVRa_rangeLeft",
-			"rangeBar": "V9QVRa_rangeBar",
-			"subModel": "V9QVRa_subModel",
-			"subName": "V9QVRa_subName",
-			"subChannel": "V9QVRa_subChannel",
-			"subNumber": "V9QVRa_subNumber",
-			"rangeInput": "V9QVRa_rangeInput",
-			"segCache": "V9QVRa_segCache",
-			"segOut": "V9QVRa_segOut",
-			"subHead": "V9QVRa_subHead",
-			"toggleArrow": "V9QVRa_toggleArrow",
-			"rangeTabs": "V9QVRa_rangeTabs",
-			"active": "V9QVRa_active",
-			"barColumn": "V9QVRa_barColumn",
-			"chartTitle": "V9QVRa_chartTitle",
-			"shareBar": "V9QVRa_shareBar",
-			"rangeCaption": "V9QVRa_rangeCaption",
-			"bars": "V9QVRa_bars",
-			"barLabels": "V9QVRa_barLabels",
-			"subRow": "V9QVRa_subRow",
-			"segIn": "V9QVRa_segIn"
+			"active": "_91PKKq_active",
+			"barColumn": "_91PKKq_barColumn",
+			"barLabels": "_91PKKq_barLabels",
+			"bars": "_91PKKq_bars",
+			"barsDense": "_91PKKq_barsDense",
+			"chartTitle": "_91PKKq_chartTitle",
+			"rangeBar": "_91PKKq_rangeBar",
+			"rangeCaption": "_91PKKq_rangeCaption",
+			"rangeInput": "_91PKKq_rangeInput",
+			"rangeLeft": "_91PKKq_rangeLeft",
+			"rangeTabs": "_91PKKq_rangeTabs",
+			"segCache": "_91PKKq_segCache",
+			"segIn": "_91PKKq_segIn",
+			"segOut": "_91PKKq_segOut",
+			"shareBar": "_91PKKq_shareBar",
+			"subChannel": "_91PKKq_subChannel",
+			"subHead": "_91PKKq_subHead",
+			"subModel": "_91PKKq_subModel",
+			"subName": "_91PKKq_subName",
+			"subNumber": "_91PKKq_subNumber",
+			"subRow": "_91PKKq_subRow",
+			"subRowCell": "_91PKKq_subRowCell",
+			"toggleArrow": "_91PKKq_toggleArrow"
 		};
 		//#endregion
 		//#region src/client/components/ShareBar.tsx
@@ -878,11 +1440,323 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 			})] });
 		}
 		//#endregion
+		//#region \0dsh-css:src/client/styles/trend.module.css.mjs
+		const css$4 = ".dJbyja_panel{margin-bottom:12px}.dJbyja_head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.dJbyja_span{color:var(--dsw-alias-label-tertiary,#67676f);font-variant-numeric:tabular-nums;font-size:11.5px}.dJbyja_placeholder{color:var(--dsw-alias-label-tertiary,#67676f);padding:10px 0 2px}.dJbyja_current{color:var(--dsw-alias-label-primary,#e8e8ec);font-weight:600}.dJbyja_previous{color:var(--dsw-alias-label-secondary,#9a9aa6)}.dJbyja_change{color:var(--dsw-alias-label-secondary,#9a9aa6);white-space:nowrap}.dJbyja_flat{color:var(--dsw-alias-label-tertiary,#67676f)}.dJbyja_warn{color:var(--dsw-alias-state-warning-primary,#e0a13c)}.dJbyja_muted{color:var(--dsw-alias-label-tertiary,#67676f)}.dJbyja_notes{flex-direction:column;gap:2px;margin-top:8px;display:flex}.dJbyja_note{color:var(--dsw-alias-label-tertiary,#67676f);font-size:11px;line-height:1.5}";
+		const tagId$4 = "dsh-key-usage/trend.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 = "dsh-key-usage";
+			tag.dataset.pluginCss = tagId$4;
+			tag.textContent = css$4;
+			document.head.appendChild(tag);
+		}
+		const cssRegistry$4 = globalThis.__DSH_PLUGIN_CSS__ ??= [];
+		if (!cssRegistry$4.some((e) => e.tagId === tagId$4)) cssRegistry$4.push({
+			tagId: tagId$4,
+			css: css$4
+		});
+		var trend_module_css_default = {
+			"change": "dJbyja_change",
+			"current": "dJbyja_current",
+			"flat": "dJbyja_flat",
+			"head": "dJbyja_head",
+			"muted": "dJbyja_muted",
+			"note": "dJbyja_note",
+			"notes": "dJbyja_notes",
+			"panel": "dJbyja_panel",
+			"placeholder": "dJbyja_placeholder",
+			"previous": "dJbyja_previous",
+			"span": "dJbyja_span",
+			"warn": "dJbyja_warn"
+		};
+		//#endregion
+		//#region src/client/components/TrendPanel.tsx
+		/**
+		* 环比对比：当前范围 vs 上一段等长范围。
+		* 纯客户端实现 —— 复用同一个 /usage 端点按上期范围再请求一次，服务端不感知「环比」。
+		* 涨跌只用中性色 + 上下箭头：用量涨不代表好、成本涨也不代表错，不引入红绿对错语义。
+		*/
+		const DAY_MS = 864e5;
+		const FLAT = {
+			text: "持平",
+			kind: "flat",
+			warn: false
+		};
+		const UNAVAILABLE = {
+			text: "—",
+			kind: "none",
+			warn: false
+		};
+		/** 闭区间天数，至少 1（日期键按本地日历算，与 DetailTab 的横轴口径一致）。 */
+		function spanDaysOf(from, to) {
+			const fromTime = (/* @__PURE__ */ new Date(from + "T00:00:00")).getTime();
+			const toTime = (/* @__PURE__ */ new Date(to + "T00:00:00")).getTime();
+			return Math.max(1, Math.round((toTime - fromTime) / DAY_MS) + 1);
+		}
+		/** 上一段等长范围：本期首日的前一天往前推同样天数（10-07~10-13 → 09-30~10-06）。 */
+		function previousWindowOf(from, to) {
+			const startTime = (/* @__PURE__ */ new Date(from + "T00:00:00")).getTime();
+			const span = spanDaysOf(from, to);
+			return {
+				from: isoDate(/* @__PURE__ */ new Date(startTime - span * DAY_MS)),
+				to: isoDate(/* @__PURE__ */ new Date(startTime - DAY_MS))
+			};
+		}
+		/** 展示口径 Tokens：输入 + 输出 + 缓存读（与三张统计卡、命中率公式同一口径）。 */
+		function displayTokensOf(totals) {
+			return totals.inputTokens + totals.outputTokens + totals.cacheReadTokens;
+		}
+		/** 命中率（%）；分母为 0 时返回 null，界面显示 — 而不是 NaN。 */
+		function hitRateOf$2(totals) {
+			const total = displayTokensOf(totals);
+			return total > 0 ? totals.cacheReadTokens / total * 100 : null;
+		}
+		/** 该期是否有任何用量：全 0 视为「无数据」，据此显示「上期无数据」而不是 0 与 −100%。 */
+		function hasAnyData(totals) {
+			return totals !== null && (totals.calls > 0 || displayTokensOf(totals) > 0 || totals.cost > 0);
+		}
+		/** 环比百分比；上期为 0 时不给百分比（Infinity / NaN 不进界面）。 */
+		function percentChangeOf(current, previous, warnOnUp) {
+			if (previous <= 0) return current <= 0 ? FLAT : {
+				text: "上期为 0",
+				kind: "none",
+				warn: false
+			};
+			const percent = (current - previous) / previous * 100;
+			if (Math.abs(percent) < .05) return FLAT;
+			return {
+				text: (percent > 0 ? "+" : "") + percent.toFixed(1) + "%",
+				kind: percent > 0 ? "up" : "down",
+				warn: warnOnUp && percent > 0
+			};
+		}
+		/** 命中率本身是比值，涨跌按百分点（pp）计，避免「96.2% 比 94.0% 涨 2.3%」这类误读。 */
+		function pointChangeOf(current, previous) {
+			const difference = current - previous;
+			if (Math.abs(difference) < .05) return FLAT;
+			return {
+				text: (difference > 0 ? "+" : "") + difference.toFixed(1) + "pp",
+				kind: difference > 0 ? "up" : "down",
+				warn: false
+			};
+		}
+		/**
+		* 成本文案：订阅 / 免费 / 本地端点没有可比金额，沿用 `costCellText` 的占位文案；
+		* 其余情况一律给金额（含 ¥0.00），否则「本期降到 0」会被当成不可比而丢掉 −100%。
+		*/
+		function costTextOf(channel, cost) {
+			if (channel !== null && channel.costMode !== "perToken" && channel.costMode !== "unknown") {
+				const cell = costCellText(channel, cost);
+				return {
+					text: cell.text,
+					dim: cell.dim,
+					amount: false
+				};
+			}
+			return {
+				text: fmtCost(cost),
+				dim: false,
+				amount: true
+			};
+		}
+		function changeNodeOf(change) {
+			if (change.kind === "none") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: trend_module_css_default.muted,
+				children: change.text
+			});
+			const arrow = change.kind === "up" ? "↑" : change.kind === "down" ? "↓" : "→";
+			const tone = change.warn ? trend_module_css_default.warn : change.kind === "flat" ? trend_module_css_default.flat : "";
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: tone === "" ? trend_module_css_default.change : trend_module_css_default.change + " " + tone,
+				children: [
+					arrow,
+					" ",
+					change.text
+				]
+			});
+		}
+		function TrendPanel(props) {
+			const { usage, bounds, channelFilter } = props;
+			const comparable = props.range !== "total";
+			const previousWindow = (0, react.useMemo)(() => previousWindowOf(bounds.from, bounds.to), [bounds.from, bounds.to]);
+			const [previousUsage, setPreviousUsage] = (0, react.useState)(null);
+			const [status, setStatus] = (0, react.useState)("loading");
+			const pricingState = (0, react.useSyncExternalStore)(pricingSettings.store.subscribe, pricingSettings.store.getSnapshot);
+			const pricingSignature = JSON.stringify(pricingState.config);
+			(0, react.useEffect)(() => {
+				if (!comparable) return;
+				let cancelled = false;
+				setStatus("loading");
+				loadUsage(previousWindow.from, previousWindow.to, channelFilter).then((result) => {
+					if (cancelled) return;
+					setPreviousUsage(result);
+					setStatus("ready");
+				});
+				return () => {
+					cancelled = true;
+				};
+			}, [
+				comparable,
+				previousWindow.from,
+				previousWindow.to,
+				channelFilter,
+				pricingSignature
+			]);
+			const header = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: trend_module_css_default.head,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: shared_module_css_default.statLabel,
+					children: "环比对比 · 与上一段等长范围"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: trend_module_css_default.span,
+					children: [
+						"本期 ",
+						bounds.from,
+						" ~ ",
+						bounds.to,
+						comparable ? " · 上期 " + previousWindow.from + " ~ " + previousWindow.to : ""
+					]
+				})]
+			});
+			if (!comparable) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: shared_module_css_default.card + " " + trend_module_css_default.panel,
+				children: [header, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: trend_module_css_default.placeholder,
+					children: "总计范围没有可对比的上一段"
+				})]
+			});
+			const currentTotals = usage.totals;
+			const previousTotals = previousUsage?.totals ?? null;
+			const previousHasData = status === "ready" && hasAnyData(previousTotals);
+			const currentHasData = hasAnyData(currentTotals);
+			const previousPlaceholder = status === "loading" ? "读取中…" : previousUsage === null ? "无法获取" : "上期无数据";
+			const currentValue = (text) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: trend_module_css_default.current,
+				children: text
+			});
+			const previousValue = (text) => previousHasData ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: trend_module_css_default.previous,
+				children: text
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: trend_module_css_default.muted,
+				children: previousPlaceholder
+			});
+			const changeValue = (change) => previousHasData ? changeNodeOf(change) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: trend_module_css_default.muted,
+				children: "—"
+			});
+			const currentCalls = currentTotals?.calls ?? 0;
+			const previousCalls = previousTotals?.calls ?? 0;
+			const currentTokens = currentTotals === null ? 0 : displayTokensOf(currentTotals);
+			const previousTokens = previousTotals === null ? 0 : displayTokensOf(previousTotals);
+			const currentHitRate = currentTotals === null ? null : hitRateOf$2(currentTotals);
+			const previousHitRate = previousTotals === null ? null : hitRateOf$2(previousTotals);
+			const currentCost = currentTotals?.cost ?? 0;
+			const previousCost = previousTotals?.cost ?? 0;
+			const singleChannel = channelFilter === "ALL" ? null : channelOf(props.channels, channelFilter);
+			const currentCostText = costTextOf(singleChannel, currentCost);
+			const previousCostText = costTextOf(singleChannel, previousCost);
+			const costComparable = currentCostText.amount && previousCostText.amount;
+			const rows = [
+				{
+					key: "calls",
+					label: "调用次数",
+					current: currentValue(fmtCalls(currentCalls)),
+					previous: previousValue(fmtCalls(previousCalls)),
+					change: changeValue(percentChangeOf(currentCalls, previousCalls, false))
+				},
+				{
+					key: "tokens",
+					label: "Tokens",
+					current: currentValue(fmtTokens(currentTokens)),
+					previous: previousValue(fmtTokens(previousTokens)),
+					change: changeValue(percentChangeOf(currentTokens, previousTokens, false))
+				},
+				{
+					key: "cost",
+					label: "成本",
+					current: currentCostText.amount ? currentValue(currentCostText.text) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: trend_module_css_default.muted,
+						children: currentCostText.text
+					}),
+					previous: previousValue(previousCostText.text),
+					change: costComparable ? changeValue(percentChangeOf(currentCost, previousCost, true)) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: trend_module_css_default.muted,
+						children: "不可比"
+					})
+				},
+				{
+					key: "hitRate",
+					label: "缓存命中率",
+					current: currentValue(currentHitRate === null ? "—" : currentHitRate.toFixed(1) + "%"),
+					previous: previousValue(previousHitRate === null ? "—" : previousHitRate.toFixed(1) + "%"),
+					change: changeValue(currentHitRate !== null && previousHitRate !== null ? pointChangeOf(currentHitRate, previousHitRate) : UNAVAILABLE)
+				}
+			];
+			const notes = [];
+			if ((usage.sessionDates ?? []).length > 0 || (previousUsage?.sessionDates ?? []).length > 0) notes.push("含会话补位数据，与台账口径不完全可比");
+			if (previousHasData && costComparable) {
+				const currentSource = currentTotals?.costSource ?? "none";
+				const previousSource = previousTotals?.costSource ?? "none";
+				if (currentSource !== previousSource) notes.push("两期成本来源不同（本期 " + COST_SOURCE_LABELS[currentSource] + " / 上期 " + COST_SOURCE_LABELS[previousSource] + "），口径不完全可比");
+			}
+			if (status === "ready" && previousUsage === null) notes.push("上一段范围读取失败，无法对比");
+			if (!currentHasData) notes.push("本期范围内无用量记录");
+			notes.push("命中率的变化按百分点（pp）计，其余指标为环比百分比");
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: shared_module_css_default.card + " " + trend_module_css_default.panel,
+				children: [
+					header,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", {
+						className: shared_module_css_default.table,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: "指标" }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: "本期" }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: "上期" }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: "变化" })
+						] }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: rows.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: row.label }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: row.current }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: row.previous }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: row.change })
+						] }, row.key)) })]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: trend_module_css_default.notes,
+						children: notes.map((note) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: trend_module_css_default.note,
+							children: note
+						}, note))
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/rows.ts
+		function dropEmptyRows(rows, tokensOf) {
+			const kept = rows.filter((row) => tokensOf(row) > 0);
+			return {
+				rows: kept,
+				hidden: rows.length - kept.length
+			};
+		}
+		/** 列表底部的一行小字：说明隐藏了什么、为什么。 */
+		function hiddenEmptyRowsText(hidden) {
+			return "已隐藏 " + String(hidden) + " 行无 Token 记录（调用失败或未产生用量；调用次数仍计入合计）";
+		}
+		//#endregion
 		//#region src/client/components/DailyDetailTable.tsx
 		/**
 		* 每日细目：以「天」为折叠单位，展开行用原型子表格展示模型维度
 		* （模型 + 调用 / 输入 / 输出 / 缓存读 / 命中率，不占主表列）。
 		*/
+		/** 输入/输出为 0 时不再显示 `0`（全缓存命中或纯输出模型的 0 是噪音），改显示淡化的 `—`。 */
+		function tokenCellOf(value) {
+			return value === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: shared_module_css_default.dim,
+				children: "—"
+			}) : fmtTokens(value);
+		}
 		function hitRateOf$1(cacheReadTokens, inputTokens, outputTokens) {
 			const total = inputTokens + outputTokens + cacheReadTokens;
 			if (total <= 0) return "—";
@@ -941,7 +1815,9 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 				}
 			}
 			const comparer = COMPARERS[sort.key] ?? COMPARERS.period;
-			const ordered = [...aggregates.values()].sort((first, second) => {
+			const nonEmpty = [...aggregates.values()].filter((entry) => entry.totalTokens > 0);
+			const hiddenEmpty = aggregates.size - nonEmpty.length;
+			const ordered = nonEmpty.sort((first, second) => {
 				const compared = comparer(first, second);
 				return sort.dir === "asc" ? compared : -compared;
 			});
@@ -971,116 +1847,143 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 				className: shared_module_css_default.empty,
 				children: "所选范围内无用量记录"
 			})] });
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: shared_module_css_default.blockLabel,
-				children: "每日细目"
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", {
-				className: shared_module_css_default.table,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
-					header("period", "日期"),
-					header("total", "总计"),
-					header("calls", "调用"),
-					header("input", "输入"),
-					header("output", "输出"),
-					header("cacheRead", "缓存读"),
-					header("hit", "命中率")
-				] }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tbody", { children: [ordered.map((period) => {
-					const modelsInPeriod = modelRows.filter((row) => row.period === period.period).sort((first, second) => second.totalTokens - first.totalTokens);
-					const expandable = modelsInPeriod.length > 1;
-					const isOpen = expandable && expandedPeriods[period.period] === true;
-					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", {
-						className: expandable ? shared_module_css_default.clickable : "",
-						onClick: expandable ? () => onTogglePeriod(period.period) : void 0,
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("td", { children: [expandable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: detail_module_css_default.toggleArrow,
-								children: isOpen ? "▼" : "▶"
-							}), period.period] }),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: fmtTokens(period.totalTokens) }),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: fmtCalls(period.calls) }),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: fmtTokens(period.inputTokens) }),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: fmtTokens(period.outputTokens) }),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: fmtTokens(period.cacheReadTokens) }),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: hitRateOf$1(period.cacheReadTokens, period.inputTokens, period.outputTokens) })
-						]
-					}), isOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("td", {
-						className: detail_module_css_default.subRowCell,
-						colSpan: 7,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: detail_module_css_default.subHead,
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: shared_module_css_default.blockLabel,
+					children: "每日细目"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", {
+					className: shared_module_css_default.table,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
+						header("period", "日期"),
+						header("total", "总计"),
+						header("calls", "调用"),
+						header("input", "输入"),
+						header("output", "输出"),
+						header("cacheRead", "缓存读"),
+						header("hit", "命中率")
+					] }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tbody", { children: [ordered.map((period) => {
+						const modelsInPeriod = modelRows.filter((row) => row.period === period.period).filter((row) => row.totalTokens > 0).sort((first, second) => second.totalTokens - first.totalTokens);
+						const expandable = modelsInPeriod.length > 1;
+						const isOpen = expandable && expandedPeriods[period.period] === true;
+						return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", {
+							className: expandable ? shared_module_css_default.clickable : "",
+							onClick: expandable ? () => onTogglePeriod(period.period) : void 0,
 							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: detail_module_css_default.subNumber,
-									children: "调用"
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: detail_module_css_default.subNumber,
-									children: "输入"
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: detail_module_css_default.subNumber,
-									children: "输出"
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: detail_module_css_default.subNumber,
-									children: "缓存读"
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: detail_module_css_default.subNumber,
-									children: "命中率"
-								})
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("td", { children: [expandable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: detail_module_css_default.toggleArrow,
+									children: isOpen ? "▼" : "▶"
+								}), period.period] }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: fmtTokens(period.totalTokens) }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: fmtCalls(period.calls) }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: tokenCellOf(period.inputTokens) }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: tokenCellOf(period.outputTokens) }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: fmtTokens(period.cacheReadTokens) }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: hitRateOf$1(period.cacheReadTokens, period.inputTokens, period.outputTokens) })
 							]
-						}), modelsInPeriod.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: detail_module_css_default.subRow,
-							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-									className: detail_module_css_default.subName,
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: detail_module_css_default.subModel,
-										children: row.model
-									}), channelFilter === "ALL" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: detail_module_css_default.subChannel,
-										children: displayNameOf(channels, row.provider)
-									})]
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: detail_module_css_default.subNumber,
-									children: fmtCalls(row.calls)
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: detail_module_css_default.subNumber,
-									children: fmtTokens(row.inputTokens)
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: detail_module_css_default.subNumber,
-									children: fmtTokens(row.outputTokens)
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: detail_module_css_default.subNumber,
-									children: fmtTokens(row.cacheReadTokens)
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: detail_module_css_default.subNumber,
-									children: hitRateOf$1(row.cacheReadTokens, row.inputTokens, row.outputTokens)
-								})
-							]
-						}, row.period + "|" + row.model + "|" + row.provider))]
-					}) })] }, period.period);
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", {
-					className: shared_module_css_default.total,
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: "合计" }),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: fmtTokens(totalTokens) }),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: fmtCalls(totals?.calls ?? 0) }),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: fmtTokens(totals?.inputTokens ?? 0) }),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: fmtTokens(totals?.outputTokens ?? 0) }),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: fmtTokens(totals?.cacheReadTokens ?? 0) }),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: hitRateOf$1(totals?.cacheReadTokens ?? 0, totals?.inputTokens ?? 0, totals?.outputTokens ?? 0) })
-					]
-				})] })]
-			})] });
+						}), isOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("td", {
+							className: detail_module_css_default.subRowCell,
+							colSpan: 7,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: detail_module_css_default.subHead,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: detail_module_css_default.subNumber,
+										children: "调用"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: detail_module_css_default.subNumber,
+										children: "输入"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: detail_module_css_default.subNumber,
+										children: "输出"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: detail_module_css_default.subNumber,
+										children: "缓存读"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: detail_module_css_default.subNumber,
+										children: "命中率"
+									})
+								]
+							}), modelsInPeriod.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: detail_module_css_default.subRow,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: detail_module_css_default.subName,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: detail_module_css_default.subModel,
+											children: row.model
+										}), channelFilter === "ALL" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: detail_module_css_default.subChannel,
+											children: displayNameOf(channels, row.provider)
+										})]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: detail_module_css_default.subNumber,
+										children: fmtCalls(row.calls)
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: detail_module_css_default.subNumber,
+										children: tokenCellOf(row.inputTokens)
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: detail_module_css_default.subNumber,
+										children: tokenCellOf(row.outputTokens)
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: detail_module_css_default.subNumber,
+										children: fmtTokens(row.cacheReadTokens)
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: detail_module_css_default.subNumber,
+										children: hitRateOf$1(row.cacheReadTokens, row.inputTokens, row.outputTokens)
+									})
+								]
+							}, row.period + "|" + row.model + "|" + row.provider))]
+						}) })] }, period.period);
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", {
+						className: shared_module_css_default.total,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: "合计" }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: fmtTokens(totalTokens) }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: fmtCalls(totals?.calls ?? 0) }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: fmtTokens(totals?.inputTokens ?? 0) }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: fmtTokens(totals?.outputTokens ?? 0) }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: fmtTokens(totals?.cacheReadTokens ?? 0) }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: hitRateOf$1(totals?.cacheReadTokens ?? 0, totals?.inputTokens ?? 0, totals?.outputTokens ?? 0) })
+						]
+					})] })]
+				}),
+				hiddenEmpty > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: shared_module_css_default.statExtra,
+					children: hiddenEmptyRowsText(hiddenEmpty)
+				})
+			] });
+		}
+		//#endregion
+		//#region \0dsh-css:src/client/styles/export.module.css.mjs
+		const css$3 = ".-\\38 z9vG_exportGroup{align-items:center;gap:6px;margin-left:auto;display:inline-flex}.-\\38 z9vG_exportBtn{border:1px solid var(--dsw-alias-border-l2,#2c2c34);color:var(--dsw-alias-label-secondary,#9a9aa6);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:4px 11px;font-size:11.5px}.-\\38 z9vG_exportBtn:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover,#80808c1a);color:var(--dsw-alias-label-primary,#e8e8ec)}.-\\38 z9vG_exportBtn:disabled{opacity:.5;cursor:default}";
+		const tagId$3 = "dsh-key-usage/export.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 = "dsh-key-usage";
+			tag.dataset.pluginCss = tagId$3;
+			tag.textContent = css$3;
+			document.head.appendChild(tag);
 		}
+		const cssRegistry$3 = globalThis.__DSH_PLUGIN_CSS__ ??= [];
+		if (!cssRegistry$3.some((e) => e.tagId === tagId$3)) cssRegistry$3.push({
+			tagId: tagId$3,
+			css: css$3
+		});
+		var export_module_css_default = {
+			"exportBtn": "-8z9vG_exportBtn",
+			"exportGroup": "-8z9vG_exportGroup"
+		};
 		//#endregion
 		//#region src/client/tabs/DetailTab.tsx
 		const RANGE_TABS = [
@@ -1092,11 +1995,54 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 		];
 		/** 图表最多铺开的列数：超过这个跨度的范围按天全画会挤成一团。 */
 		const MAX_AXIS_DAYS = 366;
+		/** 导出列：命中率与成本给数值（不带单位），方便在表格里继续算。 */
+		const EXPORT_COLUMNS$3 = [
+			{
+				key: "date",
+				label: "日期",
+				value: (row) => row.date
+			},
+			{
+				key: "calls",
+				label: "调用",
+				value: (row) => row.calls
+			},
+			{
+				key: "inputTokens",
+				label: "输入",
+				value: (row) => row.inputTokens
+			},
+			{
+				key: "outputTokens",
+				label: "输出",
+				value: (row) => row.outputTokens
+			},
+			{
+				key: "cacheReadTokens",
+				label: "缓存读",
+				value: (row) => row.cacheReadTokens
+			},
+			{
+				key: "cacheHitRate",
+				label: "命中率(%)",
+				value: (row) => hitRateValueOf(row)
+			},
+			{
+				key: "cost",
+				label: "成本(元)",
+				value: (row) => row.cost
+			}
+		];
+		/** 命中率数值（导出用；界面上的带 % 文本由 `hitRateOf` 生成）。 */
+		function hitRateValueOf(row) {
+			const total = row.inputTokens + row.outputTokens + row.cacheReadTokens;
+			return total > 0 ? Math.round(row.cacheReadTokens / total * 1e3) / 10 : null;
+		}
 		function hitRateOf(cacheReadTokens, inputTokens, outputTokens) {
 			const total = inputTokens + outputTokens + cacheReadTokens;
 			return total > 0 ? (cacheReadTokens / total * 100).toFixed(1) + "%" : "—";
 		}
-		function daysBetween(from, to) {
+		function daysBetween$1(from, to) {
 			const fromTime = (/* @__PURE__ */ new Date(from + "T00:00:00")).getTime();
 			const toTime = (/* @__PURE__ */ new Date(to + "T00:00:00")).getTime();
 			return Math.max(1, Math.round((toTime - fromTime) / 864e5) + 1);
@@ -1104,7 +2050,7 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 		/** 范围内每一天的日期键（无数据的日子也要出现在横轴上）。 */
 		function dateKeysOfRange(from, to) {
 			const start = (/* @__PURE__ */ new Date(from + "T00:00:00")).getTime();
-			const total = Math.min(daysBetween(from, to), MAX_AXIS_DAYS);
+			const total = Math.min(daysBetween$1(from, to), MAX_AXIS_DAYS);
 			const keys = [];
 			for (let offset = 0; offset < total; offset += 1) keys.push(isoDate(new Date(start + offset * 864e5)));
 			return keys;
@@ -1121,15 +2067,25 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 				inputTokens: 0,
 				outputTokens: 0,
 				cacheReadTokens: 0,
+				cacheWriteTokens: 0,
 				reasoningTokens: 0,
 				cost: 0
 			};
 			const totalTokens = safeTotals.inputTokens + safeTotals.outputTokens + safeTotals.cacheReadTokens;
 			const hitRate = hitRateOf(safeTotals.cacheReadTokens, safeTotals.inputTokens, safeTotals.outputTokens);
+			/** 缓存读在展示口径 Tokens 里的占比；分母为 0 时不给数字（避免显示 0% 误导）。 */
+			const cacheReadShare = totalTokens > 0 ? (safeTotals.cacheReadTokens / totalTokens * 100).toFixed(1) + "%" : null;
+			/** 范围内「有用量」的天数：日均 Tokens 的分母（拿日历天数去除会把空闲日算成用量偏低）。 */
+			const activeDays = usage.days.filter((day) => day.inputTokens + day.outputTokens + day.cacheReadTokens > 0).length;
 			const singleChannel = channelFilter === "ALL" ? null : channelOf(channels, channelFilter);
 			const costCell = costCellText(singleChannel, safeTotals.cost);
 			const singleDay = bounds.from === bounds.to;
-			const rangeDays = Math.min(daysBetween(bounds.from, bounds.to), MAX_AXIS_DAYS);
+			const rangeDays = Math.min(daysBetween$1(bounds.from, bounds.to), MAX_AXIS_DAYS);
+			/** 导出当前范围与通道筛选后的每日明细（按日期升序，不跟随表格排序）。 */
+			const exportDaily = (format) => {
+				if (format === "csv") downloadFile(exportFileName("daily", "csv"), toCsv(usage.days, EXPORT_COLUMNS$3), CSV_MIME);
+				else downloadFile(exportFileName("daily", "json"), toJson(usage.days), JSON_MIME);
+			};
 			const activeProviders = /* @__PURE__ */ new Set();
 			for (const day of usage.days) for (const model of day.models) if (model.inputTokens + model.outputTokens + model.cacheReadTokens > 0) activeProviders.add(model.provider);
 			const hourlyRows = [];
@@ -1228,9 +2184,9 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 			const chartRows = useHourAxis ? hourlyRows : dailyRows;
 			const chartTitle = useHourAxis ? "按小时 Tokens（" + bounds.from + "）" : "按天 Tokens（" + rangeDays + " 天）";
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: detail_module_css_default.rangeBar,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: detail_module_css_default.rangeLeft,
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: detail_module_css_default.rangeTabs,
@@ -1257,10 +2213,23 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 								onChange: (event) => props.onCustomTo(event.target.value)
 							})
 						] })]
-					})
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: export_module_css_default.exportGroup,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							className: export_module_css_default.exportBtn,
+							disabled: usage.days.length === 0,
+							onClick: () => exportDaily("csv"),
+							children: "导出 CSV"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							className: export_module_css_default.exportBtn,
+							disabled: usage.days.length === 0,
+							onClick: () => exportDaily("json"),
+							children: "导出 JSON"
+						})]
+					})]
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: shared_module_css_default.cardGrid3,
+					className: shared_module_css_default.cardGrid6,
 					children: [
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatCard, {
 							label: "调用次数",
@@ -1270,18 +2239,40 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatCard, {
 							label: "Tokens",
 							value: fmtTokens(totalTokens),
-							extra: "缓存读 " + fmtTokens(safeTotals.cacheReadTokens) + " · 命中率 " + hitRate
+							extra: "输入 " + fmtTokens(safeTotals.inputTokens) + " · 输出 " + fmtTokens(safeTotals.outputTokens)
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatCard, {
+							label: "缓存读",
+							value: fmtTokens(safeTotals.cacheReadTokens),
+							extra: cacheReadShare === null ? "与上方 Tokens 同口径" : "占 Tokens 的 " + cacheReadShare
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatCard, {
+							label: "缓存命中率",
+							value: hitRate,
+							extra: "缓存读 ÷（输入 + 输出 + 缓存读）"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatCard, {
+							label: "日均 Tokens",
+							value: activeDays === 0 ? "—" : fmtTokens(Math.round(totalTokens / activeDays)),
+							extra: "范围内 " + String(activeDays) + " 天有用量"
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatCard, {
 							label: "成本",
 							value: costCell.dim ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 								className: shared_module_css_default.dim,
 								children: costCell.text
-							}) : costCell.text,
+							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [costCell.text, showsAmount(costCell) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CostSourceChip, { source: safeTotals.costSource })] }),
 							extra: "按所选范围与筛选聚合"
 						})
 					]
 				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TrendPanel, {
+					usage,
+					channels,
+					range: props.range,
+					bounds,
+					channelFilter
+				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShareBar, {
 					usage,
 					totalTokens,
@@ -1373,8 +2364,8 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 			] });
 		}
 		//#endregion
-		//#region \0dsh-css:D:\EasyJob\.plugin\dsh-key-usage\src\client\styles\lists.module.css.mjs
-		const css$2 = ".QpFKma_filterBar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.QpFKma_searchInput{border:1px solid var(--dsw-alias-border-l2,#2c2c34);min-width:180px;color:var(--dsw-alias-label-primary,#e8e8ec);font:inherit;background:0 0;border-radius:9px;flex:1;padding:6px 12px;font-size:12.5px}.QpFKma_searchInput::placeholder{color:var(--dsw-alias-label-tertiary,#67676f)}.QpFKma_filterSelect{background:var(--dsw-alias-bg-layer-2,#1d1d22);border:1px solid var(--dsw-alias-border-l2,#2c2c34);color:var(--dsw-alias-label-secondary,#9a9aa6);font:inherit;cursor:pointer;border-radius:9px;padding:6px 10px;font-size:12px}.QpFKma_listTitle{align-items:center;gap:10px;min-width:0;display:flex}.QpFKma_listMain{color:var(--dsw-alias-label-primary,#e8e8ec);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;overflow:hidden}.QpFKma_listSub{color:var(--dsw-alias-label-tertiary,#67676f);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:10.5px;overflow:hidden}.QpFKma_listBar{background:var(--dsw-alias-fill-l2,#80808c2e);vertical-align:middle;border-radius:3px;width:70px;height:5px;display:inline-block;overflow:hidden}.QpFKma_listBar>i{border-radius:3px;height:100%;display:block}.QpFKma_sessionDay td{background:var(--dsw-alias-bg-layer-2,#1d1d22);color:var(--dsw-alias-label-primary,#e8e8ec);border-bottom:1px solid var(--dsw-alias-border-l1,#2c2c34);font-size:12px;font-weight:600;text-align:left!important;padding:7px 10px!important}.QpFKma_dayCount{color:var(--dsw-alias-label-tertiary,#67676f);margin-left:8px;font-size:11px;font-weight:500}.QpFKma_rowArchived td{opacity:.5}.QpFKma_archivedTag{color:var(--dsw-alias-label-tertiary,#67676f);border:1px solid var(--dsw-alias-border-l2,#2c2c34);border-radius:999px;margin-left:6px;padding:0 6px;font-size:10px;font-weight:500}";
+		//#region \0dsh-css:src/client/styles/lists.module.css.mjs
+		const css$2 = ".ysq2ha_filterBar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.ysq2ha_searchInput{border:1px solid var(--dsw-alias-border-l2,#2c2c34);min-width:180px;color:var(--dsw-alias-label-primary,#e8e8ec);font:inherit;background:0 0;border-radius:9px;flex:1;padding:6px 12px;font-size:12.5px}.ysq2ha_searchInput::placeholder{color:var(--dsw-alias-label-tertiary,#67676f)}.ysq2ha_filterSelect{background:var(--dsw-alias-bg-layer-2,#1d1d22);border:1px solid var(--dsw-alias-border-l2,#2c2c34);color:var(--dsw-alias-label-secondary,#9a9aa6);font:inherit;cursor:pointer;border-radius:9px;padding:6px 10px;font-size:12px}.ysq2ha_listTitle{align-items:center;gap:10px;min-width:0;display:flex}.ysq2ha_listMain{color:var(--dsw-alias-label-primary,#e8e8ec);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;overflow:hidden}.ysq2ha_listSub{color:var(--dsw-alias-label-tertiary,#67676f);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:10.5px;overflow:hidden}.ysq2ha_listBar{background:var(--dsw-alias-fill-l2,#80808c2e);vertical-align:middle;border-radius:3px;width:70px;height:5px;display:inline-block;overflow:hidden}.ysq2ha_listBar>i{border-radius:3px;height:100%;display:block}.ysq2ha_sessionDay td{background:var(--dsw-alias-bg-layer-2,#1d1d22);color:var(--dsw-alias-label-primary,#e8e8ec);border-bottom:1px solid var(--dsw-alias-border-l1,#2c2c34);font-size:12px;font-weight:600;text-align:left!important;padding:7px 10px!important}.ysq2ha_dayCount{color:var(--dsw-alias-label-tertiary,#67676f);margin-left:8px;font-size:11px;font-weight:500}.ysq2ha_rowArchived td{opacity:.5}.ysq2ha_archivedTag{color:var(--dsw-alias-label-tertiary,#67676f);border:1px solid var(--dsw-alias-border-l2,#2c2c34);border-radius:999px;margin-left:6px;padding:0 6px;font-size:10px;font-weight:500}.ysq2ha_sessionTable{table-layout:fixed}.ysq2ha_sessionTable th:first-child{width:38%}.ysq2ha_sessionTable th:nth-child(2){width:13%}.ysq2ha_sessionTable th:nth-child(3){width:19%}.ysq2ha_sessionTable th:nth-child(4){width:11%}.ysq2ha_sessionTable th:nth-child(5){width:8%}.ysq2ha_sessionTable th:nth-child(6){width:11%}.ysq2ha_modelTable{table-layout:fixed}.ysq2ha_modelTable th:first-child{width:30%}.ysq2ha_modelTable th:nth-child(2){width:9%}.ysq2ha_modelTable th:nth-child(3){width:11%}.ysq2ha_modelTable th:nth-child(4){width:12%}.ysq2ha_modelTable th:nth-child(5){width:9%}.ysq2ha_modelTable th:nth-child(6){width:12%}.ysq2ha_modelTable th:nth-child(7){width:17%}.ysq2ha_projectTable{table-layout:fixed}.ysq2ha_projectTable th:first-child{width:38%}.ysq2ha_projectTable th:nth-child(2){width:10%}.ysq2ha_projectTable th:nth-child(3){width:12%}.ysq2ha_projectTable th:nth-child(4){width:13%}.ysq2ha_projectTable th:nth-child(5){width:12%}.ysq2ha_projectTable th:nth-child(6){width:15%}";
 		const tagId$2 = "dsh-key-usage/lists.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$2) + "]") === null) {
 			const tag = document.createElement("style");
@@ -1389,21 +2380,342 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 			css: css$2
 		});
 		var lists_module_css_default = {
-			"listBar": "QpFKma_listBar",
-			"filterBar": "QpFKma_filterBar",
-			"listSub": "QpFKma_listSub",
-			"rowArchived": "QpFKma_rowArchived",
-			"listMain": "QpFKma_listMain",
-			"sessionDay": "QpFKma_sessionDay",
-			"archivedTag": "QpFKma_archivedTag",
-			"listTitle": "QpFKma_listTitle",
-			"searchInput": "QpFKma_searchInput",
-			"filterSelect": "QpFKma_filterSelect",
-			"dayCount": "QpFKma_dayCount"
+			"archivedTag": "ysq2ha_archivedTag",
+			"dayCount": "ysq2ha_dayCount",
+			"filterBar": "ysq2ha_filterBar",
+			"filterSelect": "ysq2ha_filterSelect",
+			"listBar": "ysq2ha_listBar",
+			"listMain": "ysq2ha_listMain",
+			"listSub": "ysq2ha_listSub",
+			"listTitle": "ysq2ha_listTitle",
+			"modelTable": "ysq2ha_modelTable",
+			"projectTable": "ysq2ha_projectTable",
+			"rowArchived": "ysq2ha_rowArchived",
+			"searchInput": "ysq2ha_searchInput",
+			"sessionDay": "ysq2ha_sessionDay",
+			"sessionTable": "ysq2ha_sessionTable"
 		};
 		//#endregion
+		//#region src/client/tabs/ModelsTab.tsx
+		/** 按模型：`provider + model` 聚合的用量与估算成本（数据来自宿主会话事件折叠）。 */
+		const MODELS_PATH = "/dsh-key-usage/models";
+		/** 导出列：取原始数值（金额、命中率不带单位），方便直接进表格做计算。 */
+		const EXPORT_COLUMNS$2 = [
+			{
+				key: "provider",
+				label: "通道 id",
+				value: (row) => row.provider
+			},
+			{
+				key: "providerLabel",
+				label: "通道",
+				value: (row) => row.providerLabel
+			},
+			{
+				key: "model",
+				label: "模型",
+				value: (row) => row.model
+			},
+			{
+				key: "calls",
+				label: "调用",
+				value: (row) => row.calls
+			},
+			{
+				key: "tokens",
+				label: "Tokens",
+				value: (row) => row.tokens
+			},
+			{
+				key: "inputTokens",
+				label: "输入",
+				value: (row) => row.buckets.inputTokens
+			},
+			{
+				key: "outputTokens",
+				label: "输出",
+				value: (row) => row.buckets.outputTokens
+			},
+			{
+				key: "cacheReadTokens",
+				label: "缓存读",
+				value: (row) => row.buckets.cacheReadTokens
+			},
+			{
+				key: "cacheHitRate",
+				label: "命中率(%)",
+				value: (row) => row.cacheHitRate
+			},
+			{
+				key: "cost",
+				label: "成本(元)",
+				value: (row) => row.cost
+			},
+			{
+				key: "costSource",
+				label: "成本来源",
+				value: (row) => row.costSource === void 0 ? null : COST_SOURCE_LABELS[row.costSource]
+			},
+			{
+				key: "costMode",
+				label: "计费模式",
+				value: (row) => row.costMode
+			},
+			{
+				key: "sessionCount",
+				label: "会话数",
+				value: (row) => row.sessionCount
+			},
+			{
+				key: "lastTime",
+				label: "最近活跃",
+				value: (row) => fmtDateTime(row.lastTime)
+			}
+		];
+		function ModelsTab(props) {
+			const [query, setQuery] = (0, react.useState)("");
+			const [channelFilter, setChannelFilter] = (0, react.useState)("ALL");
+			const [sortKey, setSortKey] = (0, react.useState)("tokensDesc");
+			const [nowMs] = (0, react.useState)(() => Date.now());
+			const rows = props.data?.rows ?? [];
+			const visible = (0, react.useMemo)(() => {
+				const keyword = query.trim().toLowerCase();
+				const filtered = dropEmptyRows(rows, (row) => row.tokens).rows.filter((row) => {
+					const haystack = (row.model + " " + row.provider + " " + row.providerLabel).toLowerCase();
+					const matchesQuery = keyword === "" || haystack.includes(keyword);
+					const matchesChannel = channelFilter === "ALL" || row.provider === channelFilter;
+					return matchesQuery && matchesChannel;
+				});
+				const sorters = {
+					tokensDesc: (first, second) => second.tokens - first.tokens,
+					callsDesc: (first, second) => second.calls - first.calls,
+					costDesc: (first, second) => (second.cost ?? 0) - (first.cost ?? 0),
+					recent: (first, second) => (second.lastTime ?? 0) - (first.lastTime ?? 0)
+				};
+				return [...filtered].sort(sorters[sortKey]);
+			}, [
+				rows,
+				query,
+				channelFilter,
+				sortKey
+			]);
+			const totalTokens = rows.reduce((total, row) => total + row.tokens, 0);
+			const hiddenEmpty = dropEmptyRows(rows, (row) => row.tokens).hidden;
+			/** 导出当前筛选与排序后的行（JSON 取整行，CSV 按固定列映射）。 */
+			const exportRows = (format) => {
+				if (format === "csv") downloadFile(exportFileName("models", "csv"), toCsv(visible, EXPORT_COLUMNS$2), CSV_MIME);
+				else downloadFile(exportFileName("models", "json"), toJson(visible), JSON_MIME);
+			};
+			if (props.data === null) {
+				const reason = failureReasonOf(MODELS_PATH);
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: shared_module_css_default.empty,
+					children: reason === null ? "按模型数据读取中…" : "按模型数据不可用：" + reason
+				});
+			}
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
+				props.data.coverage.status !== "complete" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: shared_module_css_default.warning,
+					children: coverageText$1(props.data.coverage.status, props.data.coverage.skippedSessions)
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: lists_module_css_default.filterBar,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							className: lists_module_css_default.searchInput,
+							placeholder: "搜索模型名、通道…",
+							value: query,
+							onChange: (event) => setQuery(event.target.value)
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+							className: lists_module_css_default.filterSelect,
+							value: channelFilter,
+							onChange: (event) => setChannelFilter(event.target.value),
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value: "ALL",
+								children: "全部通道"
+							}), props.channels.map((channel) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value: channel.provider,
+								children: channel.displayName
+							}, channel.provider))]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+							className: lists_module_css_default.filterSelect,
+							value: sortKey,
+							onChange: (event) => setSortKey(event.target.value),
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: "tokensDesc",
+									children: "Tokens 最多"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: "callsDesc",
+									children: "调用最多"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: "costDesc",
+									children: "成本最高"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: "recent",
+									children: "最近活跃"
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: export_module_css_default.exportGroup,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								className: export_module_css_default.exportBtn,
+								disabled: visible.length === 0,
+								onClick: () => exportRows("csv"),
+								children: "导出 CSV"
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								className: export_module_css_default.exportBtn,
+								disabled: visible.length === 0,
+								onClick: () => exportRows("json"),
+								children: "导出 JSON"
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", {
+					className: shared_module_css_default.table + " " + lists_module_css_default.modelTable,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: "模型" }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: "调用" }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: "Tokens" }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: "占比" }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: "命中率" }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: "成本" }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: "最近活跃" })
+					] }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tbody", { children: [visible.map((row) => {
+						const percent = totalTokens > 0 ? Math.round(row.tokens / totalTokens * 100) : 0;
+						const channel = channelOf(props.channels, row.provider);
+						const costCell = costCellText(channel, row.cost ?? 0);
+						return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: lists_module_css_default.listTitle,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: lists_module_css_default.listMain,
+									children: row.model
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: lists_module_css_default.listSub,
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: shared_module_css_default.statusDot,
+											style: {
+												background: channelColorOf(props.channels, row.provider),
+												marginRight: 4
+											}
+										}),
+										row.providerLabel,
+										" · ",
+										row.sessionCount,
+										" 个会话"
+									]
+								})] })
+							}) }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: fmtCalls(row.calls) }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: fmtTokens(row.tokens) }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("td", { children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: lists_module_css_default.listBar,
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", { style: {
+										width: Math.max(2, percent) + "%",
+										background: channelColorOf(props.channels, row.provider)
+									} })
+								}),
+								" ",
+								percent,
+								"%"
+							] }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: row.cacheHitRate === null ? "—" : row.cacheHitRate.toFixed(1) + "%" }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: row.cost === null || channel?.costMode !== "perToken" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: shared_module_css_default.dim,
+								children: costCell.text
+							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [costCell.text, showsAmount(costCell) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CostSourceChip, { source: row.costSource })] }) }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: fmtRelative(row.lastTime, nowMs) })
+						] }, row.provider + "|" + row.model);
+					}), visible.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+						colSpan: 7,
+						className: shared_module_css_default.empty,
+						children: "没有符合条件的模型"
+					}) })] })]
+				}),
+				hiddenEmpty > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: shared_module_css_default.statExtra,
+					children: hiddenEmptyRowsText(hiddenEmpty)
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: shared_module_css_default.statExtra,
+					children: [
+						"模型用量按宿主会话事件折叠（每个结算样本计一次调用）；成本按台账模型均价估算",
+						props.data.priced ? "" : "（台账无成本数据，暂不可估）",
+						"；命中率 = 缓存读 ÷（输入 + 输出 + 缓存读）"
+					]
+				})
+			] });
+		}
+		function coverageText$1(status, skipped) {
+			if (status === "unavailable") return "会话数据不可用（宿主未提供会话服务或全部读取失败）";
+			return "会话数据不完整：" + String(skipped) + " 个会话读取失败，未计入统计";
+		}
+		//#endregion
 		//#region src/client/tabs/ProjectsTab.tsx
 		/** 项目用量：按会话工作目录聚合（数据来自宿主会话事件折叠）。 */
+		/** 导出列：成本与命中率都给原始数值，方便在表格里继续算。 */
+		const EXPORT_COLUMNS$1 = [
+			{
+				key: "workspace",
+				label: "项目路径",
+				value: (row) => row.workspace
+			},
+			{
+				key: "dominantProvider",
+				label: "主要通道",
+				value: (row) => row.dominantProvider
+			},
+			{
+				key: "calls",
+				label: "调用",
+				value: (row) => row.calls
+			},
+			{
+				key: "tokens",
+				label: "Tokens",
+				value: (row) => row.tokens
+			},
+			{
+				key: "cacheHitRate",
+				label: "命中率(%)",
+				value: (row) => row.cacheHitRate
+			},
+			{
+				key: "cost",
+				label: "成本(元)",
+				value: (row) => row.cost
+			},
+			{
+				key: "costSource",
+				label: "成本来源",
+				value: (row) => row.costSource === void 0 ? null : COST_SOURCE_LABELS[row.costSource]
+			},
+			{
+				key: "sessionCount",
+				label: "会话数",
+				value: (row) => row.sessionCount
+			},
+			{
+				key: "archivedSessionCount",
+				label: "已归档会话数",
+				value: (row) => row.archivedSessionCount
+			},
+			{
+				key: "lastTime",
+				label: "最近活跃",
+				value: (row) => fmtDateTime(row.lastTime)
+			}
+		];
 		function ProjectsTab(props) {
 			const [query, setQuery] = (0, react.useState)("");
 			const [channelFilter, setChannelFilter] = (0, react.useState)("ALL");
@@ -1412,7 +2724,7 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 			const rows = props.data?.rows ?? [];
 			const visible = (0, react.useMemo)(() => {
 				const keyword = query.trim().toLowerCase();
-				const filtered = rows.filter((row) => {
+				const filtered = dropEmptyRows(rows, (row) => row.tokens).rows.filter((row) => {
 					const matchesQuery = keyword === "" || row.workspace.toLowerCase().includes(keyword);
 					const matchesChannel = channelFilter === "ALL" || row.providers[channelFilter] !== void 0;
 					return matchesQuery && matchesChannel;
@@ -1431,6 +2743,12 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 				sortKey
 			]);
 			const totalTokens = rows.reduce((total, row) => total + row.tokens, 0);
+			const hiddenEmpty = dropEmptyRows(rows, (row) => row.tokens).hidden;
+			/** 导出当前筛选与排序后的项目行（JSON 取整行，CSV 按固定列映射）。 */
+			const exportRows = (format) => {
+				if (format === "csv") downloadFile(exportFileName("projects", "csv"), toCsv(visible, EXPORT_COLUMNS$1), CSV_MIME);
+				else downloadFile(exportFileName("projects", "json"), toJson(visible), JSON_MIME);
+			};
 			if (props.data === null) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: shared_module_css_default.empty,
 				children: "会话数据读取中或不可用…"
@@ -1483,11 +2801,25 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 									children: "调用最多"
 								})
 							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: export_module_css_default.exportGroup,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								className: export_module_css_default.exportBtn,
+								disabled: visible.length === 0,
+								onClick: () => exportRows("csv"),
+								children: "导出 CSV"
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								className: export_module_css_default.exportBtn,
+								disabled: visible.length === 0,
+								onClick: () => exportRows("json"),
+								children: "导出 JSON"
+							})]
 						})
 					]
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", {
-					className: shared_module_css_default.table,
+					className: shared_module_css_default.table + " " + lists_module_css_default.projectTable,
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: "项目" }),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: "调用" }),
@@ -1534,7 +2866,7 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: row.cost === null || channel?.costMode === "sub" || channel?.costMode === "free" || channel?.costMode === "none" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 								className: shared_module_css_default.dim,
 								children: costCell.text
-							}) : costCell.text }),
+							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [costCell.text, showsAmount(costCell) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CostSourceChip, { source: row.costSource })] }) }),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: fmtRelative(row.lastTime, nowMs) })
 						] }, row.workspace);
 					}), visible.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
@@ -1543,27 +2875,877 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 						children: "没有符合条件的项目"
 					}) })] })]
 				}),
+				hiddenEmpty > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: shared_module_css_default.statExtra,
+					children: hiddenEmptyRowsText(hiddenEmpty)
+				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: shared_module_css_default.statExtra,
 					children: [
-						"成本按台账模型中位均价估算",
-						props.data.priced ? "" : "（台账无成本数据，暂不可估）",
-						"；命中率 = 缓存读 /（输入 + 输出 + 缓存读）"
+						"成本按台账模型中位均价估算",
+						props.data.priced ? "" : "（台账无成本数据，暂不可估）",
+						"；命中率 = 缓存读 /（输入 + 输出 + 缓存读）"
+					]
+				})
+			] });
+		}
+		function coverageText(status, skipped) {
+			if (status === "unavailable") return "会话数据不可用（宿主未提供会话服务或全部读取失败）";
+			return "会话数据不完整：" + String(skipped) + " 个会话读取失败，未计入统计";
+		}
+		function baseNameOf(path) {
+			const parts = path.replace(/[\\/]+$/, "").split(/[\\/]/);
+			return parts[parts.length - 1] === "" ? path : parts[parts.length - 1];
+		}
+		//#endregion
+		//#region src/client/components/PricingRulesPanel.tsx
+		/**
+		* 计费规则面板：并入「余额与配额」页下半部分（不新增 Tab），插件页卡片复用同一份。
+		*
+		* 层级：默认只显示一行摘要（依据 / 已省 / 口径 + 「配置规则」），细节全部收进抽屉。
+		* 目的是让「这一格钱凭什么」一眼可读，同时把矛盾提示合并成一条带优先级的提示。
+		* 规则本体存在宿主设置服务里，成本计算全在服务端（src/server/pricing.ts），界面不重复算。
+		*/
+		/** 金额一律两位小数；服务端给的 4 位是计算精度，不是展示精度。 */
+		const AMOUNT_DIGITS = 2;
+		/** 「最值得补规则」最多列几条 —— 多于一屏就失去「最值得」的意义。 */
+		const WORTH_RULE_LIMIT = 3;
+		function PricingRulesPanel(props) {
+			const { settings, state, pricing, channels } = props;
+			const [expanded, setExpanded] = (0, react.useState)(false);
+			const [draft, setDraft] = (0, react.useState)(null);
+			const [editingKey, setEditingKey] = (0, react.useState)(null);
+			const [editorError, setEditorError] = (0, react.useState)(null);
+			const [templateId, setTemplateId] = (0, react.useState)("");
+			const [notice, setNotice] = (0, react.useState)(null);
+			const [showAllSavings, setShowAllSavings] = (0, react.useState)(false);
+			const [showExplanation, setShowExplanation] = (0, react.useState)(false);
+			const fileInput = (0, react.useRef)(null);
+			const config = state.config;
+			const rules = config.rules;
+			const offPeakNowOf = (rule) => {
+				if (pricing === null) return false;
+				const index = rules.indexOf(rule);
+				return index >= 0 && pricing.offPeakNow[index] === true;
+			};
+			const templates = pricing?.templates ?? [];
+			const catalog = pricing?.catalog ?? null;
+			const providerOptions = (0, react.useMemo)(() => channels.map((channel) => channel.provider), [channels]);
+			const modelOptions = (0, react.useMemo)(() => {
+				const ids = /* @__PURE__ */ new Set();
+				for (const channel of channels) for (const model of channel.models) ids.add(model.id);
+				for (const row of props.models?.rows ?? []) ids.add(row.model);
+				return [...ids];
+			}, [channels, props.models]);
+			const save = async (next, done) => {
+				if (await settings.save(next)) {
+					setNotice(done);
+					setDraft(null);
+					setEditingKey(null);
+					setEditorError(null);
+				}
+			};
+			const startNew = () => {
+				setDraft(blankRule(config));
+				setEditingKey(null);
+				setEditorError(null);
+			};
+			/** 「为它新增规则」：直接把 provider / model 预填进表单，省掉一次手抄。 */
+			const startNewFor = (provider, model) => {
+				setDraft({
+					...blankRule(config),
+					provider,
+					model
+				});
+				setEditingKey(null);
+				setEditorError(null);
+			};
+			const startEdit = (rule) => {
+				setDraft(structuredClone(rule));
+				setEditingKey(ruleKeyOf(rule));
+				setEditorError(null);
+			};
+			const commitDraft = async () => {
+				if (draft === null) return;
+				const problem = ruleProblemOf(draft);
+				if (problem !== null) {
+					setEditorError(problem);
+					return;
+				}
+				const nextRules = [...rules];
+				const editedIndex = editingKey === null ? -1 : nextRules.findIndex((rule) => ruleKeyOf(rule) === editingKey);
+				const duplicateIndex = nextRules.findIndex((rule) => ruleKeyOf(rule) === ruleKeyOf(draft));
+				if (editedIndex >= 0) {
+					nextRules[editedIndex] = draft;
+					if (duplicateIndex >= 0 && duplicateIndex !== editedIndex) nextRules.splice(duplicateIndex, 1);
+				} else if (duplicateIndex >= 0) nextRules[duplicateIndex] = draft;
+				else nextRules.push(draft);
+				await save({
+					...config,
+					rules: nextRules
+				}, "规则已保存");
+			};
+			const removeRule = async (rule) => {
+				await save({
+					...config,
+					rules: rules.filter((candidate) => candidate !== rule)
+				}, "规则已删除");
+			};
+			const applyTemplate = async () => {
+				const template = templates.find((candidate) => candidate.id === templateId);
+				if (template === void 0) return;
+				const nextRules = [...rules];
+				for (const rule of template.rules) {
+					const index = nextRules.findIndex((candidate) => ruleKeyOf(candidate) === ruleKeyOf(rule));
+					if (index >= 0) nextRules[index] = rule;
+					else nextRules.push(rule);
+				}
+				await save({
+					...config,
+					rules: nextRules
+				}, "已套用模板「" + template.label + "」，数值请自行核对");
+			};
+			const exportRules = () => {
+				downloadFile(exportFileName("pricing-rules", "json"), toJson(config), JSON_MIME);
+			};
+			const importRules = async (file) => {
+				const parsed = parseImportedPricing(await file.text());
+				if (parsed.config === null) {
+					settings.noteError(parsed.error ?? "导入失败：文件内容无法识别");
+					return;
+				}
+				await save(parsed.config, "规则已导入（整份替换）");
+			};
+			const coverage = pricing?.coverage ?? null;
+			const savingsEntries = Object.entries(coverage?.savingsByCurrency ?? {}).filter(([, amount]) => amount > 0);
+			const savingsDetail = coverage?.savingsDetail ?? [];
+			const visibleSavings = showAllSavings ? savingsDetail : savingsDetail.slice(0, 3);
+			const ruleCostEntries = Object.entries(coverage?.ruleCostByCurrency ?? {}).filter(([, amount]) => amount > 0);
+			const worthRules = worthRuleCandidates(props.models, rules);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: pricing_module_css_default.panel,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SummaryStrip, {
+						coverage,
+						rulesCount: rules.length,
+						loading: state.status === "loading",
+						savingsEntries,
+						expanded,
+						onToggle: () => setExpanded((previous) => !previous),
+						showExplanation,
+						onToggleExplanation: () => setShowExplanation((previous) => !previous)
+					}),
+					showExplanation && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExplanationBlock, {}),
+					expanded && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: pricing_module_css_default.drawer,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatusNotice, { state }),
+							notice !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: pricing_module_css_default.panelHint,
+								children: notice
+							}),
+							ruleCostEntries.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: pricing_module_css_default.statStrip,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: pricing_module_css_default.statItem,
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											className: pricing_module_css_default.statName,
+											children: "按当前规则试算（近 30 天，仅参照）"
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											className: pricing_module_css_default.statNum,
+											children: ruleCostEntries.map(([currency, amount]) => moneyText(currency, amount)).join(" / ")
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											className: pricing_module_css_default.statNote,
+											children: "不是账单：实际成本按「官方 > 规则 > 官方价 > 均价」逐格取值"
+										})
+									]
+								})
+							}),
+							catalog !== null && catalog.entries > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: pricing_module_css_default.catalogNote,
+								children: [
+									"已内置 ",
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", { children: String(catalog.entries) }),
+									" 条厂商官方价目，",
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", { children: "无需套用模板即自动生效" }),
+									"（你的规则优先于它）。来源：",
+									catalog.sources.map((entry, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+										index > 0 && "；",
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+											className: pricing_module_css_default.linkBtn,
+											href: entry.source,
+											target: "_blank",
+											rel: "noreferrer",
+											children: entry.providers.join(" / ")
+										}),
+										"（",
+										entry.count,
+										" 条，",
+										entry.fetchedAt,
+										" 抓取）"
+									] }, entry.source))
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: pricing_module_css_default.toolbar,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+										className: pricing_module_css_default.actionBtn,
+										value: templateId,
+										onChange: (event) => setTemplateId(event.target.value),
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+											value: "",
+											children: "选择厂商模板…"
+										}), templates.map((template) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+											value: template.id,
+											children: template.label
+										}, template.id))]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										className: pricing_module_css_default.actionBtn,
+										disabled: templateId === "",
+										onClick: () => void applyTemplate(),
+										children: "套用模板"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										className: pricing_module_css_default.actionBtn + " " + pricing_module_css_default.primary,
+										onClick: startNew,
+										children: "＋ 新增规则"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: pricing_module_css_default.toolbarSpacer }),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										className: pricing_module_css_default.linkBtn,
+										disabled: rules.length === 0,
+										onClick: exportRules,
+										children: "导出 JSON"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										className: pricing_module_css_default.linkBtn,
+										onClick: () => fileInput.current?.click(),
+										children: "导入 JSON"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										className: pricing_module_css_default.linkBtn,
+										disabled: rules.length === 0,
+										onClick: () => void save({
+											...EMPTY_CONFIG,
+											currency: config.currency
+										}, "已清空规则：成本回到台账反推均价"),
+										children: "清空规则"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										ref: fileInput,
+										className: pricing_module_css_default.hiddenFile,
+										type: "file",
+										accept: "application/json,.json",
+										onChange: (event) => {
+											const file = event.target.files?.[0];
+											event.target.value = "";
+											if (file !== void 0) importRules(file);
+										}
+									})
+								]
+							}),
+							rules.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: pricing_module_css_default.empty,
+								children: "还没有规则。点「＋ 新增规则」手填，或从上方的厂商模板起步。"
+							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", {
+								className: pricing_module_css_default.ruleTable,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: "通道" }),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: "模型" }),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: "单位" }),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: "输入" }),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: "缓存读" }),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: "缓存写" }),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: "输出" }),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: "币种" }),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: "错峰" }),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: "备注" }),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: "操作" })
+								] }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: rules.map((rule) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", {
+									className: editingKey === ruleKeyOf(rule) ? pricing_module_css_default.editing : "",
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: pricing_module_css_default.ruleName,
+											children: rule.provider
+										}) }),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: pricing_module_css_default.ruleName,
+											children: rule.model
+										}) }),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: UNIT_LABELS[rule.unit] }),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: rule.input }),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: rule.cacheRead }),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: rule.cacheWrite }),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: rule.output }),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: rule.currency }),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: rule.offPeak === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: shared_module_css_default.dim,
+											children: "—"
+										}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+											title: offPeakTooltipOf(rule),
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: pricing_module_css_default.ruleName,
+												children: offPeakWindowsText(rule)
+											}), offPeakNowOf(rule) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: pricing_module_css_default.offPeakChip,
+												children: "错峰中"
+											})]
+										}) }),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+											className: pricing_module_css_default.ruleNote,
+											children: rule.note === "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: shared_module_css_default.dim,
+												children: "—"
+											}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												title: rule.note,
+												children: rule.note
+											})
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("td", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											className: pricing_module_css_default.linkBtn,
+											onClick: () => startEdit(rule),
+											children: "编辑"
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											className: pricing_module_css_default.linkBtn,
+											onClick: () => void removeRule(rule),
+											children: "删除"
+										})] })
+									]
+								}, ruleKeyOf(rule))) })]
+							}),
+							draft !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RuleEditor, {
+								draft,
+								onChange: setDraft,
+								onCancel: () => {
+									setDraft(null);
+									setEditorError(null);
+									setEditingKey(null);
+								},
+								onSave: () => void commitDraft(),
+								error: editorError,
+								providerOptions,
+								modelOptions
+							}),
+							worthRules.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: pricing_module_css_default.sectionBlock,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: pricing_module_css_default.subLabel,
+										children: "最值得补规则的模型"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: pricing_module_css_default.panelHint,
+										children: "这些模型要么按台账均价估算、要么没有任何价格依据，但用量占比最高 —— 给它们补规则最能提升准确度。"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+										className: pricing_module_css_default.worthList,
+										children: worthRules.map((candidate) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", { children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: pricing_module_css_default.ruleName,
+												children: candidate.model
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+												className: shared_module_css_default.dim,
+												children: [" · ", candidate.provider]
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+												className: pricing_module_css_default.worthMeta,
+												children: [
+													fmtTokens(candidate.tokens),
+													" tokens（",
+													percentText(candidate.share),
+													"）",
+													candidate.estimated ? " · 现为估算" : " · 无价格依据"
+												]
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												className: pricing_module_css_default.linkBtn,
+												onClick: () => startNewFor(candidate.provider, candidate.model),
+												children: "为它新增规则"
+											})
+										] }, candidate.provider + "|" + candidate.model))
+									})
+								]
+							}),
+							savingsDetail.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: pricing_module_css_default.sectionBlock,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: pricing_module_css_default.subLabel,
+										children: ["缓存命中省钱明细", coverage === null ? "" : "（" + coverage.from + " 起）"]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+										className: pricing_module_css_default.savingsList,
+										children: visibleSavings.map((entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", { children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: pricing_module_css_default.ruleName,
+												children: entry.model
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+												className: shared_module_css_default.dim,
+												children: [" · ", entry.provider]
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+												className: pricing_module_css_default.worthMeta,
+												children: [
+													"命中缓存 ",
+													fmtTokens(entry.cacheReadTokens),
+													" tokens"
+												]
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+												className: pricing_module_css_default.saving,
+												children: ["省 ", moneyText(entry.currency, entry.amount)]
+											})
+										] }, entry.provider + "|" + entry.model))
+									}),
+									savingsDetail.length > 3 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										className: pricing_module_css_default.linkBtn,
+										onClick: () => setShowAllSavings((previous) => !previous),
+										children: showAllSavings ? "收起" : "展开全部（" + String(savingsDetail.length) + " 条）"
+									})
+								]
+							})
+						]
+					})
+				]
+			});
+		}
+		/**
+		* 摘要行：默认收起的全部内容就这一行。
+		* 「依据」用 /pricing 的 coverage 数模型个数，让用户一眼看出哪些模型可信、哪些只是估算。
+		*/
+		function SummaryStrip(props) {
+			const { coverage } = props;
+			const days = coverage === null ? null : daysBetween(coverage.from, coverage.to);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: pricing_module_css_default.summaryStrip,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: pricing_module_css_default.summaryBasis,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: pricing_module_css_default.summaryName,
+							children: "这一格钱的依据"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: pricing_module_css_default.summaryValue,
+							children: coverage === null ? props.loading ? "正在读取规则与覆盖度…" : "还没读到服务端覆盖度 —— 稍后自动重试" : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+								"官方账单 ",
+								days === null ? "—" : String(days),
+								" 天 · 你的规则 ",
+								String(coverage.ruleModels),
+								" 个模型 · 内置官方价 ",
+								String(coverage.catalogModels ?? 0),
+								" 个模型 · 台账均价估算 ",
+								String(coverage.averagedModels),
+								" 个模型",
+								coverage.unpricedModels > 0 && " · 无依据 " + String(coverage.unpricedModels) + " 个"
+							] })
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: pricing_module_css_default.summarySaving,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: pricing_module_css_default.summaryName,
+							children: "缓存命中已省"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: pricing_module_css_default.summaryValue + (props.savingsEntries.length > 0 ? " " + pricing_module_css_default.saving : ""),
+							children: props.savingsEntries.length === 0 ? "—" : props.savingsEntries.map(([currency, amount]) => moneyText(currency, amount)).join(" / ")
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: pricing_module_css_default.summaryActions,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							className: pricing_module_css_default.infoBtn + (props.showExplanation ? " " + pricing_module_css_default.infoBtnActive : ""),
+							title: "来源角标、单位、错峰与多币种口径",
+							onClick: props.onToggleExplanation,
+							children: "ⓘ"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							className: pricing_module_css_default.actionBtn + " " + pricing_module_css_default.primary,
+							onClick: props.onToggle,
+							children: props.expanded ? "收起规则 ◂" : "配置规则 ▸"
+						})]
+					})
+				]
+			});
+		}
+		/** 完整口径说明：默认不占正文，点 ⓘ 才出现。 */
+		function ExplanationBlock() {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: pricing_module_css_default.explanation,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: pricing_module_css_default.explanationTitle,
+					children: "口径说明"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("ul", {
+					className: pricing_module_css_default.explanationList,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", { children: "官方" }), "：台账记录的厂商账单金额，是既成事实，不会被规则覆盖。"] }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", { children: "自定" }), "：按你填的规则算出，匹配顺序 精确 → 通道通配 → 模型通配 → 全通配。"] }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", { children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", { children: "官方价" }),
+							"：按插件",
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", { children: "内置的厂商官方价目" }),
+							"算出（自动生效，无需套用模板）；你的规则优先于它。匹配只做精确 / 忽略大小写 / 去 ",
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", { children: "vendor/" }),
+							" 前缀，不做模糊匹配。"
+						] }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", { children: "估算" }), "：按台账反推的均价推算，仅供参照，不是账单。"] }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", { children: "—" }), "：没有价格依据（规则与内置价目都没命中，台账也没有成本数据）。"] }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: "单位与按次计费：规则里显式声明「每百万 / 每千 tokens / 每次调用」；按次计费只用「输入」档当每次调用价。" }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", { children: [
+							"错峰：窗口按",
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", { children: "本地时间" }),
+							"判断，起止相同表示全天，",
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", { children: "from" }),
+							" 大于 ",
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", { children: "to" }),
+							" 表示跨午夜；每个窗口可按",
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", { children: "每天 / 仅工作日 / 仅周末" }),
+							"限定生效的星期（不选即每天）。跨天范围拿不到小时分布，按标准价算。"
+						] }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: "多币种不换算、不合计：规则与内置价目各按文档原币种算（DeepSeek 取中文文档的 CNY，Kimi 为 CNY，OpenRouter / Z.ai 为 USD），金额按币种分行显示。" }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", { children: [
+							"规则存在宿主设置服务里（命名空间 ",
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", { children: "dsh-key-usage" }),
+							"），插件不写任何文件。"
+						] })
 					]
-				})
-			] });
+				})]
+			});
 		}
-		function coverageText(status, skipped) {
-			if (status === "unavailable") return "会话数据不可用（宿主未提供会话服务或全部读取失败）";
-			return "会话数据不完整：" + String(skipped) + " 个会话读取失败，未计入统计";
+		/**
+		* 状态提示：优先级从高到低只渲染一条，避免「写入被拒绝」和「无法保存」同时出现。
+		* 1) 命名空间不可写 / 取不到配置表单服务 —— 规则根本存不下去，说清楚「重启 DSH 后可用」；
+		* 2) 刚发生的写入失败（如乐观锁冲突）—— 可重试；
+		* 3) 正常 —— 不显示任何提示。
+		*/
+		function StatusNotice(props) {
+			const { state } = props;
+			if (state.status === "unavailable" || state.status === "ready" && !state.writable) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: pricing_module_css_default.warning,
+				children: [
+					"规则暂不可编辑：宿主还没加载本插件的配置（",
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", { children: "重启 DSH 后可用" }),
+					"）；现在仍可导入 / 导出 JSON。"
+				]
+			});
+			if (state.error !== null) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: pricing_module_css_default.error,
+				children: [
+					"保存失败：",
+					state.error,
+					"，可重试"
+				]
+			});
+			return null;
 		}
-		function baseNameOf(path) {
-			const parts = path.replace(/[\\/]+$/, "").split(/[\\/]/);
-			return parts[parts.length - 1] === "" ? path : parts[parts.length - 1];
+		/** 两位小数 + 币种符号；未知币种保留代码前缀，避免把 USD 当 CNY 渲染。 */
+		function moneyText(currency, amount) {
+			return currencySymbolOf(currency) + amount.toFixed(AMOUNT_DIGITS);
+		}
+		function percentText(share) {
+			return (share * 100).toFixed(1) + "%";
+		}
+		/** 覆盖区间的自然天数（含首尾），用作「官方账单 X 天」的口径。 */
+		function daysBetween(from, to) {
+			const start = (/* @__PURE__ */ new Date(from + "T00:00:00")).getTime();
+			const end = (/* @__PURE__ */ new Date(to + "T00:00:00")).getTime();
+			if (Number.isNaN(start) || Number.isNaN(end) || end < start) return null;
+			return Math.round((end - start) / 864e5) + 1;
+		}
+		/** 错峰说明进 tooltip：规则表因此不被一整列文字撑开。 */
+		function offPeakTooltipOf(rule) {
+			const windows = offPeakWindowsText(rule);
+			if (rule.offPeak === null) return windows;
+			const peak = "标准价 " + String(rule.input) + " / " + String(rule.cacheRead) + " / " + String(rule.cacheWrite) + " / " + String(rule.output);
+			const offPeak = "错峰价 " + String(rule.offPeak.input) + " / " + String(rule.offPeak.cacheRead) + " / " + String(rule.offPeak.cacheWrite) + " / " + String(rule.offPeak.output);
+			return "错峰时段（本地时间，跨午夜用 from > to 表示；括号内是生效的星期）：" + windows + "\n" + peak + "\n" + offPeak + "\n四档顺序：输入 / 缓存读 / 缓存写 / 输出";
+		}
+		/**
+		* 「最值得补规则」的判定：先筛出**没有价格依据**的模型，再按近 30 天 tokens 占比倒序取前 3。
+		* 「没有价格依据」用两处数据交叉确认：/pricing 的 coverage 计数只给总数，
+		* 逐模型是否命中则用 /models 的 costSource —— 它正是成本单元格上那个角标，口径一致。
+		* `catalog`（内置官方价目）已有官方价，不算缺口，因此不列入候选。
+		*/
+		function worthRuleCandidates(models, rules) {
+			const rows = (models?.rows ?? []).filter((row) => row.tokens > 0);
+			if (rows.length === 0) return [];
+			const unpriced = rows.filter((row) => {
+				if (row.costSource === "rule" || row.costSource === "official" || row.costSource === "catalog") return false;
+				return row.costSource === "estimate" || row.costSource === "none" || !matchesAnyRule(rules, row.provider, row.model);
+			});
+			const total = unpriced.reduce((sum, row) => sum + row.tokens, 0);
+			if (total <= 0) return [];
+			return unpriced.map((row) => ({
+				provider: row.provider,
+				model: row.model,
+				tokens: row.tokens,
+				share: row.tokens / total,
+				estimated: row.costSource === "estimate"
+			})).sort((first, second) => second.tokens - first.tokens).slice(0, WORTH_RULE_LIMIT);
+		}
+		/** 与服务端 matchPricingRule 同序的粗判：精确 → 通道通配 → 模型通配 → 全通配。 */
+		function matchesAnyRule(rules, provider, model) {
+			return [
+				(rule) => rule.provider === provider && rule.model === model,
+				(rule) => rule.provider === provider && rule.model === "*",
+				(rule) => rule.provider === "*" && rule.model === model,
+				(rule) => rule.provider === "*" && rule.model === "*"
+			].some((matches) => rules.some(matches));
+		}
+		/** 单条规则的编辑器：单位换算、错峰窗口都在这里显式呈现，避免「按千 / 按百万」填错 1000 倍。 */
+		function RuleEditor(props) {
+			const { draft, onChange } = props;
+			const numberField = (label, key, value, extra) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: pricing_module_css_default.field,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", { children: label }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+					type: "number",
+					min: 0,
+					step: "any",
+					value: String(value),
+					onChange: (event) => {
+						const next = Number(event.target.value);
+						const safe = Number.isFinite(next) && next >= 0 ? next : 0;
+						if (extra?.onChange !== void 0) extra.onChange(safe);
+						else onChange({
+							...draft,
+							[key]: safe
+						});
+					}
+				})]
+			}, label);
+			const windows = draft.offPeak?.windows ?? [];
+			const setWindows = (next) => {
+				if (next.length === 0) {
+					onChange({
+						...draft,
+						offPeak: null
+					});
+					return;
+				}
+				onChange({
+					...draft,
+					offPeak: {
+						windows: next,
+						input: draft.offPeak?.input ?? draft.input,
+						cacheRead: draft.offPeak?.cacheRead ?? draft.cacheRead,
+						cacheWrite: draft.offPeak?.cacheWrite ?? draft.cacheWrite,
+						output: draft.offPeak?.output ?? draft.output
+					}
+				});
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: pricing_module_css_default.editor,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: pricing_module_css_default.editorGrid,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: pricing_module_css_default.field,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", { children: "通道 id（* = 任意通道）" }),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										list: "dsh-ku-providers",
+										value: draft.provider,
+										onChange: (event) => onChange({
+											...draft,
+											provider: event.target.value
+										})
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("datalist", {
+										id: "dsh-ku-providers",
+										children: props.providerOptions.map((provider) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", { value: provider }, provider))
+									})
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: pricing_module_css_default.field,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", { children: "模型 id（* = 该通道全部）" }),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										list: "dsh-ku-models",
+										value: draft.model,
+										onChange: (event) => onChange({
+											...draft,
+											model: event.target.value
+										})
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("datalist", {
+										id: "dsh-ku-models",
+										children: props.modelOptions.map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", { value: model }, model))
+									})
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: pricing_module_css_default.field,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", { children: "计价单位" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+									value: draft.unit,
+									onChange: (event) => onChange({
+										...draft,
+										unit: event.target.value
+									}),
+									children: UNIT_OPTIONS.map((unit) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: unit,
+										children: UNIT_LABELS[unit]
+									}, unit))
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: pricing_module_css_default.field,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", { children: "币种" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+									value: draft.currency,
+									onChange: (event) => onChange({
+										...draft,
+										currency: event.target.value
+									}),
+									children: CURRENCY_OPTIONS.map((currency) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: currency,
+										children: currency
+									}, currency))
+								})]
+							}),
+							numberField("输入（未命中缓存）", "input", draft.input),
+							numberField("缓存读（命中）", "cacheRead", draft.cacheRead),
+							numberField("缓存写", "cacheWrite", draft.cacheWrite),
+							numberField("输出", "output", draft.output),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: pricing_module_css_default.field + " " + pricing_module_css_default.fieldWide,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", { children: "备注（建议写价目来源与日期）" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									value: draft.note,
+									onChange: (event) => onChange({
+										...draft,
+										note: event.target.value
+									})
+								})]
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: pricing_module_css_default.subLabel,
+						children: "错峰时段（本地时间；留空表示没有错峰价）"
+					}),
+					windows.map((window, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: pricing_module_css_default.windowRow,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								value: window.from,
+								placeholder: "00:00",
+								onChange: (event) => setWindows(windows.map((candidate, position) => position === index ? {
+									...candidate,
+									from: event.target.value
+								} : candidate))
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: shared_module_css_default.dim,
+								children: "至"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								value: window.to,
+								placeholder: "09:00",
+								onChange: (event) => setWindows(windows.map((candidate, position) => position === index ? {
+									...candidate,
+									to: event.target.value
+								} : candidate))
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+								value: dayScopeOf(window.days),
+								onChange: (event) => setWindows(windows.map((candidate, position) => position === index ? withDayScope(candidate, event.target.value) : candidate)),
+								children: DAY_SCOPE_OPTIONS.map((scope) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: scope,
+									children: DAY_SCOPE_LABELS[scope]
+								}, scope))
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								className: pricing_module_css_default.linkBtn,
+								onClick: () => setWindows(windows.filter((_, position) => position !== index)),
+								children: "移除"
+							})
+						]
+					}, index)),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						className: pricing_module_css_default.actionBtn,
+						onClick: () => setWindows([...windows, {
+							from: "00:00",
+							to: "08:00"
+						}]),
+						children: "+ 加时间窗"
+					}),
+					draft.offPeak !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: pricing_module_css_default.subLabel,
+						children: "错峰价（留空即与标准价相同）"
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: pricing_module_css_default.editorGrid,
+						children: [
+							numberField("错峰输入", "input", draft.offPeak.input, { onChange: (value) => patchOffPeak(draft, onChange, { input: value }) }),
+							numberField("错峰缓存读", "cacheRead", draft.offPeak.cacheRead, { onChange: (value) => patchOffPeak(draft, onChange, { cacheRead: value }) }),
+							numberField("错峰缓存写", "cacheWrite", draft.offPeak.cacheWrite, { onChange: (value) => patchOffPeak(draft, onChange, { cacheWrite: value }) }),
+							numberField("错峰输出", "output", draft.offPeak.output, { onChange: (value) => patchOffPeak(draft, onChange, { output: value }) })
+						]
+					})] }),
+					props.error !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: pricing_module_css_default.editorError,
+						children: props.error
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: pricing_module_css_default.editorHint,
+						children: [
+							"正在编辑：",
+							ruleLabelOf(draft),
+							" · 单位 ",
+							UNIT_LABELS[draft.unit]
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: pricing_module_css_default.editorActions,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							className: pricing_module_css_default.actionBtn + " " + pricing_module_css_default.primary,
+							onClick: props.onSave,
+							children: "保存规则"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							className: pricing_module_css_default.actionBtn,
+							onClick: props.onCancel,
+							children: "取消"
+						})]
+					})
+				]
+			});
+		}
+		function patchOffPeak(draft, onChange, patch) {
+			if (draft.offPeak === null) return;
+			onChange({
+				...draft,
+				offPeak: {
+					...draft.offPeak,
+					...patch
+				}
+			});
+		}
+		/**
+		* 单个窗口的星期范围：三选一直接改写 `days`。
+		* 「每天」删掉该字段（而不是写 [1..7]），这样升级前保存的规则往返后字节一致；
+		* 手改 JSON 得到的自定义组合在下拉里显示为「每天」，但只要用户不碰这个下拉，原值原样保留。
+		*/
+		function withDayScope(window, scope) {
+			const days = DAY_SCOPE_DAYS[scope];
+			if (days === void 0) {
+				const { from, to } = window;
+				return {
+					from,
+					to
+				};
+			}
+			return {
+				...window,
+				days: [...days]
+			};
 		}
 		//#endregion
-		//#region \0dsh-css:D:\EasyJob\.plugin\dsh-key-usage\src\client\styles\quota.module.css.mjs
-		const css$1 = ".F7iUHa_quotaList{flex-direction:column;gap:12px;display:flex}.F7iUHa_quotaCard{background:var(--dsw-alias-bg-layer-2,#1d1d22);border:1px solid var(--dsw-alias-border-l1,#2c2c34);border-radius:12px;padding:16px 18px}.F7iUHa_quotaHead{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.F7iUHa_quotaTitle{color:var(--dsw-alias-label-primary,#e8e8ec);font-size:13px;font-weight:600}.F7iUHa_quotaEnv{color:var(--dsw-alias-label-tertiary,#67676f);margin-left:8px;font-family:ui-monospace,Consolas,monospace;font-size:10px}.F7iUHa_quotaProvider{color:var(--dsw-alias-label-tertiary,#67676f);margin-left:auto;font-size:11.5px}.F7iUHa_liveChip{border:1px solid var(--dsw-alias-state-success-primary,#3fb950);color:var(--dsw-alias-state-success-primary,#3fb950);border-radius:999px;padding:1px 7px;font-size:10px;line-height:1.6}.F7iUHa_balanceStrip{flex-wrap:wrap;align-items:baseline;gap:10px 44px;display:flex}.F7iUHa_balanceItem .F7iUHa_bsLabel{color:var(--dsw-alias-label-tertiary,#67676f);margin-bottom:2px;font-size:11px}.F7iUHa_balanceItem .F7iUHa_bsValue{font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-primary,#e8e8ec);font-size:16px;font-weight:650}.F7iUHa_windowRow{flex-wrap:wrap;gap:18px;display:flex}.F7iUHa_windowItem{flex:1;min-width:150px}.F7iUHa_windowHead{justify-content:space-between;align-items:baseline;margin-bottom:5px;display:flex}.F7iUHa_windowName{color:var(--dsw-alias-label-secondary,#9a9aa6);font-size:11.5px}.F7iUHa_windowValue{font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-primary,#e8e8ec);font-size:12px;font-weight:600}.F7iUHa_windowReset{color:var(--dsw-alias-label-tertiary,#67676f);margin-top:3px;font-size:10.5px}.F7iUHa_windowBar{background:var(--dsw-alias-fill-l2,#80808c2e);border-radius:4px;height:6px;overflow:hidden}.F7iUHa_windowBar>i{border-radius:4px;height:100%;display:block}.F7iUHa_snapshotHint{color:var(--dsw-alias-label-tertiary,#67676f);margin-top:10px;font-size:10.5px}.F7iUHa_snapshotStale{color:var(--dsw-alias-state-warning-primary,#e0a13c);margin-top:10px;font-size:10.5px}";
+		//#region \0dsh-css:src/client/styles/quota.module.css.mjs
+		const css$1 = ".ohwLxW_quotaList{flex-direction:column;gap:12px;display:flex}.ohwLxW_quotaCard{background:var(--dsw-alias-bg-layer-2,#1d1d22);border:1px solid var(--dsw-alias-border-l1,#2c2c34);border-radius:12px;padding:16px 18px}.ohwLxW_quotaHead{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.ohwLxW_quotaTitle{color:var(--dsw-alias-label-primary,#e8e8ec);font-size:13px;font-weight:600}.ohwLxW_quotaEnv{color:var(--dsw-alias-label-tertiary,#67676f);margin-left:8px;font-family:ui-monospace,Consolas,monospace;font-size:10px}.ohwLxW_quotaProvider{color:var(--dsw-alias-label-tertiary,#67676f);margin-left:auto;font-size:11.5px}.ohwLxW_liveChip{border:1px solid var(--dsw-alias-state-success-primary,#3fb950);color:var(--dsw-alias-state-success-primary,#3fb950);border-radius:999px;padding:1px 7px;font-size:10px;line-height:1.6}.ohwLxW_balanceStrip{flex-wrap:wrap;align-items:baseline;gap:10px 44px;display:flex}.ohwLxW_balanceItem .ohwLxW_bsLabel{color:var(--dsw-alias-label-tertiary,#67676f);margin-bottom:2px;font-size:11px}.ohwLxW_balanceItem .ohwLxW_bsValue{font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-primary,#e8e8ec);font-size:16px;font-weight:650}.ohwLxW_windowRow{flex-wrap:wrap;gap:18px;display:flex}.ohwLxW_windowItem{flex:1;min-width:150px}.ohwLxW_windowHead{justify-content:space-between;align-items:baseline;margin-bottom:5px;display:flex}.ohwLxW_windowName{color:var(--dsw-alias-label-secondary,#9a9aa6);font-size:11.5px}.ohwLxW_windowValue{font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-primary,#e8e8ec);font-size:12px;font-weight:600}.ohwLxW_windowReset{color:var(--dsw-alias-label-tertiary,#67676f);margin-top:3px;font-size:10.5px}.ohwLxW_windowBar{background:var(--dsw-alias-fill-l2,#80808c2e);border-radius:4px;height:6px;overflow:hidden}.ohwLxW_windowBar>i{border-radius:4px;height:100%;display:block}.ohwLxW_snapshotHint{color:var(--dsw-alias-label-tertiary,#67676f);margin-top:10px;font-size:10.5px}.ohwLxW_snapshotStale{color:var(--dsw-alias-state-warning-primary,#e0a13c);margin-top:10px;font-size:10.5px}";
 		const tagId$1 = "dsh-key-usage/quota.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
 			const tag = document.createElement("style");
@@ -1578,26 +3760,26 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 			css: css$1
 		});
 		var quota_module_css_default = {
-			"quotaList": "F7iUHa_quotaList",
-			"quotaProvider": "F7iUHa_quotaProvider",
-			"windowReset": "F7iUHa_windowReset",
-			"quotaEnv": "F7iUHa_quotaEnv",
-			"windowName": "F7iUHa_windowName",
-			"liveChip": "F7iUHa_liveChip",
-			"windowItem": "F7iUHa_windowItem",
-			"windowRow": "F7iUHa_windowRow",
-			"snapshotHint": "F7iUHa_snapshotHint",
-			"bsLabel": "F7iUHa_bsLabel",
-			"snapshotStale": "F7iUHa_snapshotStale",
-			"balanceStrip": "F7iUHa_balanceStrip",
-			"windowValue": "F7iUHa_windowValue",
-			"quotaHead": "F7iUHa_quotaHead",
-			"balanceItem": "F7iUHa_balanceItem",
-			"quotaCard": "F7iUHa_quotaCard",
-			"windowHead": "F7iUHa_windowHead",
-			"windowBar": "F7iUHa_windowBar",
-			"quotaTitle": "F7iUHa_quotaTitle",
-			"bsValue": "F7iUHa_bsValue"
+			"balanceItem": "ohwLxW_balanceItem",
+			"balanceStrip": "ohwLxW_balanceStrip",
+			"bsLabel": "ohwLxW_bsLabel",
+			"bsValue": "ohwLxW_bsValue",
+			"liveChip": "ohwLxW_liveChip",
+			"quotaCard": "ohwLxW_quotaCard",
+			"quotaEnv": "ohwLxW_quotaEnv",
+			"quotaHead": "ohwLxW_quotaHead",
+			"quotaList": "ohwLxW_quotaList",
+			"quotaProvider": "ohwLxW_quotaProvider",
+			"quotaTitle": "ohwLxW_quotaTitle",
+			"snapshotHint": "ohwLxW_snapshotHint",
+			"snapshotStale": "ohwLxW_snapshotStale",
+			"windowBar": "ohwLxW_windowBar",
+			"windowHead": "ohwLxW_windowHead",
+			"windowItem": "ohwLxW_windowItem",
+			"windowName": "ohwLxW_windowName",
+			"windowReset": "ohwLxW_windowReset",
+			"windowRow": "ohwLxW_windowRow",
+			"windowValue": "ohwLxW_windowValue"
 		};
 		//#endregion
 		//#region src/client/tabs/QuotaTab.tsx
@@ -1639,113 +3821,123 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 			const snapshotOf = (provider) => props.quotas.find((item) => item.provider === provider) ?? null;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: quota_module_css_default.quotaList,
-				children: [props.channels.map((channel) => {
-					const snapshot = snapshotOf(channel.provider);
-					const balance = snapshot?.balance ?? null;
-					const plan = snapshot?.plan ?? null;
-					const isLive = snapshot?.source === "live";
-					const windows = plan !== null && Array.isArray(plan.windows) ? plan.windows : null;
-					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: quota_module_css_default.quotaCard,
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: quota_module_css_default.quotaHead,
-								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: shared_module_css_default.statusDot,
-										style: { background: statusColorOf(channel.status) }
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: quota_module_css_default.quotaTitle,
-										children: channel.displayName
-									}),
-									isLive && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: quota_module_css_default.liveChip,
-										children: "实时"
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-										className: quota_module_css_default.quotaProvider,
-										children: [
-											channel.provider,
-											" · ",
-											channel.costLabel
-										]
+				children: [
+					props.channels.map((channel) => {
+						const snapshot = snapshotOf(channel.provider);
+						const balance = snapshot?.balance ?? null;
+						const plan = snapshot?.plan ?? null;
+						const isLive = snapshot?.source === "live";
+						const windows = plan !== null && Array.isArray(plan.windows) ? plan.windows : null;
+						return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: quota_module_css_default.quotaCard,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: quota_module_css_default.quotaHead,
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: shared_module_css_default.statusDot,
+											style: { background: statusColorOf(channel.status) }
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: quota_module_css_default.quotaTitle,
+											children: channel.displayName
+										}),
+										isLive && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: quota_module_css_default.liveChip,
+											children: "实时"
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+											className: quota_module_css_default.quotaProvider,
+											children: [
+												channel.provider,
+												" · ",
+												channel.costLabel
+											]
+										})
+									]
+								}),
+								balance !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: quota_module_css_default.balanceStrip,
+									children: orderedBalanceEntries(balance).map(([key, value]) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: quota_module_css_default.balanceItem,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											className: quota_module_css_default.bsLabel,
+											children: BALANCE_LABELS[key] ?? key
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											className: quota_module_css_default.bsValue,
+											children: String(value)
+										})]
+									}, key))
+								}),
+								balance === null && windows !== null && windows.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: quota_module_css_default.windowRow,
+									children: orderedWindows(windows).map((window) => {
+										const percent = typeof window.percent === "number" ? window.percent : 0;
+										const key = typeof window.key === "string" ? window.key : "window";
+										return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: quota_module_css_default.windowItem,
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: quota_module_css_default.windowHead,
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: quota_module_css_default.windowName,
+														children: WINDOW_LABELS[key] ?? key
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+														className: quota_module_css_default.windowValue,
+														children: [percent, "%"]
+													})]
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+													className: quota_module_css_default.windowBar,
+													children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", { style: {
+														width: Math.max(percent, 0) + "%",
+														background: quotaBarColor(percent)
+													} })
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+													className: quota_module_css_default.windowReset,
+													children: resetTextOf(window.resetsAt)
+												})
+											]
+										}, key);
 									})
-								]
-							}),
-							balance !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: quota_module_css_default.balanceStrip,
-								children: orderedBalanceEntries(balance).map(([key, value]) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: quota_module_css_default.balanceItem,
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-										className: quota_module_css_default.bsLabel,
-										children: BALANCE_LABELS[key] ?? key
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-										className: quota_module_css_default.bsValue,
-										children: String(value)
-									})]
-								}, key))
-							}),
-							balance === null && windows !== null && windows.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: quota_module_css_default.windowRow,
-								children: orderedWindows(windows).map((window) => {
-									const percent = typeof window.percent === "number" ? window.percent : 0;
-									const key = typeof window.key === "string" ? window.key : "window";
-									return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: quota_module_css_default.windowItem,
-										children: [
-											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-												className: quota_module_css_default.windowHead,
-												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													className: quota_module_css_default.windowName,
-													children: WINDOW_LABELS[key] ?? key
-												}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-													className: quota_module_css_default.windowValue,
-													children: [percent, "%"]
-												})]
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-												className: quota_module_css_default.windowBar,
-												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", { style: {
-													width: Math.max(percent, 0) + "%",
-													background: quotaBarColor(percent)
-												} })
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-												className: quota_module_css_default.windowReset,
-												children: resetTextOf(window.resetsAt)
-											})
-										]
-									}, key);
+								}),
+								balance === null && (windows === null || windows.length === 0) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: shared_module_css_default.dim,
+									children: emptyReasonOf(channel, snapshot)
+								}),
+								isLive && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: quota_module_css_default.snapshotHint,
+									children: [
+										"实时查询于 ",
+										freshTextOf(snapshot?.fetchedAt ?? null),
+										"（来自官方接口，最多缓存 1 分钟）"
+									]
+								}),
+								snapshot !== null && !isLive && snapshot.supported && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: staleDaysOf(snapshot.updatedAt) >= 1 ? quota_module_css_default.snapshotStale : quota_module_css_default.snapshotHint,
+									children: [
+										"实时查询未成功（",
+										errorTextOf(snapshot.error),
+										"）",
+										snapshot.updatedAt === null ? "，且暂无可用快照 —— 点右上角「刷新」重试" : "，显示快照 · 快照时间 " + fmtDateTime(snapshot.updatedAt) + (staleDaysOf(snapshot.updatedAt) >= 1 ? "，已 " + staleDaysOf(snapshot.updatedAt) + " 天未更新" : "")
+									]
 								})
-							}),
-							balance === null && (windows === null || windows.length === 0) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: shared_module_css_default.dim,
-								children: emptyReasonOf(channel, snapshot)
-							}),
-							isLive && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: quota_module_css_default.snapshotHint,
-								children: [
-									"实时查询于 ",
-									freshTextOf(snapshot?.fetchedAt ?? null),
-									"（来自官方接口，最多缓存 1 分钟）"
-								]
-							}),
-							snapshot !== null && !isLive && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: staleDaysOf(snapshot.updatedAt) >= 1 ? quota_module_css_default.snapshotStale : quota_module_css_default.snapshotHint,
-								children: [
-									"实时查询未成功（",
-									errorTextOf(snapshot.error),
-									"），显示本机快照",
-									snapshot.updatedAt === null ? "" : " · 快照时间 " + fmtDateTime(snapshot.updatedAt) + (staleDaysOf(snapshot.updatedAt) >= 1 ? "，已 " + staleDaysOf(snapshot.updatedAt) + " 天未更新" : "")
-								]
-							})
-						]
-					}, channel.provider);
-				}), props.channels.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: shared_module_css_default.empty,
-					children: "未读取到通道配置"
-				})]
+							]
+						}, channel.provider);
+					}),
+					props.channels.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: shared_module_css_default.empty,
+						children: "未读取到通道配置"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PricingRulesPanel, {
+						settings: props.pricingSettings,
+						state: props.pricingState,
+						pricing: props.pricing,
+						channels: props.channels,
+						models: props.models
+					})
+				]
 			});
 		}
 		/** 实时结果的相对时间文案。 */
@@ -1804,6 +3996,69 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 		//#endregion
 		//#region src/client/tabs/SessionsTab.tsx
 		/** 会话用量：按会话列出 tokens / 命中率 / 时长，按最近活跃时按日分组。 */
+		/** 导出列：标题可能带逗号或换行，由 toCsv 统一转义。 */
+		const EXPORT_COLUMNS = [
+			{
+				key: "id",
+				label: "会话 id",
+				value: (row) => row.id
+			},
+			{
+				key: "title",
+				label: "标题",
+				value: (row) => row.title
+			},
+			{
+				key: "workspace",
+				label: "工作区",
+				value: (row) => row.workspace
+			},
+			{
+				key: "provider",
+				label: "通道",
+				value: (row) => row.provider
+			},
+			{
+				key: "firstTime",
+				label: "首次时间",
+				value: (row) => fmtDateTime(row.firstTime)
+			},
+			{
+				key: "lastTime",
+				label: "最近时间",
+				value: (row) => fmtDateTime(row.lastTime)
+			},
+			{
+				key: "calls",
+				label: "调用",
+				value: (row) => row.calls
+			},
+			{
+				key: "tokens",
+				label: "Tokens",
+				value: (row) => row.tokens
+			},
+			{
+				key: "cacheHitRate",
+				label: "命中率(%)",
+				value: (row) => row.cacheHitRate
+			},
+			{
+				key: "cost",
+				label: "成本(元)",
+				value: (row) => row.cost
+			},
+			{
+				key: "costSource",
+				label: "成本来源",
+				value: (row) => row.costSource === void 0 ? null : COST_SOURCE_LABELS[row.costSource]
+			},
+			{
+				key: "archived",
+				label: "已归档",
+				value: (row) => row.archived ? "是" : "否"
+			}
+		];
 		function SessionsTab(props) {
 			const [query, setQuery] = (0, react.useState)("");
 			const [channelFilter, setChannelFilter] = (0, react.useState)("ALL");
@@ -1813,10 +4068,11 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 			const [nowMs] = (0, react.useState)(() => Date.now());
 			const rows = props.data?.rows ?? [];
 			const archivedCount = rows.filter((row) => row.archived).length;
+			const hiddenEmpty = dropEmptyRows(rows, (row) => row.tokens).hidden;
 			const visible = (0, react.useMemo)(() => {
 				const keyword = query.trim().toLowerCase();
 				const maxAgeDays = Number(daysFilter);
-				const filtered = rows.filter((row) => {
+				const filtered = dropEmptyRows(rows, (row) => row.tokens).rows.filter((row) => {
 					const title = (row.title ?? "") + " " + row.id + " " + (row.workspace ?? "");
 					const matchesQuery = keyword === "" || title.toLowerCase().includes(keyword);
 					const matchesChannel = channelFilter === "ALL" || row.provider === channelFilter;
@@ -1840,6 +4096,11 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 				nowMs,
 				archiveFilter
 			]);
+			/** 只导当前筛选后的会话行（归档筛选、时间窗口、搜索都算数）。 */
+			const exportRows = (format) => {
+				if (format === "csv") downloadFile(exportFileName("sessions", "csv"), toCsv(visible, EXPORT_COLUMNS), CSV_MIME);
+				else downloadFile(exportFileName("sessions", "json"), toJson(visible), JSON_MIME);
+			};
 			if (props.data === null) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: shared_module_css_default.empty,
 				children: "会话数据读取中或不可用…"
@@ -1941,6 +4202,20 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 									children: "仅显示已归档"
 								})
 							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: export_module_css_default.exportGroup,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								className: export_module_css_default.exportBtn,
+								disabled: visible.length === 0,
+								onClick: () => exportRows("csv"),
+								children: "导出 CSV"
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								className: export_module_css_default.exportBtn,
+								disabled: visible.length === 0,
+								onClick: () => exportRows("json"),
+								children: "导出 JSON"
+							})]
 						})
 					]
 				}),
@@ -1953,7 +4228,7 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 					]
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", {
-					className: shared_module_css_default.table,
+					className: shared_module_css_default.table + " " + lists_module_css_default.sessionTable,
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: "会话" }),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: "通道" }),
@@ -1987,6 +4262,10 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 						}) })
 					] })]
 				}),
+				hiddenEmpty > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: shared_module_css_default.statExtra,
+					children: hiddenEmptyRowsText(hiddenEmpty)
+				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: shared_module_css_default.statExtra,
 					children: ["会话用量按宿主会话事件折叠（每个结算样本计一次调用）；成本按台账模型均价估算", props.data.priced ? "" : "（台账无成本数据，暂不可估）"]
@@ -2019,7 +4298,7 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: row.cost === null || channel === null || channel.costMode !== "perToken" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: shared_module_css_default.dim,
 						children: costCell.text
-					}) : costCell.text })
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [costCell.text, showsAmount(costCell) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CostSourceChip, { source: row.costSource })] }) })
 				]
 			}, row.id);
 		}
@@ -2049,6 +4328,7 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 			["overview", "总览"],
 			["detail", "使用明细"],
 			["projects", "项目用量"],
+			["models", "按模型"],
 			["sessions", "会话用量"],
 			["quota", "余额与配额"]
 		];
@@ -2070,9 +4350,13 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 			const [usage, setUsage] = (0, react.useState)(null);
 			const [sessions, setSessions] = (0, react.useState)(null);
 			const [projects, setProjects] = (0, react.useState)(null);
+			const [models, setModels] = (0, react.useState)(null);
+			const [pricing, setPricing] = (0, react.useState)(null);
 			const [available, setAvailable] = (0, react.useState)(null);
 			const [loading, setLoading] = (0, react.useState)(false);
 			const tooltip = useTooltip();
+			const pricingState = (0, react.useSyncExternalStore)(pricingSettings.store.subscribe, pricingSettings.store.getSnapshot);
+			const pricingSignature = JSON.stringify(pricingState.config);
 			const reload = (0, react.useCallback)(async (includeSessionData, forceQuota = false) => {
 				setLoading(true);
 				const quotaResult = await loadQuota(forceQuota);
@@ -2086,22 +4370,38 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 				setSummary(summaryResult);
 				setHeatmap(heatmapResult ?? []);
 				if (includeSessionData) {
-					const [sessionResult, projectResult] = await Promise.all([loadSessions(), loadProjects()]);
+					const [sessionResult, projectResult, modelResult] = await Promise.all([
+						loadSessions(),
+						loadProjects(),
+						loadModels()
+					]);
 					setSessions(sessionResult);
 					setProjects(projectResult);
+					setModels(modelResult);
 				}
 				setLoading(false);
-			}, []);
+			}, [pricingSignature]);
 			(0, react.useEffect)(() => {
 				reload(false);
 			}, [reload]);
+			(0, react.useEffect)(() => {
+				let cancelled = false;
+				loadPricing().then((result) => {
+					if (!cancelled) setPricing(result);
+				});
+				return () => {
+					cancelled = true;
+				};
+			}, [pricingSignature]);
 			(0, react.useEffect)(() => {
 				if (activeTab === "sessions" && sessions === null) loadSessions().then(setSessions);
 				if (activeTab === "projects" && projects === null) loadProjects().then(setProjects);
+				if ((activeTab === "models" || activeTab === "quota") && models === null) loadModels().then(setModels);
 			}, [
 				activeTab,
 				sessions,
-				projects
+				projects,
+				models
 			]);
 			const bounds = (0, react.useMemo)(() => {
 				const today = isoDate(/* @__PURE__ */ new Date());
@@ -2147,10 +4447,11 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 			}, [
 				bounds.from,
 				bounds.to,
-				channelFilter
+				channelFilter,
+				pricingSignature
 			]);
 			const refresh = (0, react.useCallback)(() => {
-				reload(activeTab === "sessions" || activeTab === "projects" || sessions !== null || projects !== null, true);
+				reload(activeTab === "sessions" || activeTab === "projects" || activeTab === "models" || sessions !== null || projects !== null || models !== null, true);
 				loadUsage(bounds.from, bounds.to, channelFilter).then((result) => {
 					if (result !== null) setUsage(result);
 				});
@@ -2159,6 +4460,7 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 				activeTab,
 				sessions,
 				projects,
+				models,
 				bounds.from,
 				bounds.to,
 				channelFilter
@@ -2222,13 +4524,21 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 						data: projects,
 						channels
 					}),
+					activeTab === "models" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelsTab, {
+						data: models,
+						channels
+					}),
 					activeTab === "sessions" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SessionsTab, {
 						data: sessions,
 						channels
 					}),
 					activeTab === "quota" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(QuotaTab, {
 						channels,
-						quotas
+						quotas,
+						pricing,
+						pricingState,
+						pricingSettings,
+						models
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: shared_module_css_default.footnote,
@@ -2241,9 +4551,24 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 									"。两套来源按天取舍、不相加。"
 								] }),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: "热力图按可见区间内活跃日的三分位分档（少 / 中 / 高）。" }),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: "项目用量、会话用量与单日「按小时」均来自会话事件，每个结算样本计一次调用（不计成本）。" }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: "项目用量、会话用量、按模型与单日「按小时」均来自会话事件，每个结算样本计一次调用（不计成本）。" }),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: "已归档会话只是标记：用量照常计入，会话列表默认隐藏、可切换显示（显示时淡化并标注）。" }),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: "命中率 = 缓存读 ÷（输入 + 输出 + 缓存读）。" }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", { children: [
+									"成本优先级：",
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", { children: "台账当天的官方成本" }),
+									" > ",
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", { children: "你的计费规则" }),
+									" > ",
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", { children: "台账反推均价" }),
+									" > 无依据； 每个成本单元格旁的角标写明来源（",
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", { children: "官方" }),
+									" / ",
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", { children: "自定" }),
+									" / ",
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", { children: "估算" }),
+									"，无依据显示 —）。 规则在「余额与配额」页下半部分维护，存在宿主设置服务里，改完立即重算。"
+								] }),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: "余额与订阅窗口实时查询官方接口（失败回落本机快照），原样展示，不做换算与建议。" })
 							]
 						})]
@@ -2253,8 +4578,8 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 			});
 		}
 		//#endregion
-		//#region \0dsh-css:D:\EasyJob\.plugin\dsh-key-usage\src\client\styles\page.module.css.mjs
-		const css = "._2fl9Ga_page{box-sizing:border-box;overscroll-behavior:contain;width:100%;height:100%;min-height:0;overflow-x:hidden;overflow-y:auto}._2fl9Ga_inner{box-sizing:border-box;width:100%;max-width:1240px;margin:0 auto;padding:20px 24px 28px}";
+		//#region \0dsh-css:src/client/styles/page.module.css.mjs
+		const css = ".Zd1J4W_page{box-sizing:border-box;overscroll-behavior:contain;width:100%;height:100%;min-height:0;overflow-x:hidden;overflow-y:auto}.Zd1J4W_inner{box-sizing:border-box;width:100%;max-width:1240px;margin:0 auto;padding:20px 24px 28px}";
 		const tagId = "dsh-key-usage/page.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");
@@ -2269,8 +4594,8 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 			css
 		});
 		var page_module_css_default = {
-			"inner": "_2fl9Ga_inner",
-			"page": "_2fl9Ga_page"
+			"inner": "Zd1J4W_inner",
+			"page": "Zd1J4W_page"
 		};
 		//#endregion
 		//#region src/client/UsagePage.tsx
@@ -2285,14 +4610,54 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 			});
 		}
 		//#endregion
+		//#region src/client/components/PricingCard.tsx
+		/**
+		* 插件页（`plugins.bundle.config` 槽，以包名为键）里的计费规则卡片。
+		* 与「余额与配额」页下半部分共用同一个面板与同一份状态（存在宿主设置服务里），
+		* 这里只是多一个入口，不做第二套逻辑。
+		*/
+		function PricingCard() {
+			const state = (0, react.useSyncExternalStore)(pricingSettings.store.subscribe, pricingSettings.store.getSnapshot);
+			const [pricing, setPricing] = (0, react.useState)(null);
+			const [channels, setChannels] = (0, react.useState)([]);
+			const [models, setModels] = (0, react.useState)(null);
+			(0, react.useEffect)(() => {
+				let cancelled = false;
+				loadPricing().then((result) => {
+					if (!cancelled) setPricing(result);
+				});
+				loadChannels().then((result) => {
+					if (!cancelled) setChannels(result ?? []);
+				});
+				loadModels().then((result) => {
+					if (!cancelled) setModels(result);
+				});
+				return () => {
+					cancelled = true;
+				};
+			}, [state.config]);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PricingRulesPanel, {
+				settings: pricingSettings,
+				state,
+				pricing,
+				channels,
+				models
+			});
+		}
+		//#endregion
 		//#region src/client/index.tsx
 		/**
-		* dsh-key-usage 客户端入口：注册「使用情况」侧边栏导航项 + 主区域页面。
+		* dsh-key-usage 客户端入口：注册「使用情况」侧边栏导航项 + 主区域页面，
+		* 并把计费规则面板接到宿主的配置表单服务上。
 		* UI 逻辑在 UsagePage / KeyUsageSection 里；本文件只做 cordis apply 接线。
 		*
 		* slot 契约（对齐已装的 dsh-context「上下文洞察」写法）：
 		* - `sidebar.panellist`：宿主自持整行（标签 / hover / active），插件只提供图标，`id` 是面板标识；
-		* - `main`：同一标识放在 `key` 上，宿主在主内容区按它渲染整页 —— 因此不是弹窗、也不占设置页。
+		* - `main`：同一标识放在 `key` 上，宿主在主内容区按它渲染整页 —— 因此不是弹窗、也不占设置页；
+		* - `plugins.bundle.config`：插件页（以包名为键）里的配置卡片，与页面里的规则面板共用同一份状态。
+		*
+		* 计费规则的存储：命名空间就是本包在 profile 里的条目 id，写入由宿主的 config-editor
+		* 落到当前 profile 的 cordis patch 上；本插件不写任何文件（见 AGENTS.md 硬约束）。
 		*/
 		const NS = "dsh-key-usage";
 		/** 侧边栏条目与 main 页面共用的面板标识（宿主 MainPanelId 域，命名空间化避免撞车）。 */
@@ -2310,6 +4675,15 @@ window.__ModuleLoader__.load({ id: "dsh-key-usage", factory: (require) => {
 				order: 30,
 				label: () => "使用情况"
 			}, (props) => (0, react.createElement)(UsageIcon, { size: props.size })));
+			ctx.inject?.(["configForms"], (scope) => {
+				const forms = scope.configForms;
+				if (forms === void 0) return;
+				scope.effect?.(() => pricingSettings.attach(forms.get(NS)), "dsh-key-usage: pricing rules binding");
+				scope.effect?.(() => forms.whileServed([NS], () => scope.slots.inject("plugins.bundle.config", () => scope.slots.register({
+					name: "plugins.bundle.config",
+					key: NS
+				}, PricingCard))), "dsh-key-usage: plugins page card");
+			});
 		}
 		//#endregion
 		exports.apply = apply;