dsh-codex-subscription 1.2.2 → 1.4.0

package/lib/client.js

@@ -50,7 +50,9 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region src/settings-contract.js
 		const SETTINGS_NAMESPACE = "codex-subscription";
-		const QUICK_QUOTA_FIELD = "quickQuotaVisible";
+		const QUICK_QUOTA_MODE_FIELD = "quickQuotaMode";
+		const LEGACY_QUICK_QUOTA_FIELD = "quickQuotaVisible";
+		const QUICK_QUOTA_MODE_PERCENT = "percent";
 		const SEARCH_PROVIDER_FIELD = "searchProvider";
 		const SEARCH_PROVIDER_CODEX = "codex";
 		const SPEED_MODE_FIELD = "speedMode";
@@ -59,6 +61,11 @@ window.__ModuleLoader__.load({
 		const DEFAULT_SPEED_MODE = SPEED_MODE_STANDARD;
 		const normalizeSearchProvider = (value) => ["dsh", "codex"].includes(value) ? value : "dsh";
 		const normalizeSpeedMode = (value) => ["standard", "fast"].includes(value) ? value : DEFAULT_SPEED_MODE;
+		const normalizeQuickQuotaMode = (value, legacyVisible = false) => [
+			"off",
+			"percent",
+			"bar"
+		].includes(value) ? value : legacyVisible === true ? QUICK_QUOTA_MODE_PERCENT : "off";
 		const supportsCodexFastMode = (modelId) => typeof modelId === "string" && (/^gpt-5\.(?:5|6)(?:$|-)/u.test(modelId) || modelId === "gpt-5.4");
 		//#endregion
 		//#region src/sidebar-quota.js
@@ -176,12 +183,36 @@ window.__ModuleLoader__.load({
 			monthlyCreditLimit: "Credits 月度消费上限",
 			resetCredits: "可用额度重置次数",
 			resetCreditsValue: "{count} 次",
+			resetUse: "使用一次重置",
+			resetUnavailable: "仅当至少一个 Codex 模型额度已用尽时可使用。",
+			resetPreparing: "正在读取重置详情…",
+			resetConfirmTitle: "确认使用额度重置",
+			resetWarning: "此操作会立即消耗 1 次额度重置，且无法撤销。请确认你确实需要恢复已用尽的模型额度。",
+			resetAcknowledge: "我知道这会消耗 1 次额度重置",
+			resetTypeHint: "输入 {phrase} 以继续",
+			resetWait: "请再等待 {count} 秒",
+			resetFinal: "消耗 1 次并重置额度",
+			resetUsing: "正在重置…",
+			resetSuccess: "额度重置已完成。",
+			resetNothing: "当前没有可重置的额度，未消耗新的重置次数。",
+			resetNoCredit: "没有可用的额度重置。",
+			resetAlready: "这次重置请求已处理。",
+			resetFailed: "无法使用额度重置。",
+			resetRenewLogin: "登录状态已失效，请重新登录。",
+			resetExpired: "本次确认已失效，请重新开始。",
+			resetInProgress: "额度重置正在处理中。",
+			resetTooEarly: "请等待冷静期结束后再确认。",
+			resetPhraseMismatch: "确认短语不一致。",
+			resetNotExhausted: "当前 Codex 模型额度尚未用尽。",
+			resetAccountChanged: "登录账号已变更，请重新开始。",
 			creditsNote: "仅显示 Codex 为此账户或工作区实际返回的额外 Credits、消费上限或额度重置次数；三者不是同一项。",
 			creditsUsed: "已用 {used} / {limit} credits",
 			spendReached: "Credits 月度消费上限已用尽。",
 			unavailable: "暂无数据",
 			quickQuotaSetting: "输入框额度",
-			quickQuotaBeta: "Beta",
+			quickQuotaOff: "关闭",
+			quickQuotaPercent: "百分比",
+			quickQuotaBar: "进度条",
 			quickQuotaStatus: "Codex 剩余额度 {value}%",
 			speedTitle: "速度",
 			speedStandard: "标准",
@@ -265,12 +296,36 @@ window.__ModuleLoader__.load({
 			monthlyCreditLimit: "Monthly Credits spending cap",
 			resetCredits: "Available quota resets",
 			resetCreditsValue: "{count} available",
+			resetUse: "Use one reset",
+			resetUnavailable: "Available only when at least one Codex model quota is exhausted.",
+			resetPreparing: "Reading reset details…",
+			resetConfirmTitle: "Confirm quota reset",
+			resetWarning: "This immediately consumes one quota reset and cannot be undone. Continue only if you intend to restore an exhausted model quota.",
+			resetAcknowledge: "I understand this consumes one quota reset",
+			resetTypeHint: "Type {phrase} to continue",
+			resetWait: "Wait {count} more seconds",
+			resetFinal: "Consume one reset",
+			resetUsing: "Resetting…",
+			resetSuccess: "Quota reset completed.",
+			resetNothing: "There is currently nothing to reset; no new reset was consumed.",
+			resetNoCredit: "No quota reset is available.",
+			resetAlready: "This reset request was already processed.",
+			resetFailed: "Could not use the quota reset.",
+			resetRenewLogin: "Your sign-in expired. Sign in again.",
+			resetExpired: "This confirmation expired. Start again.",
+			resetInProgress: "A quota reset is already in progress.",
+			resetTooEarly: "Wait for the cooldown before confirming.",
+			resetPhraseMismatch: "The confirmation phrase does not match.",
+			resetNotExhausted: "The current Codex model quota is not exhausted.",
+			resetAccountChanged: "The signed-in account changed. Start again.",
 			creditsNote: "Shows only extra Credits, spending caps, or quota resets returned for this account or workspace; these are separate items.",
 			creditsUsed: "{used} / {limit} credits used",
 			spendReached: "The monthly Credits spending cap has been reached.",
 			unavailable: "No data yet",
 			quickQuotaSetting: "Composer quota",
-			quickQuotaBeta: "Beta",
+			quickQuotaOff: "Off",
+			quickQuotaPercent: "Percent",
+			quickQuotaBar: "Progress bar",
 			quickQuotaStatus: "Codex quota: {value}% remaining",
 			speedTitle: "Speed",
 			speedStandard: "Standard",
@@ -308,6 +363,7 @@ window.__ModuleLoader__.load({
 .codexSubscriptionNote{font-size:13px;line-height:20px;color:var(--dsw-alias-label-tertiary)}
 .codexSubscriptionCard{border:1px solid var(--dsw-alias-border-l2);border-radius:12px;background:var(--dsw-alias-bg-layer-1);padding:14px 16px;display:flex;flex-direction:column;gap:12px}
 .codexSubscriptionUsageCard{padding:12px 14px;gap:9px}.codexSubscriptionPreferencesCard{padding:12px 14px;gap:10px}.codexSubscriptionPreference{min-height:32px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--dsw-alias-label-primary);font-size:13px;line-height:20px}.codexSubscriptionPreferenceCopy{display:flex;min-width:0;flex-direction:column;gap:2px}.codexSubscriptionPreferenceLabel{display:flex;align-items:center;gap:6px}
+.codexSubscriptionQuotaModes{display:flex;align-items:center;gap:3px;padding:2px;border-radius:9px;background:var(--dsw-alias-bg-module-platform)}.codexSubscriptionQuotaMode{position:relative;display:flex;align-items:center;justify-content:center;min-height:26px;padding:0 9px;border-radius:7px;color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px;cursor:pointer}.codexSubscriptionQuotaMode:has(input:checked){background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);box-shadow:0 0 0 1px var(--dsw-alias-border-l3)}.codexSubscriptionQuotaMode:has(input:focus-visible){outline:2px solid var(--dsw-alias-border-l3);outline-offset:1px}.codexSubscriptionQuotaMode:has(input:disabled){cursor:not-allowed;opacity:.5}.codexSubscriptionQuotaMode input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
 .codexSubscriptionSwitch{position:relative;flex:0 0 auto;width:32px;height:18px;padding:0;border:1px solid var(--dsw-alias-border-l3);border-radius:999px;background:var(--dsw-alias-bg-module-platform);cursor:pointer}.codexSubscriptionSwitch:disabled{cursor:not-allowed;opacity:.5}.codexSubscriptionSwitch[aria-checked=true]{background:var(--dsw-alias-label-secondary);border-color:var(--dsw-alias-label-secondary)}.codexSubscriptionSwitchKnob{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--dsw-alias-bg-layer-1);transition:transform 120ms var(--ds-ease-in-out)}.codexSubscriptionSwitch[aria-checked=true] .codexSubscriptionSwitchKnob{transform:translateX(14px)}
 .codexSubscriptionSearch{display:flex;flex-direction:column;gap:7px}.codexSubscriptionSearchChoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.codexSubscriptionSearchChoice{display:grid;grid-template-columns:14px minmax(0,1fr);align-items:center;column-gap:8px;min-width:0;border:1px solid var(--dsw-alias-border-l2);border-radius:10px;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-primary);padding:9px 10px;text-align:left;cursor:pointer}.codexSubscriptionSearchChoice:has(input:disabled){cursor:not-allowed;opacity:.5}.codexSubscriptionSearchChoice:has(input:checked){border-color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2)}.codexSubscriptionSearchChoice:has(input:focus-visible){outline:2px solid var(--dsw-alias-border-l3);outline-offset:2px}.codexSubscriptionSearchInput{width:14px;height:14px;margin:0;accent-color:var(--dsw-alias-label-primary);cursor:inherit}.codexSubscriptionSearchCopy{display:block;min-width:0;pointer-events:none}.codexSubscriptionSearchCopy strong,.codexSubscriptionSearchCopy span{display:block}.codexSubscriptionSearchCopy strong{font-size:12px;line-height:18px;font-weight:500;color:var(--dsw-alias-label-secondary)}.codexSubscriptionSearchChoice:has(input:checked) strong{color:var(--dsw-alias-label-primary)}.codexSubscriptionSearchCopy span{font-size:11px;line-height:16px;color:var(--dsw-alias-label-tertiary)}.codexSubscriptionDivider{height:1px;background:var(--dsw-alias-border-l2)}
 .codexSubscriptionAccountRow,.codexSubscriptionSectionHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.codexSubscriptionStatus{display:flex;align-items:center;gap:8px;font-size:14px;line-height:22px;font-weight:500}
@@ -326,8 +382,9 @@ window.__ModuleLoader__.load({
 .codexSubscriptionLimit progress::-webkit-progress-bar{background:var(--dsw-alias-border-l3);border-radius:999px}.codexSubscriptionLimit progress::-webkit-progress-value{background:var(--dsw-alias-brand-primary,#3964fe);border-radius:999px}.codexSubscriptionLimit progress::-moz-progress-bar{background:var(--dsw-alias-brand-primary,#3964fe);border-radius:999px}.codexSubscriptionLimitMeta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:11px;line-height:17px;color:var(--dsw-alias-label-tertiary)}
 .codexSubscriptionCreditSection{display:flex;flex-direction:column;gap:7px}.codexSubscriptionCreditNote{font-size:11px;line-height:17px;color:var(--dsw-alias-label-tertiary)}.codexSubscriptionCreditRows{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.codexSubscriptionCreditBalance,.codexSubscriptionSpendLimit{min-width:0;border-radius:10px;padding:12px 14px;background:var(--dsw-alias-bg-module-platform)}
 .codexSubscriptionCreditBalance{display:flex;flex-direction:column;gap:6px}.codexSubscriptionCreditBalance span,.codexSubscriptionCreditLabel{font-size:12px;line-height:18px;color:var(--dsw-alias-label-secondary)}.codexSubscriptionCreditBalance strong{font:600 18px/24px ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
+.codexSubscriptionResetSummary{display:flex;align-items:center;justify-content:space-between;gap:10px}.codexSubscriptionResetBalance{display:flex;flex-direction:column;gap:8px}.codexSubscriptionResetBalance .codexSubscriptionActions{justify-content:flex-start}.codexSubscriptionResetFlow{display:flex;flex-direction:column;gap:9px;border:1px solid var(--dsw-alias-state-warning-border,var(--dsw-alias-border-l2));border-radius:10px;padding:11px 12px;background:var(--dsw-alias-bg-module-platform)}.codexSubscriptionResetFlow h4{margin:0;font-size:13px;line-height:20px;font-weight:600}.codexSubscriptionResetWarning{font-size:12px;line-height:18px;color:var(--dsw-alias-label-secondary)}.codexSubscriptionResetCheck{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:18px;color:var(--dsw-alias-label-primary);cursor:pointer}.codexSubscriptionResetCheck input{margin:3px 0 0;accent-color:var(--dsw-alias-label-primary)}.codexSubscriptionResetPhrase{font:600 12px/18px ui-monospace,SFMono-Regular,Consolas,monospace}.codexSubscriptionResetFinal{border-color:var(--dsw-alias-state-error-primary)!important;color:var(--dsw-alias-state-error-primary)!important}.codexSubscriptionResetResult{font-size:12px;line-height:18px;color:var(--dsw-alias-state-success-primary)}
 .codexSubscriptionSpendLimit{display:flex;flex-direction:column;gap:8px}.codexSubscriptionSpendTop{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.codexSubscriptionSpendTop strong{font:600 16px/22px ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums}.codexSubscriptionSpendLimit progress{width:100%;height:6px;border:0;border-radius:999px;overflow:hidden;background:var(--dsw-alias-border-l3);accent-color:var(--dsw-alias-brand-primary,#3964fe);-webkit-appearance:none;appearance:none}.codexSubscriptionSpendLimit progress::-webkit-progress-bar{background:var(--dsw-alias-border-l3);border-radius:999px}.codexSubscriptionSpendLimit progress::-webkit-progress-value{background:var(--dsw-alias-brand-primary,#3964fe);border-radius:999px}.codexSubscriptionSpendLimit progress::-moz-progress-bar{background:var(--dsw-alias-brand-primary,#3964fe);border-radius:999px}
-.codexComposerQuota{display:inline-flex;align-items:center;flex:0 0 auto;height:28px;box-sizing:border-box;padding:0;color:var(--dsw-alias-label-secondary);font-family:inherit;font-size:12px;line-height:20px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap;user-select:none}
+.codexComposerQuota{display:inline-flex;align-items:center;flex:0 0 auto;height:28px;box-sizing:border-box;padding:0;color:var(--dsw-alias-label-secondary);font-family:inherit;font-size:12px;line-height:20px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap;user-select:none}.codexComposerQuotaBar{display:block;width:40px;height:4px;border:0;border-radius:999px;overflow:hidden;background:var(--dsw-alias-border-l3);accent-color:var(--dsw-alias-label-secondary);-webkit-appearance:none;appearance:none}.codexComposerQuotaBar::-webkit-progress-bar{background:var(--dsw-alias-border-l3);border-radius:999px}.codexComposerQuotaBar::-webkit-progress-value{background:var(--dsw-alias-label-secondary);border-radius:999px}.codexComposerQuotaBar::-moz-progress-bar{background:var(--dsw-alias-label-secondary);border-radius:999px}
 .codexModelSelect{position:relative;min-width:0}.codexModelSelectTrigger{display:flex;align-items:center;gap:4px;min-width:0;max-width:min(360px,45cqw);height:28px;padding:0 4px 0 8px;border:0;border-radius:24px;outline:0;background:transparent;color:var(--dsw-alias-label-secondary);font-size:13px;font-weight:500;line-height:20px;cursor:pointer}.codexModelSelectTrigger:hover:not(:disabled),.codexModelSelectTrigger[aria-expanded=true]{background:var(--dsw-alias-interactive-bg-hover)}.codexModelSelectTrigger:focus-visible{box-shadow:0 0 0 2px var(--dsw-alias-border-l3)}.codexModelSelectTrigger:disabled{color:var(--dsw-alias-label-dimmed);cursor:default}.codexModelSelectBolt{display:block;flex:none;width:14px;height:14px;color:var(--dsw-alias-label-primary)}.codexModelSelectLabel{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.codexModelSelectEffort{flex:none;color:var(--dsw-alias-label-caption)}.codexModelSelectChevron{flex:none;color:var(--dsw-alias-label-caption);transition:transform 120ms}.codexModelSelectTrigger[aria-expanded=true] .codexModelSelectChevron{transform:rotate(180deg)}
 .codexModelSelectMenu,.codexModelSelectSubmenu{position:absolute;z-index:30;box-sizing:border-box;width:max-content;min-width:min(240px,calc(100vw - 32px));max-width:min(420px,calc(100vw - 32px));max-height:min(360px,calc(100vh - 96px));padding:4px;border:1px solid var(--dsw-alias-border-inverted);border-radius:12px;background:var(--dsw-specific-menu);box-shadow:var(--dsw-shadow-lv3);color:var(--dsw-alias-label-primary);overflow:hidden}.codexModelSelectMenu{right:0;bottom:calc(100% + 8px)}.codexModelSelectSubmenu{right:calc(100% + 8px);bottom:0;min-width:min(230px,calc(100vw - 32px))}.codexModelSelectCell{display:flex;align-items:center;gap:8px;width:100%;min-width:100%;height:40px;box-sizing:border-box;padding:0 10px;border:0;border-radius:10px;background:transparent;color:inherit;font-size:14px;line-height:22px;text-align:left;cursor:pointer}.codexModelSelectCell:hover,.codexModelSelectCell:focus-visible,.codexModelSelectCell[data-open=true]{background:var(--dsw-alias-interactive-bg-hover);outline:0}.codexModelSelectCell:disabled{color:var(--dsw-alias-label-dimmed);cursor:default}.codexModelSelectCellLabel{flex:none;white-space:nowrap}.codexModelSelectCellValue{flex:auto;min-width:0;overflow:hidden;color:var(--dsw-alias-label-tertiary);text-align:right;text-overflow:ellipsis;white-space:nowrap}.codexModelSelectCellChevron{flex:none;color:var(--dsw-alias-label-tertiary)}.codexModelSelectGroups{min-height:0;max-height:352px;overflow-y:auto}.codexModelSelectGroup+.codexModelSelectGroup{margin-top:4px}.codexModelSelectGroupTitle{position:sticky;top:0;z-index:1;padding:5px 8px 3px;background:var(--dsw-specific-menu);color:var(--dsw-alias-label-tertiary);font-size:12px;font-weight:500;line-height:18px}.codexModelSelectOption{display:flex;align-items:center;gap:8px;width:100%;min-width:100%;min-height:38px;box-sizing:border-box;padding:6px 8px;border:0;border-radius:10px;outline:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.codexModelSelectOption:hover:not(:disabled),.codexModelSelectOption:focus-visible{background:var(--dsw-alias-interactive-bg-hover)}.codexModelSelectOption:disabled{color:var(--dsw-alias-label-dimmed);cursor:default}.codexModelSelectOptionCopy{display:flex;flex:1;min-width:0;flex-direction:column}.codexModelSelectOptionName{overflow:hidden;color:inherit;font-size:14px;font-weight:500;line-height:20px;text-overflow:ellipsis;white-space:nowrap}.codexModelSelectOptionDescription{overflow:hidden;color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px;text-overflow:ellipsis;white-space:nowrap}.codexModelSelectCheck{display:grid;place-items:center;flex:0 0 18px;color:var(--dsw-alias-label-primary)}.codexModelSelectStatus,.codexModelSelectEmpty{padding:10px;color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:20px}.codexModelSelectError,.codexModelSelectWarning{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:4px;padding:7px 8px;border-radius:8px;background:var(--dsw-alias-interactive-bg-hover-danger);color:var(--dsw-alias-state-error-primary);font-size:12px;line-height:18px}.codexModelSelectWarning{background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-state-warn-label)}.codexModelSelectRetry{flex:none;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:600;cursor:pointer}
 .codexModelSelectMenu{overflow:visible}
@@ -494,7 +551,7 @@ window.__ModuleLoader__.load({
 				const current = native.status === "ready" ? native : fallbackStatus === "ready" ? fallback : native;
 				return Object.freeze({
 					status: updating ? "updating" : current.status,
-					visible: current.value?.[QUICK_QUOTA_FIELD] === true,
+					quickQuotaMode: normalizeQuickQuotaMode(current.value?.[QUICK_QUOTA_MODE_FIELD], current.value?.[LEGACY_QUICK_QUOTA_FIELD]),
 					searchProvider: normalizeSearchProvider(current.value?.[SEARCH_PROVIDER_FIELD]),
 					speedMode: normalizeSpeedMode(current.value?.[SPEED_MODE_FIELD]),
 					writable: !updating && current.status === "ready" && current.writable === true,
@@ -517,7 +574,7 @@ window.__ModuleLoader__.load({
 				fallback = {
 					status: "ready",
 					value: {
-						[QUICK_QUOTA_FIELD]: value?.[QUICK_QUOTA_FIELD] === true,
+						[QUICK_QUOTA_MODE_FIELD]: normalizeQuickQuotaMode(value?.[QUICK_QUOTA_MODE_FIELD], value?.[LEGACY_QUICK_QUOTA_FIELD]),
 						[SEARCH_PROVIDER_FIELD]: normalizeSearchProvider(value?.[SEARCH_PROVIDER_FIELD]),
 						[SPEED_MODE_FIELD]: normalizeSpeedMode(value?.[SPEED_MODE_FIELD])
 					},
@@ -638,33 +695,36 @@ window.__ModuleLoader__.load({
 		}
 		function QuickQuotaPreference({ preference, t }) {
 			const snapshot = usePreferenceSnapshot(preference);
-			const visible = snapshot.visible;
 			const writable = snapshot.status === "ready" && snapshot.writable === true;
+			const choice = (value, label) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+				className: "codexSubscriptionQuotaMode",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+					type: "radio",
+					name: "codex-subscription-quota-mode",
+					checked: snapshot.quickQuotaMode === value,
+					disabled: !writable,
+					onChange: () => {
+						preference.set({ [QUICK_QUOTA_MODE_FIELD]: value });
+					}
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label })]
+			});
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "codexSubscriptionPreference",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "codexSubscriptionPreferenceCopy",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: "codexSubscriptionPreferenceLabel",
-						children: [t("quickQuotaSetting"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "codexSubscriptionTag",
-							children: t("quickQuotaBeta")
-						})]
+						children: t("quickQuotaSetting")
 					})
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-					className: "codexSubscriptionSwitch",
-					type: "button",
-					role: "switch",
-					"aria-checked": visible,
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "codexSubscriptionQuotaModes",
+					role: "radiogroup",
 					"aria-label": t("quickQuotaSetting"),
-					disabled: !writable,
-					onClick: () => {
-						preference.set({ [QUICK_QUOTA_FIELD]: !visible });
-					},
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "codexSubscriptionSwitchKnob",
-						"aria-hidden": "true"
-					})
+					children: [
+						choice("off", t("quickQuotaOff")),
+						choice(QUICK_QUOTA_MODE_PERCENT, t("quickQuotaPercent")),
+						choice("bar", t("quickQuotaBar"))
+					]
 				})]
 			});
 		}
@@ -733,17 +793,23 @@ window.__ModuleLoader__.load({
 			const preferenceSnapshot = usePreferenceSnapshot(preference);
 			const current = (0, react.useSyncExternalStore)((listener) => directory.subscribe(listener), () => directory.getSnapshot()).current;
 			const codex = current?.provider === "openai-codex";
-			const quotaEnabled = preferenceSnapshot.status === "ready" && preferenceSnapshot.visible && codex;
+			const quotaEnabled = preferenceSnapshot.status === "ready" && preferenceSnapshot.quickQuotaMode !== "off" && codex;
 			const quota = useQuickQuota(rpc, quotaEnabled, current?.model);
 			if (!quotaEnabled || quota === void 0) return null;
-			const value = percent(quota.remainingPercent);
-			const label = fill(t("quickQuotaStatus"), { value });
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+			const value = Math.round(Number(quota.remainingPercent) * 10) / 10;
+			const display = percent(value);
+			const label = fill(t("quickQuotaStatus"), { value: display });
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 				className: "codexComposerQuota",
 				role: "status",
 				"aria-label": label,
 				title: label,
-				children: [value, "%"]
+				children: preferenceSnapshot.quickQuotaMode === "bar" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("progress", {
+					className: "codexComposerQuotaBar",
+					max: 100,
+					value,
+					"aria-hidden": "true"
+				}) : `${display}%`
 			});
 		}
 		function CodexModelSelect({ locked, available, directory, load, select, preference, t }) {
@@ -1283,6 +1349,171 @@ window.__ModuleLoader__.load({
 				children: fill(t("resets"), { value })
 			});
 		}
+		function ResetCreditControl({ rpc, t, count, exhausted, onConsumed }) {
+			const [challenge, setChallenge] = (0, react.useState)();
+			const [resetBusy, setResetBusy] = (0, react.useState)(false);
+			const [resetAcknowledged, setResetAcknowledged] = (0, react.useState)(false);
+			const [resetPhrase, setResetPhrase] = (0, react.useState)("");
+			const [resetCountdown, setResetCountdown] = (0, react.useState)(0);
+			const [resetError, setResetError] = (0, react.useState)();
+			const [resetResult, setResetResult] = (0, react.useState)();
+			(0, react.useEffect)(() => {
+				if (challenge === void 0) {
+					setResetCountdown(0);
+					return;
+				}
+				const update = () => setResetCountdown(Math.max(0, Math.ceil((challenge.readyAt - Date.now()) / 1e3)));
+				update();
+				const timer = window.setInterval(update, 250);
+				return () => window.clearInterval(timer);
+			}, [challenge]);
+			const prepareReset = () => {
+				if (resetBusy || !exhausted) return;
+				setResetBusy(true);
+				setResetError(void 0);
+				setResetResult(void 0);
+				rpc.call(CHANNEL, "reset-credit/prepare", {}).then(unwrap).then((next) => {
+					setChallenge(next);
+					setResetAcknowledged(false);
+					setResetPhrase("");
+				}).catch((error) => setResetError(resetCreditErrorText(error, t))).finally(() => setResetBusy(false));
+			};
+			const cancelReset = () => {
+				if (resetBusy) return;
+				setChallenge(void 0);
+				setResetAcknowledged(false);
+				setResetPhrase("");
+				setResetError(void 0);
+			};
+			const resetReady = challenge !== void 0 && resetAcknowledged && resetPhrase === challenge.confirmPhrase && resetCountdown === 0;
+			const consumeReset = () => {
+				if (resetBusy) return;
+				if (!resetReady) return;
+				setResetBusy(true);
+				setResetError(void 0);
+				setResetResult(void 0);
+				rpc.call(CHANNEL, "reset-credit/consume", {
+					challengeId: challenge.challengeId,
+					phrase: resetPhrase
+				}).then(unwrap).then((result) => {
+					setChallenge(void 0);
+					setResetAcknowledged(false);
+					setResetPhrase("");
+					const message = result.code === "reset" ? t("resetSuccess") : result.code === "nothing_to_reset" ? t("resetNothing") : result.code === "no_credit" ? t("resetNoCredit") : t("resetAlready");
+					setResetResult(message);
+					onConsumed();
+				}).catch((error) => setResetError(resetCreditErrorText(error, t))).finally(() => setResetBusy(false));
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "codexSubscriptionResetBalance",
+				children: [
+					challenge === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "codexSubscriptionResetSummary",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: fill(t("resetCreditsValue"), { count }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "codexSubscriptionActions",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								type: "button",
+								variant: "outline",
+								disabled: !exhausted || resetBusy,
+								"aria-busy": resetBusy,
+								title: !exhausted ? t("resetUnavailable") : void 0,
+								onClick: prepareReset,
+								children: resetBusy ? t("resetPreparing") : t("resetUse")
+							})
+						})]
+					}) }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "codexSubscriptionResetFlow",
+						role: "group",
+						"aria-labelledby": "codex-reset-confirm-title",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", {
+								id: "codex-reset-confirm-title",
+								children: challenge.title ?? t("resetConfirmTitle")
+							}),
+							challenge.description ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "codexSubscriptionResetWarning",
+								children: challenge.description
+							}) : null,
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "codexSubscriptionResetWarning",
+								children: t("resetWarning")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+								className: "codexSubscriptionResetCheck",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									type: "checkbox",
+									checked: resetAcknowledged,
+									disabled: resetBusy,
+									onChange: (event) => setResetAcknowledged(event.target.checked)
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("resetAcknowledge") })]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+								className: "codexSubscriptionPreferenceCopy",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "codexSubscriptionCreditLabel",
+									children: fill(t("resetTypeHint"), { phrase: challenge.confirmPhrase })
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+									className: "codexSubscriptionInput codexSubscriptionResetPhrase",
+									value: resetPhrase,
+									disabled: resetBusy,
+									autoComplete: "off",
+									spellCheck: false,
+									onChange: (event) => setResetPhrase(event.target.value)
+								})]
+							}),
+							resetCountdown > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "codexSubscriptionCreditNote",
+								role: "status",
+								children: fill(t("resetWait"), { count: resetCountdown })
+							}) : null,
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "codexSubscriptionActions",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+									type: "button",
+									variant: "outline",
+									disabled: resetBusy,
+									onClick: cancelReset,
+									children: t("cancel")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+									className: "codexSubscriptionResetFinal",
+									type: "button",
+									variant: "outline",
+									disabled: !resetReady || resetBusy,
+									"aria-busy": resetBusy,
+									onClick: consumeReset,
+									children: resetBusy ? t("resetUsing") : t("resetFinal")
+								})]
+							})
+						]
+					}),
+					resetResult ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "codexSubscriptionResetResult",
+						role: "status",
+						children: resetResult
+					}) : null,
+					resetError ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "codexSubscriptionError",
+						role: "alert",
+						children: resetError || t("resetFailed")
+					}) : null
+				]
+			});
+		}
+		function resetCreditErrorText(error, t) {
+			return t((/* @__PURE__ */ new Map([
+				["ChatGPT subscription is not signed in", "resetRenewLogin"],
+				["ChatGPT sign-in needs to be renewed", "resetRenewLogin"],
+				["No quota reset is available", "resetNoCredit"],
+				["No usable quota reset is available", "resetNoCredit"],
+				["The available quota reset expires too soon", "resetExpired"],
+				["This quota reset confirmation is no longer valid", "resetExpired"],
+				["This quota reset is already in progress", "resetInProgress"],
+				["Wait before confirming this quota reset", "resetTooEarly"],
+				["The quota reset confirmation phrase does not match", "resetPhraseMismatch"],
+				["The current Codex quota is not exhausted", "resetNotExhausted"],
+				["The signed-in ChatGPT account changed", "resetAccountChanged"]
+			])).get(error instanceof Error ? error.message : "") ?? "resetFailed");
+		}
 		function UsageCard({ rpc, t, signedIn, resetKey }) {
 			const [usage, setUsage] = (0, react.useState)();
 			const [busy, setBusy] = (0, react.useState)(false);
@@ -1318,6 +1549,7 @@ window.__ModuleLoader__.load({
 			}, [signedIn, resetKey]);
 			const visibleUsage = signedIn ? usage : void 0;
 			const limits = visibleUsage?.rateLimits ?? [];
+			const exhausted = limits.some((limit) => limit.id !== "code_review" && limit.windows.some((window) => window.usedPercent >= 100));
 			const hasUsageDetails = limits.length > 0 || visibleUsage?.credits !== void 0 || visibleUsage?.individualLimit !== void 0 || visibleUsage?.resetCredits?.availableCount > 0;
 			const fetchedAt = typeof visibleUsage?.fetchedAt === "number" ? validDate(visibleUsage.fetchedAt) : void 0;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -1412,7 +1644,13 @@ window.__ModuleLoader__.load({
 								}) : null,
 								visibleUsage?.resetCredits?.availableCount > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									className: "codexSubscriptionCreditBalance",
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("resetCredits") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: fill(t("resetCreditsValue"), { count: visibleUsage.resetCredits.availableCount }) })]
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("resetCredits") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ResetCreditControl, {
+										rpc,
+										t,
+										count: visibleUsage.resetCredits.availableCount,
+										exhausted,
+										onConsumed: () => load(true)
+									})]
 								}) : null,
 								visibleUsage?.individualLimit ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									className: "codexSubscriptionSpendLimit",