dsh-codex-subscription 1.3.0 → 1.4.0

package/AGENTS.md

@@ -6,7 +6,7 @@ Use this guide when a user asks an Agent to install, update, verify, or remove
 ## Safety
 
 - Confirm the target DSH installation and profile. Use `web` only when it is the user's target.
-- Use the exact `1.3.0` package below; do not install a moving branch.
+- Use the exact `1.4.0` package below; do not install a moving branch.
 - Never print OAuth credentials, account IDs, authorization callbacks, or credential-store contents.
 - Preserve the DSH profile, unrelated plugins, sessions, and saved sign-in.
 - Do not start, stop, or restart DSH without explicit permission.
@@ -38,19 +38,19 @@ For an official DSH installation run through npm, keep the complete `npx` prefix
 run command does not create a global `dsh` command:
 
 ```sh
-npx -y @deepseek-ai/dsh@0.1.1-rc.2 plugin --profile web add dsh-codex-subscription@1.3.0
+npx -y @deepseek-ai/dsh@0.1.1-rc.2 plugin --profile web add dsh-codex-subscription@1.4.0
 ```
 
 With an existing global `dsh` command:
 
 ```sh
-dsh plugin --profile web add dsh-codex-subscription@1.3.0
+dsh plugin --profile web add dsh-codex-subscription@1.4.0
 ```
 
 From a DSH-Portable folder:
 
 ```powershell
-.\dsh.exe plugin --profile web add dsh-codex-subscription@1.3.0
+.\dsh.exe plugin --profile web add dsh-codex-subscription@1.4.0
 ```
 
 Use the same `add` command to update or repair. This is the complete package-changing operation.
@@ -70,7 +70,7 @@ For DSH-Portable, replace `dsh` with `.\dsh.exe`. Static acceptance requires:
 
 For the official npm route, run the same checks with `npx -y @deepseek-ai/dsh@0.1.1-rc.2` in place of `dsh`.
 
-1. `dsh-codex-subscription` version `1.3.0` appears exactly once.
+1. `dsh-codex-subscription` version `1.4.0` appears exactly once.
 2. `codex-subscription` appears exactly once in the composed config.
 3. No unrelated plugin or profile was changed and DSH was not restarted.
 

package/README.md

@@ -46,6 +46,7 @@ From a DSH-Portable product folder, run `./dsh plugin ...` (`.\dsh.exe plugin ..
 | **Subscription models** | Sign in to ChatGPT and use Codex without an OpenAI API key or Codex CLI |
 | **Recoverable and diagnosable** | Sign-in state reconciles automatically; Settings can create a support report without credentials or account identifiers |
 | **Visible quota** | Keep backend-provided standard Codex, Spark, and other limits separate |
+| **Composer quota** | Choose a compact percentage, progress bar, or no inline quota display |
 | **Safe quota reset** | Use a reset only for an exhausted Codex quota, with a cooldown, checkbox, and typed confirmation |
 | **Subscription search** | Explicitly choose DSH default search or Codex subscription search |
 | **Codex image generation** | Describe an image in a DSH conversation and view the generated result in that session |
@@ -144,7 +145,7 @@ Restart DSH manually after installation, then:
 - Actual backend-provided quota, reset time, and freshness;
 - Separate standard Codex, Codex-Spark, Credits, and other independent limits;
 - Deliberate quota-reset redemption for exhausted Codex limits, with layered confirmation and no automatic retry;
-- Optional composer quota for the selected Codex model (Beta, off by default);
+- Optional percentage or progress bar for the selected Codex model (off by default);
 - Standard or Fast mode for supported Codex models directly in the composer (Beta);
 - A copyable support report in Settings that excludes OAuth credentials, account identifiers, and authorization timestamps;
 - Visible errors when subscription routing is unavailable, with no silent paid fallback.
@@ -155,8 +156,8 @@ Restart DSH manually after installation, then:
   <img src="https://raw.githubusercontent.com/WSL043/dsh-codex-subscription/main/docs/assets/composer-quota-en.png" width="800" alt="Codex quota inside the composer">
 </p>
 
-The compact percentage appears only for a selected Codex model. Standard Codex uses the lowest remaining
-window returned by the service; Spark uses its independent quota. The plugin does not hard-code a
+Choose Off, Percent, or Progress bar in Settings. The compact display appears only for a selected Codex model.
+Standard Codex uses the lowest remaining window returned by the service; Spark uses its independent quota. The plugin does not hard-code a
 “5-hour + weekly” layout or invent Credits and spending caps that the service did not return.
 
 ### Safe quota reset

package/README.zh-CN.md

@@ -47,6 +47,7 @@ DSH-Portable 用户在产品目录中运行 `./dsh plugin ...`，Windows PowerSh
 | **订阅模型直连** | 登录 ChatGPT 后直接使用 Codex，不需要 OpenAI API Key 或 Codex CLI |
 | **可恢复、可诊断** | 登录状态会自动对账；设置页可生成不含凭据和账号标识的支持报告 |
 | **额度可见** | 普通 Codex、Spark 等服务端实际返回的额度分开显示 |
+| **输入框额度** | 可选择紧凑百分比、进度条或完全关闭输入框额度显示 |
 | **安全额度重置** | 仅在 Codex 额度用尽后使用重置，并经过冷静期、勾选和输入确认 |
 | **订阅搜索** | 可在 DSH 默认搜索与 Codex 订阅搜索之间明确切换 |
 | **Codex 图片生成** | 在 DSH 对话里直接描述画面，生成结果会显示在当前会话中 |
@@ -144,7 +145,7 @@ DSH-Portable 请把 `dsh` 换成 `./dsh`（PowerShell 使用 `.\dsh.exe`）。
 - 设置页显示服务端返回的额度、重置时间和更新时间；
 - 普通 Codex、Codex-Spark、Credits 等独立额度分开显示；
 - 已用尽的 Codex 额度可主动使用重置卡，并经过分层确认且不会自动重试；
-- 输入框可显示当前 Codex 模型的剩余额度（Beta，默认关闭）；
+- 输入框可用百分比或进度条显示当前 Codex 模型的剩余额度（默认关闭）；
 - 输入框可为支持的 Codex 模型切换标准或高速模式（Beta）；
 - 设置页可生成并复制无敏感信息的支持诊断，报告不包含 OAuth 凭据、账号标识或授权时间；
 - 订阅路由不可用时明确报错，不会静默切换到其他付费路由。
@@ -155,7 +156,7 @@ DSH-Portable 请把 `dsh` 换成 `./dsh`（PowerShell 使用 `.\dsh.exe`）。
   <img src="https://raw.githubusercontent.com/WSL043/dsh-codex-subscription/main/docs/assets/composer-quota-en.png" width="800" alt="输入框内的 Codex 剩余额度">
 </p>
 
-快捷百分比只在选择 Codex 模型时显示。普通 Codex 使用服务端返回窗口中剩余最少的一项，
+可在设置中选择关闭、百分比或进度条；紧凑额度只在选择 Codex 模型时显示。普通 Codex 使用服务端返回窗口中剩余最少的一项，
 Spark 使用独立额度。插件不会写死“5 小时 + 每周”，也不会虚构服务端没有返回的 Credits 或消费上限。
 
 ### 安全使用额度重置

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
@@ -203,7 +210,9 @@ window.__ModuleLoader__.load({
 			spendReached: "Credits 月度消费上限已用尽。",
 			unavailable: "暂无数据",
 			quickQuotaSetting: "输入框额度",
-			quickQuotaBeta: "Beta",
+			quickQuotaOff: "关闭",
+			quickQuotaPercent: "百分比",
+			quickQuotaBar: "进度条",
 			quickQuotaStatus: "Codex 剩余额度 {value}%",
 			speedTitle: "速度",
 			speedStandard: "标准",
@@ -314,7 +323,9 @@ window.__ModuleLoader__.load({
 			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",
@@ -352,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}
@@ -372,7 +384,7 @@ window.__ModuleLoader__.load({
 .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}
@@ -539,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,
@@ -562,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])
 					},
@@ -683,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"))
+					]
 				})]
 			});
 		}
@@ -778,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 }) {

package/lib/index.js

@@ -431,13 +431,20 @@ function createCodexRpcHandler(coordinator, options = {}) {
 //#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";
 const SPEED_MODE_STANDARD = "standard";
 const SPEED_MODE_FAST = "fast";
 const DEFAULT_SPEED_MODE = SPEED_MODE_STANDARD;
+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/pi-ai-runtime.js
@@ -496,7 +503,7 @@ function openaiCodexSubscriptionProvider({ resolveSpeedMode = () => void 0 } = {
 }
 //#endregion
 //#region src/version.js
-const PACKAGE_VERSION = "1.3.0";
+const PACKAGE_VERSION = "1.4.0";
 const USER_AGENT = `dsh-codex-subscription/${PACKAGE_VERSION}`;
 //#endregion
 //#region src/codex-search.js
@@ -1261,9 +1268,13 @@ function createSubscriptionRpcHandler({ authHandler, usageReader, resetCreditSer
 			signal.throwIfAborted();
 			if (endpoint === "preferences/update") {
 				const patch = {};
-				if (Object.hasOwn(payload ?? {}, "quickQuotaVisible")) {
-					if (typeof payload["quickQuotaVisible"] !== "boolean") return publicError("internal", "Invalid quick quota preference");
-					patch[QUICK_QUOTA_FIELD] = payload[QUICK_QUOTA_FIELD];
+				if (Object.hasOwn(payload ?? {}, "quickQuotaMode")) {
+					if (![
+						"off",
+						"percent",
+						"bar"
+					].includes(payload["quickQuotaMode"])) return publicError("internal", "Invalid quick quota preference");
+					patch[QUICK_QUOTA_MODE_FIELD] = payload[QUICK_QUOTA_MODE_FIELD];
 				}
 				if (Object.hasOwn(payload ?? {}, "searchProvider")) {
 					if (!["dsh", "codex"].includes(payload["searchProvider"])) return publicError("internal", "Invalid search provider preference");
@@ -1355,14 +1366,19 @@ function createSearchProviderSwitcher(loader) {
 }
 function apply(ctx) {
 	const settings = ctx.settings.register(settingsNamespace(SETTINGS_NAMESPACE), z.object({
-		[QUICK_QUOTA_FIELD]: z.boolean().default(false),
+		[QUICK_QUOTA_MODE_FIELD]: z.union([
+			"off",
+			QUICK_QUOTA_MODE_PERCENT,
+			"bar"
+		]),
+		[LEGACY_QUICK_QUOTA_FIELD]: z.boolean(),
 		[SEARCH_PROVIDER_FIELD]: z.union(["dsh", SEARCH_PROVIDER_CODEX]).default("dsh"),
 		[SPEED_MODE_FIELD]: z.union([SPEED_MODE_STANDARD, SPEED_MODE_FAST]).default(DEFAULT_SPEED_MODE)
 	}));
 	const searchProvider = createSearchProviderSwitcher(ctx.loader);
 	const preferences = {
 		status: () => ({
-			[QUICK_QUOTA_FIELD]: settings.get()[QUICK_QUOTA_FIELD],
+			[QUICK_QUOTA_MODE_FIELD]: normalizeQuickQuotaMode(settings.get()[QUICK_QUOTA_MODE_FIELD], settings.get()[LEGACY_QUICK_QUOTA_FIELD]),
 			[SEARCH_PROVIDER_FIELD]: settings.get()[SEARCH_PROVIDER_FIELD],
 			[SPEED_MODE_FIELD]: settings.get()[SPEED_MODE_FIELD],
 			writable: ctx.settings.writable

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-codex-subscription",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "Use ChatGPT and Codex subscriptions in DeepSeek Harness with OAuth, quota, safe resets, web search, images, and Fast mode",
   "type": "module",
   "main": "./lib/index.js",