dsh-ds-balance 2.1.2 → 2.2.0

package/lib/client.js

@@ -42,11 +42,14 @@ var import_dsh_client_ui_primitives2 = require("@deepseek-ai/dsh-client-ui-primi
 var NS = "ds-balance";
 var zh = {
   "sidebar.label": "DeepSeek \u4F59\u989D",
-  "sidebar.aria.balance": "DeepSeek \u4F59\u989D",
   "sidebar.aria.ring": "DeepSeek \u4F59\u989D\u72B6\u6001",
   "sidebar.aria.refresh": "\u5237\u65B0\u4F59\u989D",
   "sidebar.aria.mismatch": "\u663E\u793A\u7684\u5E01\u79CD\u4E0E\u4F60\u9009\u62E9\u7684\u4E0D\u4E00\u81F4",
   "popover.title": "\u8D26\u6237\u4F59\u989D",
+  // 来源标签：跟着数据来源走。**括号属于词典** —— 中文全角、英文半角带前置空格，
+  // 代码里只做拼接，绝不写死括号字符。
+  "popover.source.key": "\uFF08API Key\uFF09",
+  "popover.source.account": "\uFF08\u8D26\u53F7\u767B\u5F55\uFF09",
   "popover.total": "\u4F59\u989D",
   "popover.granted": "\u8D60\u9001",
   "popover.toppedUp": "\u5145\u503C",
@@ -60,12 +63,33 @@ var zh = {
   // 措辞就跟着落点分档：一句含糊的话盖不住两种落点。见 BalancePopover 的 PluginsAction。
   "popover.action.openPlugins": "\u6253\u5F00\u63D2\u4EF6\u9875",
   "popover.action.openPluginConfig": "\u6253\u5F00\u63D2\u4EF6\u914D\u7F6E\u9875",
-  "state.unavailable": "\u8D26\u6237\u4E0D\u53EF\u7528",
-  "state.stale": "\u6570\u636E\u5DF2\u8FC7\u671F",
-  "state.error": "\u8BFB\u53D6\u5931\u8D25",
-  "state.empty": "\u5C1A\u672A\u914D\u7F6E",
-  "state.noKey": "\u5C1A\u672A\u586B\u5199 API Key",
-  "state.noBalance": "\u6682\u65E0\u4F59\u989D",
+  // 处境文案：**一个处境一句**，环 / 悬停 / 浮层都从这里取。
+  // 键名前缀是 situation 而不是 state：后者是契约字段名，而「处境」是界面概念
+  // （一个处境可能吃掉多个 state + severity + error 的组合）。
+  //
+  // **措辞是给用户看的，不是给开发者看的**。这七句会出现在两处，都必须能**单独读懂**：
+  // - **悬停气泡**（收起态与展开态同一份，见 `client/situation.ts` 的 `hoverTextOf`）：
+  //   数字**可信**时气泡显示金额本身（只有 `ok` / `low` / `critical` 三个处境，
+  //   它们的 `textKey` 是 `null`）；其余八个处境显示下面这些句子 —— 包括
+  //   `stale` 与 `account-unavailable`，它们**手里有数字也显文案**；
+  // - 浮层与读屏的 `aria-label`。
+  //
+  // 所以每一句都要能单独回答「**这一格现在怎么了**」：
+  //
+  // - 不写「插件内部错误」：用户不知道也不关心是哪个组件坏了，他要的是「现在拿不到」。
+  //   改「服务异常」—— 说的是同一件事，但主语是这个功能，不是我们的代码。
+  // - `unavailable` 刻意**不带「暂时」**。它接住的是 `fetch-failed` 那一整片错误码，
+  //   里面既有等一等就好的（网络 / 超时 / 429 / 5xx），也有**等不好的**：
+  //   `UPSTREAM_401`（key 失效）与 `UPSTREAM_402`（欠费）。对后者说「暂时」是假话，
+  //   而且是有害的假话 —— 用户该去改凭据、去充值，不是在原地等。
+  //   宁可少说一层时间性，也不能说反。
+  "situation.checking": "\u6B63\u5728\u83B7\u53D6",
+  "situation.unavailable": "\u8BFB\u4E0D\u5230\u4F59\u989D",
+  "situation.internalError": "\u670D\u52A1\u5F02\u5E38",
+  "situation.noCredential": "\u5C1A\u672A\u914D\u7F6E\u51ED\u636E",
+  "situation.accountUnavailable": "\u8D26\u6237\u4E0D\u53EF\u7528",
+  "situation.stale": "\u6570\u636E\u5DF2\u8FC7\u671F",
+  "situation.emptyWallet": "\u6682\u65E0\u4F59\u989D",
   "settings.group.connection": "\u8FDE\u63A5",
   "settings.group.refresh": "\u5237\u65B0",
   "settings.group.display": "\u5C55\u793A",
@@ -81,15 +105,13 @@ var zh = {
   "settings.field.cnyCritical": "CNY \u544A\u6025",
   "settings.field.usdWarn": "USD \u9884\u8B66",
   "settings.field.usdCritical": "USD \u544A\u6025",
-  "settings.hint.apiKey": "\u7559\u7A7A\u5219\u6539\u7528\u5F15\u7528\u540D\u4ECE\u51ED\u636E\u5B58\u50A8\u8BFB\u53D6\u3002",
   "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",
   "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.number": "\u8BF7\u586B\u6570\u5B57\uFF1B\u7559\u7A7A\u8868\u793A\u4F7F\u7528\u9ED8\u8BA4\u503C\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",
   "settings.hint.serverRefreshSeconds": "\u8BBF\u95EE\u5B98\u65B9\u63A5\u53E3\u7684\u95F4\u9694\u3002",
-  "settings.hint.clientPollSeconds": "\u5237\u65B0\u663E\u793A\u7684\u95F4\u9694\uFF1B\u53EA\u8BFB\u672C\u5730\u7F13\u5B58\uFF0C\u4E0D\u8BBF\u95EE\u4E0A\u6E38\u3002",
+  "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 的
@@ -115,21 +137,24 @@ var zh = {
   "settings.overridden": "\u5DF2\u8986\u76D6",
   "settings.reset": "\u91CD\u7F6E",
   "settings.invalidNumber": "\u8BF7\u586B\u6570\u5B57\uFF1B\u7559\u7A7A\u8868\u793A\u4F7F\u7528\u9ED8\u8BA4\u503C\u3002",
-  "settings.hint.refreshAdvanced": "\u4E0D\u5E38\u6539\uFF1A\u9ED8\u8BA4\u503C\u9002\u7528\u4E8E\u5927\u591A\u6570\u60C5\u51B5\u3002",
-  "settings.currencyMismatch": "\u5F53\u524D\u8D26\u6237\u65E0 {wanted} \u4F59\u989D\uFF0C\u5B9E\u9645\u663E\u793A {shown}",
+  "settings.hint.refreshAdvanced": "\u4E0D\u5E38\u6539\uFF1A\u9ED8\u8BA4\u503C\u9002\u7528\u4E8E\u5927\u591A\u6570\u60C5\u51B5\u3002"
   // 这里曾有一条 'settings.summary'（该行 Configure 子页的说明行）。回退到
   // plugins.bundle.config 之后没有任何渲染路径会问 summary 档，于是连同它一起删了 ——
   // 详见 src/client/index.tsx 的 SettingsSeat。
-  "dev.title": "\u5F00\u53D1\u573A\u666F",
-  "dev.hint": "\u4EC5\u7528\u4E8E UI \u5F00\u53D1\uFF1B\u4E0D\u5F71\u54CD\u771F\u5B9E\u914D\u7F6E\u3002"
+  // 本轮又删掉四条**孤儿键**（词典里有、全仓没人引用）：`sidebar.aria.balance`
+  // （与 sidebar.label 逐字相同，rail 的 aria 走 aria.ring）、`settings.hint.apiKey`
+  // （那一行用的是 settings.hint.credential）、`settings.hint.number`
+  // （真正用的是 settings.invalidNumber，两者文案原本就重复）、
+  // `settings.currencyMismatch`（出到屏幕的是 popover.mismatch）。
 };
 var en = {
   "sidebar.label": "DeepSeek balance",
-  "sidebar.aria.balance": "DeepSeek balance",
   "sidebar.aria.ring": "DeepSeek balance status",
   "sidebar.aria.refresh": "Refresh balance",
   "sidebar.aria.mismatch": "Shown currency differs from your selection",
   "popover.title": "Account balance",
+  "popover.source.key": " (API key)",
+  "popover.source.account": " (account sign-in)",
   "popover.total": "Balance",
   "popover.granted": "Granted",
   "popover.toppedUp": "Topped up",
@@ -141,12 +166,16 @@ var en = {
   "popover.action.useShown": "Use {shown}",
   "popover.action.openPlugins": "Open the Plugins page",
   "popover.action.openPluginConfig": "Open the plugin configuration page",
-  "state.unavailable": "Account unavailable",
-  "state.stale": "Data is stale",
-  "state.error": "Failed to load",
-  "state.empty": "Not configured",
-  "state.noKey": "API key missing",
-  "state.noBalance": "No balance",
+  // 与 zh 逐条对应，理由写在 zh 那一段。
+  // `unavailable` 同样**不带 Temporarily**：它接住 401（key 失效）/ 402（欠费）这类
+  // 「等不好」的错误，说「暂时」会把人劝去干等。
+  "situation.checking": "Loading",
+  "situation.unavailable": "Balance unavailable",
+  "situation.internalError": "Service error",
+  "situation.noCredential": "No credential configured",
+  "situation.accountUnavailable": "Account unavailable",
+  "situation.stale": "Data is stale",
+  "situation.emptyWallet": "No balance",
   "settings.group.connection": "Connection",
   "settings.group.refresh": "Refresh",
   "settings.group.display": "Display",
@@ -162,15 +191,13 @@ var en = {
   "settings.field.cnyCritical": "CNY critical",
   "settings.field.usdWarn": "USD warning",
   "settings.field.usdCritical": "USD critical",
-  "settings.hint.apiKey": "Leave empty to resolve from the credential reference instead.",
   "settings.hint.apiKeyRef": "Credential store entry name; takes precedence over the API key.",
   "settings.hint.baseUrl": "Leave blank to use the provider default.",
   "settings.hint.displayCurrency": "Falls back to a currency the account actually holds.",
-  "settings.hint.number": "Enter a number; leave empty to use the default.",
   "settings.hint.threshold": "Decided on the server; the UI colour follows the returned severity.",
   "settings.hint.thresholdPair": "Critical must be lower than warning",
   "settings.hint.serverRefreshSeconds": "How often the official API is called.",
-  "settings.hint.clientPollSeconds": "How often the display refreshes; local cache only.",
+  "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.",
@@ -192,10 +219,8 @@ var en = {
   "settings.overridden": "Overridden",
   "settings.reset": "Reset",
   "settings.invalidNumber": "Enter a number; leave empty to use the default.",
-  "settings.hint.refreshAdvanced": "Rarely changed: the defaults suit most setups.",
-  "settings.currencyMismatch": "The account has no {wanted} balance; showing {shown}",
-  "dev.title": "Dev scenario",
-  "dev.hint": "UI development only; does not affect real configuration."
+  "settings.hint.refreshAdvanced": "Rarely changed: the defaults suit most setups."
+  // 与 zh 同批删掉四条孤儿键，以及 `dev.*`（见 zh 那段末尾的说明）。
 };
 function interpolate(template, params) {
   return template.replace(
@@ -411,16 +436,7 @@ 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
-      }
-    ) }),
+    /* @__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)(
@@ -862,6 +878,9 @@ function pendingView() {
   return {
     requestId: "",
     schemaVersion: 1,
+    // 占位视图没有取数路可言；处境为 checking / offline 时界面都不渲染来源标签。
+    source: "deepseek-http",
+    situation: "checking",
     state: "empty",
     stale: false,
     fetchedAt: 0,
@@ -879,6 +898,7 @@ function pendingView() {
 function unreachableView(message) {
   return {
     ...pendingView(),
+    situation: "offline",
     state: "error",
     error: { code: UNREACHABLE_CODE, message }
   };
@@ -893,7 +913,11 @@ async function readJson(response, path) {
 }
 async function requestBalance(options) {
   const fetchImpl = options.fetchImpl ?? ((input, init) => fetch(input, init));
-  const url = `${BALANCE_PATH}?currency=${encodeURIComponent(options.currency)}`;
+  const query = new URLSearchParams({ currency: options.currency });
+  if (options.provider !== void 0 && options.provider !== "") {
+    query.set("provider", options.provider);
+  }
+  const url = `${BALANCE_PATH}?${query.toString()}`;
   const response = await fetchImpl(url, {
     headers: { accept: "application/json" },
     ...options.signal === void 0 ? {} : { signal: options.signal }
@@ -922,7 +946,10 @@ async function requestRefresh(options = {}) {
   const response = await fetchImpl(REFRESH_PATH, {
     method: "POST",
     headers: { "content-type": "application/json", accept: "application/json" },
-    body: JSON.stringify({ reason: options.reason ?? "manual" })
+    body: JSON.stringify({
+      reason: options.reason ?? "manual",
+      ...options.provider === void 0 || options.provider === "" ? {} : { provider: options.provider }
+    })
   });
   return await readJson(response, REFRESH_PATH);
 }
@@ -1292,12 +1319,6 @@ function dotStateOf(severity) {
       return "idle";
   }
 }
-function ringSpecOf(severity) {
-  return {
-    state: dotStateOf(severity),
-    marker: severity === "unavailable" ? "cross" : null
-  };
-}
 var DECIMAL_SCALE = 100000000n;
 var ARC_STEPS = 10000n;
 var DECIMAL_PATTERN = /^(-?)(\d+)(?:\.(\d*))?$/;
@@ -1377,6 +1398,166 @@ function currentAgeMs(seenAt, seenAgeMs, now) {
   const base = Number.isFinite(seenAgeMs) ? Math.max(0, seenAgeMs) : 0;
   return Math.max(0, base + (now - seenAt));
 }
+var MS_PER_SECOND = 1e3;
+function sourceLabelKeyOf(source) {
+  if (source === "deepseek-http") return "popover.source.key";
+  if (source === "deepseek-account") return "popover.source.account";
+  return null;
+}
+function cooldownUntilOf(now, configuredSeconds, rejectedRemainingMs) {
+  const span = rejectedRemainingMs === null ? Math.max(0, configuredSeconds) * MS_PER_SECOND : Math.max(0, rejectedRemainingMs);
+  return now + span;
+}
+function cooldownSecondsOf(until, now) {
+  return Math.max(0, Math.ceil((until - now) / MS_PER_SECOND));
+}
+
+// src/client/situation.ts
+var SITUATIONS = [
+  "checking",
+  "offline",
+  "internal-error",
+  "no-credential",
+  "fetch-failed",
+  "account-unavailable",
+  "stale",
+  "empty-wallet",
+  "ok",
+  "low",
+  "critical"
+];
+var SHAPES = {
+  // —— 客户端本地事实（宿主不可能知道这两件事）——
+  checking: {
+    family: "pending",
+    ring: "ongoing",
+    marker: null,
+    arc: "none",
+    textKey: "situation.checking",
+    severityColoured: false
+  },
+  offline: {
+    family: "unreadable",
+    ring: "error",
+    marker: "cross",
+    arc: "none",
+    textKey: "situation.unavailable",
+    severityColoured: false
+  },
+  // —— 宿主判定 ——
+  "internal-error": {
+    family: "unreadable",
+    ring: "error",
+    marker: "cross",
+    arc: "none",
+    textKey: "situation.internalError",
+    severityColoured: false
+  },
+  "no-credential": {
+    family: "needs-credential",
+    ring: "idle",
+    marker: "plus",
+    arc: "none",
+    textKey: "situation.noCredential",
+    severityColoured: false
+  },
+  "fetch-failed": {
+    family: "unreadable",
+    ring: "error",
+    marker: "cross",
+    arc: "none",
+    textKey: "situation.unavailable",
+    severityColoured: false
+  },
+  "account-unavailable": {
+    family: "unreadable",
+    // **颜色定死为红，不吃 severity。**
+    // 它是「账户停用」—— 这个事实本身就决定了红，与余额多少无关；
+    // 而上游对欠费账户可能给空的余额列表（selected=null → severity=unknown → 灰环），
+    // 那会把「停用」画成「没信息」。定死红环是**结构保证**，不依赖另一处的判定顺序。
+    ring: "error",
+    // **叉：与「余额告急」分开的唯一办法。**
+    // 从前它靠「红环无叉」与 critical 区分，但余额恰好为 0 的 critical 也是红环无叉无弧 ——
+    // 两者在屏幕上逐像素相同（见 test/render-matrix.test.ts 的「两枚红环」一组）。
+    // 叉的语义从「读不到」扩到「读不到**或用不了**」：两者同属「这里没有可用的数字」。
+    marker: "cross",
+    arc: "none",
+    textKey: "situation.accountUnavailable",
+    severityColoured: false
+  },
+  stale: {
+    family: "gauge",
+    ring: "done",
+    marker: null,
+    arc: "gauge",
+    textKey: "situation.stale",
+    severityColoured: true
+  },
+  "empty-wallet": {
+    family: "empty",
+    ring: "idle",
+    marker: null,
+    arc: "none",
+    textKey: "situation.emptyWallet",
+    severityColoured: false
+  },
+  ok: {
+    family: "gauge",
+    ring: "done",
+    marker: null,
+    arc: "gauge",
+    textKey: null,
+    severityColoured: true
+  },
+  low: {
+    family: "gauge",
+    ring: "warning",
+    marker: null,
+    arc: "gauge",
+    textKey: null,
+    severityColoured: true
+  },
+  critical: {
+    family: "gauge",
+    ring: "error",
+    marker: null,
+    arc: "gauge",
+    textKey: null,
+    severityColoured: true
+  }
+};
+function presentationOf(situation, severity) {
+  const shape = SHAPES[situation];
+  if (!shape.severityColoured) return shape;
+  return { ...shape, ring: dotStateOf(severity) };
+}
+function hoverTextOf(shown, stateText) {
+  if (stateText !== null) return stateText;
+  return shown === null ? null : formatMoney(shown.total, shown.currency);
+}
+function isSituation(value) {
+  return typeof value === "string" && SITUATIONS.includes(value);
+}
+function legacySituationOf(response) {
+  const hasSnapshot = response.fetchedAt > 0 || response.selected !== null;
+  const code = response.error?.code;
+  if (!hasSnapshot) {
+    if (code === "NO_KEY") return "no-credential";
+    if (code === "PLUGIN_UNREACHABLE") return "offline";
+    return response.state === "empty" && code === void 0 ? "checking" : "fetch-failed";
+  }
+  if (!response.isAvailable) return "account-unavailable";
+  if (response.selected === null)
+    return response.state === "stale" ? "fetch-failed" : "empty-wallet";
+  if (response.state === "stale") return "stale";
+  if (response.severity === "critical") return "critical";
+  if (response.severity === "warn") return "low";
+  if (response.severity === "unavailable" || response.severity === "unknown") return "fetch-failed";
+  return "ok";
+}
+function situationOfResponse(response) {
+  return isSituation(response.situation) ? response.situation : legacySituationOf(response);
+}
 
 // src/client/mock/scenarios.ts
 var T0 = 176e10;
@@ -1390,6 +1571,8 @@ function make(patch) {
   return {
     requestId: "req_mock",
     schemaVersion: 1,
+    source: "deepseek-http",
+    situation: "ok",
     state: "ok",
     stale: false,
     fetchedAt: T0,
@@ -1408,27 +1591,33 @@ function make(patch) {
 var scenarios = {
   /** 正常。 */
   ok: make({}),
+  /** 正常，但数字来自账号登录那条路（用来眼看「来源标签」）。 */
+  account: make({ source: "deepseek-account" }),
   /** 余额偏低但可用。 */
   warn: make({
+    situation: "low",
     severity: "warn",
     balances: [cny("8.00000000", "0.00000000", "8.00000000")],
     selected: { currency: "CNY", total: "8.00000000" }
   }),
   /** 余额告急。 */
   critical: make({
+    situation: "critical",
     severity: "critical",
     balances: [cny("3.00000000", "0.00000000", "3.00000000")],
     selected: { currency: "CNY", total: "3.00000000" }
   }),
-  /** 账户不可用（余额耗尽 / 欠费）。 */
+  /** 账户不可用（余额耗尽 / 欠费）。读到了，但上游说这个账户停用。 */
   unavailable: make({
+    situation: "account-unavailable",
     severity: "unavailable",
     isAvailable: false,
     balances: [cny("0.00000000", "0.00000000", "0.00000000")],
     selected: { currency: "CNY", total: "0.00000000" }
   }),
-  /** 有旧值但本次刷新失败。 */
+  /** 有旧值但本次刷新失败：数字照常显示，文案说它旧。 */
   stale: make({
+    situation: "stale",
     state: "stale",
     stale: true,
     severity: "unknown",
@@ -1436,8 +1625,9 @@ var scenarios = {
     fetchedAt: T0 - 36e5,
     error: { code: "NO_NETWORK", message: "fetch failed" }
   }),
-  /** 无值失败。 */
+  /** 无值失败：接入了却读不到（没有旧快照）。环是叉。 */
   error: make({
+    situation: "fetch-failed",
     state: "error",
     stale: false,
     severity: "unknown",
@@ -1447,8 +1637,33 @@ var scenarios = {
     ageMs: 0,
     error: { code: "UPSTREAM_5XX", message: "upstream returned 500" }
   }),
-  /** 未配置。 */
+  /** 插件自己的端点不可达（旧契约里没有这个信号，靠客户端本地合成）。 */
+  offline: make({
+    situation: "offline",
+    state: "error",
+    stale: false,
+    severity: "unknown",
+    isAvailable: false,
+    balances: [],
+    selected: null,
+    ageMs: 0,
+    error: { code: UNREACHABLE_CODE, message: "balance endpoint responded 502" }
+  }),
+  /** 插件自己出错了（装配错误之类）：与「上游坏了」分开说。 */
+  internalError: make({
+    situation: "internal-error",
+    state: "error",
+    stale: false,
+    severity: "unknown",
+    isAvailable: false,
+    balances: [],
+    selected: null,
+    ageMs: 0,
+    error: { code: "STORAGE_ERROR", message: "no ledger for source deepseek-account" }
+  }),
+  /** 未配置：尚无任何解释。 */
   empty: make({
+    situation: "empty-wallet",
     state: "empty",
     severity: "unknown",
     isAvailable: false,
@@ -1456,8 +1671,9 @@ var scenarios = {
     selected: null,
     ageMs: 0
   }),
-  /** 未配置且带 NO_KEY 错误。 */
+  /** 未配置且带 NO_KEY 错误 —— 需要用户去配置的那一族。 */
   noKey: make({
+    situation: "no-credential",
     state: "empty",
     severity: "unknown",
     isAvailable: false,
@@ -1466,6 +1682,16 @@ var scenarios = {
     ageMs: 0,
     error: { code: "NO_KEY", message: "no API key configured" }
   }),
+  /** 首帧：还没问到后端。 */
+  checking: make({
+    situation: "checking",
+    state: "empty",
+    severity: "unknown",
+    isAvailable: false,
+    balances: [],
+    selected: null,
+    ageMs: 0
+  }),
   /** 多币种。`selected` 显式写出，不靠 `make()` 的默认值兜。 */
   multiCurrency: make({
     balances: [
@@ -1490,6 +1716,7 @@ var scenarios = {
   }),
   /** 账户完全没有余额。 */
   noBalanceAtAll: make({
+    situation: "empty-wallet",
     severity: "unknown",
     isAvailable: true,
     balances: [],
@@ -1627,7 +1854,9 @@ var import_dsh_client_ui_primitives3 = require("@deepseek-ai/dsh-client-ui-primi
 var BalancePopover_default = {
   panel: "BalancePopover_panel",
   title: "BalancePopover_title",
+  titleMain: "BalancePopover_titleMain",
   titleLabel: "BalancePopover_titleLabel",
+  sourceLabel: "BalancePopover_sourceLabel",
   iconButton: "BalancePopover_iconButton",
   titleRule: "BalancePopover_titleRule",
   details: "BalancePopover_details",
@@ -1670,6 +1899,7 @@ function BalancePopover(props) {
     selection,
     displayCurrency,
     ageMs,
+    sourceLabel,
     refreshing,
     cooldownSeconds,
     configSlotWarning,
@@ -1707,19 +1937,22 @@ function BalancePopover(props) {
       "aria-label": t("popover.title"),
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: BalancePopover_default.title, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-            "a",
-            {
-              className: BalancePopover_default.titleLabel,
-              href: "https://platform.deepseek.com/usage",
-              target: "_blank",
-              rel: "noopener noreferrer",
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives3.FishLogo, { size: 14 }),
-                t("popover.title")
-              ]
-            }
-          ),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: BalancePopover_default.titleMain, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+              "a",
+              {
+                className: BalancePopover_default.titleLabel,
+                href: "https://platform.deepseek.com/usage",
+                target: "_blank",
+                rel: "noopener noreferrer",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives3.FishLogo, { size: 14 }),
+                  t("popover.title")
+                ]
+              }
+            ),
+            sourceLabel === null ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: BalancePopover_default.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)(
             "button",
             {
@@ -1781,7 +2014,9 @@ var PercentRing_default = {
   ring: "PercentRing_ring",
   track: "PercentRing_track",
   fill: "PercentRing_fill",
-  cross: "PercentRing_cross"
+  marker: "PercentRing_marker",
+  spin: "PercentRing_spin",
+  "dsb-ring-spin": "PercentRing_dsb-ring-spin"
 };
 
 // src/client/sidebar/PercentRing.tsx
@@ -1792,10 +2027,13 @@ var RING_INSET = 1;
 var RADIUS = VIEW / 2 - RING_INSET - STROKE / 2;
 var CENTER = VIEW / 2;
 var CIRCUMFERENCE = 2 * Math.PI * RADIUS;
-var CROSS_ARM = (2 * RADIUS - STROKE) / 2 / Math.SQRT2;
+var INNER_RADIUS = RADIUS - STROKE / 2;
+var MARK_ARM = INNER_RADIUS / 2 / Math.SQRT2;
 function round3(value) {
   return Math.round(value * 1e3) / 1e3;
 }
+var SPIN_ARC_RATIO = 12 / (2 * Math.PI * 9.5);
+var SPIN_ARC = round3(CIRCUMFERENCE * SPIN_ARC_RATIO);
 function PercentRing({
   state,
   marker = null,
@@ -1817,37 +2055,55 @@ function PercentRing({
       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 }),
-        clamped === 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        state === "ongoing" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("g", { className: PercentRing_default.spin, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           "circle",
           {
             className: PercentRing_default.fill,
             cx: CENTER,
             cy: CENTER,
             r: RADIUS,
-            strokeDasharray: `${round3(CIRCUMFERENCE * clamped)} ${round3(CIRCUMFERENCE)}`,
+            strokeDasharray: `${SPIN_ARC} ${round3(CIRCUMFERENCE)}`,
             transform: `rotate(-90 ${CENTER} ${CENTER})`
           }
+        ) }) : (
+          /* dash 取弧长、gap 取整周长，于是只画出一条弧；rotate 让接缝落在 12 点而不是 3 点
+             （中心跟着 VIEW 走，16 格时是 rotate(-90 8 8)）。
+             比例为 0 时整条弧不画：dash 长度为 0 配上圆头线帽会在 12 点留下一个点。 */
+          clamped === 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            "circle",
+            {
+              className: PercentRing_default.fill,
+              cx: CENTER,
+              cy: CENTER,
+              r: RADIUS,
+              strokeDasharray: `${round3(CIRCUMFERENCE * clamped)} ${round3(CIRCUMFERENCE)}`,
+              transform: `rotate(-90 ${CENTER} ${CENTER})`
+            }
+          )
         ),
-        marker === "cross" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("g", { className: PercentRing_default.cross, children: [
+        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)(
             "line",
             {
-              x1: CENTER - CROSS_ARM,
-              y1: CENTER - CROSS_ARM,
-              x2: CENTER + CROSS_ARM,
-              y2: CENTER + CROSS_ARM
+              x1: CENTER - MARK_ARM,
+              y1: CENTER - MARK_ARM,
+              x2: CENTER + MARK_ARM,
+              y2: CENTER + MARK_ARM
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
             "line",
             {
-              x1: CENTER + CROSS_ARM,
-              y1: CENTER - CROSS_ARM,
-              x2: CENTER - CROSS_ARM,
-              y2: CENTER + CROSS_ARM
+              x1: CENTER + MARK_ARM,
+              y1: CENTER - MARK_ARM,
+              x2: CENTER - MARK_ARM,
+              y2: CENTER + MARK_ARM
             }
           )
-        ] }) : null
+        ] }) : /* @__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 })
+        ] }) })
       ]
     }
   );
@@ -1868,8 +2124,8 @@ var REFRESH_SIMULATION_MS = 600;
 var PANEL_GAP = 8;
 var PANEL_MARGIN = 12;
 var MEASURE_STYLE = { visibility: "hidden", left: 0, top: 0 };
-var MS_PER_SECOND = 1e3;
-var TICK_MS = MS_PER_SECOND;
+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)(() => {
@@ -1894,19 +2150,22 @@ function usePluginsNavigation(navigation) {
   }, [navigation]);
   return action;
 }
-function stateLabelKey(response, selection) {
-  if (response.state === "error")
-    return response.error?.code === "NO_KEY" ? "state.noKey" : "state.error";
-  if (response.state === "empty")
-    return response.error?.code === "NO_KEY" ? "state.noKey" : "state.empty";
-  if (response.state === "stale") return "state.stale";
-  if (!response.isAvailable) return "state.unavailable";
-  if (selection.shown === null) return "state.noBalance";
-  return null;
+function ringSpecFor(presentation) {
+  return { state: presentation.ring, marker: presentation.marker };
 }
-function ringSpecFor(severity) {
-  const spec = ringSpecOf(severity);
-  return { state: spec.state === "ongoing" ? "idle" : spec.state, marker: spec.marker };
+function useRouteProvider(hint) {
+  const [provider, setProvider] = (0, import_react5.useState)(() => hint?.getSnapshot());
+  (0, import_react5.useEffect)(() => {
+    if (hint === void 0) {
+      setProvider(void 0);
+      return;
+    }
+    setProvider(hint.getSnapshot());
+    return hint.subscribe(() => {
+      setProvider(hint.getSnapshot());
+    });
+  }, [hint]);
+  return provider;
 }
 function SidebarBalance({
   wide,
@@ -1914,7 +2173,8 @@ function SidebarBalance({
   config,
   configSlotProbe,
   onSelectCurrency,
-  pluginsNavigation
+  pluginsNavigation,
+  routeHint
 }) {
   const [view, setView] = (0, import_react5.useState)(() => {
     const response2 = resolveScenario() === null ? pendingView() : currentBalance();
@@ -1927,6 +2187,7 @@ function SidebarBalance({
   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 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);
@@ -1961,7 +2222,7 @@ function SidebarBalance({
     let cancelled = false;
     const load = async () => {
       try {
-        const next = await requestBalance({ currency: preference });
+        const next = await requestBalance({ currency: preference, provider });
         if (cancelled) return;
         loadedRef.current = true;
         acceptBalance(next);
@@ -1975,7 +2236,7 @@ function SidebarBalance({
       () => {
         void load();
       },
-      Math.max(5, config.clientPollSeconds) * MS_PER_SECOND
+      Math.max(5, config.clientPollSeconds) * MS_PER_SECOND2
     );
     return () => {
       cancelled = true;
@@ -1984,6 +2245,7 @@ function SidebarBalance({
   }, [
     mock,
     preference,
+    provider,
     config.clientPollSeconds,
     config.configSignature,
     acceptBalance,
@@ -2009,9 +2271,12 @@ function SidebarBalance({
     gap: PANEL_GAP,
     margin: PANEL_MARGIN
   });
-  (0, import_react5.useEffect)(() => {
+  (0, import_react5.useLayoutEffect)(() => {
     if (!open) return;
     setNow(Date.now());
+  }, [open]);
+  (0, import_react5.useEffect)(() => {
+    if (!open) return;
     const id = window.setInterval(() => {
       setNow(Date.now());
     }, TICK_MS);
@@ -2019,6 +2284,17 @@ function SidebarBalance({
       window.clearInterval(id);
     };
   }, [open]);
+  (0, import_react5.useEffect)(() => {
+    if (cooldownUntil === 0) return;
+    const remaining = cooldownUntil - Date.now();
+    if (remaining <= 0) return;
+    const id = window.setTimeout(() => {
+      setNow(Date.now());
+    }, remaining);
+    return () => {
+      window.clearTimeout(id);
+    };
+  }, [cooldownUntil]);
   (0, import_react5.useEffect)(() => {
     if (!open) return;
     const onKeyDown = (event) => {
@@ -2034,30 +2310,34 @@ function SidebarBalance({
     if (refreshing) return;
     if (Date.now() < cooldownUntil) return;
     setRefreshing(true);
-    const finish = () => {
+    const finish = (rejectedRemainingMs) => {
+      const at = Date.now();
       setRefreshing(false);
       setCooldownUntil(
-        Date.now() + Math.max(0, config.manualRefreshCooldownSeconds) * MS_PER_SECOND
+        cooldownUntilOf(at, config.manualRefreshCooldownSeconds, rejectedRemainingMs)
       );
+      setNow(at);
     };
     if (mock) {
       refreshTimer.current = window.setTimeout(() => {
         refreshTimer.current = void 0;
         markFresh();
-        finish();
+        finish(null);
       }, REFRESH_SIMULATION_MS);
       return;
     }
     void (async () => {
+      let rejectedRemainingMs = null;
       try {
-        await requestRefresh({ reason: "manual" });
-        const next = await requestBalance({ currency: preference });
+        const result = await requestRefresh({ reason: "manual", provider });
+        if (!result.triggered) rejectedRemainingMs = Math.max(0, result.cooldownMs);
+        const next = await requestBalance({ currency: preference, provider });
         loadedRef.current = true;
         acceptBalance(next);
       } catch (error) {
         if (!loadedRef.current) showUnreachable(error);
       } finally {
-        finish();
+        finish(rejectedRemainingMs);
       }
     })();
   }, [
@@ -2065,6 +2345,7 @@ function SidebarBalance({
     config.manualRefreshCooldownSeconds,
     mock,
     preference,
+    provider,
     refreshing,
     acceptBalance,
     showUnreachable,
@@ -2088,18 +2369,20 @@ function SidebarBalance({
   );
   const configSlotState = useConfigSlotState(configSlotProbe);
   const shown = selection.shown;
-  const ring = ringSpecFor(response.severity);
-  const ringRatio = ringRatioOf(
+  const situation = situationOfResponse(response);
+  const presentation = presentationOf(situation, response.severity);
+  const ring = ringSpecFor(presentation);
+  const ringRatio = presentation.arc === "gauge" ? ringRatioOf(
     shown === null ? null : shown.total,
     shown === null ? void 0 : config.warnThresholdOf(shown.currency),
     response.severity
-  );
-  const stateKey = stateLabelKey(response, selection);
+  ) : 0;
+  const stateKey = presentation.textKey;
   const stateText = stateKey === null ? null : t(stateKey);
   let markerLabel = null;
   let markerHint = "";
   if (shown === null) {
-    markerLabel = t(stateKey ?? "state.noBalance");
+    markerLabel = t(stateKey ?? "situation.emptyWallet");
     markerHint = markerLabel;
   } else if (!selection.matchesPreference) {
     markerLabel = t("sidebar.aria.mismatch");
@@ -2110,10 +2393,11 @@ function SidebarBalance({
   if (stateText !== null && stateText !== markerLabel) ariaParts.push(stateText);
   if (markerLabel !== null) ariaParts.push(markerLabel);
   const ariaLabel = ariaParts.join(" ");
-  const cooldownSeconds = Math.max(0, Math.ceil((cooldownUntil - now) / MS_PER_SECOND));
+  const cooldownSeconds = cooldownSecondsOf(cooldownUntil, now);
+  const sourceKey = shown === null ? null : sourceLabelKeyOf(response.source);
+  const sourceLabel = sourceKey === null ? null : t(sourceKey);
   const ageMs = currentAgeMs(view.seenAt, view.seenAgeMs, now);
-  const ringTitle = !wide && stateText !== null ? `${t("sidebar.aria.ring")} ${stateText}` : void 0;
-  const hoverLabel = shown === null ? stateText : formatMoney(shown.total, shown.currency);
+  const hoverText = hoverTextOf(shown, stateText);
   const trigger = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     "button",
     {
@@ -2133,13 +2417,13 @@ function SidebarBalance({
           marker: ring.marker,
           ratio: ringRatio,
           size: 18,
-          title: ringTitle
+          title: hoverText ?? void 0
         }
       )
     }
   );
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { ref: rootRef, className: SidebarBalance_default.root, "data-mode": wide ? "wide" : "rail", tabIndex: -1, children: [
-    wide && hoverLabel !== null ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dsh_client_ui_primitives4.Tooltip, { label: hoverLabel, side: "right", delayMs: 500, disabled: open, children: trigger }) : trigger,
+    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,
     open ? (0, import_react_dom.createPortal)(
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         BalancePopover,
@@ -2148,6 +2432,7 @@ function SidebarBalance({
           selection,
           displayCurrency: preference,
           ageMs,
+          sourceLabel,
           refreshing,
           cooldownSeconds,
           configSlotWarning: configSlotState === "missing" ? CONFIG_SLOT_WARNING : null,
@@ -2164,6 +2449,66 @@ function SidebarBalance({
   ] });
 }
 
+// src/client/route-hint.ts
+function safely(read) {
+  try {
+    return read();
+  } catch {
+    return void 0;
+  }
+}
+function projectionOf(ctx) {
+  return safely(() => {
+    const current = ctx.uiSession?.adapter?.current?.getSnapshot?.();
+    const key = current?.key;
+    if (key === void 0) return void 0;
+    return ctx.sessions?.binding?.(key)?.session?.projections?.faceOf?.("modelSelection");
+  });
+}
+function createRouteHint(services) {
+  const listeners2 = /* @__PURE__ */ new Set();
+  let stopCurrent;
+  let stopProjection;
+  const notify = () => {
+    for (const listener of [...listeners2]) listener();
+  };
+  const bindProjection = () => {
+    stopProjection?.();
+    stopProjection = safely(() => projectionOf(services())?.subscribe?.(notify));
+  };
+  const start = () => {
+    stopCurrent = safely(
+      () => services().uiSession?.adapter?.current?.subscribe?.(() => {
+        bindProjection();
+        notify();
+      })
+    );
+    bindProjection();
+  };
+  const stop = () => {
+    stopCurrent?.();
+    stopProjection?.();
+    stopCurrent = void 0;
+    stopProjection = void 0;
+  };
+  return {
+    getSnapshot() {
+      const value = safely(
+        () => projectionOf(services())?.getSnapshot?.()?.next?.provider
+      );
+      return typeof value === "string" && value !== "" ? value : void 0;
+    },
+    subscribe(listener) {
+      listeners2.add(listener);
+      if (listeners2.size === 1) start();
+      return () => {
+        listeners2.delete(listener);
+        if (listeners2.size === 0) stop();
+      };
+    }
+  };
+}
+
 // src/client/index.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var ENTRY_ID = "dsh-ds-balance";
@@ -2233,6 +2578,7 @@ function SidebarSeatComponent(props) {
       t: translateOf(props.seat.t),
       configSlotProbe: props.configSlotProbe,
       pluginsNavigation: props.pluginsNavigation,
+      routeHint: props.routeHint,
       onSelectCurrency: selectCurrency,
       config: {
         displayCurrency: readDisplayCurrency(value),
@@ -2312,6 +2658,18 @@ function apply(ctx) {
   ctx.effect(() => ctx.locale.register(NS, { zh, en }), "ds-balance: dictionaries");
   const configSlotProbe = createConfigSlotProbe();
   ctx.effect(() => () => configSlotProbe.dispose(), "ds-balance: config slot probe");
+  const routeServices = {};
+  for (const name of ["uiSession", "sessions"]) {
+    ctx.inject([name], (serviceCtx) => {
+      serviceCtx.effect(() => {
+        routeServices[name] = serviceCtx[name];
+        return () => {
+          delete routeServices[name];
+        };
+      }, `ds-balance: route hint (${name})`);
+    });
+  }
+  const routeHint = createRouteHint(() => routeServices);
   const pluginsNavigation = createPluginsNavigation();
   ctx.inject(["pluginNavigation"], (navCtx) => {
     const face = navCtx["pluginNavigation"];
@@ -2357,14 +2715,15 @@ function apply(ctx) {
             seat,
             form,
             configSlotProbe,
-            pluginsNavigation
+            pluginsNavigation,
+            routeHint
           }
         )
       )
     );
   });
 }
-		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: 999px;\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: 18px;\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: 999px;\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: 12px;\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  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_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_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  border: none;\n  border-radius: 50%;\n  corner-shape: round;\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: 2px solid var(--dsw-alias-brand-primary);\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: 999px;\n  corner-shape: round;\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: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\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_cross {\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1;\n  stroke-linecap: round;\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: 2px solid var(--dsw-alias-brand-primary);\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: 12px;\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: 12px;\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/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 __dsbTagId = "dsh-ds-balance/client.css";
 if (typeof document !== 'undefined' && document.querySelector('style[data-plugin-css="' + __dsbTagId + '"]') === null) {
   var __dsbTag = document.createElement('style');