dsh-ds-balance 2.3.1 → 3.1.0

package/lib/client.js

@@ -23,20 +23,19 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/client/index.tsx
-var client_exports = {};
-__export(client_exports, {
+var index_exports = {};
+__export(index_exports, {
   BUNDLE_CONFIG_KEY: () => BUNDLE_CONFIG_KEY,
   ENTRY_ID: () => ENTRY_ID,
   SIDEBAR_ENTRY_ID: () => SIDEBAR_ENTRY_ID,
   apply: () => apply,
   inject: () => inject
 });
-module.exports = __toCommonJS(client_exports);
-var import_react6 = require("react");
+module.exports = __toCommonJS(index_exports);
+var import_react7 = require("react");
 
 // src/client/settings/BalanceSettingsCard.tsx
-var import_react4 = require("react");
-var import_dsh_client_ui_primitives2 = require("@deepseek-ai/dsh-client-ui-primitives");
+var import_react5 = require("react");
 
 // src/client/locales.ts
 var NS = "ds-balance";
@@ -50,6 +49,9 @@ var zh = {
   // 代码里只做拼接，绝不写死括号字符。
   "popover.source.key": "\uFF08API Key\uFF09",
   "popover.source.account": "\uFF08\u8D26\u53F7\u767B\u5F55\uFF09",
+  // 有身份时用它替掉上面那两句：括号里直接放「哪一把凭据」。括号照旧在词典里
+  // （中文全角、英文半角带前置空格），`{identity}` 由 interpolate 填。
+  "popover.source.identity": "\uFF08{identity}\uFF09",
   "popover.total": "\u4F59\u989D",
   "popover.granted": "\u8D60\u9001",
   "popover.toppedUp": "\u5145\u503C",
@@ -94,9 +96,6 @@ var zh = {
   "settings.group.refresh": "\u5237\u65B0",
   "settings.group.display": "\u5C55\u793A",
   "settings.group.thresholds": "\u9608\u503C",
-  "settings.field.apiKey": "API Key",
-  "settings.field.apiKeyRef": "API \u5BC6\u94A5\u5F15\u7528\u540D",
-  "settings.field.baseUrl": "\u63A5\u53E3\u5730\u5740",
   "settings.field.serverRefreshSeconds": "\u670D\u52A1\u7AEF\u5237\u65B0\u9891\u7387\uFF08\u79D2\uFF09",
   "settings.field.clientPollSeconds": "\u5BA2\u6237\u7AEF\u8F6E\u8BE2\u9891\u7387\uFF08\u79D2\uFF09",
   "settings.field.manualRefreshCooldownSeconds": "\u624B\u52A8\u5237\u65B0\u51B7\u5374\uFF08\u79D2\uFF09",
@@ -105,8 +104,35 @@ var zh = {
   "settings.field.cnyCritical": "CNY \u544A\u6025",
   "settings.field.usdWarn": "USD \u9884\u8B66",
   "settings.field.usdCritical": "USD \u544A\u6025",
-  "settings.hint.apiKeyRef": "\u51ED\u636E\u5B58\u50A8\u91CC\u7684\u6761\u76EE\u540D\uFF1B\u975E\u7A7A\u65F6\u4F18\u5148\u4E8E API Key\u3002",
-  "settings.hint.baseUrl": "\u7559\u7A7A\u5219\u4F7F\u7528\u63D0\u4F9B\u65B9\u9ED8\u8BA4\u5730\u5740\u3002",
+  // ── 「连接」组：两条取数途径的只读状态 ──────────────────────────
+  // 措辞逐条对齐官方：账号那几句取自 ui-settings-account 的 signedIn / signedOut /
+  // profileUnavailable；密钥那几句取自 ui-settings-models 的 apiKeySet / apiKeyUnset。
+  // 官方那套词在 settings.account / settings.models 命名空间，别的插件拿不到，所以抄进来。
+  //
+  // **3.0 起这一段只剩两句话**：组级说明 + 每行第二行的「来历」。
+  // 状态徽章（已配置密钥。/ 未配置密钥。…）整套删了 —— 它与左边那盏灯说同一件事，
+  // 而「一个事实说两遍」正是本轮要消掉的东西。判据见 source-status.ts。
+  "settings.sources.title": "\u53D6\u6570\u9014\u5F84",
+  "settings.sources.key": "API Key",
+  "settings.sources.account": "\u8D26\u53F7\u767B\u5F55",
+  // 组级说明：一句替掉原来每行各一句的近义说明。
+  "settings.sources.groupNote": "\u4E24\u6761\u9014\u5F84\u90FD\u8DDF\u968F\u5B98\u65B9\uFF1A\u5BC6\u94A5\u7528\u5B98\u65B9\u6A21\u578B\u9875\u914D\u597D\u7684\u90A3\u4E00\u4EFD\uFF0C\u8D26\u53F7\u7528\u5BBF\u4E3B\u5DF2\u767B\u5F55\u7684\u90A3\u4E2A\u3002\u672C\u63D2\u4EF6\u4E0D\u81EA\u5DF1\u4FDD\u5B58\u51ED\u636E\u3002",
+  // 第二行的「来历」：这把凭据是从哪一层取到的。取值来自官方 describe() 的 source。
+  "settings.sources.sourceSaved": "\u53D6\u81EA\u5B98\u65B9\u6A21\u578B\u9875\u4FDD\u5B58\u7684\u51ED\u636E",
+  "settings.sources.sourceEnv": "\u53D6\u81EA\u542F\u52A8\u73AF\u5883\u53D8\u91CF {name}",
+  "settings.sources.sourceUnknown": "\u6765\u6E90\u672A\u786E\u8BA4",
+  // 账号那条唯一需要说出来的一句：那是**部署事实**，用户做什么都没用；
+  // 而整行留空会被读成「插件坏了」。未登录不说 —— 它是正常状态。
+  "settings.sources.accountNoService": "\u672C\u90E8\u7F72\u6CA1\u6709\u8D26\u53F7\u670D\u52A1\uFF0C\u8FD9\u6761\u9014\u5F84\u4E0D\u53EF\u7528\u3002",
+  // 测试。结果借每行右槽显示 4 秒（排在凭据身份**左边**，所以身份不会被顶掉），
+  // 所以文案要短。成败由**官方那对圆圈图标**表达（check-circle / close-circle），
+  // 不用 `✓` / `✗` 字符：字符的基线、字重、间距都跟着字体走，与旁边那行等宽掩码并排会歪。
+  "settings.test": "\u6D4B\u8BD5",
+  "settings.testing": "\u6B63\u5728\u6D4B\u8BD5\u2026",
+  "settings.test.ok": "{ms}ms",
+  "settings.test.noKey": "\u6CA1\u6709\u53EF\u7528\u51ED\u636E",
+  "settings.test.notSignedIn": "\u5C1A\u672A\u767B\u5F55",
+  "settings.test.fail": "\u8FDE\u63A5\u5931\u8D25\uFF1A{message}",
   "settings.hint.displayCurrency": "\u6240\u9009\u5E01\u79CD\u4E0D\u5B58\u5728\u65F6\uFF0C\u56DE\u843D\u5230\u8D26\u6237\u5B9E\u9645\u6301\u6709\u7684\u5E01\u79CD\u3002",
   "settings.hint.threshold": "\u540E\u7AEF\u5224\u5B9A\uFF1B\u754C\u9762\u989C\u8272\u8DDF\u968F\u8FD4\u56DE\u7684\u4E25\u91CD\u5EA6\u3002",
   "settings.hint.thresholdPair": "\u544A\u6025\u503C\u5FC5\u987B\u4F4E\u4E8E\u9884\u8B66\u503C",
@@ -114,18 +140,6 @@ var zh = {
   "settings.hint.clientPollSeconds": "\u5237\u65B0\u663E\u793A\u7684\u95F4\u9694\uFF1B\u6B63\u5E38\u65F6\u53EA\u8BFB\u7F13\u5B58\uFF0C\u8BFB\u4E0D\u5230\u65F6\u624D\u8BBF\u95EE\u4E0A\u6E38\u3002",
   "settings.hint.manualRefreshCooldownSeconds": "\u4E24\u6B21\u624B\u52A8\u5237\u65B0\u4E4B\u95F4\u7684\u6700\u77ED\u95F4\u9694\u3002",
   "settings.currency.auto": "\u81EA\u52A8\uFF08\u8DDF\u968F\u8D26\u6237\uFF09",
-  // 凭据行的**状态徽章**：两条逐字用官方措辞 —— 取自 ui-settings-plugins 的
-  // webSearchApiKeySet / webSearchApiKeyUnset（后者去掉搜索相关的后半句）。
-  "settings.credential.configured": "\u5DF2\u914D\u7F6E\u5BC6\u94A5\u3002",
-  "settings.credential.notConfigured": "\u672A\u914D\u7F6E\u5BC6\u94A5\u3002",
-  // 凭据行下方的说明。官方 webSearchApiKeyHint 是一句与状态无关的常量说明，这里照做：
-  // 状态由徽章交代，说明只讲字段契约。
-  "settings.hint.credential": "\u4E0D\u5199\u5165\u8BBE\u7F6E\u6587\u4EF6\u3002\u7559\u7A7A\u8868\u793A\u4FDD\u6301\u5F53\u524D\u5BC6\u94A5\u3002",
-  "settings.group.customized": "\u81EA\u5B9A\u4E49\u8BBE\u7F6E",
-  "settings.test": "\u6D4B\u8BD5\u8FDE\u63A5",
-  "settings.testing": "\u6D4B\u8BD5\u4E2D\u2026",
-  "settings.test.ok": "\u8FDE\u63A5\u6B63\u5E38\u3002",
-  "settings.test.fail": "\u8FDE\u63A5\u5931\u8D25\uFF1A{message}",
   "settings.save": "\u4FDD\u5B58",
   "settings.saving": "\u4FDD\u5B58\u4E2D\u2026",
   "settings.failed": "\u4FDD\u5B58\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5\u3002",
@@ -155,6 +169,7 @@ var en = {
   "popover.title": "Account balance",
   "popover.source.key": " (API key)",
   "popover.source.account": " (account sign-in)",
+  "popover.source.identity": " ({identity})",
   "popover.total": "Balance",
   "popover.granted": "Granted",
   "popover.toppedUp": "Topped up",
@@ -180,9 +195,6 @@ var en = {
   "settings.group.refresh": "Refresh",
   "settings.group.display": "Display",
   "settings.group.thresholds": "Thresholds",
-  "settings.field.apiKey": "API key",
-  "settings.field.apiKeyRef": "API key reference",
-  "settings.field.baseUrl": "Endpoint",
   "settings.field.serverRefreshSeconds": "Server refresh (seconds)",
   "settings.field.clientPollSeconds": "Client poll (seconds)",
   "settings.field.manualRefreshCooldownSeconds": "Manual refresh cooldown (seconds)",
@@ -191,8 +203,21 @@ var en = {
   "settings.field.cnyCritical": "CNY critical",
   "settings.field.usdWarn": "USD warning",
   "settings.field.usdCritical": "USD critical",
-  "settings.hint.apiKeyRef": "Credential store entry name; takes precedence over the API key.",
-  "settings.hint.baseUrl": "Leave blank to use the provider default.",
+  // 与 zh 逐条对应，理由写在 zh 那一段。
+  "settings.sources.title": "Balance sources",
+  "settings.sources.key": "API key",
+  "settings.sources.account": "Account sign-in",
+  "settings.sources.groupNote": "Both sources follow the official setup: the key comes from the official Models page, the account is the one signed in to the host. This plugin stores no credential of its own.",
+  "settings.sources.sourceSaved": "From the credential saved on the Models page",
+  "settings.sources.sourceEnv": "From the launch env var {name}",
+  "settings.sources.sourceUnknown": "Source unconfirmed",
+  "settings.sources.accountNoService": "This deployment ships no account service, so this source is unavailable.",
+  "settings.test": "Test",
+  "settings.testing": "Testing\u2026",
+  "settings.test.ok": "{ms}ms",
+  "settings.test.noKey": "No credential available",
+  "settings.test.notSignedIn": "Not signed in",
+  "settings.test.fail": "Connection failed: {message}",
   "settings.hint.displayCurrency": "Falls back to a currency the account actually holds.",
   "settings.hint.threshold": "Decided on the server; the UI colour follows the returned severity.",
   "settings.hint.thresholdPair": "Critical must be lower than warning",
@@ -200,14 +225,6 @@ var en = {
   "settings.hint.clientPollSeconds": "How often the display refreshes; cache-only while healthy.",
   "settings.hint.manualRefreshCooldownSeconds": "Minimum gap between two manual refreshes.",
   "settings.currency.auto": "Automatic (follow account)",
-  "settings.credential.configured": "A key is configured.",
-  "settings.credential.notConfigured": "No key is configured.",
-  "settings.hint.credential": "Stored outside the settings file. Leave blank to keep the current key.",
-  "settings.group.customized": "Customized settings",
-  "settings.test": "Test connection",
-  "settings.testing": "Testing\u2026",
-  "settings.test.ok": "Connection looks good.",
-  "settings.test.fail": "Connection failed: {message}",
   "settings.save": "Save",
   "settings.saving": "Saving\u2026",
   "settings.failed": "Saving failed. Try again.",
@@ -229,10 +246,85 @@ function interpolate(template, params) {
   );
 }
 
-// src/client/settings/fields.tsx
+// src/client/icons.ts
+var import_dsh_client_ui_primitives2 = require("@deepseek-ai/dsh-client-ui-primitives");
+
+// src/client/icons/currency.tsx
+var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+var import_jsx_runtime = require("react/jsx-runtime");
+function CurrencyOutlineIcon({ size = 14, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "svg",
+    {
+      width: size,
+      height: size,
+      className,
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      strokeWidth: import_dsh_client_ui_primitives.ICON_REGULAR_STROKE,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M4.6 3.4 8 7.6 11.4 3.4", stroke: "currentColor" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M8 7.6V12.6", stroke: "currentColor" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M5.6 9.1H10.4", stroke: "currentColor" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M5.6 11H10.4", stroke: "currentColor" })
+      ]
+    }
+  );
+}
+
+// src/client/icons.ts
+var GROUP_ICONS = {
+  connection: import_dsh_client_ui_primitives2.IconLinkOutlineRegular,
+  display: CurrencyOutlineIcon,
+  thresholds: import_dsh_client_ui_primitives2.IconWarningOutlineRegular,
+  refresh: import_dsh_client_ui_primitives2.IconRefreshOutlineRegular
+};
+var RESULT_ICONS = {
+  ok: import_dsh_client_ui_primitives2.IconCheckOutlineRegular,
+  fail: import_dsh_client_ui_primitives2.IconCloseOutlineRegular
+};
+var HEADER_CHEVRONS = {
+  closed: import_dsh_client_ui_primitives2.IconChevronDownOutlineRegular,
+  open: import_dsh_client_ui_primitives2.IconChevronUpOutlineRegular
+};
+var SELECTOR_ICON = import_dsh_client_ui_primitives2.IconChevronDownOutlineRegular;
+
+// src/client/settings/AccountAvatar.tsx
 var import_react = require("react");
 
-// node_modules/clsx/dist/clsx.mjs
+// src/client/settings/AccountAvatar.module.css
+var AccountAvatar_default = {
+  avatar: "AccountAvatar_avatar",
+  image: "AccountAvatar_image"
+};
+
+// src/client/settings/AccountAvatar.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function AccountAvatar({ url }) {
+  const [failed, setFailed] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    setFailed(false);
+  }, [url]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: AccountAvatar_default.avatar, children: url === null || failed ? null : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "img",
+    {
+      className: AccountAvatar_default.image,
+      src: url,
+      alt: "",
+      referrerPolicy: "no-referrer",
+      onError: () => {
+        setFailed(true);
+      }
+    }
+  ) });
+}
+
+// src/client/settings/fields.tsx
+var import_react2 = require("react");
+
+// node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {
   var t, f, n = "";
   if ("string" == typeof e || "number" == typeof e) n += e;
@@ -249,16 +341,35 @@ function clsx() {
 var clsx_default = clsx;
 
 // src/client/settings/fields.tsx
-var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+var import_dsh_client_ui_primitives3 = require("@deepseek-ai/dsh-client-ui-primitives");
 
 // src/client/settings/fields.module.css
 var fields_default = {
   group: "fields_group",
+  groupHead: "fields_groupHead",
+  groupLeading: "fields_groupLeading",
+  groupIcon: "fields_groupIcon",
+  groupChevronClosed: "fields_groupChevronClosed",
+  groupChevronOpen: "fields_groupChevronOpen",
+  groupTitle: "fields_groupTitle",
   groupLast: "fields_groupLast",
   groupNote: "fields_groupNote",
   fields: "fields_fields",
   details: "fields_details",
   detailsBody: "fields_detailsBody",
+  source: "fields_source",
+  sourceHead: "fields_sourceHead",
+  dot: "fields_dot",
+  dotOk: "fields_dotOk",
+  dotMissing: "fields_dotMissing",
+  sourceName: "fields_sourceName",
+  sourceSlot: "fields_sourceSlot",
+  sourceIdentity: "fields_sourceIdentity",
+  sourceLiveText: "fields_sourceLiveText",
+  sourceIdentityMono: "fields_sourceIdentityMono",
+  sourceLive: "fields_sourceLive",
+  sourceLiveIcon: "fields_sourceLiveIcon",
+  sourceDetail: "fields_sourceDetail",
   field: "fields_field",
   row: "fields_row",
   rowText: "fields_rowText",
@@ -280,27 +391,46 @@ var fields_default = {
   hint: "fields_hint",
   pairNote: "fields_pairNote",
   invalid: "fields_invalid",
-  actions: "fields_actions",
-  resultOk: "fields_resultOk",
-  resultFail: "fields_resultFail"
+  actions: "fields_actions"
 };
 
 // src/client/settings/fields.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 function FieldGroup(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_dsh_client_ui_primitives.DisclosureRow,
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    "div",
     {
       className: clsx_default(fields_default.group, props.last === true && fields_default.groupLast),
-      icon: props.icon,
-      title: props.title,
-      open: props.open,
-      expandable: true,
-      expandOnRowClick: true,
-      onToggle: props.onToggle,
+      "data-open": props.open || void 0,
       children: [
-        props.note === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: fields_default.groupNote, children: props.note }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: fields_default.fields, children: props.children })
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+          "div",
+          {
+            className: fields_default.groupHead,
+            "data-disclosure-row": true,
+            role: "button",
+            tabIndex: 0,
+            "aria-expanded": props.open,
+            onClick: props.onToggle,
+            onKeyDown: (event) => {
+              if (event.key !== "Enter" && event.key !== " ") return;
+              event.preventDefault();
+              props.onToggle();
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: fields_default.groupLeading, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: fields_default.groupIcon, children: props.icon }),
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(HEADER_CHEVRONS.closed, { className: fields_default.groupChevronClosed }),
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(HEADER_CHEVRONS.open, { className: fields_default.groupChevronOpen })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: fields_default.groupTitle, children: props.title })
+            ]
+          }
+        ),
+        props.open ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+          props.note === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: fields_default.groupNote, children: props.note }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: fields_default.fields, children: props.children })
+        ] }) : null
       ]
     }
   );
@@ -308,10 +438,10 @@ function FieldGroup(props) {
 function FieldBadges(props) {
   const status = props.status ?? null;
   if (status === null && !props.pending && !props.resettable) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: fields_default.badges, children: [
-    status === null ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Tag, { tone: status.tone, children: status.label }),
-    props.pending ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Tag, { tone: "neutral", children: props.pendingLabel }) : null,
-    props.resettable ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: fields_default.badges, children: [
+    status === null ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives3.Tag, { tone: status.tone, children: status.label }),
+    props.pending ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives3.Tag, { tone: "neutral", children: props.pendingLabel }) : null,
+    props.resettable ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       "button",
       {
         type: "button",
@@ -326,10 +456,10 @@ function FieldBadges(props) {
 function FieldFrame(props) {
   const note = props.invalid ? props.invalidNote ?? props.hint : props.hint;
   const hasNote = note !== void 0 && note !== null && note !== "";
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: fields_default.field, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: fields_default.head, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: fields_default.label, htmlFor: props.id, children: props.label }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: fields_default.field, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: fields_default.head, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("label", { className: fields_default.label, htmlFor: props.id, children: props.label }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         FieldBadges,
         {
           status: props.status ?? null,
@@ -343,12 +473,12 @@ function FieldFrame(props) {
       )
     ] }),
     props.children,
-    hasNote ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: props.invalid ? fields_default.invalid : fields_default.hint, children: note }) : null
+    hasNote ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: props.invalid ? fields_default.invalid : fields_default.hint, children: note }) : null
   ] });
 }
 function TextControl(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_dsh_client_ui_primitives.Input,
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_dsh_client_ui_primitives3.Input,
     {
       id: props.id,
       className: props.invalid ? fields_default.inputInvalid : void 0,
@@ -364,40 +494,55 @@ function TextControl(props) {
     }
   );
 }
-function ReadOnlyControl(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_dsh_client_ui_primitives.Input,
+function SourceRow(props) {
+  const live = props.live ?? null;
+  const identity = props.status.identity === "" ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "span",
     {
-      id: props.id,
-      className: fields_default.inputStatic,
-      type: "text",
-      value: "",
-      readOnly: true
+      className: clsx_default(fields_default.sourceIdentity, props.monoIdentity === true && fields_default.sourceIdentityMono),
+      title: props.status.identity,
+      children: props.status.identity
     }
   );
-}
-function DetailsGroup(props) {
-  const [open, setOpen] = (0, import_react.useState)(props.defaultOpen === true);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: fields_default.details, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_dsh_client_ui_primitives.DisclosureRow,
-    {
-      icon: null,
-      title: props.title,
-      open,
-      expandable: true,
-      expandOnRowClick: true,
-      onToggle: () => {
-        setOpen((value) => !value);
-      },
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: fields_default.detailsBody, children: props.children })
-    }
-  ) });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: fields_default.source, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: fields_default.sourceHead, children: [
+      props.leading === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "span",
+        {
+          className: clsx_default(fields_default.dot, props.status.tone === "ok" ? fields_default.dotOk : fields_default.dotMissing),
+          "aria-hidden": "true"
+        }
+      ) : props.leading,
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: fields_default.sourceName, children: props.label }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: fields_default.sourceSlot, children: [
+        live === null ? null : (
+          // 成功只是通报（polite）；失败要用户处理（assertive）。**不上色**，成败靠图标形状。
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "span",
+            {
+              className: fields_default.sourceLive,
+              role: live.kind === "busy" ? void 0 : live.ok ? "status" : "alert",
+              children: live.kind === "busy" ? (
+                // 官方原语的转圈：`ongoing` 是它唯一带运动的档。
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives3.StateDot, { state: "ongoing", size: 14 })
+              ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+                live.ok ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RESULT_ICONS.ok, { className: fields_default.sourceLiveIcon }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RESULT_ICONS.fail, { className: fields_default.sourceLiveIcon }),
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: fields_default.sourceLiveText, title: live.text, children: live.text })
+              ] })
+            }
+          )
+        ),
+        identity
+      ] })
+    ] }),
+    props.status.detail === "" ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: fields_default.sourceDetail, children: props.status.detail })
+  ] });
 }
 function SelectorControl(props) {
-  const [open, setOpen] = (0, import_react.useState)(false);
+  const [open, setOpen] = (0, import_react2.useState)(false);
   const selected = props.options.find((option) => option.id === props.selectedId);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_dsh_client_ui_primitives.Menu,
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_dsh_client_ui_primitives3.Menu,
     {
       open,
       onClose: () => {
@@ -412,7 +557,7 @@ function SelectorControl(props) {
       align: "end",
       portal: true,
       className: fields_default.selectorAnchor,
-      anchor: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      anchor: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
         "button",
         {
           id: props.id,
@@ -427,7 +572,7 @@ function SelectorControl(props) {
           },
           children: [
             selected?.label ?? "",
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.IconChevronDownOutlineRegular, { className: fields_default.selectorChevron })
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SELECTOR_ICON, { className: fields_default.selectorChevron })
           ]
         }
       )
@@ -435,24 +580,11 @@ function SelectorControl(props) {
   );
 }
 function ActionRow(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: fields_default.actions, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { type: "button", variant: "outline", disabled: props.disabled, onClick: props.onClick, children: props.label }) }),
-    props.result === null ? null : (
-      // 成功只是通报，用 polite 的 status；失败需要用户处理，按 06 §6.7 的「行内错误」用 alert。
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "p",
-        {
-          className: props.result.ok ? fields_default.resultOk : fields_default.resultFail,
-          role: props.result.ok ? "status" : "alert",
-          children: props.result.text
-        }
-      )
-    )
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: fields_default.actions, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives3.Button, { type: "button", variant: "outline", disabled: props.disabled, onClick: props.onClick, children: props.label }) });
 }
 
 // src/client/settings/use-config-form.ts
-var import_react2 = require("react");
+var import_react3 = require("react");
 function isTextSpec(spec) {
   return spec.kind === "text" || spec.kind === "secret" || spec.kind === "number";
 }
@@ -532,15 +664,6 @@ var CONFIG_FIELDS = [
 var SPEC_BY_FIELD = new Map(
   CONFIG_FIELDS.map((spec) => [spec.field, spec])
 );
-var TEST_LATENCY_MS = 800;
-function probeFailure(baseUrl, apiKey, apiKeyRef) {
-  const url = baseUrl.trim();
-  if (url !== "" && !/^https?:\/\//i.test(url))
-    return "base URL must start with http:// or https://";
-  if (apiKey.trim() === "" && apiKeyRef.trim() === "")
-    return "no API key or credential reference configured";
-  return null;
-}
 function isRecord(input) {
   return typeof input === "object" && input !== null && !Array.isArray(input);
 }
@@ -684,8 +807,8 @@ function fieldOf(snapshot, name, edit) {
   return fieldStateOf(snapshot, spec, edit);
 }
 function useConfigForm(form) {
-  const cacheRef = (0, import_react2.useRef)(null);
-  const readSnapshot = (0, import_react2.useCallback)(() => {
+  const cacheRef = (0, import_react3.useRef)(null);
+  const readSnapshot = (0, import_react3.useCallback)(() => {
     const raw = form.getSnapshot();
     const value = asRecord(raw.value);
     const user = asRecord(raw.user);
@@ -699,26 +822,15 @@ function useConfigForm(form) {
     cacheRef.current = { value, user, writable, available, snapshot: snapshot2 };
     return snapshot2;
   }, [form]);
-  const subscribe = (0, import_react2.useCallback)((listener) => form.subscribe(listener), [form]);
-  const snapshot = (0, import_react2.useSyncExternalStore)(subscribe, readSnapshot);
-  const [staged, setStaged] = (0, import_react2.useState)(() => /* @__PURE__ */ new Map());
-  const [saving, setSaving] = (0, import_react2.useState)(false);
-  const [failed, setFailed] = (0, import_react2.useState)(false);
-  const [blurred, setBlurred] = (0, import_react2.useState)(() => /* @__PURE__ */ new Set());
-  const savingRef = (0, import_react2.useRef)(false);
-  const [test, setTest] = (0, import_react2.useState)({ running: false, ok: null, message: "" });
-  const testTimerRef = (0, import_react2.useRef)(null);
-  const testRunningRef = (0, import_react2.useRef)(false);
-  (0, import_react2.useEffect)(
-    () => () => {
-      if (testTimerRef.current !== null) clearTimeout(testTimerRef.current);
-      testTimerRef.current = null;
-      testRunningRef.current = false;
-    },
-    []
-  );
-  const plan = (0, import_react2.useMemo)(() => planWrites(snapshot, staged), [snapshot, staged]);
-  const pairsInvalid = (0, import_react2.useMemo)(
+  const subscribe = (0, import_react3.useCallback)((listener) => form.subscribe(listener), [form]);
+  const snapshot = (0, import_react3.useSyncExternalStore)(subscribe, readSnapshot);
+  const [staged, setStaged] = (0, import_react3.useState)(() => /* @__PURE__ */ new Map());
+  const [saving, setSaving] = (0, import_react3.useState)(false);
+  const [failed, setFailed] = (0, import_react3.useState)(false);
+  const [blurred, setBlurred] = (0, import_react3.useState)(() => /* @__PURE__ */ new Set());
+  const savingRef = (0, import_react3.useRef)(false);
+  const plan = (0, import_react3.useMemo)(() => planWrites(snapshot, staged), [snapshot, staged]);
+  const pairsInvalid = (0, import_react3.useMemo)(
     () => THRESHOLD_PAIRS.some(
       (pair) => !thresholdsOk(
         pair,
@@ -729,7 +841,7 @@ function useConfigForm(form) {
     [snapshot, staged]
   );
   const invalid = plan.some((item) => item.write === void 0) || pairsInvalid;
-  const stage = (0, import_react2.useCallback)((field2, edit2) => {
+  const stage = (0, import_react3.useCallback)((field2, edit2) => {
     setStaged((current) => {
       const next = new Map(current);
       if (edit2 === null) next.delete(field2);
@@ -737,46 +849,30 @@ function useConfigForm(form) {
       return next;
     });
     setFailed(false);
-    if (testTimerRef.current !== null) {
-      clearTimeout(testTimerRef.current);
-      testTimerRef.current = null;
-    }
-    testRunningRef.current = false;
-    setTest(
-      (current) => current.running || current.ok !== null ? { running: false, ok: null, message: "" } : current
-    );
   }, []);
-  const edit = (0, import_react2.useCallback)(
+  const edit = (0, import_react3.useCallback)(
     (field2, text) => {
       stage(field2, { kind: "text", text });
     },
     [stage]
   );
-  const setValue = (0, import_react2.useCallback)(
+  const setValue = (0, import_react3.useCallback)(
     (field2, value) => {
       stage(field2, { kind: "value", value });
     },
     [stage]
   );
-  const resetField = (0, import_react2.useCallback)(
+  const resetField = (0, import_react3.useCallback)(
     (field2) => {
       stage(field2, { kind: "clear" });
     },
     [stage]
   );
-  const discard = (0, import_react2.useCallback)(() => {
+  const discard = (0, import_react3.useCallback)(() => {
     setStaged((current) => current.size === 0 ? current : /* @__PURE__ */ new Map());
     setFailed(false);
-    if (testTimerRef.current !== null) {
-      clearTimeout(testTimerRef.current);
-      testTimerRef.current = null;
-    }
-    testRunningRef.current = false;
-    setTest(
-      (current) => current.running || current.ok !== null ? { running: false, ok: null, message: "" } : current
-    );
   }, []);
-  const save = (0, import_react2.useCallback)(async () => {
+  const save = (0, import_react3.useCallback)(async () => {
     if (savingRef.current) return;
     const writes = planWrites(readSnapshot(), staged);
     if (writes.length === 0) return;
@@ -803,31 +899,11 @@ function useConfigForm(form) {
     if (landed) setStaged(/* @__PURE__ */ new Map());
     setFailed(!landed);
   }, [form, readSnapshot, staged]);
-  const runTest = (0, import_react2.useCallback)(() => {
-    if (testRunningRef.current) return;
-    const current = readSnapshot();
-    const draftOf = (field2) => {
-      const spec = SPEC_BY_FIELD.get(field2);
-      const edit2 = staged.get(field2);
-      if (edit2 !== void 0 && edit2.kind === "text") return edit2.text;
-      return spec !== void 0 && isTextSpec(spec) ? spec.format(current.value[field2]) : "";
-    };
-    const failure = probeFailure(draftOf("baseUrl"), draftOf("apiKey"), draftOf("apiKeyRef"));
-    testRunningRef.current = true;
-    setTest({ running: true, ok: null, message: "" });
-    testTimerRef.current = setTimeout(() => {
-      testTimerRef.current = null;
-      testRunningRef.current = false;
-      setTest(
-        failure === null ? { running: false, ok: true, message: "" } : { running: false, ok: false, message: failure }
-      );
-    }, TEST_LATENCY_MS);
-  }, [readSnapshot, staged]);
-  const field = (0, import_react2.useCallback)(
+  const field = (0, import_react3.useCallback)(
     (name) => fieldOf(snapshot, name, staged.get(name)),
     [snapshot, staged]
   );
-  const thresholdPairOk = (0, import_react2.useCallback)(
+  const thresholdPairOk = (0, import_react3.useCallback)(
     (currency) => {
       const pair = THRESHOLD_PAIRS.find((item) => item.currency === currency);
       if (pair === void 0) return true;
@@ -839,10 +915,10 @@ function useConfigForm(form) {
     },
     [snapshot, staged]
   );
-  const touch = (0, import_react2.useCallback)((name) => {
+  const touch = (0, import_react3.useCallback)((name) => {
     setBlurred((current) => current.has(name) ? current : new Set(current).add(name));
   }, []);
-  const touched = (0, import_react2.useCallback)((name) => blurred.has(name), [blurred]);
+  const touched = (0, import_react3.useCallback)((name) => blurred.has(name), [blurred]);
   return {
     state: {
       available: snapshot.available,
@@ -860,19 +936,25 @@ function useConfigForm(form) {
     save,
     thresholdPairOk,
     touched,
-    touch,
-    test,
-    runTest
+    touch
   };
 }
 
-// src/client/settings/use-credential-state.ts
-var import_react3 = require("react");
+// src/client/settings/use-sources.ts
+var import_react4 = require("react");
 
 // src/client/data.ts
 var BALANCE_PATH = "/api/v1/balance";
 var REFRESH_PATH = "/api/v1/balance/refresh";
-var CONFIG_PATH = "/api/v1/config";
+var SOURCES_PATH = "/api/v1/sources";
+var TEST_PATH = "/api/v1/test-connection";
+function unknownSources() {
+  return {
+    revision: -1,
+    key: { ref: "", configured: false, source: null, masked: "", tag8: "" },
+    account: { available: false, signedIn: false, name: null, avatarUrl: null, contact: null }
+  };
+}
 var UNREACHABLE_CODE = "PLUGIN_UNREACHABLE";
 function pendingView() {
   return {
@@ -880,6 +962,8 @@ function pendingView() {
     schemaVersion: 1,
     // 占位视图没有取数路可言；处境为 checking / offline 时界面都不渲染来源标签。
     source: "deepseek-http",
+    // 占位视图也就没有「哪一份凭据」可言；界面同样不渲染标签。
+    sourceIdentity: null,
     situation: "checking",
     state: "empty",
     stale: false,
@@ -924,23 +1008,6 @@ async function requestBalance(options) {
   });
   return await readJson(response, BALANCE_PATH);
 }
-function readCredential(value) {
-  if (typeof value !== "object" || value === null || Array.isArray(value)) return null;
-  const record = value;
-  if (typeof record.ref !== "string" || record.ref === "") return null;
-  return {
-    ref: record.ref,
-    configured: record.configured === true,
-    source: typeof record.source === "string" ? record.source : null,
-    writable: record.writable === true
-  };
-}
-async function requestConfig(options = {}) {
-  const fetchImpl = options.fetchImpl ?? ((input, init) => fetch(input, init));
-  const response = await fetchImpl(CONFIG_PATH, { headers: { accept: "application/json" } });
-  const body = await readJson(response, CONFIG_PATH);
-  return { ...body, credential: readCredential(body?.credential) };
-}
 async function requestRefresh(options = {}) {
   const fetchImpl = options.fetchImpl ?? ((input, init) => fetch(input, init));
   const response = await fetchImpl(REFRESH_PATH, {
@@ -953,27 +1020,122 @@ async function requestRefresh(options = {}) {
   });
   return await readJson(response, REFRESH_PATH);
 }
+function stringOrNull(value) {
+  return typeof value === "string" && value !== "" ? value : null;
+}
+function readKeySource(value) {
+  if (typeof value !== "object" || value === null || Array.isArray(value)) {
+    return unknownSources().key;
+  }
+  const record = value;
+  return {
+    ref: typeof record.ref === "string" ? record.ref : "",
+    configured: record.configured === true,
+    source: stringOrNull(record.source),
+    masked: typeof record.masked === "string" ? record.masked : "",
+    tag8: typeof record.tag8 === "string" ? record.tag8 : ""
+  };
+}
+function readAccountSource(value) {
+  if (typeof value !== "object" || value === null || Array.isArray(value)) {
+    return unknownSources().account;
+  }
+  const record = value;
+  return {
+    available: record.available === true,
+    signedIn: record.signedIn === true,
+    name: stringOrNull(record.name),
+    avatarUrl: stringOrNull(record.avatarUrl),
+    contact: stringOrNull(record.contact)
+  };
+}
+async function requestSources(options = {}) {
+  const fetchImpl = options.fetchImpl ?? ((input, init) => fetch(input, init));
+  const url = options.refresh === true ? `${SOURCES_PATH}?refresh=1` : SOURCES_PATH;
+  const response = await fetchImpl(url, { headers: { accept: "application/json" } });
+  const body = await readJson(response, SOURCES_PATH);
+  return {
+    revision: typeof body?.revision === "number" ? body.revision : -1,
+    key: readKeySource(body?.key),
+    account: readAccountSource(body?.account)
+  };
+}
+async function requestTest(source, options = {}) {
+  const fetchImpl = options.fetchImpl ?? ((input, init) => fetch(input, init));
+  const response = await fetchImpl(TEST_PATH, {
+    method: "POST",
+    headers: { "content-type": "application/json", accept: "application/json" },
+    body: JSON.stringify({ source })
+  });
+  const body = await readJson(response, TEST_PATH);
+  return { ...body, source };
+}
 
-// src/client/settings/use-credential-state.ts
-function credentialViewOf(credential, overridden) {
-  if (overridden) return "overridden";
-  if (credential?.writable !== true) return "env";
-  return credential.configured ? "configured" : "notConfigured";
-}
-function useCredentialState(ref) {
-  const [state, setState] = (0, import_react3.useState)(null);
-  (0, import_react3.useEffect)(() => {
-    let cancelled = false;
-    void requestConfig().then((body) => {
-      if (!cancelled) setState(body?.credential ?? null);
-    }).catch(() => {
-      if (!cancelled) setState(null);
-    });
+// src/client/settings/use-sources.ts
+function useSources(enabled) {
+  const [sources, setSources] = (0, import_react4.useState)(unknownSources);
+  const [loading, setLoading] = (0, import_react4.useState)(false);
+  const aliveRef = (0, import_react4.useRef)(true);
+  (0, import_react4.useEffect)(() => {
+    aliveRef.current = true;
     return () => {
-      cancelled = true;
+      aliveRef.current = false;
     };
-  }, [ref]);
-  return state;
+  }, []);
+  const load = (0, import_react4.useCallback)(async (force) => {
+    setLoading(true);
+    try {
+      const next = await requestSources(force ? { refresh: true } : {});
+      if (aliveRef.current) setSources(next);
+    } catch {
+    } finally {
+      if (aliveRef.current) setLoading(false);
+    }
+  }, []);
+  (0, import_react4.useEffect)(() => {
+    if (!enabled) return;
+    void load(false);
+  }, [enabled, load]);
+  (0, import_react4.useEffect)(() => {
+    if (!enabled) return;
+    const onFocus = () => {
+      void load(true);
+    };
+    window.addEventListener("focus", onFocus);
+    return () => {
+      window.removeEventListener("focus", onFocus);
+    };
+  }, [enabled, load]);
+  const refresh = (0, import_react4.useCallback)(async () => {
+    await load(true);
+  }, [load]);
+  return { sources, loading, refresh };
+}
+
+// src/client/settings/source-status.ts
+function keyStatusOf(key, t) {
+  if (!key.configured) return { tone: "missing", identity: "", detail: "" };
+  return {
+    tone: "ok",
+    identity: key.masked,
+    detail: sourceLabelOf(key, t)
+  };
+}
+function sourceLabelOf(key, t) {
+  if (key.source === "file") return t("settings.sources.sourceSaved");
+  if (key.source === null) return t("settings.sources.sourceUnknown");
+  return t("settings.sources.sourceEnv").replace("{name}", () => key.ref);
+}
+function accountStatusOf(account, t) {
+  if (!account.available) {
+    return { tone: "missing", identity: "", detail: t("settings.sources.accountNoService") };
+  }
+  if (!account.signedIn) return { tone: "missing", identity: "", detail: "" };
+  return {
+    tone: "ok",
+    identity: account.name ?? "",
+    detail: account.contact ?? ""
+  };
 }
 
 // src/client/settings/BalanceSettingsCard.module.css
@@ -981,38 +1143,27 @@ var BalanceSettingsCard_default = {
   form: "BalanceSettingsCard_form",
   readOnly: "BalanceSettingsCard_readOnly",
   footer: "BalanceSettingsCard_footer",
+  save: "BalanceSettingsCard_save",
   failed: "BalanceSettingsCard_failed",
   notice: "BalanceSettingsCard_notice"
 };
 
 // src/client/settings/BalanceSettingsCard.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var DEFAULT_API_KEY_REF = "DEEPSEEK_API_KEY";
-var CREDENTIAL_BADGE = {
-  // 官方那张卡右上角只有一句话：「已配置密钥。」——继承来的、自己填的、环境提供的都算配置好了。
-  // 四档判据留着，是因为「覆盖 / 未覆盖」决定二级折叠里那两个字段的状态；徽章本身不区分它们。
-  env: "settings.credential.configured",
-  configured: "settings.credential.configured",
-  notConfigured: "settings.credential.notConfigured",
-  overridden: "settings.credential.configured"
-};
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var RESULT_TTL_MS = 4e3;
 var DEFAULT_GROUP_OPEN = {
-  connection: false,
+  connection: true,
   display: false,
   thresholds: false,
   refresh: false
 };
 var GROUP_FIELDS = {
-  connection: ["apiKey", "apiKeyRef", "baseUrl"],
+  connection: [],
   display: ["displayCurrency"],
   thresholds: ["cnyWarn", "cnyCritical", "usdWarn", "usdCritical"],
   refresh: ["serverRefreshSeconds", "clientPollSeconds", "manualRefreshCooldownSeconds"]
 };
 var FIELD_IDS = {
-  apiKey: "ds-balance-api-key",
-  apiKeyRef: "ds-balance-api-key-ref",
-  apiKeyState: "ds-balance-api-key-state",
-  baseUrl: "ds-balance-base-url",
   serverRefreshSeconds: "ds-balance-server-refresh-seconds",
   clientPollSeconds: "ds-balance-client-poll-seconds",
   manualRefreshCooldownSeconds: "ds-balance-manual-refresh-cooldown-seconds",
@@ -1022,63 +1173,30 @@ var FIELD_IDS = {
   usdWarn: "ds-balance-usd-warn",
   usdCritical: "ds-balance-usd-critical"
 };
-function isFilled(value) {
-  if (value === void 0 || value === null) return false;
-  return typeof value !== "string" || value.trim() !== "";
-}
 function BalanceSettingsCard({ t, form: scopedForm }) {
   const form = useConfigForm(scopedForm);
-  const [groupOpen, setGroupOpen] = (0, import_react4.useState)(DEFAULT_GROUP_OPEN);
+  const [groupOpen, setGroupOpen] = (0, import_react5.useState)(DEFAULT_GROUP_OPEN);
+  const { available, writable, dirty, invalid, saving, failed } = form.state;
+  const disabled = !writable || saving;
+  const { sources, loading, refresh } = useSources(available);
+  const [testing, setTesting] = (0, import_react5.useState)(false);
+  const [outcomes, setOutcomes] = (0, import_react5.useState)(null);
+  const outcomeTimer = (0, import_react5.useRef)(null);
+  (0, import_react5.useEffect)(
+    () => () => {
+      if (outcomeTimer.current !== null) clearTimeout(outcomeTimer.current);
+      outcomeTimer.current = null;
+    },
+    []
+  );
   const toggleGroup = (key) => {
     setGroupOpen((current) => ({ ...current, [key]: !current[key] }));
   };
   const groupOpenNow = (key) => groupOpen[key] || GROUP_FIELDS[key].some((name) => form.field(name).invalid) || // 成对校验不是字段级 invalid，得单独问一次：否则收起的阈值组会挡住「保存为什么是灰的」。
   key === "thresholds" && THRESHOLD_PAIRS.some((pair) => !form.thresholdPairOk(pair.currency));
-  const { available, writable, dirty, invalid, saving, failed } = form.state;
-  const disabled = !writable || saving;
-  const credentialStatus = (name) => {
-    const state = form.field(name);
-    if (state.stored) return { label: t("settings.overridden"), tone: "neutral" };
-    if (isFilled(state.effective)) return { label: t("settings.configured"), tone: "neutral" };
-    return { label: t("settings.notConfigured"), tone: "quiet" };
-  };
-  const textRow = (name, labelKey, hintKey, withStatus) => {
-    const state = form.field(name);
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      FieldFrame,
-      {
-        id: FIELD_IDS[name] ?? name,
-        label: t(labelKey),
-        status: withStatus ? credentialStatus(name) : null,
-        pending: state.dirty,
-        resettable: state.overridden || state.dirty,
-        pendingLabel: t("settings.unsaved"),
-        resetLabel: t("settings.reset"),
-        invalid: state.invalid,
-        hint: t(hintKey),
-        disabled,
-        onReset: () => {
-          form.resetField(name);
-        },
-        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          TextControl,
-          {
-            id: FIELD_IDS[name] ?? name,
-            text: state.text,
-            numeric: false,
-            invalid: state.invalid,
-            disabled,
-            onEdit: (text) => {
-              form.edit(name, text);
-            }
-          }
-        )
-      }
-    );
-  };
   const numberRow = (name, labelKey, hintKey, note) => {
     const state = form.field(name);
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
       FieldFrame,
       {
         id: FIELD_IDS[name] ?? name,
@@ -1095,7 +1213,7 @@ function BalanceSettingsCard({ t, form: scopedForm }) {
           form.resetField(name);
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
             TextControl,
             {
               id: FIELD_IDS[name] ?? name,
@@ -1121,40 +1239,20 @@ function BalanceSettingsCard({ t, form: scopedForm }) {
     if (pair === void 0 || form.thresholdPairOk(currency2)) return null;
     const drafting = form.field(pair.warn).dirty || form.field(pair.critical).dirty;
     if (drafting && !form.touched(pair.warn) && !form.touched(pair.critical)) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: fields_default.pairNote, role: "alert", children: t("settings.hint.thresholdPair") });
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: fields_default.pairNote, role: "alert", children: t("settings.hint.thresholdPair") });
   };
-  const apiKey = form.field("apiKey");
-  const apiKeyRef = form.field("apiKeyRef");
-  const effectiveRef = typeof apiKeyRef.effective === "string" && apiKeyRef.effective !== "" ? apiKeyRef.effective : DEFAULT_API_KEY_REF;
-  const credential = useCredentialState(effectiveRef);
-  const credentialView = credentialViewOf(credential, apiKey.stored || apiKeyRef.stored);
   const currency = form.field("displayCurrency");
   const currencyId = typeof currency.value === "string" && currency.value !== "" ? currency.value : AUTO_CURRENCY;
   const currencyOptions = [
     { id: AUTO_CURRENCY, label: t("settings.currency.auto") },
     ...currencyCodes(currency.value, currency.effective).map((code) => ({ id: code, label: code }))
   ];
-  const currencyRow = /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: fields_default.row, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: fields_default.rowText, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: fields_default.rowTitleLine, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: fields_default.rowTitle, children: t("settings.field.displayCurrency") }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          FieldBadges,
-          {
-            pending: currency.dirty,
-            resettable: currency.dirty,
-            pendingLabel: t("settings.unsaved"),
-            resetLabel: t("settings.reset"),
-            disabled,
-            onReset: () => {
-              form.resetField("displayCurrency");
-            }
-          }
-        )
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: fields_default.hint, children: t("settings.hint.displayCurrency") })
+  const currencyRow = /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: fields_default.row, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: fields_default.rowText, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: fields_default.rowTitleLine, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: fields_default.rowTitle, children: t("settings.field.displayCurrency") }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: fields_default.hint, children: t("settings.hint.displayCurrency") })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       SelectorControl,
       {
         id: FIELD_IDS.displayCurrency ?? "displayCurrency",
@@ -1168,62 +1266,113 @@ function BalanceSettingsCard({ t, form: scopedForm }) {
       }
     )
   ] });
-  const testResult = form.test.ok === null ? null : form.test.ok ? { ok: true, text: t("settings.test.ok") } : { ok: false, text: interpolate(t("settings.test.fail"), { message: form.test.message }) };
+  const runTest = () => {
+    if (testing) return;
+    setTesting(true);
+    setOutcomes(null);
+    if (outcomeTimer.current !== null) clearTimeout(outcomeTimer.current);
+    void (async () => {
+      const [keyResult, accountResult] = await Promise.all([
+        runOne("deepseek-http"),
+        runOne("deepseek-account")
+      ]);
+      setOutcomes(
+        /* @__PURE__ */ new Map([
+          ["key", keyResult],
+          ["account", accountResult]
+        ])
+      );
+      setTesting(false);
+      outcomeTimer.current = setTimeout(() => {
+        outcomeTimer.current = null;
+        setOutcomes(null);
+      }, RESULT_TTL_MS);
+      await refresh();
+    })();
+  };
+  const runOne = async (source) => {
+    try {
+      const result = await requestTest(source);
+      if (result.ok) {
+        return {
+          ok: true,
+          text: t("settings.test.ok").replace("{ms}", () => String(result.latencyMs))
+        };
+      }
+      if (result.code === "NO_KEY") {
+        return {
+          ok: false,
+          text: source === "deepseek-account" ? t("settings.test.notSignedIn") : t("settings.test.noKey")
+        };
+      }
+      return {
+        ok: false,
+        text: interpolate(t("settings.test.fail"), {
+          message: result.message ?? result.code ?? ""
+        })
+      };
+    } catch {
+      return { ok: false, text: interpolate(t("settings.test.fail"), { message: "unreachable" }) };
+    }
+  };
+  const liveOf = (row) => {
+    if (testing) return { kind: "busy" };
+    const outcome = outcomes?.get(row);
+    if (outcome === void 0) return null;
+    return { kind: "result", ok: outcome.ok, text: outcome.text };
+  };
   const footerNote = failed ? { text: t("settings.failed"), className: BalanceSettingsCard_default.failed } : invalid ? { text: t("settings.invalid"), className: BalanceSettingsCard_default.notice } : null;
   if (!available) return null;
+  const keyStatus = keyStatusOf(sources.key, t);
+  const accountStatus = accountStatusOf(sources.account, t);
   return (
     // 页面把这一格渲染在自己的 <section> 里：无外框的一列控件，所以根节点是 div、不是 li。
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: BalanceSettingsCard_default.form, children: [
-      writable ? null : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: BalanceSettingsCard_default.readOnly, role: "status", children: t("settings.readOnly") }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: BalanceSettingsCard_default.form, children: [
+      writable ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: BalanceSettingsCard_default.readOnly, role: "status", children: t("settings.readOnly") }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
         FieldGroup,
         {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.IconApiOutlineRegular, { size: 14 }),
+          icon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(GROUP_ICONS.connection, { size: 14 }),
           title: t("settings.group.connection"),
+          note: t("settings.sources.groupNote"),
           open: groupOpenNow("connection"),
           onToggle: () => {
             toggleGroup("connection");
           },
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-              FieldFrame,
+          children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: fields_default.fields, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              SourceRow,
+              {
+                label: t("settings.sources.key"),
+                status: keyStatus,
+                live: liveOf("key"),
+                monoIdentity: true
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              SourceRow,
               {
-                id: FIELD_IDS.apiKeyState ?? "apiKeyState",
-                label: t("settings.field.apiKey"),
-                status: {
-                  label: t(CREDENTIAL_BADGE[credentialView]),
-                  tone: credentialView === "notConfigured" ? "quiet" : "neutral"
-                },
-                pending: false,
-                resettable: false,
-                pendingLabel: t("settings.unsaved"),
-                resetLabel: t("settings.reset"),
-                invalid: false,
-                hint: t("settings.hint.credential"),
-                disabled: true,
-                onReset: () => {
-                },
-                children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ReadOnlyControl, { id: FIELD_IDS.apiKeyState ?? "apiKeyState" })
+                label: t("settings.sources.account"),
+                status: accountStatus,
+                live: liveOf("account"),
+                ...sources.account.signedIn ? { leading: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AccountAvatar, { url: sources.account.avatarUrl }) } : {}
               }
             ),
-            textRow("baseUrl", "settings.field.baseUrl", "settings.hint.baseUrl", false),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: fields_default.field, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: fields_default.field, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
               ActionRow,
               {
-                label: form.test.running ? t("settings.testing") : t("settings.test"),
-                disabled: disabled || form.test.running,
-                result: testResult,
-                onClick: form.runTest
+                label: testing ? t("settings.testing") : t("settings.test"),
+                disabled: disabled || testing || loading,
+                onClick: runTest
               }
-            ) }, "test"),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DetailsGroup, { title: t("settings.group.customized"), children: textRow("apiKeyRef", "settings.field.apiKeyRef", "settings.hint.apiKeyRef", true) })
-          ]
+            ) })
+          ] })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
         FieldGroup,
         {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.IconGlobeOutlineRegular, { size: 14 }),
+          icon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(GROUP_ICONS.display, { size: 14 }),
           title: t("settings.group.display"),
           open: groupOpenNow("display"),
           onToggle: () => {
@@ -1232,10 +1381,10 @@ function BalanceSettingsCard({ t, form: scopedForm }) {
           children: currencyRow
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
         FieldGroup,
         {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.IconWarningOutlineRegular, { size: 14 }),
+          icon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(GROUP_ICONS.thresholds, { size: 14 }),
           title: t("settings.group.thresholds"),
           note: t("settings.hint.threshold"),
           open: groupOpenNow("thresholds"),
@@ -1250,10 +1399,10 @@ function BalanceSettingsCard({ t, form: scopedForm }) {
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
         FieldGroup,
         {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.IconRefreshOutlineRegular, { size: 14 }),
+          icon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(GROUP_ICONS.refresh, { size: 14 }),
           title: t("settings.group.refresh"),
           note: t("settings.hint.refreshAdvanced"),
           open: groupOpenNow("refresh"),
@@ -1280,13 +1429,13 @@ function BalanceSettingsCard({ t, form: scopedForm }) {
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: BalanceSettingsCard_default.footer, children: [
-        footerNote === null ? null : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: footerNote.className, role: "status", children: footerNote.text }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          import_dsh_client_ui_primitives2.Button,
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: BalanceSettingsCard_default.footer, children: [
+        footerNote === null ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: footerNote.className, role: "status", children: footerNote.text }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          "button",
           {
             type: "button",
-            variant: "primary",
+            className: BalanceSettingsCard_default.save,
             disabled: !dirty || invalid || saving || !writable,
             onClick: () => {
               void form.save();
@@ -1300,9 +1449,9 @@ function BalanceSettingsCard({ t, form: scopedForm }) {
 }
 
 // src/client/sidebar/SidebarBalance.tsx
-var import_react5 = require("react");
+var import_react6 = require("react");
 var import_react_dom = require("react-dom");
-var import_dsh_client_ui_primitives4 = require("@deepseek-ai/dsh-client-ui-primitives");
+var import_dsh_client_ui_primitives5 = require("@deepseek-ai/dsh-client-ui-primitives");
 
 // src/client/model.ts
 function dotStateOf(severity) {
@@ -1404,6 +1553,12 @@ function sourceLabelKeyOf(source) {
   if (source === "deepseek-account") return "popover.source.account";
   return null;
 }
+function sourceIdentityOf(response) {
+  const value = response.sourceIdentity;
+  if (typeof value !== "string") return null;
+  const trimmed = value.trim();
+  return trimmed === "" ? null : trimmed;
+}
 function cooldownUntilOf(now, configuredSeconds, rejectedRemainingMs) {
   const span = rejectedRemainingMs === null ? Math.max(0, configuredSeconds) * MS_PER_SECOND : Math.max(0, rejectedRemainingMs);
   return now + span;
@@ -1572,6 +1727,8 @@ function make(patch) {
     requestId: "req_mock",
     schemaVersion: 1,
     source: "deepseek-http",
+    // 与后端同形：Key 那条路回首页片段掩码，账号那条路回账号名（下面 account 场景覆写）。
+    sourceIdentity: "sk-c08d*****3b84",
     situation: "ok",
     state: "ok",
     stale: false,
@@ -1592,7 +1749,7 @@ var scenarios = {
   /** 正常。 */
   ok: make({}),
   /** 正常，但数字来自账号登录那条路（用来眼看「来源标签」）。 */
-  account: make({ source: "deepseek-account" }),
+  account: make({ source: "deepseek-account", sourceIdentity: "\u5F20\u4E09" }),
   /** 余额偏低但可用。 */
   warn: make({
     situation: "low",
@@ -1848,7 +2005,7 @@ function createConfigSlotProbe(options = {}) {
 }
 
 // src/client/sidebar/BalancePopover.tsx
-var import_dsh_client_ui_primitives3 = require("@deepseek-ai/dsh-client-ui-primitives");
+var import_dsh_client_ui_primitives4 = require("@deepseek-ai/dsh-client-ui-primitives");
 
 // src/client/sidebar/BalancePopover.module.css
 var BalancePopover_default = {
@@ -1871,7 +2028,7 @@ var BalancePopover_default = {
 };
 
 // src/client/sidebar/BalancePopover.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var BALANCE_PLACEHOLDER = "--";
 var AGE_UNIT = {
   seconds: "second",
@@ -1927,7 +2084,7 @@ function BalancePopover(props) {
   const pluginsLabel = t(
     pluginsAction?.reachesConfig === true ? "popover.action.openPluginConfig" : "popover.action.openPlugins"
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
     "section",
     {
       ref: panelRef,
@@ -1936,9 +2093,9 @@ function BalancePopover(props) {
       role: "dialog",
       "aria-label": t("popover.title"),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: BalancePopover_default.title, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: BalancePopover_default.titleMain, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: BalancePopover_default.title, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: BalancePopover_default.titleMain, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
               "a",
               {
                 className: BalancePopover_default.titleLabel,
@@ -1946,37 +2103,37 @@ function BalancePopover(props) {
                 target: "_blank",
                 rel: "noopener noreferrer",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives3.FishLogo, { size: 14 }),
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dsh_client_ui_primitives4.FishLogo, { size: 14 }),
                   t("popover.title")
                 ]
               }
             ),
-            sourceLabel === null ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: BalancePopover_default.sourceLabel, children: sourceLabel })
+            sourceLabel === null ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: BalancePopover_default.sourceLabel, title: sourceLabel, children: sourceLabel })
           ] }),
-          pluginsAction === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives3.Tooltip, { label: pluginsLabel, side: "top", delayMs: 500, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          pluginsAction === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dsh_client_ui_primitives4.Tooltip, { label: pluginsLabel, side: "top", delayMs: 500, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             "button",
             {
               type: "button",
               className: BalancePopover_default.iconButton,
               "aria-label": pluginsLabel,
               onClick: pluginsAction.open,
-              children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives3.IconPluginPinwheelOutlineRegular, { size: 16 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dsh_client_ui_primitives4.IconPluginPinwheelOutlineRegular, { size: 16 })
             }
           ) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: BalancePopover_default.titleRule, "aria-hidden": true }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("dl", { className: BalancePopover_default.details, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dt", { children: t("popover.total") }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dd", { children: totalText }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dt", { children: t("popover.granted") }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dd", { children: grantedText }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dt", { children: t("popover.toppedUp") }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dd", { children: toppedUpText })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: BalancePopover_default.titleRule, "aria-hidden": true }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("dl", { className: BalancePopover_default.details, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("dt", { children: t("popover.total") }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("dd", { children: totalText }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("dt", { children: t("popover.granted") }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("dd", { children: grantedText }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("dt", { children: t("popover.toppedUp") }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("dd", { children: toppedUpText })
         ] }),
-        shown !== null && !selection.matchesPreference ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: BalancePopover_default.notice, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: BalancePopover_default.noticeText, children: interpolate(t("popover.mismatch"), { wanted: displayCurrency, shown: shown.currency }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: BalancePopover_default.noticeActions, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-            import_dsh_client_ui_primitives3.Button,
+        shown !== null && !selection.matchesPreference ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: BalancePopover_default.notice, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: BalancePopover_default.noticeText, children: interpolate(t("popover.mismatch"), { wanted: displayCurrency, shown: shown.currency }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: BalancePopover_default.noticeActions, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            import_dsh_client_ui_primitives4.Button,
             {
               size: "sm",
               variant: "outline",
@@ -1986,11 +2143,11 @@ function BalancePopover(props) {
             }
           ) })
         ] }) : null,
-        configSlotWarning === null ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: BalancePopover_default.notice, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: BalancePopover_default.noticeText, children: configSlotWarning }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: BalancePopover_default.footer, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: BalancePopover_default.updated, children: updatedText }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: BalancePopover_default.status, role: "status", children: statusText }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives3.Tooltip, { label: refreshLabel, side: "top", delayMs: 500, disabled: refreshing || cooling, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        configSlotWarning === null ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: BalancePopover_default.notice, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: BalancePopover_default.noticeText, children: configSlotWarning }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: BalancePopover_default.footer, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: BalancePopover_default.updated, children: updatedText }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: BalancePopover_default.status, role: "status", children: statusText }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dsh_client_ui_primitives4.Tooltip, { label: refreshLabel, side: "top", delayMs: 500, disabled: refreshing || cooling, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             "button",
             {
               type: "button",
@@ -2000,7 +2157,7 @@ function BalancePopover(props) {
               "data-refreshing": refreshing || void 0,
               "data-cooling": cooling || void 0,
               onClick: onRefresh,
-              children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives3.IconRefreshOutlineRegular, { size: 16 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dsh_client_ui_primitives4.IconRefreshOutlineRegular, { size: 16 })
             }
           ) })
         ] })
@@ -2020,7 +2177,7 @@ var PercentRing_default = {
 };
 
 // src/client/sidebar/PercentRing.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var VIEW = 16;
 var STROKE = 1;
 var RING_INSET = 1;
@@ -2042,7 +2199,7 @@ function PercentRing({
   title
 }) {
   const clamped = Number.isFinite(ratio) ? Math.min(1, Math.max(0, ratio)) : 1;
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     "svg",
     {
       className: PercentRing_default.ring,
@@ -2053,9 +2210,9 @@ function PercentRing({
       "aria-hidden": "true",
       focusable: "false",
       children: [
-        title === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("title", { children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { className: PercentRing_default.track, cx: CENTER, cy: CENTER, r: RADIUS }),
-        state === "ongoing" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("g", { className: PercentRing_default.spin, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        title === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("title", { children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { className: PercentRing_default.track, cx: CENTER, cy: CENTER, r: RADIUS }),
+        state === "ongoing" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("g", { className: PercentRing_default.spin, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           "circle",
           {
             className: PercentRing_default.fill,
@@ -2069,7 +2226,7 @@ function PercentRing({
           /* dash 取弧长、gap 取整周长，于是只画出一条弧；rotate 让接缝落在 12 点而不是 3 点
              （中心跟着 VIEW 走，16 格时是 rotate(-90 8 8)）。
              比例为 0 时整条弧不画：dash 长度为 0 配上圆头线帽会在 12 点留下一个点。 */
-          clamped === 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          clamped === 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             "circle",
             {
               className: PercentRing_default.fill,
@@ -2081,8 +2238,8 @@ function PercentRing({
             }
           )
         ),
-        marker === null ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("g", { className: PercentRing_default.marker, children: marker === "cross" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        marker === null ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("g", { className: PercentRing_default.marker, children: marker === "cross" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             "line",
             {
               x1: CENTER - MARK_ARM,
@@ -2091,7 +2248,7 @@ function PercentRing({
               y2: CENTER + MARK_ARM
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             "line",
             {
               x1: CENTER + MARK_ARM,
@@ -2100,9 +2257,9 @@ function PercentRing({
               y2: CENTER + MARK_ARM
             }
           )
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("line", { x1: CENTER, y1: CENTER - MARK_ARM, x2: CENTER, y2: CENTER + MARK_ARM }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("line", { x1: CENTER - MARK_ARM, y1: CENTER, x2: CENTER + MARK_ARM, y2: CENTER })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("line", { x1: CENTER, y1: CENTER - MARK_ARM, x2: CENTER, y2: CENTER + MARK_ARM }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("line", { x1: CENTER - MARK_ARM, y1: CENTER, x2: CENTER + MARK_ARM, y2: CENTER })
         ] }) })
       ]
     }
@@ -2119,7 +2276,7 @@ var SidebarBalance_default = {
 };
 
 // src/client/sidebar/SidebarBalance.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var REFRESH_SIMULATION_MS = 600;
 var PANEL_GAP = 8;
 var PANEL_MARGIN = 12;
@@ -2127,8 +2284,8 @@ var MEASURE_STYLE = { visibility: "hidden", left: 0, top: 0 };
 var MS_PER_SECOND2 = 1e3;
 var TICK_MS = MS_PER_SECOND2;
 function useConfigSlotState(probe) {
-  const [state, setState] = (0, import_react5.useState)(() => probe.getSnapshot());
-  (0, import_react5.useEffect)(() => {
+  const [state, setState] = (0, import_react6.useState)(() => probe.getSnapshot());
+  (0, import_react6.useEffect)(() => {
     setState(probe.getSnapshot());
     return probe.subscribe(() => {
       setState(probe.getSnapshot());
@@ -2137,8 +2294,8 @@ function useConfigSlotState(probe) {
   return state;
 }
 function usePluginsNavigation(navigation) {
-  const [action, setAction] = (0, import_react5.useState)(() => navigation?.getSnapshot());
-  (0, import_react5.useEffect)(() => {
+  const [action, setAction] = (0, import_react6.useState)(() => navigation?.getSnapshot());
+  (0, import_react6.useEffect)(() => {
     if (navigation === void 0) {
       setAction(void 0);
       return;
@@ -2154,8 +2311,8 @@ function ringSpecFor(presentation) {
   return { state: presentation.ring, marker: presentation.marker };
 }
 function useRouteProvider(hint) {
-  const [provider, setProvider] = (0, import_react5.useState)(() => hint?.getSnapshot());
-  (0, import_react5.useEffect)(() => {
+  const [provider, setProvider] = (0, import_react6.useState)(() => hint?.getSnapshot());
+  (0, import_react6.useEffect)(() => {
     if (hint === void 0) {
       setProvider(void 0);
       return;
@@ -2176,35 +2333,35 @@ function SidebarBalance({
   pluginsNavigation,
   routeHint
 }) {
-  const [view, setView] = (0, import_react5.useState)(() => {
+  const [view, setView] = (0, import_react6.useState)(() => {
     const response2 = resolveScenario() === null ? pendingView() : currentBalance();
     return { response: response2, seenAt: Date.now(), seenAgeMs: response2.ageMs };
   });
   const response = view.response;
-  const [mock, setMock] = (0, import_react5.useState)(() => resolveScenario() !== null);
-  const loadedRef = (0, import_react5.useRef)(false);
-  const [open, setOpen] = (0, import_react5.useState)(false);
-  const [refreshing, setRefreshing] = (0, import_react5.useState)(false);
-  const [cooldownUntil, setCooldownUntil] = (0, import_react5.useState)(0);
-  const [now, setNow] = (0, import_react5.useState)(() => Date.now());
+  const [mock, setMock] = (0, import_react6.useState)(() => resolveScenario() !== null);
+  const loadedRef = (0, import_react6.useRef)(false);
+  const [open, setOpen] = (0, import_react6.useState)(false);
+  const [refreshing, setRefreshing] = (0, import_react6.useState)(false);
+  const [cooldownUntil, setCooldownUntil] = (0, import_react6.useState)(0);
+  const [now, setNow] = (0, import_react6.useState)(() => Date.now());
   const provider = useRouteProvider(routeHint);
-  const rootRef = (0, import_react5.useRef)(null);
-  const panelRef = (0, import_react5.useRef)(null);
-  const refreshTimer = (0, import_react5.useRef)(void 0);
-  const lastScenario = (0, import_react5.useRef)(null);
-  const acceptBalance = (0, import_react5.useCallback)((next) => {
+  const rootRef = (0, import_react6.useRef)(null);
+  const panelRef = (0, import_react6.useRef)(null);
+  const refreshTimer = (0, import_react6.useRef)(void 0);
+  const lastScenario = (0, import_react6.useRef)(null);
+  const acceptBalance = (0, import_react6.useCallback)((next) => {
     setView({ response: next, seenAt: Date.now(), seenAgeMs: next.ageMs });
   }, []);
-  const showUnreachable = (0, import_react5.useCallback)((error) => {
+  const showUnreachable = (0, import_react6.useCallback)((error) => {
     const message = error instanceof Error ? error.message : String(error);
     setView((current) => ({ ...current, response: unreachableView(message) }));
   }, []);
-  const markFresh = (0, import_react5.useCallback)(() => {
+  const markFresh = (0, import_react6.useCallback)(() => {
     setView((current) => ({ ...current, seenAt: Date.now(), seenAgeMs: 0 }));
   }, []);
   const preference = config.displayCurrency;
-  const selection = (0, import_react5.useMemo)(() => selectionOf(response, preference), [response, preference]);
-  (0, import_react5.useEffect)(
+  const selection = (0, import_react6.useMemo)(() => selectionOf(response, preference), [response, preference]);
+  (0, import_react6.useEffect)(
     () => subscribeScenario((key) => {
       const active = resolveScenario() !== null;
       setMock(active);
@@ -2217,7 +2374,7 @@ function SidebarBalance({
     }),
     [acceptBalance]
   );
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (mock) return;
     let cancelled = false;
     const load = async () => {
@@ -2251,19 +2408,19 @@ function SidebarBalance({
     acceptBalance,
     showUnreachable
   ]);
-  (0, import_react5.useEffect)(
+  (0, import_react6.useEffect)(
     () => () => {
       if (refreshTimer.current !== void 0) window.clearTimeout(refreshTimer.current);
     },
     []
   );
-  const closeNow = (0, import_react5.useCallback)(() => {
+  const closeNow = (0, import_react6.useCallback)(() => {
     setOpen(false);
   }, []);
-  const toggleOpen = (0, import_react5.useCallback)(() => {
+  const toggleOpen = (0, import_react6.useCallback)(() => {
     setOpen((value) => !value);
   }, []);
-  const pos = (0, import_dsh_client_ui_primitives4.useAnchoredPosition)({
+  const pos = (0, import_dsh_client_ui_primitives5.useAnchoredPosition)({
     open,
     anchorRef: rootRef,
     panelRef,
@@ -2271,11 +2428,11 @@ function SidebarBalance({
     gap: PANEL_GAP,
     margin: PANEL_MARGIN
   });
-  (0, import_react5.useLayoutEffect)(() => {
+  (0, import_react6.useLayoutEffect)(() => {
     if (!open) return;
     setNow(Date.now());
   }, [open]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (!open) return;
     const id = window.setInterval(() => {
       setNow(Date.now());
@@ -2284,7 +2441,7 @@ function SidebarBalance({
       window.clearInterval(id);
     };
   }, [open]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (cooldownUntil === 0) return;
     const remaining = cooldownUntil - Date.now();
     if (remaining <= 0) return;
@@ -2295,7 +2452,7 @@ function SidebarBalance({
       window.clearTimeout(id);
     };
   }, [cooldownUntil]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (!open) return;
     const onKeyDown = (event) => {
       if (event.key === "Escape") closeNow();
@@ -2305,8 +2462,8 @@ function SidebarBalance({
       document.removeEventListener("keydown", onKeyDown);
     };
   }, [open, closeNow]);
-  (0, import_dsh_client_ui_primitives4.useDismissOnOutsidePointer)(rootRef, open, setOpen, panelRef);
-  const handleRefresh = (0, import_react5.useCallback)(() => {
+  (0, import_dsh_client_ui_primitives5.useDismissOnOutsidePointer)(rootRef, open, setOpen, panelRef);
+  const handleRefresh = (0, import_react6.useCallback)(() => {
     if (refreshing) return;
     if (Date.now() < cooldownUntil) return;
     setRefreshing(true);
@@ -2351,13 +2508,13 @@ function SidebarBalance({
     showUnreachable,
     markFresh
   ]);
-  const handleUseShown = (0, import_react5.useCallback)(() => {
+  const handleUseShown = (0, import_react6.useCallback)(() => {
     const current = selection.shown;
     if (current === null) return;
     void onSelectCurrency(current.currency);
   }, [selection, onSelectCurrency]);
   const pluginsAction = usePluginsNavigation(pluginsNavigation);
-  const popoverPluginsAction = (0, import_react5.useMemo)(
+  const popoverPluginsAction = (0, import_react6.useMemo)(
     () => pluginsAction === void 0 ? void 0 : {
       reachesConfig: pluginsAction.reachesConfig,
       open: () => {
@@ -2395,10 +2552,11 @@ function SidebarBalance({
   const ariaLabel = ariaParts.join(" ");
   const cooldownSeconds = cooldownSecondsOf(cooldownUntil, now);
   const sourceKey = shown === null ? null : sourceLabelKeyOf(response.source);
-  const sourceLabel = sourceKey === null ? null : t(sourceKey);
+  const sourceIdentity = shown === null ? null : sourceIdentityOf(response);
+  const sourceLabel = shown === null ? null : sourceIdentity !== null ? interpolate(t("popover.source.identity"), { identity: sourceIdentity }) : sourceKey === null ? null : t(sourceKey);
   const ageMs = currentAgeMs(view.seenAt, view.seenAgeMs, now);
   const hoverText = hoverTextOf(shown, stateText);
-  const trigger = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  const trigger = /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "button",
     {
       type: "button",
@@ -2406,11 +2564,11 @@ function SidebarBalance({
       "aria-label": ariaLabel,
       "aria-expanded": open,
       onClick: toggleOpen,
-      children: wide ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: SidebarBalance_default.icon, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PercentRing, { state: ring.state, marker: ring.marker, ratio: ringRatio, size: 16 }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: SidebarBalance_default.label, children: t("sidebar.label") }),
-        markerLabel === null ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dsh_client_ui_primitives4.Tooltip, { label: markerHint, side: "bottom", delayMs: 500, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: SidebarBalance_default.marker, role: "img", "aria-label": markerLabel, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dsh_client_ui_primitives4.IconWarningOutlineRegular, { size: 12 }) }) })
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      children: wide ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: SidebarBalance_default.icon, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(PercentRing, { state: ring.state, marker: ring.marker, ratio: ringRatio, size: 16 }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: SidebarBalance_default.label, children: t("sidebar.label") }),
+        markerLabel === null ? null : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_dsh_client_ui_primitives5.Tooltip, { label: markerHint, side: "bottom", delayMs: 500, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: SidebarBalance_default.marker, role: "img", "aria-label": markerLabel, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_dsh_client_ui_primitives5.IconWarningOutlineRegular, { size: 12 }) }) })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         PercentRing,
         {
           state: ring.state,
@@ -2422,10 +2580,10 @@ function SidebarBalance({
       )
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { ref: rootRef, className: SidebarBalance_default.root, "data-mode": wide ? "wide" : "rail", tabIndex: -1, children: [
-    wide && hoverText !== null ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dsh_client_ui_primitives4.Tooltip, { label: hoverText, side: "right", delayMs: 500, disabled: open, children: trigger }) : trigger,
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { ref: rootRef, className: SidebarBalance_default.root, "data-mode": wide ? "wide" : "rail", tabIndex: -1, children: [
+    wide && hoverText !== null ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_dsh_client_ui_primitives5.Tooltip, { label: hoverText, side: "right", delayMs: 500, disabled: open, children: trigger }) : trigger,
     open ? (0, import_react_dom.createPortal)(
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         BalancePopover,
         {
           t,
@@ -2510,7 +2668,7 @@ function createRouteHint(services) {
 }
 
 // src/client/index.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var ENTRY_ID = "dsh-ds-balance";
 var BUNDLE_CONFIG_KEY = "dsh-ds-balance";
 var SIDEBAR_ENTRY_ID = "ds-balance";
@@ -2533,9 +2691,9 @@ function asRecord2(value) {
   return isRecord2(value) ? value : {};
 }
 function useFormSnapshot(form) {
-  const subscribe = (0, import_react6.useCallback)((listener) => form.subscribe(listener), [form]);
-  const getSnapshot = (0, import_react6.useCallback)(() => form.getSnapshot(), [form]);
-  return (0, import_react6.useSyncExternalStore)(subscribe, getSnapshot);
+  const subscribe = (0, import_react7.useCallback)((listener) => form.subscribe(listener), [form]);
+  const getSnapshot = (0, import_react7.useCallback)(() => form.getSnapshot(), [form]);
+  return (0, import_react7.useSyncExternalStore)(subscribe, getSnapshot);
 }
 function useScopeValue(form) {
   return asRecord2(useFormSnapshot(form).value);
@@ -2567,11 +2725,11 @@ function readSignature(value) {
 function SidebarSeatComponent(props) {
   const value = useScopeValue(props.form);
   const writable = useScopeWritable(props.form);
-  const selectCurrency = (0, import_react6.useCallback)(
+  const selectCurrency = (0, import_react7.useCallback)(
     (currency) => writeFieldValue(props.form, "displayCurrency", currency),
     [props.form]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     SidebarBalance,
     {
       wide: props.seat.wide,
@@ -2593,7 +2751,7 @@ function SidebarSeatComponent(props) {
 }
 function SettingsSeatComponent(props) {
   const t = translateOf(props.seat.t);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BalanceSettingsCard, { t, form: props.form });
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(BalanceSettingsCard, { t, form: props.form });
 }
 var PLUGINS_PANEL_ID = "plugins";
 function createPluginsNavigation() {
@@ -2702,14 +2860,14 @@ function apply(ctx) {
       CONFIG_SLOT,
       () => ctx.slots.register(
         { name: CONFIG_SLOT, key: BUNDLE_CONFIG_KEY, locale: NS },
-        (seat) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SettingsSeatComponent, { seat, form })
+        (seat) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SettingsSeatComponent, { seat, form })
       )
     );
     ctx.slots.inject(
       "sidebar.footer.action",
       () => ctx.slots.register(
         { name: "sidebar.footer.action", id: SIDEBAR_ENTRY_ID, order: 0, locale: NS },
-        (seat) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        (seat) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           SidebarSeatComponent,
           {
             seat,
@@ -2723,7 +2881,7 @@ function apply(ctx) {
     );
   });
 }
-		var __dsbCss = "/* src/client/settings/fields.module.css */\n.fields_group {\n  padding: 12px 0 0;\n}\n.fields_groupLast {\n  padding-bottom: 12px;\n}\n.fields_groupNote {\n  margin: 4px 0 0;\n  font-size: 12px;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-tertiary);\n}\n.fields_fields {\n  display: flex;\n  flex-direction: column;\n}\n.fields_fields > * + * {\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n}\n.fields_details {\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n  margin-top: 12px;\n  padding-top: 12px;\n}\n.fields_detailsBody {\n  padding-top: 10px;\n}\n.fields_field {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  padding: 12px 0;\n}\n.fields_row {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 0;\n}\n.fields_rowText {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  padding-right: 48px;\n}\n.fields_rowTitleLine {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.fields_rowTitle {\n  flex: 1;\n  min-width: 0;\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-primary);\n}\n.fields_head {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.fields_label {\n  flex: 1;\n  min-width: 0;\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-primary);\n}\n.fields_badges {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n}\n.fields_reset {\n  border: none;\n  background: none;\n  padding: 0;\n  font: inherit;\n  font-size: 12px;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n}\n.fields_reset:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n}\n.fields_reset:disabled {\n  cursor: default;\n}\n.fields_inputStatic,\n.fields_inputStatic:hover {\n  pointer-events: none;\n}\n.fields_inputStatic input,\n.fields_inputStatic input:hover,\n.fields_inputStatic input:focus,\n.fields_inputStatic input:focus-visible,\n.fields_inputStatic input:active {\n  border-color: var(--dsw-alias-border-l4);\n  background: var(--dsw-alias-bg-layer-3);\n  outline: none;\n  box-shadow: none;\n  cursor: default;\n}\n.fields_inputInvalid input {\n  border: 1px solid var(--dsw-alias-state-error-primary);\n}\n.fields_inputInvalid input:focus-visible {\n  border-color: var(--dsw-alias-brand-primary);\n}\n.fields_inputWithAction {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n.fields_inputWithAction .fields_input,\n.fields_inputWithAction .fields_inputInvalid {\n  padding-right: 38px;\n}\n.fields_reveal {\n  position: absolute;\n  right: 4px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 26px;\n  height: 26px;\n  padding: 0;\n  border: none;\n  border-radius: 50%;\n  corner-shape: round;\n  background: transparent;\n  color: var(--dsw-alias-label-tertiary);\n  cursor: pointer;\n}\n.fields_reveal:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-secondary);\n}\n.fields_revealOn {\n  color: var(--dsw-alias-label-primary);\n}\n.fields_reveal:disabled {\n  cursor: default;\n  opacity: 0.4;\n}\n.fields_selectorAnchor {\n  flex: none;\n}\n.fields_selector {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  flex: none;\n  max-width: 100%;\n  height: 36px;\n  padding: 0 14px;\n  border: none;\n  border-radius: var(--dsw-radius-md);\n  background: var(--dsw-alias-bg-module-platform);\n  font: inherit;\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--dsw-alias-label-primary);\n  text-align: left;\n  cursor: pointer;\n}\n.fields_selector:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.fields_selector:disabled {\n  color: var(--dsw-alias-label-tertiary);\n  cursor: default;\n}\n.fields_selectorChevron {\n  flex: none;\n}\n.fields_hint {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-tertiary);\n}\n.fields_pairNote {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.5;\n  color: var(--dsw-alias-state-warn-primary);\n}\n.fields_pairNote::before {\n  content: \"\";\n  flex: none;\n  width: 5px;\n  height: 5px;\n  border-radius: 50%;\n  corner-shape: round;\n  background: currentColor;\n}\n.fields_invalid {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.5;\n  color: var(--dsw-alias-state-error-primary);\n}\n.fields_actions {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.fields_resultOk {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.5;\n  color: var(--dsw-alias-state-success-primary);\n}\n.fields_resultFail {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.5;\n  color: var(--dsw-alias-state-error-primary);\n}\n\n/* src/client/settings/BalanceSettingsCard.module.css */\n.BalanceSettingsCard_form {\n  display: flex;\n  flex-direction: column;\n}\n.BalanceSettingsCard_readOnly {\n  margin: 0 0 12px;\n  font-size: 12px;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-tertiary);\n}\n.BalanceSettingsCard_footer {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding-top: 16px;\n}\n.BalanceSettingsCard_failed {\n  flex: 1;\n  min-width: 0;\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.5;\n  color: var(--dsw-alias-state-error-primary);\n}\n.BalanceSettingsCard_notice {\n  flex: 1;\n  min-width: 0;\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n/* src/client/sidebar/BalancePopover.module.css */\n.BalancePopover_panel {\n  position: fixed;\n  isolation: isolate;\n  z-index: 1100;\n  box-sizing: border-box;\n  width: max-content;\n  min-width: min(300px, calc(100vw - 24px));\n  max-width: min(440px, calc(100vw - 24px));\n  padding: 16px;\n  border: 0;\n  border-radius: var(--dsw-radius-lg);\n  --dsw-elevation-stroke-color: var(--dsw-alias-border-l1);\n  box-shadow: var(--dsw-elevation-prominent);\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-secondary);\n  cursor: default;\n}\n.BalancePopover_panel::before {\n  position: absolute;\n  z-index: -1;\n  inset: 0;\n  border-radius: inherit;\n  background: var(--dsw-specific-menu);\n  backdrop-filter: var(--dsw-menu-backdrop-filter);\n  content: \"\";\n  pointer-events: none;\n}\n.BalancePopover_title {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  margin-bottom: 8px;\n  color: var(--dsw-alias-label-primary);\n  font-weight: 500;\n}\n.BalancePopover_titleMain {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  min-width: 0;\n}\n.BalancePopover_titleLabel {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  min-width: 0;\n  cursor: pointer;\n  color: inherit;\n  text-decoration: underline;\n  text-underline-offset: 2px;\n}\n.BalancePopover_titleLabel:hover,\n.BalancePopover_titleLabel:visited {\n  color: inherit;\n}\n.BalancePopover_sourceLabel {\n  flex: none;\n  color: var(--dsw-alias-label-tertiary);\n  font-weight: 400;\n}\n.BalancePopover_titleLabel svg {\n  flex: none;\n  width: 14px;\n  height: auto;\n}\n.BalancePopover_iconButton {\n  position: relative;\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  margin-block: -5px;\n  border: none;\n  border-radius: var(--dsw-radius-sm);\n  padding: 0;\n  background: transparent;\n  cursor: pointer;\n  color: var(--dsw-alias-label-secondary);\n}\n.BalancePopover_iconButton:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.BalancePopover_iconButton:focus-visible {\n  outline: var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color);\n  outline-offset: -2px;\n}\n.BalancePopover_titleRule {\n  margin-bottom: 10px;\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n}\n.BalancePopover_details {\n  display: grid;\n  grid-template-columns: minmax(76px, auto) minmax(0, 1fr);\n  gap: 6px 16px;\n  margin: 0;\n  color: var(--dsw-alias-label-tertiary);\n}\n.BalancePopover_details dt,\n.BalancePopover_details dd {\n  min-width: 0;\n  margin: 0;\n}\n.BalancePopover_details dd {\n  color: var(--dsw-alias-label-secondary);\n  font-variant-numeric: tabular-nums;\n  text-align: right;\n}\n.BalancePopover_notice {\n  margin-top: 12px;\n}\n.BalancePopover_noticeText {\n  margin: 0 0 8px;\n  color: var(--dsw-alias-label-tertiary);\n}\n.BalancePopover_noticeActions {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n}\n.BalancePopover_footer {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 12px;\n}\n.BalancePopover_updated {\n  flex: none;\n  color: var(--dsw-alias-label-tertiary);\n}\n.BalancePopover_status {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-align: right;\n  color: var(--dsw-alias-label-tertiary);\n}\n.BalancePopover_refresh {\n  display: inline-flex;\n  flex: none;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  padding: 0;\n  border: none;\n  border-radius: var(--dsw-radius-sm);\n  background: transparent;\n  color: var(--dsw-alias-label-tertiary);\n  cursor: pointer;\n}\n.BalancePopover_refresh:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-secondary);\n}\n.BalancePopover_refresh:focus-visible {\n  outline: var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color);\n  outline-offset: -2px;\n}\n.BalancePopover_refresh:disabled {\n  opacity: 0.4;\n  cursor: default;\n}\n.BalancePopover_refresh[data-cooling] {\n  color: var(--dsw-alias-label-caption);\n}\n.BalancePopover_refresh[data-refreshing] svg {\n  animation: BalancePopover_balance-refresh-spin 900ms linear infinite;\n}\n@keyframes BalancePopover_balance-refresh-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .BalancePopover_refresh[data-refreshing] svg {\n    animation-duration: 2400ms;\n  }\n}\n\n/* src/client/sidebar/PercentRing.module.css */\n.PercentRing_ring {\n  display: block;\n  flex: none;\n  color: var(--dsw-alias-label-tertiary);\n}\n.PercentRing_ring[data-state=done] {\n  color: var(--dsw-alias-state-success-primary);\n}\n.PercentRing_ring[data-state=warning] {\n  color: var(--dsw-alias-state-warn-primary);\n}\n.PercentRing_ring[data-state=error] {\n  color: var(--dsw-alias-state-error-primary);\n}\n.PercentRing_ring[data-state=idle] {\n  color: var(--dsw-alias-state-idle-primary);\n}\n.PercentRing_track {\n  fill: none;\n  stroke: var(--dsw-alias-border-l3);\n  stroke-width: 1;\n}\n.PercentRing_fill {\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1;\n  stroke-linecap: round;\n}\n.PercentRing_marker {\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1;\n  stroke-linecap: round;\n}\n.PercentRing_spin {\n  transform-origin: center;\n  animation: PercentRing_dsb-ring-spin 1.5s linear infinite;\n}\n@keyframes PercentRing_dsb-ring-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .PercentRing_spin {\n    animation: none;\n  }\n}\n\n/* src/client/sidebar/SidebarBalance.module.css */\n.SidebarBalance_root {\n  position: relative;\n  display: flex;\n  min-width: 0;\n}\n.SidebarBalance_root[data-mode=wide] {\n  flex: none;\n  width: calc(100% + 4px);\n  margin: 4px -2px 0;\n}\n.SidebarBalance_root[data-mode=rail] {\n  flex: none;\n  margin: 8px 0 0;\n}\n.SidebarBalance_trigger {\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  border: none;\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n  font-family: inherit;\n  font-size: 14px;\n  line-height: 22px;\n  cursor: pointer;\n  overflow: hidden;\n}\n.SidebarBalance_trigger:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.SidebarBalance_trigger:focus-visible {\n  outline: var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color);\n  outline-offset: -2px;\n}\n.SidebarBalance_root[data-mode=wide] .SidebarBalance_trigger {\n  flex: none;\n  gap: 8px;\n  width: 100%;\n  height: 42px;\n  padding: 0 10px 0 8px;\n  border-radius: var(--dsw-radius-md);\n}\n.SidebarBalance_root[data-mode=rail] .SidebarBalance_trigger {\n  flex: none;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  padding: 0;\n  border-radius: var(--dsw-radius-md);\n}\n.SidebarBalance_icon {\n  display: inline-flex;\n  flex: none;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n}\n.SidebarBalance_label {\n  flex: 0 1 auto;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.SidebarBalance_marker {\n  display: inline-flex;\n  flex: none;\n  align-items: center;\n  justify-content: center;\n  color: var(--dsw-alias-label-tertiary);\n  position: relative;\n  top: 1.63px;\n}\n\n/* src/client/sidebar/footer-stack.module.css */\ndiv:has(> [data-slot=\"sidebar.footer.action\"]) {\n  flex-direction: column;\n}\n";
+		var __dsbCss = "/* src/client/settings/AccountAvatar.module.css */\n.AccountAvatar_avatar {\n  box-sizing: border-box;\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  corner-shape: round;\n  overflow: hidden;\n  background: var(--dsw-alias-bg-skeleton);\n}\n.AccountAvatar_image {\n  display: block;\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n  corner-shape: round;\n  object-fit: cover;\n}\n\n/* src/client/settings/fields.module.css */\n.fields_group {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  min-width: 0;\n  padding: 12px 0 0;\n}\n.fields_groupHead {\n  position: relative;\n  display: flex;\n  align-items: center;\n  height: calc(24px + var(--dsh-content-font-delta, 0px));\n  min-width: 0;\n  color: var(--dsw-alias-label-tertiary);\n  transition: color 100ms ease;\n  cursor: pointer;\n}\n.fields_groupHead:hover {\n  color: var(--dsw-alias-label-secondary);\n}\n.fields_groupLeading {\n  position: relative;\n  flex: none;\n  width: calc(16px + var(--dsh-content-font-delta, 0px));\n  height: calc(16px + var(--dsh-content-font-delta, 0px));\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 6px;\n}\n.fields_groupLeading svg {\n  width: calc(14px + var(--dsh-content-font-delta, 0px));\n  height: calc(14px + var(--dsh-content-font-delta, 0px));\n}\n.fields_groupIcon {\n  display: inline-flex;\n  opacity: 1;\n  transition: opacity 100ms ease;\n}\n.fields_groupChevronClosed,\n.fields_groupChevronOpen {\n  position: absolute;\n  inset: 0;\n  margin: auto;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 100ms ease;\n}\n.fields_groupHead[aria-expanded=false]:hover .fields_groupChevronClosed,\n.fields_groupHead[aria-expanded=false]:focus-visible .fields_groupChevronClosed,\n.fields_groupHead[aria-expanded=true]:hover .fields_groupChevronOpen,\n.fields_groupHead[aria-expanded=true]:focus-visible .fields_groupChevronOpen {\n  opacity: 1;\n}\n.fields_groupHead:hover .fields_groupIcon,\n.fields_groupHead:focus-visible .fields_groupIcon {\n  opacity: 0;\n}\n.fields_groupTitle {\n  flex: none;\n  font-size: var(--dsh-content-font-size-secondary, 13px);\n  line-height: calc(24px + var(--dsh-content-font-delta, 0px));\n  color: inherit;\n}\n@media (prefers-reduced-motion: reduce) {\n  .fields_groupHead {\n    transition: none;\n  }\n  .fields_groupIcon,\n  .fields_groupChevronClosed,\n  .fields_groupChevronOpen {\n    transition: none;\n  }\n}\n.fields_groupLast {\n  padding-bottom: 12px;\n}\n.fields_groupNote {\n  margin: 4px 0 0;\n  font-size: 12px;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-tertiary);\n}\n.fields_fields {\n  display: flex;\n  flex-direction: column;\n}\n.fields_fields > * + * {\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n}\n.fields_details {\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n  margin-top: 12px;\n  padding-top: 12px;\n}\n.fields_detailsBody {\n  padding-top: 10px;\n}\n.fields_source {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  padding: 12px 0;\n}\n.fields_sourceHead {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.fields_dot {\n  box-sizing: border-box;\n  display: inline-block;\n  flex: none;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  corner-shape: round;\n}\n.fields_dotOk {\n  background: var(--dsw-alias-state-success-primary);\n}\n.fields_dotMissing {\n  background: var(--dsw-alias-state-error-primary);\n}\n.fields_sourceName {\n  flex: none;\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-primary);\n}\n.fields_sourceSlot {\n  flex: 1 1 auto;\n  min-width: 0;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 6px;\n}\n.fields_sourceIdentity,\n.fields_sourceLiveText {\n  min-width: 0;\n  font-size: 12px;\n  line-height: 1.5;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--dsw-alias-label-tertiary);\n}\n.fields_sourceIdentityMono {\n  font-family:\n    ui-monospace,\n    SFMono-Regular,\n    Menlo,\n    Consolas,\n    monospace;\n}\n.fields_sourceLive {\n  flex: 0 1 auto;\n  min-width: 0;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n}\n.fields_sourceLiveIcon {\n  flex: none;\n}\n.fields_sourceDetail {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-secondary);\n}\n.fields_field {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  padding: 12px 0;\n}\n.fields_row {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 0;\n}\n.fields_rowText {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  padding-right: 48px;\n}\n.fields_rowTitleLine {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.fields_rowTitle {\n  flex: 1;\n  min-width: 0;\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-primary);\n}\n.fields_head {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.fields_label {\n  flex: 1;\n  min-width: 0;\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-primary);\n}\n.fields_badges {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n}\n.fields_reset {\n  border: none;\n  background: none;\n  padding: 0;\n  font: inherit;\n  font-size: 12px;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n}\n.fields_reset:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n}\n.fields_reset:disabled {\n  cursor: default;\n}\n.fields_inputStatic,\n.fields_inputStatic:hover {\n  pointer-events: none;\n}\n.fields_inputStatic input,\n.fields_inputStatic input:hover,\n.fields_inputStatic input:focus,\n.fields_inputStatic input:focus-visible,\n.fields_inputStatic input:active {\n  border-color: var(--dsw-alias-border-l4);\n  background: var(--dsw-alias-bg-layer-3);\n  outline: none;\n  box-shadow: none;\n  cursor: default;\n}\n.fields_inputInvalid input {\n  border: 1px solid var(--dsw-alias-state-error-primary);\n}\n.fields_inputInvalid input:focus-visible {\n  border-color: var(--dsw-alias-brand-primary);\n}\n.fields_inputWithAction {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n.fields_inputWithAction .fields_input,\n.fields_inputWithAction .fields_inputInvalid {\n  padding-right: 38px;\n}\n.fields_reveal {\n  position: absolute;\n  right: 4px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 26px;\n  height: 26px;\n  padding: 0;\n  border: none;\n  border-radius: 50%;\n  corner-shape: round;\n  background: transparent;\n  color: var(--dsw-alias-label-tertiary);\n  cursor: pointer;\n}\n.fields_reveal:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-secondary);\n}\n.fields_revealOn {\n  color: var(--dsw-alias-label-primary);\n}\n.fields_reveal:disabled {\n  cursor: default;\n  opacity: 0.4;\n}\n.fields_selectorAnchor {\n  flex: none;\n}\n.fields_selector {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  flex: none;\n  max-width: 100%;\n  height: 36px;\n  padding: 0 14px;\n  border: none;\n  border-radius: var(--dsw-radius-md);\n  background: var(--dsw-alias-bg-module-platform);\n  font: inherit;\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--dsw-alias-label-primary);\n  text-align: left;\n  cursor: pointer;\n}\n.fields_selector:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.fields_selector:disabled {\n  color: var(--dsw-alias-label-tertiary);\n  cursor: default;\n}\n.fields_selectorChevron {\n  flex: none;\n}\n.fields_hint {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-tertiary);\n}\n.fields_pairNote {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.5;\n  color: var(--dsw-alias-state-warn-primary);\n}\n.fields_pairNote::before {\n  content: \"\";\n  flex: none;\n  width: 5px;\n  height: 5px;\n  border-radius: 50%;\n  corner-shape: round;\n  background: currentColor;\n}\n.fields_invalid {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.5;\n  color: var(--dsw-alias-state-error-primary);\n}\n.fields_actions {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n/* src/client/settings/BalanceSettingsCard.module.css */\n.BalanceSettingsCard_form {\n  display: flex;\n  flex-direction: column;\n}\n.BalanceSettingsCard_readOnly {\n  margin: 0 0 12px;\n  font-size: 12px;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-tertiary);\n}\n.BalanceSettingsCard_footer {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding-top: 16px;\n}\n.BalanceSettingsCard_save {\n  appearance: none;\n  border: 1px solid transparent;\n  border-radius: var(--dsw-radius-md);\n  padding: 5px 14px;\n  font: inherit;\n  font-size: 13px;\n  line-height: 1.5;\n  cursor: pointer;\n  background: var(--dsw-alias-label-primary);\n  color: var(--dsw-alias-bg-layer-3);\n}\n.BalanceSettingsCard_save:disabled {\n  opacity: 0.4;\n  cursor: default;\n}\n.BalanceSettingsCard_save:focus-visible {\n  outline: var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color);\n  outline-offset: 1px;\n}\n.BalanceSettingsCard_failed {\n  flex: 1;\n  min-width: 0;\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.5;\n  color: var(--dsw-alias-state-error-primary);\n}\n.BalanceSettingsCard_notice {\n  flex: 1;\n  min-width: 0;\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n/* src/client/sidebar/BalancePopover.module.css */\n.BalancePopover_panel {\n  position: fixed;\n  isolation: isolate;\n  z-index: 1100;\n  box-sizing: border-box;\n  width: max-content;\n  min-width: min(300px, calc(100vw - 24px));\n  max-width: min(440px, calc(100vw - 24px));\n  padding: 16px;\n  border: 0;\n  border-radius: var(--dsw-radius-lg);\n  --dsw-elevation-stroke-color: var(--dsw-alias-border-l1);\n  box-shadow: var(--dsw-elevation-prominent);\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-secondary);\n  cursor: default;\n}\n.BalancePopover_panel::before {\n  position: absolute;\n  z-index: -1;\n  inset: 0;\n  border-radius: inherit;\n  background: var(--dsw-specific-menu);\n  backdrop-filter: var(--dsw-menu-backdrop-filter);\n  content: \"\";\n  pointer-events: none;\n}\n.BalancePopover_title {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  margin-bottom: 8px;\n  color: var(--dsw-alias-label-primary);\n  font-weight: 500;\n}\n.BalancePopover_titleMain {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  min-width: 0;\n}\n.BalancePopover_titleLabel {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  min-width: 0;\n  cursor: pointer;\n  color: inherit;\n  text-decoration: underline;\n  text-underline-offset: 2px;\n}\n.BalancePopover_titleLabel:hover,\n.BalancePopover_titleLabel:visited {\n  color: inherit;\n}\n.BalancePopover_sourceLabel {\n  flex: 0 1 auto;\n  min-width: 0;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  color: var(--dsw-alias-label-tertiary);\n  font-weight: 400;\n}\n.BalancePopover_titleLabel svg {\n  flex: none;\n  width: 14px;\n  height: auto;\n}\n.BalancePopover_iconButton {\n  position: relative;\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  margin-block: -5px;\n  border: none;\n  border-radius: var(--dsw-radius-sm);\n  padding: 0;\n  background: transparent;\n  cursor: pointer;\n  color: var(--dsw-alias-label-secondary);\n}\n.BalancePopover_iconButton:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.BalancePopover_iconButton:focus-visible {\n  outline: var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color);\n  outline-offset: -2px;\n}\n.BalancePopover_titleRule {\n  margin-bottom: 10px;\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n}\n.BalancePopover_details {\n  display: grid;\n  grid-template-columns: minmax(76px, auto) minmax(0, 1fr);\n  gap: 6px 16px;\n  margin: 0;\n  color: var(--dsw-alias-label-tertiary);\n}\n.BalancePopover_details dt,\n.BalancePopover_details dd {\n  min-width: 0;\n  margin: 0;\n}\n.BalancePopover_details dd {\n  color: var(--dsw-alias-label-secondary);\n  font-variant-numeric: tabular-nums;\n  text-align: right;\n}\n.BalancePopover_notice {\n  margin-top: 12px;\n}\n.BalancePopover_noticeText {\n  margin: 0 0 8px;\n  color: var(--dsw-alias-label-tertiary);\n}\n.BalancePopover_noticeActions {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n}\n.BalancePopover_footer {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 12px;\n}\n.BalancePopover_updated {\n  flex: none;\n  color: var(--dsw-alias-label-tertiary);\n}\n.BalancePopover_status {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-align: right;\n  color: var(--dsw-alias-label-tertiary);\n}\n.BalancePopover_refresh {\n  display: inline-flex;\n  flex: none;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  padding: 0;\n  border: none;\n  border-radius: var(--dsw-radius-sm);\n  background: transparent;\n  color: var(--dsw-alias-label-tertiary);\n  cursor: pointer;\n}\n.BalancePopover_refresh:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-secondary);\n}\n.BalancePopover_refresh:focus-visible {\n  outline: var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color);\n  outline-offset: -2px;\n}\n.BalancePopover_refresh:disabled {\n  opacity: 0.4;\n  cursor: default;\n}\n.BalancePopover_refresh[data-cooling] {\n  color: var(--dsw-alias-label-caption);\n}\n.BalancePopover_refresh[data-refreshing] svg {\n  animation: BalancePopover_balance-refresh-spin 900ms linear infinite;\n}\n@keyframes BalancePopover_balance-refresh-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .BalancePopover_refresh[data-refreshing] svg {\n    animation-duration: 2400ms;\n  }\n}\n\n/* src/client/sidebar/PercentRing.module.css */\n.PercentRing_ring {\n  display: block;\n  flex: none;\n  color: var(--dsw-alias-label-tertiary);\n}\n.PercentRing_ring[data-state=done] {\n  color: var(--dsw-alias-state-success-primary);\n}\n.PercentRing_ring[data-state=warning] {\n  color: var(--dsw-alias-state-warn-primary);\n}\n.PercentRing_ring[data-state=error] {\n  color: var(--dsw-alias-state-error-primary);\n}\n.PercentRing_ring[data-state=idle] {\n  color: var(--dsw-alias-state-idle-primary);\n}\n.PercentRing_track {\n  fill: none;\n  stroke: var(--dsw-alias-border-l3);\n  stroke-width: 1;\n}\n.PercentRing_fill {\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1;\n  stroke-linecap: round;\n}\n.PercentRing_marker {\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1;\n  stroke-linecap: round;\n}\n.PercentRing_spin {\n  transform-origin: center;\n  animation: PercentRing_dsb-ring-spin 1.5s linear infinite;\n}\n@keyframes PercentRing_dsb-ring-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .PercentRing_spin {\n    animation: none;\n  }\n}\n\n/* src/client/sidebar/SidebarBalance.module.css */\n.SidebarBalance_root {\n  position: relative;\n  display: flex;\n  min-width: 0;\n}\n.SidebarBalance_root[data-mode=wide] {\n  flex: none;\n  width: calc(100% + 4px);\n  margin: 4px -2px 0;\n}\n.SidebarBalance_root[data-mode=rail] {\n  flex: none;\n  margin: 8px 0 0;\n}\n.SidebarBalance_trigger {\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  border: none;\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n  font-family: inherit;\n  font-size: 14px;\n  line-height: 22px;\n  cursor: pointer;\n  overflow: hidden;\n}\n.SidebarBalance_trigger:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.SidebarBalance_trigger:focus-visible {\n  outline: var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color);\n  outline-offset: -2px;\n}\n.SidebarBalance_root[data-mode=wide] .SidebarBalance_trigger {\n  flex: none;\n  gap: 8px;\n  width: 100%;\n  height: 42px;\n  padding: 0 10px 0 8px;\n  border-radius: var(--dsw-radius-md);\n}\n.SidebarBalance_root[data-mode=rail] .SidebarBalance_trigger {\n  flex: none;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  padding: 0;\n  border-radius: var(--dsw-radius-md);\n}\n.SidebarBalance_icon {\n  display: inline-flex;\n  flex: none;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n}\n.SidebarBalance_label {\n  flex: 0 1 auto;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.SidebarBalance_marker {\n  display: inline-flex;\n  flex: none;\n  align-items: center;\n  justify-content: center;\n  color: var(--dsw-alias-label-tertiary);\n  position: relative;\n  top: 1.63px;\n}\n\n/* src/client/sidebar/footer-stack.module.css */\ndiv:has(> [data-slot=\"sidebar.footer.action\"]) {\n  flex-direction: column;\n}\n";
 var __dsbTagId = "dsh-ds-balance/client.css";
 if (typeof document !== 'undefined' && document.querySelector('style[data-plugin-css="' + __dsbTagId + '"]') === null) {
   var __dsbTag = document.createElement('style');