@eddyskywalker/dsh-chatgpt-subscription 0.42.0 → 0.43.1

package/lib/client.js

@@ -146,11 +146,11 @@ window.__ModuleLoader__.load({
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 				className: "dsh-codex-composer-quota",
 				"data-level": quota === null ? "normal" : quota.remainingPercent <= 5 ? "danger" : quota.remainingPercent <= 20 ? "warning" : "normal",
-				"aria-label": quota === null ? t("quickQuotaLoading") : `${t("quickQuotaLabel")}: ${formatPercent$1(quota.remainingPercent)}`,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("quickQuotaLabel") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: quota === null ? loading ? t("quickQuotaLoading") : "—" : formatPercent$1(quota.remainingPercent) })]
+				"aria-label": quota === null ? t("quickQuotaLoading") : `${t("quickQuotaLabel")}: ${formatPercent$2(quota.remainingPercent)}`,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("quickQuotaLabel") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: quota === null ? loading ? t("quickQuotaLoading") : "—" : formatPercent$2(quota.remainingPercent) })]
 			});
 		}
-		function formatPercent$1(value) {
+		function formatPercent$2(value) {
 			return `${new Intl.NumberFormat(void 0, { maximumFractionDigits: 0 }).format(value)}%`;
 		}
 		//#endregion
@@ -1147,6 +1147,26 @@ window.__ModuleLoader__.load({
 			if (value >= 1e3) return Math.round(value / 1e3) + "k";
 			return String(value);
 		}
+		/**
+		* A share as a person reads it: at most `digits` decimals, no trailing zeros.
+		*
+		* The formatting has to happen on the RESULT rather than on its inputs. Most
+		* percentages on these cards are a remainder — `100 - used` — and that
+		* subtraction is exactly where binary floating point shows up: `100 - 8.04` is
+		* `91.96000000000001`, `100 - 0.0007 * 100` is `99.93` but `100 - 0.0014 * 100`
+		* is `99.86` only because it happens to land on a friendly neighbour. String
+		* interpolation of the difference therefore prints a long tail for roughly a
+		* third of all two-decimal inputs, which reads as "sometimes" — and no amount of
+		* rounding the used share beforehand fixes a subtraction done afterwards.
+		*
+		* Anything non-finite renders as `0`, because every caller has already decided
+		* the window is measured; this is the last line of defence, not a claim.
+		*/
+		function formatPercent$1(value, digits = 2) {
+			if (!Number.isFinite(value)) return "0";
+			const factor = 10 ** Math.min(6, Math.max(0, Math.trunc(digits)));
+			return String(Math.round(value * factor) / factor);
+		}
 		/** A stamp in the reader's own locale, or an em dash when there is none. */
 		function formatDate$1(ms) {
 			if (ms === void 0 || ms === null || !Number.isFinite(ms) || ms <= 0) return "—";
@@ -5420,10 +5440,12 @@ window.__ModuleLoader__.load({
 		const SHORT_PER_WEEK = 5;
 		/** 5 小时窗口在月额度里的份数。 */
 		const SHORT_PER_MONTH = 25;
-		/** 百分比，最多两位小数；非有限数不画。 */
+		/** 提示条箭头离气泡两端的最小距离，免得圆角把三角切掉。 */
+		const ARROW_INSET = 12;
+		/** 百分比，最多两位小数；非有限数不画。舍入规则放在共享的 `formatPercent`。 */
 		function percentText$2(value) {
 			if (!Number.isFinite(value)) return "0%";
-			return `${Math.round(value * 100) / 100}%`;
+			return `${formatPercent$1(value)}%`;
 		}
 		/** `YYYY-MM-DD HH:mm`，本地时区；令牌到期用它，年份不能省。 */
 		function dateText(ms) {
@@ -5513,6 +5535,43 @@ window.__ModuleLoader__.load({
 				const timer = window.setInterval(() => setClock(Date.now()), 3e4);
 				return () => window.clearInterval(timer);
 			}, [shortReset]);
+			const tipPercent = Math.max(0, Math.min(100, totalPercent));
+			const barRef = (0, react.useRef)(null);
+			const tipRef = (0, react.useRef)(null);
+			const [tipPlacement, setTipPlacement] = (0, react.useState)({
+				shift: 0,
+				arrowPx: null
+			});
+			(0, react.useEffect)(() => {
+				const wrap = barRef.current;
+				const tip = tipRef.current;
+				if (wrap === null || tip === null) return void 0;
+				const place = () => {
+					const width = wrap.clientWidth;
+					const bubble = tip.offsetWidth;
+					if (width <= 0 || bubble <= 0) {
+						setTipPlacement({
+							shift: 0,
+							arrowPx: null
+						});
+						return;
+					}
+					const half = bubble / 2;
+					const anchor = width * tipPercent / 100;
+					const clamped = Math.min(Math.max(anchor, half), Math.max(half, width - half));
+					const arrow = Math.min(Math.max(anchor - (clamped - half), ARROW_INSET), bubble - ARROW_INSET);
+					setTipPlacement({
+						shift: Math.round((clamped - anchor) * 10) / 10,
+						arrowPx: Math.round(arrow * 10) / 10
+					});
+				};
+				place();
+				if (typeof ResizeObserver === "undefined") return void 0;
+				const observer = new ResizeObserver(place);
+				observer.observe(wrap);
+				observer.observe(tip);
+				return () => observer.disconnect();
+			}, [tipPercent]);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "dsha-kq",
 				children: [
@@ -5564,6 +5623,8 @@ window.__ModuleLoader__.load({
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: "dsha-kq-barwrap",
+								ref: barRef,
+								style: { "--kq-tip-x": `${tipPercent}%` },
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									className: "dsha-kq-meter dsha-kq-meter--total",
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -5578,6 +5639,11 @@ window.__ModuleLoader__.load({
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: "dsha-kq-tip",
 									role: "tooltip",
+									ref: tipRef,
+									style: {
+										"--kq-tip-shift": `${tipPlacement.shift}px`,
+										...tipPlacement.arrowPx === null ? {} : { "--kq-tip-arrow": `${tipPlacement.arrowPx}px` }
+									},
 									children: t.kqTip.replace("{pct}", percentText$2(totalPercent))
 								})]
 							}),
@@ -5623,19 +5689,6 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region src/client/kimi-code/KimiCodeSection.tsx
 		const api$12 = createLineApi("/kimi-code/api", "Kimi Code");
-		/** Money the service reports in minor units, rendered in its own currency. */
-		function formatMoney(cents, currency) {
-			if (cents === null) return "—";
-			const code = currency ?? "USD";
-			try {
-				return new Intl.NumberFormat(void 0, {
-					style: "currency",
-					currency: code
-				}).format(cents / 100);
-			} catch {
-				return `${(cents / 100).toFixed(2)} ${code}`;
-			}
-		}
 		/**
 		* One token count as the card prints it.
 		*
@@ -6001,7 +6054,7 @@ window.__ModuleLoader__.load({
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "dsha-page",
 				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccountPoolSection, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(AccountPoolSection, {
 						accounts: status?.accounts ?? [],
 						activeAccountId: status?.activeAccountId,
 						rotationStrategy: status?.rotationStrategy ?? "sequential",
@@ -6025,59 +6078,74 @@ window.__ModuleLoader__.load({
 							now,
 							labels: t
 						}),
-						children: loginPending && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: "dsha-device-box",
-							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t.deviceCodeSection }),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-									className: "dsha-muted",
-									children: t.deviceCodeHint
-								}),
-								flow?.userCode && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: "dsha-code-row",
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dsha-code",
-										children: flow.userCode
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										className: "dsha-btn",
-										onClick: () => void handleCopyCode(),
-										children: copied ? t.copied : t.copyCode
-									})]
-								}),
-								flow?.verificationUriComplete && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-									className: "dsha-link",
-									href: flow.verificationUriComplete,
-									target: "_blank",
-									rel: "noreferrer noopener",
-									children: flow.verificationUriComplete
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: "dsha-row",
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dsha-label",
-										children: t.codeExpires
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dsha-value",
-										children: formatDate$1(flow?.expiresAt)
-									})]
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: "dsha-actions",
-									children: [flow?.verificationUriComplete && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-										className: "dsha-btn",
+						children: [
+							loginPending && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dsha-device-box",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t.deviceCodeSection }),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: "dsha-muted",
+										children: t.deviceCodeHint
+									}),
+									flow?.userCode && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "dsha-code-row",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "dsha-code",
+											children: flow.userCode
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											className: "dsha-btn",
+											onClick: () => void handleCopyCode(),
+											children: copied ? t.copied : t.copyCode
+										})]
+									}),
+									flow?.verificationUriComplete && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+										className: "dsha-link",
 										href: flow.verificationUriComplete,
 										target: "_blank",
 										rel: "noreferrer noopener",
-										children: t.openSignInPage
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										className: "dsha-btn",
-										disabled: busy !== null,
-										onClick: () => void handleCancelLogin(),
-										children: t.cancelSignIn
-									})]
+										children: flow.verificationUriComplete
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "dsha-row",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "dsha-label",
+											children: t.codeExpires
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "dsha-value",
+											children: formatDate$1(flow?.expiresAt)
+										})]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "dsha-actions",
+										children: [flow?.verificationUriComplete && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+											className: "dsha-btn",
+											href: flow.verificationUriComplete,
+											target: "_blank",
+											rel: "noreferrer noopener",
+											children: t.openSignInPage
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											className: "dsha-btn",
+											disabled: busy !== null,
+											onClick: () => void handleCancelLogin(),
+											children: t.cancelSignIn
+										})]
+									})
+								]
+							}),
+							status?.quotaError != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "dsha-notice",
+								children: status.quotaError
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dsha-actions",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									className: "dsha-btn",
+									disabled: busy !== null || !status?.authenticated,
+									onClick: () => void handleRefreshQuota(),
+									children: busy === "quota" ? t.refreshingQuota : t.refreshQuota
 								})
-							]
-						})
+							})
+						]
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 						className: "dsha-group",
@@ -6365,69 +6433,6 @@ window.__ModuleLoader__.load({
 							})
 						]
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-						className: "dsha-group",
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "dsha-grouphead",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: t.quotaSection }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									className: "dsha-btn",
-									disabled: busy !== null || !status?.authenticated,
-									onClick: () => void handleRefreshQuota(),
-									children: busy === "quota" ? t.refreshingQuota : t.refreshQuota
-								})]
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: "dsha-muted",
-								children: t.quotaDesc
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: "dsha-muted",
-								children: t.quotaFactsScope
-							}),
-							status?.quotaError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: "dsha-notice",
-								children: status.quotaError
-							}),
-							!status?.authenticated ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: "dsha-empty",
-								children: t.signedOut
-							}) : quota === null || quota === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: "dsha-empty",
-								children: busy === "quota" ? t.refreshingQuota : t.quotaEmpty
-							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "dsha-quota-card",
-								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: "dsha-quota-title",
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t.quotaPlan }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: quota.planName || t.planUnknown })]
-									}),
-									quota.extraUsage !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: "dsha-meter-wrap",
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: "dsha-meter-label",
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t.quotaWallet }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: formatMoney(quota.extraUsage.balanceCents, quota.extraUsage.currency) })]
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: "dsha-meter-meta",
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: formatMoney(quota.extraUsage.totalCents, quota.extraUsage.currency) }), quota.extraUsage.monthlyChargeLimitEnabled && quota.extraUsage.monthlyChargeLimitCents !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
-												t.quotaWalletLimit,
-												": ",
-												formatMoney(quota.extraUsage.monthlyChargeLimitCents, quota.extraUsage.currency)
-											] })]
-										})]
-									}),
-									quota.windows.length === 0 && quota.extraUsage === null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-										className: "dsha-empty",
-										children: t.quotaEmpty
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-										className: "dsha-timestamp",
-										children: t.updatedAt.replace("{time}", new Date(quota.fetchedAt).toLocaleString())
-									})
-								]
-							})
-						]
-					}),
 					error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "dsha-error",
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: error })
@@ -15960,6 +15965,10 @@ window.__ModuleLoader__.load({
 			quotaSignedOut: "登录后这里显示账号的额度。",
 			quotaErrorLabel: "额度读取失败",
 			quotaNoUnit: "",
+			/** 上游明说额度用尽：它是账号层面的事实，三只桶全是 0 时只有它能说清为什么被拒。 */
+			quotaExceeded: "额度已用尽",
+			quotaExceededHint: "上游说这个账号的额度已经用尽，请求会被拒。额度恢复之前发消息会失败：可以等周期重置，或在额度页升级套餐。",
+			quotaUpgradeLink: "打开升级页面",
 			cacheSection: "缓存用量",
 			cacheStatScope: "本机统计（token 维度，自本进程启动累计）：它回答「缓存帮了多少忙」，不是上游账单。",
 			cacheDesc: "Qoder 服务端自动做前缀缓存；命中量从响应的 usage.prompt_tokens_details.cached_tokens 读出（缺失时读顶层 cached_tokens）。本线路订阅没有公开的 token 单价，整页只显示 token 数字，不显示金额。",
@@ -16080,6 +16089,9 @@ window.__ModuleLoader__.load({
 				quotaSignedOut: "Sign in to see the account's quota here.",
 				quotaErrorLabel: "Quota read failed",
 				quotaNoUnit: "",
+				quotaExceeded: "Quota exhausted",
+				quotaExceededHint: "Upstream says this account's quota is exhausted, so requests get rejected. Sending a message fails until the quota resets: wait for the period to reset, or upgrade the plan on the quota page.",
+				quotaUpgradeLink: "Open the upgrade page",
 				cacheSection: "Cache usage",
 				cacheStatScope: "Local statistics (tokens, accumulated since this process started): it answers \"how much the cache helped\", not the upstream bill.",
 				cacheDesc: "Qoder caches prefixes automatically server-side; hits are read from usage.prompt_tokens_details.cached_tokens (falling back to a top-level cached_tokens). There is no public per-token price for the subscription, so this page shows token counts only, never money.",
@@ -17193,49 +17205,71 @@ window.__ModuleLoader__.load({
 								children: busy === "quota" ? t.quotaRefreshing : t.quotaEmpty
 							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: "dsha-quota-card",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: "dshq-fact-grid",
-									children: [
-										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: "dshq-fact",
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t.quotaExpiresAt }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: quota.expiresAt !== null ? formatDate$1(quota.expiresAt) : "—" })]
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: "dshq-fact",
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t.quotaReadAt }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: formatDate$1(quota.fetchedAt) })]
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: "dshq-fact",
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t.quotaRegion }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: regionText(quota.region, t) })]
-										})
-									]
-								}), quota.buckets.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									className: "dsha-empty",
-									children: t.quotaEmpty
-								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									className: "dshq-quota-list",
-									children: quota.buckets.map((bucket, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: "dshq-quota-row",
+								children: [
+									quota.quotaExceeded && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "dshq-quota-exhausted",
 										children: [
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "dshq-quota-name",
-												children: quotaBucketText(bucket.kind, t)
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+												className: "dshq-quota-exhausted-title",
+												children: t.quotaExceeded
 											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "dshq-quota-value",
-												children: bucketAmountText(bucket, t)
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+												className: "dshq-quota-exhausted-hint",
+												children: t.quotaExceededHint
 											}),
-											bucket.used !== null && bucket.total !== null && bucket.total > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-												className: "dshq-quota-meta",
-												children: [
-													t.quotaUsed,
-													" ",
-													percentText(bucket.used / bucket.total)
-												]
+											quota.upgradeUrl !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+												href: quota.upgradeUrl,
+												target: "_blank",
+												rel: "noreferrer noopener",
+												children: t.quotaUpgradeLink
 											})
 										]
-									}, bucket.kind + ":" + index))
-								})]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "dshq-fact-grid",
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: "dshq-fact",
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t.quotaExpiresAt }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: quota.expiresAt !== null ? formatDate$1(quota.expiresAt) : "—" })]
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: "dshq-fact",
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t.quotaReadAt }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: formatDate$1(quota.fetchedAt) })]
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: "dshq-fact",
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t.quotaRegion }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: regionText(quota.region, t) })]
+											})
+										]
+									}),
+									quota.buckets.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: "dsha-empty",
+										children: t.quotaEmpty
+									}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: "dshq-quota-list",
+										children: quota.buckets.map((bucket, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: "dshq-quota-row",
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dshq-quota-name",
+													children: quotaBucketText(bucket.kind, t)
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dshq-quota-value",
+													children: bucketAmountText(bucket, t)
+												}),
+												bucket.used !== null && bucket.total !== null && bucket.total > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+													className: "dshq-quota-meta",
+													children: [
+														t.quotaUsed,
+														" ",
+														percentText(bucket.used / bucket.total)
+													]
+												})
+											]
+										}, bucket.kind + ":" + index))
+									})
+								]
 							}),
 							moreNotes(t.moreNotes, [t.quotaDesc])
 						]
@@ -17375,6 +17409,8 @@ window.__ModuleLoader__.load({
 			catalogSyncedNote: "实时目录已同步 {count} 个模型。",
 			noModels: "暂无可用模型。",
 			pricingNote: "价格为官方公开价目（美元 / 每百万 token，输入 / 输出）。",
+			unservedBadge: "套餐不支持",
+			unservedHint: "当前套餐不提供的模型默认隐藏，勾选后会强制显示。",
 			contextSection: "上下文窗口",
 			contextHint: "官方未公布各模型的上下文窗口：默认按 128k 处理，可在这里按模型修正。留空或保存无效值会提示错误；恢复默认会清掉覆盖值。",
 			tokens: "tokens",
@@ -17481,6 +17517,8 @@ window.__ModuleLoader__.load({
 			catalogSyncedNote: "Live catalog synced: {count} model(s).",
 			noModels: "No models available.",
 			pricingNote: "Prices are the official public list (USD per 1M tokens, input / output).",
+			unservedBadge: "Not in plan",
+			unservedHint: "Models the current plan does not serve stay hidden by default; checking one here forces it to show.",
 			contextSection: "Context windows",
 			contextHint: "The vendor publishes no per-model context windows, so models default to 128k; correct any model here. An invalid value is reported rather than saved; restoring clears the override.",
 			tokens: "tokens",
@@ -17583,6 +17621,19 @@ window.__ModuleLoader__.load({
 			return Math.min(100, Math.max(0, value));
 		}
 		/**
+		* Whether the plan the gateway bills for withholds this model.
+		*
+		* The host adds `served: false` to a catalog entry the current plan does not
+		* provide. Such a row stays listed — unchecking it is what hides it, and
+		* checking it is how a user forces it visible — so the card labels it rather
+		* than dropping it. The field is optional: `true` and an absent field both mean
+		* served, so the badge and the note never appear for them and every row renders
+		* exactly as it did before this marker existed.
+		*/
+		function unserved(model) {
+			return model.served === false;
+		}
+		/**
 		* A window's length in the words the service sold it in.
 		*
 		* A policy states seconds, and the tier's windows are round days and hours:
@@ -18325,6 +18376,11 @@ window.__ModuleLoader__.load({
 								style: { fontSize: 12 },
 								children: t.modelsHint
 							}),
+							models.some(unserved) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "dsha-muted",
+								style: { fontSize: 12 },
+								children: t.unservedHint
+							}),
 							status !== null && models.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "dsha-empty",
 								children: t.noModels
@@ -18336,12 +18392,15 @@ window.__ModuleLoader__.load({
 									children: t.catalogNeverSynced
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelChecklist, {
-									items: models.map((model) => ({
-										id: model.id,
-										name: model.name,
-										hint: model.hint ?? `${formatCapacity$1(model.contextWindow)} · ${model.input.join("+")}${model.reasoning ? " · reasoning" : ""}`,
-										enabled: model.enabled
-									})),
+									items: models.map((model) => {
+										const hint = model.hint ?? `${formatCapacity$1(model.contextWindow)} · ${model.input.join("+")}${model.reasoning ? " · reasoning" : ""}`;
+										return {
+											id: model.id,
+											name: model.name,
+											hint: unserved(model) ? `${hint} · ${t.unservedBadge}` : hint,
+											enabled: model.enabled
+										};
+									}),
 									busy: busyAny,
 									onToggle: (id, enabled) => toggleModel(id, enabled),
 									onToggleAll: (enabled) => setAllModels(enabled),
@@ -20872,6 +20931,8 @@ window.__ModuleLoader__.load({
 			catalogSyncedNote: "Живой каталог синхронизирован: моделей {count}.",
 			noModels: "Доступных моделей нет.",
 			pricingNote: "Цены — официальный публичный прайс (доллары США за 1 млн токенов, вход / выход).",
+			unservedBadge: "Нет в тарифе",
+			unservedHint: "Модели, которых нет в текущем тарифе, по умолчанию скрыты; отметьте их здесь, чтобы показать принудительно.",
 			contextSection: "Контекстные окна",
 			contextHint: "Производитель не публикует контекстные окна по моделям, поэтому по умолчанию берётся 128k; здесь любую модель можно поправить. Неверное значение не сохраняется, а показывается ошибкой; восстановление сбрасывает переопределение.",
 			tokens: "токены",
@@ -21066,6 +21127,9 @@ window.__ModuleLoader__.load({
 			quotaSignedOut: "Войдите, чтобы увидеть здесь квоту аккаунта.",
 			quotaErrorLabel: "Не удалось прочитать квоту",
 			quotaNoUnit: "",
+			quotaExceeded: "Квота исчерпана",
+			quotaExceededHint: "Апстрим сообщает, что квота этого аккаунта исчерпана, поэтому запросы отклоняются. Отправка сообщения не удастся, пока квота не восстановится: дождитесь сброса периода или смените тариф на странице квоты.",
+			quotaUpgradeLink: "Открыть страницу тарифа",
 			cacheSection: "Расход кеша",
 			cacheStatScope: "Локальная статистика (в токенах, с начала работы процесса): она отвечает, насколько помог кеш, и не является счётом апстрима.",
 			cacheDesc: "Qoder кеширует префиксы на сервере автоматически; попадания читаются из usage.prompt_tokens_details.cached_tokens (при отсутствии — из верхнеуровневого cached_tokens). У подписки нет публичной цены за токен, поэтому страница показывает только токены, без денег.",
@@ -21977,9 +22041,10 @@ window.__ModuleLoader__.load({
 			const window = [...quota.windows ?? []].sort((a, b) => (a.windowDurationMins ?? Infinity) - (b.windowDurationMins ?? Infinity))[0];
 			if (window !== void 0) {
 				const remaining = Math.max(0, 100 - window.usedPercent);
+				const remainingText = formatPercent$1(remaining);
 				return {
-					text: `${remaining}%`,
-					tooltip: `[Command Code] ${window.label}: ${remaining}% left`,
+					text: `${remainingText}%`,
+					tooltip: `[Command Code] ${window.label}: ${remainingText}% left`,
 					level: quotaLevel(remaining)
 				};
 			}
@@ -22038,9 +22103,10 @@ window.__ModuleLoader__.load({
 			const window = [...quota.windows ?? []].filter((candidate) => candidate.windowDurationMins !== null).sort((a, b) => (a.windowDurationMins ?? Infinity) - (b.windowDurationMins ?? Infinity))[0] ?? quota.windows[0];
 			if (window !== void 0) {
 				const remaining = Math.max(0, 100 - window.usedPercent);
+				const remainingText = formatPercent$1(remaining);
 				return {
-					text: `${remaining}%`,
-					tooltip: `[Kimi Code] ${window.label}: ${remaining}% left`,
+					text: `${remainingText}%`,
+					tooltip: `[Kimi Code] ${window.label}: ${remainingText}% left`,
 					level: quotaLevel(remaining)
 				};
 			}
@@ -22182,9 +22248,11 @@ window.__ModuleLoader__.load({
 .dsha-kq-seg{border-radius:999px;display:block;height:100%;transition:width .9s cubic-bezier(.22,.61,.36,1)}
 .dsha-kq-seg--recent{background:var(--kq-code)}
 .dsha-kq-seg--rest{background:var(--kq-rest)}
-.dsha-kq-tip{background:var(--kq-tip-bg);border-radius:10px;bottom:calc(100% + 10px);color:var(--dsw-alias-bg-base,#fff);font-size:13px;line-height:1;opacity:0;padding:9px 14px;pointer-events:none;position:absolute;right:0;transform:translateY(4px);transition:opacity .16s ease-out,transform .16s ease-out;white-space:nowrap}
-.dsha-kq-tip::after{border:6px solid transparent;border-top-color:var(--kq-tip-bg);content:"";position:absolute;right:34px;top:100%}
-.dsha-kq-barwrap:hover .dsha-kq-tip{opacity:1;transform:translateY(0)}
+.dsha-kq-tip{background:var(--kq-tip-bg);border-radius:10px;bottom:calc(100% + 10px);color:var(--dsw-alias-bg-base,#fff);font-size:13px;line-height:1;left:var(--kq-tip-x,50%);opacity:0;padding:9px 14px;pointer-events:none;position:absolute;transform:translate(calc(-50% + var(--kq-tip-shift,0px)),4px);transition:opacity .16s ease-out,transform .16s ease-out;white-space:nowrap}
+/* 箭头不跟气泡的位移走：气泡被 --kq-tip-shift 收回卡片内时，箭头按
+   --kq-tip-arrow 单独挪回「已用段末端」在气泡里的位置，所以它指的一直是那个数字。 */
+.dsha-kq-tip::after{border:6px solid transparent;border-top-color:var(--kq-tip-bg);content:"";left:var(--kq-tip-arrow,50%);margin-left:-6px;position:absolute;top:100%}
+.dsha-kq-barwrap:hover .dsha-kq-tip{opacity:1;transform:translate(calc(-50% + var(--kq-tip-shift,0px)),0)}
 .dsha-kq-legend{align-items:center;color:var(--kq-fg-2);column-gap:16px;display:flex;flex-wrap:wrap;font-size:13px;margin-top:11px;row-gap:6px}
 .dsha-kq-legend-item{align-items:center;display:inline-flex;gap:6px;white-space:nowrap}
 .dsha-kq-legend-note{color:var(--kq-fg-3);white-space:nowrap}
@@ -23347,6 +23415,12 @@ window.__ModuleLoader__.load({
 .dshq-quota-name{color:var(--dsw-alias-label-primary);font-size:12px;min-width:104px}
 .dshq-quota-value{color:var(--dsw-alias-label-secondary);font-size:12px}
 .dshq-quota-meta{color:var(--dsw-alias-label-tertiary);font-size:11px}
+/* 额度用尽：账号层面的一条事实（上游明说），与三只桶的数字并排给出。 */
+.dshq-quota-exhausted{margin-top:11px}
+.dshq-quota-exhausted-title{color:var(--dsw-alias-label-primary);font-size:12px;font-weight:600}
+.dshq-quota-exhausted-hint{color:var(--dsw-alias-label-secondary);font-size:12px;line-height:1.5;margin-top:4px}
+.dshq-quota-exhausted a{color:var(--dsw-alias-label-link,#397ee8);font-size:12px;text-decoration:none}
+.dshq-quota-exhausted a:hover{text-decoration:underline}
 /* 快照卡里的几行事实：紧凑网格，一格一件事，行高一致。 */
 .dshq-fact-grid{display:grid;gap:9px 20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:11px}
 .dshq-fact{display:flex;flex-direction:column;gap:3px;min-width:0}