dsh-ds-balance 1.1.0 → 2.0.0-alpha.0

package/README.md

@@ -27,7 +27,7 @@
 > [!NOTE]
 > **余额读自 DeepSeek 官方 `GET /user/balance`**，不是估算。凭据只经 DSH 的凭据通道解析：API Key 不会出现在设置文件里，也不会返回给界面。
 
-余额要有地方看，但不该占地方。左边栏底部一个常驻的状态环，点开是三段金额与数据新鲜度；要改配置，进设置页那一张卡片。
+余额要有地方看，但不该占地方。左边栏底部一个常驻的状态环，点开是三段金额与数据新鲜度；要改配置，进侧边栏**插件（Plugins）**页里本插件的详情页。
 
 <p align="center">
   <img src="assets/sidebar-popover.png" alt="左边栏底部的「DeepSeek 余额」条目与展开的余额浮层" width="360">
@@ -41,14 +41,14 @@
 |---|---|---|
 | 侧栏圆环 | 常驻左边栏底部的状态环 + 名称，**环里填了多少 = 余额离该币种预警线还有多远** | 扫一眼就知道还剩多少、离预警线多远 |
 | 余额浮层 | 点条目展开：总额、赠送 / 充值拆分、数据新鲜度、手动刷新（带冷却） | 核对具体数字，以及数据是几分钟前的 |
-| 设置卡片 | 连接 / 展示 / 阈值 / 刷新四组，各自可折叠，默认四组全收起 | 换端点、换币种、调预警线、调节奏 |
+| 设置卡片 | 连接 / 展示 / 阈值 / 刷新四组，默认四组全展开，各自可折叠 | 换端点、换币种、调预警线、调节奏 |
 
 三种界面的分工是死的：**圆环回答「大概还剩多少」，浮层回答「具体是多少」，卡片回答「怎么算」。**
 
 <p align="center">
-  <img src="assets/settings-card.png" alt="插件配置页中的「DeepSeek 余额」卡片" width="360">
+  <img src="assets/settings-card.png" alt="插件页里的「DeepSeek 余额」卡片" width="360">
   <br>
-  <em>在 <strong>设置 → 插件 → 插件配置</strong> 中与其他插件并排；四组默认全收起，卡片一打开只占四行折叠头。</em>
+  <em>卡片就是这四组：默认全展开，各自可折叠；组里有填错的项时那一组会自己展开。</em>
 </p>
 
 ## 能力
@@ -57,7 +57,7 @@
 - 余额按设定的周期自动刷新，界面读的是缓存 —— 开着界面不会反复去打上游接口。
 - 浮层给出总额、赠送 / 充值拆分、数据是多久之前的，以及一个带冷却的手动刷新。
 - 多币种：显示哪个币种由账户决定；设置里选的币种账户里没有时，浮层会说明并给一键改用。
-- 设置卡片分四组、各自可折叠，默认全收起；组里有填错的项时，那一组会自己展开。
+- 设置卡片分四组、默认全展开、各自可折叠；组里有填错的项时，那一组会自己展开。
 - 凭据默认继承官方模型页配好的那一份，不必重填；徽标只报「已配置密钥。/ 未配置密钥。」（官方卡片同款），
   只读时不给编辑，并说明原因。
 - 颜色只表达状态（正常 / 偏低 / 告急），与金额大小无关；读法与理由见「[圆环怎么读](#圆环怎么读)」。
@@ -75,7 +75,7 @@
 npm install -g @deepseek-ai/dsh@alpha     # 本插件承诺支持的线
 ```
 
-兼容性不是推断出来的：每周由 [compat.yml](.github/workflows/compat.yml) 在 `alpha` 与 `next` 两条线上换包实跑一遍现有测试。当前结论与红了怎么办见 [兼容性](docs/PUBLISHING.md#兼容性)。
+兼容性不是推断出来的：每周由 [compat.yml](.github/workflows/compat.yml) 在 `alpha` 与 `next` 两条线上换包实跑一遍现有测试。当前结论与红了怎么办见 [兼容性](docs/PUBLISHING.md#兼容性)。配置界面注册在宿主的 `plugins.bundle.config` 槽，**该槽由 DSH 0.1.6 引入**（下限的真源是 [package.json](package.json) 的 `engines.dsh`，现查 `node scripts/compat-swap.mjs check`）：更早的宿主上圆环与浮层照常工作，但**插件页里不会出现配置区**（静默，不报错）—— 这就是分水岭。
 
 ### 从 npm 安装
 
@@ -106,7 +106,13 @@ dsh plugin --profile web add "$PWD"
 
 ## 配置
 
-打开 **设置 → 插件 → 插件配置 → DeepSeek 余额**，四组各自可折叠：
+打开侧边栏 **插件（Plugins）** →「已安装（Installed）」组，点进 **dsh-ds-balance** 的详情页；配置表单直接铺在那一页上，四组默认全展开、各自可折叠：
+
+<p align="center">
+  <img src="assets/settings-cards-position.png" alt="Plugins 页列表里「DeepSeek 余额」的位置" width="480">
+  <br>
+  <em>Plugins 页列表里的位置：<code>dsh-ds-balance</code> 与其他已安装插件并排；点进它的详情页才是上面那张配置表单。</em>
+</p>
 
 - **连接**：API 地址与凭据，两项都默认留空 —— 地址留空即用 DeepSeek 官方端点，凭据继承官方模型页那一份、只读不可改；
   二级「自定义设置」里只放凭据引用名。

package/README_en.md

@@ -27,7 +27,7 @@
 > [!NOTE]
 > **The balance is read from the official `GET /user/balance`** — not estimated. The credential is resolved only through DSH's credential channel: the API key never lands in a settings file and is never returned to the UI.
 
-The balance needs somewhere to live that does not take up room. A permanent status ring at the bottom of the sidebar; click it for the three amounts and the freshness of the data. Anything you want to configure lives on the settings card.
+The balance needs somewhere to live that does not take up room. A permanent status ring at the bottom of the sidebar; click it for the three amounts and the freshness of the data. Anything you want to configure lives on the plugin's details page under **Plugins → Installed**.
 
 <p align="center">
   <img src="assets/sidebar-popover_en.png" alt="The DeepSeek balance entry at the bottom of the sidebar, with its popover open" width="360">
@@ -41,14 +41,14 @@ The balance needs somewhere to live that does not take up room. A permanent stat
 |---|---|---|
 | Sidebar ring | A status ring plus label at the bottom of the sidebar; **how full it is = how far the balance is from that currency's warning line** | Seeing at a glance how much is left and how close it is to the warning line |
 | Balance popover | Click the entry: total, granted / topped-up split, data freshness, manual refresh (with cooldown) | Checking the exact figures, and how many minutes old they are |
-| Settings card | Connection / Display / Thresholds / Refresh, each collapsible, all collapsed by default | Changing the endpoint, the currency, the warning lines, the cadence |
+| Settings card | Connection / Display / Thresholds / Refresh, all expanded by default, each collapsible | Changing the endpoint, the currency, the warning lines, the cadence |
 
 The division of labour is fixed: **the ring answers "roughly how much is left", the popover answers "exactly how much", and the card answers "how is that computed".**
 
 <p align="center">
-  <img src="assets/settings-card_en.png" alt="The DeepSeek balance card in the plugin settings" width="360">
+  <img src="assets/settings-card_en.png" alt="The DeepSeek balance card on the Plugins page" width="360">
   <br>
-  <em>Sits alongside other plugins in <strong>Settings → Plugins → Plugin configuration</strong>; all four groups are collapsed by default, so the card opens as four header rows.</em>
+  <em>The card is those four groups: all expanded by default, each collapsible; a group holding a bad value opens itself.</em>
 </p>
 
 ## Capabilities
@@ -57,7 +57,7 @@ The division of labour is fixed: **the ring answers "roughly how much is left",
 - The balance refreshes on its own schedule and the UI reads a cache — leaving the interface open does not hammer the upstream.
 - The popover shows the total, the granted / topped-up split, how old the data is, and a manual refresh with a cooldown.
 - Multiple currencies: the account decides which currency is shown; when the one chosen in settings is absent, the popover explains and offers a one-click switch.
-- The settings card has four collapsible groups, all collapsed by default; a group holding a bad value opens itself.
+- The settings card has four groups, all expanded by default and each collapsible; a group holding a bad value opens itself.
 - The credential is inherited from the official model settings by default, so there is nothing to re-enter; where it comes from is on a badge
   (a key is configured / no key is configured, exactly the official card's wording), and a read-only field explains itself instead of offering an edit.
 - Colour carries state only (normal / low / critical), never an amount; see "[Reading the ring](#reading-the-ring)".
@@ -75,7 +75,7 @@ Install the host by **naming the version line explicitly**: the `latest` tag of
 npm install -g @deepseek-ai/dsh@alpha     # the line this plugin promises to support
 ```
 
-Compatibility is measured, not inferred: every week [compat.yml](.github/workflows/compat.yml) swaps packages onto the `alpha` and `next` lines and reruns the existing tests. The current verdict, and what to do when it goes red, are in [Compatibility](docs/PUBLISHING.md#兼容性).
+Compatibility is measured, not inferred: every week [compat.yml](.github/workflows/compat.yml) swaps packages onto the `alpha` and `next` lines and reruns the existing tests. The current verdict, and what to do when it goes red, are in [Compatibility](docs/PUBLISHING.md#兼容性). The configuration UI registers into the Host's `plugins.bundle.config` slot, which **arrives with DSH 0.1.6** (the floor's single source is `engines.dsh` in [package.json](package.json); check it live with `node scripts/compat-swap.mjs check`): on an earlier Host the ring and the popover keep working, but the configuration area never appears on the Plugins page (silently, with no error) — that is the watershed.
 
 ### From npm
 
@@ -106,7 +106,13 @@ The repository carries the GitHub topic [`dsh-plugin`](https://github.com/topics
 
 ## Configuration
 
-Open **Settings → Plugins → Plugin configuration → DeepSeek balance**. Four groups, each collapsible:
+Open **Plugins → Installed** and step into the **dsh-ds-balance** details page. The form runs straight down that page, four groups all expanded by default and each collapsible:
+
+<p align="center">
+  <img src="assets/settings-cards-position_en.png" alt="Where the DeepSeek balance entry sits in the Plugins list" width="480">
+  <br>
+  <em>Where it sits: the Plugins page's list view, with <code>dsh-ds-balance</code> alongside the other installed plugins; the details page behind it carries the form shown above.</em>
+</p>
 
 - **Connection**: the API base URL and the credential, both blank by default — a blank URL means the official DeepSeek endpoint, and the credential is inherited from the official model page and is read-only.
   The nested "Customised settings" holds only the credential reference name.

package/lib/client.js

@@ -34,24 +34,6 @@ var import_react6 = require("react");
 
 // src/client/settings/BalanceSettingsCard.tsx
 var import_react4 = require("react");
-
-// node_modules/clsx/dist/clsx.mjs
-function r(e) {
-  var t, f, n = "";
-  if ("string" == typeof e || "number" == typeof e) n += e;
-  else if ("object" == typeof e) if (Array.isArray(e)) {
-    var o = e.length;
-    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
-  } else for (f in e) e[f] && (n && (n += " "), n += f);
-  return n;
-}
-function clsx() {
-  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
-  return n;
-}
-var clsx_default = clsx;
-
-// src/client/settings/BalanceSettingsCard.tsx
 var import_dsh_client_ui_primitives2 = require("@deepseek-ai/dsh-client-ui-primitives");
 
 // src/client/locales.ts
@@ -79,8 +61,6 @@ var zh = {
   "state.empty": "\u5C1A\u672A\u914D\u7F6E",
   "state.noKey": "\u5C1A\u672A\u586B\u5199 API Key",
   "state.noBalance": "\u6682\u65E0\u4F59\u989D",
-  "settings.title": "DeepSeek \u4F59\u989D",
-  "settings.description": "\u914D\u7F6E\u8D26\u6237\u8FDE\u63A5\u3001\u5237\u65B0\u8282\u594F\u4E0E\u9884\u8B66\u9608\u503C\u3002",
   "settings.group.connection": "\u8FDE\u63A5",
   "settings.group.refresh": "\u5237\u65B0",
   "settings.group.display": "\u5C55\u793A",
@@ -121,7 +101,6 @@ var zh = {
   "settings.test.fail": "\u8FDE\u63A5\u5931\u8D25\uFF1A{message}",
   "settings.save": "\u4FDD\u5B58",
   "settings.saving": "\u4FDD\u5B58\u4E2D\u2026",
-  "settings.discard": "\u653E\u5F03\u4FEE\u6539",
   "settings.failed": "\u4FDD\u5B58\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5\u3002",
   "settings.readOnly": "\u5F53\u524D\u914D\u7F6E\u53EA\u8BFB\uFF0C\u65E0\u6CD5\u4FDD\u5B58\u4FEE\u6539\u3002",
   "settings.unsaved": "\u672A\u4FDD\u5B58",
@@ -159,8 +138,6 @@ var en = {
   "state.empty": "Not configured",
   "state.noKey": "API key missing",
   "state.noBalance": "No balance",
-  "settings.title": "DeepSeek balance",
-  "settings.description": "Connection, refresh cadence, and warning thresholds.",
   "settings.group.connection": "Connection",
   "settings.group.refresh": "Refresh",
   "settings.group.display": "Display",
@@ -197,7 +174,6 @@ var en = {
   "settings.test.fail": "Connection failed: {message}",
   "settings.save": "Save",
   "settings.saving": "Saving\u2026",
-  "settings.discard": "Discard",
   "settings.failed": "Saving failed. Try again.",
   "settings.readOnly": "This configuration is read-only.",
   "settings.unsaved": "Unsaved",
@@ -218,6 +194,24 @@ function interpolate(template, params) {
 
 // src/client/settings/fields.tsx
 var import_react = require("react");
+
+// node_modules/clsx/dist/clsx.mjs
+function r(e) {
+  var t, f, n = "";
+  if ("string" == typeof e || "number" == typeof e) n += e;
+  else if ("object" == typeof e) if (Array.isArray(e)) {
+    var o = e.length;
+    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+  } else for (f in e) e[f] && (n && (n += " "), n += f);
+  return n;
+}
+function clsx() {
+  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+  return n;
+}
+var clsx_default = clsx;
+
+// src/client/settings/fields.tsx
 var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 
 // src/client/settings/fields.module.css
@@ -891,22 +885,11 @@ function useCredentialState(ref) {
 
 // src/client/settings/BalanceSettingsCard.module.css
 var BalanceSettingsCard_default = {
-  card: "BalanceSettingsCard_card",
-  cardOpen: "BalanceSettingsCard_cardOpen",
-  header: "BalanceSettingsCard_header",
-  headText: "BalanceSettingsCard_headText",
-  name: "BalanceSettingsCard_name",
-  description: "BalanceSettingsCard_description",
-  chevronWrap: "BalanceSettingsCard_chevronWrap",
-  chevron: "BalanceSettingsCard_chevron",
-  chevronOpen: "BalanceSettingsCard_chevronOpen",
-  pending: "BalanceSettingsCard_pending",
-  body: "BalanceSettingsCard_body",
+  form: "BalanceSettingsCard_form",
   readOnly: "BalanceSettingsCard_readOnly",
   footer: "BalanceSettingsCard_footer",
   failed: "BalanceSettingsCard_failed",
   notice: "BalanceSettingsCard_notice",
-  discard: "BalanceSettingsCard_discard",
   save: "BalanceSettingsCard_save"
 };
 
@@ -922,10 +905,10 @@ var CREDENTIAL_BADGE = {
   overridden: "settings.credential.configured"
 };
 var DEFAULT_GROUP_OPEN = {
-  connection: false,
-  display: false,
-  thresholds: false,
-  refresh: false
+  connection: true,
+  display: true,
+  thresholds: true,
+  refresh: true
 };
 var GROUP_FIELDS = {
   connection: ["apiKey", "apiKeyRef", "baseUrl"],
@@ -953,24 +936,13 @@ function isFilled(value) {
 }
 function BalanceSettingsCard({ t, scope }) {
   const form = useConfigForm(scope);
-  const [open, setOpen] = (0, import_react4.useState)(false);
   const [groupOpen, setGroupOpen] = (0, import_react4.useState)(DEFAULT_GROUP_OPEN);
-  const saveStarted = (0, import_react4.useRef)(false);
   const toggleGroup = (key) => {
     setGroupOpen((current) => ({ ...current, [key]: !current[key] }));
   };
   const groupOpenNow = (key) => groupOpen[key] || GROUP_FIELDS[key].some((name) => form.field(name).invalid) || key === "thresholds" && THRESHOLD_PAIRS.some((pair) => !form.thresholdPairOk(pair.currency));
   const { writable, dirty, invalid, saving, failed } = form.state;
   const disabled = !writable || saving;
-  (0, import_react4.useEffect)(() => {
-    if (saving) {
-      saveStarted.current = true;
-      return;
-    }
-    if (!saveStarted.current) return;
-    saveStarted.current = false;
-    if (!dirty && !failed) setOpen(false);
-  }, [dirty, failed, saving]);
   const credentialStatus = (name) => {
     const state = form.field(name);
     if (state.stored) return { label: t("settings.overridden"), tone: "neutral" };
@@ -1105,27 +1077,9 @@ function BalanceSettingsCard({ t, scope }) {
   ] });
   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 footerNote = failed ? { text: t("settings.failed"), className: BalanceSettingsCard_default.failed } : invalid ? { text: t("settings.invalid"), className: BalanceSettingsCard_default.notice } : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("li", { className: clsx_default(BalanceSettingsCard_default.card, open && BalanceSettingsCard_default.cardOpen), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-      "button",
-      {
-        type: "button",
-        className: BalanceSettingsCard_default.header,
-        "aria-expanded": open,
-        onClick: () => {
-          setOpen(!open);
-        },
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: BalanceSettingsCard_default.headText, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: BalanceSettingsCard_default.name, children: t("settings.title") }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: BalanceSettingsCard_default.description, children: t("settings.description") })
-          ] }),
-          dirty ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.Tag, { tone: "neutral", className: BalanceSettingsCard_default.pending, children: t("settings.unsaved") }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: BalanceSettingsCard_default.chevronWrap, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.IconChevronDownOutline14, { className: clsx_default(BalanceSettingsCard_default.chevron, open && BalanceSettingsCard_default.chevronOpen) }) })
-        ]
-      }
-    ),
-    open ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: BalanceSettingsCard_default.body, children: [
+  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)(
         FieldGroup,
@@ -1224,16 +1178,6 @@ function BalanceSettingsCard({ t, scope }) {
       ),
       /* @__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)(
-          "button",
-          {
-            type: "button",
-            className: BalanceSettingsCard_default.discard,
-            disabled: !dirty || saving,
-            onClick: form.discard,
-            children: t("settings.discard")
-          }
-        ),
         /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
           "button",
           {
@@ -1247,8 +1191,8 @@ function BalanceSettingsCard({ t, scope }) {
           }
         )
       ] })
-    ] }) : null
-  ] });
+    ] })
+  );
 }
 
 // src/client/sidebar/SidebarBalance.tsx
@@ -2026,13 +1970,18 @@ function SidebarSeatComponent(props) {
   );
 }
 function SettingsSeatComponent(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BalanceSettingsCard, { t: props.seat.t, scope: props.scope });
+  switch (props.seat.view) {
+    case "page":
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BalanceSettingsCard, { t: props.seat.t, scope: props.scope });
+    case "summary":
+      return null;
+  }
 }
 function apply(ctx) {
   ctx.effect(() => ctx.locale.register(NS, { zh, en }), "ds-balance: dictionaries");
   const scope = adaptScope(ctx.settingsScope.bind({ namespace: SETTINGS_NAMESPACE }));
-  ctx.slots.inject("settings.plugin.item", () => ctx.slots.register(
-    { name: "settings.plugin.item", key: SETTINGS_NAMESPACE, locale: NS },
+  ctx.slots.inject("plugins.bundle.config", () => ctx.slots.register(
+    { name: "plugins.bundle.config", key: "dsh-ds-balance", locale: NS },
     (seat) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SettingsSeatComponent, { seat, scope })
   ));
   ctx.slots.inject("sidebar.footer.action", () => ctx.slots.register(
@@ -2040,7 +1989,7 @@ function apply(ctx) {
     (seat) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SidebarSeatComponent, { seat, scope })
   ));
 }
-		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_detailsSummary {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 18px;\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n  list-style: none;\n}\n.fields_detailsSummary::-webkit-details-marker {\n  display: none;\n}\n.fields_detailsSummary::before {\n  content: \"\";\n  flex: none;\n  width: 5px;\n  height: 5px;\n  border-right: 1.5px solid currentColor;\n  border-bottom: 1.5px solid currentColor;\n  transform: translate(-0.5px, -1px) rotate(-45deg);\n  transition: transform 120ms ease;\n}\n.fields_details[open] > .fields_detailsSummary::before {\n  transform: translate(-0.5px, -1px) rotate(45deg);\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_input {\n  box-sizing: border-box;\n  width: 100%;\n  height: 34px;\n  padding: 0 12px;\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: 8px;\n  background: var(--dsw-alias-bg-layer-3);\n  font: inherit;\n  font-size: 13px;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-primary);\n}\n.fields_input:focus-visible {\n  outline: none;\n  border-color: var(--dsw-alias-brand-primary);\n}\n.fields_input:disabled {\n  color: var(--dsw-alias-label-tertiary);\n  opacity: 0.6;\n  cursor: default;\n}\ninput.fields_inputStatic,\ninput.fields_inputStatic:hover,\ninput.fields_inputStatic:focus,\ninput.fields_inputStatic:focus-visible,\ninput.fields_inputStatic: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  pointer-events: none;\n}\n.fields_inputInvalid {\n  box-sizing: border-box;\n  width: 100%;\n  height: 34px;\n  padding: 0 12px;\n  border: 1px solid var(--dsw-alias-state-error-primary);\n  border-radius: 8px;\n  background: var(--dsw-alias-bg-layer-3);\n  font: inherit;\n  font-size: 13px;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-primary);\n}\n.fields_inputInvalid:focus-visible {\n  outline: none;\n  border-color: var(--dsw-alias-brand-primary);\n}\n.fields_inputInvalid:disabled {\n  color: var(--dsw-alias-label-tertiary);\n  cursor: default;\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_actionButton {\n  appearance: none;\n  border: 0.5px solid var(--dsw-alias-border-l2);\n  border-radius: 8px;\n  padding: 5px 14px;\n  font: inherit;\n  font-size: 13px;\n  line-height: 1.5;\n  cursor: pointer;\n  background: none;\n  color: var(--dsw-alias-label-secondary);\n}\n.fields_actionButton:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n  border-color: var(--dsw-alias-label-dimmed);\n}\n.fields_actionButton:disabled {\n  opacity: 0.4;\n  cursor: default;\n}\n.fields_actionButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\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_card {\n  list-style: none;\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: 16px;\n  background: var(--dsw-alias-bg-layer-3);\n  transition: border-color .16s, background .16s;\n}\n.BalanceSettingsCard_card:hover {\n  border-color: var(--dsw-alias-label-dimmed);\n}\n.BalanceSettingsCard_cardOpen {\n  background: var(--dsw-alias-bg-layer-2);\n  border-color: var(--dsw-alias-label-dimmed);\n}\n.BalanceSettingsCard_header {\n  width: 100%;\n  appearance: none;\n  border: 0;\n  background: none;\n  font: inherit;\n  color: inherit;\n  text-align: left;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 14px 16px;\n  border-radius: 12px;\n}\n.BalanceSettingsCard_header:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: -2px;\n}\n.BalanceSettingsCard_headText {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.BalanceSettingsCard_name {\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 1.4;\n  color: var(--dsw-alias-label-primary);\n}\n.BalanceSettingsCard_description {\n  font-size: 13px;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-tertiary);\n}\n.BalanceSettingsCard_chevronWrap {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n}\n.BalanceSettingsCard_chevron {\n  color: var(--dsw-alias-label-tertiary);\n  transition: transform .16s;\n}\n.BalanceSettingsCard_chevronOpen {\n  transform: rotate(180deg);\n}\n.BalanceSettingsCard_pending {\n  flex: none;\n}\n.BalanceSettingsCard_body {\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n  margin: 0 16px;\n  padding-bottom: 0;\n}\n.BalanceSettingsCard_readOnly {\n  margin: 12px 0 0;\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  justify-content: flex-end;\n  gap: 8px;\n  padding: 12px 0;\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\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.BalanceSettingsCard_discard,\n.BalanceSettingsCard_save {\n  appearance: none;\n  border: 0.5px solid transparent;\n  border-radius: 8px;\n  padding: 5px 14px;\n  font: inherit;\n  font-size: 13px;\n  line-height: 1.5;\n  cursor: pointer;\n}\n.BalanceSettingsCard_discard {\n  border-color: var(--dsw-alias-border-l2);\n  background: none;\n  color: var(--dsw-alias-label-secondary);\n}\n.BalanceSettingsCard_discard:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n  border-color: var(--dsw-alias-label-dimmed);\n}\n.BalanceSettingsCard_save {\n  background: var(--dsw-alias-label-primary);\n  color: var(--dsw-alias-bg-layer-3);\n}\n.BalanceSettingsCard_discard:disabled,\n.BalanceSettingsCard_save:disabled {\n  opacity: 0.4;\n  cursor: default;\n}\n.BalanceSettingsCard_discard:focus-visible,\n.BalanceSettingsCard_save:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/* src/client/sidebar/BalancePopover.module.css */\n.BalancePopover_panel {\n  position: fixed;\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  background: var(--dsw-specific-menu);\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_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}\n.BalancePopover_titleLabel svg {\n  flex: none;\n  width: 14px;\n  height: auto;\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_track {\n  fill: none;\n  stroke: var(--dsw-alias-border-l3);\n  stroke-width: 2;\n}\n.PercentRing_fill {\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 2;\n  stroke-linecap: round;\n}\n.PercentRing_cross {\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.5;\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: 50%;\n  corner-shape: round;\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}\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_detailsSummary {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 18px;\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n  list-style: none;\n}\n.fields_detailsSummary::-webkit-details-marker {\n  display: none;\n}\n.fields_detailsSummary::before {\n  content: \"\";\n  flex: none;\n  width: 5px;\n  height: 5px;\n  border-right: 1.5px solid currentColor;\n  border-bottom: 1.5px solid currentColor;\n  transform: translate(-0.5px, -1px) rotate(-45deg);\n  transition: transform 120ms ease;\n}\n.fields_details[open] > .fields_detailsSummary::before {\n  transform: translate(-0.5px, -1px) rotate(45deg);\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_input {\n  box-sizing: border-box;\n  width: 100%;\n  height: 34px;\n  padding: 0 12px;\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: 8px;\n  background: var(--dsw-alias-bg-layer-3);\n  font: inherit;\n  font-size: 13px;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-primary);\n}\n.fields_input:focus-visible {\n  outline: none;\n  border-color: var(--dsw-alias-brand-primary);\n}\n.fields_input:disabled {\n  color: var(--dsw-alias-label-tertiary);\n  opacity: 0.6;\n  cursor: default;\n}\ninput.fields_inputStatic,\ninput.fields_inputStatic:hover,\ninput.fields_inputStatic:focus,\ninput.fields_inputStatic:focus-visible,\ninput.fields_inputStatic: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  pointer-events: none;\n}\n.fields_inputInvalid {\n  box-sizing: border-box;\n  width: 100%;\n  height: 34px;\n  padding: 0 12px;\n  border: 1px solid var(--dsw-alias-state-error-primary);\n  border-radius: 8px;\n  background: var(--dsw-alias-bg-layer-3);\n  font: inherit;\n  font-size: 13px;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-primary);\n}\n.fields_inputInvalid:focus-visible {\n  outline: none;\n  border-color: var(--dsw-alias-brand-primary);\n}\n.fields_inputInvalid:disabled {\n  color: var(--dsw-alias-label-tertiary);\n  cursor: default;\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_actionButton {\n  appearance: none;\n  border: 0.5px solid var(--dsw-alias-border-l2);\n  border-radius: 8px;\n  padding: 5px 14px;\n  font: inherit;\n  font-size: 13px;\n  line-height: 1.5;\n  cursor: pointer;\n  background: none;\n  color: var(--dsw-alias-label-secondary);\n}\n.fields_actionButton:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n  border-color: var(--dsw-alias-label-dimmed);\n}\n.fields_actionButton:disabled {\n  opacity: 0.4;\n  cursor: default;\n}\n.fields_actionButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\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.BalanceSettingsCard_save {\n  appearance: none;\n  border: 0.5px solid transparent;\n  border-radius: 8px;\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: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/* src/client/sidebar/BalancePopover.module.css */\n.BalancePopover_panel {\n  position: fixed;\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  background: var(--dsw-specific-menu);\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_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}\n.BalancePopover_titleLabel svg {\n  flex: none;\n  width: 14px;\n  height: auto;\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_track {\n  fill: none;\n  stroke: var(--dsw-alias-border-l3);\n  stroke-width: 2;\n}\n.PercentRing_fill {\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 2;\n  stroke-linecap: round;\n}\n.PercentRing_cross {\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.5;\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: 50%;\n  corner-shape: round;\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}\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');

package/lib/types/client/index.d.ts

@@ -1,8 +1,8 @@
 /**
- * 浏览器半边入口：注册词典、设置卡片与左下角条目。
+ * 浏览器半边入口：注册词典、Plugins 页里的配置卡片与左下角条目。
  *
- * 这两半各占一个 slot，互不依赖；设置卡片的位置由宿主 `installSection` 与
- * 本文件注册的 `settings.plugin.item` 用同一个命名空间配对决定。
+ * 这两半各占一个 slot，互不依赖；配置卡片挂在 `plugins.bundle.config` 上，
+ * 宿主按**包名**取这一格，设置命名空间只用来绑作用域。
  * @module dsh-ds-balance/client
  */
 import type { Context as ClientContext } from '@deepseek-ai/cordis';

package/lib/types/client/locales.d.ts

@@ -28,8 +28,6 @@ export declare const zh: {
     readonly 'state.empty': "尚未配置";
     readonly 'state.noKey': "尚未填写 API Key";
     readonly 'state.noBalance': "暂无余额";
-    readonly 'settings.title': "DeepSeek 余额";
-    readonly 'settings.description': "配置账户连接、刷新节奏与预警阈值。";
     readonly 'settings.group.connection': "连接";
     readonly 'settings.group.refresh': "刷新";
     readonly 'settings.group.display': "展示";
@@ -66,7 +64,6 @@ export declare const zh: {
     readonly 'settings.test.fail': "连接失败：{message}";
     readonly 'settings.save': "保存";
     readonly 'settings.saving': "保存中…";
-    readonly 'settings.discard': "放弃修改";
     readonly 'settings.failed': "保存失败，请重试。";
     readonly 'settings.readOnly': "当前配置只读，无法保存修改。";
     readonly 'settings.unsaved': "未保存";

package/lib/types/client/settings/BalanceSettingsCard.d.ts

@@ -1,5 +1,5 @@
 /**
- * 「DeepSeek 余额」在设置页里的配置卡片。
+ * 「DeepSeek 余额」在 Plugins 页里该 bundle 详情页上的配置卡片：标题由页面画，卡内只有控件与保存。
  * 只做配置：连接、展示、阈值、刷新四组；不展示任何额度信息，也不按阈值给任何东西上色。
  * 分组按使用频率排序：刷新三项有合理默认值，放最后。
  * @module dsh-ds-balance/client/settings/BalanceSettingsCard

package/lib/version.d.ts

@@ -8,5 +8,5 @@
 /** 线上 schema 版本。响应里逐条回传，消费方据此判断兼容性。 */
 export declare const SCHEMA_VERSION = 1;
 /** 插件版本。与 `package.json` 的 `version` 一致（有测试兜底）。 */
-export declare const PLUGIN_VERSION = "1.1.0";
+export declare const PLUGIN_VERSION = "2.0.0-alpha.0";
 //# sourceMappingURL=version.d.ts.map

package/lib/version.js

@@ -8,5 +8,5 @@
 /** 线上 schema 版本。响应里逐条回传，消费方据此判断兼容性。 */
 export const SCHEMA_VERSION = 1;
 /** 插件版本。与 `package.json` 的 `version` 一致（有测试兜底）。 */
-export const PLUGIN_VERSION = '1.1.0';
+export const PLUGIN_VERSION = '2.0.0-alpha.0';
 //# sourceMappingURL=version.js.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "dsh-ds-balance",
-  "version": "1.1.0",
-  "description": "DSH plugin: shows the DeepSeek account balance at the bottom of the sidebar, with a configuration card in settings.",
+  "version": "2.0.0-alpha.0",
+  "description": "DSH plugin: shows the DeepSeek account balance at the bottom of the sidebar, with a configuration card on the Plugins page.",
   "keywords": [
     "dsh",
     "deepseek-harness",
@@ -43,7 +43,7 @@
     "LICENSE"
   ],
   "engines": {
-    "dsh": "^0.1.6-alpha.1",
+    "dsh": "^0.1.6-alpha.2",
     "node": ">=20"
   },
   "dsh": {
@@ -53,7 +53,7 @@
     "client": {
       "platform": "web",
       "inject": [
-        "@deepseek-ai/dsh-client-ui-settings-plugins"
+        "@deepseek-ai/dsh-client-ui-plugin-manager"
       ]
     }
   },
@@ -69,9 +69,9 @@
     "@deepseek-ai/cordis": "^4.0.2",
     "@deepseek-ai/dsh-client-connection": "^0.1.6-alpha.1",
     "@deepseek-ai/dsh-client-locale": "^0.1.6-alpha.1",
+    "@deepseek-ai/dsh-client-ui-plugin-manager": "^0.1.6-alpha.2",
     "@deepseek-ai/dsh-client-ui-primitives": "^0.1.6-alpha.1",
     "@deepseek-ai/dsh-client-ui-settings": "^0.1.6-alpha.1",
-    "@deepseek-ai/dsh-client-ui-settings-plugins": "^0.1.6-alpha.1",
     "@deepseek-ai/dsh-client-ui-slots": "^0.1.6-alpha.1",
     "@deepseek-ai/dsh-credentials": "^0.1.6-alpha.1",
     "@deepseek-ai/dsh-home-paths": "^0.1.6-alpha.1",
@@ -85,10 +85,10 @@
     "@deepseek-ai/cordis": "^4.0.2",
     "@deepseek-ai/dsh-client-connection": "^0.1.6-alpha.1",
     "@deepseek-ai/dsh-client-locale": "^0.1.6-alpha.1",
+    "@deepseek-ai/dsh-client-ui-plugin-manager": "^0.1.6-alpha.2",
     "@deepseek-ai/dsh-client-ui-primitives": "^0.1.6-alpha.1",
     "@deepseek-ai/dsh-client-ui-renderer": "^0.1.6-alpha.1",
     "@deepseek-ai/dsh-client-ui-settings": "^0.1.6-alpha.1",
-    "@deepseek-ai/dsh-client-ui-settings-plugins": "^0.1.6-alpha.1",
     "@deepseek-ai/dsh-client-ui-sidebar": "^0.1.6-alpha.1",
     "@deepseek-ai/dsh-client-ui-slots": "^0.1.6-alpha.1",
     "@deepseek-ai/dsh-credentials": "^0.1.6-alpha.1",