@eddyskywalker/dsh-chatgpt-subscription 0.6.0 → 0.6.8

package/lib/client.js

@@ -3255,6 +3255,13 @@ window.__ModuleLoader__.load({
 			cacheOutput: "输出 tokens",
 			cacheRequests: "请求数",
 			cacheHint: "同一会话内：系统提示与工具列表一旦变化会使缓存整体失效，因此保持工具集合稳定、把新增内容追加在末尾，命中率最高。",
+			cacheDrift: "最近前缀状态",
+			cacheDriftFirst: "首个请求（缓存为空）",
+			cacheDriftStable: "稳定（前缀未变）",
+			cacheDriftSystemPrompt: "系统提示已变化（缓存失效）",
+			cacheDriftTools: "工具列表已变化（缓存失效）",
+			cacheDriftCacheKey: "缓存键已变化（会话切换）",
+			cacheDriftColdKey: "未发送缓存键（无法命中）",
 			preserveThinking: "保留思考 (Preserved Thinking)",
 			preserveOn: "已开启（官方默认）：跨轮保留 reasoning_content，多轮工具调用更连贯，但思考 token 也计入输出。",
 			preserveOff: "已关闭：不要求服务回传推理内容。可设置 DSH_KIMI_CODE_PRESERVE_THINKING=0 关闭。",
@@ -3368,6 +3375,13 @@ window.__ModuleLoader__.load({
 			cacheOutput: "Output tokens",
 			cacheRequests: "Requests",
 			cacheHint: "Within one session: any change to the system prompt or the tool list invalidates the whole prefix cache, so keep the tool set stable and append new material at the tail for the best hit rate.",
+			cacheDrift: "Last prefix state",
+			cacheDriftFirst: "First request (cache cold)",
+			cacheDriftStable: "Stable (prefix unchanged)",
+			cacheDriftSystemPrompt: "System prompt changed (cache invalidated)",
+			cacheDriftTools: "Tool list changed (cache invalidated)",
+			cacheDriftCacheKey: "Cache key changed (session switch)",
+			cacheDriftColdKey: "No cache key sent (cannot hit)",
 			preserveThinking: "Preserved Thinking",
 			preserveOn: "On (the official default): reasoning_content is retained across turns, which keeps multi-step tool use coherent — its tokens are billed as output.",
 			preserveOff: "Off: the service is not asked to return reasoning. Set DSH_KIMI_CODE_PRESERVE_THINKING=0 to disable.",
@@ -3517,6 +3531,18 @@ window.__ModuleLoader__.load({
 			max: zh$2.effortMax,
 			none: zh$2.effortNone
 		};
+		/** Human label for the last request's prefix-drift cause. */
+		function driftLabel(cause, t) {
+			switch (cause) {
+				case "first-request": return t.cacheDriftFirst;
+				case "stable": return t.cacheDriftStable;
+				case "system-prompt": return t.cacheDriftSystemPrompt;
+				case "tools": return t.cacheDriftTools;
+				case "cache-key": return t.cacheDriftCacheKey;
+				case "cold-key": return t.cacheDriftColdKey;
+				default: return String(cause);
+			}
+		}
 		function KimiCodeSection({ onModelChange, loadModelDirectory }) {
 			const [status, setStatus] = (0, react.useState)(null);
 			const [loading, setLoading] = (0, react.useState)(true);
@@ -3974,6 +4000,79 @@ window.__ModuleLoader__.load({
 							})
 						]
 					}),
+					/* @__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.cacheSection })
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "dsha-muted",
+								children: t.cacheDesc
+							}),
+							status?.cache == null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dsha-empty",
+								children: t.cacheEmpty
+							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dsha-quota-card",
+								children: [
+									/* @__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.cacheHitRatio }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: status.cache.hitRatio === null ? "—" : `${(status.cache.hitRatio * 100).toFixed(1)}%` })]
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+												className: `dsha-meter ${(status.cache.hitRatio ?? 0) >= .9 ? "dsha-meter-green" : "dsha-meter-cyan"}`,
+												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { style: { width: `${Math.round((status.cache.hitRatio ?? 0) * 100)}%` } })
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: "dsha-meter-meta",
+												children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+														t.cacheCached,
+														": ",
+														status.cache.cachedTokens.toLocaleString()
+													] }),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+														t.cacheFresh,
+														": ",
+														status.cache.freshTokens.toLocaleString()
+													] }),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+														t.cacheOutput,
+														": ",
+														status.cache.outputTokens.toLocaleString()
+													] }),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+														t.cacheRequests,
+														": ",
+														status.cache.requests
+													] })
+												]
+											})
+										]
+									}),
+									status.cache.lastDrift !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "dsha-row",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "dsha-label",
+											children: t.cacheDrift
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "dsha-value",
+											children: driftLabel(status.cache.lastDrift, t)
+										})]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: "dsha-muted",
+										children: t.cacheHint
+									})
+								]
+							})
+						]
+					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 						className: "dsha-group",
 						children: [
@@ -4217,41 +4316,28 @@ window.__ModuleLoader__.load({
 			title: "WorkBuddy",
 			pageDesc: "复用本机 CodeBuddy 桌面端登录态，管理 WorkBuddy（CodeBuddy 订阅）模型、上下文窗口与额度。",
 			account: "账号",
-			noAccounts: "暂无账号，点击「添加国区账号 / 添加国际区账号」完成浏览器授权，或登录 CodeBuddy 桌面端后重新扫描。",
-			signedIn: "已找到凭据",
+			noAccounts: "暂无账号。点击右上角「添加账号」完成浏览器授权，或登录 CodeBuddy 桌面端后重新扫描；桌面账号只能从本插件隐藏，绝不删除 CodeBuddy 的原凭据。",
 			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: "当前账号",
+			accounts: "账号管理",
 			addCnAccount: "添加国区账号",
 			addIntlAccount: "添加国际区账号",
 			authorizing: "授权中…",
 			loginWaiting: "请在新打开的浏览器页面完成登录与授权。",
 			loginFailed: "账号授权失败",
-			pluginAccount: "插件账号",
-			desktopAccount: "桌面账号",
 			encryptedStorage: "系统加密存储",
 			hiddenAccount: "已隐藏",
 			hideAccount: "从插件隐藏",
@@ -4310,41 +4396,28 @@ window.__ModuleLoader__.load({
 			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",
+			noAccounts: "No accounts yet. Use “Add account” above to authorize, or sign in with the CodeBuddy desktop client and rescan; desktop accounts can only be hidden here, never removed from CodeBuddy.",
 			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",
+			accounts: "Account Management",
 			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",
@@ -4421,6 +4494,21 @@ window.__ModuleLoader__.load({
 		};
 		const API$4 = "/workbuddy/api";
 		/**
+		* The shared card's label set.
+		*
+		* Only the three labels WorkBuddy genuinely words differently are taken from
+		* this tab's dictionary; everything else is the shared set, so the five
+		* provider tabs cannot drift apart in wording.
+		*/
+		function accountPoolLabels(t) {
+			return {
+				...accountPoolZh,
+				noAccounts: t.noAccounts,
+				storageNotice: t.storageNotice,
+				email: t.nickname
+			};
+		}
+		/**
 		* 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
@@ -4538,24 +4626,6 @@ window.__ModuleLoader__.load({
 				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);
@@ -4563,7 +4633,6 @@ window.__ModuleLoader__.load({
 			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);
@@ -4594,24 +4663,10 @@ window.__ModuleLoader__.load({
 					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();
-					}
+					if (document.visibilityState === "visible") loadStatus(true);
 				};
 				document.addEventListener("visibilitychange", refreshWhenVisible);
 				return () => {
@@ -4619,14 +4674,13 @@ window.__ModuleLoader__.load({
 					if (loginIntervalRef.current !== null) window.clearInterval(loginIntervalRef.current);
 					if (loginTimeoutRef.current !== null) window.clearTimeout(loginTimeoutRef.current);
 				};
-			}, [loadStatus, loadAccounts]);
+			}, [loadStatus]);
 			const handleRescan = async () => {
 				try {
 					setBusy("rescan");
 					setError(null);
 					const updated = await fetchApi$4("/rescan", { method: "POST" });
-					setStatus(updated);
-					await loadAccounts();
+					setStatus(normalizeStatus(updated));
 					notifyChange();
 				} catch (err) {
 					setError(err instanceof Error ? err.message : String(err));
@@ -4663,7 +4717,6 @@ window.__ModuleLoader__.load({
 										body: JSON.stringify({ selectedAccountId: poll.accountId })
 									});
 									await loadStatus();
-									await loadAccounts();
 									notifyChange();
 								} else if (poll.status === "error") {
 									window.clearInterval(timer);
@@ -4707,7 +4760,6 @@ window.__ModuleLoader__.load({
 						})
 					});
 					setStatus(normalizeStatus(updated));
-					await loadAccounts();
 					notifyChange();
 				} catch (err) {
 					setError(err instanceof Error ? err.message : String(err));
@@ -4728,7 +4780,6 @@ window.__ModuleLoader__.load({
 						body: JSON.stringify({ strategy })
 					});
 					setStatus(normalizeStatus(updated));
-					await loadAccounts();
 				} catch (err) {
 					setError(err instanceof Error ? err.message : String(err));
 				} finally {
@@ -4881,136 +4932,12 @@ window.__ModuleLoader__.load({
 				})
 			});
 			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, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(AccountPoolSection, {
 						accounts: poolAccounts,
 						activeAccountId: status?.activeAccountId,
 						rotationStrategy: status?.rotationStrategy ?? "sequential",
@@ -5026,12 +4953,12 @@ window.__ModuleLoader__.load({
 						renderLoginActions: () => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "dsha-account-add-actions",
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								className: "dsha-btn",
+								className: "dsha-btn dsha-btn-primary",
 								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",
+								className: "dsha-btn dsha-btn-primary",
 								disabled: busy !== null,
 								onClick: () => void handleAddAccount("intl"),
 								children: busy === "login:intl" ? t.authorizing : t.addIntlAccount
@@ -5049,27 +4976,67 @@ window.__ModuleLoader__.load({
 							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,
+							candidate.accountType ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+								t.accountType,
+								": ",
+								candidate.accountType
+							] }) : null,
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+								t.region,
+								": ",
+								candidate.region === "intl" ? t.regionIntl : t.regionCn
+							] }),
+							candidate.domain ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dshwb-mono",
+								title: `${candidate.domain} · ${candidate.backend ?? ""}`,
+								children: candidate.domain
+							}) : 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
-						] })
+						] }),
+						children: [
+							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
+							})] }) : null,
+							loginProgress ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "dsha-notice",
+								children: loginProgress
+							}) : null,
+							/* @__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.authDirectory
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsha-value dshwb-mono",
+									title: status?.authDirectory || "",
+									children: status?.authDirectory || "—"
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dsha-actions",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									className: "dsha-btn",
+									disabled: busy !== null,
+									onClick: () => void handleRescan(),
+									children: busy === "rescan" ? t.rescanning : t.rescan
+								})
+							})
+						]
 					}),
-					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: [
@@ -5145,26 +5112,22 @@ window.__ModuleLoader__.load({
 							/* @__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))
+								children: status?.models.map((model) => {
+									return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+										title: [
+											model.id,
+											formatCapacity(model.contextWindow),
+											model.supportsImage ? t.imageSupport : t.textOnly,
+											...model.reasoningEfforts && model.reasoningEfforts.length > 0 ? [model.reasoningEfforts.join("/")] : []
+										].join(" · "),
+										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.jsx)("span", { children: model.name })]
+									}, model.id);
+								})
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: "dsha-actions",
@@ -6488,29 +6451,24 @@ window.__ModuleLoader__.load({
 		/**
 		* 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.
+		* The base control styles (`.dsha-page`, `.dsha-group`, `.dsha-models`, the
+		* account card, …) come from the stylesheet the sibling routes install, in the
+		* same order the client installs them, so this file declares only what stays
+		* unique to this card: the mono credential paths and the login-progress line.
+		*
+		* Everything this tab used to declare locally — the per-model capability line
+		* and the account-region headings — is gone: the model pill is name-only like
+		* every sibling tab, and the account card is the shared one.
 		*/
 		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)}
+.dsha-account-add-actions .dsha-btn{background:var(--dsw-alias-button-info-fill,#397ee8);border-color:transparent;color:var(--dsw-alias-button-info-label,#fff)}
+.dsha-account-add-actions .dsha-btn:hover:not(:disabled){opacity:.9;background:var(--dsw-alias-button-info-fill,#397ee8)}
 `;
 			document.head.append(style);
 		}