@eddyskywalker/dsh-chatgpt-subscription 0.36.1 → 0.37.0

package/lib/client.js

@@ -16125,6 +16125,15 @@ window.__ModuleLoader__.load({
 			usageTotalConsumed: "累计消耗 ${amount}",
 			usageUsageCount: "计费请求 {count} 次",
 			usagePlanUnknown: "已读取额度，但上游未返回套餐档位。",
+			usageWindowsTitle: "Design Plan 额度窗口",
+			usageWindowUsed: "已用 {used}%",
+			usageWindowRemaining: "剩余 {remaining}%",
+			usageWindowResetsAt: "{time} 重置",
+			usageWindowsUnavailable: "额度窗口读取失败或该工作区未配置",
+			usageWindowsConsoleOnly: "额度窗口仅在 OpenDesign 控制台可见：该端点不接受插件凭证",
+			usageWindowDays: "{count} 天",
+			usageWindowHours: "{count} 小时",
+			usageWindowMinutes: "{count} 分钟",
 			limitKey: "凭据存储在系统加密凭据库中，界面从不显示 Key 本身。",
 			limitGateway: "请求由 OpenDesign 网关服务，实际上游由网关决定。",
 			limitRoute: "模型路由按 provider id 抢占：若已有其他插件占用 opendesign，本卡仍可配置，但请求由对方服务。",
@@ -16222,6 +16231,15 @@ window.__ModuleLoader__.load({
 			usageTotalConsumed: "Consumed in total ${amount}",
 			usageUsageCount: "Billed requests: {count}",
 			usagePlanUnknown: "Credits were read, but the upstream named no plan tier.",
+			usageWindowsTitle: "Design Plan allowance windows",
+			usageWindowUsed: "{used}% used",
+			usageWindowRemaining: "{remaining}% remaining",
+			usageWindowResetsAt: "Resets {time}",
+			usageWindowsUnavailable: "Allowance windows could not be read, or this workspace has none configured",
+			usageWindowsConsoleOnly: "Allowance windows are only visible in the OpenDesign console: the endpoint refuses plugin credentials",
+			usageWindowDays: "days: {count}",
+			usageWindowHours: "hours: {count}",
+			usageWindowMinutes: "minutes: {count}",
 			limitKey: "API keys live in the OS credential store; the card never shows the key itself.",
 			limitGateway: "Requests are served by the OpenDesign gateway, which chooses the actual upstream.",
 			limitRoute: "The route is claimed by provider id: if another plugin already serves opendesign, this card still configures the line but that provider answers the requests.",
@@ -16265,6 +16283,54 @@ window.__ModuleLoader__.load({
 		function formatUsd(value) {
 			return value === null ? "—" : value;
 		}
+		/** A number the card prints bare: the surrounding label already carries the unit. */
+		function formatDecimal$1(value) {
+			try {
+				return new Intl.NumberFormat(void 0, { maximumFractionDigits: 1 }).format(value);
+			} catch {
+				return String(value);
+			}
+		}
+		/** The width a share may draw: inside its own track even if the figure is not. */
+		function clampPercent(value) {
+			return Math.min(100, Math.max(0, value));
+		}
+		/**
+		* 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:
+		* naming 604800 seconds "168 小时" would describe the window differently from
+		* the console the user reads it in. A whole day stays a day; anything shorter
+		* counts hours, then minutes.
+		*/
+		function planWindowName$1(seconds, labels) {
+			if (seconds >= 86400 && seconds % 86400 === 0) return labels.usageWindowDays.replace("{count}", String(seconds / 86400));
+			if (seconds >= 3600) return labels.usageWindowHours.replace("{count}", formatDecimal$1(seconds / 3600));
+			return labels.usageWindowMinutes.replace("{count}", formatDecimal$1(seconds / 60));
+		}
+		/**
+		* The windows worth drawing, or none at all.
+		*
+		* A failed window read and a workspace that configures no window mean the same
+		* thing here: there is no measurement to draw, so the caller says that in words
+		* instead of showing an empty bar.
+		*/
+		function planWindowRows(plan, labels) {
+			if (plan === void 0 || plan.error !== "") return [];
+			return plan.windows.map((window, index) => {
+				const limit = Number(window.limitCredits);
+				const left = Number(window.remainingCredits);
+				const used = Number.isFinite(limit) && Number.isFinite(left) && limit > 0 ? clampPercent(Math.round((limit - left) / limit * 1e3) / 10) : null;
+				const resetAt = window.resetsAt === null ? NaN : Date.parse(window.resetsAt);
+				return {
+					key: `${window.policyId}-${index}`,
+					name: planWindowName$1(window.durationSeconds, labels),
+					used,
+					remaining: used === null ? null : clampPercent(Math.round((100 - used) * 10) / 10),
+					resetsAt: Number.isFinite(resetAt) ? resetAt : null
+				};
+			});
+		}
 		/** ISO instant as the card's date, or the honest dash. */
 		function formatIso(value) {
 			if (value === null) return "—";
@@ -16289,15 +16355,22 @@ window.__ModuleLoader__.load({
 		/**
 		* One account's plan and credit facts.
 		*
-		* Deliberately numbers, not a percentage bar: the summary states what is left
-		* (subscription credits, top-up credits) and what was consumed, but not the
-		* grant those figures are a share of, and this card does not invent a total to
-		* divide by. A failed wallet read still shows the billing figures, because they
-		* are different surfaces of the same account.
+		* The billing summary prices what is left and what was consumed but omits the
+		* grant, so nothing on it can be drawn as "percent of the period used". The
+		* Design Plan endpoint does state a grant per window — five hours, seven days —
+		* beside what is left of it, so those windows are the only bars drawn here, each
+		* measured against its own policy. A failed window read, or a workspace with no
+		* window configured, gets one weak line instead of an empty bar, and the numeric
+		* grid still carries every figure the summary did send. A failed wallet read
+		* still shows the billing figures, because they are different surfaces of the
+		* same account.
 		*/
 		function UsageCard(props) {
 			const { entry, labels } = props;
 			const billing = entry.billing;
+			const planWindows = planWindowRows(entry.codingPlan, labels);
+			const planHasBar = planWindows.some((window) => window.used !== null);
+			const planHint = planHasBar ? null : /401|403/.test(entry.codingPlan?.error ?? "") ? labels.usageWindowsConsoleOnly : labels.usageWindowsUnavailable;
 			const credits = (creditsValue, usdValue) => ({
 				credits: formatCredits(creditsValue),
 				usd: formatUsd(usdValue)
@@ -16325,32 +16398,80 @@ window.__ModuleLoader__.load({
 							})
 						]
 					}),
-					billing !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(billing.periodStart !== null || billing.periodEnd !== null) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					billing !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+						(billing.periodStart !== null || billing.periodEnd !== null) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dshod-quota-meta",
+							children: labels.usagePeriod.replace("{start}", formatIso(billing.periodStart)).replace("{end}", formatIso(billing.periodEnd))
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dshod-quota-grid",
+							children: [
+								(() => {
+									const value = credits(billing.subscriptionCredits, billing.subscriptionCreditsUsd);
+									return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: labels.usageSubscriptionCredits.replace("{credits}", value.credits).replace("{usd}", value.usd) });
+								})(),
+								(() => {
+									const value = credits(billing.rechargeCredits, billing.rechargeCreditsUsd);
+									return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: labels.usageRechargeCredits.replace("{credits}", value.credits).replace("{usd}", value.usd) });
+								})(),
+								(() => {
+									const value = credits(billing.totalAvailableCredits, billing.totalAvailableCreditsUsd);
+									return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: labels.usageTotalCredits.replace("{credits}", value.credits).replace("{usd}", value.usd) });
+								})(),
+								billing.todayConsumedUsd !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: labels.usageTodayConsumed.replace("{amount}", billing.todayConsumedUsd) }),
+								billing.totalConsumedUsd !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: labels.usageTotalConsumed.replace("{amount}", billing.totalConsumedUsd) }),
+								billing.usageCount !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: labels.usageUsageCount.replace("{count}", String(billing.usageCount)) })
+							]
+						}),
+						planHasBar && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dshod-plan",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dshod-plan-title",
+								children: labels.usageWindowsTitle
+							}), planWindows.map((window) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dshod-plan-window",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "dshod-plan-window-head",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "dshod-plan-window-name",
+											children: window.name
+										}), window.used !== null && window.remaining !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+											className: "dshod-plan-window-figures",
+											children: [
+												labels.usageWindowUsed.replace("{used}", formatDecimal$1(window.used)),
+												" · ",
+												labels.usageWindowRemaining.replace("{remaining}", formatDecimal$1(window.remaining))
+											]
+										})]
+									}),
+									window.used !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dshod-meter-track",
+										role: "progressbar",
+										"aria-label": `${window.name} · ${labels.usageWindowUsed.replace("{used}", formatDecimal$1(window.used))}`,
+										"aria-valuemin": 0,
+										"aria-valuemax": 100,
+										"aria-valuenow": window.used,
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", {
+											className: "dshod-meter-fill",
+											style: { width: `${clampPercent(window.used)}%` }
+										})
+									}),
+									window.resetsAt !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dshod-plan-resets",
+										children: labels.usageWindowResetsAt.replace("{time}", formatAccountDate(window.resetsAt))
+									})
+								]
+							}, window.key))]
+						})
+					] }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 						className: "dshod-quota-meta",
-						children: labels.usagePeriod.replace("{start}", formatIso(billing.periodStart)).replace("{end}", formatIso(billing.periodEnd))
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "dshod-quota-grid",
 						children: [
-							(() => {
-								const value = credits(billing.subscriptionCredits, billing.subscriptionCreditsUsd);
-								return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: labels.usageSubscriptionCredits.replace("{credits}", value.credits).replace("{usd}", value.usd) });
-							})(),
-							(() => {
-								const value = credits(billing.rechargeCredits, billing.rechargeCreditsUsd);
-								return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: labels.usageRechargeCredits.replace("{credits}", value.credits).replace("{usd}", value.usd) });
-							})(),
-							(() => {
-								const value = credits(billing.totalAvailableCredits, billing.totalAvailableCreditsUsd);
-								return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: labels.usageTotalCredits.replace("{credits}", value.credits).replace("{usd}", value.usd) });
-							})(),
-							billing.todayConsumedUsd !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: labels.usageTodayConsumed.replace("{amount}", billing.todayConsumedUsd) }),
-							billing.totalConsumedUsd !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: labels.usageTotalConsumed.replace("{amount}", billing.totalConsumedUsd) }),
-							billing.usageCount !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: labels.usageUsageCount.replace("{count}", String(billing.usageCount)) })
+							entry.balanceUsd !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [labels.usageBalance.replace("{amount}", entry.balanceUsd), " · "] }),
+							labels.usageReadAt.replace("{time}", formatAccountDate(entry.fetchedAt)),
+							planHint !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [" · ", planHint] })
 						]
-					})] }),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-						className: "dshod-quota-meta",
-						children: [entry.balanceUsd !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [labels.usageBalance.replace("{amount}", entry.balanceUsd), " · "] }), labels.usageReadAt.replace("{time}", formatAccountDate(entry.fetchedAt))]
 					}),
 					!entry.ok && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						className: "dshod-warning",
@@ -17746,7 +17867,7 @@ window.__ModuleLoader__.load({
 				modelsHint: "勾选后模型才会显示在对话页的模型选择列表中；全部取消勾选或关闭上方开关可在列表中隐藏该供应商。",
 				proxySettings: "网络代理",
 				proxyMode: "代理模式",
-				proxyModeHint: "GPT 与 Antigravity（Gemini）共用此代理设置；支持自动读取系统代理，修改后对后续请求生效。",
+				proxyModeHint: "本插件的全部供应线路共用这一份代理设置，登录、令牌续期、模型目录与配额读取同样经过它；支持自动读取系统代理，修改后对后续请求生效。",
 				proxyModeAuto: "系统代理（自动检测）",
 				proxyModeCustom: "自定义代理",
 				proxyModeDirect: "直连（禁用代理）",
@@ -17757,7 +17878,7 @@ window.__ModuleLoader__.load({
 				proxyDetected: "检测到系统代理",
 				proxyDetectedEffective: "（已自动生效）",
 				proxyNoneDetected: "未检测到系统代理，将使用直连",
-				proxyDirectHint: "所有网络请求将直接连接，不经过任何代理服务器。",
+				proxyDirectHint: "本插件的全部请求将直接连接，不经过任何代理服务器。",
 				enhancements: "增强功能",
 				fastMode: "快速模式（1.5x 速度）",
 				fastModeHint: "提升 Token 生成速度至约 1.5 倍；将以约 2x–2.5x 速度消耗 Codex 订阅额度。",
@@ -17921,7 +18042,7 @@ window.__ModuleLoader__.load({
 				modelsHint: "Checked models appear in the conversation model picker; unchecking all or turning off the switch hides this provider from the picker.",
 				proxySettings: "Network Proxy",
 				proxyMode: "Proxy Mode",
-				proxyModeHint: "GPT and Antigravity (Gemini) share these proxy settings. Supports system proxy detection; changes apply to subsequent requests.",
+				proxyModeHint: "Every provider line in this plugin shares these proxy settings, including sign-in, token renewal, model catalog and quota reads. Supports system proxy detection; changes apply to subsequent requests.",
 				proxyModeAuto: "System Proxy (Auto-detect)",
 				proxyModeCustom: "Custom Proxy",
 				proxyModeDirect: "Direct (No Proxy)",
@@ -17932,7 +18053,7 @@ window.__ModuleLoader__.load({
 				proxyDetected: "Detected system proxy",
 				proxyDetectedEffective: " (active)",
 				proxyNoneDetected: "No system proxy detected; connecting directly",
-				proxyDirectHint: "All requests connect directly without using any proxy server.",
+				proxyDirectHint: "Every request from this plugin connects directly without using any proxy server.",
 				enhancements: "Enhancements",
 				fastMode: "Fast mode (1.5x speed)",
 				fastModeHint: "Generates tokens ~1.5x faster; consumes Codex subscription quota at ~2x–2.5x the normal rate.",
@@ -18111,6 +18232,11 @@ window.__ModuleLoader__.load({
 			settingsEnabledNote: "让 agent 在对话中发布进展更新",
 			settingsThresholdName: "催促阈值",
 			settingsThresholdNote: "连续这么多轮没有进展时，提醒 agent 汇报一次",
+			settingsLanguageName: "输出语言",
+			settingsLanguageNote: "进展更新的标题与正文用哪种语言写",
+			settingsLanguageAuto: "自动（跟随对话）",
+			settingsLanguageZh: "中文",
+			settingsLanguageEn: "English",
 			settingsPanelName: "进展面板",
 			settingsPanelNote: "在右侧栏查看本次会话的全部进展",
 			settingsUnavailable: "这项设置当前不可修改（宿主没有开放配置表单）",
@@ -18142,6 +18268,11 @@ window.__ModuleLoader__.load({
 			settingsEnabledNote: "Let the agent post progress updates in the conversation",
 			settingsThresholdName: "Nudge threshold",
 			settingsThresholdNote: "Remind the agent after this many rounds without an update",
+			settingsLanguageName: "Output language",
+			settingsLanguageNote: "Which language the update titles and bodies are written in",
+			settingsLanguageAuto: "Auto (follow the conversation)",
+			settingsLanguageZh: "Chinese",
+			settingsLanguageEn: "English",
 			settingsPanelName: "Progress panel",
 			settingsPanelNote: "See every update from this session in the right sidebar",
 			settingsUnavailable: "This setting cannot be changed right now (the host serves no config form)",
@@ -18745,7 +18876,7 @@ window.__ModuleLoader__.load({
 			modelsHint: "Отмеченные модели появляются в списке выбора модели на странице диалога; если снять все отметки или выключить переключатель выше, провайдер исчезнет из списка.",
 			proxySettings: "Сетевой прокси",
 			proxyMode: "Режим прокси",
-			proxyModeHint: "GPT и Antigravity (Gemini) используют эти настройки прокси вместе; поддерживается автоопределение системного прокси, изменения действуют на последующие запросы.",
+			proxyModeHint: "Все линии провайдеров этого плагина используют эти настройки прокси, включая вход, обновление токенов, каталог моделей и чтение квот; поддерживается автоопределение системного прокси, изменения действуют на последующие запросы.",
 			proxyModeAuto: "Системный прокси (автоопределение)",
 			proxyModeCustom: "Свой прокси",
 			proxyModeDirect: "Напрямую (без прокси)",
@@ -18756,7 +18887,7 @@ window.__ModuleLoader__.load({
 			proxyDetected: "Обнаружен системный прокси",
 			proxyDetectedEffective: " (уже действует)",
 			proxyNoneDetected: "Системный прокси не обнаружен, соединение напрямую",
-			proxyDirectHint: "Все запросы идут напрямую, без прокси-сервера.",
+			proxyDirectHint: "Все запросы этого плагина идут напрямую, без прокси-сервера.",
 			enhancements: "Дополнительные функции",
 			fastMode: "Быстрый режим (скорость 1.5x)",
 			fastModeHint: "Генерирует токены примерно в 1.5 раза быстрее; квота подписки Codex при этом расходуется в 2–2.5 раза быстрее.",
@@ -19363,6 +19494,15 @@ window.__ModuleLoader__.load({
 			usageTotalConsumed: "Израсходовано всего ${amount}",
 			usageUsageCount: "Платных запросов: {count}",
 			usagePlanUnknown: "Кредиты прочитаны, но сервис не указал тариф.",
+			usageWindowsTitle: "Окна лимитов Design Plan",
+			usageWindowUsed: "использовано {used}%",
+			usageWindowRemaining: "остаток {remaining}%",
+			usageWindowResetsAt: "сброс {time}",
+			usageWindowsUnavailable: "Окна лимитов не прочитаны или не настроены для этого рабочего пространства",
+			usageWindowsConsoleOnly: "Окна лимитов видны только в консоли OpenDesign: эндпоинт не принимает учётные данные плагина",
+			usageWindowDays: "дней: {count}",
+			usageWindowHours: "часов: {count}",
+			usageWindowMinutes: "минут: {count}",
 			limitKey: "API-ключи хранятся в системном хранилище учётных данных; карточка никогда не показывает сам ключ.",
 			limitGateway: "Запросы обслуживает шлюз OpenDesign, он же выбирает фактического провайдера.",
 			limitRoute: "Маршрут занимается по provider id: если opendesign уже обслуживает другой плагин, эта карточка по-прежнему настраивает линию, но запросы выполняет тот провайдер.",
@@ -19395,6 +19535,11 @@ window.__ModuleLoader__.load({
 			settingsEnabledNote: "Разрешить агенту публиковать ход работы в диалоге",
 			settingsThresholdName: "Порог напоминания",
 			settingsThresholdNote: "Напомнить агенту после стольких раундов без отчёта",
+			settingsLanguageName: "Язык вывода",
+			settingsLanguageNote: "На каком языке пишутся заголовки и тексты записей",
+			settingsLanguageAuto: "Авто (как в диалоге)",
+			settingsLanguageZh: "Китайский",
+			settingsLanguageEn: "English",
 			settingsPanelName: "Панель хода работы",
 			settingsPanelNote: "Показывать все записи этой сессии в правой панели",
 			settingsUnavailable: "Эту настройку сейчас нельзя изменить (Host не предоставляет форму настроек)",
@@ -20203,13 +20348,24 @@ window.__ModuleLoader__.load({
 				title: facts.tooltip,
 				"aria-label": facts.tooltip,
 				onClick: () => void fetchStatus(true),
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "dsha-composer-quota-label",
-					children: label
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", {
-					className: "dsha-composer-quota-val",
-					children: loading ? "…" : facts.text
-				})]
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsha-composer-quota-label",
+						children: label
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", {
+						className: "dsha-composer-quota-val",
+						children: loading ? "…" : facts.text
+					}),
+					typeof facts.percent === "number" && Number.isFinite(facts.percent) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsha-composer-quota-meter",
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", {
+							className: "dsha-composer-quota-meter-fill",
+							style: { width: `${Math.min(100, Math.max(0, facts.percent))}%` }
+						})
+					})
+				]
 			});
 		}
 		//#endregion
@@ -21734,6 +21890,12 @@ window.__ModuleLoader__.load({
 		* at all; the badge shows the primary (else first) readable account's latest
 		* balance and never triggers a read of its own — a poll must not fan out one
 		* upstream call per account. A pasted-key-only pool renders nothing.
+		*
+		* The Design Plan endpoint also states the tier's allowance windows, each with
+		* its own grant and what is left of it, so the badge shows the remaining share
+		* of the narrowest window and draws it as a thin bar. A reading without a
+		* measurable window keeps the bare balance, which is what every other line
+		* renders.
 		*/
 		function OpenDesignComposerQuota(props) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ComposerQuotaBadge, {
@@ -21745,6 +21907,49 @@ window.__ModuleLoader__.load({
 				selectFacts: selectOpenDesignFacts
 			});
 		}
+		/** A number the badge prints bare: the label around it carries the unit. */
+		function formatDecimal(value) {
+			try {
+				return new Intl.NumberFormat(void 0, { maximumFractionDigits: 1 }).format(value);
+			} catch {
+				return String(value);
+			}
+		}
+		/**
+		* A window's length in the words the service sold it in.
+		*
+		* The settings card makes the same derivation; it is repeated here because the
+		* two surfaces read different dictionaries (the section is localized, this badge
+		* is not), and one decimal is what keeps "1.5 小时" from reading as "2 小时".
+		*/
+		function planWindowName(seconds) {
+			if (seconds >= 86400 && seconds % 86400 === 0) return zh$2.usageWindowDays.replace("{count}", String(seconds / 86400));
+			if (seconds >= 3600) return zh$2.usageWindowHours.replace("{count}", formatDecimal(seconds / 3600));
+			return zh$2.usageWindowMinutes.replace("{count}", formatDecimal(seconds / 60));
+		}
+		/** What a window still has, from the grant and the remainder it states. */
+		function windowRemaining(limitCredits, remainingCredits) {
+			const limit = Number(limitCredits);
+			const left = Number(remainingCredits);
+			if (!Number.isFinite(limit) || !Number.isFinite(left) || limit <= 0) return null;
+			const used = Math.min(100, Math.max(0, Math.round((limit - left) / limit * 1e3) / 10));
+			return Math.min(100, Math.max(0, Math.round((100 - used) * 10) / 10));
+		}
+		/** Every window the badge can speak about, narrowest first. */
+		function planWindows(plan) {
+			if (plan === void 0 || plan.error !== "") return [];
+			const readings = [];
+			for (const window of plan.windows) {
+				const remaining = windowRemaining(window.limitCredits, window.remainingCredits);
+				if (remaining === null) continue;
+				readings.push({
+					seconds: window.durationSeconds,
+					name: planWindowName(window.durationSeconds),
+					remaining
+				});
+			}
+			return readings.sort((left, right) => left.seconds - right.seconds);
+		}
 		/** The line's own number picker, exported so a test can pin the rule. */
 		function selectOpenDesignFacts(status, _modelId) {
 			if (status === null || !status.authenticated || status.usage === null) return null;
@@ -21753,11 +21958,19 @@ window.__ModuleLoader__.load({
 			const primaryId = status.pool.activeAccountId ?? status.pool.accounts.find((account) => account.isPrimary)?.id;
 			const reading = readings.find((account) => account.accountId === primaryId) ?? readings[0];
 			const amount = reading.balanceUsd;
-			const zero = Number(amount) === 0;
-			return {
+			const readAt = zh$2.usageReadAt.replace("{time}", new Date(reading.fetchedAt).toLocaleTimeString());
+			const windows = planWindows(reading.codingPlan);
+			if (windows.length === 0) return {
 				text: `$${amount}`,
-				tooltip: `${reading.alias} · ${zh$2.usageReadAt.replace("{time}", new Date(reading.fetchedAt).toLocaleTimeString())}`,
-				level: zero ? "danger" : "normal"
+				tooltip: `${reading.alias} · ${readAt}`,
+				level: Number(amount) === 0 ? "danger" : "normal"
+			};
+			const narrowest = windows[0];
+			return {
+				text: zh$2.usageWindowRemaining.replace("{remaining}", formatDecimal(narrowest.remaining)),
+				tooltip: `${reading.alias} · ${windows.map((window) => `${window.name} ${zh$2.usageWindowRemaining.replace("{remaining}", formatDecimal(window.remaining))}`).join(" · ")} · ${readAt}`,
+				level: quotaLevel(narrowest.remaining),
+				percent: narrowest.remaining
 			};
 		}
 		//#endregion
@@ -21767,6 +21980,11 @@ window.__ModuleLoader__.load({
 		* controls, which the shared `.dsha-*` vocabulary has no expression for.
 		* Everything else on the tab reuses the shared card.
 		*
+		* The composer meter is the one shared-markup rule kept here: every line feeds
+		* the shared badge differently, and this line is the only one that hands it a
+		* remaining share to draw, so the rule lives beside the card that produces the
+		* figure instead of being repeated in every line's sheet.
+		*
 		* `.dshod-input` mirrors the input styling another line declares under an
 		* unprefixed name on purpose: that class is that line's own, and a prefix of
 		* ours keeps this card's look from drifting with someone else's sheet.
@@ -21796,6 +22014,17 @@ window.__ModuleLoader__.load({
 .dshod-quota-status{color:var(--dsw-alias-label-secondary);font-size:12px}
 .dshod-quota-meta{color:var(--dsw-alias-label-tertiary);font-size:12px}
 .dshod-quota-grid{color:var(--dsw-alias-label-secondary);display:grid;font-size:12px;gap:4px 16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
+.dshod-plan{display:flex;flex-direction:column;gap:6px;margin-top:2px}
+.dshod-plan-title{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:600}
+.dshod-plan-window{display:flex;flex-direction:column;gap:4px}
+.dshod-plan-window-head{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}
+.dshod-plan-window-name{color:var(--dsw-alias-label-primary);font-size:12px}
+.dshod-plan-window-figures{color:var(--dsw-alias-label-secondary);font-size:12px;font-variant-numeric:tabular-nums}
+.dshod-plan-resets{color:var(--dsw-alias-label-tertiary);font-size:11px}
+.dshod-meter-track{background:var(--dsw-alias-bg-layer-2);border:0.5px solid var(--dsw-alias-border-l2);border-radius:999px;display:block;height:6px;overflow:hidden}
+.dshod-meter-fill{background:var(--dsw-alias-brand-primary);display:block;height:100%;transition:width .2s ease}
+.dsha-composer-quota-meter{align-self:center;background:var(--dsw-alias-border-l2);border-radius:999px;display:inline-block;flex:none;height:3px;overflow:hidden;width:24px}
+.dsha-composer-quota-meter-fill{background:var(--dsw-alias-brand-primary);display:block;height:100%}
 .dshod-adv-control{width:240px;max-width:100%;flex:none}
 .dshod-adv-control.dsha-select{max-width:240px;min-width:240px;width:240px}
 .dshod-adv-mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
@@ -51334,7 +51563,35 @@ window.__ModuleLoader__.load({
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M4 6h12M4 10h8M4 14h5" })
 			});
 		}
-		/** 第三行的标记：一块右侧栏面板。 */
+		/** 第三行的标记：一个地球，对应「输出语言」。 */
+		function LanguageMark() {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+				viewBox: "0 0 20 20",
+				width: "20",
+				height: "20",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "1.6",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				"aria-hidden": "true",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+						cx: "10",
+						cy: "10",
+						r: "7"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M3 10h14" }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("ellipse", {
+						cx: "10",
+						cy: "10",
+						rx: "3.2",
+						ry: "7"
+					})
+				]
+			});
+		}
+		/** 第四行的标记：一块右侧栏面板。 */
 		function PanelMark() {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 				viewBox: "0 0 20 20",
@@ -51395,7 +51652,7 @@ window.__ModuleLoader__.load({
 			});
 		}
 		/**
-		* 进展更新的设置分区：三行卡片。
+		* 进展更新的设置分区：四行卡片。
 		* @param props - 壳的关闭回调、注入的打开动作与表单、文案座位。
 		* @returns 设置页里的这一页。
 		*/
@@ -51409,6 +51666,7 @@ window.__ModuleLoader__.load({
 			const writable = settings !== void 0 && snapshot.status === "ready" && snapshot.writable;
 			const enabled = value.progressUpdates !== false;
 			const threshold = typeof value.progressUpdatesNudgeThreshold === "number" ? value.progressUpdatesNudgeThreshold : 8;
+			const language = value.progressUpdatesLanguage === "zh" || value.progressUpdatesLanguage === "en" ? value.progressUpdatesLanguage : "auto";
 			const [draft, setDraft] = (0, react.useState)(() => String(threshold));
 			(0, react.useEffect)(() => {
 				setDraft(String(threshold));
@@ -51528,6 +51786,38 @@ window.__ModuleLoader__.load({
 								}
 							})
 						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CardRow, {
+							part: "settings-row-language",
+							brand: "#c26d2f",
+							mark: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LanguageMark, {}),
+							name: translate("settingsLanguageName"),
+							note: failure?.row === "language" ? failure.text : translate("settingsLanguageNote"),
+							danger: failure?.row === "language",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+								className: "dsh-progress-select",
+								"data-dsh-part": "settings-language",
+								"aria-label": translate("settingsLanguageName"),
+								value: language,
+								disabled: !writable,
+								onChange: (event) => {
+									write("language", "progressUpdatesLanguage", event.target.value);
+								},
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: "auto",
+										children: translate("settingsLanguageAuto")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: "zh",
+										children: translate("settingsLanguageZh")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: "en",
+										children: translate("settingsLanguageEn")
+									})
+								]
+							})
+						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(CardRow, {
 							part: "settings-row-panel",
 							brand: "#7c6aef",
@@ -52256,6 +52546,9 @@ window.__ModuleLoader__.load({
 .dsh-progress-number{background:var(--dsw-alias-bg-layer-1,#fff);border:0.5px solid var(--dsw-alias-border-l2,#e3e1d5);border-radius:8px;box-sizing:border-box;color:var(--dsw-alias-label-primary,#141413);font:inherit;font-size:13px;height:30px;padding:0 8px;text-align:center;width:64px}
 .dsh-progress-number:focus-visible{outline:2px solid var(--dsw-alias-button-info-fill,#397ee8);outline-offset:1px}
 .dsh-progress-number:disabled{cursor:default;opacity:.5}
+.dsh-progress-select{background:var(--dsw-alias-bg-layer-1,#fff);border:0.5px solid var(--dsw-alias-border-l2,#e3e1d5);border-radius:8px;box-sizing:border-box;color:var(--dsw-alias-label-primary,#141413);cursor:pointer;font:inherit;font-size:13px;height:30px;padding:0 6px}
+.dsh-progress-select:focus-visible{outline:2px solid var(--dsw-alias-button-info-fill,#397ee8);outline-offset:1px}
+.dsh-progress-select:disabled{cursor:default;opacity:.5}
 .dsh-progress-open{align-items:center;background:transparent;border:0.5px solid var(--dsw-alias-border-l2,#e3e1d5);border-radius:8px;color:var(--dsw-alias-label-primary,#141413);cursor:pointer;display:inline-flex;font:inherit;font-size:12px;gap:2px;padding:5px 8px}
 .dsh-progress-open:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(0,0,0,.04))}
 .dsh-progress-open:focus-visible{outline:2px solid var(--dsw-alias-button-info-fill,#397ee8);outline-offset:2px}