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

package/lib/client.js

@@ -1075,6 +1075,7 @@ window.__ModuleLoader__.load({
 			"account/select",
 			"account/remove",
 			"usage",
+			"usage/accounts",
 			"usage/history",
 			"usage/profile",
 			"diagnostics",
@@ -5477,6 +5478,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;
@@ -6108,7 +6111,13 @@ window.__ModuleLoader__.load({
 			resetNoCredit: "没有可用的额度重置。",
 			resetAlready: "这次重置请求已处理。",
 			resetFailed: "无法使用额度重置。",
+			accountQuotaLeft: "{label}剩余 {value}%",
+			accountQuotaResets: "{value} 重置",
+			accountQuotaLoading: "正在读取额度…",
+			accountQuotaError: "暂时读不到这个账号的额度",
+			accountQuotaNone: "没有额度窗口信息",
 			resetRenewLogin: "登录状态已失效，请重新登录。",
+			resetBlocked: "ChatGPT 的网络防护拦截了这次请求（HTTP 403），登录状态没有问题。请稍后再试，或检查网络、代理或 VPN。",
 			resetExpired: "本次确认已失效，请重新开始。",
 			resetInProgress: "额度重置正在处理中。",
 			resetTooEarly: "请等待冷静期结束后再确认。",
@@ -6781,7 +6790,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.",
@@ -6987,6 +7002,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 +7147,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 +7156,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)}
@@ -9205,7 +9221,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 +9300,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region src/version.js
-		const PACKAGE_VERSION = "3.0.0-beta.7";
+		const PACKAGE_VERSION = "3.0.0-beta.8";
 		//#endregion
 		//#region src/client-recovery.js
 		async function recoveryCall(rpc, endpoint, payload = {}, timeoutMs = 1e4) {
@@ -9510,7 +9528,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 +9571,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 +9583,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 +9668,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 +9677,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 +9783,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 +9799,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,20 +9975,7 @@ 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
-					]
-				}) : null]
+				}), menu]
 			});
 		}
 		//#endregion
@@ -12875,7 +12926,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",
@@ -13768,6 +13819,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 +13907,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 +13920,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 +14116,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: [
@@ -14405,7 +14532,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 +14550,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 +14568,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 +14715,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 +14984,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 +14996,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 +15004,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 +15012,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 +15022,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 +15215,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 +15278,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",