@eddyskywalker/dsh-chatgpt-subscription 0.3.9 → 0.5.0

package/lib/client.js

@@ -313,8 +313,21 @@ window.__ModuleLoader__.load({
 			cancelLogin(loginId) {
 				return post(`${ROUTE_PREFIX}/login/cancel`, { loginId });
 			}
-			logout() {
-				return post(`${ROUTE_PREFIX}/logout`, {});
+			/** Sign out one pooled account; without an id, the active one. */
+			logout(accountId) {
+				return post(`${ROUTE_PREFIX}/logout`, accountId === void 0 ? {} : { accountId });
+			}
+			/**
+			* One account-pool action, returning the refreshed status.
+			*
+			* The host answers with the same envelope the status route uses, so the card
+			* never has to guess what the pool looks like after a change.
+			*/
+			accountAction(action, body = {}) {
+				return post(`${ROUTE_PREFIX}/accounts`, {
+					action,
+					...body
+				});
 			}
 			refresh() {
 				return post(`${ROUTE_PREFIX}/token/refresh`, {});
@@ -360,6 +373,274 @@ window.__ModuleLoader__.load({
 			}
 		}
 		//#endregion
+		//#region src/client/common/account-pool-labels.ts
+		/** Chinese labels; the wording the Antigravity card shipped with. */
+		const accountPoolZh = {
+			accountPool: "账号管理",
+			addAccount: "添加账号",
+			accountCount: "已登录 {count} 个账号",
+			primaryAccount: "主账号",
+			activeAccount: "当前使用",
+			setPrimary: "设为主账号",
+			deleteAccount: "删除",
+			cooling: "冷却中",
+			cooldownLeft: "剩 {minutes} 分",
+			clearCooldown: "重置冷却",
+			needsRelogin: "需重新登录",
+			relogin: "重新登录",
+			rotationStrategy: "调度策略",
+			strategySequential: "顺序耗尽（当前优先，遇限流自动切号）",
+			strategyRoundRobin: "轮询调度（按账号循环均匀分摊）",
+			strategySticky: "粘性会话（保持当前账号，遇限流才切换）",
+			noAccounts: "暂无账号，点击「添加账号」完成登录授权。",
+			storage: "凭据存储",
+			storageNotice: "令牌由 Host 保存于本地安全存储，不会进入浏览器。",
+			email: "邮箱",
+			expires: "令牌到期",
+			lastUsed: "上次调用",
+			accountId: "账号 ID"
+		};
+		/** English labels for the ChatGPT tab, which is the bilingual one. */
+		const accountPoolEn = {
+			accountPool: "Account Management",
+			addAccount: "Add Account",
+			accountCount: "{count} account(s) signed in",
+			primaryAccount: "Primary",
+			activeAccount: "In Use",
+			setPrimary: "Set as Primary",
+			deleteAccount: "Delete",
+			cooling: "In Cooldown",
+			cooldownLeft: "{minutes} min left",
+			clearCooldown: "Clear Cooldown",
+			needsRelogin: "Sign-in required",
+			relogin: "Sign in again",
+			rotationStrategy: "Scheduling Strategy",
+			strategySequential: "Sequential Drain (primary first, fail over on 429)",
+			strategyRoundRobin: "Round-Robin (evenly rotate across accounts)",
+			strategySticky: "Sticky Session (keep the current account until it is limited)",
+			noAccounts: "No accounts yet. Click \"Add Account\" to authorize.",
+			storage: "Credential storage",
+			storageNotice: "Credentials are stored locally by the Host and never sent to the browser.",
+			email: "Email",
+			expires: "Token expires",
+			lastUsed: "Last used",
+			accountId: "Account ID"
+		};
+		/** Replace `{name}` placeholders in one label. */
+		function formatPoolLabel(template, values) {
+			return template.replace(/\{(\w+)\}/g, (match, name) => name in values ? String(values[name]) : match);
+		}
+		//#endregion
+		//#region src/client/common/AccountPoolSection.tsx
+		/** Format one account timestamp the way every tab renders it. */
+		function formatAccountDate(ms) {
+			if (!ms || ms <= 0) return "—";
+			try {
+				return new Intl.DateTimeFormat(void 0, {
+					dateStyle: "medium",
+					timeStyle: "short"
+				}).format(ms);
+			} catch {
+				return "—";
+			}
+		}
+		/** Whole minutes left in a cooldown, never below one. */
+		function cooldownMinutesLeft(cooldownUntil, now = Date.now()) {
+			return Math.max(1, Math.ceil((cooldownUntil - now) / 6e4));
+		}
+		/** Whether one account currently carries a live 429 cooldown. */
+		function isCoolingDown(account, now = Date.now()) {
+			return typeof account.cooldownUntil === "number" && account.cooldownUntil > now;
+		}
+		/**
+		* The account-management group every provider tab renders.
+		*
+		* One component rather than four near-identical blocks: the account card, its
+		* badges, the rotation-strategy picker and the storage notice are identical
+		* across providers, and only the identity details differ.
+		*/
+		function AccountPoolSection(props) {
+			const t = props.labels;
+			const accounts = props.accounts;
+			const now = Date.now();
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: "dsha-group",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dsha-grouphead",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h3", { children: [t.accountPool, accounts.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "dsha-muted",
+							style: {
+								fontWeight: 400,
+								marginLeft: 8
+							},
+							children: [
+								"（",
+								formatPoolLabel(t.accountCount, { count: accounts.length }),
+								"）"
+							]
+						})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							className: "dsha-btn dsha-btn-primary",
+							disabled: props.busy !== null,
+							onClick: props.onLogin,
+							children: props.loginBusyLabel || t.addAccount
+						})]
+					}),
+					accounts.length > 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dsha-pref-row",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t.rotationStrategy }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "dsha-muted",
+							style: {
+								fontSize: 12,
+								marginTop: 2
+							},
+							children: props.rotationStrategy === "round-robin" ? t.strategyRoundRobin : props.rotationStrategy === "sticky" ? t.strategySticky : t.strategySequential
+						})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+							className: "dsha-select",
+							"aria-label": t.rotationStrategy,
+							value: props.rotationStrategy,
+							disabled: props.busy !== null,
+							onChange: (event) => props.onSetStrategy(event.target.value),
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: "sequential",
+									children: "顺序耗尽"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: "round-robin",
+									children: "轮询调度"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: "sticky",
+									children: "粘性会话"
+								})
+							]
+						})]
+					}),
+					accounts.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dsha-empty",
+						children: t.noAccounts
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dsha-accounts-list",
+						children: accounts.map((account) => {
+							const isActive = account.id === props.activeAccountId;
+							const cooling = isCoolingDown(account, now);
+							const needsRelogin = account.authStatus !== void 0 && account.authStatus !== "ok";
+							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: `dsha-account-card ${isActive ? "active" : ""}`,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "dsha-account-header",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: "dsha-account-identity",
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "dsha-account-title",
+												children: account.alias || account.email || account.id
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: "dsha-badges",
+												children: [
+													account.isPrimary && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "dsha-badge primary",
+														children: t.primaryAccount
+													}),
+													isActive && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "dsha-badge active",
+														children: t.activeAccount
+													}),
+													cooling && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+														className: "dsha-badge cooldown",
+														children: [
+															t.cooling,
+															"（",
+															formatPoolLabel(t.cooldownLeft, { minutes: cooldownMinutesLeft(account.cooldownUntil, now) }),
+															"）"
+														]
+													}),
+													needsRelogin && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "dsha-badge danger",
+														children: t.needsRelogin
+													})
+												]
+											})]
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: "dsha-account-actions",
+											children: [
+												!account.isPrimary && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													className: "dsha-btn",
+													disabled: props.busy !== null,
+													onClick: () => props.onSetPrimary(account.id),
+													children: t.setPrimary
+												}),
+												cooling && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													className: "dsha-btn",
+													disabled: props.busy !== null,
+													onClick: () => props.onClearCooldown(account.id),
+													children: t.clearCooldown
+												}),
+												needsRelogin && props.onRelogin && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													className: "dsha-btn",
+													disabled: props.busy !== null,
+													onClick: () => props.onRelogin(account.id),
+													children: t.relogin
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													className: "dsha-btn",
+													disabled: props.busy !== null,
+													onClick: () => props.onDelete(account.id),
+													children: t.deleteAccount
+												})
+											]
+										})]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "dsha-account-details",
+										children: [
+											props.renderDetails?.(account),
+											account.email && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+												t.email,
+												": ",
+												account.email
+											] }),
+											account.expiresAt !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+												t.expires,
+												": ",
+												formatAccountDate(account.expiresAt)
+											] }),
+											account.lastUsedAt !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+												t.lastUsed,
+												": ",
+												formatAccountDate(account.lastUsedAt)
+											] })
+										]
+									}),
+									needsRelogin && account.authFailedReason && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: "dsha-account-details",
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: account.authFailedReason })
+									})
+								]
+							}, account.id);
+						})
+					}),
+					props.children,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dsha-row",
+						style: { marginTop: 12 },
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dsha-label",
+							children: t.storage
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dsha-value",
+							children: props.storageValue ?? "本地安全存储 (JSON/DPAPI)"
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "dsha-notice",
+						children: t.storageNotice
+					})
+				]
+			});
+		}
+		//#endregion
 		//#region src/client/CodexSubscriptionSection.tsx
 		function CodexSubscriptionSection({ t }) {
 			const apiRef = (0, react.useRef)(new SubscriptionApi());
@@ -507,7 +788,10 @@ window.__ModuleLoader__.load({
 			const toggleVisibleModel = async (modelId, checked) => {
 				const current = status?.preferences.visibleModelIds ?? [...DEFAULT_VISIBLE_CODEX_MODEL_IDS];
 				const visibleModelIds = checked ? [...current, modelId] : current.filter((id) => id !== modelId);
-				if (visibleModelIds.length === 0) return;
+				await updatePreferences({ visibleModelIds });
+			};
+			const setAllVisibleModels = async (selectAll) => {
+				const visibleModelIds = selectAll ? CODEX_MODEL_CATALOG.map((m) => m.id) : [];
 				await updatePreferences({ visibleModelIds });
 			};
 			const updateContextWindow = async (model) => {
@@ -528,14 +812,71 @@ window.__ModuleLoader__.load({
 				await updatePreferences({ customProxyUrl: draft ? draft : null });
 				setCustomProxyDraft(null);
 			};
-			const logout = async () => run("logout", async () => {
-				await apiRef.current.logout();
-				eventSourceRef.current?.close();
-				eventSourceRef.current = null;
-				setAuthUrl(null);
-				setConnection(null);
-				await load();
-			});
+			/**
+			* The shared card takes a label object while this tab translates by key, so
+			* every pool label is resolved through the tab's own translator and follows
+			* whichever locale is active.
+			*/
+			const poolLabels = (() => {
+				const keys = [
+					"accountPool",
+					"addAccount",
+					"accountCount",
+					"primaryAccount",
+					"activeAccount",
+					"setPrimary",
+					"deleteAccount",
+					"cooling",
+					"cooldownLeft",
+					"clearCooldown",
+					"needsRelogin",
+					"relogin",
+					"rotationStrategy",
+					"strategySequential",
+					"strategyRoundRobin",
+					"strategySticky",
+					"noAccounts",
+					"storage",
+					"storageNotice",
+					"email",
+					"expires",
+					"lastUsed",
+					"accountId"
+				];
+				const labels = {};
+				for (const key of keys) labels[key] = t(key);
+				return labels;
+			})();
+			const accountAction = async (action, accountId) => {
+				await run(action, async () => {
+					const next = await apiRef.current.accountAction(action, { accountId });
+					setStatus(next);
+				});
+			};
+			const setRotationStrategy = async (strategy) => {
+				await run("strategy", async () => {
+					const next = await apiRef.current.accountAction("strategy", { strategy });
+					setStatus(next);
+				});
+			};
+			/**
+			* Re-authorize one account.
+			*
+			* The failure marker is cleared first and nothing is deleted: the account
+			* keeps its alias and place in the rotation.
+			*/
+			const relogin = (accountId) => {
+				(async () => {
+					try {
+						const next = await apiRef.current.accountAction("relogin", { accountId });
+						setStatus(next);
+					} catch (cause) {
+						setError(messageOf(cause));
+						return;
+					}
+					await startLogin();
+				})();
+			};
 			const run = async (action, task) => {
 				setBusy(action);
 				setError(null);
@@ -548,14 +889,14 @@ window.__ModuleLoader__.load({
 					setBusy(null);
 				}
 			};
-			const account = status?.account;
+			status?.account;
 			const preferences = status?.preferences;
 			const quota = status?.quota;
 			const storage = status?.storage;
 			const login = status?.login;
 			const visibleModelIds = preferences?.visibleModelIds ?? DEFAULT_VISIBLE_CODEX_MODEL_IDS;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-				className: "dsh-codex-page",
+				className: "dsha-page",
 				"aria-labelledby": "dsh-codex-title",
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
@@ -576,37 +917,36 @@ window.__ModuleLoader__.load({
 						}) : null]
 					}) : null,
 					status === null && error === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Skeleton, { label: t("loading") }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Section, {
-							title: t("account"),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(AccountPoolSection, {
+							accounts: status?.accounts ?? [],
+							activeAccountId: status?.activeAccountId,
+							rotationStrategy: status?.rotationStrategy ?? "sequential",
+							busy,
+							labels: poolLabels,
+							loginBusyLabel: login?.active ? t("pending") : void 0,
+							onLogin: () => void startLogin(),
+							onSetPrimary: (accountId) => void accountAction("set-primary", accountId),
+							onDelete: (accountId) => void accountAction("delete", accountId),
+							onClearCooldown: (accountId) => void accountAction("clear-cooldown", accountId),
+							onRelogin: (accountId) => relogin(accountId),
+							onSetStrategy: (strategy) => void setRotationStrategy(strategy),
+							storageValue: storageLabel(storage, t),
+							renderDetails: (entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [entry.planLabel && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+								t("plan"),
+								": ",
+								entry.planLabel
+							] }), entry.email && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+								t("email"),
+								": ",
+								entry.email
+							] })] }),
 							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(InfoRow, {
-									label: status?.authenticated ? t("signedIn") : t("signedOut"),
-									value: account?.email ?? "—"
-								}),
-								status?.authenticated ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(InfoRow, {
-										label: t("plan"),
-										value: account?.planType ?? t("unknown")
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(InfoRow, {
-										label: t("accountId"),
-										value: account?.accountIdSuffix ?? "—"
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(InfoRow, {
-										label: t("expires"),
-										value: formatDate$3(account?.tokenExpiresAt)
-									})
-								] }) : null,
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(InfoRow, {
-									label: t("storage"),
-									value: storageLabel(storage, t)
-								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-									className: "dsh-codex-notice",
+									className: "dsha-notice",
 									children: storageNotice(storage, t)
 								}),
 								login?.active ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-									className: "dsh-codex-muted",
+									className: "dsha-muted",
 									role: "status",
 									children: t("pending")
 								}) : null,
@@ -622,31 +962,42 @@ window.__ModuleLoader__.load({
 									children: t("continueLogin")
 								}) : null,
 								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: "dsh-codex-actions",
+									className: "dsha-actions",
 									children: [login?.active ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
 										disabled: busy !== null,
 										onClick: cancelLogin,
 										children: t("cancel")
-									}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
-										primary: true,
-										disabled: busy !== null || storage?.available === false,
-										onClick: startLogin,
-										children: status?.authenticated ? t("signInAgain") : t("signIn")
-									}), status?.authenticated ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+									}) : null, status?.authenticated ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
 										disabled: busy !== null,
 										onClick: refreshToken,
 										children: t("refreshToken")
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
-										disabled: busy !== null,
-										onClick: logout,
-										children: t("signOut")
-									})] }) : null]
+									}) : null]
 								})
 							]
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Section, {
 							title: t("connection"),
 							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dsha-pref-row",
+									style: { marginBottom: 12 },
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t("enableProvider") }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										type: "checkbox",
+										checked: preferences?.enabled ?? true,
+										disabled: busy !== null,
+										onChange: (event) => {
+											const enabled = event.currentTarget.checked;
+											setStatus((cur) => cur === null ? cur : {
+												...cur,
+												preferences: {
+													...cur.preferences,
+													enabled
+												}
+											});
+											updatePreferences({ enabled });
+										}
+									})]
+								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(InfoRow, {
 									label: t("provider"),
 									value: "Codex（ChatGPT 订阅） · codex-chatgpt"
@@ -657,31 +1008,47 @@ window.__ModuleLoader__.load({
 								}),
 								connection !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InfoRow, {
 									label: t("latency"),
-									value: `${connection.latencyMs} ms · ${formatDate$3(connection.checkedAt)}`
+									value: `${connection.latencyMs} ms · ${formatDate$2(connection.checkedAt)}`
 								}) : null,
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-									className: "dsh-codex-muted dsh-codex-models-hint",
+									className: "dsha-muted dsha-models-hint",
 									children: t("modelsHint")
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									className: "dsh-codex-models",
+									className: "dsha-models",
 									"aria-label": t("models"),
 									children: CODEX_MODEL_CATALOG.map((model) => {
 										const checked = visibleModelIds.some((id) => id === model.id);
-										const lastVisible = checked && visibleModelIds.length === 1;
 										return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 											title: model.id,
 											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 												type: "checkbox",
 												checked,
-												disabled: busy !== null || lastVisible,
+												disabled: busy !== null,
 												onChange: (event) => void toggleVisibleModel(model.id, event.currentTarget.checked)
 											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: model.name })]
 										}, model.id);
 									})
 								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									style: {
+										display: "flex",
+										gap: 8,
+										marginTop: 8,
+										marginBottom: 12
+									},
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+										disabled: busy !== null,
+										onClick: () => void setAllVisibleModels(true),
+										children: t("selectAll")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+										disabled: busy !== null,
+										onClick: () => void setAllVisibleModels(false),
+										children: t("unselectAll")
+									})]
+								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									className: "dsh-codex-actions",
+									className: "dsha-actions",
 									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
 										disabled: !status?.authenticated || busy !== null,
 										onClick: testConnection,
@@ -694,12 +1061,12 @@ window.__ModuleLoader__.load({
 							title: t("proxySettings"),
 							children: [
 								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: "dsh-codex-pref-row",
+									className: "dsha-pref-row",
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t("proxyMode") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-										className: "dsh-codex-muted",
+										className: "dsha-muted",
 										children: t("proxyModeHint")
 									})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
-										className: "dsh-codex-select",
+										className: "dsha-select",
 										"aria-label": t("proxyMode"),
 										value: preferences?.proxyMode ?? "auto",
 										disabled: busy !== null,
@@ -743,22 +1110,22 @@ window.__ModuleLoader__.load({
 											children: t("proxyDetectedEffective")
 										})
 									] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dsh-codex-muted",
+										className: "dsha-muted",
 										children: t("proxyNoneDetected")
 									})
 								}) : null,
 								preferences?.proxyMode === "direct" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-									className: "dsh-codex-muted",
+									className: "dsha-muted",
 									style: { margin: "8px 0 0" },
 									children: t("proxyDirectHint")
 								}) : null,
 								preferences?.proxyMode === "custom" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: "dsh-codex-context-settings",
+									className: "dsha-context-settings",
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t("customProxyUrl") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-										className: "dsh-codex-muted",
+										className: "dsha-muted",
 										children: t("customProxyUrlHint")
 									})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-										className: "dsh-codex-context-row",
+										className: "dsha-context-row",
 										children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 											className: "dsh-codex-proxy-control",
 											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
@@ -777,7 +1144,7 @@ window.__ModuleLoader__.load({
 													updateCustomProxyUrl();
 												}
 											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-												className: "dsh-codex-context-save",
+												className: "dsha-context-save",
 												type: "button",
 												"aria-label": t("saveProxyUrl"),
 												disabled: busy !== null || customProxyDraft === null,
@@ -793,9 +1160,9 @@ window.__ModuleLoader__.load({
 							title: t("enhancements"),
 							children: [
 								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: "dsh-codex-pref-row",
+									className: "dsha-pref-row",
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t("searchProvider") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-										className: "dsh-codex-muted",
+										className: "dsha-muted",
 										children: t("searchProviderHint")
 									})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 										className: "dsh-codex-segments",
@@ -819,12 +1186,12 @@ window.__ModuleLoader__.load({
 									})]
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: "dsh-codex-pref-row",
+									className: "dsha-pref-row",
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t("outputVerbosity") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-										className: "dsh-codex-muted",
+										className: "dsha-muted",
 										children: t("outputVerbosityHint")
 									})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
-										className: "dsh-codex-select",
+										className: "dsha-select",
 										"aria-label": t("outputVerbosity"),
 										value: preferences?.outputVerbosity ?? "",
 										disabled: busy !== null,
@@ -853,12 +1220,12 @@ window.__ModuleLoader__.load({
 									})]
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: "dsh-codex-pref-row",
+									className: "dsha-pref-row",
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t("reasoningSummary") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-										className: "dsh-codex-muted",
+										className: "dsha-muted",
 										children: t("reasoningSummaryHint")
 									})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
-										className: "dsh-codex-select",
+										className: "dsha-select",
 										"aria-label": t("reasoningSummary"),
 										value: preferences?.reasoningSummary ?? "",
 										disabled: busy !== null,
@@ -891,9 +1258,9 @@ window.__ModuleLoader__.load({
 									})]
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: "dsh-codex-context-settings",
+									className: "dsha-context-settings",
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t("contextWindows") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-										className: "dsh-codex-muted",
+										className: "dsha-muted",
 										children: t("contextWindowsHint")
 									})] }), CONFIGURABLE_CONTEXT_MODEL_IDS.map((model) => {
 										const entry = resolveCodexCatalogEntry(model);
@@ -903,12 +1270,12 @@ window.__ModuleLoader__.load({
 										const dirty = draft !== void 0 && parsedDraft !== fallback;
 										const inputId = `dsh-codex-context-${model}`;
 										return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: "dsh-codex-context-row",
+											className: "dsha-context-row",
 											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
 												htmlFor: inputId,
 												children: entry.name
 											}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-												className: "dsh-codex-capacity-control",
+												className: "dsha-capacity-control",
 												children: [
 													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 														id: inputId,
@@ -932,7 +1299,7 @@ window.__ModuleLoader__.load({
 													}),
 													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: t("tokens") }),
 													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-														className: "dsh-codex-context-save",
+														className: "dsha-context-save",
 														type: "button",
 														"data-model": model,
 														"aria-label": entry.name + " " + t("saveContextWindow"),
@@ -974,7 +1341,7 @@ window.__ModuleLoader__.load({
 							}),
 							children: [
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-									className: "dsh-codex-muted",
+									className: "dsha-muted",
 									children: t("quotaIntro")
 								}),
 								quota?.state === "signed-out" || !status?.authenticated ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
@@ -1028,7 +1395,7 @@ window.__ModuleLoader__.load({
 									children: [
 										t("updated"),
 										": ",
-										formatDate$3(quota.fetchedAt)
+										formatDate$2(quota.fetchedAt)
 									]
 								}) : null
 							]
@@ -1044,16 +1411,16 @@ window.__ModuleLoader__.load({
 		}
 		function Section({ title, aside, children }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-				className: "dsh-codex-group",
+				className: "dsha-group",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "dsh-codex-grouphead",
+					className: "dsha-grouphead",
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: title }), aside]
 				}), children]
 			});
 		}
 		function Button({ primary = false, disabled, onClick, children }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-				className: `dsh-codex-button${primary ? " dsh-codex-button-primary" : ""}`,
+				className: `dsha-btn${primary ? " dsha-btn-primary" : ""}`,
 				type: "button",
 				disabled,
 				onClick: () => void onClick(),
@@ -1062,12 +1429,12 @@ window.__ModuleLoader__.load({
 		}
 		function InfoRow({ label, value }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "dsh-codex-row",
+				className: "dsha-row",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "dsh-codex-label",
+					className: "dsha-label",
 					children: label
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "dsh-codex-value",
+					className: "dsha-value",
 					children: value
 				})]
 			});
@@ -1211,7 +1578,7 @@ window.__ModuleLoader__.load({
 			].filter((part) => part !== null);
 			return parts.length > 0 ? parts.join(" · ") : t("unknown");
 		}
-		function formatDate$3(seconds) {
+		function formatDate$2(seconds) {
 			if (seconds === void 0 || seconds === null || typeof seconds !== "number" || !Number.isFinite(seconds) || seconds <= 0) return "—";
 			const ms = seconds > 1e10 ? seconds : seconds * 1e3;
 			try {
@@ -1226,7 +1593,7 @@ window.__ModuleLoader__.load({
 		function formatReset$2(seconds) {
 			if (seconds === void 0 || seconds === null || typeof seconds !== "number" || !Number.isFinite(seconds) || seconds <= 0) return "—";
 			const ms = seconds > 1e10 ? seconds : seconds * 1e3;
-			const absolute = formatDate$3(seconds);
+			const absolute = formatDate$2(seconds);
 			const diff = ms - Date.now();
 			const abs = Math.abs(diff);
 			const [amount, unit] = abs >= 864e5 ? [Math.round(diff / 864e5), "day"] : abs >= 36e5 ? [Math.round(diff / 36e5), "hour"] : [Math.round(diff / 6e4), "minute"];
@@ -1243,11 +1610,25 @@ window.__ModuleLoader__.load({
 		//#region src/client/antigravity/locales.ts
 		const NS_ANTIGRAVITY = "dsh-antigravity";
 		const zh$3 = {
+			...accountPoolZh,
 			title: "Antigravity",
 			pageDesc: "登录 Google Antigravity / Cloud Code Assist，并查看当前账号的共享额度。",
 			account: "已登录",
 			signedIn: "已登录",
 			signedOut: "未登录",
+			accountPool: "账号管理",
+			addAccount: "添加账号",
+			primaryAccount: "主账号",
+			activeAccount: "当前使用",
+			setPrimary: "设为主账号",
+			deleteAccount: "删除",
+			cooling: "冷却中",
+			clearCooldown: "重置冷却",
+			rotationStrategy: "调度策略",
+			strategySequential: "顺序耗尽（当前优先，遇限流自动切号）",
+			strategyRoundRobin: "轮询调度（按账号循环均匀分摊）",
+			strategySticky: "会话粘性（保持当前账号直到被限流）",
+			noAccounts: "暂无账号，点击「添加账号」完成登录授权。",
 			plan: "套餐",
 			accountId: "账号 ID",
 			expires: "令牌到期",
@@ -1264,7 +1645,8 @@ window.__ModuleLoader__.load({
 			connectionState: "连接状态",
 			connected: "已连接",
 			untested: "未测试",
-			modelsHint: "勾选后模型才会显示在对话页的模型选择列表中；至少保留一个。",
+			enableProvider: "启用此供应商",
+			modelsHint: "勾选后模型才会显示在对话页的模型选择列表中；全部取消勾选或关闭上方开关可在列表中隐藏该供应商。",
 			selectAll: "全选",
 			unselectAll: "全不选",
 			enhanced: "增强功能",
@@ -1294,11 +1676,25 @@ window.__ModuleLoader__.load({
 			tokens: "tokens"
 		};
 		const en$3 = {
+			...accountPoolEn,
 			title: "Antigravity",
 			pageDesc: "Sign in to Google Antigravity / Cloud Code Assist and view shared quotas.",
 			account: "Signed in",
 			signedIn: "Signed in",
 			signedOut: "Not signed in",
+			accountPool: "Account Management",
+			addAccount: "Add Account",
+			primaryAccount: "Primary",
+			activeAccount: "In Use",
+			setPrimary: "Set as Primary",
+			deleteAccount: "Delete",
+			cooling: "In Cooldown",
+			clearCooldown: "Clear Cooldown",
+			rotationStrategy: "Scheduling Strategy",
+			strategySequential: "Sequential Drain (Primary first, failover on 429)",
+			strategyRoundRobin: "Round-Robin (Evenly rotate across accounts)",
+			strategySticky: "Sticky session (hold the current account until it is limited)",
+			noAccounts: "No accounts yet. Click \"Add Account\" to authorize.",
 			plan: "Plan",
 			accountId: "Account ID",
 			expires: "Token expires",
@@ -1315,7 +1711,8 @@ window.__ModuleLoader__.load({
 			connectionState: "Connection state",
 			connected: "Connected",
 			untested: "Untested",
-			modelsHint: "Checked models will appear in DSH conversation model list; keep at least one.",
+			enableProvider: "Enable this provider",
+			modelsHint: "Checked models will appear in DSH conversation model list; unchecking all or turning off the switch hides this provider.",
 			selectAll: "Select all",
 			unselectAll: "Deselect all",
 			enhanced: "Enhanced Features",
@@ -1388,7 +1785,7 @@ window.__ModuleLoader__.load({
 			if (hours > 0) return `${hours}h ${mins % 60}m`;
 			return `${mins}m`;
 		}
-		function formatDate$2(ms) {
+		function formatDate$1(ms) {
 			if (!ms || ms <= 0) return "—";
 			try {
 				return new Intl.DateTimeFormat(void 0, {
@@ -1495,11 +1892,36 @@ window.__ModuleLoader__.load({
 					setBusy(null);
 				}
 			};
-			const handleLogout = async () => {
+			const handleSetPrimary = async (accountId) => {
 				try {
-					setBusy("logout");
+					setBusy(`primary-${accountId}`);
 					setError(null);
-					const updated = await fetchApi$5("/logout", { method: "POST" });
+					const updated = await fetchApi$5("/accounts", {
+						method: "POST",
+						body: JSON.stringify({
+							action: "set-primary",
+							accountId
+						})
+					});
+					setStatus(updated);
+					notifyChange();
+				} catch (err) {
+					setError(err instanceof Error ? err.message : String(err));
+				} finally {
+					setBusy(null);
+				}
+			};
+			const handleDeleteAccount = async (accountId) => {
+				try {
+					setBusy(`delete-${accountId}`);
+					setError(null);
+					const updated = await fetchApi$5("/accounts", {
+						method: "POST",
+						body: JSON.stringify({
+							action: "delete",
+							accountId
+						})
+					});
 					setStatus(updated);
 					notifyChange();
 				} catch (err) {
@@ -1508,11 +1930,63 @@ window.__ModuleLoader__.load({
 					setBusy(null);
 				}
 			};
+			const handleClearCooldown = async (accountId) => {
+				try {
+					setBusy(`cooldown-${accountId}`);
+					setError(null);
+					const updated = await fetchApi$5("/accounts", {
+						method: "POST",
+						body: JSON.stringify({
+							action: "clear-cooldown",
+							accountId
+						})
+					});
+					setStatus(updated);
+				} catch (err) {
+					setError(err instanceof Error ? err.message : String(err));
+				} finally {
+					setBusy(null);
+				}
+			};
+			const handleSetStrategy = async (strategy) => {
+				try {
+					setBusy("strategy");
+					setError(null);
+					const updated = await fetchApi$5("/accounts", {
+						method: "POST",
+						body: JSON.stringify({
+							action: "strategy",
+							strategy
+						})
+					});
+					setStatus(updated);
+				} catch (err) {
+					setError(err instanceof Error ? err.message : String(err));
+				} finally {
+					setBusy(null);
+				}
+			};
+			const toggleEnabled = async (enabled) => {
+				setStatus((prev) => prev ? {
+					...prev,
+					enabled
+				} : prev);
+				try {
+					const updated = await fetchApi$5("/settings", {
+						method: "POST",
+						body: JSON.stringify({ enabled })
+					});
+					setStatus(updated);
+					notifyChange();
+				} catch (err) {
+					setError(err instanceof Error ? err.message : String(err));
+					loadStatus(true);
+				}
+			};
 			const toggleModel = async (modelId, checked) => {
 				if (!status) return;
 				const currentEnabled = status.models.filter((m) => m.enabled).map((m) => m.id);
 				const nextEnabled = checked ? [.../* @__PURE__ */ new Set([...currentEnabled, modelId])] : currentEnabled.filter((id) => id !== modelId);
-				if (nextEnabled.length === 0) return;
 				try {
 					const updated = await fetchApi$5("/models", {
 						method: "POST",
@@ -1526,7 +2000,7 @@ window.__ModuleLoader__.load({
 			};
 			const setAllModels = async (selectAll) => {
 				if (!status) return;
-				const nextEnabled = selectAll ? status.models.map((m) => m.id) : [status.models[0].id];
+				const nextEnabled = selectAll ? status.models.map((m) => m.id) : [];
 				try {
 					const updated = await fetchApi$5("/models", {
 						method: "POST",
@@ -1585,109 +2059,65 @@ window.__ModuleLoader__.load({
 			});
 			const quota = status?.quota;
 			const groups = quota?.groups || [];
-			const visibleCount = status?.models.filter((m) => m.enabled).length || 0;
+			status?.models.filter((m) => m.enabled).length;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "dsha-page",
 				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccountPoolSection, {
+						accounts: status?.accounts ?? [],
+						activeAccountId: status?.activeAccountId,
+						rotationStrategy: status?.rotationStrategy ?? "sequential",
+						busy,
+						labels: t,
+						loginBusyLabel: busy === "login" ? loginProgress || t.signingIn : void 0,
+						onLogin: () => void handleLogin(),
+						onSetPrimary: (accountId) => void handleSetPrimary(accountId),
+						onDelete: (accountId) => void handleDeleteAccount(accountId),
+						onClearCooldown: (accountId) => void handleClearCooldown(accountId),
+						onSetStrategy: (strategy) => void handleSetStrategy(strategy),
+						renderDetails: (account) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+								t.accountId,
+								": ",
+								account.projectId || "antigravity-default"
+							] }),
+							account.email && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+								t.email,
+								": ",
+								account.email
+							] }),
+							account.expiresAt && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+								t.expires,
+								": ",
+								formatDate$1(account.expiresAt)
+							] }),
+							account.lastUsedAt && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+								t.lastUsed,
+								": ",
+								formatDate$1(account.lastUsedAt)
+							] })
+						] })
+					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 						className: "dsha-group",
 						children: [
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "dsha-grouphead",
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: status?.authenticated ? t.account : t.signedOut })
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "dsha-row",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "dsha-label",
-									children: status?.authenticated ? t.signedIn : t.signedOut
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "dsha-value",
-									children: status?.email || "—"
-								})]
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: t.connection })
 							}),
-							status?.authenticated && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: "dsha-row",
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dsha-label",
-										children: t.plan
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dsha-value",
-										children: quota?.planLabel || "Google AI Ultra"
-									})]
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: "dsha-row",
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dsha-label",
-										children: t.accountId
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dsha-value",
-										children: status.projectId || "antigravity-default"
-									})]
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: "dsha-row",
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dsha-label",
-										children: t.expires
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dsha-value",
-										children: formatDate$2(Date.now() + 864e5 * 30)
-									})]
-								})
-							] }),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: "dsha-row",
+								style: { marginBottom: 12 },
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: "dsha-label",
-									children: t.storage
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "dsha-value",
-									children: "本地安全存储 (JSON)"
-								})]
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: "dsha-notice",
-								children: t.storageNotice
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: "dsha-actions",
-								children: !status?.authenticated ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									className: "dsha-btn dsha-btn-primary",
+									style: { fontWeight: 600 },
+									children: t.enableProvider
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									type: "checkbox",
+									checked: status?.enabled !== false,
 									disabled: busy !== null,
-									onClick: handleLogin,
-									children: busy === "login" ? loginProgress || t.signingIn : t.signIn
-								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										className: "dsha-btn dsha-btn-primary",
-										disabled: busy !== null,
-										onClick: handleLogin,
-										children: busy === "login" ? loginProgress || t.signingIn : t.signInAgain
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										className: "dsha-btn",
-										disabled: busy !== null,
-										onClick: handleRefreshQuota,
-										children: busy === "quota" ? t.refreshingQuota : t.refreshToken
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										className: "dsha-btn",
-										disabled: busy !== null,
-										onClick: handleLogout,
-										children: t.signOut
-									})
-								] })
-							})
-						]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-						className: "dsha-group",
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: "dsha-grouphead",
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: t.connection })
+									onChange: (e) => void toggleEnabled(e.currentTarget.checked)
+								})]
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: "dsha-row",
@@ -1718,13 +2148,12 @@ window.__ModuleLoader__.load({
 								"aria-label": "Antigravity Models",
 								children: status?.models.map((model) => {
 									const checked = model.enabled;
-									const lastVisible = checked && visibleCount === 1;
 									return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 										title: model.id,
 										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 											type: "checkbox",
 											checked,
-											disabled: busy !== null || lastVisible,
+											disabled: busy !== null,
 											onChange: (e) => void toggleModel(model.id, e.currentTarget.checked)
 										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: model.name })]
 									}, model.id);
@@ -1922,6 +2351,7 @@ window.__ModuleLoader__.load({
 		//#region src/client/command-code/locales.ts
 		const NS_COMMAND_CODE = "dsh-command-code";
 		const zh$2 = {
+			...accountPoolZh,
 			title: "Command Code",
 			pageDesc: "登录 Command Code，管理可用模型、上下文窗口与额度。",
 			account: "账号",
@@ -1959,7 +2389,8 @@ window.__ModuleLoader__.load({
 			routeOwned: "模型路由由本插件提供",
 			routeConflict: "模型路由已被其他 Provider 占用：{detail}。请在 DSH 设置中移除重复的 Provider 配置后重试。",
 			modelsSection: "模型",
-			modelsHint: "勾选后模型才会出现在对话页的模型选择列表中；至少保留一个。",
+			enableProvider: "启用此供应商",
+			modelsHint: "勾选后模型才会出现在对话页的模型选择列表中；全部取消勾选或关闭上方开关可在列表中隐藏该供应商。",
 			refreshCatalog: "刷新模型目录",
 			refreshingCatalog: "刷新中...",
 			selectAll: "全选",
@@ -1988,6 +2419,7 @@ window.__ModuleLoader__.load({
 			tokens: "tokens"
 		};
 		const en$2 = {
+			...accountPoolEn,
 			title: "Command Code",
 			pageDesc: "Sign in to Command Code and manage models, context windows, and quota.",
 			account: "Account",
@@ -2025,7 +2457,8 @@ window.__ModuleLoader__.load({
 			routeOwned: "This plugin serves the model route",
 			routeConflict: "Another provider already owns the model route: {detail}. Remove the duplicate provider configuration in DSH settings and reload.",
 			modelsSection: "Models",
-			modelsHint: "Checked models appear in the DSH conversation model list; keep at least one.",
+			enableProvider: "Enable this provider",
+			modelsHint: "Checked models appear in the DSH conversation model list; unchecking all or turning off the switch hides this provider.",
 			refreshCatalog: "Refresh catalog",
 			refreshingCatalog: "Refreshing...",
 			selectAll: "Select all",
@@ -2099,17 +2532,6 @@ window.__ModuleLoader__.load({
 			if (value >= 1e3 && value % 1e3 === 0) return `${value / 1e3}K`;
 			return String(value);
 		}
-		function formatDate$1(ms) {
-			if (ms === void 0 || ms === null || ms <= 0) return "—";
-			try {
-				return new Intl.DateTimeFormat(void 0, {
-					dateStyle: "medium",
-					timeStyle: "short"
-				}).format(ms);
-			} catch {
-				return "—";
-			}
-		}
 		function formatReset$1(resetsAt) {
 			if (resetsAt === void 0 || resetsAt === null || resetsAt <= 0) return "";
 			const diff = resetsAt - Date.now();
@@ -2216,11 +2638,18 @@ window.__ModuleLoader__.load({
 					setBusy(null);
 				}
 			};
-			const handleLogout = async () => {
+			/** One account-level action on the shared pool card. */
+			const handleAccountAction = async (action, accountId) => {
 				try {
-					setBusy("logout");
+					setBusy(`${action}-${accountId}`);
 					setError(null);
-					const updated = await fetchApi$4("/logout", { method: "POST" });
+					const updated = await fetchApi$4("/accounts", {
+						method: "POST",
+						body: JSON.stringify({
+							action,
+							accountId
+						})
+					});
 					setStatus(updated);
 					notifyChange();
 				} catch (err) {
@@ -2229,6 +2658,48 @@ window.__ModuleLoader__.load({
 					setBusy(null);
 				}
 			};
+			const handleSetStrategy = async (strategy) => {
+				try {
+					setBusy("strategy");
+					setError(null);
+					const updated = await fetchApi$4("/accounts", {
+						method: "POST",
+						body: JSON.stringify({
+							action: "strategy",
+							strategy
+						})
+					});
+					setStatus(updated);
+				} catch (err) {
+					setError(err instanceof Error ? err.message : String(err));
+				} finally {
+					setBusy(null);
+				}
+			};
+			/**
+			* Re-authorize one key.
+			*
+			* Nothing is deleted: the failure marker is cleared and the ordinary sign-in
+			* flow runs again, so the account keeps its alias and place in the rotation.
+			*/
+			const handleRelogin = (accountId) => {
+				(async () => {
+					try {
+						const updated = await fetchApi$4("/accounts", {
+							method: "POST",
+							body: JSON.stringify({
+								action: "relogin",
+								accountId
+							})
+						});
+						setStatus(updated);
+					} catch (err) {
+						setError(err instanceof Error ? err.message : String(err));
+						return;
+					}
+					await handleLogin();
+				})();
+			};
 			const handleRefreshQuota = async () => {
 				try {
 					setBusy("quota");
@@ -2281,16 +2752,32 @@ window.__ModuleLoader__.load({
 					setError(err instanceof Error ? err.message : String(err));
 				}
 			};
+			const toggleEnabled = async (enabled) => {
+				setStatus((prev) => prev ? {
+					...prev,
+					enabled
+				} : prev);
+				try {
+					const updated = await fetchApi$4("/settings", {
+						method: "POST",
+						body: JSON.stringify({ enabled })
+					});
+					setStatus(updated);
+					notifyChange();
+				} catch (err) {
+					setError(err instanceof Error ? err.message : String(err));
+					loadStatus(true);
+				}
+			};
 			const toggleModel = (modelId, checked) => {
 				if (!status) return;
 				const current = status.models.filter((model) => model.enabled).map((model) => model.id);
 				const next = checked ? [.../* @__PURE__ */ new Set([...current, modelId])] : current.filter((id) => id !== modelId);
-				if (next.length === 0) return;
 				applyEnabled(next);
 			};
 			const setAllModels = (selectAll) => {
 				if (!status || status.models.length === 0) return;
-				applyEnabled(selectAll ? status.models.map((model) => model.id) : [status.models[0].id]);
+				applyEnabled(selectAll ? status.models.map((model) => model.id) : []);
 			};
 			const handleUpdateEffort = async (effort) => {
 				try {
@@ -2338,162 +2825,78 @@ window.__ModuleLoader__.load({
 				})
 			});
 			const quota = status?.quota;
-			const account = status?.account;
-			const visibleCount = status?.models.filter((model) => model.enabled).length || 0;
+			status?.account;
+			status?.models.filter((model) => model.enabled).length;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "dsha-page",
 				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(AccountPoolSection, {
+						accounts: status?.accounts ?? [],
+						activeAccountId: status?.activeAccountId,
+						rotationStrategy: status?.rotationStrategy ?? "sequential",
+						busy,
+						labels: t,
+						loginBusyLabel: busy === "login" ? loginProgress || t.signingIn : void 0,
+						onLogin: () => void handleLogin(),
+						onSetPrimary: (accountId) => void handleAccountAction("set-primary", accountId),
+						onDelete: (accountId) => void handleAccountAction("delete", accountId),
+						onClearCooldown: (accountId) => void handleAccountAction("clear-cooldown", accountId),
+						onRelogin: (accountId) => handleRelogin(accountId),
+						onSetStrategy: (strategy) => void handleSetStrategy(strategy),
+						storageValue: status?.storagePath || "—",
+						renderDetails: (entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [entry.keyName && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+							t.keyName,
+							": ",
+							entry.keyName
+						] }), entry.planLabel && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+							t.plan,
+							": ",
+							entry.planLabel
+						] })] }),
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "dsha-muted",
+							style: { paddingTop: 12 },
+							children: t.apiKeyHint
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dsha-capacity-control",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								type: "password",
+								"aria-label": t.apiKeySection,
+								placeholder: t.apiKeyPlaceholder,
+								value: apiKey,
+								onChange: (event) => setApiKey(event.currentTarget.value),
+								onKeyDown: (event) => {
+									if (event.key === "Enter" && apiKey.trim() !== "") handleApiKey();
+								}
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "dsha-context-save",
+								disabled: busy !== null || apiKey.trim() === "",
+								onClick: () => void handleApiKey(),
+								children: busy === "apikey" ? t.apiKeySaving : t.apiKeySave
+							})]
+						})]
+					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 						className: "dsha-group",
 						children: [
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "dsha-grouphead",
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: status?.authenticated ? t.account : t.signedOut })
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "dsha-row",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "dsha-label",
-									children: status?.authenticated ? t.signedIn : t.signedOut
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "dsha-value",
-									children: account?.email || account?.userName || "—"
-								})]
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: t.connection })
 							}),
-							status?.authenticated && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: "dsha-row",
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dsha-label",
-										children: t.plan
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dsha-value",
-										children: quota?.planName || account?.planLabel || t.planUnknown
-									})]
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: "dsha-row",
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dsha-label",
-										children: t.keyName
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dsha-value",
-										children: account?.keyName || "—"
-									})]
-								}),
-								quota?.subscriptionStatus && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: "dsha-row",
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dsha-label",
-										children: t.subscription
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-										className: "dsha-value",
-										children: [quota.subscriptionStatus, quota.periodEndsAt !== null ? ` · ${t.renews} ${formatDate$1(quota.periodEndsAt)}` : ""]
-									})]
-								}),
-								account?.organizationName && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: "dsha-row",
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dsha-label",
-										children: t.organization
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dsha-value",
-										children: account.organizationName
-									})]
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: "dsha-row",
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dsha-label",
-										children: t.authenticatedAt
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dsha-value",
-										children: formatDate$1(account?.authenticatedAt)
-									})]
-								})
-							] }),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: "dsha-row",
+								style: { marginBottom: 12 },
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: "dsha-label",
-									children: t.storage
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "dsha-value",
-									children: status?.storagePath || "—"
-								})]
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: "dsha-notice",
-								children: t.storageNotice
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: "dsha-actions",
-								children: !status?.authenticated ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									className: "dsha-btn dsha-btn-primary",
+									style: { fontWeight: 600 },
+									children: t.enableProvider
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									type: "checkbox",
+									checked: status?.enabled !== false,
 									disabled: busy !== null,
-									onClick: () => void handleLogin(),
-									children: busy === "login" ? loginProgress || t.signingIn : t.signIn
-								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										className: "dsha-btn dsha-btn-primary",
-										disabled: busy !== null,
-										onClick: () => void handleLogin(),
-										children: busy === "login" ? loginProgress || t.signingIn : t.signInAgain
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										className: "dsha-btn",
-										disabled: busy !== null,
-										onClick: () => void handleRefreshQuota(),
-										children: busy === "quota" ? t.refreshingQuota : t.refreshQuota
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										className: "dsha-btn",
-										disabled: busy !== null,
-										onClick: () => void handleLogout(),
-										children: t.signOut
-									})
-								] })
-							})
-						]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-						className: "dsha-group",
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: "dsha-grouphead",
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: t.apiKeySection })
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: "dsha-muted",
-								children: t.apiKeyHint
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "dsha-capacity-control",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-									type: "password",
-									"aria-label": t.apiKeySection,
-									placeholder: t.apiKeyPlaceholder,
-									value: apiKey,
-									onChange: (event) => setApiKey(event.currentTarget.value),
-									onKeyDown: (event) => {
-										if (event.key === "Enter" && apiKey.trim() !== "") handleApiKey();
-									}
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									className: "dsha-context-save",
-									disabled: busy !== null || apiKey.trim() === "",
-									onClick: () => void handleApiKey(),
-									children: busy === "apikey" ? t.apiKeySaving : t.apiKeySave
+									onChange: (e) => void toggleEnabled(e.currentTarget.checked)
 								})]
-							})
-						]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-						className: "dsha-group",
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: "dsha-grouphead",
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: t.connection })
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: "dsha-row",
@@ -2550,13 +2953,12 @@ window.__ModuleLoader__.load({
 								className: "dsha-models",
 								"aria-label": "Command Code Models",
 								children: status?.models.map((model) => {
-									const lastVisible = model.enabled && visibleCount === 1;
 									return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 										title: `${model.id} · ${model.wire === "anthropic" ? t.wireAnthropic : t.wireOpenai}`,
 										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 											type: "checkbox",
 											checked: model.enabled,
-											disabled: busy !== null || lastVisible,
+											disabled: busy !== null,
 											onChange: (event) => toggleModel(model.id, event.currentTarget.checked)
 										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: model.name })]
 									}, model.id);
@@ -2761,6 +3163,7 @@ window.__ModuleLoader__.load({
 		//#region src/client/kimi-code/locales.ts
 		const NS_KIMI_CODE = "dsh-kimi-code";
 		const zh$1 = {
+			...accountPoolZh,
 			title: "Kimi Code",
 			pageDesc: "登录 Kimi Code 订阅，管理模型、思考档位、上下文窗口与额度。",
 			account: "账号",
@@ -2806,7 +3209,8 @@ window.__ModuleLoader__.load({
 			routeOwned: "模型路由由本插件提供",
 			routeConflict: "模型路由已被其他 Provider 占用：{detail}。请在 DSH 设置中移除重复的 Provider 配置后重试。",
 			modelsSection: "模型",
-			modelsHint: "勾选后模型才会出现在对话页的模型选择列表中；至少保留一个。",
+			enableProvider: "启用此供应商",
+			modelsHint: "勾选后模型才会出现在对话页的模型选择列表中；全部取消勾选或关闭上方开关可在列表中隐藏该供应商。",
 			refreshCatalog: "刷新模型目录",
 			refreshingCatalog: "刷新中...",
 			selectAll: "全选",
@@ -2872,6 +3276,7 @@ window.__ModuleLoader__.load({
 			tokens: "tokens"
 		};
 		const en$1 = {
+			...accountPoolEn,
 			title: "Kimi Code",
 			pageDesc: "Sign in to the Kimi Code subscription and manage models, thinking level, context windows, and quota.",
 			account: "Account",
@@ -2917,7 +3322,8 @@ window.__ModuleLoader__.load({
 			routeOwned: "This plugin serves the model route",
 			routeConflict: "Another provider already owns the model route: {detail}. Remove the duplicate provider configuration in DSH settings and reload.",
 			modelsSection: "Models",
-			modelsHint: "Checked models appear in the DSH conversation model list; keep at least one.",
+			enableProvider: "Enable this provider",
+			modelsHint: "Checked models appear in the DSH conversation model list; unchecking all or turning off the switch hides this provider.",
 			refreshCatalog: "Refresh catalog",
 			refreshingCatalog: "Refreshing...",
 			selectAll: "Select all",
@@ -3205,11 +3611,18 @@ window.__ModuleLoader__.load({
 					window.setTimeout(() => setCopied(false), 2e3);
 				} catch {}
 			};
-			const handleLogout = async () => {
+			/** One account-level action on the shared pool card. */
+			const handleAccountAction = async (action, accountId) => {
 				try {
-					setBusy("logout");
+					setBusy(`${action}-${accountId}`);
 					setError(null);
-					const updated = await fetchApi$3("/logout", { method: "POST" });
+					const updated = await fetchApi$3("/accounts", {
+						method: "POST",
+						body: JSON.stringify({
+							action,
+							accountId
+						})
+					});
 					setStatus(updated);
 					setFlow({ status: "idle" });
 					notifyChange();
@@ -3219,6 +3632,48 @@ window.__ModuleLoader__.load({
 					setBusy(null);
 				}
 			};
+			const handleSetStrategy = async (strategy) => {
+				try {
+					setBusy("strategy");
+					setError(null);
+					const updated = await fetchApi$3("/accounts", {
+						method: "POST",
+						body: JSON.stringify({
+							action: "strategy",
+							strategy
+						})
+					});
+					setStatus(updated);
+				} catch (err) {
+					setError(err instanceof Error ? err.message : String(err));
+				} finally {
+					setBusy(null);
+				}
+			};
+			/**
+			* Re-authorize one account.
+			*
+			* Nothing is deleted: the failure marker is cleared and the device-code flow
+			* runs again, so the account keeps its alias and place in the rotation.
+			*/
+			const handleRelogin = (accountId) => {
+				(async () => {
+					try {
+						const updated = await fetchApi$3("/accounts", {
+							method: "POST",
+							body: JSON.stringify({
+								action: "relogin",
+								accountId
+							})
+						});
+						setStatus(updated);
+					} catch (err) {
+						setError(err instanceof Error ? err.message : String(err));
+						return;
+					}
+					await handleLogin();
+				})();
+			};
 			const handleRefreshQuota = async () => {
 				try {
 					setBusy("quota");
@@ -3274,16 +3729,32 @@ window.__ModuleLoader__.load({
 					setError(err instanceof Error ? err.message : String(err));
 				}
 			};
+			const toggleEnabled = async (enabled) => {
+				setStatus((prev) => prev ? {
+					...prev,
+					enabled
+				} : prev);
+				try {
+					const updated = await fetchApi$3("/settings", {
+						method: "POST",
+						body: JSON.stringify({ enabled })
+					});
+					setStatus(updated);
+					notifyChange();
+				} catch (err) {
+					setError(err instanceof Error ? err.message : String(err));
+					loadStatus(true);
+				}
+			};
 			const toggleModel = (modelId, checked) => {
 				if (!status) return;
 				const current = status.models.filter((model) => model.enabled).map((model) => model.id);
 				const next = checked ? [.../* @__PURE__ */ new Set([...current, modelId])] : current.filter((id) => id !== modelId);
-				if (next.length === 0) return;
 				applyEnabled(next);
 			};
 			const setAllModels = (selectAll) => {
 				if (!status || status.models.length === 0) return;
-				applyEnabled(selectAll ? status.models.map((model) => model.id) : [status.models[0].id]);
+				applyEnabled(selectAll ? status.models.map((model) => model.id) : []);
 			};
 			const handleUpdateEffort = async (effort) => {
 				try {
@@ -3331,171 +3802,96 @@ window.__ModuleLoader__.load({
 				})
 			});
 			const quota = status?.quota;
-			const account = status?.account;
-			const visibleCount = status?.models.filter((model) => model.enabled).length || 0;
+			status?.account;
+			status?.models.filter((model) => model.enabled).length;
 			const loginPending = flow?.status === "pending";
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "dsha-page",
 				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-						className: "dsha-group",
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: "dsha-grouphead",
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: status?.authenticated ? t.account : t.signedOut })
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "dsha-row",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "dsha-label",
-									children: status?.authenticated ? t.signedIn : t.signedOut
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "dsha-value",
-									children: account?.nickname || account?.email || account?.userId || "—"
-								})]
-							}),
-							status?.authenticated && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: "dsha-row",
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dsha-label",
-										children: t.plan
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dsha-value",
-										children: quota?.planName || account?.planName || t.planUnknown
-									})]
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccountPoolSection, {
+						accounts: status?.accounts ?? [],
+						activeAccountId: status?.activeAccountId,
+						rotationStrategy: status?.rotationStrategy ?? "sequential",
+						busy,
+						labels: t,
+						loginBusyLabel: loginPending ? t.waitingAuthorization : busy === "login" ? t.requestingCode : void 0,
+						onLogin: () => void handleLogin(),
+						onSetPrimary: (accountId) => void handleAccountAction("set-primary", accountId),
+						onDelete: (accountId) => void handleAccountAction("delete", accountId),
+						onClearCooldown: (accountId) => void handleAccountAction("clear-cooldown", accountId),
+						onRelogin: (accountId) => handleRelogin(accountId),
+						onSetStrategy: (strategy) => void handleSetStrategy(strategy),
+						storageValue: status?.storagePath || "—",
+						renderDetails: (entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+							entry.planName && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+								t.plan,
+								": ",
+								entry.planName
+							] }),
+							entry.region && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+								t.region,
+								": ",
+								entry.region === "global" ? t.regionGlobal : t.regionMainland
+							] }),
+							entry.email && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+								t.email,
+								": ",
+								entry.email
+							] })
+						] }),
+						children: loginPending && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dsha-device-box",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t.deviceCodeSection }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "dsha-muted",
+									children: t.deviceCodeHint
 								}),
-								account?.email && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: "dsha-row",
+								flow?.userCode && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dsha-code-row",
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dsha-label",
-										children: t.email
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dsha-value",
-										children: account.email
+										className: "dsha-code",
+										children: flow.userCode
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										className: "dsha-btn",
+										onClick: () => void handleCopyCode(),
+										children: copied ? t.copied : t.copyCode
 									})]
 								}),
+								flow?.verificationUriComplete && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+									className: "dsha-link",
+									href: flow.verificationUriComplete,
+									target: "_blank",
+									rel: "noreferrer noopener",
+									children: flow.verificationUriComplete
+								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									className: "dsha-row",
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 										className: "dsha-label",
-										children: t.region
+										children: t.codeExpires
 									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 										className: "dsha-value",
-										children: status.region === "global" ? t.regionGlobal : t.regionMainland
+										children: formatDate(flow?.expiresAt)
 									})]
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: "dsha-row",
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dsha-label",
-										children: t.authenticatedAt
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dsha-value",
-										children: formatDate(account?.authenticatedAt)
-									})]
-								})
-							] }),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "dsha-row",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "dsha-label",
-									children: t.storage
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "dsha-value",
-									children: status?.storagePath || "—"
-								})]
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: "dsha-notice",
-								children: t.storageNotice
-							}),
-							status?.credentialsRejected && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: "dsha-notice",
-								children: t.refreshRejected
-							}),
-							loginPending && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "dsha-device-box",
-								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t.deviceCodeSection }),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-										className: "dsha-muted",
-										children: t.deviceCodeHint
-									}),
-									flow?.userCode && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: "dsha-code-row",
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: "dsha-code",
-											children: flow.userCode
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-											className: "dsha-btn",
-											onClick: () => void handleCopyCode(),
-											children: copied ? t.copied : t.copyCode
-										})]
-									}),
-									flow?.verificationUriComplete && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-										className: "dsha-link",
+									className: "dsha-actions",
+									children: [flow?.verificationUriComplete && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+										className: "dsha-btn",
 										href: flow.verificationUriComplete,
 										target: "_blank",
 										rel: "noreferrer noopener",
-										children: flow.verificationUriComplete
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: "dsha-row",
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: "dsha-label",
-											children: t.codeExpires
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: "dsha-value",
-											children: formatDate(flow?.expiresAt)
-										})]
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: "dsha-actions",
-										children: [flow?.verificationUriComplete && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-											className: "dsha-btn",
-											href: flow.verificationUriComplete,
-											target: "_blank",
-											rel: "noreferrer noopener",
-											children: t.openSignInPage
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-											className: "dsha-btn",
-											disabled: busy !== null,
-											onClick: () => void handleCancelLogin(),
-											children: t.cancelSignIn
-										})]
-									})
-								]
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: "dsha-actions",
-								children: !status?.authenticated ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									className: "dsha-btn dsha-btn-primary",
-									disabled: busy !== null || loginPending,
-									onClick: () => void handleLogin(),
-									children: loginPending ? t.waitingAuthorization : busy === "login" ? t.requestingCode : t.signIn
-								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										className: "dsha-btn dsha-btn-primary",
-										disabled: busy !== null || loginPending,
-										onClick: () => void handleLogin(),
-										children: loginPending ? t.waitingAuthorization : t.signInAgain
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										className: "dsha-btn",
-										disabled: busy !== null,
-										onClick: () => void handleRefreshQuota(),
-										children: busy === "quota" ? t.refreshingQuota : t.refreshQuota
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										children: t.openSignInPage
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 										className: "dsha-btn",
 										disabled: busy !== null,
-										onClick: () => void handleLogout(),
-										children: t.signOut
-									})
-								] })
-							})
-						]
+										onClick: () => void handleCancelLogin(),
+										children: t.cancelSignIn
+									})]
+								})
+							]
+						})
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 						className: "dsha-group",
@@ -3504,6 +3900,20 @@ window.__ModuleLoader__.load({
 								className: "dsha-grouphead",
 								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: t.connection })
 							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dsha-row",
+								style: { marginBottom: 12 },
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsha-label",
+									style: { fontWeight: 600 },
+									children: t.enableProvider
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									type: "checkbox",
+									checked: status?.enabled !== false,
+									disabled: busy !== null,
+									onChange: (e) => void toggleEnabled(e.currentTarget.checked)
+								})]
+							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: "dsha-row",
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -3583,7 +3993,6 @@ window.__ModuleLoader__.load({
 								className: "dsha-models",
 								"aria-label": "Kimi Code Models",
 								children: status?.models.map((model) => {
-									const lastVisible = model.enabled && visibleCount === 1;
 									return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 										title: [
 											model.id,
@@ -3595,7 +4004,7 @@ window.__ModuleLoader__.load({
 										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 											type: "checkbox",
 											checked: model.enabled,
-											disabled: busy !== null || lastVisible,
+											disabled: busy !== null,
 											onChange: (event) => toggleModel(model.id, event.currentTarget.checked)
 										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: model.name })]
 									}, model.id);
@@ -3875,6 +4284,7 @@ window.__ModuleLoader__.load({
 		const NS = "dsh-chatgpt-subscription";
 		const dictionaries = {
 			zh: {
+				...accountPoolZh,
 				title: "ChatGPT",
 				hubTitle: "订阅服务",
 				intro: "使用 ChatGPT 账号登录，在 DSH 中使用订阅可用的模型。",
@@ -3912,8 +4322,11 @@ window.__ModuleLoader__.load({
 				testConnection: "测试连接",
 				testing: "测试中…",
 				latency: "最近延迟",
+				enableProvider: "启用此供应商",
+				selectAll: "全选",
+				unselectAll: "全不选",
 				models: "可用模型",
-				modelsHint: "勾选后模型才会显示在对话页的模型选择列表中；至少保留一个。",
+				modelsHint: "勾选后模型才会显示在对话页的模型选择列表中；全部取消勾选或关闭上方开关可在列表中隐藏该供应商。",
 				proxySettings: "网络代理",
 				proxyMode: "代理模式",
 				proxyModeHint: "GPT 与 Antigravity（Gemini）共用此代理设置；支持自动读取系统代理，修改后对后续请求生效。",
@@ -4000,6 +4413,7 @@ window.__ModuleLoader__.load({
 				unknown: "未知"
 			},
 			en: {
+				...accountPoolEn,
 				title: "ChatGPT",
 				hubTitle: "Subscriptions",
 				intro: "Sign in with ChatGPT to use models available to your subscription in DSH.",
@@ -4037,8 +4451,11 @@ window.__ModuleLoader__.load({
 				testConnection: "Test connection",
 				testing: "Testing…",
 				latency: "Last latency",
+				enableProvider: "Enable this provider",
+				selectAll: "Select all",
+				unselectAll: "Unselect all",
 				models: "Available models",
-				modelsHint: "Checked models appear in the conversation model picker; at least one must remain enabled.",
+				modelsHint: "Checked models appear in the conversation model picker; unchecking all or turning off the switch hides this provider from the picker.",
 				proxySettings: "Network Proxy",
 				proxyMode: "Proxy Mode",
 				proxyModeHint: "GPT and Antigravity (Gemini) share these proxy settings. Supports system proxy detection; changes apply to subsequent requests.",
@@ -4309,6 +4726,41 @@ window.__ModuleLoader__.load({
 .dsha-composer-quota strong{color:var(--dsw-alias-label-primary);font-size:11px;font-weight:650}
 .dsha-composer-quota[data-level=warning] strong{color:var(--dsw-alias-label-warning,#d58a24)}
 .dsha-composer-quota[data-level=danger] strong{color:var(--dsw-alias-label-danger,#d94b4b)}
+.dsha-accounts-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}
+.dsha-account-card{background:var(--dsw-alias-bg-layer-2);border:0.5px solid var(--dsw-alias-border-l2);border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;transition:border-color .15s ease}
+.dsha-account-card.active{border-color:color-mix(in srgb,var(--dsw-alias-button-info-fill,#397ee8) 60%,var(--dsw-alias-border-l2))}
+.dsha-account-header{display:flex;align-items:center;justify-content:space-between;gap:8px}
+.dsha-account-identity{display:flex;align-items:center;gap:8px;min-width:0}
+.dsha-account-title{font-size:13px;font-weight:600;color:var(--dsw-alias-label-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.dsha-badges{display:flex;align-items:center;gap:6px}
+.dsha-badge{font-size:11px;line-height:1;padding:3px 7px;border-radius:4px;font-weight:550;white-space:nowrap}
+.dsha-badge.primary{background:color-mix(in srgb,var(--dsw-alias-button-info-fill,#397ee8) 18%,var(--dsw-alias-bg-layer-1));color:var(--dsw-alias-button-info-fill,#397ee8);border:0.5px solid color-mix(in srgb,var(--dsw-alias-button-info-fill,#397ee8) 40%,transparent)}
+.dsha-badge.active{background:color-mix(in srgb,var(--dsw-alias-label-success,#10b981) 18%,var(--dsw-alias-bg-layer-1));color:var(--dsw-alias-label-success,#10b981);border:0.5px solid color-mix(in srgb,var(--dsw-alias-label-success,#10b981) 40%,transparent)}
+.dsha-badge.cooldown{background:color-mix(in srgb,var(--dsw-alias-label-warning,#d58a24) 18%,var(--dsw-alias-bg-layer-1));color:var(--dsw-alias-label-warning,#d58a24);border:0.5px solid color-mix(in srgb,var(--dsw-alias-label-warning,#d58a24) 40%,transparent)}
+.dsha-account-details{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:var(--dsw-alias-label-secondary)}
+.dsha-account-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
+.dsha-account-actions .dsha-btn{padding:5px 10px;font-size:12px}
+`;
+			document.head.append(style);
+		}
+		//#endregion
+		//#region src/client/common/styles.ts
+		const POOL_STYLE_ID = "dsh-provider-pool-style";
+		/**
+		* Styles the shared account-pool card adds on top of the existing provider
+		* stylesheets: the badge variants no single provider tab owned before.
+		*
+		* Additive on purpose — the shared `.dsha-*` block and each provider's own
+		* tweaks keep living in their own modules, in the order the client installs
+		* them, so nothing that already rendered changes appearance.
+		*/
+		function installPoolStyles() {
+			if (typeof document === "undefined" || document.getElementById("dsh-provider-pool-style")) return;
+			const style = document.createElement("style");
+			style.id = POOL_STYLE_ID;
+			style.textContent = `
+.dsha-badge.danger{background:color-mix(in srgb,var(--dsw-alias-label-danger,#d94b4b) 18%,var(--dsw-alias-bg-layer-1));color:var(--dsw-alias-label-danger,#d94b4b);border:0.5px solid color-mix(in srgb,var(--dsw-alias-label-danger,#d94b4b) 40%,transparent)}
+.dsha-account-card .dsha-btn.danger{color:var(--dsw-alias-label-danger,#d94b4b)}
 `;
 			document.head.append(style);
 		}
@@ -5089,6 +5541,10 @@ window.__ModuleLoader__.load({
 				installKimiCodeStyles();
 				return () => {};
 			}, "dsh-kimi-code: styles");
+			ctx.effect(() => {
+				installPoolStyles();
+				return () => {};
+			}, "dsh-chatgpt-subscription: pool styles");
 			ctx.effect(() => setupMermaidObserver(), "dsh-mermaid: observer");
 			const t = ctx.locale.bind(NS);
 			const handleModelDirectoryReload = () => {