dsh-codex-subscription 3.0.0-beta.7 → 3.0.0

package/lib/client.js

@@ -1075,6 +1075,7 @@ window.__ModuleLoader__.load({
 			"account/select",
 			"account/remove",
 			"usage",
+			"usage/accounts",
 			"usage/history",
 			"usage/profile",
 			"diagnostics",
@@ -1325,10 +1326,6 @@ window.__ModuleLoader__.load({
 								className: "codexImageToolTitle",
 								children: t("imageGenerate")
 							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "codexImageBeta",
-								children: t("imageBeta")
-							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 								className: "codexImageToolState",
 								children: status
@@ -5477,6 +5474,8 @@ window.__ModuleLoader__.load({
 		const IconChevronDownOutline14 = _deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineRegular;
 		const IconChevronRightOutline14 = _deepseek_ai_dsh_client_ui_primitives.IconChevronRightOutlineRegular;
 		const Menu = _deepseek_ai_dsh_client_ui_primitives.Menu;
+		const MenuSurface = _deepseek_ai_dsh_client_ui_primitives.MenuSurface;
+		const MenuGroup = _deepseek_ai_dsh_client_ui_primitives.MenuGroup;
 		const Tooltip = _deepseek_ai_dsh_client_ui_primitives.Tooltip;
 		const IconChevronLeftOutline14 = _deepseek_ai_dsh_client_ui_primitives.IconChevronLeftOutlineRegular;
 		const IconCloseOutline16 = _deepseek_ai_dsh_client_ui_primitives.IconCloseOutlineRegular;
@@ -5681,10 +5680,17 @@ window.__ModuleLoader__.load({
 			inputImageDetail_high: "高",
 			inputImageDetail_original: "原图",
 			connectors: "ChatGPT 连接器",
-			connectorsHint: "让 DSH 里的任何模型使用你在 ChatGPT 网页里已连接的应用（GitHub、Gmail、Google 云端硬盘、日历等）。只读：模型只能读取；允许写入：发邮件、改文件等写操作每次都要你批准。应用返回的内容来自第三方，模型不会照其中的指令行事。需先在 ChatGPT 里连接应用。",
+			connectorsHint: "让 DSH 里的任何模型使用你在 ChatGPT 里已连接的应用（GitHub、Gmail、云端硬盘、日历等）。需先在 ChatGPT 里连接应用；应用返回的内容来自第三方，模型不会照其中的指令行事。",
+			connectorsMode_off: "连接器关闭，模型看不到这些应用。",
+			connectorsMode_read: "模型只能读取（搜邮件、读文件、查 PR），不会修改任何数据。",
+			connectorsMode_ask: "发邮件、改文件等写操作每次都会弹出确认，你批准后才执行。",
+			connectorsMode_write: "写操作直接执行，不再弹出确认，误操作无法撤回，请谨慎使用。",
+			hintMore: "展开",
+			hintLess: "收起",
 			connectors_off: "关闭",
 			connectors_read: "只读",
-			connectors_ask: "允许写入（每次审批）",
+			connectors_ask: "询问后写入",
+			connectors_write: "直接写入",
 			reasoningSummary: "推理摘要",
 			reasoningSummaryHint: "让模型在会话的“思考”部分给出推理摘要。自动由模型决定；简洁更短；详细更完整；关闭则不要摘要。",
 			retryPolicy: "请求重试",
@@ -5708,6 +5714,7 @@ window.__ModuleLoader__.load({
 			remoteHint: "实验功能，默认关闭。开启后，这台电脑上的 DSH 会出现在 ChatGPT 手机 App 的 Codex 主机列表里，可用手机查看对话、发消息、切换模型和审批。需要订阅账号登录；电脑要保持开机和联网。",
 			remoteConnected: "已连接",
 			remoteConnecting: "正在连接",
+			remoteWaiting: "正在等待上一次连接释放，通常几分钟内自动连上",
 			remoteError: "连接失败，会自动重试",
 			remoteStopped: "已停止",
 			remotePaired: "已配对的手机",
@@ -6108,7 +6115,13 @@ window.__ModuleLoader__.load({
 			resetNoCredit: "没有可用的额度重置。",
 			resetAlready: "这次重置请求已处理。",
 			resetFailed: "无法使用额度重置。",
+			accountQuotaLeft: "{label}剩余 {value}%",
+			accountQuotaResets: "{value} 重置",
+			accountQuotaLoading: "正在读取额度…",
+			accountQuotaError: "暂时读不到这个账号的额度",
+			accountQuotaNone: "没有额度窗口信息",
 			resetRenewLogin: "登录状态已失效，请重新登录。",
+			resetBlocked: "ChatGPT 的网络防护拦截了这次请求（HTTP 403），登录状态没有问题。请稍后再试，或检查网络、代理或 VPN。",
 			resetExpired: "本次确认已失效，请重新开始。",
 			resetInProgress: "额度重置正在处理中。",
 			resetTooEarly: "请等待冷静期结束后再确认。",
@@ -6207,7 +6220,6 @@ window.__ModuleLoader__.load({
 			modelFailed: "模型目录加载失败：{value}",
 			groupFailed: "{name}：{value}",
 			imageGenerate: "生成图片",
-			imageBeta: "Beta",
 			imageGenerating: "正在生成…",
 			imageGenerated: "已生成",
 			imageFailed: "生成失败",
@@ -6354,10 +6366,17 @@ window.__ModuleLoader__.load({
 			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.",
+			connectorsHint: "Lets any model in DSH use the apps you have connected in ChatGPT (GitHub, Gmail, Drive, Calendar and more). Connect the apps in ChatGPT first; what apps return is third-party content and models do not follow instructions inside it.",
+			connectorsMode_off: "Connectors are off; models cannot see these apps.",
+			connectorsMode_read: "Models can only read (search mail, read files, look up pull requests) and never change data.",
+			connectorsMode_ask: "Anything that changes data, such as sending mail or editing files, asks for your approval every time.",
+			connectorsMode_write: "Changing actions run immediately without a prompt and cannot be undone, so use this carefully.",
+			hintMore: "More",
+			hintLess: "Less",
 			connectors_off: "Off",
 			connectors_read: "Read-only",
-			connectors_ask: "Allow writes (ask each time)",
+			connectors_ask: "Write after asking",
+			connectors_write: "Write directly",
 			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",
@@ -6381,6 +6400,7 @@ window.__ModuleLoader__.load({
 			remoteHint: "Experimental, off by default. When on, this computer's DSH appears as a host in the ChatGPT mobile app's Codex list, so you can follow conversations, send messages, switch models and approve actions from your phone. Needs a signed-in subscription account; the computer must stay on and online.",
 			remoteConnected: "Connected",
 			remoteConnecting: "Connecting",
+			remoteWaiting: "Waiting for the previous connection to be released; usually reconnects within a few minutes",
 			remoteError: "Connection failed, retrying",
 			remoteStopped: "Stopped",
 			remotePaired: "Paired phones",
@@ -6395,7 +6415,7 @@ window.__ModuleLoader__.load({
 			remotePairSteps: "Scan this in the ChatGPT app's Codex section, or type the manual code.",
 			remoteManualCode: "Manual pairing code",
 			remoteQrLabel: "Pairing QR code",
-			remoteExpires: "Valid for about {minutes} minute(s)",
+			remoteExpires: "Expires in about {minutes} min",
 			remoteExpired: "The pairing code expired. Create a new one.",
 			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",
@@ -6781,7 +6801,13 @@ window.__ModuleLoader__.load({
 			resetNoCredit: "No quota reset is available.",
 			resetAlready: "This reset request was already processed.",
 			resetFailed: "Could not use the quota reset.",
+			accountQuotaLeft: "{label} {value}% left",
+			accountQuotaResets: "resets {value}",
+			accountQuotaLoading: "Reading quota…",
+			accountQuotaError: "The quota of this account could not be read right now",
+			accountQuotaNone: "No quota window reported",
 			resetRenewLogin: "Your sign-in expired. Sign in again.",
+			resetBlocked: "ChatGPT network protection blocked this request (HTTP 403). Your sign-in is fine; try again later or check your network, proxy or VPN.",
 			resetExpired: "This confirmation expired. Start again.",
 			resetInProgress: "A quota reset is already in progress.",
 			resetTooEarly: "Wait for the cooldown before confirming.",
@@ -6880,7 +6906,6 @@ window.__ModuleLoader__.load({
 			modelFailed: "Could not load models: {value}",
 			groupFailed: "{name}: {value}",
 			imageGenerate: "Generate image",
-			imageBeta: "Beta",
 			imageGenerating: "Generating…",
 			imageGenerated: "Generated",
 			imageFailed: "Generation failed",
@@ -6949,11 +6974,26 @@ window.__ModuleLoader__.load({
 .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}
+.codexSubscriptionPreference{min-height:32px;box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 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}
-.codexSubscriptionPreferenceHint{max-width:300px;font-size:11px;line-height:17px;color:var(--dsw-alias-label-tertiary)}
-.codexSubscriptionQuotaModes{display:flex;align-items:center;gap:3px;padding:2px;border-radius:9px;background:var(--dsw-alias-bg-module-platform)}
+.codexSubscriptionPreference>.codexSubscriptionPreferenceCopy{flex:1 1 240px}
+.codexSubscriptionPreferenceHint{max-width:none;font-size:11px;line-height:17px;color:var(--dsw-alias-label-tertiary)}
+.codexSubscriptionHintText{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
+.codexSubscriptionHintFold[data-open=true] .codexSubscriptionHintText{display:block;-webkit-line-clamp:unset}
+.codexSubscriptionHintToggle{display:inline-flex;align-items:center;gap:3px;margin-top:2px;padding:0;border:0;background:none;font:inherit;font-size:11px;line-height:17px;color:var(--dsw-alias-label-secondary);cursor:pointer}
+.codexSubscriptionHintToggle::after{content:"";width:5px;height:5px;margin-top:-2px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);transition:transform .15s}
+.codexSubscriptionHintFold[data-open=true] .codexSubscriptionHintToggle::after{margin-top:2px;transform:rotate(-135deg)}
+.codexSubscriptionHintToggle:hover{color:var(--dsw-alias-label-primary)}
+.codexSubscriptionHintToggle:focus-visible{outline:2px solid var(--dsw-alias-border-l3);outline-offset:1px;border-radius:3px}
+.codexSubscriptionPreferenceStack{margin-top:6px;padding-top:10px;border-top:1px solid var(--dsw-alias-border-l2)}
+.codexSubscriptionPreferenceStack>.codexSubscriptionQuotaModes{flex:1 1 100%;margin-left:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
+.codexSubscriptionPreferenceStack .codexSubscriptionQuotaMode{min-height:30px;padding:4px 8px;text-align:center;white-space:normal;line-height:16px}
+.codexSubscriptionPreferenceLabel small{padding:0 6px;border-radius:999px;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-tertiary);font-size:10px;font-weight:500;line-height:16px}
+@container (max-width:560px){.codexSubscriptionPreferenceStack>.codexSubscriptionQuotaModes{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}}
+.codexSubscriptionModeNote{flex:1 1 100%;padding:7px 10px;border-radius:8px;background:var(--dsw-alias-bg-module-platform);font-size:12px;line-height:18px;color:var(--dsw-alias-label-secondary)}
+.codexSubscriptionModeNote[data-danger=true]{background:color-mix(in srgb,var(--dsw-alias-label-danger,#d92d20) 12%,transparent);color:var(--dsw-alias-label-danger,#d92d20)}
+.codexSubscriptionQuotaModes{display:flex;flex-wrap:wrap;max-width:100%;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;white-space:nowrap}
 .codexSubscriptionQuotaMode small{margin-left:3px;font-size:9px;line-height:1;color:var(--dsw-alias-label-tertiary)}
 .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)}
@@ -6987,6 +7027,9 @@ window.__ModuleLoader__.load({
 .codexSubscriptionAccounts{display:flex;flex-direction:column;border-top:1px solid var(--dsw-alias-border-l2)}
 .codexSubscriptionAccount{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;border-bottom:1px solid var(--dsw-alias-border-l2);font-size:13px}
 .codexSubscriptionAccount:last-child{border-bottom:0}
+.codexSubscriptionAccountMain{display:flex;flex-direction:column;gap:2px;padding:6px 0;min-width:0}
+.codexSubscriptionAccountQuota{display:flex;flex-wrap:wrap;gap:2px 12px;font-size:12px;color:var(--dsw-alias-text-l2)}
+.codexSubscriptionAccountQuota[data-state=error]{color:var(--dsw-alias-text-danger,#c0392b)}
 .codexSubscriptionAccount[data-active=true] .codexSubscriptionEmail,.codexSubscriptionAccount[data-active=true]>span{font-weight:600}
 .codexSubscriptionEmail{max-width:100%;overflow:hidden;padding:2px 4px;border:0;border-radius:5px;background:transparent;color:var(--dsw-alias-label-primary);font:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
 .codexSubscriptionEmail:hover{background:var(--dsw-alias-interactive-bg-hover)}
@@ -7129,7 +7172,7 @@ window.__ModuleLoader__.load({
 .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{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:var(--dsw-radius-sm);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}
@@ -7138,34 +7181,32 @@ window.__ModuleLoader__.load({
 .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-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}
+/* The menu follows DSH's own model picker: one floating surface above the trigger, rows drill into the same surface. */
+.codexModelSelectMenu{z-index:1100;--dsw-elevation-stroke-color:var(--dsw-alias-border-l1);box-sizing:border-box;position:fixed;display:flex;flex-direction:column;width:max-content;min-width:min(240px,100vw - 32px);max-width:min(420px,100vw - 32px);max-height:min(360px,100vh - 96px);padding:4px;border:0;box-shadow:var(--dsw-elevation-prominent);color:var(--dsw-alias-label-primary);--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);overflow:hidden}
+.codexModelSelectCell{box-sizing:border-box;display:flex;align-items:center;gap:6px;width:auto;min-width:100%;height:34px;padding:0 8px;border:none;border-radius:var(--dsw-radius-md);outline:none;background:transparent;color:var(--dsw-alias-label-primary);font-size:13px;line-height:20px;text-align:left;cursor:pointer}
+.codexModelSelectCell:hover,.codexModelSelectCell:focus-visible{background:var(--dsw-alias-interactive-bg-hover)}
 .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)}
-.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)}
+.codexModelSelectCellChevron{flex:none;width:12px;height:12px;color:var(--dsw-alias-menu-icon)}
+.codexModelSelectSearchRow{flex-shrink:0;position:relative;margin:2px 0 3px}
+.codexModelSelectSearchRow .codexModelSelectSearch{display:flex;height:auto;padding:5px 7px;border:0 solid transparent;border-radius:var(--dsw-radius-md);background:transparent}
+.codexModelSelectSearchRow .codexModelSelectSearch:focus-within{border-color:transparent}
+.codexModelSelectSearchRow .codexModelSelectSearch input{padding:0;font-size:12px;line-height:normal}
+.codexModelSelectSearchRow .codexModelSelectSearch input::placeholder{color:var(--dsw-alias-label-caption)}
 .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}
+.codexModelSelectGroupTitle{padding:5px 8px 3px;color:var(--dsw-alias-label-tertiary);font-size:12px;font-weight:500;line-height:18px}
+.codexModelSelectOption{box-sizing:border-box;display:flex;align-items:center;gap:6px;width:auto;min-width:100%;min-height:34px;padding:5px 7px;border:none;border-radius:var(--dsw-radius-md);outline:none;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}
+.codexModelSelectOptionCopy{display:flex;flex:1;flex-direction:column;min-width:0}
+.codexModelSelectOptionName{overflow:hidden;color:inherit;font-size:13px;font-weight:400;line-height:18px;text-overflow:ellipsis;white-space:nowrap}
+.codexModelSelectOptionDescription{overflow:hidden;color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:16px;text-overflow:ellipsis;white-space:nowrap}
+.codexModelSelectCheck{display:grid;place-items:center;flex:0 0 14px;color:var(--dsw-alias-label-primary)}
+.codexModelSelectCheck svg{width:14px;height:14px}
+.codexModelSelectStatus,.codexModelSelectEmpty{padding:8px;color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px}
+.codexModelSelectError,.codexModelSelectWarning{display:flex;align-items:flex-start;justify-content:space-between;gap:6px;margin-bottom:3px;padding:6px 7px;border-radius:var(--dsw-radius-md);background:var(--dsw-alias-interactive-bg-hover-danger);color:var(--dsw-alias-state-error-primary);font-size:11px;line-height:16px}
 .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}
+.codexModelSelectRetry{flex:none;padding:0;border:none;background:transparent;color:inherit;font:inherit;font-weight:600;cursor:pointer}
 .codexImageTool{display:flex;flex-direction:column;gap:8px;margin:4px 0;color:var(--dsw-alias-label-primary)}
 .codexImageToolRow{display:flex;align-items:center;min-height:24px;gap:8px;font-size:13px;line-height:20px}
 .codexImageToolIcon{display:block;flex-shrink:0;width:16px;height:16px;color:var(--dsw-alias-label-secondary)}
@@ -7180,7 +7221,6 @@ window.__ModuleLoader__.load({
 .codexGeneratedImageFrame img{display:block;width:100%;height:100%;object-fit:cover}
 .codexGeneratedImageRetry{min-height:36px;padding:0 12px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);cursor:pointer}
 @keyframes codexImageSpin{to{transform:rotate(360deg)}}
-.codexImageBeta{padding:0 5px;border:1px solid var(--dsw-alias-border-l2);border-radius:999px;color:var(--dsw-alias-label-tertiary);font-size:10px;line-height:16px}
 .codexImageToolGallery{display:flex;align-items:flex-start;flex-direction:column;gap:8px}
 @container (max-width:560px){.codexSubscriptionCreditRows{grid-template-columns:1fr}}
 @container (max-width:480px){.codexSubscriptionAccountRow,.codexSubscriptionSectionHead{align-items:flex-start;flex-direction:column}
@@ -8594,7 +8634,8 @@ window.__ModuleLoader__.load({
 		const CONNECTOR_MODES = Object.freeze([
 			"off",
 			"read",
-			"ask"
+			"ask",
+			"write"
 		]);
 		const INPUT_IMAGE_DETAIL_FIELD = "inputImageDetail";
 		const INPUT_IMAGE_DETAILS = Object.freeze([
@@ -9205,7 +9246,9 @@ window.__ModuleLoader__.load({
 			return `${local[0]}•••${local.at(-1)}@${domain}`;
 		};
 		const hours$1 = (seconds) => Math.round(seconds / 3600 * 10) / 10;
-		const percent = (value) => Number(value).toLocaleString(void 0, { maximumFractionDigits: 1 });
+		/** The language DSH shows its interface in, so dates and numbers match the text around them rather than the OS. */
+		const uiLocale = () => typeof document === "undefined" ? void 0 : document.documentElement.lang || void 0;
+		const percent = (value) => Number(value).toLocaleString(uiLocale(), { maximumFractionDigits: 1 });
 		const isApproximateWindow = (seconds, expected) => seconds >= expected * .95 && seconds <= expected * 1.05;
 		const windowLabel = (seconds, t) => {
 			if (isApproximateWindow(seconds, 18e3)) return t("windowFiveHours");
@@ -9282,7 +9325,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region src/version.js
-		const PACKAGE_VERSION = "3.0.0-beta.7";
+		const PACKAGE_VERSION = "3.0.0";
 		//#endregion
 		//#region src/client-recovery.js
 		async function recoveryCall(rpc, endpoint, payload = {}, timeoutMs = 1e4) {
@@ -9510,7 +9553,7 @@ window.__ModuleLoader__.load({
 		}
 		function shortReset(quota, t) {
 			if (!Number.isSafeInteger(quota.resetsAt)) return t("resetUnknown");
-			const value = (/* @__PURE__ */ new Date(quota.resetsAt * 1e3)).toLocaleString(void 0, {
+			const value = (/* @__PURE__ */ new Date(quota.resetsAt * 1e3)).toLocaleString(uiLocale(), {
 				month: "numeric",
 				day: "numeric",
 				hour: "2-digit",
@@ -9553,6 +9596,11 @@ window.__ModuleLoader__.load({
 		const ForwardRef = /*#__PURE__*/ react.forwardRef(BoltIcon);
 		//#endregion
 		//#region src/client-model-select.jsx
+		const MEASURE_STYLE = {
+			visibility: "hidden",
+			left: 0,
+			top: 0
+		};
 		function CodexModelSelect({ locked, available, directory, load, select, preference, t }) {
 			const state = (0, react.useSyncExternalStore)(directory.subscribe, directory.getSnapshot);
 			const preferenceSnapshot = usePreferenceSnapshot(preference);
@@ -9560,6 +9608,8 @@ window.__ModuleLoader__.load({
 			const [pane, setPane] = (0, react.useState)("root");
 			const [query, setQuery] = (0, react.useState)("");
 			const rootRef = (0, react.useRef)(null);
+			const menuRef = (0, react.useRef)(null);
+			const [menuPos, setMenuPos] = (0, react.useState)(null);
 			const triggerRef = (0, react.useRef)(null);
 			const id = (0, react.useId)();
 			const choices = (0, react.useMemo)(() => state.groups.flatMap((group) => group.models.map((model) => ({
@@ -9643,7 +9693,7 @@ window.__ModuleLoader__.load({
 			(0, react.useEffect)(() => {
 				if (!open) return void 0;
 				const closeOutside = (event) => {
-					if (!rootRef.current?.contains(event.target)) {
+					if (!rootRef.current?.contains(event.target) && !menuRef.current?.contains(event.target)) {
 						setOpen(false);
 						setPane("root");
 						setQuery("");
@@ -9652,6 +9702,39 @@ window.__ModuleLoader__.load({
 				document.addEventListener("mousedown", closeOutside);
 				return () => document.removeEventListener("mousedown", closeOutside);
 			}, [open]);
+			(0, react.useLayoutEffect)(() => {
+				if (!open) {
+					setMenuPos(null);
+					return;
+				}
+				const place = () => {
+					const rect = triggerRef.current?.getBoundingClientRect();
+					if (rect === void 0) return;
+					const margin = 12;
+					const width = menuRef.current?.offsetWidth ?? 0;
+					const height = menuRef.current?.offsetHeight ?? 0;
+					let left = rect.right - width;
+					let top = rect.top - 8 - height;
+					if (width > 0) left = Math.min(Math.max(left, margin), window.innerWidth - width - margin);
+					if (height > 0) top = Math.min(Math.max(top, margin), window.innerHeight - height - margin);
+					setMenuPos({
+						left,
+						top
+					});
+				};
+				place();
+				window.addEventListener("scroll", place, true);
+				window.addEventListener("resize", place);
+				return () => {
+					window.removeEventListener("scroll", place, true);
+					window.removeEventListener("resize", place);
+				};
+			}, [
+				open,
+				pane,
+				state,
+				query
+			]);
 			(0, react.useEffect)(() => {
 				if (pane !== "model") setQuery("");
 			}, [pane]);
@@ -9725,10 +9808,10 @@ window.__ModuleLoader__.load({
 				type: "button",
 				role: "menuitem",
 				className: "codexModelSelectCell",
-				"data-open": pane === target,
-				"aria-haspopup": "menu",
-				"aria-expanded": pane === target,
-				onClick: () => setPane((current) => current === target ? "root" : target),
+				onClick: () => {
+					setQuery("");
+					setPane(target);
+				},
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: "codexModelSelectCellLabel",
@@ -9741,141 +9824,147 @@ window.__ModuleLoader__.load({
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconChevronRightOutline14, { className: "codexModelSelectCellChevron" })
 				]
 			});
-			let submenu = null;
-			if (pane === "model") submenu = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "codexModelSelectSubmenu codexModelSelectModelMenu",
-				role: "menu",
-				"aria-label": t("modelLabel"),
-				children: [
-					state.status === "loading" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "codexModelSelectStatus",
-						children: t("modelsLoading")
-					}) : null,
-					state.error === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "codexModelSelectError",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: fill(t("modelFailed"), { value: state.error }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-							className: "codexModelSelectRetry",
-							type: "button",
-							onClick: load,
-							children: t("modelRetry")
-						})]
-					}),
-					state.failures.map((failure) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "codexModelSelectWarning",
-						children: fill(t("groupFailed"), {
-							name: failure.name,
-							value: failure.message
-						})
-					}, failure.id)),
-					searchable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+			const group = (key, label, children) => MenuGroup === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				role: "group",
+				"aria-label": label,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "codexModelSelectGroupTitle",
+					children: label
+				}), children]
+			}, key) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuGroup, {
+				label,
+				children
+			}, key);
+			let content = null;
+			if (pane === "root") content = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				cell("model", t("modelLabel"), modelLabel),
+				reasoning === void 0 ? null : cell("effort", t("effortLabel"), effortLabel),
+				(speedSupported || ultrafastSupported) && cell("speed", t("speedTitle"), t(speedKey)),
+				verbositySupported && cell("verbosity", t("verbosityTitle"), verbosityLabel)
+			] });
+			else if (pane === "model") content = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				searchable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "codexModelSelectSearchRow",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Input, {
 						className: "codexModelSelectSearch",
-						type: "search",
+						type: "text",
+						role: "searchbox",
 						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: shownGroups.map((group) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-							className: "codexModelSelectGroup",
-							role: "group",
-							"aria-labelledby": `${id}-${group.id}`,
-							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									className: "codexModelSelectGroupTitle",
-									id: `${id}-${group.id}`,
-									children: group.name
-								}),
-								group.allHidden === true ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									className: "codexModelSelectEmpty",
-									children: t("modelsHidden")
-								}) : null,
-								group.models.map((model) => option({
-									key: model.id,
-									label: model.name,
-									description: model.description,
-									selected: state.current?.provider === group.id && state.current.model === model.id,
-									disabled: busy,
-									onClick: () => chooseModel({
-										provider: group.id,
-										model: model.id
-									})
-								}))
-							]
-						}, group.id))
-					}),
-					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", {
+					})
+				}) : null,
+				state.status === "loading" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "codexModelSelectStatus",
+					children: t("modelsLoading")
+				}) : null,
+				state.error === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "codexModelSelectError",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: fill(t("modelFailed"), { value: state.error }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						className: "codexModelSelectRetry",
+						type: "button",
+						onClick: load,
+						children: t("modelRetry")
+					})]
+				}),
+				state.failures.map((failure) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "codexModelSelectWarning",
+					children: fill(t("groupFailed"), {
+						name: failure.name,
+						value: failure.message
+					})
+				}, failure.id)),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "codexModelSelectGroups scrollable",
+					role: "menu",
+					"aria-label": t("modelLabel"),
+					children: shownGroups.map((entry) => group(entry.id, entry.name, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [entry.allHidden === true ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "codexModelSelectEmpty",
-						children: t("modelNoMatch")
-					}) : null
-				]
-			});
-			else if (pane === "effort") submenu = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "codexModelSelectSubmenu",
-				role: "menu",
-				"aria-label": t("effortLabel"),
-				children: effortChoices.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						children: t("modelsHidden")
+					}) : null, entry.models.map((model) => option({
+						key: model.id,
+						label: model.name,
+						selected: state.current?.provider === entry.id && state.current.model === model.id,
+						disabled: busy,
+						onClick: () => chooseModel({
+							provider: entry.id,
+							model: model.id
+						})
+					}))] })))
+				}),
+				state.status === "ready" && visibleGroups.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "codexModelSelectEmpty",
-					children: t("effortsEmpty")
-				}) : effortChoices.map((level) => option({
-					key: level.key,
-					label: level.label,
-					description: level.description,
-					selected: effectiveEffort === level.effort,
-					disabled: busy,
-					onClick: () => chooseEffort(level.effort)
-				}))
-			});
-			else if (pane === "speed") submenu = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "codexModelSelectSubmenu",
-				role: "menu",
-				"aria-label": t("speedTitle"),
-				children: [
-					option({
-						key: SPEED_MODE_STANDARD,
-						label: t("speedStandard"),
-						description: t("speedStandardHint"),
-						selected: !fast,
-						disabled: !speedWritable,
-						onClick: () => chooseSpeed(SPEED_MODE_STANDARD)
-					}),
-					speedSupported && option({
-						key: "fast",
-						label: t("speedFast"),
-						description: t(state.current?.model === "gpt-6-astra" ? "speedFastAstraHint" : "speedFastHint"),
-						selected: fast && !ultrafast,
-						disabled: !speedWritable,
-						onClick: () => chooseSpeed("fast")
-					}),
-					ultrafastSupported && option({
-						key: "ultrafast",
-						label: t("speedUltrafast"),
-						description: t("speedUltrafastHint"),
-						selected: ultrafast,
-						disabled: !speedWritable,
-						onClick: () => chooseSpeed("ultrafast")
-					})
-				]
-			});
-			else if (pane === "verbosity") submenu = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "codexModelSelectSubmenu",
-				role: "menu",
-				"aria-label": t("verbosityTitle"),
-				children: verbosityItems.map((item) => option({
-					key: item.id,
-					label: item.label,
-					description: item.description,
-					selected: preferenceSnapshot.outputVerbosity === item.id,
-					disabled: !verbosityWritable,
-					onClick: () => chooseVerbosity(item.id)
-				}))
-			});
+					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
+			] });
+			else if (pane === "effort") content = effortChoices.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "codexModelSelectEmpty",
+				children: t("effortsEmpty")
+			}) : effortChoices.map((level) => option({
+				key: level.key,
+				label: level.label,
+				description: level.description,
+				selected: effectiveEffort === level.effort,
+				disabled: busy,
+				onClick: () => chooseEffort(level.effort)
+			}));
+			else if (pane === "speed") content = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				option({
+					key: SPEED_MODE_STANDARD,
+					label: t("speedStandard"),
+					description: t("speedStandardHint"),
+					selected: !fast,
+					disabled: !speedWritable,
+					onClick: () => chooseSpeed(SPEED_MODE_STANDARD)
+				}),
+				speedSupported && option({
+					key: "fast",
+					label: t("speedFast"),
+					description: t(state.current?.model === "gpt-6-astra" ? "speedFastAstraHint" : "speedFastHint"),
+					selected: fast && !ultrafast,
+					disabled: !speedWritable,
+					onClick: () => chooseSpeed("fast")
+				}),
+				ultrafastSupported && option({
+					key: "ultrafast",
+					label: t("speedUltrafast"),
+					description: t("speedUltrafastHint"),
+					selected: ultrafast,
+					disabled: !speedWritable,
+					onClick: () => chooseSpeed("ultrafast")
+				})
+			] });
+			else if (pane === "verbosity") content = verbosityItems.map((item) => option({
+				key: item.id,
+				label: item.label,
+				description: item.description,
+				selected: preferenceSnapshot.outputVerbosity === item.id,
+				disabled: !verbosityWritable,
+				onClick: () => chooseVerbosity(item.id)
+			}));
+			const menu = open ? (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuSurface ?? "div", {
+				ref: menuRef,
+				id: `${id}-menu`,
+				className: "codexModelSelectMenu",
+				style: menuPos ?? MEASURE_STYLE,
+				role: pane === "model" ? "group" : "menu",
+				"aria-label": t("modelMenuAria"),
+				"aria-busy": state.status === "loading" || busy,
+				onKeyDown: (event) => {
+					if (event.key !== "Escape") return;
+					event.preventDefault();
+					event.stopPropagation();
+					if (pane === "root") close(true);
+					else setPane("root");
+				},
+				children: content
+			}), document.body) : null;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "codexModelSelect",
 				ref: rootRef,
@@ -9911,19 +10000,51 @@ window.__ModuleLoader__.load({
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconChevronDownOutline14, { className: "codexModelSelectChevron" })
 					]
-				}), open ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "codexModelSelectMenu",
-					id: `${id}-menu`,
-					role: "menu",
-					"aria-label": t("modelMenuAria"),
-					"aria-busy": state.status === "loading" || busy,
-					children: [
-						cell("model", t("modelLabel"), modelLabel),
-						reasoning === void 0 ? null : cell("effort", t("effortLabel"), effortLabel),
-						(speedSupported || ultrafastSupported) && cell("speed", t("speedTitle"), t(speedKey)),
-						verbositySupported && cell("verbosity", t("verbosityTitle"), verbosityLabel),
-						submenu
-					]
+				}), menu]
+			});
+		}
+		//#endregion
+		//#region src/client-hint.jsx
+		/** A setting's explanation: shows up to two lines; a "More" link appears only when the text is actually cut off. */
+		function Hint({ children, t, as: Tag = "span" }) {
+			const [open, setOpen] = (0, react.useState)(false);
+			const [clipped, setClipped] = (0, react.useState)(false);
+			const text = (0, react.useRef)(null);
+			const id = (0, react.useId)();
+			const foldable = typeof children === "string";
+			(0, react.useLayoutEffect)(() => {
+				const node = text.current;
+				if (!foldable || node === null || open) return;
+				const measure = () => setClipped(node.scrollHeight > node.clientHeight + 1);
+				measure();
+				if (typeof ResizeObserver !== "function") return;
+				const observer = new ResizeObserver(measure);
+				observer.observe(node);
+				return () => observer.disconnect();
+			}, [
+				children,
+				foldable,
+				open
+			]);
+			if (!foldable) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Tag, {
+				className: "codexSubscriptionPreferenceHint",
+				children
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Tag, {
+				className: "codexSubscriptionPreferenceHint codexSubscriptionHintFold",
+				"data-open": open || void 0,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					id,
+					ref: text,
+					className: "codexSubscriptionHintText",
+					children
+				}), clipped || open ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: "codexSubscriptionHintToggle",
+					"aria-expanded": open,
+					"aria-controls": id,
+					onClick: () => setOpen((value) => !value),
+					children: t(open ? "hintLess" : "hintMore")
 				}) : null]
 			});
 		}
@@ -9947,7 +10068,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region src/image-preferences.jsx
-		function ImageChoice({ label, hint, value, text, items, disabled, onSelect }) {
+		function ImageChoice({ t, label, hint, value, text, items, disabled, onSelect }) {
 			const [open, setOpen] = (0, react.useState)(false);
 			const anchor = (0, react.useRef)(null);
 			(0, react.useEffect)(() => {
@@ -9966,8 +10087,8 @@ window.__ModuleLoader__.load({
 				className: "codexSubscriptionPreference codexImagePreference",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "codexSubscriptionPreferenceCopy",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label }), hint ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "codexSubscriptionPreferenceHint",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label }), hint ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
+						t,
 						children: hint
 					}) : null]
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Menu, {
@@ -10021,6 +10142,7 @@ window.__ModuleLoader__.load({
 							Object.keys(IMAGE_SETTING_GROUPS).filter((group) => group.startsWith("sketch") === sketch).map((group) => {
 								const value = imageGroupValue(snapshot, group);
 								return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ImageChoice, {
+									t,
 									label: t(sketch ? `${group}Setting` : group),
 									hint: t(`${group}Hint`),
 									value,
@@ -10038,6 +10160,7 @@ window.__ModuleLoader__.load({
 							!sketch ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: "codexImageDefaultsGroup",
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ImageChoice, {
+									t,
 									label: t("imageModel"),
 									value: snapshot.imageModel,
 									text: modelLabel(snapshot.imageModel),
@@ -10053,6 +10176,7 @@ window.__ModuleLoader__.load({
 										});
 									}
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ImageChoice, {
+									t,
 									label: t("imageQuality"),
 									value: snapshot.imageQuality,
 									text: t(`imageQuality_${snapshot.imageQuality}`),
@@ -10066,8 +10190,9 @@ window.__ModuleLoader__.load({
 									}
 								})]
 							}) : null,
-							!sketch && snapshot.imageModel.includes("2.5") ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: "codexSubscriptionPreferenceHint",
+							!sketch && snapshot.imageModel.includes("2.5") ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
+								t,
+								as: "p",
 								children: t("imageModelHint")
 							}) : null
 						]
@@ -10125,8 +10250,8 @@ window.__ModuleLoader__.load({
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: "codexSubscriptionPreferenceLabel",
 						children: t("quotaAlerts")
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "codexSubscriptionPreferenceHint",
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
+						t,
 						children: t("quotaAlertsHint")
 					})]
 				}), choices("quotaAlerts", QUOTA_ALERT_MODES)]
@@ -10160,8 +10285,9 @@ window.__ModuleLoader__.load({
 							children: t("searchMode")
 						}), choices("searchMode", SEARCH_MODES)]
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: "codexSubscriptionPreferenceHint",
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
+						t,
+						as: "p",
 						children: t("searchModeHint")
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
@@ -10180,8 +10306,8 @@ window.__ModuleLoader__.load({
 									if (event.key === "Enter") event.currentTarget.blur();
 								}
 							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "codexSubscriptionPreferenceHint",
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
+								t,
 								children: t("searchDomainsHint")
 							})
 						]
@@ -10267,8 +10393,8 @@ window.__ModuleLoader__.load({
 							className: "codexSubscriptionPreferenceLabel",
 							children: t("defaultModelTitle")
 						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "codexSubscriptionPreferenceHint",
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
+							t,
 							children: hint
 						}),
 						snapshot.error ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -12634,6 +12760,7 @@ window.__ModuleLoader__.load({
 		const STATUS_KEYS = {
 			connected: "remoteConnected",
 			connecting: "remoteConnecting",
+			waiting: "remoteWaiting",
 			error: "remoteError",
 			stopped: "remoteStopped"
 		};
@@ -12787,8 +12914,8 @@ window.__ModuleLoader__.load({
 								" ",
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: "Beta" })
 							]
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "codexSubscriptionPreferenceHint",
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
+							t,
 							children: t("remoteHint")
 						})]
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -12875,7 +13002,7 @@ window.__ModuleLoader__.load({
 							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
+								client.lastSeenAt ? t("remoteLastSeen").replace("{date}", new Date(client.lastSeenAt).toLocaleString(uiLocale())) : null
 							].filter(Boolean).join(" · ") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
 								type: "button",
 								variant: "outline",
@@ -12950,8 +13077,8 @@ window.__ModuleLoader__.load({
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: "codexSubscriptionPreferenceLabel",
 						children: t("quickQuotaSetting")
-					}), snapshot.quickQuotaMode === "forecast" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "codexSubscriptionPreferenceHint",
+					}), snapshot.quickQuotaMode === "forecast" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
+						t,
 						children: t("quickQuotaForecastHint")
 					}) : null]
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -12983,8 +13110,8 @@ window.__ModuleLoader__.load({
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: "codexSubscriptionPreferenceLabel",
 						children: t("autoQuotaRetry")
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "codexSubscriptionPreferenceHint",
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
+						t,
 						children: t("autoQuotaRetryHint")
 					})]
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Switch, {
@@ -13022,8 +13149,8 @@ window.__ModuleLoader__.load({
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							className: "codexSubscriptionPreferenceLabel",
 							children: t("searchTitle")
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "codexSubscriptionPreferenceHint",
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
+							t,
 							children: t(hint)
 						})]
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -13055,8 +13182,8 @@ window.__ModuleLoader__.load({
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: "codexSubscriptionPreferenceLabel",
 						children: t("inputImageDetail")
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "codexSubscriptionPreferenceHint",
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
+						t,
 						children: t("inputImageDetailHint")
 					})]
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -13090,8 +13217,8 @@ window.__ModuleLoader__.load({
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: "codexSubscriptionPreferenceLabel",
 						children: t("reasoningSummary")
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "codexSubscriptionPreferenceHint",
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
+						t,
 						children: t("reasoningSummaryHint")
 					})]
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -13125,8 +13252,8 @@ window.__ModuleLoader__.load({
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: "codexSubscriptionPreferenceLabel",
 						children: t("retryPolicy")
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "codexSubscriptionPreferenceHint",
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
+						t,
 						children: t("retryPolicyHint")
 					})]
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -13154,39 +13281,44 @@ window.__ModuleLoader__.load({
 			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))
-				})]
+				className: "codexSubscriptionPreference codexSubscriptionPreferenceStack",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "codexSubscriptionPreferenceCopy",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "codexSubscriptionPreferenceLabel",
+							children: t("connectors")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
+							t,
+							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))
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "codexSubscriptionModeNote",
+						"data-danger": snapshot.connectors === "write" || void 0,
+						role: "status",
+						children: t(`connectorsMode_${snapshot.connectors}`)
+					})
+				]
 			});
 		}
 		function StreamIdleTimeoutPreference({ preference, t }) {
@@ -13199,8 +13331,8 @@ window.__ModuleLoader__.load({
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: "codexSubscriptionPreferenceLabel",
 						children: t("streamIdleTimeoutTitle")
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "codexSubscriptionPreferenceHint",
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
+						t,
 						children: t("streamIdleTimeoutHint")
 					})]
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -13266,8 +13398,8 @@ window.__ModuleLoader__.load({
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							className: "codexSubscriptionPreferenceLabel",
 							children: t("pickerModelsTitle")
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "codexSubscriptionPreferenceHint",
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
+							t,
 							children: t("pickerModelsHint")
 						})]
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
@@ -13538,8 +13670,8 @@ window.__ModuleLoader__.load({
 												" ",
 												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: "Beta" })
 											]
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: "codexSubscriptionPreferenceHint",
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
+											t,
 											children: t("connectionHint")
 										})]
 									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -13582,8 +13714,8 @@ window.__ModuleLoader__.load({
 											" ",
 											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: "Beta" })
 										]
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "codexSubscriptionPreferenceHint",
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
+										t,
 										children: t("reviewModelHint")
 									})]
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -13626,8 +13758,8 @@ window.__ModuleLoader__.load({
 											" ",
 											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: "Beta" })
 										]
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "codexSubscriptionPreferenceHint",
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
+										t,
 										children: t("compactionHint")
 									})]
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -13664,8 +13796,8 @@ window.__ModuleLoader__.load({
 											" ",
 											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: "Beta" })
 										]
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "codexSubscriptionPreferenceHint",
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
+										t,
 										children: t(snapshot.subagentBackendAvailable ? "subagentBackendHint" : "subagentBackendUnavailable")
 									})]
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -13768,6 +13900,73 @@ window.__ModuleLoader__.load({
 			}
 		}
 		//#endregion
+		//#region src/client-account-quota.jsx
+		const when = (seconds) => (/* @__PURE__ */ new Date(seconds * 1e3)).toLocaleString(uiLocale(), {
+			month: "numeric",
+			day: "numeric",
+			hour: "2-digit",
+			minute: "2-digit"
+		});
+		/** Quota of every signed-in account (read-only; the active account does not change). */
+		function useAccountQuotas(rpc, ids) {
+			const [entries, setEntries] = (0, react.useState)({});
+			const [busy, setBusy] = (0, react.useState)(false);
+			const request = (0, react.useRef)(0);
+			const key = ids.join(",");
+			const load = (force) => {
+				if (ids.length < 2) {
+					setEntries({});
+					return;
+				}
+				const id = ++request.current;
+				setBusy(true);
+				recoveryCall(rpc, "usage/accounts", { force }).then((value) => {
+					if (request.current === id) setEntries(Object.fromEntries((value?.accounts ?? []).map((entry) => [entry.id, entry])));
+				}).catch(() => {
+					if (request.current === id) setEntries(Object.fromEntries(ids.map((account) => [account, {
+						id: account,
+						error: "Could not read ChatGPT usage"
+					}])));
+				}).finally(() => {
+					if (request.current === id) setBusy(false);
+				});
+			};
+			(0, react.useEffect)(() => {
+				load(false);
+				return () => {
+					request.current += 1;
+				};
+			}, [key]);
+			return {
+				entries,
+				busy,
+				refresh: () => load(true)
+			};
+		}
+		function AccountQuota({ entry, loading, t }) {
+			if (entry === void 0) return loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", {
+				className: "codexSubscriptionAccountQuota",
+				children: t("accountQuotaLoading")
+			}) : null;
+			if (entry.error !== void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", {
+				className: "codexSubscriptionAccountQuota",
+				"data-state": "error",
+				children: entry.error === "ChatGPT sign-in needs to be renewed" ? t("resetRenewLogin") : t("accountQuotaError")
+			});
+			const windows = entry.usage?.rateLimits?.find((limit) => limit.id === "codex")?.windows ?? [];
+			if (windows.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", {
+				className: "codexSubscriptionAccountQuota",
+				children: t("accountQuotaNone")
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", {
+				className: "codexSubscriptionAccountQuota",
+				children: windows.map((window) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [fill(t("accountQuotaLeft"), {
+					label: windowLabel(window.windowSeconds, t),
+					value: percent(window.remainingPercent)
+				}), window.resetsAt === void 0 ? "" : ` · ${fill(t("accountQuotaResets"), { value: when(window.resetsAt) })}`] }, window.windowSeconds))
+			});
+		}
+		//#endregion
 		//#region src/client-account.jsx
 		const LOGIN_FAILURES = [
 			"account-claim",
@@ -13789,6 +13988,7 @@ window.__ModuleLoader__.load({
 				children: emailVisible ? candidate.email : maskEmail(candidate.email)
 			});
 		}
+		const signedInIds = (account) => account?.authenticated === true ? (account.accounts ?? []).map((candidate) => candidate.id).filter((id) => typeof id === "string") : [];
 		function AccountCard({ rpc, t, account, setAccount, onSignedOut }) {
 			const [flow, setFlow] = (0, react.useState)();
 			const flowGeneration = (0, react.useRef)(0);
@@ -13801,6 +14001,7 @@ window.__ModuleLoader__.load({
 			const [emailVisibilityKey, setEmailVisibilityKey] = (0, react.useState)(accountVisibilityKey);
 			const [busy, setBusy] = (0, react.useState)(false);
 			const [error, setError] = (0, react.useState)();
+			const quotas = useAccountQuotas(rpc, signedInIds(account));
 			const call = (endpoint, payload = {}) => recoveryCall(rpc, endpoint, payload);
 			(0, react.useEffect)(() => {
 				if (emailVisibilityKey === accountVisibilityKey) return;
@@ -13996,12 +14197,19 @@ window.__ModuleLoader__.load({
 						children: accounts.map((candidate) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "codexSubscriptionAccount",
 							"data-active": candidate.active,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccountEmail, {
-								candidate,
-								fallback: candidate.label,
-								t,
-								emailVisible: emailVisibleForAccount,
-								onClick: toggleEmail
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "codexSubscriptionAccountMain",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccountEmail, {
+									candidate,
+									fallback: candidate.label,
+									t,
+									emailVisible: emailVisibleForAccount,
+									onClick: toggleEmail
+								}), accounts.length > 1 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccountQuota, {
+									entry: quotas.entries[candidate.id],
+									loading: quotas.busy,
+									t
+								}) : null]
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: "codexSubscriptionActions",
 								children: [
@@ -14200,8 +14408,9 @@ window.__ModuleLoader__.load({
 							}) : null
 						]
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: "codexSubscriptionPreferenceHint",
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
+						t,
+						as: "p",
 						children: t(confirm ? "recoveryClearHint" : "recoveryHint")
 					}),
 					failed ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
@@ -14405,7 +14614,7 @@ window.__ModuleLoader__.load({
 							children: [
 								t("diagnosticsSnapshotTime"),
 								" ",
-								new Date(report.generatedAt).toLocaleString()
+								new Date(report.generatedAt).toLocaleString(uiLocale())
 							]
 						}) : null,
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -14423,7 +14632,7 @@ window.__ModuleLoader__.load({
 									" · ",
 									t(`diagnosticSource_${event.source}`),
 									" · ",
-									new Date(event.observedAt).toLocaleTimeString()
+									new Date(event.observedAt).toLocaleTimeString(uiLocale())
 								] }, `${event.source}:${event.action}`)) }) : null
 							] }, item.code)) }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("diagnosticsNoRecordedFailure") })
 						}),
@@ -14441,7 +14650,7 @@ window.__ModuleLoader__.load({
 							] }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: (report.inspection?.capabilities ?? []).map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: t(`diagnosticCapability_${item.id}`) }),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("td", { children: [t(`diagnosticReason_${item.reason}`), item.blockedBy ? ` · ${t(`diagnosticCapability_${item.blockedBy}`)}` : ""] }),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("td", { children: [item.latest ? `${item.latest.action} · ${t(`diagnosticSource_${item.latest.source}`)} · ${t(`diagnosticOutcome_${item.latest.status}`)} · ${new Date(item.latest.observedAt).toLocaleTimeString()}` : t("diagnosticsUnverified"), item.unresolved?.length ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("diagnosticsUnresolved") }) : null] })
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("td", { children: [item.latest ? `${item.latest.action} · ${t(`diagnosticSource_${item.latest.source}`)} · ${t(`diagnosticOutcome_${item.latest.status}`)} · ${new Date(item.latest.observedAt).toLocaleTimeString(uiLocale())}` : t("diagnosticsUnverified"), item.unresolved?.length ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("diagnosticsUnresolved") }) : null] })
 							] }, item.id)) })]
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
@@ -14588,7 +14797,6 @@ 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",
@@ -14858,8 +15066,8 @@ window.__ModuleLoader__.load({
 		}
 		//#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;
+		const count = (value) => Number(value).toLocaleString(uiLocale());
+		const creditAmount = (value) => Number.isFinite(Number(value)) && String(value).trim() !== "" ? Number(value).toLocaleString(uiLocale(), { maximumFractionDigits: 2 }) : value;
 		function CreditExpiry({ credits, t }) {
 			const date = validDate(credits.expiresAt);
 			if (date === void 0 || credits.unlimited) return null;
@@ -14870,7 +15078,7 @@ window.__ModuleLoader__.load({
 				"data-soon": status.soon,
 				role: "status",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", { children: [fill(t(status.daysLeft === 0 ? "creditsExpiredToday" : "creditsExpires"), {
-					date: date.toLocaleDateString(),
+					date: date.toLocaleDateString(uiLocale()),
 					days: status.daysLeft
 				}), estimate ? ` ${t("creditsExpiryEstimate")}` : ""] })
 			});
@@ -14878,7 +15086,7 @@ window.__ModuleLoader__.load({
 		function ResetTime({ resetsAt, t }) {
 			const date = Number.isSafeInteger(resetsAt) ? validDate(resetsAt * 1e3) : void 0;
 			if (date === void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("resetUnknown") });
-			const value = date.toLocaleString(void 0, {
+			const value = date.toLocaleString(uiLocale(), {
 				month: "numeric",
 				day: "numeric",
 				hour: "2-digit",
@@ -14886,7 +15094,7 @@ window.__ModuleLoader__.load({
 			});
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("time", {
 				dateTime: date.toISOString(),
-				title: date.toLocaleString(),
+				title: date.toLocaleString(uiLocale()),
 				children: fill(t("resets"), { value })
 			});
 		}
@@ -14896,8 +15104,8 @@ window.__ModuleLoader__.load({
 				className: "codexSubscriptionResetExpiry",
 				children: date === void 0 ? t("resetCreditExpiryUnknown") : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("time", {
 					dateTime: date.toISOString(),
-					title: date.toLocaleString(),
-					children: fill(t("resetCreditExpires"), { value: date.toLocaleDateString(void 0, {
+					title: date.toLocaleString(uiLocale()),
+					children: fill(t("resetCreditExpires"), { value: date.toLocaleDateString(uiLocale(), {
 						month: "long",
 						day: "numeric"
 					}) })
@@ -15089,6 +15297,7 @@ window.__ModuleLoader__.load({
 			return t((/* @__PURE__ */ new Map([
 				["ChatGPT subscription is not signed in", "resetRenewLogin"],
 				["ChatGPT sign-in needs to be renewed", "resetRenewLogin"],
+				["ChatGPT blocked this request before it reached your account (HTTP 403); your sign-in is fine, try again later or check your network, proxy or VPN", "resetBlocked"],
 				["No quota reset is available", "resetNoCredit"],
 				["No usable quota reset is available", "resetNoCredit"],
 				["The available quota reset expires too soon", "resetExpired"],
@@ -15151,7 +15360,7 @@ window.__ModuleLoader__.load({
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: t("usage") }), fetchedAt === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("time", {
 								className: "codexSubscriptionFreshness",
 								dateTime: fetchedAt.toISOString(),
-								children: fill(t("usageUpdated"), { value: fetchedAt.toLocaleString() })
+								children: fill(t("usageUpdated"), { value: fetchedAt.toLocaleString(uiLocale()) })
 							})]
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
 							className: "codexSubscriptionRefresh",