dsh-codex-subscription 3.0.0-beta.3 → 3.0.0-beta.5

package/lib/client.js

@@ -1075,6 +1075,8 @@ window.__ModuleLoader__.load({
 			"account/select",
 			"account/remove",
 			"usage",
+			"usage/history",
+			"usage/profile",
 			"diagnostics",
 			"preferences/status",
 			"preferences/models",
@@ -1091,6 +1093,8 @@ window.__ModuleLoader__.load({
 			"remote/enable",
 			"remote/disable",
 			"remote/pair",
+			"remote/clients",
+			"remote/revoke",
 			"reset-credit/inspect",
 			"reset-credit/prepare",
 			"reset-credit/consume",
@@ -5676,6 +5680,24 @@ window.__ModuleLoader__.load({
 			inputImageDetail_low: "低",
 			inputImageDetail_high: "高",
 			inputImageDetail_original: "原图",
+			connectors: "ChatGPT 连接器",
+			connectorsHint: "让 DSH 里的任何模型使用你在 ChatGPT 网页里已连接的应用（GitHub、Gmail、Google 云端硬盘、日历等）。只读：模型只能读取；允许写入：发邮件、改文件等写操作每次都要你批准。应用返回的内容来自第三方，模型不会照其中的指令行事。需先在 ChatGPT 里连接应用。",
+			connectors_off: "关闭",
+			connectors_read: "只读",
+			connectors_ask: "允许写入（每次审批）",
+			reasoningSummary: "推理摘要",
+			reasoningSummaryHint: "让模型在会话的“思考”部分给出推理摘要。自动由模型决定；简洁更短；详细更完整；关闭则不要摘要。",
+			retryPolicy: "请求重试",
+			retryPolicyHint: "请求因网络或服务端错误失败时的自动重试次数。默认沿用 DSH 的标准重试；无限会一直重试直到成功或手动停止。",
+			retryPolicy_default: "默认",
+			retryPolicy_off: "不重试",
+			retryPolicy_10: "10 次",
+			retryPolicy_20: "20 次",
+			retryPolicy_unlimited: "无限",
+			reasoningSummary_auto: "自动",
+			reasoningSummary_concise: "简洁",
+			reasoningSummary_detailed: "详细",
+			reasoningSummary_none: "关闭",
 			subagentBackendTitle: "独立子任务",
 			subagentBackend_dsh: "DSH",
 			subagentBackend_codex: "Codex",
@@ -5688,6 +5710,11 @@ window.__ModuleLoader__.load({
 			remoteConnecting: "正在连接",
 			remoteError: "连接失败，会自动重试",
 			remoteStopped: "已停止",
+			remotePaired: "已配对的手机",
+			remoteNoPhones: "还没有手机配对。",
+			remoteRevoke: "移除",
+			remoteLastSeen: "最近 {date}",
+			remotePhoneUnknown: "未命名手机",
 			remotePhones: "{count} 个手机连接",
 			remotePair: "显示配对码",
 			remotePairAgain: "重新生成配对码",
@@ -5697,7 +5724,7 @@ window.__ModuleLoader__.load({
 			remoteQrLabel: "配对二维码",
 			remoteExpires: "约 {minutes} 分钟内有效",
 			remoteExpired: "配对码已过期，请重新生成。",
-			remoteLimits: "手机上可以查看和继续 DSH 里的对话、新建对话、切换模型、选择权限并审批。手机暂不能直接在电脑上执行命令。",
+			remoteLimits: "手机上可以查看和继续 DSH 里的对话、新建对话、发图片、切换模型、选择权限并审批，也能查看改动。手机不能在电脑上执行其他命令。",
 			reviewModelTitle: "Auto review 审查模型",
 			reviewModel_session: "当前模型",
 			reviewModel_official: "Codex 官方审查模型",
@@ -5965,6 +5992,10 @@ window.__ModuleLoader__.load({
 			deviceHint: "在登录页输入此设备代码：",
 			waiting: "正在等待登录完成…",
 			failed: "登录失败，请重试。",
+			failed_account_claim: "登录已授权，但这个账号的令牌里没有 ChatGPT 账号 ID（常见于只用手机号注册的账号）。请改用邮箱账号登录，或先在 ChatGPT 里为账号绑定邮箱后重试。",
+			failed_network: "登录时网络连接失败。请检查网络或代理后重试。",
+			failed_token_exchange: "授权已完成，但换取令牌失败。请重试；反复出现时请检查网络或代理。",
+			failed_callback: "没有收到浏览器的授权回调。请重试，或改用设备码登录。",
 			accountRetry: "重试",
 			accountRetrying: "正在重试账户状态…",
 			accountCredentialUnavailable: "登录凭据暂时不可用。请重试；不会删除已保存的登录信息。",
@@ -5997,6 +6028,45 @@ window.__ModuleLoader__.load({
 			refresh: "刷新",
 			refreshing: "刷新中…",
 			noUsage: "登录后可读取 ChatGPT 返回的额度窗口。",
+			overviewTitle: "使用概览",
+			overviewLoading: "正在读取使用统计…",
+			overviewUnavailable: "当前账户没有提供使用统计。",
+			overviewHeatmap: "最近半年每天的 token 用量",
+			overviewNoUse: "没有使用",
+			overviewTokens: "{value} token",
+			overviewDays: "{value} 天",
+			overviewLifetime: "累计 token",
+			overviewPeak: "单日最高",
+			overviewStreak: "连续使用",
+			overviewLongestStreak: "最长连续",
+			overviewThreads: "会话总数",
+			overviewEffort: "最常用推理档",
+			overviewFast: "快速模式占比",
+			overviewLongestTurn: "最长单轮",
+			settingsRestartRequired: "设置已保存，但运行中的 DSH 没有应用它（宿主无法热更新这项设置）。请重启 DSH 后生效。",
+			historyTitle: "额度去向（每周）",
+			historyLoading: "正在读取用量历史…",
+			historyUnavailable: "当前账户没有提供用量历史。",
+			historyEmpty: "还没有已统计完成的额度周期。官方统计有延迟，过一两天再看。",
+			historyPeriods: "额度周期",
+			historyUsed: "这个周期已用 {value}% 的周额度",
+			historyPartial: "（统计尚未完成）",
+			historyApproximate: "数据来自官方用量报告，是近似值，可能有一两天延迟。",
+			historyBy_model: "按模型",
+			historyBy_surface: "按入口",
+			historyBy_thread_source: "按来源",
+			historyBy_turn_trigger: "按触发方式",
+			historyDesktopApp: "桌面应用",
+			historyCli: "命令行",
+			historyIde: "IDE 扩展",
+			historyWeb: "网页",
+			historyMobile: "手机",
+			historyUser: "你的对话",
+			historySubagent: "子任务",
+			historyMemory: "记忆整理",
+			historyReview: "审查",
+			historyComposer: "输入框发送",
+			historyAutomation: "自动任务",
 			usageLoading: "正在读取额度…",
 			usageEmpty: "当前账户没有返回可显示的额度窗口。请稍后刷新；这不代表额度为零。",
 			usageUpdated: "更新于 {value}",
@@ -6126,6 +6196,8 @@ window.__ModuleLoader__.load({
 			effortLabel: "推理等级",
 			providerDefault: "默认",
 			selectModel: "选择模型",
+			modelSearch: "搜索模型",
+			modelNoMatch: "没有匹配的模型。",
 			modelsLoading: "正在读取模型…",
 			modelsEmpty: "没有可用模型；请先登录，并确认网络可用。",
 			modelsHidden: "所有模型都已从列表中隐藏；可在设置中重新显示。",
@@ -6281,6 +6353,24 @@ window.__ModuleLoader__.load({
 			inputImageDetail_low: "Low",
 			inputImageDetail_high: "High",
 			inputImageDetail_original: "Original",
+			connectors: "ChatGPT connectors",
+			connectorsHint: "Lets any model in DSH use the apps you have connected in ChatGPT (GitHub, Gmail, Google Drive, Calendar and more). Read-only: models can only read. Allow writes: anything that changes data, such as sending mail or editing files, asks for your approval every time. What apps return is third-party content and models do not follow instructions inside it. Connect the apps in ChatGPT first.",
+			connectors_off: "Off",
+			connectors_read: "Read-only",
+			connectors_ask: "Allow writes (ask each time)",
+			reasoningSummary: "Reasoning summary",
+			reasoningSummaryHint: "Shows a summary of the reasoning in the Thinking section of the conversation. Auto lets the model decide; concise is shorter; detailed is fuller; off asks for none.",
+			retryPolicy: "Request retries",
+			retryPolicyHint: "How many times a request is retried after a network or server error. Default keeps the standard DSH retries; Unlimited keeps retrying until it succeeds or you stop it.",
+			retryPolicy_default: "Default",
+			retryPolicy_off: "No retries",
+			retryPolicy_10: "10",
+			retryPolicy_20: "20",
+			retryPolicy_unlimited: "Unlimited",
+			reasoningSummary_auto: "Auto",
+			reasoningSummary_concise: "Concise",
+			reasoningSummary_detailed: "Detailed",
+			reasoningSummary_none: "Off",
 			subagentBackendTitle: "Independent subtasks",
 			subagentBackend_dsh: "DSH",
 			subagentBackend_codex: "Codex",
@@ -6293,6 +6383,11 @@ window.__ModuleLoader__.load({
 			remoteConnecting: "Connecting",
 			remoteError: "Connection failed, retrying",
 			remoteStopped: "Stopped",
+			remotePaired: "Paired phones",
+			remoteNoPhones: "No phone is paired yet.",
+			remoteRevoke: "Remove",
+			remoteLastSeen: "last seen {date}",
+			remotePhoneUnknown: "Unnamed phone",
 			remotePhones: "{count} phone(s) connected",
 			remotePair: "Show pairing code",
 			remotePairAgain: "New pairing code",
@@ -6302,7 +6397,7 @@ window.__ModuleLoader__.load({
 			remoteQrLabel: "Pairing QR code",
 			remoteExpires: "Valid for about {minutes} minute(s)",
 			remoteExpired: "The pairing code expired. Create a new one.",
-			remoteLimits: "From the phone you can follow and continue DSH conversations, start new ones, switch models, choose permissions and approve actions. The phone cannot run commands on the computer directly.",
+			remoteLimits: "From the phone you can follow and continue DSH conversations, start new ones, send photos, switch models, choose permissions, approve actions and view changes. The phone cannot run other commands on the computer.",
 			reviewModelTitle: "Auto review model",
 			reviewModel_session: "Current model",
 			reviewModel_official: "Codex reviewer",
@@ -6570,6 +6665,10 @@ window.__ModuleLoader__.load({
 			deviceHint: "Enter this device code on the sign-in page:",
 			waiting: "Waiting for sign-in to finish…",
 			failed: "Sign-in failed. Try again.",
+			failed_account_claim: "Sign-in was authorized, but the token of this account has no ChatGPT account ID (common for accounts created with only a phone number). Sign in with an email account, or add an email to the account in ChatGPT first, then try again.",
+			failed_network: "The network connection failed during sign-in. Check the network or proxy and try again.",
+			failed_token_exchange: "Authorization finished, but exchanging it for a token failed. Try again; if it keeps happening, check the network or proxy.",
+			failed_callback: "The browser did not send the authorization back. Try again, or use device code sign-in.",
 			accountRetry: "Retry",
 			accountRetrying: "Retrying account status…",
 			accountCredentialUnavailable: "The saved sign-in credentials are temporarily unavailable. Retry; saved sign-in information will not be deleted.",
@@ -6602,6 +6701,45 @@ window.__ModuleLoader__.load({
 			refresh: "Refresh",
 			refreshing: "Refreshing…",
 			noUsage: "Sign in to read quota windows reported by ChatGPT.",
+			overviewTitle: "Usage overview",
+			overviewLoading: "Reading usage statistics…",
+			overviewUnavailable: "This account does not provide usage statistics.",
+			overviewHeatmap: "Daily token use over the last half year",
+			overviewNoUse: "no use",
+			overviewTokens: "{value} tokens",
+			overviewDays: "{value} days",
+			overviewLifetime: "Lifetime tokens",
+			overviewPeak: "Busiest day",
+			overviewStreak: "Current streak",
+			overviewLongestStreak: "Longest streak",
+			overviewThreads: "Conversations",
+			overviewEffort: "Most used reasoning",
+			overviewFast: "Fast mode share",
+			overviewLongestTurn: "Longest turn",
+			settingsRestartRequired: "The setting was saved, but the running DSH did not apply it (the host cannot update it live). Restart DSH to apply it.",
+			historyTitle: "Where the allowance went (weekly)",
+			historyLoading: "Reading usage history…",
+			historyUnavailable: "This account does not provide a usage history.",
+			historyEmpty: "No allowance period has been counted yet. The official report lags; check again in a day or two.",
+			historyPeriods: "Allowance periods",
+			historyUsed: "{value}% of this period's weekly allowance used",
+			historyPartial: "(still being counted)",
+			historyApproximate: "From the official usage report; values are approximate and may lag by a day or two.",
+			historyBy_model: "By model",
+			historyBy_surface: "By surface",
+			historyBy_thread_source: "By source",
+			historyBy_turn_trigger: "By trigger",
+			historyDesktopApp: "Desktop app",
+			historyCli: "CLI",
+			historyIde: "IDE extension",
+			historyWeb: "Web",
+			historyMobile: "Mobile",
+			historyUser: "Your chats",
+			historySubagent: "Subtasks",
+			historyMemory: "Memory upkeep",
+			historyReview: "Review",
+			historyComposer: "Composer",
+			historyAutomation: "Automations",
 			usageLoading: "Reading quota…",
 			usageEmpty: "This account returned no displayable quota windows. Refresh later; this does not mean zero quota.",
 			usageUpdated: "Updated {value}",
@@ -6731,6 +6869,8 @@ window.__ModuleLoader__.load({
 			effortLabel: "Effort",
 			providerDefault: "Default",
 			selectModel: "Select model",
+			modelSearch: "Search models",
+			modelNoMatch: "No matching models.",
 			modelsLoading: "Loading models…",
 			modelsEmpty: "No models available. Sign in and make sure the network is reachable.",
 			modelsHidden: "All models are hidden from this list. Show one in settings.",
@@ -6878,6 +7018,28 @@ window.__ModuleLoader__.load({
 .codexSubscriptionRefresh{flex:0 0 auto;min-width:72px;width:max-content;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;writing-mode:horizontal-tb!important}
 .codexSubscriptionRefresh *{white-space:nowrap!important;word-break:keep-all!important;writing-mode:horizontal-tb!important}
 .codexSubscriptionEmpty{padding:18px;border:1px dashed var(--dsw-alias-border-l3);border-radius:10px;text-align:center;font-size:13px;line-height:20px;color:var(--dsw-alias-label-tertiary)}
+.codexSubscriptionHistory{margin-top:10px;border-top:1px solid var(--dsw-alias-border-l3);padding-top:8px}
+.codexSubscriptionHistory>summary{cursor:pointer;font-size:13px;font-weight:500;color:var(--dsw-alias-label-secondary)}
+.codexSubscriptionHistoryPeriods{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
+.codexSubscriptionHistoryPeriods button{height:26px;padding:0 10px;border:1px solid var(--dsw-alias-border-l3);border-radius:13px;background:transparent;color:inherit;font-size:12px;cursor:pointer}
+.codexSubscriptionHistoryPeriods button[aria-pressed=true]{background:var(--dsw-alias-interactive-bg-hover);border-color:var(--dsw-alias-border-inverted)}
+.codexSubscriptionHistorySummary{margin:4px 0 8px;font-size:13px}
+.codexSubscriptionHistoryGroup{margin:8px 0}
+.codexSubscriptionHistoryGroup h4{margin:0 0 4px;font-size:12px;font-weight:500;color:var(--dsw-alias-label-tertiary)}
+.codexSubscriptionOverviewStats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:10px 0}
+.codexSubscriptionOverviewStats div{padding:8px 10px;border-radius:10px;background:var(--dsw-alias-bg-layer-3,rgba(127,127,127,.08))}
+.codexSubscriptionOverviewStats dt{margin:0;font-size:11px;color:var(--dsw-alias-label-tertiary)}
+.codexSubscriptionOverviewStats dd{margin:2px 0 0;font-size:15px;font-weight:600}
+.codexSubscriptionHeatmap{display:block;width:100%;max-width:520px;margin:6px 0 4px}
+.codexSubscriptionHeatmap rect{fill:var(--dsw-alias-border-l3,rgba(127,127,127,.25))}
+.codexSubscriptionHeatmap rect[data-level="1"]{fill:#0a84ff;fill-opacity:.3}
+.codexSubscriptionHeatmap rect[data-level="2"]{fill:#0a84ff;fill-opacity:.5}
+.codexSubscriptionHeatmap rect[data-level="3"]{fill:#0a84ff;fill-opacity:.75}
+.codexSubscriptionHeatmap rect[data-level="4"]{fill:#0a84ff}
+.codexSubscriptionHistoryRow{display:grid;grid-template-columns:minmax(80px,32%) 1fr 52px;align-items:center;gap:8px;font-size:12px;line-height:20px}
+.codexSubscriptionHistoryKey{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.codexSubscriptionHistoryRow progress{width:100%;height:6px}
+.codexSubscriptionHistoryRow strong{text-align:right;font-weight:500}
 .codexSubscriptionLimits{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:6px}
 .codexSubscriptionLimit{min-width:0;border-radius:10px;padding:9px 12px;background:var(--dsw-alias-bg-module-platform);display:flex;flex-direction:column;gap:6px}
 .codexSubscriptionLimitTop{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
@@ -6979,13 +7141,17 @@ window.__ModuleLoader__.load({
 .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-alias-bg-layer-2,#2c2c2e);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))}
+/* Keep search outside the scroll viewport; let the model list fit the bounded menu. */
+.codexModelSelectModelMenu{display:flex;flex-direction:column}
 .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}
+.codexModelSelectSearch{display:block;flex-shrink:0;width:100%;box-sizing:border-box;height:32px;margin:0 0 4px;padding:0 10px;border:1px solid var(--dsw-alias-border-l3);border-radius:8px;outline:0;background:transparent;color:inherit;font:inherit;font-size:13px}
+.codexModelSelectSearch:focus-visible{box-shadow:0 0 0 2px var(--dsw-alias-border-l3)}
+.codexModelSelectGroups{flex:1 1 auto;min-height:0;overflow-y:auto}
 .codexModelSelectGroup+.codexModelSelectGroup{margin-top:4px}
 .codexModelSelectGroupTitle{position:sticky;top:0;z-index:1;padding:5px 8px 3px;background:var(--dsw-alias-bg-layer-2,#2c2c2e);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}
@@ -8407,6 +8573,29 @@ window.__ModuleLoader__.load({
 		const OUTPUT_VERBOSITY_MEDIUM = "medium";
 		const OUTPUT_VERBOSITY_HIGH = "high";
 		const DEFAULT_OUTPUT_VERBOSITY = OUTPUT_VERBOSITY_DEFAULT;
+		const REASONING_SUMMARY_FIELD = "reasoningSummary";
+		const REASONING_SUMMARIES = Object.freeze([
+			"auto",
+			"concise",
+			"detailed",
+			"none"
+		]);
+		const DEFAULT_REASONING_SUMMARY = "auto";
+		const RETRY_POLICY_FIELD = "retryPolicy";
+		const RETRY_POLICIES = Object.freeze([
+			"default",
+			"off",
+			"10",
+			"20",
+			"unlimited"
+		]);
+		const DEFAULT_RETRY_POLICY = "default";
+		const CONNECTORS_FIELD = "connectors";
+		const CONNECTOR_MODES = Object.freeze([
+			"off",
+			"read",
+			"ask"
+		]);
 		const INPUT_IMAGE_DETAIL_FIELD = "inputImageDetail";
 		const INPUT_IMAGE_DETAILS = Object.freeze([
 			"low",
@@ -8466,6 +8655,9 @@ window.__ModuleLoader__.load({
 			"medium",
 			"high"
 		].includes(value) ? value : DEFAULT_OUTPUT_VERBOSITY;
+		const normalizeReasoningSummary = (value) => REASONING_SUMMARIES.includes(value) ? value : DEFAULT_REASONING_SUMMARY;
+		const normalizeRetryPolicy = (value) => RETRY_POLICIES.includes(value) ? value : DEFAULT_RETRY_POLICY;
+		const normalizeConnectorMode = (value) => CONNECTOR_MODES.includes(value) ? value : "off";
 		const normalizeInputImageDetail = (value) => INPUT_IMAGE_DETAILS.includes(value) ? value : DEFAULT_INPUT_IMAGE_DETAIL;
 		const normalizeStreamIdleTimeoutMinutes = (value) => STREAM_IDLE_TIMEOUT_MINUTES.includes(value) ? value : 10;
 		const normalizeSpeedMode = (value) => [
@@ -8520,6 +8712,7 @@ window.__ModuleLoader__.load({
 			let disposed = false;
 			let subagentBackendAvailable = false;
 			let subagentRuntimeInstalled = false;
+			let restartRequired = false;
 			const sameModels = (left, right) => left.length === right.length && left.every((model, index) => JSON.stringify(model) === JSON.stringify(right[index]));
 			const read = () => {
 				const current = fallback ?? { status: "unavailable" };
@@ -8544,6 +8737,9 @@ window.__ModuleLoader__.load({
 					speedMode: normalizeSpeedMode(value?.[SPEED_MODE_FIELD]),
 					outputVerbosity: normalizeOutputVerbosity(value?.[OUTPUT_VERBOSITY_FIELD]),
 					inputImageDetail: normalizeInputImageDetail(value?.[INPUT_IMAGE_DETAIL_FIELD]),
+					reasoningSummary: normalizeReasoningSummary(value?.[REASONING_SUMMARY_FIELD]),
+					retryPolicy: normalizeRetryPolicy(value?.[RETRY_POLICY_FIELD]),
+					connectors: normalizeConnectorMode(value?.[CONNECTORS_FIELD]),
 					streamIdleTimeoutMinutes: normalizeStreamIdleTimeoutMinutes(value?.[STREAM_IDLE_TIMEOUT_MINUTES_FIELD]),
 					contextMode: normalizeContextMode(value?.[CONTEXT_MODE_FIELD]),
 					customContextWindow: normalizeCustomContextWindow(value?.[CUSTOM_CONTEXT_WINDOW_FIELD]),
@@ -8562,6 +8758,7 @@ window.__ModuleLoader__.load({
 					modelError,
 					writable: !updating && current.status === "ready" && current.writable === true,
 					saving: updating,
+					restartRequired,
 					error
 				});
 			};
@@ -8572,6 +8769,7 @@ window.__ModuleLoader__.load({
 				for (const listener of listeners) listener();
 			};
 			const acceptFallback = (value) => {
+				if (value?.liveSynced === false) restartRequired = true;
 				subagentBackendAvailable = value?.subagentBackendAvailable === true;
 				subagentRuntimeInstalled = value?.subagentRuntimeInstalled === true;
 				if (!modelRefreshStarted) {
@@ -8598,6 +8796,9 @@ window.__ModuleLoader__.load({
 						[SPEED_MODE_FIELD]: normalizeSpeedMode(value?.[SPEED_MODE_FIELD]),
 						[OUTPUT_VERBOSITY_FIELD]: normalizeOutputVerbosity(value?.[OUTPUT_VERBOSITY_FIELD]),
 						[INPUT_IMAGE_DETAIL_FIELD]: normalizeInputImageDetail(value?.[INPUT_IMAGE_DETAIL_FIELD]),
+						[REASONING_SUMMARY_FIELD]: normalizeReasoningSummary(value?.[REASONING_SUMMARY_FIELD]),
+						[RETRY_POLICY_FIELD]: normalizeRetryPolicy(value?.[RETRY_POLICY_FIELD]),
+						[CONNECTORS_FIELD]: normalizeConnectorMode(value?.[CONNECTORS_FIELD]),
 						[STREAM_IDLE_TIMEOUT_MINUTES_FIELD]: normalizeStreamIdleTimeoutMinutes(value?.[STREAM_IDLE_TIMEOUT_MINUTES_FIELD]),
 						[CONTEXT_MODE_FIELD]: normalizeContextMode(value?.[CONTEXT_MODE_FIELD]),
 						[CUSTOM_CONTEXT_WINDOW_FIELD]: normalizeCustomContextWindow(value?.[CUSTOM_CONTEXT_WINDOW_FIELD]),
@@ -8986,7 +9187,6 @@ window.__ModuleLoader__.load({
 		const NS = "settings.codexSubscription";
 		const SUPPORT_ISSUE_URL = "https://github.com/WSL043/dsh-codex-subscription/issues/new?template=install-problem.yml";
 		const QUICK_QUOTA_REFRESH_EVENT = "dsh-codex-subscription:refresh-quick-quota";
-		const QUICK_QUOTA_REFRESH_MS = 6e4;
 		const accountStatusErrorText = (error, t) => {
 			const key = {
 				"credential-unavailable": "accountCredentialUnavailable",
@@ -9004,7 +9204,7 @@ window.__ModuleLoader__.load({
 			if (local.length <= 2) return `${local.slice(0, 1)}••@${domain}`;
 			return `${local[0]}•••${local.at(-1)}@${domain}`;
 		};
-		const hours = (seconds) => Math.round(seconds / 3600 * 10) / 10;
+		const hours$1 = (seconds) => Math.round(seconds / 3600 * 10) / 10;
 		const percent = (value) => Number(value).toLocaleString(void 0, { maximumFractionDigits: 1 });
 		const isApproximateWindow = (seconds, expected) => seconds >= expected * .95 && seconds <= expected * 1.05;
 		const windowLabel = (seconds, t) => {
@@ -9013,7 +9213,7 @@ window.__ModuleLoader__.load({
 			if (isApproximateWindow(seconds, 604800)) return t("windowWeekly");
 			if (isApproximateWindow(seconds, 2592e3)) return t("windowMonthly");
 			if (isApproximateWindow(seconds, 31536e3)) return t("windowAnnual");
-			return seconds >= 86400 && seconds % 86400 === 0 ? fill(t("windowDays"), { value: seconds / 86400 }) : fill(t("windowHours"), { value: hours(seconds) });
+			return seconds >= 86400 && seconds % 86400 === 0 ? fill(t("windowDays"), { value: seconds / 86400 }) : fill(t("windowHours"), { value: hours$1(seconds) });
 		};
 		const validDate = (value) => {
 			const date = new Date(value);
@@ -9082,7 +9282,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region src/version.js
-		const PACKAGE_VERSION = "3.0.0-beta.3";
+		const PACKAGE_VERSION = "3.0.0-beta.5";
 		//#endregion
 		//#region src/client-recovery.js
 		async function recoveryCall(rpc, endpoint, payload = {}, timeoutMs = 1e4) {
@@ -9110,6 +9310,21 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
+		//#region src/quota-cadence.js
+		/** Milliseconds until the next quota read, from the highest used percentage of the windows that matter. */
+		function quotaRefreshMs(percent) {
+			if (!Number.isFinite(percent)) return 6e4;
+			if (percent >= 99) return 5e3;
+			if (percent >= 90) return 15e3;
+			if (percent >= 75) return 3e4;
+			return 6e4;
+		}
+		/** Highest used percentage among windows (objects with usedPercent), or undefined when there are none. */
+		function highestUsed(windows) {
+			const values = (Array.isArray(windows) ? windows : []).map((window) => window?.usedPercent).filter(Number.isFinite);
+			return values.length === 0 ? void 0 : Math.max(...values);
+		}
+		//#endregion
 		//#region src/client-quota.jsx
 		function useQuickQuota(rpc, enabled, model) {
 			const [quota, setQuota] = (0, react.useState)();
@@ -9121,6 +9336,8 @@ window.__ModuleLoader__.load({
 				setQuota(void 0);
 				let live = true;
 				let loading = false;
+				let timer;
+				let latest;
 				const load = async () => {
 					if (loading) return;
 					loading = true;
@@ -9132,25 +9349,31 @@ window.__ModuleLoader__.load({
 							return;
 						}
 						const usage = await recoveryCall(rpc, "usage", { force: false });
-						if (live) setQuota(selectModelQuotaWindows(usage, model)?.map((window) => ({
+						const windows = selectModelQuotaWindows(usage, model)?.map((window) => ({
 							...window,
 							fetchedAt: usage.fetchedAt
-						})));
+						}));
+						latest = windows;
+						if (live) setQuota(windows);
 					} catch {
+						latest = void 0;
 						if (live) setQuota(void 0);
 					} finally {
 						loading = false;
+						if (live) {
+							window.clearTimeout(timer);
+							timer = window.setTimeout(refresh, quotaRefreshMs(highestUsed(latest)));
+						}
 					}
 				};
 				const refresh = () => {
 					load();
 				};
 				load();
-				const timer = window.setInterval(refresh, QUICK_QUOTA_REFRESH_MS);
 				window.addEventListener(QUICK_QUOTA_REFRESH_EVENT, refresh);
 				return () => {
 					live = false;
-					window.clearInterval(timer);
+					window.clearTimeout(timer);
 					window.removeEventListener(QUICK_QUOTA_REFRESH_EVENT, refresh);
 				};
 			}, [
@@ -9335,6 +9558,7 @@ window.__ModuleLoader__.load({
 			const preferenceSnapshot = usePreferenceSnapshot(preference);
 			const [open, setOpen] = (0, react.useState)(false);
 			const [pane, setPane] = (0, react.useState)("root");
+			const [query, setQuery] = (0, react.useState)("");
 			const rootRef = (0, react.useRef)(null);
 			const triggerRef = (0, react.useRef)(null);
 			const id = (0, react.useId)();
@@ -9370,6 +9594,17 @@ window.__ModuleLoader__.load({
 				...effort.description === void 0 ? {} : { description: effort.description }
 			}))], [reasoning, t]);
 			const modelLabel = currentChoice?.model.name ?? t("selectModel");
+			const searchable = visibleGroups.reduce((total, group) => total + group.models.length, 0) > 4;
+			const needle = searchable ? query.trim().toLocaleLowerCase() : "";
+			const shownGroups = needle === "" ? visibleGroups : visibleGroups.map((group) => ({
+				...group,
+				models: group.models.filter((model) => [
+					model.name,
+					model.id,
+					model.description,
+					group.name
+				].some((text) => typeof text === "string" && text.toLocaleLowerCase().includes(needle)))
+			})).filter((group) => group.models.length > 0);
 			const speedSupported = state.current?.provider === "openai-codex" && (preferenceSnapshot.fastModels?.includes(state.current?.model) ?? supportsCodexFastMode(state.current?.model));
 			const speedWritable = preferenceSnapshot.status === "ready" && preferenceSnapshot.writable === true;
 			const ultrafastSupported = state.current?.provider === "openai-codex" && (preferenceSnapshot.ultrafastModels ?? []).includes(state.current?.model);
@@ -9411,11 +9646,15 @@ window.__ModuleLoader__.load({
 					if (!rootRef.current?.contains(event.target)) {
 						setOpen(false);
 						setPane("root");
+						setQuery("");
 					}
 				};
 				document.addEventListener("mousedown", closeOutside);
 				return () => document.removeEventListener("mousedown", closeOutside);
 			}, [open]);
+			(0, react.useEffect)(() => {
+				if (pane !== "model") setQuery("");
+			}, [pane]);
 			(0, react.useEffect)(() => {
 				if (!speedSupported && pane === "speed") setPane("root");
 				if (!verbositySupported && pane === "verbosity") setPane("root");
@@ -9428,6 +9667,7 @@ window.__ModuleLoader__.load({
 			const close = (restoreFocus = false) => {
 				setOpen(false);
 				setPane("root");
+				setQuery("");
 				if (restoreFocus) queueMicrotask(() => triggerRef.current?.focus());
 			};
 			const settleSelection = (accepted) => {
@@ -9503,7 +9743,7 @@ window.__ModuleLoader__.load({
 			});
 			let submenu = null;
 			if (pane === "model") submenu = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "codexModelSelectSubmenu",
+				className: "codexModelSelectSubmenu codexModelSelectModelMenu",
 				role: "menu",
 				"aria-label": t("modelLabel"),
 				children: [
@@ -9527,9 +9767,18 @@ window.__ModuleLoader__.load({
 							value: failure.message
 						})
 					}, failure.id)),
+					searchable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						className: "codexModelSelectSearch",
+						type: "search",
+						value: query,
+						autoFocus: true,
+						placeholder: t("modelSearch"),
+						"aria-label": t("modelSearch"),
+						onChange: (event) => setQuery(event.target.value)
+					}) : null,
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "codexModelSelectGroups scrollable",
-						children: visibleGroups.map((group) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+						children: shownGroups.map((group) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 							className: "codexModelSelectGroup",
 							role: "group",
 							"aria-labelledby": `${id}-${group.id}`,
@@ -9560,6 +9809,10 @@ window.__ModuleLoader__.load({
 					state.status === "ready" && visibleGroups.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "codexModelSelectEmpty",
 						children: t(choices.length === 0 ? "modelsEmpty" : "modelsHidden")
+					}) : null,
+					state.status === "ready" && visibleGroups.length > 0 && shownGroups.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "codexModelSelectEmpty",
+						children: t("modelNoMatch")
 					}) : null
 				]
 			});
@@ -12422,6 +12675,8 @@ window.__ModuleLoader__.load({
 			const [busy, setBusy] = (0, react.useState)(false);
 			const [failed, setFailed] = (0, react.useState)(false);
 			const [now, setNow] = (0, react.useState)(Date.now());
+			const [clients, setClients] = (0, react.useState)();
+			const [removing, setRemoving] = (0, react.useState)();
 			const alive = (0, react.useRef)(false);
 			const on = snapshot.remoteControl === "on";
 			const read = async () => {
@@ -12430,12 +12685,49 @@ window.__ModuleLoader__.load({
 					if (alive.current && result.ok) setState(result.value);
 				} catch {}
 			};
+			const readClients = async () => {
+				try {
+					const result = await rpc.call(CHANNEL, "remote/clients", {});
+					if (alive.current && result.ok) setClients(result.value);
+				} catch {}
+			};
 			(0, react.useEffect)(() => {
 				alive.current = true;
 				return () => {
 					alive.current = false;
 				};
 			}, []);
+			(0, react.useEffect)(() => {
+				if (!on) {
+					setClients(void 0);
+					return;
+				}
+				let stopped = false, timer;
+				const poll = async () => {
+					await readClients();
+					if (!stopped) timer = setTimeout(poll, 2e4);
+				};
+				poll();
+				return () => {
+					stopped = true;
+					clearTimeout(timer);
+				};
+			}, [on, rpc]);
+			const remove = async (client) => {
+				if (removing) return;
+				setRemoving(client.clientId);
+				setFailed(false);
+				try {
+					const result = await rpc.call(CHANNEL, "remote/revoke", { clientId: client.clientId });
+					if (!alive.current) return;
+					if (result.ok) setClients(result.value);
+					else setFailed(true);
+				} catch {
+					if (alive.current) setFailed(true);
+				} finally {
+					if (alive.current) setRemoving(void 0);
+				}
+			};
 			(0, react.useEffect)(() => {
 				if (!on) {
 					setState(void 0);
@@ -12567,6 +12859,34 @@ window.__ModuleLoader__.load({
 						className: "codexSubscriptionHelp",
 						children: t("remoteExpired")
 					}) : null,
+					clients ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "codexSubscriptionRemoteClients",
+						role: "list",
+						"aria-label": t("remotePaired"),
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "codexSubscriptionPreferenceLabel",
+							children: t("remotePaired")
+						}), clients.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "codexSubscriptionHelp",
+							children: t("remoteNoPhones")
+						}) : clients.map((client) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							role: "listitem",
+							className: "codexSubscriptionPreference",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: [
+								client.name ?? t("remotePhoneUnknown"),
+								client.platform,
+								client.lastSeenAt ? t("remoteLastSeen").replace("{date}", new Date(client.lastSeenAt).toLocaleString()) : null
+							].filter(Boolean).join(" · ") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+								type: "button",
+								variant: "outline",
+								disabled: Boolean(removing),
+								onClick: () => {
+									remove(client);
+								},
+								children: t("remoteRevoke")
+							})]
+						}, client.clientId))]
+					}) : null,
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						className: "codexSubscriptionHelp",
 						children: t("remoteLimits")
@@ -12760,6 +13080,115 @@ window.__ModuleLoader__.load({
 				})]
 			});
 		}
+		function ReasoningSummaryPreference({ preference, t }) {
+			const snapshot = usePreferenceSnapshot(preference);
+			const writable = snapshot.status === "ready" && snapshot.writable === true;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "codexSubscriptionPreference",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "codexSubscriptionPreferenceCopy",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "codexSubscriptionPreferenceLabel",
+						children: t("reasoningSummary")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "codexSubscriptionPreferenceHint",
+						children: t("reasoningSummaryHint")
+					})]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "codexSubscriptionQuotaModes",
+					"data-saving": snapshot.saving || void 0,
+					"aria-busy": snapshot.saving || void 0,
+					role: "radiogroup",
+					"aria-label": t("reasoningSummary"),
+					children: REASONING_SUMMARIES.map((value) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: "codexSubscriptionQuotaMode",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							type: "radio",
+							name: "codex-reasoning-summary",
+							checked: snapshot.reasoningSummary === value,
+							disabled: !writable,
+							onChange: () => {
+								preference.set({ [REASONING_SUMMARY_FIELD]: value });
+							}
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t(`reasoningSummary_${value}`) })]
+					}, value))
+				})]
+			});
+		}
+		function RetryPolicyPreference({ preference, t }) {
+			const snapshot = usePreferenceSnapshot(preference);
+			const writable = snapshot.status === "ready" && snapshot.writable === true;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "codexSubscriptionPreference",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "codexSubscriptionPreferenceCopy",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "codexSubscriptionPreferenceLabel",
+						children: t("retryPolicy")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "codexSubscriptionPreferenceHint",
+						children: t("retryPolicyHint")
+					})]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "codexSubscriptionQuotaModes",
+					"data-saving": snapshot.saving || void 0,
+					"aria-busy": snapshot.saving || void 0,
+					role: "radiogroup",
+					"aria-label": t("retryPolicy"),
+					children: RETRY_POLICIES.map((value) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: "codexSubscriptionQuotaMode",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							type: "radio",
+							name: "codex-retry-policy",
+							checked: snapshot.retryPolicy === value,
+							disabled: !writable,
+							onChange: () => {
+								preference.set({ [RETRY_POLICY_FIELD]: value });
+							}
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t(`retryPolicy_${value}`) })]
+					}, value))
+				})]
+			});
+		}
+		function ConnectorsPreference({ preference, t }) {
+			const snapshot = usePreferenceSnapshot(preference);
+			const writable = snapshot.status === "ready" && snapshot.writable === true;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "codexSubscriptionPreference",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "codexSubscriptionPreferenceCopy",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: "codexSubscriptionPreferenceLabel",
+						children: [
+							t("connectors"),
+							" ",
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: "Beta" })
+						]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "codexSubscriptionPreferenceHint",
+						children: t("connectorsHint")
+					})]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "codexSubscriptionQuotaModes",
+					"data-saving": snapshot.saving || void 0,
+					"aria-busy": snapshot.saving || void 0,
+					role: "radiogroup",
+					"aria-label": t("connectors"),
+					children: CONNECTOR_MODES.map((value) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: "codexSubscriptionQuotaMode",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							type: "radio",
+							name: "codex-connectors",
+							checked: snapshot.connectors === value,
+							disabled: !writable,
+							onChange: () => {
+								preference.set({ [CONNECTORS_FIELD]: value });
+							}
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t(`connectors_${value}`) })]
+					}, value))
+				})]
+			});
+		}
 		function StreamIdleTimeoutPreference({ preference, t }) {
 			const snapshot = usePreferenceSnapshot(preference);
 			const writable = snapshot.status === "ready" && snapshot.writable === true;
@@ -13034,245 +13463,267 @@ window.__ModuleLoader__.load({
 			const snapshot = usePreferenceSnapshot(preference);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: section === "advanced" ? "codexSubscriptionAdvancedPreferences" : "codexSubscriptionCard codexSubscriptionPreferencesCard",
-				children: [section === "advanced" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-						className: "codexSubscriptionCard codexSubscriptionPreferencesCard",
-						"aria-label": t("modelsSectionTitle"),
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: t("modelsSectionTitle") }),
-							defaultModel === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DefaultModelPreference, {
-								preference,
-								defaultModel,
-								t
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "codexSubscriptionDivider" })] }),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelCatalogStatus, {
-								preference,
-								t
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "codexSubscriptionDivider" }),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PickerModelsPreference, {
-								preference,
-								t
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "codexSubscriptionDivider" }),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContextWindowPreference, {
-								preference,
-								t
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "codexSubscriptionDivider" }),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(InputImageDetailPreference, {
+				children: [
+					snapshot.restartRequired ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "codexSubscriptionError",
+						role: "status",
+						children: t("settingsRestartRequired")
+					}) : null,
+					section === "advanced" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+							className: "codexSubscriptionCard codexSubscriptionPreferencesCard",
+							"aria-label": t("modelsSectionTitle"),
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: t("modelsSectionTitle") }),
+								defaultModel === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DefaultModelPreference, {
+									preference,
+									defaultModel,
+									t
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "codexSubscriptionDivider" })] }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelCatalogStatus, {
+									preference,
+									t
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "codexSubscriptionDivider" }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PickerModelsPreference, {
+									preference,
+									t
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "codexSubscriptionDivider" }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContextWindowPreference, {
+									preference,
+									t
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "codexSubscriptionDivider" }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(InputImageDetailPreference, {
+									preference,
+									t
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "codexSubscriptionDivider" }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReasoningSummaryPreference, {
+									preference,
+									t
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "codexSubscriptionDivider" }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(RetryPolicyPreference, {
+									preference,
+									t
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConnectorsPreference, {
+									preference,
+									t
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+							className: "codexSubscriptionCard codexSubscriptionPreferencesCard",
+							"aria-label": t("searchSectionTitle"),
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: t("searchSectionTitle") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SearchProviderPreference, {
 								preference,
 								t
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+							className: "codexSubscriptionCard codexSubscriptionPreferencesCard",
+							"aria-label": t("connectionTitle"),
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "codexSubscriptionPreference",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "codexSubscriptionPreferenceCopy",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+											className: "codexSubscriptionPreferenceLabel",
+											children: [
+												t("connectionTitle"),
+												" ",
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: "Beta" })
+											]
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "codexSubscriptionPreferenceHint",
+											children: t("connectionHint")
+										})]
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: "codexSubscriptionQuotaModes",
+										role: "radiogroup",
+										"aria-label": t("connectionTitle"),
+										"aria-busy": snapshot.saving || void 0,
+										children: ["sse", "websocket"].map((value) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+											className: "codexSubscriptionQuotaMode",
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+												type: "radio",
+												name: "codex-connection-mode",
+												checked: snapshot.connectionMode === value,
+												disabled: !snapshot.writable,
+												onChange: () => {
+													preference.set({ connectionMode: value });
+												}
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: value === "sse" ? "SSE" : "WebSocket" })]
+										}, value))
+									})]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "codexSubscriptionDivider" }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StreamIdleTimeoutPreference, {
+									preference,
+									t
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
+							className: "codexSubscriptionCard codexSubscriptionPreferencesCard",
+							"aria-label": t("reviewModelTitle"),
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "codexSubscriptionPreference",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "codexSubscriptionPreferenceCopy",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: "codexSubscriptionPreferenceLabel",
+										children: [
+											t("reviewModelTitle"),
+											" ",
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: "Beta" })
+										]
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "codexSubscriptionPreferenceHint",
+										children: t("reviewModelHint")
+									})]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "codexSubscriptionQuotaModes",
+									role: "radiogroup",
+									"aria-label": t("reviewModelTitle"),
+									"aria-busy": snapshot.saving || void 0,
+									children: ["session", "official"].map((value) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+										className: "codexSubscriptionQuotaMode",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											type: "radio",
+											name: "codex-review-model",
+											checked: snapshot.reviewModel === value,
+											disabled: !snapshot.writable,
+											onChange: () => {
+												preference.set({ reviewModel: value });
+											}
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t(`reviewModel_${value}`) })]
+									}, value))
+								})]
 							})
-						]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-						className: "codexSubscriptionCard codexSubscriptionPreferencesCard",
-						"aria-label": t("searchSectionTitle"),
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: t("searchSectionTitle") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SearchProviderPreference, {
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(RemoteControlCard, {
+							rpc,
 							preference,
+							snapshot,
 							t
-						})]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-						className: "codexSubscriptionCard codexSubscriptionPreferencesCard",
-						"aria-label": t("connectionTitle"),
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
+							className: "codexSubscriptionCard codexSubscriptionPreferencesCard",
+							"aria-label": t("compactionTitle"),
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: "codexSubscriptionPreference",
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									className: "codexSubscriptionPreferenceCopy",
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 										className: "codexSubscriptionPreferenceLabel",
 										children: [
-											t("connectionTitle"),
+											t("compactionTitle"),
 											" ",
 											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: "Beta" })
 										]
 									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 										className: "codexSubscriptionPreferenceHint",
-										children: t("connectionHint")
+										children: t("compactionHint")
 									})]
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 									className: "codexSubscriptionQuotaModes",
 									role: "radiogroup",
-									"aria-label": t("connectionTitle"),
+									"aria-label": t("compactionTitle"),
 									"aria-busy": snapshot.saving || void 0,
-									children: ["sse", "websocket"].map((value) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									children: ["dsh", "cloud"].map((value) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 										className: "codexSubscriptionQuotaMode",
 										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 											type: "radio",
-											name: "codex-connection-mode",
-											checked: snapshot.connectionMode === value,
+											name: "codex-compaction-mode",
+											checked: snapshot.compactionMode === value,
 											disabled: !snapshot.writable,
 											onChange: () => {
-												preference.set({ connectionMode: value });
+												preference.set({ compactionMode: value });
 											}
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: value === "sse" ? "SSE" : "WebSocket" })]
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t(`compaction_${value}`) })]
 									}, value))
 								})]
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "codexSubscriptionDivider" }),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StreamIdleTimeoutPreference, {
-								preference,
-								t
 							})
-						]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
-						className: "codexSubscriptionCard codexSubscriptionPreferencesCard",
-						"aria-label": t("reviewModelTitle"),
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: "codexSubscriptionPreference",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "codexSubscriptionPreferenceCopy",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-									className: "codexSubscriptionPreferenceLabel",
-									children: [
-										t("reviewModelTitle"),
-										" ",
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: "Beta" })
-									]
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "codexSubscriptionPreferenceHint",
-									children: t("reviewModelHint")
-								})]
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: "codexSubscriptionQuotaModes",
-								role: "radiogroup",
-								"aria-label": t("reviewModelTitle"),
-								"aria-busy": snapshot.saving || void 0,
-								children: ["session", "official"].map((value) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-									className: "codexSubscriptionQuotaMode",
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-										type: "radio",
-										name: "codex-review-model",
-										checked: snapshot.reviewModel === value,
-										disabled: !snapshot.writable,
-										onChange: () => {
-											preference.set({ reviewModel: value });
-										}
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t(`reviewModel_${value}`) })]
-								}, value))
-							})]
-						})
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(RemoteControlCard, {
-						rpc,
-						preference,
-						snapshot,
-						t
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
-						className: "codexSubscriptionCard codexSubscriptionPreferencesCard",
-						"aria-label": t("compactionTitle"),
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: "codexSubscriptionPreference",
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+							className: "codexSubscriptionCard codexSubscriptionPreferencesCard",
+							"aria-label": t("subagentBackendTitle"),
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "codexSubscriptionPreferenceCopy",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-									className: "codexSubscriptionPreferenceLabel",
-									children: [
-										t("compactionTitle"),
-										" ",
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: "Beta" })
-									]
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "codexSubscriptionPreferenceHint",
-									children: t("compactionHint")
+								className: "codexSubscriptionPreference",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "codexSubscriptionPreferenceCopy",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: "codexSubscriptionPreferenceLabel",
+										children: [
+											t("subagentBackendTitle"),
+											" ",
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: "Beta" })
+										]
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "codexSubscriptionPreferenceHint",
+										children: t(snapshot.subagentBackendAvailable ? "subagentBackendHint" : "subagentBackendUnavailable")
+									})]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "codexSubscriptionQuotaModes",
+									role: "radiogroup",
+									"aria-label": t("subagentBackendTitle"),
+									"aria-busy": snapshot.saving || void 0,
+									children: ["dsh", "codex"].map((value) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+										className: "codexSubscriptionQuotaMode",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											type: "radio",
+											name: "codex-subagent-backend",
+											checked: snapshot.subagentBackend === value,
+											disabled: !snapshot.writable || !snapshot.subagentBackendAvailable || value === "codex" && !snapshot.subagentRuntimeInstalled,
+											onChange: () => {
+												preference.set({ subagentBackend: value });
+											}
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t(`subagentBackend_${value}`) })]
+									}, value))
 								})]
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: "codexSubscriptionQuotaModes",
-								role: "radiogroup",
-								"aria-label": t("compactionTitle"),
-								"aria-busy": snapshot.saving || void 0,
-								children: ["dsh", "cloud"].map((value) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-									className: "codexSubscriptionQuotaMode",
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-										type: "radio",
-										name: "codex-compaction-mode",
-										checked: snapshot.compactionMode === value,
-										disabled: !snapshot.writable,
-										onChange: () => {
-											preference.set({ compactionMode: value });
-										}
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t(`compaction_${value}`) })]
-								}, value))
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RuntimeManagement, {
+								rpc,
+								preference,
+								t
 							})]
 						})
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-						className: "codexSubscriptionCard codexSubscriptionPreferencesCard",
-						"aria-label": t("subagentBackendTitle"),
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: "codexSubscriptionPreference",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "codexSubscriptionPreferenceCopy",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-									className: "codexSubscriptionPreferenceLabel",
-									children: [
-										t("subagentBackendTitle"),
-										" ",
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: "Beta" })
-									]
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "codexSubscriptionPreferenceHint",
-									children: t(snapshot.subagentBackendAvailable ? "subagentBackendHint" : "subagentBackendUnavailable")
-								})]
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: "codexSubscriptionQuotaModes",
-								role: "radiogroup",
-								"aria-label": t("subagentBackendTitle"),
-								"aria-busy": snapshot.saving || void 0,
-								children: ["dsh", "codex"].map((value) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-									className: "codexSubscriptionQuotaMode",
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-										type: "radio",
-										name: "codex-subagent-backend",
-										checked: snapshot.subagentBackend === value,
-										disabled: !snapshot.writable || !snapshot.subagentBackendAvailable || value === "codex" && !snapshot.subagentRuntimeInstalled,
-										onChange: () => {
-											preference.set({ subagentBackend: value });
-										}
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t(`subagentBackend_${value}`) })]
-								}, value))
-							})]
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RuntimeManagement, {
-							rpc,
+					] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(QuickQuotaPreference, {
 							preference,
 							t
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CapabilityPreferences, {
+							preference,
+							t,
+							section: "quota"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "codexSubscriptionDivider" }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AutoQuotaRetryPreference, {
+							preference,
+							t
+						})
+					] }),
+					snapshot.error ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "codexSubscriptionRecover",
+						role: "alert",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "codexSubscriptionError",
+							children: t("preferenceFailed")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+							type: "button",
+							variant: "outline",
+							onClick: () => {
+								preference.retry();
+							},
+							children: t("preferenceRetry")
 						})]
-					})
-				] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(QuickQuotaPreference, {
-						preference,
-						t
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CapabilityPreferences, {
-						preference,
-						t,
-						section: "quota"
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "codexSubscriptionDivider" }),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AutoQuotaRetryPreference, {
-						preference,
-						t
-					})
-				] }), snapshot.error ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "codexSubscriptionRecover",
-					role: "alert",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: "codexSubscriptionError",
-						children: t("preferenceFailed")
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
-						type: "button",
-						variant: "outline",
-						onClick: () => {
-							preference.retry();
-						},
-						children: t("preferenceRetry")
-					})]
-				}) : null]
+					}) : null
+				]
 			});
 		}
 		//#endregion
@@ -13318,6 +13769,12 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region src/client-account.jsx
+		const LOGIN_FAILURES = [
+			"account-claim",
+			"network",
+			"token-exchange",
+			"callback"
+		];
 		function AccountEmail({ candidate, fallback, t, emailVisible, onClick }) {
 			if (typeof candidate?.email !== "string" || candidate.email.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 				title: t("emailUnavailable"),
@@ -13677,7 +14134,7 @@ window.__ModuleLoader__.load({
 					flow?.phase === "failed" || error !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						className: "codexSubscriptionError",
 						role: "alert",
-						children: error ?? t("failed")
+						children: error ?? (LOGIN_FAILURES.includes(flow?.failure) ? t(`failed_${flow.failure.replace("-", "_")}`) : t("failed"))
 					}) : null
 				]
 			});
@@ -14130,6 +14587,276 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
+		//#region src/client-usage-overview.jsx
+		const uiLocale = () => typeof document === "undefined" ? void 0 : document.documentElement.lang || void 0;
+		const WEEKS = 26;
+		const compact = (value) => new Intl.NumberFormat(uiLocale(), {
+			notation: "compact",
+			maximumFractionDigits: 1
+		}).format(value);
+		const hours = (seconds) => seconds >= 3600 ? `${Math.round(seconds / 360) / 10} h` : `${Math.max(1, Math.round(seconds / 60))} min`;
+		const key = (date) => `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}-${String(date.getDate()).padStart(2, "0")}`;
+		function UsageHeatmap({ days, t }) {
+			const byDate = new Map(days.map((day) => [day.date, day.tokens]));
+			const today = /* @__PURE__ */ new Date();
+			today.setHours(0, 0, 0, 0);
+			const start = new Date(today);
+			start.setDate(start.getDate() - ((WEEKS - 1) * 7 + today.getDay()));
+			const cells = [];
+			for (let index = 0; index < WEEKS * 7; index += 1) {
+				const date = new Date(start);
+				date.setDate(start.getDate() + index);
+				if (date > today) break;
+				cells.push({
+					date: key(date),
+					tokens: byDate.get(key(date)) ?? 0,
+					column: Math.floor(index / 7),
+					row: index % 7
+				});
+			}
+			const busy = cells.map((cell) => cell.tokens).filter((tokens) => tokens > 0).sort((a, b) => a - b);
+			const level = (tokens) => tokens === 0 ? 0 : 1 + [
+				.25,
+				.5,
+				.75
+			].filter((point) => tokens > busy[Math.floor((busy.length - 1) * point)]).length;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+				className: "codexSubscriptionHeatmap",
+				viewBox: `0 0 ${WEEKS * 14} 98`,
+				role: "img",
+				"aria-label": t("overviewHeatmap"),
+				children: cells.map((cell) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
+					x: cell.column * 14,
+					y: cell.row * 14,
+					width: "11",
+					height: "11",
+					rx: "2",
+					"data-level": level(cell.tokens),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: `${cell.date}: ${cell.tokens === 0 ? t("overviewNoUse") : fill(t("overviewTokens"), { value: compact(cell.tokens) })}` })
+				}, cell.date))
+			});
+		}
+		function UsageOverview({ rpc, t, signedIn, resetKey }) {
+			const [open, setOpen] = (0, react.useState)(false);
+			const [state, setState] = (0, react.useState)({ status: "idle" });
+			const request = (0, react.useRef)(0);
+			(0, react.useEffect)(() => {
+				request.current += 1;
+				setState({ status: "idle" });
+			}, [signedIn, resetKey]);
+			(0, react.useEffect)(() => {
+				if (!open || !signedIn || state.status !== "idle") return;
+				const id = ++request.current;
+				setState({ status: "loading" });
+				recoveryCall(rpc, "usage/profile", {}).then((value) => {
+					if (request.current === id) setState({
+						status: "ready",
+						value
+					});
+				}).catch((error) => {
+					if (request.current === id) setState({
+						status: "error",
+						message: error.message
+					});
+				});
+			}, [
+				open,
+				signedIn,
+				state.status,
+				rpc
+			]);
+			if (!signedIn) return null;
+			const value = state.value;
+			const stats = value === void 0 || value.available === false ? [] : [
+				[t("overviewLifetime"), value.lifetimeTokens === void 0 ? void 0 : compact(value.lifetimeTokens)],
+				[t("overviewPeak"), value.peakDailyTokens === void 0 ? void 0 : compact(value.peakDailyTokens)],
+				[t("overviewStreak"), value.currentStreakDays === void 0 ? void 0 : fill(t("overviewDays"), { value: value.currentStreakDays })],
+				[t("overviewLongestStreak"), value.longestStreakDays === void 0 ? void 0 : fill(t("overviewDays"), { value: value.longestStreakDays })],
+				[t("overviewThreads"), value.totalThreads === void 0 ? void 0 : value.totalThreads.toLocaleString(uiLocale())],
+				[t("overviewEffort"), value.mostUsedReasoningEffort === void 0 ? void 0 : `${value.mostUsedReasoningEffort}${value.mostUsedReasoningEffortPercent === void 0 ? "" : ` · ${value.mostUsedReasoningEffortPercent}%`}`],
+				[t("overviewFast"), value.fastModePercent === void 0 ? void 0 : `${value.fastModePercent}%`],
+				[t("overviewLongestTurn"), value.longestRunningTurnSeconds === void 0 ? void 0 : hours(value.longestRunningTurnSeconds)]
+			].filter(([, text]) => text !== void 0);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
+				className: "codexSubscriptionHistory",
+				onToggle: (event) => setOpen(event.currentTarget.open),
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("summary", { children: t("overviewTitle") }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						"aria-live": "polite",
+						children: [
+							state.status === "loading" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "codexSubscriptionEmpty",
+								role: "status",
+								children: t("overviewLoading")
+							}) : null,
+							state.status === "error" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "codexSubscriptionError",
+								role: "alert",
+								children: state.message
+							}) : null,
+							state.status === "ready" && stats.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "codexSubscriptionEmpty",
+								role: "status",
+								children: t("overviewUnavailable")
+							}) : null
+						]
+					}),
+					stats.length === 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dl", {
+						className: "codexSubscriptionOverviewStats",
+						children: stats.map(([label, text]) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: label }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: text })] }, label))
+					}), value.days.length === 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UsageHeatmap, {
+						days: value.days,
+						t
+					})] })
+				]
+			});
+		}
+		//#endregion
+		//#region src/client-usage-history.jsx
+		const DIMENSIONS = [
+			"model",
+			"surface",
+			"thread_source",
+			"turn_trigger"
+		];
+		const LABELS = /* @__PURE__ */ new Map([
+			["desktop_app", "historyDesktopApp"],
+			["cli", "historyCli"],
+			["ide_extension", "historyIde"],
+			["web", "historyWeb"],
+			["mobile", "historyMobile"],
+			["user", "historyUser"],
+			["subagent", "historySubagent"],
+			["memory_consolidation", "historyMemory"],
+			["review", "historyReview"],
+			["composer", "historyComposer"],
+			["automation", "historyAutomation"]
+		]);
+		const day = (value) => new Date(value).toLocaleDateString(uiLocale(), {
+			month: "numeric",
+			day: "numeric"
+		});
+		const amount = (value) => value > 0 && value < .1 ? "<0.1" : (value >= 10 ? Math.round(value) : Math.round(value * 10) / 10).toLocaleString(uiLocale());
+		const labelOf = (dimension, key, t) => dimension === "model" ? key : LABELS.has(key) ? t(LABELS.get(key)) : key.replaceAll("_", " ");
+		function Rows({ dimension, rows, total, t }) {
+			const top = Math.max(total, ...rows.map((row) => row.percent));
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "codexSubscriptionHistoryGroup",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", { children: t(`historyBy_${dimension}`) }), rows.toSorted((a, b) => b.percent - a.percent).map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "codexSubscriptionHistoryRow",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "codexSubscriptionHistoryKey",
+							children: labelOf(dimension, row.key, t)
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("progress", {
+							max: top,
+							value: row.percent,
+							"aria-label": `${labelOf(dimension, row.key, t)} ${amount(row.percent)}%`
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("strong", { children: [amount(row.percent), "%"] })
+					]
+				}, row.key))]
+			});
+		}
+		function UsageHistory({ rpc, t, signedIn, resetKey }) {
+			const [open, setOpen] = (0, react.useState)(false);
+			const [state, setState] = (0, react.useState)({ status: "idle" });
+			const [selected, setSelected] = (0, react.useState)(0);
+			const request = (0, react.useRef)(0);
+			(0, react.useEffect)(() => {
+				request.current += 1;
+				setState({ status: "idle" });
+				setSelected(0);
+			}, [signedIn, resetKey]);
+			(0, react.useEffect)(() => {
+				if (!open || !signedIn || state.status !== "idle") return;
+				const id = ++request.current;
+				setState({ status: "loading" });
+				recoveryCall(rpc, "usage/history", {}).then((value) => {
+					if (request.current === id) setState({
+						status: "ready",
+						value
+					});
+				}).catch((error) => {
+					if (request.current === id) setState({
+						status: "error",
+						message: error.message
+					});
+				});
+			}, [
+				open,
+				signedIn,
+				state.status,
+				rpc
+			]);
+			if (!signedIn) return null;
+			const value = state.value;
+			const periods = (value?.periods ?? []).filter((period) => period.usedPercent !== void 0);
+			const period = periods[Math.min(selected, Math.max(0, periods.length - 1))];
+			const present = DIMENSIONS.filter((dimension) => period?.breakdowns?.[dimension]?.length > 0);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
+				className: "codexSubscriptionHistory",
+				onToggle: (event) => setOpen(event.currentTarget.open),
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("summary", { children: t("historyTitle") }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						"aria-live": "polite",
+						children: [
+							state.status === "loading" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "codexSubscriptionEmpty",
+								role: "status",
+								children: t("historyLoading")
+							}) : null,
+							state.status === "error" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "codexSubscriptionError",
+								role: "alert",
+								children: state.message
+							}) : null,
+							state.status === "ready" && value.available === false ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "codexSubscriptionEmpty",
+								role: "status",
+								children: t("historyUnavailable")
+							}) : null,
+							state.status === "ready" && value.available !== false && period === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "codexSubscriptionEmpty",
+								role: "status",
+								children: t("historyEmpty")
+							}) : null
+						]
+					}),
+					period === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "codexSubscriptionHistoryPeriods",
+							role: "group",
+							"aria-label": t("historyPeriods"),
+							children: periods.map((item, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								"aria-pressed": item === period,
+								onClick: () => setSelected(index),
+								children: `${day(item.startsAt)}–${day(item.endsAt)}`
+							}, item.startsAt))
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+							className: "codexSubscriptionHistorySummary",
+							children: [fill(t("historyUsed"), { value: amount(period.usedPercent) }), period.complete ? "" : ` ${t("historyPartial")}`]
+						}),
+						present.map((dimension) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Rows, {
+							dimension,
+							rows: period.breakdowns[dimension],
+							total: period.usedPercent,
+							t
+						}, dimension)),
+						value.approximate ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "codexSubscriptionCreditNote",
+							children: t("historyApproximate")
+						}) : null
+					] })
+				]
+			});
+		}
+		//#endregion
 		//#region src/client-usage.jsx
 		const count = (value) => Number(value).toLocaleString();
 		const creditAmount = (value) => Number.isFinite(Number(value)) && String(value).trim() !== "" ? Number(value).toLocaleString(void 0, { maximumFractionDigits: 2 }) : value;
@@ -14495,6 +15222,18 @@ window.__ModuleLoader__.load({
 							]
 						}, `${limit.id}-${window.windowSeconds}-${index}`)))
 					}),
+					limits.length === 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UsageOverview, {
+						rpc,
+						t,
+						signedIn,
+						resetKey
+					}),
+					limits.length === 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UsageHistory, {
+						rpc,
+						t,
+						signedIn,
+						resetKey
+					}),
 					visibleUsage?.chatPass === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "codexSubscriptionLimits",
 						children: visibleUsage.chatPass.windows.map((window, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {