@linxin666/dsh-usage 0.3.7 → 0.3.9

package/lib/client.js

@@ -68,6 +68,9 @@ window.__ModuleLoader__.load({
 			"usage.error": "加载失败：{error}",
 			"usage.current": "当前",
 			"usage.today": "今日用量",
+			"usage.today.cost": "今日消费（估算）",
+			"usage.peak.on": "DeepSeek 高峰时段：计价 ×2，{time} 结束",
+			"usage.peak.off": "DeepSeek 空闲时段：计价为高峰一半，{time} 进入高峰",
 			"usage.calls": "{n} 次调用",
 			"usage.tokens.total": "总 tokens",
 			"usage.tokens.input": "输入",
@@ -82,6 +85,7 @@ window.__ModuleLoader__.load({
 			"usage.oauth": "OAuth 凭据，不做余额查询",
 			"usage.plan.reset": "{date} 重置",
 			"usage.plan.noPlan": "未检测到套餐数据",
+			"usage.plan.noneConfigured": "没有已配置的套餐类 provider（如 Kimi、GLM、OpenCode Go、MiniMax、Codex 订阅）",
 			"usage.plan.windows.5h": "5 小时",
 			"usage.plan.windows.week": "每周",
 			"usage.plan.windows.month": "每月",
@@ -106,6 +110,9 @@ window.__ModuleLoader__.load({
 			"usage.error": "Failed to load: {error}",
 			"usage.current": "Current",
 			"usage.today": "Today",
+			"usage.today.cost": "Today spend (estimated)",
+			"usage.peak.on": "DeepSeek peak hours: 2x pricing, ends {time}",
+			"usage.peak.off": "DeepSeek off-peak: half of peak pricing, peak returns {time}",
 			"usage.calls": "{n} calls",
 			"usage.tokens.total": "Total tokens",
 			"usage.tokens.input": "Input",
@@ -120,6 +127,7 @@ window.__ModuleLoader__.load({
 			"usage.oauth": "OAuth credential, no balance query",
 			"usage.plan.reset": "resets {date}",
 			"usage.plan.noPlan": "No plan data detected",
+			"usage.plan.noneConfigured": "No plan-capable provider configured (such as Kimi, GLM, OpenCode Go, MiniMax, Codex subscription)",
 			"usage.plan.windows.5h": "5 hours",
 			"usage.plan.windows.week": "Weekly",
 			"usage.plan.windows.month": "Monthly",
@@ -148,7 +156,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-css:packages/dsh-usage/src/client/usage.module.css.mjs
-		const css = ".cvtkAW_section{color:inherit;flex-direction:column;gap:16px;display:flex}.cvtkAW_header{justify-content:space-between;align-items:center;gap:12px;display:flex}.cvtkAW_currentProvider{opacity:.75;font-size:13px}.cvtkAW_refreshBtn{appearance:none;color:inherit;font:inherit;cursor:pointer;opacity:.85;background:0 0;border:1px solid;border-radius:8px;padding:4px 12px;font-size:12px;transition:opacity .12s,background-color .12s}.cvtkAW_refreshBtn:hover:not(:disabled){opacity:1;background:color-mix(in srgb, currentColor 8%, transparent)}.cvtkAW_refreshBtn:disabled{cursor:default;opacity:.5}.cvtkAW_refreshBtn:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, currentColor 45%, transparent);outline:none}.cvtkAW_tabs{border-bottom:1px solid color-mix(in srgb, currentColor 14%, transparent);gap:4px;display:flex}.cvtkAW_tab{appearance:none;color:inherit;font:inherit;cursor:pointer;opacity:.65;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:6px 14px;font-size:13px}.cvtkAW_tab:hover{opacity:.9}.cvtkAW_tab:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, currentColor 45%, transparent);outline:none}.cvtkAW_tabActive{opacity:1;border-bottom-color:currentColor;font-weight:600}.cvtkAW_card{border:1px solid color-mix(in srgb, currentColor 14%, transparent);border-radius:12px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.cvtkAW_cardTitle{letter-spacing:.04em;text-transform:uppercase;opacity:.6;font-size:12px;font-weight:600}.cvtkAW_statRow{flex-wrap:wrap;gap:18px;display:flex}.cvtkAW_stat{flex-direction:column;gap:2px;display:flex}.cvtkAW_statValue{font-variant-numeric:tabular-nums;font-size:18px;font-weight:600}.cvtkAW_statLabel{opacity:.6;font-size:11px}.cvtkAW_providerRow{border-top:1px solid color-mix(in srgb, currentColor 8%, transparent);justify-content:space-between;align-items:center;gap:12px;padding:6px 0;font-size:13px;display:flex}.cvtkAW_providerRow:first-of-type{border-top:none}.cvtkAW_providerName{align-items:center;gap:8px;min-width:0;display:flex}.cvtkAW_providerTokens{font-variant-numeric:tabular-nums;opacity:.75;white-space:nowrap}.cvtkAW_providerBalance{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.cvtkAW_currentBadge{border:1px solid color-mix(in srgb, currentColor 35%, transparent);opacity:.8;border-radius:999px;flex:none;padding:1px 7px;font-size:10px;font-weight:600}.cvtkAW_trend{align-items:flex-end;gap:3px;height:56px;display:flex}.cvtkAW_trendBar{background:color-mix(in srgb, currentColor 30%, transparent);border-radius:3px 3px 0 0;flex:1 1 0;min-width:4px;min-height:2px}.cvtkAW_trendBarToday{background:color-mix(in srgb, currentColor 65%, transparent)}.cvtkAW_trendAxis{opacity:.5;font-variant-numeric:tabular-nums;justify-content:space-between;font-size:10px;display:flex}.cvtkAW_muted{opacity:.6;font-size:12px}.cvtkAW_errorLine{opacity:.75;font-size:12px}.cvtkAW_planCard{flex-direction:column;gap:8px;display:flex}.cvtkAW_planHead{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.cvtkAW_planName{font-size:14px;font-weight:600}.cvtkAW_windowRow{flex-direction:column;gap:4px;display:flex}.cvtkAW_windowLabel{opacity:.8;font-variant-numeric:tabular-nums;justify-content:space-between;font-size:12px;display:flex}.cvtkAW_bar{background:color-mix(in srgb, currentColor 10%, transparent);border-radius:999px;height:6px;overflow:hidden}.cvtkAW_barFill{background:color-mix(in srgb, currentColor 55%, transparent);border-radius:999px;height:100%;transition:width .3s}.cvtkAW_barWarn{background:#d97706}.cvtkAW_barLow{background:#dc2626}.cvtkAW_resetLine{opacity:.55;font-variant-numeric:tabular-nums;font-size:11px}.cvtkAW_settingsGrid{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.cvtkAW_settingItem{align-items:center;gap:8px;font-size:13px;display:flex}.cvtkAW_settingItem input[type=checkbox]{accent-color:currentColor}.cvtkAW_settingItem input[type=number]{border:1px solid color-mix(in srgb, currentColor 25%, transparent);width:90px;color:inherit;font:inherit;background:0 0;border-radius:6px;padding:3px 8px;font-size:13px}.cvtkAW_settingItem select{border:1px solid color-mix(in srgb, currentColor 25%, transparent);color:inherit;font:inherit;background:0 0;border-radius:6px;padding:3px 8px;font-size:13px}.cvtkAW_settingItem input:focus-visible,.cvtkAW_settingItem select:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, currentColor 45%, transparent);outline:none}";
+		const css = ".cvtkAW_section{color:inherit;flex-direction:column;gap:16px;display:flex}.cvtkAW_header{justify-content:space-between;align-items:center;gap:12px;display:flex}.cvtkAW_currentProvider{opacity:.75;font-size:13px}.cvtkAW_refreshBtn{appearance:none;color:inherit;font:inherit;cursor:pointer;opacity:.85;background:0 0;border:1px solid;border-radius:8px;padding:4px 12px;font-size:12px;transition:opacity .12s,background-color .12s}.cvtkAW_refreshBtn:hover:not(:disabled){opacity:1;background:color-mix(in srgb, currentColor 8%, transparent)}.cvtkAW_refreshBtn:disabled{cursor:default;opacity:.5}.cvtkAW_refreshBtn:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, currentColor 45%, transparent);outline:none}.cvtkAW_tabs{border-bottom:1px solid color-mix(in srgb, currentColor 14%, transparent);gap:4px;display:flex}.cvtkAW_tab{appearance:none;color:inherit;font:inherit;cursor:pointer;opacity:.65;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:6px 14px;font-size:13px}.cvtkAW_tab:hover{opacity:.9}.cvtkAW_tab:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, currentColor 45%, transparent);outline:none}.cvtkAW_tabActive{opacity:1;border-bottom-color:currentColor;font-weight:600}.cvtkAW_card{border:1px solid color-mix(in srgb, currentColor 14%, transparent);border-radius:12px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.cvtkAW_cardTitle{letter-spacing:.04em;text-transform:uppercase;opacity:.6;font-size:12px;font-weight:600}.cvtkAW_statRow{flex-wrap:wrap;gap:18px;display:flex}.cvtkAW_stat{flex-direction:column;gap:2px;display:flex}.cvtkAW_statValue{font-variant-numeric:tabular-nums;font-size:18px;font-weight:600}.cvtkAW_statLabel{opacity:.6;font-size:11px}.cvtkAW_providerRow{border-top:1px solid color-mix(in srgb, currentColor 8%, transparent);justify-content:space-between;align-items:center;gap:12px;padding:6px 0;font-size:13px;display:flex}.cvtkAW_providerRow:first-of-type{border-top:none}.cvtkAW_providerName{align-items:center;gap:8px;min-width:0;display:flex}.cvtkAW_providerTokens{font-variant-numeric:tabular-nums;opacity:.75;white-space:nowrap}.cvtkAW_providerBalance{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.cvtkAW_currentBadge{border:1px solid color-mix(in srgb, currentColor 35%, transparent);opacity:.8;border-radius:999px;flex:none;padding:1px 7px;font-size:10px;font-weight:600}.cvtkAW_chart{flex-direction:column;gap:12px;display:flex}.cvtkAW_chartProvider{flex-direction:column;gap:4px;display:flex}.cvtkAW_chartHead{justify-content:space-between;align-items:baseline;gap:10px;font-size:13px;display:flex}.cvtkAW_chartTokens{font-variant-numeric:tabular-nums;opacity:.65;white-space:nowrap;font-size:11px}.cvtkAW_chartBar{background:color-mix(in srgb, currentColor 8%, transparent);border-radius:999px;height:8px;display:block;overflow:hidden}.cvtkAW_chartFill{background:color-mix(in srgb, currentColor 55%, transparent);border-radius:999px;height:100%;transition:width .3s;display:block}.cvtkAW_chartModel{opacity:.8;grid-template-columns:minmax(80px,180px) 1fr auto;align-items:center;gap:8px;padding-left:14px;font-size:11px;display:grid}.cvtkAW_chartModelName{text-overflow:ellipsis;white-space:nowrap;opacity:.8;overflow:hidden}.cvtkAW_chartModelBar{background:color-mix(in srgb, currentColor 6%, transparent);border-radius:999px;height:4px;display:block;overflow:hidden}.cvtkAW_chartModelFill{background:color-mix(in srgb, currentColor 35%, transparent);border-radius:999px;height:100%;transition:width .3s;display:block}.cvtkAW_trendAxis{opacity:.5;font-variant-numeric:tabular-nums;justify-content:space-between;font-size:10px;display:flex}.cvtkAW_muted{opacity:.6;font-size:12px}.cvtkAW_errorLine{opacity:.75;font-size:12px}.cvtkAW_planCard{flex-direction:column;gap:8px;display:flex}.cvtkAW_planHead{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.cvtkAW_planName{font-size:14px;font-weight:600}.cvtkAW_windowRow{flex-direction:column;gap:4px;display:flex}.cvtkAW_windowLabel{opacity:.8;font-variant-numeric:tabular-nums;justify-content:space-between;font-size:12px;display:flex}.cvtkAW_bar{background:color-mix(in srgb, currentColor 10%, transparent);border-radius:999px;height:6px;overflow:hidden}.cvtkAW_barFill{background:color-mix(in srgb, currentColor 55%, transparent);border-radius:999px;height:100%;transition:width .3s}.cvtkAW_barWarn{background:#d97706}.cvtkAW_barLow{background:#dc2626}.cvtkAW_resetLine{opacity:.55;font-variant-numeric:tabular-nums;font-size:11px}.cvtkAW_settingsGrid{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.cvtkAW_settingItem{align-items:center;gap:8px;font-size:13px;display:flex}.cvtkAW_settingItem input[type=checkbox]{accent-color:currentColor}.cvtkAW_settingItem input[type=number]{border:1px solid color-mix(in srgb, currentColor 25%, transparent);width:90px;color:inherit;font:inherit;background:0 0;border-radius:6px;padding:3px 8px;font-size:13px}.cvtkAW_settingItem select{border:1px solid color-mix(in srgb, currentColor 25%, transparent);color:inherit;font:inherit;background:0 0;border-radius:6px;padding:3px 8px;font-size:13px}.cvtkAW_settingItem input:focus-visible,.cvtkAW_settingItem select:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, currentColor 45%, transparent);outline:none}";
 		const tagId = "@linxin666/dsh-usage/usage.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");
@@ -164,6 +172,16 @@ window.__ModuleLoader__.load({
 			"barWarn": "cvtkAW_barWarn",
 			"card": "cvtkAW_card",
 			"cardTitle": "cvtkAW_cardTitle",
+			"chart": "cvtkAW_chart",
+			"chartBar": "cvtkAW_chartBar",
+			"chartFill": "cvtkAW_chartFill",
+			"chartHead": "cvtkAW_chartHead",
+			"chartModel": "cvtkAW_chartModel",
+			"chartModelBar": "cvtkAW_chartModelBar",
+			"chartModelFill": "cvtkAW_chartModelFill",
+			"chartModelName": "cvtkAW_chartModelName",
+			"chartProvider": "cvtkAW_chartProvider",
+			"chartTokens": "cvtkAW_chartTokens",
 			"currentBadge": "cvtkAW_currentBadge",
 			"currentProvider": "cvtkAW_currentProvider",
 			"errorLine": "cvtkAW_errorLine",
@@ -188,14 +206,470 @@ window.__ModuleLoader__.load({
 			"tab": "cvtkAW_tab",
 			"tabActive": "cvtkAW_tabActive",
 			"tabs": "cvtkAW_tabs",
-			"trend": "cvtkAW_trend",
 			"trendAxis": "cvtkAW_trendAxis",
-			"trendBar": "cvtkAW_trendBar",
-			"trendBarToday": "cvtkAW_trendBarToday",
 			"windowLabel": "cvtkAW_windowLabel",
 			"windowRow": "cvtkAW_windowRow"
 		};
 		//#endregion
+		//#region src/core/adapters.ts
+		/** Parse a string/number into a finite number, else undefined. */
+		function toNum(value) {
+			if (typeof value === "number") return Number.isFinite(value) ? value : void 0;
+			if (typeof value === "string" && value.trim() !== "") {
+				const parsed = Number(value);
+				return Number.isFinite(parsed) ? parsed : void 0;
+			}
+		}
+		/** Read a string field that must be a non-empty string. */
+		function str(value) {
+			return typeof value === "string" && value.trim() !== "" ? value.trim() : void 0;
+		}
+		/** Format a number to a fixed 2-decimal display string. */
+		function money(value) {
+			return value.toFixed(2);
+		}
+		/** Millisecond epoch or ISO string → normalized ISO 8601, else undefined. */
+		function toIso(value) {
+			if (typeof value === "number" && Number.isFinite(value) && value > 0) {
+				const ms = value < 0xe8d4a51000 ? value * 1e3 : value;
+				const date = new Date(ms);
+				return Number.isNaN(date.getTime()) ? void 0 : date.toISOString();
+			}
+			const text = str(value);
+			if (text === void 0) return void 0;
+			if (/^\d+$/.test(text)) return toIso(Number(text));
+			const date = new Date(text);
+			return Number.isNaN(date.getTime()) ? void 0 : date.toISOString();
+		}
+		/** Used-percent helper guarding zero/absent limits. */
+		function usedPercent(used, limit) {
+			const usedNum = toNum(used);
+			const limitNum = toNum(limit);
+			if (usedNum === void 0 || limitNum === void 0 || limitNum <= 0) return void 0;
+			return Math.max(0, Math.min(100, usedNum / limitNum * 100));
+		}
+		function bearer(apiKey) {
+			return { authorization: `Bearer ${apiKey}` };
+		}
+		/**
+		* The official pay-as-you-go balance. `deepseek` is the configurable-catalog
+		* route key; `deepseek-official` is the live provider route the llm-deepseek
+		* adapter registers (sessions and agent-default-model carry it), so both ids
+		* must resolve here or the current provider would never be probed.
+		*/
+		const DEEPSEEK = {
+			ids: ["deepseek", "deepseek-official"],
+			displayName: "DeepSeek",
+			balance: {
+				build: ({ apiKey }) => ({
+					url: "https://api.deepseek.com/user/balance",
+					headers: bearer(apiKey)
+				}),
+				parse: (status, body) => {
+					if (status !== 200 || typeof body !== "object" || body === null) return void 0;
+					const infos = body.balance_infos;
+					if (!Array.isArray(infos) || infos.length === 0) return void 0;
+					const first = infos[0];
+					if (typeof first !== "object" || first === null) return void 0;
+					const currency = str(first.currency);
+					const total = str(first.total_balance);
+					if (currency === void 0 || total === void 0) return void 0;
+					return {
+						currency,
+						totalBalance: total
+					};
+				}
+			}
+		};
+		/** Moonshot pay-as-you-go balance; CN bills in CNY, international in USD. */
+		function moonshotBalance(host, currency, ids) {
+			return {
+				ids,
+				displayName: "Moonshot AI",
+				balance: {
+					build: ({ apiKey }) => ({
+						url: `https://${host}/v1/users/me/balance`,
+						headers: bearer(apiKey)
+					}),
+					parse: (status, body) => {
+						if (status !== 200 || typeof body !== "object" || body === null) return void 0;
+						const data = body.data;
+						if (typeof data !== "object" || data === null) return void 0;
+						const available = toNum(data.available_balance);
+						if (available === void 0) return void 0;
+						return {
+							currency,
+							totalBalance: money(available)
+						};
+					}
+				}
+			};
+		}
+		/** Kimi For Coding quota: top-level `usage` is the weekly summary, `limits[]` the per-window rows. */
+		const KIMI_CODING = {
+			ids: ["kimi-coding"],
+			displayName: "Kimi For Coding",
+			plan: {
+				build: ({ apiKey }) => ({
+					url: "https://api.kimi.com/coding/v1/usages",
+					headers: bearer(apiKey)
+				}),
+				parse: (status, body) => {
+					if (status !== 200 || typeof body !== "object" || body === null) return void 0;
+					const root = body;
+					const windows = [];
+					const limits = root.limits;
+					if (Array.isArray(limits)) for (const entry of limits) {
+						if (typeof entry !== "object" || entry === null) continue;
+						const detail = entry.detail;
+						const window = entry.window;
+						if (typeof detail !== "object" || detail === null) continue;
+						const row = detail;
+						const duration = typeof window === "object" && window !== null ? toNum(window.duration) : void 0;
+						const unit = typeof window === "object" && window !== null ? str(window.timeUnit) : void 0;
+						const key = duration === 300 && unit === "TIME_UNIT_MINUTE" ? "5h" : duration !== void 0 ? `w-${duration}` : "window";
+						const percent = usedPercent(row.used, row.limit);
+						windows.push({
+							key,
+							name: str(row.name),
+							percent,
+							resetsAt: toIso(row.resetTime)
+						});
+					}
+					const usage = root.usage;
+					if (typeof usage === "object" && usage !== null) {
+						const weekly = usage;
+						windows.push({
+							key: "week",
+							name: "Weekly",
+							percent: usedPercent(weekly.used, weekly.limit),
+							resetsAt: toIso(weekly.resetTime)
+						});
+					}
+					if (windows.length === 0) return void 0;
+					const user = root.user;
+					const membership = typeof user === "object" && user !== null ? user.membership : void 0;
+					return {
+						planName: typeof membership === "object" && membership !== null ? str(membership.level) : void 0,
+						windows
+					};
+				}
+			}
+		};
+		/** GLM Coding Plan quota; auth is the RAW key without a Bearer prefix. */
+		function glmPlan(host, ids) {
+			return {
+				ids,
+				displayName: "GLM Coding Plan",
+				plan: {
+					build: ({ apiKey }) => ({
+						url: `https://${host}/api/monitor/usage/quota/limit`,
+						headers: {
+							authorization: apiKey,
+							"accept-language": "en-US,en"
+						}
+					}),
+					parse: (status, body) => {
+						if (status !== 200 || typeof body !== "object" || body === null) return void 0;
+						const root = body;
+						if (root.success !== true) return void 0;
+						const data = root.data;
+						if (typeof data !== "object" || data === null) return void 0;
+						const limits = data.limits;
+						if (!Array.isArray(limits)) return void 0;
+						const windows = [];
+						for (const entry of limits) {
+							if (typeof entry !== "object" || entry === null) continue;
+							const row = entry;
+							const unit = toNum(row.unit);
+							const percent = toNum(row.percentage);
+							windows.push({
+								key: unit === 3 ? "5h" : unit === 6 ? "week" : unit !== void 0 ? `unit-${unit}` : "window",
+								percent: percent === void 0 ? void 0 : Math.max(0, Math.min(100, percent)),
+								resetsAt: toIso(row.nextResetTime)
+							});
+						}
+						if (windows.length === 0) return void 0;
+						return {
+							planName: str(data.level),
+							windows
+						};
+					}
+				}
+			};
+		}
+		/** OpenCode Go quota: percent-only rolling/weekly/monthly windows. */
+		const OPENCODE_GO = {
+			ids: ["opencode-go"],
+			displayName: "OpenCode Go",
+			plan: {
+				build: ({ apiKey }) => ({
+					url: "https://opencode.ai/zen/go/v1/usage",
+					headers: bearer(apiKey)
+				}),
+				parse: (status, body) => {
+					if (status !== 200 || typeof body !== "object" || body === null) return void 0;
+					const usage = body.usage;
+					if (typeof usage !== "object" || usage === null) return void 0;
+					const windows = [];
+					for (const [field, key] of [
+						["rolling", "5h"],
+						["weekly", "week"],
+						["monthly", "month"]
+					]) {
+						const entry = usage[field];
+						if (typeof entry !== "object" || entry === null) continue;
+						const row = entry;
+						const percent = toNum(row.percent);
+						windows.push({
+							key,
+							percent: percent === void 0 ? void 0 : Math.max(0, Math.min(100, percent)),
+							resetsAt: percent === 0 ? void 0 : toIso(row.resetsAt)
+						});
+					}
+					if (windows.length === 0) return void 0;
+					return { windows };
+				}
+			}
+		};
+		/** MiniMax coding-plan remains: remaining-percent semantics, `general` model entry. */
+		function minimaxPlan(host, ids) {
+			return {
+				ids,
+				displayName: "MiniMax Coding Plan",
+				plan: {
+					build: ({ apiKey }) => ({
+						url: `https://${host}/v1/api/openplatform/coding_plan/remains`,
+						headers: bearer(apiKey)
+					}),
+					parse: (status, body) => {
+						if (status !== 200 || typeof body !== "object" || body === null) return void 0;
+						const remains = body.model_remains;
+						if (!Array.isArray(remains)) return void 0;
+						const general = remains.find((entry) => typeof entry === "object" && entry !== null && entry.model_name === "general");
+						if (typeof general !== "object" || general === null) return void 0;
+						const row = general;
+						const windows = [];
+						const intervalRemaining = toNum(row.current_interval_remaining_percent);
+						if (intervalRemaining !== void 0) windows.push({
+							key: "5h",
+							percent: Math.max(0, Math.min(100, 100 - intervalRemaining)),
+							resetsAt: toIso(row.end_time)
+						});
+						if (row.current_weekly_status === 1) {
+							const weeklyRemaining = toNum(row.current_weekly_remaining_percent);
+							if (weeklyRemaining !== void 0) windows.push({
+								key: "week",
+								percent: Math.max(0, Math.min(100, 100 - weeklyRemaining)),
+								resetsAt: toIso(row.weekly_end_time)
+							});
+						}
+						if (windows.length === 0) return void 0;
+						return { windows };
+					}
+				}
+			};
+		}
+		const OPENROUTER = {
+			ids: ["openrouter"],
+			displayName: "OpenRouter",
+			balance: {
+				build: ({ apiKey }) => ({
+					url: "https://openrouter.ai/api/v1/credits",
+					headers: bearer(apiKey)
+				}),
+				parse: (status, body) => {
+					if (status !== 200 || typeof body !== "object" || body === null) return void 0;
+					const data = body.data;
+					if (typeof data !== "object" || data === null) return void 0;
+					const credits = toNum(data.total_credits);
+					const used = toNum(data.total_usage) ?? 0;
+					if (credits === void 0) return void 0;
+					return {
+						currency: "USD",
+						totalBalance: money(credits - used)
+					};
+				}
+			}
+		};
+		function siliconFlow(host, ids, currency) {
+			return {
+				ids,
+				displayName: "SiliconFlow",
+				balance: {
+					build: ({ apiKey }) => ({
+						url: `https://${host}/v1/user/info`,
+						headers: bearer(apiKey)
+					}),
+					parse: (status, body) => {
+						if (status !== 200 || typeof body !== "object" || body === null) return void 0;
+						const data = body.data;
+						if (typeof data !== "object" || data === null) return void 0;
+						const total = str(data.totalBalance);
+						if (total === void 0) return void 0;
+						return {
+							currency,
+							totalBalance: total
+						};
+					}
+				}
+			};
+		}
+		const ZENMUX = {
+			ids: ["zenmux"],
+			displayName: "ZenMux",
+			balance: {
+				build: ({ apiKey }) => ({
+					url: "https://zenmux.ai/api/v1/management/payg/balance",
+					headers: bearer(apiKey)
+				}),
+				parse: (status, body) => {
+					if (status !== 200 || typeof body !== "object" || body === null) return void 0;
+					const data = body.data;
+					if (typeof data !== "object" || data === null) return void 0;
+					const credits = toNum(data.total_credits);
+					if (credits === void 0) return void 0;
+					return {
+						currency: "USD",
+						totalBalance: money(credits)
+					};
+				}
+			}
+		};
+		/**
+		* OpenAI Codex (ChatGPT subscription) quota over the OAuth access token the
+		* pi-ai grant stores — the one plan adapter whose credential is an OAuth
+		* token rather than an API key. A 401 here means the stored access token has
+		* expired; it refreshes when the harness next runs a Codex request, so the
+		* error line tells the user to use Codex once and refresh.
+		*/
+		const OPENAI_CODEX = {
+			ids: ["openai-codex"],
+			displayName: "Codex (ChatGPT 订阅)",
+			plan: {
+				build: ({ apiKey, accountId }) => ({
+					url: "https://chatgpt.com/backend-api/wham/usage",
+					headers: {
+						authorization: `Bearer ${apiKey}`,
+						"user-agent": "codex-cli",
+						accept: "application/json",
+						...accountId !== void 0 ? { "chatgpt-account-id": accountId } : {}
+					}
+				}),
+				parse: (status, body) => {
+					if (status !== 200 || typeof body !== "object" || body === null) return void 0;
+					const rateLimit = body.rate_limit;
+					if (typeof rateLimit !== "object" || rateLimit === null) return void 0;
+					const windows = [];
+					const rows = rateLimit.primary_window !== void 0 || rateLimit.secondary_window !== void 0 ? [rateLimit.primary_window, rateLimit.secondary_window] : [];
+					for (const entry of rows) {
+						if (typeof entry !== "object" || entry === null) continue;
+						const row = entry;
+						const percent = toNum(row.used_percent);
+						if (percent === void 0) continue;
+						const seconds = toNum(row.limit_window_seconds);
+						windows.push({
+							key: codexWindowKey(seconds),
+							percent: Math.max(0, Math.min(100, percent)),
+							resetsAt: toIso(row.reset_at)
+						});
+					}
+					if (windows.length === 0) return void 0;
+					return { windows };
+				}
+			}
+		};
+		/** Map a Codex window length in seconds onto the shared window key vocabulary. */
+		function codexWindowKey(seconds) {
+			if (seconds === void 0) return "window";
+			if (seconds === 18e3) return "5h";
+			if (seconds === 604800) return "week";
+			if (seconds === 2592e3) return "month";
+			const hours = seconds / 3600;
+			return hours >= 24 ? `${Math.round(hours / 24)}_day` : `${Math.round(hours)}_hour`;
+		}
+		/**
+		* The adapter registry, in no particular order. Route keys come from the
+		* pi-ai provider catalog plus the routes this deployment observed in user
+		* configuration (`zenmux`).
+		*/
+		const PROVIDER_ADAPTERS = [
+			DEEPSEEK,
+			moonshotBalance("api.moonshot.cn", "CNY", ["moonshotai-cn"]),
+			moonshotBalance("api.moonshot.ai", "USD", ["moonshotai"]),
+			KIMI_CODING,
+			glmPlan("open.bigmodel.cn", ["zai-coding-cn"]),
+			glmPlan("api.z.ai", ["zai-coding"]),
+			OPENCODE_GO,
+			minimaxPlan("api.minimaxi.com", ["minimax-cn"]),
+			minimaxPlan("api.minimax.io", ["minimax"]),
+			OPENAI_CODEX,
+			OPENROUTER,
+			siliconFlow("api.siliconflow.cn", ["siliconflow", "siliconflow-cn"], "CNY"),
+			siliconFlow("api.siliconflow.com", ["siliconflow-intl"], "USD"),
+			ZENMUX
+		];
+		/** Find the adapter serving a provider route key, if any. */
+		function adapterFor(provider) {
+			return PROVIDER_ADAPTERS.find((adapter) => adapter.ids.includes(provider));
+		}
+		/**
+		* Whether a provider route belongs to the official DeepSeek family: the only
+		* family with a spend price book and a settings-section-owned env credential
+		* (llm-deepseek) rather than a pi-ai profile. Drives the env fallback in
+		* credential resolution and the fold-time cost stamping.
+		*/
+		function isDeepSeekProviderRoute(provider) {
+			return adapterFor(provider) === DEEPSEEK;
+		}
+		//#endregion
+		//#region src/core/pricing.ts
+		/** The published peak windows: weekday 09:00-12:00 and 14:00-18:00. */
+		const PEAK_WINDOWS = [{
+			from: 540,
+			to: 720
+		}, {
+			from: 840,
+			to: 1080
+		}];
+		/** Beijing is UTC+8 year-round (no DST), so a fixed shift is exact. */
+		const BEIJING_UTC_OFFSET_MS = 8 * 36e5;
+		function withinWindow(minuteOfDay) {
+			return PEAK_WINDOWS.find((window) => minuteOfDay >= window.from && minuteOfDay < window.to);
+		}
+		/**
+		* The DeepSeek billing period at `ms`, plus when it next flips. The clock is
+		* Beijing time regardless of the host timezone (UTC+8 has no DST, so a fixed
+		* shift is exact). `boundaryMs` is the instant the current period ends — the
+		* window's close while peaking, the next window's open otherwise.
+		*/
+		function deepseekPeriodAt(ms) {
+			const shifted = new Date(ms + BEIJING_UTC_OFFSET_MS);
+			const weekday = shifted.getUTCDay();
+			const minuteOfDay = shifted.getUTCHours() * 60 + shifted.getUTCMinutes();
+			const current = weekday >= 1 && weekday <= 5 ? withinWindow(minuteOfDay) : void 0;
+			if (current !== void 0) return {
+				peak: true,
+				boundaryMs: ms + (current.to - minuteOfDay) * 6e4 - shifted.getUTCSeconds() * 1e3 - shifted.getUTCMilliseconds()
+			};
+			for (let dayOffset = 0; dayOffset < 8; dayOffset += 1) {
+				const day = new Date(ms + BEIJING_UTC_OFFSET_MS + dayOffset * 864e5);
+				if (day.getUTCDay() < 1 || day.getUTCDay() > 5) continue;
+				const realDayStart = Date.UTC(day.getUTCFullYear(), day.getUTCMonth(), day.getUTCDate()) - BEIJING_UTC_OFFSET_MS;
+				for (const window of PEAK_WINDOWS) {
+					if (dayOffset === 0 && window.from <= minuteOfDay) continue;
+					return {
+						peak: false,
+						boundaryMs: realDayStart + window.from * 6e4
+					};
+				}
+			}
+			return {
+				peak: false,
+				boundaryMs: ms + 864e5
+			};
+		}
+		//#endregion
 		//#region src/client/UsageSectionCard.tsx
 		/**
 		* The usage statistics settings section: two tabs (用量: today's usage,
@@ -225,6 +699,20 @@ window.__ModuleLoader__.load({
 				return "";
 			}
 		}
+		function formatClock(ms) {
+			try {
+				return new Date(ms).toLocaleTimeString([], {
+					hour: "2-digit",
+					minute: "2-digit"
+				});
+			} catch {
+				return "";
+			}
+		}
+		/** Formatted CNY spend estimate (the only priced currency today). */
+		function formatCost(cost) {
+			return "¥" + cost.toFixed(2);
+		}
 		function toneClass(percent) {
 			if (percent >= 90) return usage_module_css_default.barLow;
 			if (percent >= 70) return usage_module_css_default.barWarn;
@@ -369,10 +857,6 @@ window.__ModuleLoader__.load({
 				};
 			}, [poll]);
 			const snapshot = ui.snapshot;
-			const trendMax = (0, react.useMemo)(() => {
-				if (snapshot === null) return 0;
-				return Math.max(1, ...snapshot.usage.days.map((day) => day.totals.inputTokens + day.totals.outputTokens + day.totals.cacheReadTokens + day.totals.cacheWriteTokens));
-			}, [snapshot]);
 			const onRefresh = () => {
 				setRefreshing(true);
 				try {
@@ -393,7 +877,9 @@ window.__ModuleLoader__.load({
 			});
 			const current = snapshot.current;
 			const currentProvider = snapshot.providers.find((provider) => provider.provider === current.provider);
-			const planProviders = snapshot.providers.filter((provider) => provider.plan !== void 0 || provider.supported && provider.credential !== "none" && provider.credential !== "oauth");
+			const deepseekPeriod = deepseekPeriodAt(Date.now());
+			const deepseekVisible = current.provider !== void 0 && isDeepSeekProviderRoute(current.provider) || snapshot.usage.today.providers.some((row) => isDeepSeekProviderRoute(row.provider));
+			const planProviders = snapshot.providers.filter((provider) => provider.planSupported === true || provider.planSupported === void 0 && provider.plan !== void 0);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: usage_module_css_default.section,
 				"data-dsh-plugin": "usage",
@@ -451,10 +937,26 @@ window.__ModuleLoader__.load({
 									className: usage_module_css_default.cardTitle,
 									children: t("usage.today")
 								}),
+								deepseekVisible && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: usage_module_css_default.muted,
+									"data-dsh-part": "peak-status",
+									children: t(deepseekPeriod.peak ? "usage.peak.on" : "usage.peak.off", { time: formatClock(deepseekPeriod.boundaryMs) })
+								}),
 								snapshot.usage.today.totals.calls === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: usage_module_css_default.muted,
 									children: t("usage.noData")
 								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TotalsRow, { totals: snapshot.usage.today.totals }),
+								snapshot.usage.today.totals.cost > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: usage_module_css_default.providerRow,
+									"data-dsh-part": "today-cost",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: usage_module_css_default.providerName,
+										children: t("usage.today.cost")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: usage_module_css_default.providerTokens,
+										children: formatCost(snapshot.usage.today.totals.cost)
+									})]
+								}),
 								snapshot.usage.today.providers.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 									"data-dsh-part": "provider-list",
 									children: snapshot.usage.today.providers.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -470,7 +972,8 @@ window.__ModuleLoader__.load({
 											children: [
 												formatTokens(row.totals.inputTokens + row.totals.cacheReadTokens + row.totals.cacheWriteTokens + row.totals.outputTokens),
 												" · ",
-												t("usage.calls", { n: row.totals.calls })
+												t("usage.calls", { n: row.totals.calls }),
+												row.totals.cost > 0 ? ` · ${formatCost(row.totals.cost)}` : ""
 											]
 										})]
 									}, row.provider))
@@ -485,43 +988,27 @@ window.__ModuleLoader__.load({
 									className: usage_module_css_default.cardTitle,
 									children: t("usage.balance")
 								}),
-								snapshot.providers.filter((provider) => provider.supported).length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: usage_module_css_default.muted,
-									children: t("usage.balance.unsupported")
-								}) : snapshot.providers.filter((provider) => provider.supported).map((provider) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProviderRow, {
-									provider,
-									current: current.provider
-								}, provider.provider)),
+								(() => {
+									const rows = snapshot.providers.filter((provider) => provider.balanceSupported === true || provider.balanceSupported === void 0 && provider.supported);
+									if (rows.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: usage_module_css_default.muted,
+										children: t("usage.balance.unsupported")
+									});
+									return rows.map((provider) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProviderRow, {
+										provider,
+										current: current.provider
+									}, provider.provider));
+								})(),
 								snapshot.providers.some((provider) => provider.error !== void 0) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: usage_module_css_default.errorLine,
 									children: snapshot.providers.filter((provider) => provider.error !== void 0).map((provider) => `${provider.displayName}: ${t("usage.provider.error", { error: provider.error ?? "" })}`).join("；")
 								})
 							]
 						}),
-						snapshot.usage.days.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: usage_module_css_default.card,
-							"data-dsh-part": "trend-card",
-							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: usage_module_css_default.cardTitle,
-									children: t("usage.trend")
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									className: usage_module_css_default.trend,
-									children: snapshot.usage.days.map((day, index) => {
-										const total = day.totals.inputTokens + day.totals.outputTokens + day.totals.cacheReadTokens + day.totals.cacheWriteTokens;
-										return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-											className: index === snapshot.usage.days.length - 1 ? `${usage_module_css_default.trendBar} ${usage_module_css_default.trendBarToday}` : usage_module_css_default.trendBar,
-											style: { height: `${Math.max(3, Math.round(total / trendMax * 100))}%` },
-											title: `${day.date}: ${formatTokens(total)}`
-										}, day.date);
-									})
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: usage_module_css_default.trendAxis,
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: snapshot.usage.days[0]?.date.slice(5) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: snapshot.usage.days[snapshot.usage.days.length - 1]?.date.slice(5) })]
-								})
-							]
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(RangeCard, {
+							range: snapshot.usage.range,
+							providers: snapshot.providers,
+							currentProvider: current.provider
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SettingsRow, {
 							settings,
@@ -533,14 +1020,116 @@ window.__ModuleLoader__.load({
 						className: usage_module_css_default.card,
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							className: usage_module_css_default.muted,
-							children: t("usage.plan.noPlan")
+							children: t("usage.plan.noneConfigured")
 						})
-					}) : planProviders.map((provider) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PlanCard, { provider }, provider.provider)))
+					}) : planProviders.map((provider) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PlanCard, {
+						provider,
+						current: current.provider
+					}, provider.provider)))
 				]
 			});
 		}
+		/** How many model sub-bars render under one provider bar. */
+		const CHART_MODEL_CAP = 3;
+		/**
+		* The 近 30 天 card: horizontal bars per provider over the trend window,
+		* each with its heaviest models as nested sub-bars. Window totals come from
+		* the host's aggregated `usage.range` (an older host without it renders no
+		* card instead of a wrong one).
+		*/
+		function RangeCard(props) {
+			const { range, providers, currentProvider } = props;
+			if (range === void 0) return null;
+			const grandTotal = range.totals.inputTokens + range.totals.outputTokens + range.totals.cacheReadTokens + range.totals.cacheWriteTokens;
+			const maxProvider = Math.max(1, ...range.providers.map((row) => totalOf(row.totals)));
+			const nameOf = (id) => providers.find((provider) => provider.provider === id)?.displayName ?? id;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: usage_module_css_default.card,
+				"data-dsh-part": "trend-card",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: usage_module_css_default.cardTitle,
+					children: t("usage.trend")
+				}), range.providers.length === 0 || grandTotal === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: usage_module_css_default.muted,
+					children: t("usage.noData")
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: usage_module_css_default.chart,
+					"data-dsh-part": "usage-chart",
+					children: [range.providers.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChartProviderRow, {
+						row,
+						name: nameOf(row.provider),
+						max: maxProvider,
+						current: currentProvider === row.provider
+					}, row.provider)), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: usage_module_css_default.trendAxis,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: range.from.slice(5) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: range.to.slice(5) })]
+					})]
+				})]
+			});
+		}
+		function ChartProviderRow(props) {
+			const { row, name, max, current } = props;
+			const total = totalOf(row.totals);
+			const maxModel = Math.max(1, ...row.models.slice(0, CHART_MODEL_CAP).map((model) => totalOf(model.totals)));
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: usage_module_css_default.chartProvider,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: usage_module_css_default.chartHead,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: usage_module_css_default.providerName,
+							children: [name, current && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: usage_module_css_default.currentBadge,
+								children: t("usage.current")
+							})]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: usage_module_css_default.chartTokens,
+							children: [
+								formatTokens(total),
+								" · ",
+								t("usage.calls", { n: row.totals.calls })
+							]
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: usage_module_css_default.chartBar,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: usage_module_css_default.chartFill,
+							style: { width: `${Math.max(2, Math.round(total / max * 100))}%` }
+						})
+					}),
+					row.models.slice(0, CHART_MODEL_CAP).map((model) => {
+						const modelTotal = totalOf(model.totals);
+						return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: usage_module_css_default.chartModel,
+							title: `${row.provider} · ${model.model}: ${formatTokens(modelTotal)}`,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: usage_module_css_default.chartModelName,
+									children: model.model
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: usage_module_css_default.chartModelBar,
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: usage_module_css_default.chartModelFill,
+										style: { width: `${Math.max(3, Math.round(modelTotal / maxModel * 100))}%` }
+									})
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: usage_module_css_default.chartTokens,
+									children: formatTokens(modelTotal)
+								})
+							]
+						}, model.model);
+					})
+				]
+			});
+		}
+		function totalOf(totals) {
+			return totals.inputTokens + totals.cacheReadTokens + totals.cacheWriteTokens + totals.outputTokens;
+		}
 		function PlanCard(props) {
-			const { provider } = props;
+			const { provider, current } = props;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: `${usage_module_css_default.card} ${usage_module_css_default.planCard}`,
 				"data-dsh-part": "plan-card",
@@ -549,14 +1138,24 @@ window.__ModuleLoader__.load({
 						className: usage_module_css_default.planHead,
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 							className: usage_module_css_default.planName,
-							children: [provider.displayName, provider.plan?.planName !== void 0 ? ` · ${provider.plan.planName}` : ""]
+							children: [
+								provider.displayName,
+								current === provider.provider && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: usage_module_css_default.currentBadge,
+									children: t("usage.current")
+								}),
+								provider.plan?.planName !== void 0 ? ` · ${provider.plan.planName}` : ""
+							]
 						})
 					}),
 					provider.error !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: usage_module_css_default.errorLine,
 						children: t("usage.provider.error", { error: provider.error })
 					}),
-					provider.plan === void 0 || provider.plan.windows.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					provider.credential === "none" && provider.plan === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: usage_module_css_default.muted,
+						children: t("usage.balance.noCredential")
+					}) : provider.plan === void 0 || provider.plan.windows.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: usage_module_css_default.muted,
 						children: t("usage.plan.noPlan")
 					}) : provider.plan.windows.map((window) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -658,8 +1257,13 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region src/client/index.ts
+		/** Hard ceiling for one usage API call; a stalled host must not pile up requests. */
+		const USAGE_FETCH_TIMEOUT_MS = 2e4;
 		async function usageFetch(path, method) {
-			const response = await fetch(path, method === "POST" ? { method: "POST" } : {});
+			const response = await fetch(path, {
+				...method === "POST" ? { method: "POST" } : {},
+				signal: AbortSignal.timeout(USAGE_FETCH_TIMEOUT_MS)
+			});
 			if (!response.ok) throw new Error("usage " + path + " failed: " + response.status);
 			return await response.json();
 		}
@@ -714,7 +1318,7 @@ window.__ModuleLoader__.load({
 				const seq = pollSeq + 1;
 				pollSeq = seq;
 				usageApi.refresh().then((snapshot) => {
-					if (seq !== pollSeq) return;
+					pollSeq = seq;
 					store.actions.setSnapshot(snapshot);
 				}, () => {
 					if (seq !== pollSeq) return;