@eddyskywalker/dsh-chatgpt-subscription 0.4.0 → 0.6.0

package/lib/client.js

@@ -56,7 +56,7 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region src/client/CodexComposerQuota.tsx
 		function CodexComposerQuota({ api, directory, loadModelDirectory, t }) {
-			const modelState = useStore$3(directory);
+			const modelState = useStore$4(directory);
 			const [status, setStatus] = (0, react.useState)(null);
 			const [loading, setLoading] = (0, react.useState)(false);
 			const mountedRef = (0, react.useRef)(false);
@@ -103,7 +103,7 @@ window.__ModuleLoader__.load({
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("quickQuotaLabel") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: quota === null ? loading ? t("quickQuotaLoading") : "—" : formatPercent$1(quota.remainingPercent) })]
 			});
 		}
-		function useStore$3(store) {
+		function useStore$4(store) {
 			return (0, react.useSyncExternalStore)((listener) => store.subscribe(listener), () => store.getSnapshot(), () => store.getSnapshot());
 		}
 		function formatPercent$1(value) {
@@ -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,275 @@ 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 }),
+								"）"
+							]
+						})] }), props.renderLoginActions !== void 0 ? props.renderLoginActions() : /* @__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: [
+												props.renderAccountActions?.(account),
+												!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
+												}),
+												account.removable !== false && /* @__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 +813,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 +890,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 +918,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 +963,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 +980,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",
@@ -683,11 +1012,11 @@ window.__ModuleLoader__.load({
 									value: `${connection.latencyMs} ms · ${formatDate$3(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 +1049,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 +1062,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 +1111,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 +1145,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 +1161,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 +1187,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 +1221,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 +1259,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,18 +1271,18 @@ 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,
 														type: "text",
 														inputMode: "numeric",
-														value: draft ?? formatCapacity$3(fallback),
+														value: draft ?? formatCapacity$4(fallback),
 														disabled: busy !== null,
 														"aria-label": entry.name + " " + t("contextWindow"),
 														onChange: (event) => {
@@ -971,7 +1300,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 +1342,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", {
@@ -1083,16 +1412,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 +1430,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
 				})]
 			});
@@ -1159,7 +1488,7 @@ window.__ModuleLoader__.load({
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("small", { children: [
 							t("resetCreditExpires"),
 							": ",
-							resetCredits.expiresAt == null ? t("unknown") : formatReset$2(resetCredits.expiresAt)
+							resetCredits.expiresAt == null ? t("unknown") : formatReset$3(resetCredits.expiresAt)
 						] })
 					]
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
@@ -1192,7 +1521,7 @@ window.__ModuleLoader__.load({
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "dsh-codex-meter-meta",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: percent >= 100 ? `${t("exhausted")} · ${formatPercent(remaining)} ${t("remaining")}` : `${formatPercent(percent)} ${t("used")} · ${formatPercent(remaining)} ${t("remaining")}` }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: window?.resetsAt == null ? "—" : `${t("resets")}: ${formatReset$2(window.resetsAt)}` })]
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: percent >= 100 ? `${t("exhausted")} · ${formatPercent(remaining)} ${t("remaining")}` : `${formatPercent(percent)} ${t("used")} · ${formatPercent(remaining)} ${t("remaining")}` }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: window?.resetsAt == null ? "—" : `${t("resets")}: ${formatReset$3(window.resetsAt)}` })]
 					})
 				]
 			});
@@ -1218,7 +1547,7 @@ window.__ModuleLoader__.load({
 				return `${value} ${t("limitWindow")}`;
 			}
 		}
-		function parsePositiveCapacity$3(value) {
+		function parsePositiveCapacity$4(value) {
 			const matched = value.trim().toLowerCase().replace(/[,_\s]/g, "").match(/^(\d+(?:\.\d+)?)(k|m)?$/);
 			if (matched === null) return null;
 			const multiplier = matched[2] === "m" ? 1e6 : matched[2] === "k" ? 1e3 : 1;
@@ -1226,10 +1555,10 @@ window.__ModuleLoader__.load({
 			return Number.isSafeInteger(parsed) && parsed >= 1 ? parsed : null;
 		}
 		function parseCapacity(value, maxContextWindow = GPT_56_MAX_CONTEXT_WINDOW) {
-			const parsed = parsePositiveCapacity$3(value);
+			const parsed = parsePositiveCapacity$4(value);
 			return parsed !== null && parsed <= maxContextWindow ? parsed : null;
 		}
-		function formatCapacity$3(value) {
+		function formatCapacity$4(value) {
 			if (value % 1e3 === 0) return `${value / 1e3}K`;
 			return String(value);
 		}
@@ -1246,7 +1575,7 @@ window.__ModuleLoader__.load({
 				limit.remainingPercent !== null && limit.remainingPercent !== void 0 ? `${formatPercent(limit.remainingPercent)} ${t("remaining")}` : null,
 				limit.limit !== null && limit.limit !== void 0 ? `${t("limit")}: ${limit.limit}` : null,
 				limit.used !== null && limit.used !== void 0 ? `${t("used")}: ${limit.used}` : null,
-				limit.resetsAt !== null && limit.resetsAt !== void 0 ? `${t("resets")}: ${formatReset$2(limit.resetsAt)}` : null
+				limit.resetsAt !== null && limit.resetsAt !== void 0 ? `${t("resets")}: ${formatReset$3(limit.resetsAt)}` : null
 			].filter((part) => part !== null);
 			return parts.length > 0 ? parts.join(" · ") : t("unknown");
 		}
@@ -1262,7 +1591,7 @@ window.__ModuleLoader__.load({
 				return "—";
 			}
 		}
-		function formatReset$2(seconds) {
+		function formatReset$3(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);
@@ -1281,7 +1610,8 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region src/client/antigravity/locales.ts
 		const NS_ANTIGRAVITY = "dsh-antigravity";
-		const zh$3 = {
+		const zh$4 = {
+			...accountPoolZh,
 			title: "Antigravity",
 			pageDesc: "登录 Google Antigravity / Cloud Code Assist，并查看当前账号的共享额度。",
 			account: "已登录",
@@ -1298,6 +1628,7 @@ window.__ModuleLoader__.load({
 			rotationStrategy: "调度策略",
 			strategySequential: "顺序耗尽（当前优先，遇限流自动切号）",
 			strategyRoundRobin: "轮询调度（按账号循环均匀分摊）",
+			strategySticky: "会话粘性（保持当前账号直到被限流）",
 			noAccounts: "暂无账号，点击「添加账号」完成登录授权。",
 			plan: "套餐",
 			accountId: "账号 ID",
@@ -1345,7 +1676,8 @@ window.__ModuleLoader__.load({
 			loginFailed: "登录失败",
 			tokens: "tokens"
 		};
-		const en$3 = {
+		const en$4 = {
+			...accountPoolEn,
 			title: "Antigravity",
 			pageDesc: "Sign in to Google Antigravity / Cloud Code Assist and view shared quotas.",
 			account: "Signed in",
@@ -1362,6 +1694,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",
@@ -1409,17 +1742,17 @@ window.__ModuleLoader__.load({
 			loginFailed: "Login failed",
 			tokens: "tokens"
 		};
-		const dictionaries$3 = {
-			zh: zh$3,
-			"zh-CN": zh$3,
-			en: en$3,
-			"en-US": en$3
+		const dictionaries$4 = {
+			zh: zh$4,
+			"zh-CN": zh$4,
+			en: en$4,
+			"en-US": en$4
 		};
 		//#endregion
 		//#region src/client/antigravity/AntigravitySection.tsx
-		const API$5 = "/antigravity/api";
-		async function fetchApi$5(path, options) {
-			const res = await fetch(`${API$5}${path}`, {
+		const API$7 = "/antigravity/api";
+		async function fetchApi$7(path, options) {
+			const res = await fetch(`${API$7}${path}`, {
 				...options,
 				headers: {
 					"Content-Type": "application/json",
@@ -1430,14 +1763,14 @@ window.__ModuleLoader__.load({
 			if (!res.ok || !json.ok) throw new Error(json.error || `HTTP ${res.status}`);
 			return json.value;
 		}
-		function parsePositiveCapacity$2(value) {
+		function parsePositiveCapacity$3(value) {
 			const matched = value.trim().toLowerCase().replace(/[,_\s]/g, "").match(/^(\d+(?:\.\d+)?)(k|m)?$/);
 			if (matched === null) return null;
 			const multiplier = matched[2] === "m" ? 1e6 : matched[2] === "k" ? 1e3 : 1;
 			const parsed = Number(matched[1]) * multiplier;
 			return Number.isSafeInteger(parsed) && parsed >= 1 ? parsed : null;
 		}
-		function formatCapacity$2(value) {
+		function formatCapacity$3(value) {
 			if (value >= 1e6 && value % 1e5 === 0) return `${value / 1e6}M`;
 			if (value % 1e3 === 0) return `${value / 1e3}K`;
 			return String(value);
@@ -1473,7 +1806,7 @@ window.__ModuleLoader__.load({
 			const [loginProgress, setLoginProgress] = (0, react.useState)(null);
 			const [contextDrafts, setContextDrafts] = (0, react.useState)({});
 			const [savingModel, setSavingModel] = (0, react.useState)(null);
-			const t = zh$3;
+			const t = zh$4;
 			const notifyChange = (0, react.useCallback)(() => {
 				onModelChange?.();
 				loadModelDirectory?.();
@@ -1484,12 +1817,12 @@ window.__ModuleLoader__.load({
 					setValidationUrl(null);
 				}
 				try {
-					const data = await fetchApi$5("/status");
+					const data = await fetchApi$7("/status");
 					setStatus(data);
 					const drafts = {};
 					for (const m of data.models) {
 						const val = data.contextWindowOverrides[m.id] || m.defaultContextWindow;
-						drafts[m.id] = formatCapacity$2(val);
+						drafts[m.id] = formatCapacity$3(val);
 					}
 					setContextDrafts(drafts);
 				} catch (err) {
@@ -1516,11 +1849,11 @@ window.__ModuleLoader__.load({
 					setError(null);
 					setValidationUrl(null);
 					setLoginProgress(null);
-					const flow = await fetchApi$5("/login", { method: "POST" });
+					const flow = await fetchApi$7("/login", { method: "POST" });
 					if (flow.authUrl) window.open(flow.authUrl, "_blank");
 					const pollTimer = setInterval(async () => {
 						try {
-							const pollStatus = await fetchApi$5("/login/status");
+							const pollStatus = await fetchApi$7("/login/status");
 							if (pollStatus.progress) setLoginProgress(pollStatus.progress);
 							if (pollStatus.status === "complete") {
 								clearInterval(pollTimer);
@@ -1552,7 +1885,7 @@ window.__ModuleLoader__.load({
 				try {
 					setBusy("quota");
 					setError(null);
-					const updated = await fetchApi$5("/quota", { method: "POST" });
+					const updated = await fetchApi$7("/quota", { method: "POST" });
 					setStatus(updated);
 				} catch (err) {
 					setError(err instanceof Error ? err.message : String(err));
@@ -1564,7 +1897,7 @@ window.__ModuleLoader__.load({
 				try {
 					setBusy(`primary-${accountId}`);
 					setError(null);
-					const updated = await fetchApi$5("/accounts", {
+					const updated = await fetchApi$7("/accounts", {
 						method: "POST",
 						body: JSON.stringify({
 							action: "set-primary",
@@ -1583,7 +1916,7 @@ window.__ModuleLoader__.load({
 				try {
 					setBusy(`delete-${accountId}`);
 					setError(null);
-					const updated = await fetchApi$5("/accounts", {
+					const updated = await fetchApi$7("/accounts", {
 						method: "POST",
 						body: JSON.stringify({
 							action: "delete",
@@ -1602,7 +1935,7 @@ window.__ModuleLoader__.load({
 				try {
 					setBusy(`cooldown-${accountId}`);
 					setError(null);
-					const updated = await fetchApi$5("/accounts", {
+					const updated = await fetchApi$7("/accounts", {
 						method: "POST",
 						body: JSON.stringify({
 							action: "clear-cooldown",
@@ -1620,7 +1953,7 @@ window.__ModuleLoader__.load({
 				try {
 					setBusy("strategy");
 					setError(null);
-					const updated = await fetchApi$5("/accounts", {
+					const updated = await fetchApi$7("/accounts", {
 						method: "POST",
 						body: JSON.stringify({
 							action: "strategy",
@@ -1640,7 +1973,7 @@ window.__ModuleLoader__.load({
 					enabled
 				} : prev);
 				try {
-					const updated = await fetchApi$5("/settings", {
+					const updated = await fetchApi$7("/settings", {
 						method: "POST",
 						body: JSON.stringify({ enabled })
 					});
@@ -1656,7 +1989,7 @@ window.__ModuleLoader__.load({
 				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);
 				try {
-					const updated = await fetchApi$5("/models", {
+					const updated = await fetchApi$7("/models", {
 						method: "POST",
 						body: JSON.stringify({ enabledModelIds: nextEnabled })
 					});
@@ -1670,7 +2003,7 @@ window.__ModuleLoader__.load({
 				if (!status) return;
 				const nextEnabled = selectAll ? status.models.map((m) => m.id) : [];
 				try {
-					const updated = await fetchApi$5("/models", {
+					const updated = await fetchApi$7("/models", {
 						method: "POST",
 						body: JSON.stringify({ enabledModelIds: nextEnabled })
 					});
@@ -1682,7 +2015,7 @@ window.__ModuleLoader__.load({
 			};
 			const handleUpdateEffort = async (effort) => {
 				try {
-					const updated = await fetchApi$5("/settings", {
+					const updated = await fetchApi$7("/settings", {
 						method: "POST",
 						body: JSON.stringify({ defaultReasoningEffort: effort })
 					});
@@ -1694,7 +2027,7 @@ window.__ModuleLoader__.load({
 			};
 			const handleSaveContextWindow = async (modelId) => {
 				const raw = contextDrafts[modelId] || "";
-				const parsed = parsePositiveCapacity$2(raw);
+				const parsed = parsePositiveCapacity$3(raw);
 				if (parsed === null) {
 					setError(`无效的上下文容量值: ${raw}`);
 					return;
@@ -1702,14 +2035,14 @@ window.__ModuleLoader__.load({
 				try {
 					setSavingModel(modelId);
 					setError(null);
-					const updated = await fetchApi$5("/settings", {
+					const updated = await fetchApi$7("/settings", {
 						method: "POST",
 						body: JSON.stringify({ contextWindowOverrides: { [modelId]: parsed } })
 					});
 					setStatus(updated);
 					setContextDrafts((prev) => ({
 						...prev,
-						[modelId]: formatCapacity$2(parsed)
+						[modelId]: formatCapacity$3(parsed)
 					}));
 					notifyChange();
 				} catch (err) {
@@ -1731,148 +2064,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$2(account.expiresAt)
+							] }),
+							account.lastUsedAt && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+								t.lastUsed,
+								": ",
+								formatDate$2(account.lastUsedAt)
+							] })
+						] })
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 						className: "dsha-group",
@@ -2126,7 +2351,8 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region src/client/command-code/locales.ts
 		const NS_COMMAND_CODE = "dsh-command-code";
-		const zh$2 = {
+		const zh$3 = {
+			...accountPoolZh,
 			title: "Command Code",
 			pageDesc: "登录 Command Code，管理可用模型、上下文窗口与额度。",
 			account: "账号",
@@ -2193,7 +2419,8 @@ window.__ModuleLoader__.load({
 			loginFailed: "登录失败",
 			tokens: "tokens"
 		};
-		const en$2 = {
+		const en$3 = {
+			...accountPoolEn,
 			title: "Command Code",
 			pageDesc: "Sign in to Command Code and manage models, context windows, and quota.",
 			account: "Account",
@@ -2260,11 +2487,11 @@ window.__ModuleLoader__.load({
 			loginFailed: "Sign-in failed",
 			tokens: "tokens"
 		};
-		const dictionaries$2 = {
-			zh: zh$2,
-			"zh-CN": zh$2,
-			en: en$2,
-			"en-US": en$2
+		const dictionaries$3 = {
+			zh: zh$3,
+			"zh-CN": zh$3,
+			en: en$3,
+			"en-US": en$3
 		};
 		//#endregion
 		//#region src/client/command-code/CommandCodeSection.tsx
@@ -2272,7 +2499,7 @@ window.__ModuleLoader__.load({
 		* Display label per reasoning level. The locale dictionary only accepts flat
 		* string values, so this nested table lives with the control that renders it.
 		*/
-		const EFFORT_LABELS = {
+		const EFFORT_LABELS$1 = {
 			minimal: "Minimal",
 			low: "Low",
 			medium: "Medium",
@@ -2280,9 +2507,9 @@ window.__ModuleLoader__.load({
 			xhigh: "X-High",
 			max: "Max"
 		};
-		const API$4 = "/command-code/api";
-		async function fetchApi$4(path, options) {
-			const res = await fetch(`${API$4}${path}`, {
+		const API$6 = "/command-code/api";
+		async function fetchApi$6(path, options) {
+			const res = await fetch(`${API$6}${path}`, {
 				...options,
 				headers: {
 					"Content-Type": "application/json",
@@ -2294,30 +2521,19 @@ window.__ModuleLoader__.load({
 			return json.value;
 		}
 		/** Parse "1M", "512K", "200000" into a positive integer token count. */
-		function parsePositiveCapacity$1(value) {
+		function parsePositiveCapacity$2(value) {
 			const matched = value.trim().toLowerCase().replace(/[,_\s]/g, "").match(/^(\d+(?:\.\d+)?)(k|m)?$/);
 			if (matched === null) return null;
 			const multiplier = matched[2] === "m" ? 1e6 : matched[2] === "k" ? 1e3 : 1;
 			const parsed = Number(matched[1]) * multiplier;
 			return Number.isSafeInteger(parsed) && parsed >= 1 ? parsed : null;
 		}
-		function formatCapacity$1(value) {
+		function formatCapacity$2(value) {
 			if (value >= 1e6 && value % 1e5 === 0) return `${value / 1e6}M`;
 			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) {
+		function formatReset$2(resetsAt) {
 			if (resetsAt === void 0 || resetsAt === null || resetsAt <= 0) return "";
 			const diff = resetsAt - Date.now();
 			if (diff <= 0) return "now";
@@ -2337,7 +2553,7 @@ window.__ModuleLoader__.load({
 			const [contextDrafts, setContextDrafts] = (0, react.useState)({});
 			const [savingModel, setSavingModel] = (0, react.useState)(null);
 			const [apiKey, setApiKey] = (0, react.useState)("");
-			const t = zh$2;
+			const t = zh$3;
 			const notifyChange = (0, react.useCallback)(() => {
 				onModelChange?.();
 				loadModelDirectory?.();
@@ -2345,10 +2561,10 @@ window.__ModuleLoader__.load({
 			const loadStatus = (0, react.useCallback)(async (quiet = false) => {
 				if (!quiet) setError(null);
 				try {
-					const data = await fetchApi$4("/status");
+					const data = await fetchApi$6("/status");
 					setStatus(data);
 					const drafts = {};
-					for (const model of data.models) drafts[model.id] = formatCapacity$1(data.contextWindowOverrides[model.id] || model.defaultContextWindow);
+					for (const model of data.models) drafts[model.id] = formatCapacity$2(data.contextWindowOverrides[model.id] || model.defaultContextWindow);
 					setContextDrafts(drafts);
 				} catch (err) {
 					if (!quiet) setError(err instanceof Error ? err.message : String(err));
@@ -2373,12 +2589,12 @@ window.__ModuleLoader__.load({
 					setBusy("login");
 					setError(null);
 					setLoginProgress(null);
-					const flow = await fetchApi$4("/login", { method: "POST" });
+					const flow = await fetchApi$6("/login", { method: "POST" });
 					if (flow.authUrl) window.open(flow.authUrl, "_blank");
 					const pollTimer = window.setInterval(() => {
 						(async () => {
 							try {
-								const poll = await fetchApi$4("/login/status");
+								const poll = await fetchApi$6("/login/status");
 								if (poll.progress) setLoginProgress(poll.progress);
 								if (poll.status === "complete") {
 									window.clearInterval(pollTimer);
@@ -2410,7 +2626,7 @@ window.__ModuleLoader__.load({
 				try {
 					setBusy("apikey");
 					setError(null);
-					const updated = await fetchApi$4("/login/apikey", {
+					const updated = await fetchApi$6("/login/apikey", {
 						method: "POST",
 						body: JSON.stringify({ apiKey })
 					});
@@ -2423,11 +2639,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$6("/accounts", {
+						method: "POST",
+						body: JSON.stringify({
+							action,
+							accountId
+						})
+					});
 					setStatus(updated);
 					notifyChange();
 				} catch (err) {
@@ -2436,11 +2659,53 @@ window.__ModuleLoader__.load({
 					setBusy(null);
 				}
 			};
+			const handleSetStrategy = async (strategy) => {
+				try {
+					setBusy("strategy");
+					setError(null);
+					const updated = await fetchApi$6("/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$6("/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");
 					setError(null);
-					const updated = await fetchApi$4("/quota", { method: "POST" });
+					const updated = await fetchApi$6("/quota", { method: "POST" });
 					setStatus(updated);
 				} catch (err) {
 					setError(err instanceof Error ? err.message : String(err));
@@ -2452,10 +2717,10 @@ window.__ModuleLoader__.load({
 				try {
 					setBusy("catalog");
 					setError(null);
-					const updated = await fetchApi$4("/catalog/refresh", { method: "POST" });
+					const updated = await fetchApi$6("/catalog/refresh", { method: "POST" });
 					setStatus(updated);
 					const drafts = {};
-					for (const model of updated.models) drafts[model.id] = formatCapacity$1(updated.contextWindowOverrides[model.id] || model.defaultContextWindow);
+					for (const model of updated.models) drafts[model.id] = formatCapacity$2(updated.contextWindowOverrides[model.id] || model.defaultContextWindow);
 					setContextDrafts(drafts);
 					notifyChange();
 				} catch (err) {
@@ -2468,7 +2733,7 @@ window.__ModuleLoader__.load({
 				try {
 					setBusy("connection");
 					setError(null);
-					await fetchApi$4("/connection/test", { method: "POST" });
+					await fetchApi$6("/connection/test", { method: "POST" });
 					await loadStatus(true);
 				} catch (err) {
 					setError(err instanceof Error ? err.message : String(err));
@@ -2478,7 +2743,7 @@ window.__ModuleLoader__.load({
 			};
 			const applyEnabled = async (enabledModelIds) => {
 				try {
-					const updated = await fetchApi$4("/models", {
+					const updated = await fetchApi$6("/models", {
 						method: "POST",
 						body: JSON.stringify({ enabledModelIds })
 					});
@@ -2494,7 +2759,7 @@ window.__ModuleLoader__.load({
 					enabled
 				} : prev);
 				try {
-					const updated = await fetchApi$4("/settings", {
+					const updated = await fetchApi$6("/settings", {
 						method: "POST",
 						body: JSON.stringify({ enabled })
 					});
@@ -2517,7 +2782,7 @@ window.__ModuleLoader__.load({
 			};
 			const handleUpdateEffort = async (effort) => {
 				try {
-					const updated = await fetchApi$4("/settings", {
+					const updated = await fetchApi$6("/settings", {
 						method: "POST",
 						body: JSON.stringify({ defaultReasoningEffort: effort })
 					});
@@ -2529,7 +2794,7 @@ window.__ModuleLoader__.load({
 			};
 			const handleSaveContextWindow = async (modelId) => {
 				const raw = contextDrafts[modelId] || "";
-				const parsed = parsePositiveCapacity$1(raw);
+				const parsed = parsePositiveCapacity$2(raw);
 				if (parsed === null) {
 					setError(`Invalid context capacity: ${raw}`);
 					return;
@@ -2537,14 +2802,14 @@ window.__ModuleLoader__.load({
 				try {
 					setSavingModel(modelId);
 					setError(null);
-					const updated = await fetchApi$4("/settings", {
+					const updated = await fetchApi$6("/settings", {
 						method: "POST",
 						body: JSON.stringify({ contextWindowOverrides: { [modelId]: parsed } })
 					});
 					setStatus(updated);
 					setContextDrafts((prev) => ({
 						...prev,
-						[modelId]: formatCapacity$1(parsed)
+						[modelId]: formatCapacity$2(parsed)
 					}));
 					notifyChange();
 				} catch (err) {
@@ -2561,155 +2826,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",
@@ -2838,7 +3005,7 @@ window.__ModuleLoader__.load({
 									children: t.defaultEffortAuto
 								}), COMMAND_CODE_REASONING_EFFORTS.map((effort) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
 									value: effort,
-									children: EFFORT_LABELS[effort]
+									children: EFFORT_LABELS$1[effort]
 								}, effort))]
 							})]
 						})]
@@ -2932,7 +3099,7 @@ window.__ModuleLoader__.load({
 											}),
 											window.resetsAt !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 												className: "dsha-meter-meta",
-												children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: ["Reset: ", formatReset$1(window.resetsAt)] })
+												children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: ["Reset: ", formatReset$2(window.resetsAt)] })
 											})
 										]
 									}, window.id)),
@@ -2957,7 +3124,7 @@ window.__ModuleLoader__.load({
 														meter.used ?? "—",
 														" / ",
 														meter.limit ?? "—"
-													] }), meter.resetsAt !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: ["Reset: ", formatReset$1(meter.resetsAt)] })]
+													] }), meter.resetsAt !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: ["Reset: ", formatReset$2(meter.resetsAt)] })]
 												}) : meter.description !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 													className: "dsha-meter-meta",
 													children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: meter.description })
@@ -2996,7 +3163,8 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region src/client/kimi-code/locales.ts
 		const NS_KIMI_CODE = "dsh-kimi-code";
-		const zh$1 = {
+		const zh$2 = {
+			...accountPoolZh,
 			title: "Kimi Code",
 			pageDesc: "登录 Kimi Code 订阅，管理模型、思考档位、上下文窗口与额度。",
 			account: "账号",
@@ -3108,7 +3276,8 @@ window.__ModuleLoader__.load({
 			requests: "次请求",
 			tokens: "tokens"
 		};
-		const en$1 = {
+		const en$2 = {
+			...accountPoolEn,
 			title: "Kimi Code",
 			pageDesc: "Sign in to the Kimi Code subscription and manage models, thinking level, context windows, and quota.",
 			account: "Account",
@@ -3220,11 +3389,11 @@ window.__ModuleLoader__.load({
 			requests: "requests",
 			tokens: "tokens"
 		};
-		const dictionaries$1 = {
-			zh: zh$1,
-			"zh-CN": zh$1,
-			en: en$1,
-			"en-US": en$1
+		const dictionaries$2 = {
+			zh: zh$2,
+			"zh-CN": zh$2,
+			en: en$2,
+			"en-US": en$2
 		};
 		//#endregion
 		//#region src/client/kimi-code/KimiModelCapabilities.tsx
@@ -3237,7 +3406,7 @@ window.__ModuleLoader__.load({
 		* Capabilities are now short tags in their own columns, with the per-model
 		* detail kept in a hover title.
 		*/
-		const t = zh$1;
+		const t = zh$2;
 		function KimiModelCapabilities({ models }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "dsha-cap-table",
@@ -3281,9 +3450,9 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region src/client/kimi-code/KimiCodeSection.tsx
-		const API$3 = "/kimi-code/api";
-		async function fetchApi$3(path, options) {
-			const res = await fetch(`${API$3}${path}`, {
+		const API$5 = "/kimi-code/api";
+		async function fetchApi$5(path, options) {
+			const res = await fetch(`${API$5}${path}`, {
 				...options,
 				headers: {
 					"Content-Type": "application/json",
@@ -3295,19 +3464,19 @@ window.__ModuleLoader__.load({
 			return json.value;
 		}
 		/** Parse "1M", "512K", "200000" into a positive integer token count. */
-		function parsePositiveCapacity(value) {
+		function parsePositiveCapacity$1(value) {
 			const matched = value.trim().toLowerCase().replace(/[,_\s]/g, "").match(/^(\d+(?:\.\d+)?)(k|m)?$/);
 			if (matched === null) return null;
 			const multiplier = matched[2] === "m" ? 1e6 : matched[2] === "k" ? 1e3 : 1;
 			const parsed = Number(matched[1]) * multiplier;
 			return Number.isSafeInteger(parsed) && parsed >= 1 ? parsed : null;
 		}
-		function formatCapacity(value) {
+		function formatCapacity$1(value) {
 			if (value >= 1e6 && value % 1e5 === 0) return `${value / 1e6}M`;
 			if (value >= 1e3 && value % 1e3 === 0) return `${value / 1e3}K`;
 			return String(value);
 		}
-		function formatDate(ms) {
+		function formatDate$1(ms) {
 			if (ms === void 0 || ms === null || ms <= 0) return "—";
 			try {
 				return new Intl.DateTimeFormat(void 0, {
@@ -3318,7 +3487,7 @@ window.__ModuleLoader__.load({
 				return "—";
 			}
 		}
-		function formatReset(resetsAt) {
+		function formatReset$1(resetsAt) {
 			if (resetsAt === void 0 || resetsAt === null || resetsAt <= 0) return "";
 			const diff = resetsAt - Date.now();
 			if (diff <= 0) return "now";
@@ -3343,10 +3512,10 @@ window.__ModuleLoader__.load({
 			}
 		}
 		const EFFORT_LABEL = {
-			low: zh$1.effortLow,
-			high: zh$1.effortHigh,
-			max: zh$1.effortMax,
-			none: zh$1.effortNone
+			low: zh$2.effortLow,
+			high: zh$2.effortHigh,
+			max: zh$2.effortMax,
+			none: zh$2.effortNone
 		};
 		function KimiCodeSection({ onModelChange, loadModelDirectory }) {
 			const [status, setStatus] = (0, react.useState)(null);
@@ -3358,7 +3527,7 @@ window.__ModuleLoader__.load({
 			const [savingModel, setSavingModel] = (0, react.useState)(null);
 			const [copied, setCopied] = (0, react.useState)(false);
 			const [connectionNotice, setConnectionNotice] = (0, react.useState)(null);
-			const t = zh$1;
+			const t = zh$2;
 			const notifyChange = (0, react.useCallback)(() => {
 				onModelChange?.();
 				loadModelDirectory?.();
@@ -3366,10 +3535,10 @@ window.__ModuleLoader__.load({
 			const loadStatus = (0, react.useCallback)(async (quiet = false) => {
 				if (!quiet) setError(null);
 				try {
-					const data = await fetchApi$3("/status");
+					const data = await fetchApi$5("/status");
 					setStatus(data);
 					const drafts = {};
-					for (const model of data.models) drafts[model.id] = formatCapacity(data.contextWindowOverrides[model.id] || model.defaultContextWindow);
+					for (const model of data.models) drafts[model.id] = formatCapacity$1(data.contextWindowOverrides[model.id] || model.defaultContextWindow);
 					setContextDrafts(drafts);
 				} catch (err) {
 					if (!quiet) setError(err instanceof Error ? err.message : String(err));
@@ -3394,7 +3563,7 @@ window.__ModuleLoader__.load({
 				const timer = window.setInterval(() => {
 					(async () => {
 						try {
-							const poll = await fetchApi$3("/login/status");
+							const poll = await fetchApi$5("/login/status");
 							setFlow(poll);
 							if (poll.status === "complete") {
 								await loadStatus();
@@ -3415,7 +3584,7 @@ window.__ModuleLoader__.load({
 					setBusy("login");
 					setError(null);
 					setCopied(false);
-					const next = await fetchApi$3("/login", {
+					const next = await fetchApi$5("/login", {
 						method: "POST",
 						body: JSON.stringify({})
 					});
@@ -3428,7 +3597,7 @@ window.__ModuleLoader__.load({
 			};
 			const handleCancelLogin = async () => {
 				try {
-					await fetchApi$3("/login/cancel", { method: "POST" });
+					await fetchApi$5("/login/cancel", { method: "POST" });
 					setFlow({ status: "idle" });
 				} catch (err) {
 					setError(err instanceof Error ? err.message : String(err));
@@ -3443,11 +3612,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$5("/accounts", {
+						method: "POST",
+						body: JSON.stringify({
+							action,
+							accountId
+						})
+					});
 					setStatus(updated);
 					setFlow({ status: "idle" });
 					notifyChange();
@@ -3457,11 +3633,53 @@ window.__ModuleLoader__.load({
 					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);
+				}
+			};
+			/**
+			* 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$5("/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");
 					setError(null);
-					const updated = await fetchApi$3("/quota", { method: "POST" });
+					const updated = await fetchApi$5("/quota", { method: "POST" });
 					setStatus(updated);
 				} catch (err) {
 					setError(err instanceof Error ? err.message : String(err));
@@ -3474,10 +3692,10 @@ window.__ModuleLoader__.load({
 				try {
 					setBusy("catalog");
 					setError(null);
-					const updated = await fetchApi$3("/catalog/refresh", { method: "POST" });
+					const updated = await fetchApi$5("/catalog/refresh", { method: "POST" });
 					setStatus(updated);
 					const drafts = {};
-					for (const model of updated.models) drafts[model.id] = formatCapacity(updated.contextWindowOverrides[model.id] || model.defaultContextWindow);
+					for (const model of updated.models) drafts[model.id] = formatCapacity$1(updated.contextWindowOverrides[model.id] || model.defaultContextWindow);
 					setContextDrafts(drafts);
 					notifyChange();
 				} catch (err) {
@@ -3491,7 +3709,7 @@ window.__ModuleLoader__.load({
 					setBusy("connection");
 					setError(null);
 					setConnectionNotice(null);
-					const result = await fetchApi$3("/connection/test", { method: "POST" });
+					const result = await fetchApi$5("/connection/test", { method: "POST" });
 					setConnectionNotice(result.connected ? `${t.testSuccess} · ${result.latencyMs} ms` : t.testFailed);
 					await loadStatus(true);
 				} catch (err) {
@@ -3502,7 +3720,7 @@ window.__ModuleLoader__.load({
 			};
 			const applyEnabled = async (enabledModelIds) => {
 				try {
-					const updated = await fetchApi$3("/models", {
+					const updated = await fetchApi$5("/models", {
 						method: "POST",
 						body: JSON.stringify({ enabledModelIds })
 					});
@@ -3518,7 +3736,7 @@ window.__ModuleLoader__.load({
 					enabled
 				} : prev);
 				try {
-					const updated = await fetchApi$3("/settings", {
+					const updated = await fetchApi$5("/settings", {
 						method: "POST",
 						body: JSON.stringify({ enabled })
 					});
@@ -3541,7 +3759,7 @@ window.__ModuleLoader__.load({
 			};
 			const handleUpdateEffort = async (effort) => {
 				try {
-					const updated = await fetchApi$3("/settings", {
+					const updated = await fetchApi$5("/settings", {
 						method: "POST",
 						body: JSON.stringify({ defaultReasoningEffort: effort })
 					});
@@ -3553,7 +3771,7 @@ window.__ModuleLoader__.load({
 			};
 			const handleSaveContextWindow = async (modelId) => {
 				const raw = contextDrafts[modelId] || "";
-				const parsed = parsePositiveCapacity(raw);
+				const parsed = parsePositiveCapacity$1(raw);
 				if (parsed === null) {
 					setError(`Invalid context capacity: ${raw}`);
 					return;
@@ -3561,14 +3779,14 @@ window.__ModuleLoader__.load({
 				try {
 					setSavingModel(modelId);
 					setError(null);
-					const updated = await fetchApi$3("/settings", {
+					const updated = await fetchApi$5("/settings", {
 						method: "POST",
 						body: JSON.stringify({ contextWindowOverrides: { [modelId]: parsed } })
 					});
 					setStatus(updated);
 					setContextDrafts((prev) => ({
 						...prev,
-						[modelId]: formatCapacity(parsed)
+						[modelId]: formatCapacity$1(parsed)
 					}));
 					notifyChange();
 				} catch (err) {
@@ -3585,171 +3803,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$1(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",
@@ -3882,37 +4025,1212 @@ window.__ModuleLoader__.load({
 									children: t.unselectAll
 								})]
 							}),
-							status !== null && status.models.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(KimiModelCapabilities, { models: status.models })
-						]
-					}),
-					/* @__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.enhanced })
-						}), /* @__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.defaultReasoningEffort }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							status !== null && status.models.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(KimiModelCapabilities, { models: status.models })
+						]
+					}),
+					/* @__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.enhanced })
+						}), /* @__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.defaultReasoningEffort }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "dsha-muted",
+								children: t.defaultReasoningEffortHint
+							})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+								className: "dsha-select",
+								"aria-label": t.defaultReasoningEffort,
+								value: status?.defaultReasoningEffort ?? "",
+								disabled: busy !== null,
+								onChange: (event) => {
+									const value = event.currentTarget.value;
+									handleUpdateEffort(value === "" ? null : value);
+								},
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: "",
+									children: t.defaultEffortAuto
+								}), KIMI_CODE_REASONING_EFFORTS.map((effort) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: effort,
+									children: EFFORT_LABEL[effort]
+								}, effort))]
+							})]
+						})]
+					}),
+					/* @__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.contextWindowSection })
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "dsha-muted",
+								children: t.contextWindowHint
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dsha-context-settings",
+								children: status?.models.map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dsha-context-row",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										title: model.id,
+										children: [model.name, model.defaultContextWindow < model.contextWindow && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "dsha-model-meta",
+											children: formatCapacity$1(model.contextWindow)
+										})]
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "dsha-capacity-control",
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+												type: "text",
+												"aria-label": `${model.name} context window`,
+												value: contextDrafts[model.id] ?? "",
+												onChange: (event) => setContextDrafts({
+													...contextDrafts,
+													[model.id]: event.currentTarget.value
+												}),
+												onKeyDown: (event) => {
+													if (event.key === "Enter") handleSaveContextWindow(model.id);
+												}
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: t.tokens }),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												className: "dsha-context-save",
+												disabled: savingModel === model.id,
+												onClick: () => void handleSaveContextWindow(model.id),
+												children: savingModel === model.id ? t.saving : t.save
+											})
+										]
+									})]
+								}, model.id))
+							})
+						]
+					}),
+					/* @__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.jsx)("h3", { children: t.quotaSection }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									className: "dsha-btn",
+									disabled: busy !== null || !status?.authenticated,
+									onClick: () => void handleRefreshQuota(),
+									children: busy === "quota" ? t.refreshingQuota : t.refreshQuota
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "dsha-muted",
+								children: t.quotaDesc
+							}),
+							status?.quotaError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "dsha-notice",
+								children: status.quotaError
+							}),
+							!status?.authenticated ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dsha-empty",
+								children: t.signedOut
+							}) : quota === null || quota === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dsha-empty",
+								children: busy === "quota" ? t.refreshingQuota : t.quotaEmpty
+							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dsha-quota-card",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "dsha-quota-title",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t.quotaPlan }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: quota.planName || t.planUnknown })]
+									}),
+									quota.windows.map((window) => {
+										const remaining = Math.max(0, 100 - window.usedPercent);
+										return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: "dsha-meter-wrap",
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: "dsha-meter-label",
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: window.label }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("strong", { children: [remaining, "% left"] })]
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+													className: `dsha-meter ${remaining <= 10 ? "dsha-meter-cyan" : "dsha-meter-green"}`,
+													children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { style: { width: `${remaining}%` } })
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: "dsha-meter-meta",
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+														window.used ?? "—",
+														" / ",
+														window.limit ?? "—",
+														" ",
+														t.requests
+													] }), window.resetsAt !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t.resetAt.replace("{time}", formatReset$1(window.resetsAt)) })]
+												})
+											]
+										}, window.id);
+									}),
+									quota.extraUsage !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "dsha-meter-wrap",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: "dsha-meter-label",
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t.quotaWallet }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: formatMoney(quota.extraUsage.balanceCents, quota.extraUsage.currency) })]
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: "dsha-meter-meta",
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: formatMoney(quota.extraUsage.totalCents, quota.extraUsage.currency) }), quota.extraUsage.monthlyChargeLimitEnabled && quota.extraUsage.monthlyChargeLimitCents !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+												t.quotaWalletLimit,
+												": ",
+												formatMoney(quota.extraUsage.monthlyChargeLimitCents, quota.extraUsage.currency)
+											] })]
+										})]
+									}),
+									quota.windows.length === 0 && quota.extraUsage === null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: "dsha-empty",
+										children: t.quotaEmpty
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: "dsha-timestamp",
+										children: t.updatedAt.replace("{time}", new Date(quota.fetchedAt).toLocaleString())
+									})
+								]
+							})
+						]
+					}),
+					error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dsha-error",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: error })
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/shared/workbuddy-contracts.ts
+		/** Every level this route can name, in escalating order (the card's sort key). */
+		const WORKBUDDY_REASONING_EFFORTS = [
+			"minimal",
+			"low",
+			"medium",
+			"high",
+			"xhigh",
+			"max"
+		];
+		//#endregion
+		//#region src/client/workbuddy/locales.ts
+		const NS_WORKBUDDY = "dsh-workbuddy";
+		const zh$1 = {
+			title: "WorkBuddy",
+			pageDesc: "复用本机 CodeBuddy 桌面端登录态，管理 WorkBuddy（CodeBuddy 订阅）模型、上下文窗口与额度。",
+			account: "账号",
+			noAccounts: "暂无账号，点击「添加国区账号 / 添加国际区账号」完成浏览器授权，或登录 CodeBuddy 桌面端后重新扫描。",
+			signedIn: "已找到凭据",
+			signedOut: "未找到凭据",
+			nickname: "昵称",
+			uid: "账号 ID",
+			uin: "UIN",
+			region: "区域",
+			regionCn: "国区",
+			regionIntl: "国际区",
+			accountType: "账号类型",
+			backend: "后端地址",
+			domain: "认证域名",
+			tokenExpires: "登录态有效期",
+			tokenExpired: "已过期",
+			sourceFile: "凭据文件",
+			authDirectory: "凭据目录",
+			storage: "凭据存储",
+			storageNotice: "桌面端账号仍读取 CodeBuddy 自己的凭据文件，插件不会删除这些文件；通过这里添加的账号保存在系统加密存储中（Windows DPAPI / macOS Keychain / Linux Secret Service），token 不进入浏览器。",
+			notFoundTitle: "未找到 WorkBuddy 账号",
+			notFoundHint: "可安装并登录 CodeBuddy 后重新扫描，也可以直接点击下方「添加国区账号」或「添加国际区账号」完成浏览器授权。",
+			routeUnreachable: "无法读取 WorkBuddy 设置路由",
+			routeUnreachableHint: "浏览器里加载的插件版本可能比 Host 进程里运行的新（客户端资源是现读磁盘的，Host 只在启动时加载）。请重启 DSH，让两端来自同一份构建。",
+			rescan: "重新扫描",
+			rescanning: "扫描中...",
+			accounts: "本机凭据",
+			accountsHint: "按账号地区分组。插件添加的账号可删除；CodeBuddy 桌面账号只能从本插件隐藏，绝不删除桌面端原凭据。点击账号会切换模型目录、额度和后续对话。",
+			useAccount: "使用此账号",
+			selectedAccount: "当前账号",
+			addCnAccount: "添加国区账号",
+			addIntlAccount: "添加国际区账号",
+			authorizing: "授权中…",
+			loginWaiting: "请在新打开的浏览器页面完成登录与授权。",
+			loginFailed: "账号授权失败",
+			pluginAccount: "插件账号",
+			desktopAccount: "桌面账号",
+			encryptedStorage: "系统加密存储",
+			hiddenAccount: "已隐藏",
+			hideAccount: "从插件隐藏",
+			restoreAccount: "恢复显示",
+			deleteAccount: "删除账号",
+			deleteConfirm: "确定删除这个插件托管的账号吗？加密存储中的登录凭据会被移除。",
+			connection: "连接",
+			provider: "Provider",
+			providerValue: "WorkBuddy Subscription · workbuddy-subscription",
+			connectionState: "连接状态",
+			connected: "已连接",
+			untested: "未测试",
+			testConnection: "测试连接",
+			testingConnection: "测试中...",
+			latency: "延迟",
+			routeOwned: "模型路由由本插件提供",
+			routeConflict: "模型路由已被其他 Provider 占用：{detail}。请在 DSH 设置中移除重复的 Provider 配置后重试。",
+			modelsSection: "模型",
+			enableProvider: "启用此供应商",
+			modelsHint: "勾选后模型才会出现在对话页的模型选择列表中；未勾选或关闭上方开关可在列表中隐藏该供应商。目录与上下文窗口来自订阅网关的模型目录，并按账号所在区域过滤——跨区调用会被上游拒绝。",
+			refreshCatalog: "刷新模型目录",
+			refreshingCatalog: "刷新中...",
+			selectAll: "全选",
+			unselectAll: "全不选",
+			imageSupport: "图片",
+			textOnly: "纯文本",
+			regionBadge: "区域",
+			unavailableHere: "当前区域不可用",
+			enhanced: "增强功能",
+			defaultReasoningEffort: "默认思考深度",
+			defaultReasoningEffortHint: "控制支持推理的模型在未单独指定时的思考强度。",
+			defaultEffortAuto: "使用模型默认值",
+			effortUnsupported: "当前模型不支持",
+			noReasoningModels: "当前账号的模型都没有声明可用的思考档位，因此没有可选的默认档位。",
+			defaultEffortKept: "已保存的档位不被当前任何模型支持，已保留但不会生效。",
+			contextWindowSection: "模型上下文窗口",
+			contextWindowHint: "默认值来自订阅网关的模型目录（每个模型的真实上下文上限）；可覆盖为自定义容量，该值用于 DSH 的压缩与溢出判断，可输入 1M、512K、200K 等容量。",
+			save: "保存",
+			saved: "已保存",
+			saving: "保存中...",
+			quotaSection: "用量与配额",
+			quotaDesc: "数据来自订阅的计费接口，页面可见时最多每 60 秒刷新一次。",
+			refreshQuota: "刷新用量",
+			refreshingQuota: "刷新中...",
+			quotaEmpty: "暂无配额数据，点击「刷新用量」重试。",
+			quotaPackage: "套餐",
+			quotaRemaining: "剩余额度",
+			quotaCycle: "本周期已用",
+			quotaReset: "重置时间",
+			updatedAt: "更新时间：{time}",
+			loading: "加载中...",
+			credits: "credits",
+			composerLabel: "额度"
+		};
+		const en$1 = {
+			title: "WorkBuddy",
+			pageDesc: "Reuse the local CodeBuddy desktop sign-in to manage WorkBuddy (CodeBuddy subscription) models, context windows, and quota.",
+			account: "Account",
+			noAccounts: "No accounts yet. Add a China or international account, or sign in with the CodeBuddy desktop client and rescan.",
+			signedIn: "Credential found",
+			signedOut: "No credential found",
+			nickname: "Nickname",
+			uid: "Account ID",
+			uin: "UIN",
+			region: "Region",
+			regionCn: "China",
+			regionIntl: "International",
+			accountType: "Account type",
+			backend: "Backend",
+			domain: "Auth domain",
+			tokenExpires: "Sign-in valid until",
+			tokenExpired: "Expired",
+			sourceFile: "Credential file",
+			authDirectory: "Credential directory",
+			storage: "Credential storage",
+			storageNotice: "Desktop accounts continue to use CodeBuddy’s credential files, which this plugin never deletes. Accounts added here use encrypted OS storage (Windows DPAPI, macOS Keychain, or Linux Secret Service); tokens never enter the browser.",
+			notFoundTitle: "No WorkBuddy account found",
+			notFoundHint: "Install and sign in to CodeBuddy and rescan, or use “Add China account” / “Add international account” below to authorize in the browser.",
+			routeUnreachable: "The WorkBuddy settings route could not be read",
+			routeUnreachableHint: "The plugin loaded in the browser may be newer than the one running in the Host: client assets are read from disk on demand, while the Host loads them only at startup. Restart DSH so both halves come from the same build.",
+			rescan: "Rescan",
+			rescanning: "Scanning...",
+			accounts: "Local credentials",
+			accountsHint: "Accounts are grouped by region. Plugin-managed accounts can be deleted; CodeBuddy desktop accounts can only be hidden from this plugin and their source files are never deleted. Selecting one switches models, quota, and chats.",
+			useAccount: "Use this account",
+			selectedAccount: "Selected account",
+			addCnAccount: "Add China account",
+			addIntlAccount: "Add international account",
+			authorizing: "Authorizing…",
+			loginWaiting: "Complete sign-in and authorization in the newly opened browser page.",
+			loginFailed: "Account authorization failed",
+			pluginAccount: "Plugin account",
+			desktopAccount: "Desktop account",
+			encryptedStorage: "Encrypted OS storage",
+			hiddenAccount: "Hidden",
+			hideAccount: "Hide from plugin",
+			restoreAccount: "Restore",
+			deleteAccount: "Delete account",
+			deleteConfirm: "Delete this plugin-managed account? Its encrypted credential will be removed.",
+			connection: "Connection",
+			provider: "Provider",
+			providerValue: "WorkBuddy Subscription · workbuddy-subscription",
+			connectionState: "Connection state",
+			connected: "Connected",
+			untested: "Untested",
+			testConnection: "Test connection",
+			testingConnection: "Testing...",
+			latency: "Latency",
+			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",
+			enableProvider: "Enable this provider",
+			modelsHint: "Checked models appear in the DSH conversation model list. The catalog and its context windows come from the subscription gateway and are filtered by the account’s region — the upstream rejects a model asked of the wrong region.",
+			refreshCatalog: "Refresh catalog",
+			refreshingCatalog: "Refreshing...",
+			selectAll: "Select all",
+			unselectAll: "Deselect all",
+			imageSupport: "Images",
+			textOnly: "Text only",
+			regionBadge: "Regions",
+			unavailableHere: "Unavailable in this region",
+			enhanced: "Enhanced features",
+			defaultReasoningEffort: "Default reasoning effort",
+			defaultReasoningEffortHint: "Reasoning effort for models that support it when the conversation does not specify one.",
+			defaultEffortAuto: "Use the model default",
+			effortUnsupported: "unsupported by the current models",
+			noReasoningModels: "None of this account’s models declare a reasoning level, so there is no default to choose.",
+			defaultEffortKept: "The saved level is not supported by any current model; it is kept but has no effect.",
+			contextWindowSection: "Model context window",
+			contextWindowHint: "Defaults come from the subscription gateway’s own catalog (each model’s real context cap); override one with the capacity DSH should use for compaction and overflow decisions (e.g., 1M, 512K, 200K).",
+			save: "Save",
+			saved: "Saved",
+			saving: "Saving...",
+			quotaSection: "Usage & quota",
+			quotaDesc: "Read from the subscription billing endpoint; refreshes at most once every 60 seconds while visible.",
+			refreshQuota: "Refresh quota",
+			refreshingQuota: "Refreshing...",
+			quotaEmpty: "No quota data yet — use “Refresh quota” to retry.",
+			quotaPackage: "Package",
+			quotaRemaining: "Remaining credits",
+			quotaCycle: "Used this cycle",
+			quotaReset: "Resets",
+			updatedAt: "Updated at: {time}",
+			loading: "Loading...",
+			credits: "credits",
+			composerLabel: "Quota"
+		};
+		const dictionaries$1 = {
+			zh: zh$1,
+			"zh-CN": zh$1,
+			en: en$1,
+			"en-US": en$1
+		};
+		//#endregion
+		//#region src/client/workbuddy/WorkBuddySection.tsx
+		/**
+		* Display label per reasoning level. The locale dictionary only accepts flat
+		* string values, so this nested table lives with the control that renders it.
+		*/
+		const EFFORT_LABELS = {
+			minimal: "Minimal",
+			low: "Low",
+			medium: "Medium",
+			high: "High",
+			xhigh: "X-High",
+			max: "Max"
+		};
+		const API$4 = "/workbuddy/api";
+		/**
+		* Call one settings route and unwrap its `{ ok, value }` envelope.
+		*
+		* The response body is read as text first, because a route that is not mounted
+		* answers with an empty body — and `res.json()` on that throws a bare
+		* "Unexpected end of JSON input" that says nothing about what actually failed.
+		* That is exactly what happens when the client bundle is newer than the Host
+		* process (a stale Host has no route to answer), so the error is reported as
+		* such instead of as a credential problem.
+		*/
+		async function fetchApi$4(path, options) {
+			const res = await fetch(`${API$4}${path}`, {
+				...options,
+				headers: {
+					"Content-Type": "application/json",
+					...options?.headers
+				}
+			});
+			const text = await res.text();
+			if (text.trim() === "") throw new Error(`The WorkBuddy settings route did not answer (HTTP ${res.status} ${res.statusText || "no body"}). The plugin loaded in the browser may be newer than the one running in the Host — restart DSH so both halves come from the same build.`);
+			let json;
+			try {
+				json = JSON.parse(text);
+			} catch {
+				throw new Error(`The WorkBuddy settings route returned a non-JSON response (HTTP ${res.status}): ${text.slice(0, 200)}`);
+			}
+			if (!res.ok || json.ok !== true) throw new Error(json.error || `HTTP ${res.status}`);
+			return json.value;
+		}
+		/** Parse "1M", "512K", "200000" into a positive integer token count. */
+		function parsePositiveCapacity(value) {
+			const matched = value.trim().toLowerCase().replace(/[,_\s]/g, "").match(/^(\d+(?:\.\d+)?)(k|m)?$/);
+			if (matched === null) return null;
+			const multiplier = matched[2] === "m" ? 1e6 : matched[2] === "k" ? 1e3 : 1;
+			const parsed = Number(matched[1]) * multiplier;
+			return Number.isSafeInteger(parsed) && parsed >= 1 ? parsed : null;
+		}
+		function formatCapacity(value) {
+			if (value >= 1e6 && value % 1e5 === 0) return `${value / 1e6}M`;
+			if (value >= 1e3 && value % 1e3 === 0) return `${value / 1e3}K`;
+			return String(value);
+		}
+		function formatDate(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(resetsAt) {
+			if (resetsAt === void 0 || resetsAt === null || resetsAt <= 0) return "";
+			const diff = resetsAt - Date.now();
+			if (diff <= 0) return "now";
+			const mins = Math.floor(diff / 6e4);
+			const hours = Math.floor(mins / 60);
+			const days = Math.floor(hours / 24);
+			if (days > 0) return `${days}d ${hours % 24}h`;
+			if (hours > 0) return `${hours}h ${mins % 60}m`;
+			return `${mins}m`;
+		}
+		/** Mask a UIN so the card shows identity without publishing the full number. */
+		function maskUin(uin) {
+			if (uin === void 0 || uin === null || uin === "") return "—";
+			if (uin.length <= 6) return uin;
+			return `${uin.slice(0, 4)}****${uin.slice(-2)}`;
+		}
+		/** Shorten an absolute credential path to its file name for display. */
+		function displayFile(file) {
+			if (file === void 0 || file === null || file === "") return "—";
+			const parts = file.split(/[\\/]/);
+			return parts[parts.length - 1] || file;
+		}
+		/**
+		* Reasoning levels the default-effort control may offer.
+		*
+		* The levels come from what this account's models actually declare — never from
+		* the shipped enum alone. The setting is one global default applied to whichever
+		* model a conversation uses, so the list is their union; each entry carries the
+		* models behind it, and a level only some models accept is labelled as such.
+		* Order follows {@link WORKBUDDY_REASONING_EFFORTS}, which is the escalating
+		* order the upstream ladder uses.
+		*/
+		function reasoningEffortChoices(models) {
+			const declared = /* @__PURE__ */ new Map();
+			for (const model of models) for (const effort of model.reasoningEfforts ?? []) {
+				const names = declared.get(effort);
+				if (names === void 0) declared.set(effort, [model.name]);
+				else names.push(model.name);
+			}
+			return WORKBUDDY_REASONING_EFFORTS.filter((effort) => declared.has(effort)).map((effort) => ({
+				value: effort,
+				models: declared.get(effort)
+			}));
+		}
+		/**
+		* Whether a saved default is unusable for every model on this account.
+		*
+		* The adapter drops a level the chosen model does not accept instead of sending
+		* it, so a value that no model declares silently does nothing. Reporting it is
+		* what keeps that from looking like the setting was applied.
+		*/
+		function unsupportedReasoningEffort(configured, models) {
+			if (configured === null || configured === void 0) return null;
+			return models.some((model) => (model.reasoningEfforts ?? []).includes(configured)) ? null : configured;
+		}
+		/** Defend against a response that omits the arrays the card renders. */
+		function normalizeStatus(data) {
+			return {
+				...data,
+				models: Array.isArray(data?.models) ? data.models : [],
+				contextWindowOverrides: data?.contextWindowOverrides ?? {},
+				accounts: Array.isArray(data?.accounts) ? data.accounts : []
+			};
+		}
+		/**
+		* The shared card's label set, taken from this tab's dictionary.
+		*
+		* Wording is the shared one so the five provider tabs cannot drift apart; the
+		* couple of WorkBuddy-specific words are supplied here.
+		*/
+		function accountPoolLabels(t) {
+			return {
+				...accountPoolZh,
+				accountPool: t.accounts,
+				noAccounts: t.noAccounts,
+				storage: t.storage,
+				storageNotice: t.storageNotice,
+				deleteAccount: t.deleteAccount,
+				email: t.nickname,
+				accountId: t.uid
+			};
+		}
+		function WorkBuddySection({ onModelChange, loadModelDirectory }) {
+			const [status, setStatus] = (0, react.useState)(null);
+			const [loading, setLoading] = (0, react.useState)(true);
+			const [busy, setBusy] = (0, react.useState)(null);
+			const [error, setError] = (0, react.useState)(null);
+			const [statusFailed, setStatusFailed] = (0, react.useState)(false);
+			const [connection, setConnection] = (0, react.useState)(null);
+			const [accounts, setAccounts] = (0, react.useState)(null);
+			const [loginProgress, setLoginProgress] = (0, react.useState)(null);
+			const loginIntervalRef = (0, react.useRef)(null);
+			const loginTimeoutRef = (0, react.useRef)(null);
+			const [contextDrafts, setContextDrafts] = (0, react.useState)({});
+			const [savingModel, setSavingModel] = (0, react.useState)(null);
+			const t = zh$1;
+			const notifyChange = (0, react.useCallback)(() => {
+				onModelChange?.();
+				loadModelDirectory?.();
+			}, [onModelChange, loadModelDirectory]);
+			const effortChoices = (0, react.useMemo)(() => reasoningEffortChoices(status?.models ?? []), [status?.models]);
+			const allModels = status?.models ?? [];
+			const poolAccounts = (0, react.useMemo)(() => Array.isArray(status?.accounts) ? status.accounts : [], [status?.accounts]);
+			const strayEffort = unsupportedReasoningEffort(status?.defaultReasoningEffort, allModels);
+			const loadStatus = (0, react.useCallback)(async (quiet = false) => {
+				if (!quiet) setError(null);
+				try {
+					const normalized = normalizeStatus(await fetchApi$4("/status"));
+					setStatus(normalized);
+					setStatusFailed(false);
+					const drafts = {};
+					for (const model of normalized.models) drafts[model.id] = formatCapacity(normalized.contextWindowOverrides[model.id] || model.defaultContextWindow);
+					setContextDrafts(drafts);
+				} catch (err) {
+					setStatusFailed(true);
+					if (!quiet) setError(err instanceof Error ? err.message : String(err));
+				} finally {
+					setLoading(false);
+				}
+			}, []);
+			const loadAccounts = (0, react.useCallback)(async () => {
+				try {
+					const payload = await fetchApi$4("/accounts");
+					setAccounts({
+						authDirectory: payload?.authDirectory ?? "",
+						managedStoragePath: payload?.managedStoragePath,
+						accounts: Array.isArray(payload?.accounts) ? payload.accounts : []
+					});
+				} catch {}
+			}, []);
+			(0, react.useEffect)(() => {
+				loadStatus();
+				loadAccounts();
+				const refreshWhenVisible = () => {
+					if (document.visibilityState === "visible") {
+						loadStatus(true);
+						loadAccounts();
+					}
+				};
+				document.addEventListener("visibilitychange", refreshWhenVisible);
+				return () => {
+					document.removeEventListener("visibilitychange", refreshWhenVisible);
+					if (loginIntervalRef.current !== null) window.clearInterval(loginIntervalRef.current);
+					if (loginTimeoutRef.current !== null) window.clearTimeout(loginTimeoutRef.current);
+				};
+			}, [loadStatus, loadAccounts]);
+			const handleRescan = async () => {
+				try {
+					setBusy("rescan");
+					setError(null);
+					const updated = await fetchApi$4("/rescan", { method: "POST" });
+					setStatus(updated);
+					await loadAccounts();
+					notifyChange();
+				} catch (err) {
+					setError(err instanceof Error ? err.message : String(err));
+				} finally {
+					setBusy(null);
+				}
+			};
+			const handleAddAccount = async (region) => {
+				try {
+					setBusy(`login:${region}`);
+					setError(null);
+					setLoginProgress(t.loginWaiting);
+					const flow = await fetchApi$4("/accounts/login", {
+						method: "POST",
+						body: JSON.stringify({ region })
+					});
+					if (flow.authUrl) window.open(flow.authUrl, "_blank", "noopener,noreferrer");
+					if (loginIntervalRef.current !== null) window.clearInterval(loginIntervalRef.current);
+					if (loginTimeoutRef.current !== null) window.clearTimeout(loginTimeoutRef.current);
+					const timer = window.setInterval(() => {
+						(async () => {
+							try {
+								const poll = await fetchApi$4("/accounts/login/status");
+								if (poll.progress) setLoginProgress(poll.progress);
+								if (poll.status === "complete") {
+									window.clearInterval(timer);
+									loginIntervalRef.current = null;
+									if (loginTimeoutRef.current !== null) window.clearTimeout(loginTimeoutRef.current);
+									loginTimeoutRef.current = null;
+									setBusy(null);
+									setLoginProgress(null);
+									if (poll.accountId) await fetchApi$4("/settings", {
+										method: "POST",
+										body: JSON.stringify({ selectedAccountId: poll.accountId })
+									});
+									await loadStatus();
+									await loadAccounts();
+									notifyChange();
+								} else if (poll.status === "error") {
+									window.clearInterval(timer);
+									loginIntervalRef.current = null;
+									if (loginTimeoutRef.current !== null) window.clearTimeout(loginTimeoutRef.current);
+									loginTimeoutRef.current = null;
+									setBusy(null);
+									setLoginProgress(null);
+									setError(poll.error || t.loginFailed);
+								}
+							} catch {}
+						})();
+					}, 1500);
+					loginIntervalRef.current = timer;
+					loginTimeoutRef.current = window.setTimeout(() => {
+						window.clearInterval(timer);
+						loginIntervalRef.current = null;
+						loginTimeoutRef.current = null;
+						setBusy(null);
+						setLoginProgress(null);
+					}, 300 * 1e3);
+				} catch (err) {
+					setBusy(null);
+					setLoginProgress(null);
+					setError(err instanceof Error ? err.message : String(err));
+				}
+			};
+			/**
+			* One account action, whether it is a pool action (`set-primary`, `hide`) or a
+			* credential action (`delete`). The host route dispatches on `action`.
+			*/
+			const handlePoolAction = async (action, accountId) => {
+				try {
+					setBusy(`${action}:${accountId}`);
+					setError(null);
+					const updated = await fetchApi$4("/accounts/action", {
+						method: "POST",
+						body: JSON.stringify({
+							action,
+							accountId
+						})
+					});
+					setStatus(normalizeStatus(updated));
+					await loadAccounts();
+					notifyChange();
+				} catch (err) {
+					setError(err instanceof Error ? err.message : String(err));
+				} finally {
+					setBusy(null);
+				}
+			};
+			const handleDeleteAccount = async (accountId) => {
+				if (!window.confirm(t.deleteConfirm)) return;
+				await handlePoolAction("delete", accountId);
+			};
+			const handleSetStrategy = async (strategy) => {
+				try {
+					setBusy("strategy");
+					setError(null);
+					const updated = await fetchApi$4("/accounts/strategy", {
+						method: "POST",
+						body: JSON.stringify({ strategy })
+					});
+					setStatus(normalizeStatus(updated));
+					await loadAccounts();
+				} catch (err) {
+					setError(err instanceof Error ? err.message : String(err));
+				} finally {
+					setBusy(null);
+				}
+			};
+			const handleTestConnection = async () => {
+				try {
+					setBusy("connection");
+					setError(null);
+					setConnection(await fetchApi$4("/connection/test", { method: "POST" }));
+				} catch (err) {
+					setError(err instanceof Error ? err.message : String(err));
+				} finally {
+					setBusy(null);
+				}
+			};
+			const handleRefreshQuota = async () => {
+				try {
+					setBusy("quota");
+					setError(null);
+					const updated = await fetchApi$4("/quota", { method: "POST" });
+					setStatus(updated);
+				} catch (err) {
+					setError(err instanceof Error ? err.message : String(err));
+				} finally {
+					setBusy(null);
+				}
+			};
+			const toggleEnabled = async (enabled) => {
+				try {
+					setBusy("enabled");
+					setError(null);
+					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));
+				} finally {
+					setBusy(null);
+				}
+			};
+			const toggleModel = async (modelId, enabled) => {
+				if (status === null) return;
+				const current = status.models.filter((model) => model.enabled).map((model) => model.id);
+				const next = enabled ? [.../* @__PURE__ */ new Set([...current, modelId])] : current.filter((id) => id !== modelId);
+				try {
+					setBusy(`model:${modelId}`);
+					setError(null);
+					const updated = await fetchApi$4("/settings", {
+						method: "POST",
+						body: JSON.stringify({ enabledModelIds: next })
+					});
+					setStatus(updated);
+					notifyChange();
+				} catch (err) {
+					setError(err instanceof Error ? err.message : String(err));
+				} finally {
+					setBusy(null);
+				}
+			};
+			const setAllModels = async (enabled) => {
+				if (status === null) return;
+				try {
+					setBusy("models-all");
+					setError(null);
+					const updated = await fetchApi$4("/settings", {
+						method: "POST",
+						body: JSON.stringify({ enabledModelIds: enabled ? status.models.map((model) => model.id) : [] })
+					});
+					setStatus(updated);
+					notifyChange();
+				} catch (err) {
+					setError(err instanceof Error ? err.message : String(err));
+				} finally {
+					setBusy(null);
+				}
+			};
+			const handleUpdateEffort = async (effort) => {
+				try {
+					setBusy("effort");
+					setError(null);
+					const updated = await fetchApi$4("/settings", {
+						method: "POST",
+						body: JSON.stringify({ defaultReasoningEffort: effort })
+					});
+					setStatus(updated);
+					notifyChange();
+				} catch (err) {
+					setError(err instanceof Error ? err.message : String(err));
+				} finally {
+					setBusy(null);
+				}
+			};
+			const handleRefreshCatalog = async () => {
+				try {
+					setBusy("catalog");
+					setError(null);
+					const updated = await fetchApi$4("/catalog/refresh", { method: "POST" });
+					const normalized = {
+						...updated,
+						models: Array.isArray(updated?.models) ? updated.models : [],
+						contextWindowOverrides: updated?.contextWindowOverrides ?? {}
+					};
+					setStatus(normalized);
+					const drafts = {};
+					for (const model of normalized.models) drafts[model.id] = formatCapacity(normalized.contextWindowOverrides[model.id] || model.defaultContextWindow);
+					setContextDrafts(drafts);
+					notifyChange();
+				} catch (err) {
+					setError(err instanceof Error ? err.message : String(err));
+				} finally {
+					setBusy(null);
+				}
+			};
+			const handleSaveContextWindow = async (modelId) => {
+				const raw = contextDrafts[modelId] || "";
+				const parsed = parsePositiveCapacity(raw);
+				if (parsed === null) {
+					setError(`Invalid context capacity: ${raw}`);
+					return;
+				}
+				try {
+					setSavingModel(modelId);
+					setError(null);
+					const updated = await fetchApi$4("/settings", {
+						method: "POST",
+						body: JSON.stringify({ contextWindowOverrides: { [modelId]: parsed } })
+					});
+					setStatus(updated);
+					setContextDrafts((prev) => ({
+						...prev,
+						[modelId]: formatCapacity(parsed)
+					}));
+					notifyChange();
+				} catch (err) {
+					setError(err instanceof Error ? err.message : String(err));
+				} finally {
+					setSavingModel(null);
+				}
+			};
+			if (loading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "dsha-page",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "dsha-empty",
+					children: t.loading
+				})
+			});
+			const quota = status?.quota;
+			const account = status?.account;
+			const authenticated = status?.authenticated === true;
+			const unreachable = statusFailed && status === null;
+			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.jsx)("h3", { children: authenticated ? t.account : t.signedOut }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									className: "dsha-btn",
+									disabled: busy !== null,
+									onClick: () => void handleRescan(),
+									children: busy === "rescan" ? t.rescanning : t.rescan
+								})]
+							}),
+							unreachable ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dsha-empty",
+								children: t.routeUnreachable
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "dsha-notice",
+								children: t.routeUnreachableHint
+							})] }) : !authenticated ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dsha-empty",
+								children: t.notFoundTitle
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "dsha-notice",
+								children: t.notFoundHint
+							})] }) : /* @__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.nickname
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dsha-value",
+										children: account?.nickname || "—"
+									})]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dsha-row",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dsha-label",
+										children: t.uid
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dsha-value dshwb-mono",
+										children: account?.uid || "—"
+									})]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dsha-row",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dsha-label",
+										children: t.uin
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dsha-value dshwb-mono",
+										children: maskUin(account?.uin)
+									})]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dsha-row",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dsha-label",
+										children: t.region
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: "dsha-value",
+										children: [account?.region === "intl" ? t.regionIntl : t.regionCn, account?.accountType ? ` · ${account.accountType}` : ""]
+									})]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dsha-row",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dsha-label",
+										children: t.domain
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dsha-value dshwb-mono",
+										children: account?.domain || "—"
+									})]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dsha-row",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dsha-label",
+										children: t.backend
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dsha-value dshwb-mono",
+										children: account?.backend || "—"
+									})]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dsha-row",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dsha-label",
+										children: t.tokenExpires
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dsha-value",
+										children: account?.expiresAt === null || account?.expiresAt === void 0 ? "—" : account.expiresAt <= Date.now() ? t.tokenExpired : formatDate(account.expiresAt)
+									})]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dsha-row",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dsha-label",
+										children: t.sourceFile
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dsha-value dshwb-mono",
+										title: account?.sourceFile ?? status?.managedStoragePath ?? "",
+										children: account?.source === "managed" ? t.encryptedStorage : displayFile(account?.sourceFile)
+									})]
+								})
+							] }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dsha-row",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsha-label",
+									children: t.authDirectory
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsha-value dshwb-mono",
+									children: status?.authDirectory || "—"
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "dsha-notice",
+								children: t.storageNotice
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccountPoolSection, {
+						accounts: poolAccounts,
+						activeAccountId: status?.activeAccountId,
+						rotationStrategy: status?.rotationStrategy ?? "sequential",
+						labels: accountPoolLabels(t),
+						busy,
+						onLogin: () => void handleAddAccount("cn"),
+						onSetPrimary: (id) => void handlePoolAction("set-primary", id),
+						onDelete: (id) => void handleDeleteAccount(id),
+						onClearCooldown: (id) => void handlePoolAction("clear-cooldown", id),
+						onRelogin: (id) => void handlePoolAction("relogin", id),
+						onSetStrategy: (strategy) => void handleSetStrategy(strategy),
+						storageValue: status?.managedStoragePath,
+						renderLoginActions: () => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dsha-account-add-actions",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								className: "dsha-btn",
+								disabled: busy !== null,
+								onClick: () => void handleAddAccount("cn"),
+								children: busy === "login:cn" ? t.authorizing : t.addCnAccount
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								className: "dsha-btn",
+								disabled: busy !== null,
+								onClick: () => void handleAddAccount("intl"),
+								children: busy === "login:intl" ? t.authorizing : t.addIntlAccount
+							})]
+						}),
+						renderAccountActions: (candidate) => candidate.removable ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [candidate.hidden === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							className: "dsha-btn",
+							disabled: busy !== null,
+							onClick: () => void handlePoolAction("restore", candidate.id),
+							children: t.restoreAccount
+						}), candidate.hidden !== true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							className: "dsha-btn",
+							disabled: busy !== null,
+							onClick: () => void handlePoolAction("hide", candidate.id),
+							children: t.hideAccount
+						})] }),
+						renderDetails: (candidate) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+								t.region,
+								": ",
+								candidate.region === "intl" ? t.regionIntl : t.regionCn
+							] }),
+							candidate.uin ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+								t.uin,
+								": ",
+								maskUin(candidate.uin)
+							] }) : null,
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dshwb-mono",
+								children: candidate.source === "managed" ? t.encryptedStorage : displayFile(candidate.sourceFile)
+							}),
+							candidate.hidden === true ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t.hiddenAccount }) : null
+						] })
+					}),
+					loginProgress ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "dsha-notice",
+						children: loginProgress
+					}) : null,
+					/* @__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",
+								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", {
+									className: "dsha-label",
+									children: t.provider
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsha-value",
+									children: t.providerValue
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dsha-row",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsha-label",
+									children: t.connectionState
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: "dsha-value",
+									children: [connection?.connected ? t.connected : authenticated ? t.untested : t.signedOut, connection?.connected ? ` · ${connection.latencyMs}ms · ${connection.model}` : ""]
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "dsha-notice",
+								children: status?.serving === false && status.conflict ? t.routeConflict.replace("{detail}", status.conflict) : t.routeOwned
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dsha-actions",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									className: "dsha-btn",
+									disabled: busy !== null || !authenticated,
+									onClick: () => void handleTestConnection(),
+									children: busy === "connection" ? t.testingConnection : t.testConnection
+								})
+							})
+						]
+					}),
+					/* @__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.jsx)("h3", { children: t.modelsSection }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									className: "dsha-btn",
+									disabled: busy !== null || !authenticated,
+									onClick: () => void handleRefreshCatalog(),
+									children: busy === "catalog" ? t.refreshingCatalog : t.refreshCatalog
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "dsha-muted dsha-models-hint",
+								children: t.modelsHint
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dsha-models",
+								"aria-label": "WorkBuddy Models",
+								children: status?.models.map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									title: model.description ?? model.id,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										type: "checkbox",
+										checked: model.enabled,
+										disabled: busy !== null,
+										onChange: (event) => void toggleModel(model.id, event.currentTarget.checked)
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: "dshwb-model",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: model.name }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+											className: "dshwb-model-meta",
+											children: [
+												formatCapacity(model.contextWindow),
+												" · ",
+												model.supportsImage ? t.imageSupport : t.textOnly,
+												model.reasoningEfforts && model.reasoningEfforts.length > 0 ? ` · ${model.reasoningEfforts.join("/")}` : ""
+											]
+										})]
+									})]
+								}, model.id))
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dsha-actions",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									className: "dsha-btn",
+									disabled: busy !== null,
+									onClick: () => void setAllModels(true),
+									children: t.selectAll
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									className: "dsha-btn",
+									disabled: busy !== null,
+									onClick: () => void setAllModels(false),
+									children: t.unselectAll
+								})]
+							})
+						]
+					}),
+					/* @__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.enhanced })
+							}),
+							/* @__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.defaultReasoningEffort }),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: "dsha-muted",
+										children: t.defaultReasoningEffortHint
+									}),
+									strayEffort !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: "dsha-muted",
+										children: t.defaultEffortKept
+									}) : null
+								] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+									className: "dsha-select",
+									"aria-label": t.defaultReasoningEffort,
+									value: status?.defaultReasoningEffort ?? "",
+									disabled: busy !== null,
+									onChange: (event) => {
+										const value = event.currentTarget.value;
+										handleUpdateEffort(value === "" ? null : value);
+									},
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+											value: "",
+											children: t.defaultEffortAuto
+										}),
+										strayEffort !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+											value: strayEffort,
+											children: `${EFFORT_LABELS[strayEffort]} (${t.effortUnsupported})`
+										}) : null,
+										effortChoices.map((choice) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+											value: choice.value,
+											children: choice.models.length === allModels.length ? EFFORT_LABELS[choice.value] : `${EFFORT_LABELS[choice.value]} (${choice.models.length}/${allModels.length})`
+										}, choice.value))
+									]
+								})]
+							}),
+							effortChoices.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 								className: "dsha-muted",
-								children: t.defaultReasoningEffortHint
-							})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
-								className: "dsha-select",
-								"aria-label": t.defaultReasoningEffort,
-								value: status?.defaultReasoningEffort ?? "",
-								disabled: busy !== null,
-								onChange: (event) => {
-									const value = event.currentTarget.value;
-									handleUpdateEffort(value === "" ? null : value);
-								},
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-									value: "",
-									children: t.defaultEffortAuto
-								}), KIMI_CODE_REASONING_EFFORTS.map((effort) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-									value: effort,
-									children: EFFORT_LABEL[effort]
-								}, effort))]
-							})]
-						})]
+								children: t.noReasoningModels
+							}) : null
+						]
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 						className: "dsha-group",
@@ -3929,12 +5247,9 @@ window.__ModuleLoader__.load({
 								className: "dsha-context-settings",
 								children: status?.models.map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									className: "dsha-context-row",
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 										title: model.id,
-										children: [model.name, model.defaultContextWindow < model.contextWindow && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: "dsha-model-meta",
-											children: formatCapacity(model.contextWindow)
-										})]
+										children: model.name
 									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 										className: "dsha-capacity-control",
 										children: [
@@ -3950,7 +5265,7 @@ window.__ModuleLoader__.load({
 													if (event.key === "Enter") handleSaveContextWindow(model.id);
 												}
 											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: t.tokens }),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: "tokens" }),
 											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 												type: "button",
 												className: "dsha-context-save",
@@ -3971,7 +5286,7 @@ window.__ModuleLoader__.load({
 								className: "dsha-grouphead",
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: t.quotaSection }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 									className: "dsha-btn",
-									disabled: busy !== null || !status?.authenticated,
+									disabled: busy !== null || !authenticated,
 									onClick: () => void handleRefreshQuota(),
 									children: busy === "quota" ? t.refreshingQuota : t.refreshQuota
 								})]
@@ -3980,11 +5295,7 @@ window.__ModuleLoader__.load({
 								className: "dsha-muted",
 								children: t.quotaDesc
 							}),
-							status?.quotaError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: "dsha-notice",
-								children: status.quotaError
-							}),
-							!status?.authenticated ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							!authenticated ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "dsha-empty",
 								children: t.signedOut
 							}) : quota === null || quota === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -3995,49 +5306,62 @@ window.__ModuleLoader__.load({
 								children: [
 									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 										className: "dsha-quota-title",
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t.quotaPlan }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: quota.planName || t.planUnknown })]
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: quota.packageName || t.quotaPackage }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: quota.remainingCredits !== null ? `${quota.remainingCredits} ${t.credits}` : "—" })]
 									}),
-									quota.windows.map((window) => {
-										const remaining = Math.max(0, 100 - window.usedPercent);
+									quota.cycleUsedCredits !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "dsha-row",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "dsha-label",
+											children: t.quotaCycle
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+											className: "dsha-value",
+											children: [
+												quota.cycleUsedCredits,
+												quota.cycleCredits !== null ? ` / ${quota.cycleCredits}` : "",
+												` ${t.credits}`
+											]
+										})]
+									}),
+									quota.cycleEndsAt !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "dsha-row",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "dsha-label",
+											children: t.quotaReset
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+											className: "dsha-value",
+											children: [formatDate(quota.cycleEndsAt), formatReset(quota.cycleEndsAt) ? ` · ${formatReset(quota.cycleEndsAt)}` : ""]
+										})]
+									}),
+									quota.meters.map((meter) => {
+										const remaining = meter.remainingFraction;
+										const percent = remaining === null ? null : Math.round(remaining * 100);
 										return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 											className: "dsha-meter-wrap",
 											children: [
 												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 													className: "dsha-meter-label",
-													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: window.label }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("strong", { children: [remaining, "% left"] })]
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: meter.label }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: percent === null ? meter.limit ?? "—" : `${percent}% left` })]
 												}),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-													className: `dsha-meter ${remaining <= 10 ? "dsha-meter-cyan" : "dsha-meter-green"}`,
-													children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { style: { width: `${remaining}%` } })
+												percent !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+													className: "dsha-meter dsha-meter-green",
+													children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { style: { width: `${percent}%` } })
 												}),
 												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 													className: "dsha-meter-meta",
-													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
-														window.used ?? "—",
+													children: [meter.used !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+														meter.used,
 														" / ",
-														window.limit ?? "—",
-														" ",
-														t.requests
-													] }), window.resetsAt !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t.resetAt.replace("{time}", formatReset(window.resetsAt)) })]
+														meter.limit ?? "—"
+													] }), meter.resetsAt !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+														t.quotaReset,
+														": ",
+														formatReset(meter.resetsAt)
+													] })]
 												})
 											]
-										}, window.id);
-									}),
-									quota.extraUsage !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: "dsha-meter-wrap",
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: "dsha-meter-label",
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t.quotaWallet }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: formatMoney(quota.extraUsage.balanceCents, quota.extraUsage.currency) })]
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: "dsha-meter-meta",
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: formatMoney(quota.extraUsage.totalCents, quota.extraUsage.currency) }), quota.extraUsage.monthlyChargeLimitEnabled && quota.extraUsage.monthlyChargeLimitCents !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
-												t.quotaWalletLimit,
-												": ",
-												formatMoney(quota.extraUsage.monthlyChargeLimitCents, quota.extraUsage.currency)
-											] })]
-										})]
+										}, meter.id);
 									}),
-									quota.windows.length === 0 && quota.extraUsage === null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									quota.meters.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 										className: "dsha-empty",
 										children: t.quotaEmpty
 									}),
@@ -4074,6 +5398,10 @@ window.__ModuleLoader__.load({
 			{
 				id: "kimi-code",
 				label: "Kimi Code"
+			},
+			{
+				id: "workbuddy",
+				label: "WorkBuddy"
 			}
 		];
 		/**
@@ -4131,7 +5459,8 @@ window.__ModuleLoader__.load({
 							}) : null,
 							active === "antigravity" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AntigravitySection, { onModelChange }) : null,
 							active === "command-code" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CommandCodeSection, { onModelChange }) : null,
-							active === "kimi-code" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(KimiCodeSection, { onModelChange }) : null
+							active === "kimi-code" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(KimiCodeSection, { onModelChange }) : null,
+							active === "workbuddy" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(WorkBuddySection, { onModelChange }) : null
 						]
 					})
 				]
@@ -4142,6 +5471,7 @@ window.__ModuleLoader__.load({
 		const NS = "dsh-chatgpt-subscription";
 		const dictionaries = {
 			zh: {
+				...accountPoolZh,
 				title: "ChatGPT",
 				hubTitle: "订阅服务",
 				intro: "使用 ChatGPT 账号登录，在 DSH 中使用订阅可用的模型。",
@@ -4270,6 +5600,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.",
@@ -4400,7 +5731,7 @@ window.__ModuleLoader__.load({
 		};
 		//#endregion
 		//#region src/client/styles.ts
-		const STYLE_ID$2 = "@eddyskywalker/dsh-chatgpt-subscription/main";
+		const STYLE_ID$3 = "@eddyskywalker/dsh-chatgpt-subscription/main";
 		const CSS = `
 .dsh-codex-page{box-sizing:border-box;color:var(--dsw-alias-label-primary);display:flex;flex-direction:column;gap:20px;max-width:780px;min-width:0;padding:2px 0 30px}
 .dsh-codex-page *{box-sizing:border-box}
@@ -4509,21 +5840,21 @@ window.__ModuleLoader__.load({
 @media(prefers-reduced-motion:reduce){.dsh-codex-meter>span{transition:none}.dsh-codex-skeleton span{animation:none}}
 `;
 		function installStyles() {
-			if (document.querySelector(`style[data-plugin-css="${STYLE_ID$2}"]`) !== null) return () => void 0;
+			if (document.querySelector(`style[data-plugin-css="${STYLE_ID$3}"]`) !== null) return () => void 0;
 			const element = document.createElement("style");
 			element.dataset.plugin = "@eddyskywalker/dsh-chatgpt-subscription";
-			element.dataset.pluginCss = STYLE_ID$2;
+			element.dataset.pluginCss = STYLE_ID$3;
 			element.textContent = CSS;
 			document.head.appendChild(element);
 			return () => element.remove();
 		}
 		//#endregion
 		//#region src/client/antigravity/styles.ts
-		const STYLE_ID$1 = "dsh-antigravity-settings-style";
+		const STYLE_ID$2 = "dsh-antigravity-settings-style";
 		function installAntigravityStyles() {
 			if (typeof document === "undefined" || document.getElementById("dsh-antigravity-settings-style")) return;
 			const style = document.createElement("style");
-			style.id = STYLE_ID$1;
+			style.id = STYLE_ID$2;
 			style.textContent = `
 .dsha-page{box-sizing:border-box;color:var(--dsw-alias-label-primary);display:flex;flex-direction:column;gap:20px;max-width:780px;min-width:0;padding:2px 0 30px}
 .dsha-page *{box-sizing:border-box}
@@ -4546,7 +5877,7 @@ window.__ModuleLoader__.load({
 .dsha-models{display:flex;flex-wrap:wrap;gap:7px;padding-top:8px}
 .dsha-models label{cursor:pointer;display:block;position:relative}
 .dsha-models input{position:absolute;opacity:0;pointer-events:none}
-.dsha-models span{background:var(--dsw-alias-bg-layer-2);border:0.5px solid var(--dsw-alias-border-l2);border-radius:6px;color:var(--dsw-alias-label-secondary);display:block;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;padding:5px 8px;transition:all .15s ease}
+.dsha-models>label>span{background:var(--dsw-alias-bg-layer-2);border:0.5px solid var(--dsw-alias-border-l2);border-radius:6px;color:var(--dsw-alias-label-secondary);display:block;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;padding:5px 8px;transition:all .15s ease}
 .dsha-models input:checked+span{background:color-mix(in srgb,var(--dsw-alias-button-info-fill,#397ee8) 14%,var(--dsw-alias-bg-layer-2));border-color:color-mix(in srgb,var(--dsw-alias-button-info-fill,#397ee8) 55%,var(--dsw-alias-border-l2));color:var(--dsw-alias-label-primary);font-weight:600}
 .dsha-models input:disabled+span{cursor:default;opacity:.5}
 .dsha-pref-row{align-items:center;border-bottom:0.5px solid var(--dsw-alias-border-l2);display:flex;gap:16px;justify-content:space-between;min-height:58px;padding:10px 0}
@@ -4596,14 +5927,35 @@ 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);
 		}
 		//#endregion
 		//#region src/client/antigravity/AntigravityComposerQuota.tsx
-		const API$2 = "/antigravity/api";
-		async function fetchApi$2(path, options) {
-			const res = await fetch(`${API$2}${path}`, {
+		const API$3 = "/antigravity/api";
+		async function fetchApi$3(path, options) {
+			const res = await fetch(`${API$3}${path}`, {
 				...options,
 				headers: {
 					"Content-Type": "application/json",
@@ -4644,7 +5996,7 @@ window.__ModuleLoader__.load({
 			}
 		}
 		function AntigravityComposerQuota({ directory, loadModelDirectory }) {
-			const modelState = useStore$2(directory);
+			const modelState = useStore$3(directory);
 			const [status, setStatus] = (0, react.useState)(null);
 			const [loading, setLoading] = (0, react.useState)(false);
 			const mountedRef = (0, react.useRef)(false);
@@ -4663,7 +6015,7 @@ window.__ModuleLoader__.load({
 				if (!mountedRef.current) return;
 				setLoading(true);
 				try {
-					const data = refresh ? await fetchApi$2("/quota", { method: "POST" }) : await fetchApi$2("/status");
+					const data = refresh ? await fetchApi$3("/quota", { method: "POST" }) : await fetchApi$3("/status");
 					if (mountedRef.current) setStatus(data);
 				} catch {} finally {
 					if (mountedRef.current) setLoading(false);
@@ -4701,14 +6053,14 @@ window.__ModuleLoader__.load({
 				})]
 			});
 		}
-		function useStore$2(store) {
+		function useStore$3(store) {
 			return (0, react.useSyncExternalStore)((listener) => store.subscribe(listener), () => store.getSnapshot(), () => store.getSnapshot());
 		}
 		//#endregion
 		//#region src/client/command-code/CommandCodeComposerQuota.tsx
-		const API$1 = "/command-code/api";
-		async function fetchApi$1(path, options) {
-			const res = await fetch(`${API$1}${path}`, {
+		const API$2 = "/command-code/api";
+		async function fetchApi$2(path, options) {
+			const res = await fetch(`${API$2}${path}`, {
 				...options,
 				headers: {
 					"Content-Type": "application/json",
@@ -4725,7 +6077,7 @@ window.__ModuleLoader__.load({
 		* A bounded usage window is the number a user actually spends down, so it wins
 		* over a credit balance; the balance shows only when no window is reported.
 		*/
-		function selectBadgeFacts$1(status) {
+		function selectBadgeFacts$2(status) {
 			const quota = status?.quota;
 			if (quota === null || quota === void 0) return {
 				text: "—",
@@ -4767,7 +6119,7 @@ window.__ModuleLoader__.load({
 			};
 		}
 		function CommandCodeComposerQuota({ directory, loadModelDirectory }) {
-			const modelState = useStore$1(directory);
+			const modelState = useStore$2(directory);
 			const [status, setStatus] = (0, react.useState)(null);
 			const [loading, setLoading] = (0, react.useState)(false);
 			const mountedRef = (0, react.useRef)(false);
@@ -4785,7 +6137,7 @@ window.__ModuleLoader__.load({
 				if (!mountedRef.current) return;
 				setLoading(true);
 				try {
-					const data = refresh ? await fetchApi$1("/quota", { method: "POST" }) : await fetchApi$1("/status");
+					const data = refresh ? await fetchApi$2("/quota", { method: "POST" }) : await fetchApi$2("/status");
 					if (mountedRef.current) setStatus(data);
 				} catch {} finally {
 					if (mountedRef.current) setLoading(false);
@@ -4801,7 +6153,7 @@ window.__ModuleLoader__.load({
 					window.clearInterval(timer);
 				};
 			}, [fetchStatus, isCommandCode]);
-			const facts = (0, react.useMemo)(() => selectBadgeFacts$1(status), [status]);
+			const facts = (0, react.useMemo)(() => selectBadgeFacts$2(status), [status]);
 			if (!isCommandCode || !status?.authenticated || facts === null) return null;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 				className: "dsha-composer-quota",
@@ -4818,14 +6170,14 @@ window.__ModuleLoader__.load({
 				})]
 			});
 		}
-		function useStore$1(store) {
+		function useStore$2(store) {
 			return (0, react.useSyncExternalStore)((listener) => store.subscribe(listener), () => store.getSnapshot(), () => store.getSnapshot());
 		}
 		//#endregion
 		//#region src/client/kimi-code/KimiCodeComposerQuota.tsx
-		const API = "/kimi-code/api";
-		async function fetchApi(path, options) {
-			const res = await fetch(`${API}${path}`, {
+		const API$1 = "/kimi-code/api";
+		async function fetchApi$1(path, options) {
+			const res = await fetch(`${API$1}${path}`, {
 				...options,
 				headers: {
 					"Content-Type": "application/json",
@@ -4843,7 +6195,7 @@ window.__ModuleLoader__.load({
 		* blocks work soonest, so it wins over the longer pools; the 7-day allowance
 		* shows only when no 5-hour window is reported.
 		*/
-		function selectBadgeFacts(status) {
+		function selectBadgeFacts$1(status) {
 			const quota = status?.quota;
 			if (quota === null || quota === void 0) return {
 				text: "—",
@@ -4875,7 +6227,7 @@ window.__ModuleLoader__.load({
 			};
 		}
 		function KimiCodeComposerQuota({ directory, loadModelDirectory }) {
-			const modelState = useStore(directory);
+			const modelState = useStore$1(directory);
 			const [status, setStatus] = (0, react.useState)(null);
 			const [loading, setLoading] = (0, react.useState)(false);
 			const mountedRef = (0, react.useRef)(false);
@@ -4893,7 +6245,7 @@ window.__ModuleLoader__.load({
 				if (!mountedRef.current) return;
 				setLoading(true);
 				try {
-					const data = refresh ? await fetchApi("/quota", { method: "POST" }) : await fetchApi("/status");
+					const data = refresh ? await fetchApi$1("/quota", { method: "POST" }) : await fetchApi$1("/status");
 					if (mountedRef.current) setStatus(data);
 				} catch {} finally {
 					if (mountedRef.current) setLoading(false);
@@ -4909,7 +6261,7 @@ window.__ModuleLoader__.load({
 					window.clearInterval(timer);
 				};
 			}, [fetchStatus, isKimiCode]);
-			const facts = (0, react.useMemo)(() => selectBadgeFacts(status), [status]);
+			const facts = (0, react.useMemo)(() => selectBadgeFacts$1(status), [status]);
 			if (!isKimiCode || !status?.authenticated || facts === null) return null;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 				className: "dsha-composer-quota",
@@ -4926,12 +6278,12 @@ window.__ModuleLoader__.load({
 				})]
 			});
 		}
-		function useStore(store) {
+		function useStore$1(store) {
 			return (0, react.useSyncExternalStore)((listener) => store.subscribe(listener), () => store.getSnapshot(), () => store.getSnapshot());
 		}
 		//#endregion
 		//#region src/client/kimi-code/styles.ts
-		const STYLE_ID = "dsh-kimi-code-settings-style";
+		const STYLE_ID$1 = "dsh-kimi-code-settings-style";
 		/**
 		* Node the base control styles come from.
 		*
@@ -4961,7 +6313,7 @@ window.__ModuleLoader__.load({
 .dsha-models{display:flex;flex-wrap:wrap;gap:7px;padding-top:8px}
 .dsha-models label{cursor:pointer;display:block;position:relative}
 .dsha-models input{position:absolute;opacity:0;pointer-events:none}
-.dsha-models span{background:var(--dsw-alias-bg-layer-2);border:0.5px solid var(--dsw-alias-border-l2);border-radius:6px;color:var(--dsw-alias-label-secondary);display:block;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;padding:5px 8px;transition:all .15s ease}
+.dsha-models>label>span{background:var(--dsw-alias-bg-layer-2);border:0.5px solid var(--dsw-alias-border-l2);border-radius:6px;color:var(--dsw-alias-label-secondary);display:block;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;padding:5px 8px;transition:all .15s ease}
 .dsha-models input:checked+span{background:color-mix(in srgb,var(--dsw-alias-button-info-fill,#397ee8) 14%,var(--dsw-alias-bg-layer-2));border-color:color-mix(in srgb,var(--dsw-alias-button-info-fill,#397ee8) 55%,var(--dsw-alias-border-l2));color:var(--dsw-alias-label-primary);font-weight:600}
 .dsha-models input:disabled+span{cursor:default;opacity:.5}
 .dsha-pref-row{align-items:center;border-bottom:0.5px solid var(--dsw-alias-border-l2);display:flex;gap:16px;justify-content:space-between;min-height:58px;padding:10px 0}
@@ -5021,11 +6373,148 @@ window.__ModuleLoader__.load({
 		function installKimiCodeStyles() {
 			if (typeof document === "undefined" || document.getElementById("dsh-kimi-code-settings-style")) return;
 			const style = document.createElement("style");
-			style.id = STYLE_ID;
+			style.id = STYLE_ID$1;
 			style.textContent = BASE;
 			document.head.appendChild(style);
 		}
 		//#endregion
+		//#region src/client/workbuddy/WorkBuddyComposerQuota.tsx
+		const API = "/workbuddy/api";
+		async function fetchApi(path, options) {
+			const res = await fetch(`${API}${path}`, {
+				...options,
+				headers: {
+					"Content-Type": "application/json",
+					...options?.headers
+				}
+			});
+			const json = await res.json();
+			if (!res.ok || !json.ok) throw new Error(json.error || `HTTP ${res.status}`);
+			return json.value;
+		}
+		/**
+		* Pick the most meaningful number for the badge.
+		*
+		* A bounded allowance is what a user spends down, so it wins over a bare credit
+		* balance; the balance shows only when no percentage is reported. The billing
+		* payload reports both a cycle meter and a package meter, and the cycle meter
+		* is the one that actually resets, so it is preferred when both exist.
+		*/
+		function selectBadgeFacts(status) {
+			const quota = status?.quota;
+			if (quota === null || quota === void 0) return {
+				text: "—",
+				tooltip: "WorkBuddy quota unavailable — click to refresh",
+				level: "normal"
+			};
+			const meter = (quota.meters ?? []).find((candidate) => candidate.id === "cycle" && candidate.remainingFraction !== null) ?? (quota.meters ?? []).find((candidate) => candidate.remainingFraction !== null);
+			if (meter !== void 0 && meter.remainingFraction !== null) {
+				const remaining = Math.round(meter.remainingFraction * 100);
+				return {
+					text: `${remaining}%`,
+					tooltip: `[WorkBuddy] ${meter.label}: ${remaining}% left`,
+					level: remaining <= 5 ? "danger" : remaining <= 20 ? "warning" : "normal"
+				};
+			}
+			if (quota.remainingCredits !== null) return {
+				text: String(quota.remainingCredits),
+				tooltip: `[WorkBuddy] Remaining credits: ${quota.remainingCredits}`,
+				level: "normal"
+			};
+			return {
+				text: "—",
+				tooltip: "WorkBuddy quota unavailable — click to refresh",
+				level: "normal"
+			};
+		}
+		function WorkBuddyComposerQuota({ directory, loadModelDirectory }) {
+			const modelState = useStore(directory);
+			const [status, setStatus] = (0, react.useState)(null);
+			const [loading, setLoading] = (0, react.useState)(false);
+			const mountedRef = (0, react.useRef)(false);
+			const isWorkBuddy = modelState.current?.provider === "workbuddy-subscription";
+			(0, react.useEffect)(() => {
+				loadModelDirectory();
+			}, [loadModelDirectory]);
+			(0, react.useEffect)(() => {
+				mountedRef.current = true;
+				return () => {
+					mountedRef.current = false;
+				};
+			}, []);
+			const fetchStatus = (0, react.useCallback)(async (refresh = false) => {
+				if (!mountedRef.current) return;
+				setLoading(true);
+				try {
+					const data = refresh ? await fetchApi("/quota", { method: "POST" }) : await fetchApi("/status");
+					if (mountedRef.current) setStatus(data);
+				} catch {} finally {
+					if (mountedRef.current) setLoading(false);
+				}
+			}, []);
+			(0, react.useEffect)(() => {
+				if (!isWorkBuddy) return;
+				fetchStatus(false);
+				const timer = window.setInterval(() => {
+					if (document.visibilityState === "visible") fetchStatus(false);
+				}, 6e4);
+				return () => {
+					window.clearInterval(timer);
+				};
+			}, [fetchStatus, isWorkBuddy]);
+			const facts = (0, react.useMemo)(() => selectBadgeFacts(status), [status]);
+			if (!isWorkBuddy || !status?.authenticated || facts === null) return null;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: "dsha-composer-quota",
+				"data-level": facts.level,
+				title: facts.tooltip,
+				"aria-label": facts.tooltip,
+				onClick: () => void fetchStatus(true),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "dsha-composer-quota-label",
+					children: "额度"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", {
+					className: "dsha-composer-quota-val",
+					children: loading ? "…" : facts.text
+				})]
+			});
+		}
+		function useStore(store) {
+			return (0, react.useSyncExternalStore)((listener) => store.subscribe(listener), () => store.getSnapshot(), () => store.getSnapshot());
+		}
+		//#endregion
+		//#region src/client/workbuddy/styles.ts
+		const STYLE_ID = "dsh-workbuddy-settings-style";
+		/**
+		* WorkBuddy-only additions to the shared settings design system.
+		*
+		* The base control styles (`.dsha-page`, `.dsha-group`, `.dsha-models`, …) come
+		* from the stylesheet the sibling routes install, so this file declares only
+		* what is unique to this card: the per-model capability line and the
+		* "unavailable in this region" treatment.
+		*/
+		function installWorkBuddyStyles() {
+			if (typeof document === "undefined" || document.getElementById("dsh-workbuddy-settings-style")) return;
+			const style = document.createElement("style");
+			style.id = STYLE_ID;
+			style.textContent = `
+.dshwb-model{display:flex;flex-direction:column;gap:2px;min-width:0}
+.dshwb-model-meta{color:var(--dsw-alias-label-tertiary);font-size:10px;font-weight:400;line-height:1.3;white-space:nowrap}
+.dsha-models input:checked+span .dshwb-model-meta{color:var(--dsw-alias-label-secondary)}
+.dshwb-region{display:inline-flex;align-items:center;gap:4px}
+.dshwb-muted-note{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:1.5;margin:8px 0 0}
+.dshwb-mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}
+.dsha-account-region{margin-top:14px}
+.dsha-account-region h4{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:650;margin:0 0 8px}
+.dsha-account-add-actions{display:flex;flex-wrap:wrap;gap:8px}
+.dsha-account-card.hidden{opacity:.68}
+.dshwb-account-select{appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;font:inherit;padding:0;text-align:left;width:100%}
+.dshwb-account-select:disabled{cursor:default}
+.dshwb-account-select:hover:not(:disabled) .dsha-account-title{color:var(--dsw-alias-label-link,#397ee8)}
+`;
+			document.head.append(style);
+		}
+		//#endregion
 		//#region src/client/mermaid/sanitize.ts
 		const STRIP_ELEMENTS = /* @__PURE__ */ new Set([
 			"foreignobject",
@@ -5365,17 +6854,26 @@ window.__ModuleLoader__.load({
 		function apply(ctx) {
 			ctx.effect(() => ctx.locale.register(NS, dictionaries), "dsh-chatgpt-subscription: dictionaries");
 			ctx.effect(() => installStyles(), "dsh-chatgpt-subscription: styles");
-			ctx.effect(() => ctx.locale.register(NS_ANTIGRAVITY, dictionaries$3), "dsh-antigravity: dictionaries");
+			ctx.effect(() => ctx.locale.register(NS_ANTIGRAVITY, dictionaries$4), "dsh-antigravity: dictionaries");
 			ctx.effect(() => {
 				installAntigravityStyles();
 				return () => {};
 			}, "dsh-antigravity: styles");
-			ctx.effect(() => ctx.locale.register(NS_COMMAND_CODE, dictionaries$2), "dsh-command-code: dictionaries");
-			ctx.effect(() => ctx.locale.register(NS_KIMI_CODE, dictionaries$1), "dsh-kimi-code: dictionaries");
+			ctx.effect(() => ctx.locale.register(NS_COMMAND_CODE, dictionaries$3), "dsh-command-code: dictionaries");
+			ctx.effect(() => ctx.locale.register(NS_KIMI_CODE, dictionaries$2), "dsh-kimi-code: dictionaries");
 			ctx.effect(() => {
 				installKimiCodeStyles();
 				return () => {};
 			}, "dsh-kimi-code: styles");
+			ctx.effect(() => ctx.locale.register(NS_WORKBUDDY, dictionaries$1), "dsh-workbuddy: dictionaries");
+			ctx.effect(() => {
+				installWorkBuddyStyles();
+				return () => {};
+			}, "dsh-workbuddy: styles");
+			ctx.effect(() => {
+				installPoolStyles();
+				return () => {};
+			}, "dsh-chatgpt-subscription: pool styles");
 			ctx.effect(() => setupMermaidObserver(), "dsh-mermaid: observer");
 			const t = ctx.locale.bind(NS);
 			const handleModelDirectoryReload = () => {
@@ -5459,6 +6957,21 @@ window.__ModuleLoader__.load({
 					};
 				}
 			}, KimiCodeComposerQuota));
+			ctx.slots.inject("conversation.input.right", () => ctx.slots.register({
+				name: "conversation.input.right",
+				id: "workbuddy-quota",
+				order: 39,
+				locale: NS_WORKBUDDY,
+				inject: (sessionId) => {
+					const directory = ctx.modelDirectories.directoryFor(sessionId);
+					return {
+						directory: directory.store,
+						loadModelDirectory: () => {
+							directory.load().catch(() => void 0);
+						}
+					};
+				}
+			}, WorkBuddyComposerQuota));
 			ctx.slots.inject("tool.call.toolview", () => ctx.slots.register({
 				name: "tool.call.toolview",
 				key: CODEX_IMAGE_TOOL_NAME,