@eddyskywalker/dsh-chatgpt-subscription 0.4.0 → 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());
@@ -531,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);
@@ -551,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", {
@@ -579,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,
@@ -625,25 +962,16 @@ 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]
 								})
 							]
 						}),
@@ -651,7 +979,7 @@ window.__ModuleLoader__.load({
 							title: t("connection"),
 							children: [
 								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: "dsh-codex-pref-row",
+									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",
@@ -680,14 +1008,14 @@ 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);
@@ -720,7 +1048,7 @@ window.__ModuleLoader__.load({
 									})]
 								}),
 								/* @__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,
@@ -733,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,
@@ -782,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", {
@@ -816,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,
@@ -832,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",
@@ -858,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,
@@ -892,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,
@@ -930,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);
@@ -942,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,
@@ -971,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"),
@@ -1013,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", {
@@ -1067,7 +1395,7 @@ window.__ModuleLoader__.load({
 									children: [
 										t("updated"),
 										": ",
-										formatDate$3(quota.fetchedAt)
+										formatDate$2(quota.fetchedAt)
 									]
 								}) : null
 							]
@@ -1083,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(),
@@ -1101,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
 				})]
 			});
@@ -1250,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 {
@@ -1265,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"];
@@ -1282,6 +1610,7 @@ 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: "已登录",
@@ -1298,6 +1627,7 @@ window.__ModuleLoader__.load({
 			rotationStrategy: "调度策略",
 			strategySequential: "顺序耗尽（当前优先，遇限流自动切号）",
 			strategyRoundRobin: "轮询调度（按账号循环均匀分摊）",
+			strategySticky: "会话粘性（保持当前账号直到被限流）",
 			noAccounts: "暂无账号，点击「添加账号」完成登录授权。",
 			plan: "套餐",
 			accountId: "账号 ID",
@@ -1346,6 +1676,7 @@ 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",
@@ -1362,6 +1693,7 @@ window.__ModuleLoader__.load({
 			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",
@@ -1453,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, {
@@ -1731,148 +2063,40 @@ window.__ModuleLoader__.load({
 			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.jsxs)("div", {
-								className: "dsha-grouphead",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h3", { children: [t.accountPool, status?.accounts && status.accounts.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-									className: "dsha-muted",
-									style: {
-										fontWeight: 400,
-										marginLeft: 8
-									},
-									children: [
-										"（已登录 ",
-										status.accounts.length,
-										" 个账号）"
-									]
-								})] }), /* @__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.addAccount
-								})]
-							}),
-							status?.accounts && status.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: status.rotationStrategy === "round-robin" ? t.strategyRoundRobin : t.strategySequential
-								})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
-									className: "dsha-select",
-									value: status.rotationStrategy || "sequential",
-									disabled: busy !== null,
-									onChange: (e) => void handleSetStrategy(e.target.value),
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-										value: "sequential",
-										children: "顺序耗尽"
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-										value: "round-robin",
-										children: "轮询调度"
-									})]
-								})]
-							}),
-							!status?.accounts || status.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: status.accounts.map((acc) => {
-									const isCurrentActive = acc.id === status.activeAccountId;
-									const isCooling = typeof acc.cooldownUntil === "number" && acc.cooldownUntil > Date.now();
-									const cooldownLeftSec = isCooling ? Math.ceil((acc.cooldownUntil - Date.now()) / 1e3) : 0;
-									const cooldownLeftMin = Math.ceil(cooldownLeftSec / 60);
-									return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: `dsha-account-card ${isCurrentActive ? "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: acc.alias || acc.email || acc.id
-												}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-													className: "dsha-badges",
-													children: [
-														acc.isPrimary && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-															className: "dsha-badge primary",
-															children: t.primaryAccount
-														}),
-														isCurrentActive && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-															className: "dsha-badge active",
-															children: t.activeAccount
-														}),
-														isCooling && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-															className: "dsha-badge cooldown",
-															children: [
-																t.cooling,
-																"（剩 ",
-																cooldownLeftMin,
-																" 分）"
-															]
-														})
-													]
-												})]
-											}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-												className: "dsha-account-actions",
-												children: [
-													!acc.isPrimary && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-														className: "dsha-btn",
-														disabled: busy !== null,
-														onClick: () => void handleSetPrimary(acc.id),
-														children: t.setPrimary
-													}),
-													isCooling && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-														className: "dsha-btn",
-														disabled: busy !== null,
-														onClick: () => void handleClearCooldown(acc.id),
-														children: t.clearCooldown
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-														className: "dsha-btn",
-														disabled: busy !== null,
-														onClick: () => void handleDeleteAccount(acc.id),
-														children: t.deleteAccount
-													})
-												]
-											})]
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: "dsha-account-details",
-											children: [
-												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
-													t.accountId,
-													": ",
-													acc.projectId || "antigravity-default"
-												] }),
-												acc.email && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: ["邮箱: ", acc.email] }),
-												acc.expiresAt && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: ["令牌到期: ", formatDate$2(acc.expiresAt)] }),
-												acc.lastUsedAt && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: ["上次调用: ", formatDate$2(acc.lastUsedAt)] })
-											]
-										})]
-									}, acc.id);
-								})
-							}),
-							/* @__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: "本地安全存储 (JSON/DPAPI)"
-								})]
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: "dsha-notice",
-								children: t.storageNotice
-							})
-						]
+					/* @__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",
@@ -2127,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: "账号",
@@ -2194,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",
@@ -2306,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();
@@ -2423,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) {
@@ -2436,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");
@@ -2561,155 +2825,57 @@ window.__ModuleLoader__.load({
 				})
 			});
 			const quota = status?.quota;
-			const account = status?.account;
+			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)("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 || "—"
-								})]
-							}),
-							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",
-								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",
-									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
-								})]
-							})
-						]
+					/* @__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",
@@ -2997,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: "账号",
@@ -3109,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",
@@ -3443,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();
@@ -3457,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");
@@ -3585,171 +3802,96 @@ window.__ModuleLoader__.load({
 				})
 			});
 			const quota = status?.quota;
-			const account = status?.account;
+			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", {
+										children: t.openSignInPage
+									}), /* @__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
-									})
-								] })
-							})
-						]
+										onClick: () => void handleCancelLogin(),
+										children: t.cancelSignIn
+									})]
+								})
+							]
+						})
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 						className: "dsha-group",
@@ -4142,6 +4284,7 @@ window.__ModuleLoader__.load({
 		const NS = "dsh-chatgpt-subscription";
 		const dictionaries = {
 			zh: {
+				...accountPoolZh,
 				title: "ChatGPT",
 				hubTitle: "订阅服务",
 				intro: "使用 ChatGPT 账号登录，在 DSH 中使用订阅可用的模型。",
@@ -4270,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.",
@@ -4596,6 +4740,27 @@ window.__ModuleLoader__.load({
 .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);
 		}
@@ -5376,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 = () => {