dsh-ds-balance 2.1.0 → 2.1.2

package/lib/client.js

@@ -56,7 +56,10 @@ var zh = {
   "popover.cooldown": "{value} \u79D2\u540E\u53EF\u518D\u6B21\u5237\u65B0",
   "popover.mismatch": "\u672A\u627E\u5230 {wanted} \u4F59\u989D\uFF0C\u5F53\u524D\u663E\u793A {shown}",
   "popover.action.useShown": "\u6539\u7528 {shown}",
+  // 右上角图标的两档措辞。落点由**宿主能力**决定（跨插件深链服务在不在），
+  // 措辞就跟着落点分档：一句含糊的话盖不住两种落点。见 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",
@@ -137,6 +140,7 @@ var en = {
   "popover.mismatch": "No {wanted} balance found; showing {shown}",
   "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",
@@ -194,7 +198,10 @@ var en = {
   "dev.hint": "UI development only; does not affect real configuration."
 };
 function interpolate(template, params) {
-  return template.replace(/\{(\w+)\}/g, (whole, name) => Object.prototype.hasOwnProperty.call(params, name) ? params[name] : whole);
+  return template.replace(
+    /\{(\w+)\}/g,
+    (whole, name) => Object.prototype.hasOwnProperty.call(params, name) ? params[name] : whole
+  );
 }
 
 // src/client/settings/fields.tsx
@@ -226,7 +233,6 @@ var fields_default = {
   groupNote: "fields_groupNote",
   fields: "fields_fields",
   details: "fields_details",
-  detailsSummary: "fields_detailsSummary",
   detailsBody: "fields_detailsBody",
   field: "fields_field",
   row: "fields_row",
@@ -237,10 +243,10 @@ var fields_default = {
   label: "fields_label",
   badges: "fields_badges",
   reset: "fields_reset",
-  input: "fields_input",
   inputStatic: "fields_inputStatic",
   inputInvalid: "fields_inputInvalid",
   inputWithAction: "fields_inputWithAction",
+  input: "fields_input",
   reveal: "fields_reveal",
   revealOn: "fields_revealOn",
   selectorAnchor: "fields_selectorAnchor",
@@ -250,7 +256,6 @@ var fields_default = {
   pairNote: "fields_pairNote",
   invalid: "fields_invalid",
   actions: "fields_actions",
-  actionButton: "fields_actionButton",
   resultOk: "fields_resultOk",
   resultFail: "fields_resultFail"
 };
@@ -318,10 +323,10 @@ function FieldFrame(props) {
 }
 function TextControl(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "input",
+    import_dsh_client_ui_primitives.Input,
     {
       id: props.id,
-      className: props.invalid ? fields_default.inputInvalid : fields_default.input,
+      className: props.invalid ? fields_default.inputInvalid : void 0,
       type: "text",
       ...props.numeric ? { inputMode: "numeric" } : {},
       ...props.invalid ? { "aria-invalid": true } : {},
@@ -336,10 +341,10 @@ function TextControl(props) {
 }
 function ReadOnlyControl(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "input",
+    import_dsh_client_ui_primitives.Input,
     {
       id: props.id,
-      className: clsx_default(fields_default.input, fields_default.inputStatic),
+      className: fields_default.inputStatic,
       type: "text",
       value: "",
       readOnly: true
@@ -348,20 +353,20 @@ function ReadOnlyControl(props) {
 }
 function DetailsGroup(props) {
   const [open, setOpen] = (0, import_react.useState)(props.defaultOpen === true);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    "details",
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: fields_default.details, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dsh_client_ui_primitives.DisclosureRow,
     {
-      className: fields_default.details,
+      icon: null,
+      title: props.title,
       open,
-      onToggle: (event) => {
-        setOpen(event.currentTarget.open);
+      expandable: true,
+      expandOnRowClick: true,
+      onToggle: () => {
+        setOpen((value) => !value);
       },
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("summary", { className: fields_default.detailsSummary, children: props.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: fields_default.detailsBody, children: props.children })
-      ]
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: fields_default.detailsBody, children: props.children })
     }
-  );
+  ) });
 }
 function SelectorControl(props) {
   const [open, setOpen] = (0, import_react.useState)(false);
@@ -407,10 +412,10 @@ 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)(
-      "button",
+      import_dsh_client_ui_primitives.Button,
       {
         type: "button",
-        className: fields_default.actionButton,
+        variant: "outline",
         disabled: props.disabled,
         onClick: props.onClick,
         children: props.label
@@ -465,7 +470,13 @@ function selectField(field) {
 var AUTO_CURRENCY = "auto";
 var KNOWN_CURRENCIES = ["CNY", "USD"];
 var THRESHOLD_PAIRS = [
-  { currency: "CNY", warn: "cnyWarn", critical: "cnyCritical", defaultWarn: 10, defaultCritical: 5 },
+  {
+    currency: "CNY",
+    warn: "cnyWarn",
+    critical: "cnyCritical",
+    defaultWarn: 10,
+    defaultCritical: 5
+  },
   { currency: "USD", warn: "usdWarn", critical: "usdCritical", defaultWarn: 2, defaultCritical: 1 }
 ];
 function pairNumber(state, fallback) {
@@ -508,8 +519,10 @@ var SPEC_BY_FIELD = new Map(
 var TEST_LATENCY_MS = 800;
 function probeFailure(baseUrl, apiKey, apiKeyRef) {
   const url = baseUrl.trim();
-  if (url !== "" && !/^https?:\/\//i.test(url)) return "base URL must start with http:// or https://";
-  if (apiKey.trim() === "" && apiKeyRef.trim() === "") return "no API key or credential reference configured";
+  if (url !== "" && !/^https?:\/\//i.test(url))
+    return "base URL must start with http:// or https://";
+  if (apiKey.trim() === "" && apiKeyRef.trim() === "")
+    return "no API key or credential reference configured";
   return null;
 }
 function isRecord(input) {
@@ -560,16 +573,72 @@ function fieldStateOf(snapshot, spec, edit) {
   const effective = snapshot.value[spec.field];
   const stored = Object.hasOwn(snapshot.user, spec.field);
   if (edit === void 0) {
-    return isTextSpec(spec) ? { text: spec.format(effective), value: void 0, effective, stored, overridden: stored, dirty: false, invalid: false } : { text: "", value: effective, effective, stored, overridden: stored, dirty: false, invalid: false };
+    return isTextSpec(spec) ? {
+      text: spec.format(effective),
+      value: void 0,
+      effective,
+      stored,
+      overridden: stored,
+      dirty: false,
+      invalid: false
+    } : {
+      text: "",
+      value: effective,
+      effective,
+      stored,
+      overridden: stored,
+      dirty: false,
+      invalid: false
+    };
   }
   if (edit.kind === "clear") {
-    return isTextSpec(spec) ? { text: "", value: void 0, effective, stored, overridden: false, dirty: stored, invalid: false } : { text: "", value: effective, effective, stored, overridden: false, dirty: stored, invalid: false };
+    return isTextSpec(spec) ? {
+      text: "",
+      value: void 0,
+      effective,
+      stored,
+      overridden: false,
+      dirty: stored,
+      invalid: false
+    } : {
+      text: "",
+      value: effective,
+      effective,
+      stored,
+      overridden: false,
+      dirty: stored,
+      invalid: false
+    };
   }
   if (!isTextSpec(spec)) {
-    return edit.kind === "value" ? { text: "", value: edit.value, effective, stored, overridden: true, dirty: edit.value !== effective, invalid: false } : { text: "", value: effective, effective, stored, overridden: stored, dirty: false, invalid: false };
+    return edit.kind === "value" ? {
+      text: "",
+      value: edit.value,
+      effective,
+      stored,
+      overridden: true,
+      dirty: edit.value !== effective,
+      invalid: false
+    } : {
+      text: "",
+      value: effective,
+      effective,
+      stored,
+      overridden: stored,
+      dirty: false,
+      invalid: false
+    };
   }
   if (edit.kind !== "text") {
-    return { text: "", value: void 0, effective, stored, overridden: stored, dirty: false, invalid: false };
+    return {
+      text: "",
+      value: void 0,
+      effective,
+      stored,
+      overridden: stored,
+      dirty: false,
+      invalid: false
+    };
   }
   const write = spec.parse(edit.text);
   const dirty = write === void 0 ? true : write.kind === "clear" ? stored : edit.text !== spec.format(effective);
@@ -614,10 +683,7 @@ function useConfigForm(form) {
     cacheRef.current = { value, user, writable, available, snapshot: snapshot2 };
     return snapshot2;
   }, [form]);
-  const subscribe = (0, import_react2.useCallback)(
-    (listener) => form.subscribe(listener),
-    [form]
-  );
+  const subscribe = (0, import_react2.useCallback)((listener) => form.subscribe(listener), [form]);
   const snapshot = (0, import_react2.useSyncExternalStore)(subscribe, readSnapshot);
   const [staged, setStaged] = (0, import_react2.useState)(() => /* @__PURE__ */ new Map());
   const [saving, setSaving] = (0, import_react2.useState)(false);
@@ -627,18 +693,23 @@ function useConfigForm(form) {
   const [test, setTest] = (0, import_react2.useState)({ running: false, ok: null, message: "" });
   const testTimerRef = (0, import_react2.useRef)(null);
   const testRunningRef = (0, import_react2.useRef)(false);
-  (0, import_react2.useEffect)(() => () => {
-    if (testTimerRef.current !== null) clearTimeout(testTimerRef.current);
-    testTimerRef.current = null;
-    testRunningRef.current = false;
-  }, []);
+  (0, import_react2.useEffect)(
+    () => () => {
+      if (testTimerRef.current !== null) clearTimeout(testTimerRef.current);
+      testTimerRef.current = null;
+      testRunningRef.current = false;
+    },
+    []
+  );
   const plan = (0, import_react2.useMemo)(() => planWrites(snapshot, staged), [snapshot, staged]);
   const pairsInvalid = (0, import_react2.useMemo)(
-    () => THRESHOLD_PAIRS.some((pair) => !thresholdsOk(
-      pair,
-      fieldOf(snapshot, pair.warn, staged.get(pair.warn)),
-      fieldOf(snapshot, pair.critical, staged.get(pair.critical))
-    )),
+    () => THRESHOLD_PAIRS.some(
+      (pair) => !thresholdsOk(
+        pair,
+        fieldOf(snapshot, pair.warn, staged.get(pair.warn)),
+        fieldOf(snapshot, pair.critical, staged.get(pair.critical))
+      )
+    ),
     [snapshot, staged]
   );
   const invalid = plan.some((item) => item.write === void 0) || pairsInvalid;
@@ -655,17 +726,28 @@ function useConfigForm(form) {
       testTimerRef.current = null;
     }
     testRunningRef.current = false;
-    setTest((current) => current.running || current.ok !== null ? { running: false, ok: null, message: "" } : current);
+    setTest(
+      (current) => current.running || current.ok !== null ? { running: false, ok: null, message: "" } : current
+    );
   }, []);
-  const edit = (0, import_react2.useCallback)((field2, text) => {
-    stage(field2, { kind: "text", text });
-  }, [stage]);
-  const setValue = (0, import_react2.useCallback)((field2, value) => {
-    stage(field2, { kind: "value", value });
-  }, [stage]);
-  const resetField = (0, import_react2.useCallback)((field2) => {
-    stage(field2, { kind: "clear" });
-  }, [stage]);
+  const edit = (0, import_react2.useCallback)(
+    (field2, text) => {
+      stage(field2, { kind: "text", text });
+    },
+    [stage]
+  );
+  const setValue = (0, import_react2.useCallback)(
+    (field2, value) => {
+      stage(field2, { kind: "value", value });
+    },
+    [stage]
+  );
+  const resetField = (0, import_react2.useCallback)(
+    (field2) => {
+      stage(field2, { kind: "clear" });
+    },
+    [stage]
+  );
   const discard = (0, import_react2.useCallback)(() => {
     setStaged((current) => current.size === 0 ? current : /* @__PURE__ */ new Map());
     setFailed(false);
@@ -674,7 +756,9 @@ function useConfigForm(form) {
       testTimerRef.current = null;
     }
     testRunningRef.current = false;
-    setTest((current) => current.running || current.ok !== null ? { running: false, ok: null, message: "" } : current);
+    setTest(
+      (current) => current.running || current.ok !== null ? { running: false, ok: null, message: "" } : current
+    );
   }, []);
   const save = (0, import_react2.useCallback)(async () => {
     if (savingRef.current) return;
@@ -688,9 +772,11 @@ function useConfigForm(form) {
     for (const item of writes) {
       const write = item.write;
       if (write === void 0) continue;
-      ops.push(write.kind === "clear" ? { op: "unset", path: [item.field] } : { op: "set", path: [item.field], value: write.value });
+      ops.push(
+        write.kind === "clear" ? { op: "unset", path: [item.field] } : { op: "set", path: [item.field], value: write.value }
+      );
     }
-    let landed = false;
+    let landed;
     try {
       landed = await form.mutate(ops, form.getSnapshot().revision);
     } catch {
@@ -716,7 +802,9 @@ function useConfigForm(form) {
     testTimerRef.current = setTimeout(() => {
       testTimerRef.current = null;
       testRunningRef.current = false;
-      setTest(failure === null ? { running: false, ok: true, message: "" } : { running: false, ok: false, message: failure });
+      setTest(
+        failure === null ? { running: false, ok: true, message: "" } : { running: false, ok: false, message: failure }
+      );
     }, TEST_LATENCY_MS);
   }, [readSnapshot, staged]);
   const field = (0, import_react2.useCallback)(
@@ -867,8 +955,7 @@ var BalanceSettingsCard_default = {
   readOnly: "BalanceSettingsCard_readOnly",
   footer: "BalanceSettingsCard_footer",
   failed: "BalanceSettingsCard_failed",
-  notice: "BalanceSettingsCard_notice",
-  save: "BalanceSettingsCard_save"
+  notice: "BalanceSettingsCard_notice"
 };
 
 // src/client/settings/BalanceSettingsCard.tsx
@@ -918,7 +1005,8 @@ function BalanceSettingsCard({ t, form: scopedForm }) {
   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 groupOpenNow = (key) => groupOpen[key] || GROUP_FIELDS[key].some((name) => form.field(name).invalid) || // 成对校验不是字段级 invalid，得单独问一次：否则收起的阈值组会挡住「保存为什么是灰的」。
+  key === "thresholds" && THRESHOLD_PAIRS.some((pair) => !form.thresholdPairOk(pair.currency));
   const { available, writable, dirty, invalid, saving, failed } = form.state;
   const disabled = !writable || saving;
   const credentialStatus = (name) => {
@@ -1075,7 +1163,10 @@ function BalanceSettingsCard({ t, form: scopedForm }) {
               {
                 id: FIELD_IDS.apiKeyState ?? "apiKeyState",
                 label: t("settings.field.apiKey"),
-                status: { label: t(CREDENTIAL_BADGE[credentialView]), tone: credentialView === "notConfigured" ? "quiet" : "neutral" },
+                status: {
+                  label: t(CREDENTIAL_BADGE[credentialView]),
+                  tone: credentialView === "notConfigured" ? "quiet" : "neutral"
+                },
                 pending: false,
                 resettable: false,
                 pendingLabel: t("settings.unsaved"),
@@ -1085,12 +1176,7 @@ function BalanceSettingsCard({ t, form: scopedForm }) {
                 disabled: true,
                 onReset: () => {
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-                  ReadOnlyControl,
-                  {
-                    id: FIELD_IDS.apiKeyState ?? "apiKeyState"
-                  }
-                )
+                children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ReadOnlyControl, { id: FIELD_IDS.apiKeyState ?? "apiKeyState" })
               }
             ),
             textRow("baseUrl", "settings.field.baseUrl", "settings.hint.baseUrl", false),
@@ -1149,19 +1235,31 @@ function BalanceSettingsCard({ t, form: scopedForm }) {
           },
           last: true,
           children: [
-            numberRow("serverRefreshSeconds", "settings.field.serverRefreshSeconds", "settings.hint.serverRefreshSeconds"),
-            numberRow("clientPollSeconds", "settings.field.clientPollSeconds", "settings.hint.clientPollSeconds"),
-            numberRow("manualRefreshCooldownSeconds", "settings.field.manualRefreshCooldownSeconds", "settings.hint.manualRefreshCooldownSeconds")
+            numberRow(
+              "serverRefreshSeconds",
+              "settings.field.serverRefreshSeconds",
+              "settings.hint.serverRefreshSeconds"
+            ),
+            numberRow(
+              "clientPollSeconds",
+              "settings.field.clientPollSeconds",
+              "settings.hint.clientPollSeconds"
+            ),
+            numberRow(
+              "manualRefreshCooldownSeconds",
+              "settings.field.manualRefreshCooldownSeconds",
+              "settings.hint.manualRefreshCooldownSeconds"
+            )
           ]
         }
       ),
       /* @__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",
+          import_dsh_client_ui_primitives2.Button,
           {
             type: "button",
-            className: BalanceSettingsCard_default.save,
+            variant: "primary",
             disabled: !dirty || invalid || saving || !writable,
             onClick: () => {
               void form.save();
@@ -1311,9 +1409,17 @@ var scenarios = {
   /** 正常。 */
   ok: make({}),
   /** 余额偏低但可用。 */
-  warn: make({ severity: "warn", balances: [cny("8.00000000", "0.00000000", "8.00000000")], selected: { currency: "CNY", total: "8.00000000" } }),
+  warn: make({
+    severity: "warn",
+    balances: [cny("8.00000000", "0.00000000", "8.00000000")],
+    selected: { currency: "CNY", total: "8.00000000" }
+  }),
   /** 余额告急。 */
-  critical: make({ severity: "critical", balances: [cny("3.00000000", "0.00000000", "3.00000000")], selected: { currency: "CNY", total: "3.00000000" } }),
+  critical: make({
+    severity: "critical",
+    balances: [cny("3.00000000", "0.00000000", "3.00000000")],
+    selected: { currency: "CNY", total: "3.00000000" }
+  }),
   /** 账户不可用（余额耗尽 / 欠费）。 */
   unavailable: make({
     severity: "unavailable",
@@ -1322,7 +1428,14 @@ var scenarios = {
     selected: { currency: "CNY", total: "0.00000000" }
   }),
   /** 有旧值但本次刷新失败。 */
-  stale: make({ state: "stale", stale: true, severity: "unknown", ageMs: 36e5, fetchedAt: T0 - 36e5, error: { code: "NO_NETWORK", message: "fetch failed" } }),
+  stale: make({
+    state: "stale",
+    stale: true,
+    severity: "unknown",
+    ageMs: 36e5,
+    fetchedAt: T0 - 36e5,
+    error: { code: "NO_NETWORK", message: "fetch failed" }
+  }),
   /** 无值失败。 */
   error: make({
     state: "error",
@@ -1335,14 +1448,35 @@ var scenarios = {
     error: { code: "UPSTREAM_5XX", message: "upstream returned 500" }
   }),
   /** 未配置。 */
-  empty: make({ state: "empty", severity: "unknown", isAvailable: false, balances: [], selected: null, ageMs: 0 }),
+  empty: make({
+    state: "empty",
+    severity: "unknown",
+    isAvailable: false,
+    balances: [],
+    selected: null,
+    ageMs: 0
+  }),
   /** 未配置且带 NO_KEY 错误。 */
-  noKey: make({ state: "empty", severity: "unknown", isAvailable: false, balances: [], selected: null, ageMs: 0, error: { code: "NO_KEY", message: "no API key configured" } }),
+  noKey: make({
+    state: "empty",
+    severity: "unknown",
+    isAvailable: false,
+    balances: [],
+    selected: null,
+    ageMs: 0,
+    error: { code: "NO_KEY", message: "no API key configured" }
+  }),
   /** 多币种。`selected` 显式写出，不靠 `make()` 的默认值兜。 */
   multiCurrency: make({
-    balances: [cny("110.00000000", "10.00000000", "100.00000000"), { currency: "USD", total: "20.00000000", granted: "0.00000000", toppedUp: "20.00000000" }],
+    balances: [
+      cny("110.00000000", "10.00000000", "100.00000000"),
+      { currency: "USD", total: "20.00000000", granted: "0.00000000", toppedUp: "20.00000000" }
+    ],
     selected: { currency: "CNY", total: "110.00000000" },
-    thresholds: { CNY: { warn: "10.00000000", critical: "5.00000000" }, USD: { warn: "2.00000000", critical: "1.00000000" } }
+    thresholds: {
+      CNY: { warn: "10.00000000", critical: "5.00000000" },
+      USD: { warn: "2.00000000", critical: "1.00000000" }
+    }
   }),
   /**
    * 选定了账户里没有的币种（USD），账户只有 CNY。
@@ -1544,7 +1678,7 @@ function BalancePopover(props) {
     onRefresh,
     onUseShown,
     useShownDisabled,
-    onOpenPlugins
+    pluginsAction
   } = props;
   const shown = selection.shown;
   const totalText = shown === null ? BALANCE_PLACEHOLDER : formatMoney(shown.total, shown.currency);
@@ -1557,8 +1691,12 @@ function BalancePopover(props) {
   const cooling = cooldownSeconds > 0;
   let statusText = "";
   if (refreshing) statusText = t("popover.refreshing");
-  else if (cooling) statusText = interpolate(t("popover.cooldown"), { value: String(cooldownSeconds) });
+  else if (cooling)
+    statusText = interpolate(t("popover.cooldown"), { value: String(cooldownSeconds) });
   const refreshLabel = t("sidebar.aria.refresh");
+  const pluginsLabel = t(
+    pluginsAction?.reachesConfig === true ? "popover.action.openPluginConfig" : "popover.action.openPlugins"
+  );
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     "section",
     {
@@ -1582,13 +1720,13 @@ function BalancePopover(props) {
               ]
             }
           ),
-          onOpenPlugins === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives3.Tooltip, { label: t("popover.action.openPlugins"), side: "top", delayMs: 500, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          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",
             {
               type: "button",
               className: BalancePopover_default.iconButton,
-              "aria-label": t("popover.action.openPlugins"),
-              onClick: onOpenPlugins,
+              "aria-label": pluginsLabel,
+              onClick: pluginsAction.open,
               children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives3.IconPluginPinwheelOutlineRegular, { size: 16 })
             }
           ) })
@@ -1604,7 +1742,16 @@ function BalancePopover(props) {
         ] }),
         shown !== null && !selection.matchesPreference ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: BalancePopover_default.notice, children: [
           /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: BalancePopover_default.noticeText, children: interpolate(t("popover.mismatch"), { wanted: displayCurrency, shown: shown.currency }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: BalancePopover_default.noticeActions, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives3.Button, { size: "sm", variant: "outline", disabled: useShownDisabled === true, onClick: onUseShown, children: interpolate(t("popover.action.useShown"), { shown: shown.currency }) }) })
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: BalancePopover_default.noticeActions, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            import_dsh_client_ui_primitives3.Button,
+            {
+              size: "sm",
+              variant: "outline",
+              disabled: useShownDisabled === true,
+              onClick: onUseShown,
+              children: interpolate(t("popover.action.useShown"), { shown: shown.currency })
+            }
+          ) })
         ] }) : null,
         configSlotWarning === null ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: BalancePopover_default.notice, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: BalancePopover_default.noticeText, children: configSlotWarning }) }),
         /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: BalancePopover_default.footer, children: [
@@ -1649,7 +1796,13 @@ var CROSS_ARM = (2 * RADIUS - STROKE) / 2 / Math.SQRT2;
 function round3(value) {
   return Math.round(value * 1e3) / 1e3;
 }
-function PercentRing({ state, marker = null, ratio = 1, size = 18, title }) {
+function PercentRing({
+  state,
+  marker = null,
+  ratio = 1,
+  size = 18,
+  title
+}) {
   const clamped = Number.isFinite(ratio) ? Math.min(1, Math.max(0, ratio)) : 1;
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     "svg",
@@ -1728,22 +1881,24 @@ function useConfigSlotState(probe) {
   return state;
 }
 function usePluginsNavigation(navigation) {
-  const [openPlugins, setOpenPlugins] = (0, import_react5.useState)(() => navigation?.getSnapshot());
+  const [action, setAction] = (0, import_react5.useState)(() => navigation?.getSnapshot());
   (0, import_react5.useEffect)(() => {
     if (navigation === void 0) {
-      setOpenPlugins(void 0);
+      setAction(void 0);
       return;
     }
-    setOpenPlugins(() => navigation.getSnapshot());
+    setAction(navigation.getSnapshot());
     return navigation.subscribe(() => {
-      setOpenPlugins(() => navigation.getSnapshot());
+      setAction(navigation.getSnapshot());
     });
   }, [navigation]);
-  return openPlugins;
+  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 === "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";
@@ -1788,16 +1943,19 @@ function SidebarBalance({
   }, []);
   const preference = config.displayCurrency;
   const selection = (0, import_react5.useMemo)(() => selectionOf(response, preference), [response, preference]);
-  (0, import_react5.useEffect)(() => subscribeScenario((key) => {
-    const active = resolveScenario() !== null;
-    setMock(active);
-    if (!active || lastScenario.current === key) return;
-    lastScenario.current = key;
-    acceptBalance(currentBalance());
-    setRefreshing(false);
-    setCooldownUntil(0);
-    setOpen(false);
-  }), [acceptBalance]);
+  (0, import_react5.useEffect)(
+    () => subscribeScenario((key) => {
+      const active = resolveScenario() !== null;
+      setMock(active);
+      if (!active || lastScenario.current === key) return;
+      lastScenario.current = key;
+      acceptBalance(currentBalance());
+      setRefreshing(false);
+      setCooldownUntil(0);
+      setOpen(false);
+    }),
+    [acceptBalance]
+  );
   (0, import_react5.useEffect)(() => {
     if (mock) return;
     let cancelled = false;
@@ -1813,17 +1971,30 @@ function SidebarBalance({
       }
     };
     void load();
-    const id = window.setInterval(() => {
-      void load();
-    }, Math.max(5, config.clientPollSeconds) * MS_PER_SECOND);
+    const id = window.setInterval(
+      () => {
+        void load();
+      },
+      Math.max(5, config.clientPollSeconds) * MS_PER_SECOND
+    );
     return () => {
       cancelled = true;
       window.clearInterval(id);
     };
-  }, [mock, preference, config.clientPollSeconds, config.configSignature, acceptBalance, showUnreachable]);
-  (0, import_react5.useEffect)(() => () => {
-    if (refreshTimer.current !== void 0) window.clearTimeout(refreshTimer.current);
-  }, []);
+  }, [
+    mock,
+    preference,
+    config.clientPollSeconds,
+    config.configSignature,
+    acceptBalance,
+    showUnreachable
+  ]);
+  (0, import_react5.useEffect)(
+    () => () => {
+      if (refreshTimer.current !== void 0) window.clearTimeout(refreshTimer.current);
+    },
+    []
+  );
   const closeNow = (0, import_react5.useCallback)(() => {
     setOpen(false);
   }, []);
@@ -1865,7 +2036,9 @@ function SidebarBalance({
     setRefreshing(true);
     const finish = () => {
       setRefreshing(false);
-      setCooldownUntil(Date.now() + Math.max(0, config.manualRefreshCooldownSeconds) * MS_PER_SECOND);
+      setCooldownUntil(
+        Date.now() + Math.max(0, config.manualRefreshCooldownSeconds) * MS_PER_SECOND
+      );
     };
     if (mock) {
       refreshTimer.current = window.setTimeout(() => {
@@ -1887,17 +2060,32 @@ function SidebarBalance({
         finish();
       }
     })();
-  }, [cooldownUntil, config.manualRefreshCooldownSeconds, mock, preference, refreshing, acceptBalance, showUnreachable, markFresh]);
+  }, [
+    cooldownUntil,
+    config.manualRefreshCooldownSeconds,
+    mock,
+    preference,
+    refreshing,
+    acceptBalance,
+    showUnreachable,
+    markFresh
+  ]);
   const handleUseShown = (0, import_react5.useCallback)(() => {
     const current = selection.shown;
     if (current === null) return;
     void onSelectCurrency(current.currency);
   }, [selection, onSelectCurrency]);
-  const openPlugins = usePluginsNavigation(pluginsNavigation);
-  const handleOpenPlugins = (0, import_react5.useCallback)(() => {
-    closeNow();
-    openPlugins?.();
-  }, [closeNow, openPlugins]);
+  const pluginsAction = usePluginsNavigation(pluginsNavigation);
+  const popoverPluginsAction = (0, import_react5.useMemo)(
+    () => pluginsAction === void 0 ? void 0 : {
+      reachesConfig: pluginsAction.reachesConfig,
+      open: () => {
+        closeNow();
+        pluginsAction.open();
+      }
+    },
+    [closeNow, pluginsAction]
+  );
   const configSlotState = useConfigSlotState(configSlotProbe);
   const shown = selection.shown;
   const ring = ringSpecFor(response.severity);
@@ -1938,42 +2126,42 @@ function SidebarBalance({
         /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: SidebarBalance_default.icon, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PercentRing, { state: ring.state, marker: ring.marker, ratio: ringRatio, size: 16 }) }),
         /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: SidebarBalance_default.label, children: t("sidebar.label") }),
         markerLabel === null ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dsh_client_ui_primitives4.Tooltip, { label: markerHint, side: "bottom", delayMs: 500, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: SidebarBalance_default.marker, role: "img", "aria-label": markerLabel, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dsh_client_ui_primitives4.IconWarningOutlineRegular, { size: 12 }) }) })
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PercentRing, { state: ring.state, marker: ring.marker, ratio: ringRatio, size: 18, title: ringTitle })
-    }
-  );
-  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,
-        open ? (0, import_react_dom.createPortal)(
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-            BalancePopover,
-            {
-              t,
-              selection,
-              displayCurrency: preference,
-              ageMs,
-              refreshing,
-              cooldownSeconds,
-              configSlotWarning: configSlotState === "missing" ? CONFIG_SLOT_WARNING : null,
-              panelRef,
-              style: pos ?? MEASURE_STYLE,
-              onRefresh: handleRefresh,
-              onUseShown: handleUseShown,
-              useShownDisabled: !config.writable,
-              onOpenPlugins: openPlugins === void 0 ? void 0 : handleOpenPlugins
-            }
-          ),
-          document.body
-        ) : null
-      ]
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        PercentRing,
+        {
+          state: ring.state,
+          marker: ring.marker,
+          ratio: ringRatio,
+          size: 18,
+          title: ringTitle
+        }
+      )
     }
   );
+  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,
+    open ? (0, import_react_dom.createPortal)(
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        BalancePopover,
+        {
+          t,
+          selection,
+          displayCurrency: preference,
+          ageMs,
+          refreshing,
+          cooldownSeconds,
+          configSlotWarning: configSlotState === "missing" ? CONFIG_SLOT_WARNING : null,
+          panelRef,
+          style: pos ?? MEASURE_STYLE,
+          onRefresh: handleRefresh,
+          onUseShown: handleUseShown,
+          useShownDisabled: !config.writable,
+          pluginsAction: popoverPluginsAction
+        }
+      ),
+      document.body
+    ) : null
+  ] });
 }
 
 // src/client/index.tsx
@@ -2063,25 +2251,59 @@ function SettingsSeatComponent(props) {
 }
 var PLUGINS_PANEL_ID = "plugins";
 function createPluginsNavigation() {
-  let open;
+  let selectPanel;
+  let openBundle;
+  let snapshot;
   const listeners2 = /* @__PURE__ */ new Set();
-  const publish = (next) => {
-    if (next === open) return;
-    open = next;
+  const open = () => {
+    if (openBundle !== void 0) {
+      try {
+        openBundle(BUNDLE_CONFIG_KEY);
+        return;
+      } catch (error) {
+        console.warn("[WARN] ds-balance: cannot open the bundle config page", error);
+      }
+    }
+    try {
+      selectPanel?.();
+    } catch (error) {
+      console.warn("[WARN] ds-balance: cannot switch to the plugins panel", error);
+    }
+  };
+  const publish = () => {
+    const reachesConfig = openBundle !== void 0;
+    const next = selectPanel === void 0 ? void 0 : { open, reachesConfig };
+    const unchanged = next === void 0 ? snapshot === void 0 : snapshot !== void 0 && snapshot.reachesConfig === reachesConfig;
+    if (unchanged) return;
+    snapshot = next;
     for (const listener of [...listeners2]) listener();
   };
   return {
-    getSnapshot: () => open,
+    getSnapshot: () => snapshot,
     subscribe: (listener) => {
       listeners2.add(listener);
       return () => {
         listeners2.delete(listener);
       };
     },
-    attach: (callback) => {
-      publish(callback);
+    attachPanel: (callback) => {
+      selectPanel = callback;
+      publish();
       return () => {
-        if (open === callback) publish(void 0);
+        if (selectPanel === callback) {
+          selectPanel = void 0;
+          publish();
+        }
+      };
+    },
+    attachDeepLink: (callback) => {
+      openBundle = callback;
+      publish();
+      return () => {
+        if (openBundle === callback) {
+          openBundle = void 0;
+          publish();
+        }
       };
     }
   };
@@ -2091,21 +2313,16 @@ function apply(ctx) {
   const configSlotProbe = createConfigSlotProbe();
   ctx.effect(() => () => configSlotProbe.dispose(), "ds-balance: config slot probe");
   const pluginsNavigation = createPluginsNavigation();
-  let openBundlePanel;
   ctx.inject(["pluginNavigation"], (navCtx) => {
     const face = navCtx["pluginNavigation"];
     if (typeof face !== "object" || face === null) return;
     const candidate = face["openBundle"];
     if (typeof candidate !== "function") return;
     const openBundle = candidate.bind(face);
-    navCtx.effect(() => {
-      openBundlePanel = (packageName) => {
-        openBundle(packageName);
-      };
-      return () => {
-        openBundlePanel = void 0;
-      };
-    }, "ds-balance: bundle config deep link");
+    navCtx.effect(
+      () => pluginsNavigation.attachDeepLink(openBundle),
+      "ds-balance: bundle config deep link"
+    );
   });
   ctx.inject(["layout"], (layoutCtx) => {
     if (!("layout" in layoutCtx)) return;
@@ -2113,44 +2330,41 @@ function apply(ctx) {
     if (typeof face !== "object" || face === null) return;
     if (!("selectPanel" in face) || typeof face.selectPanel !== "function") return;
     const selectPanel = face.selectPanel.bind(face);
-    layoutCtx.effect(() => pluginsNavigation.attach(() => {
-      if (openBundlePanel !== void 0) {
-        try {
-          openBundlePanel(BUNDLE_CONFIG_KEY);
-          return;
-        } catch (error) {
-          console.warn("[WARN] ds-balance: cannot open the bundle config page", error);
-        }
-      }
-      try {
+    layoutCtx.effect(
+      () => pluginsNavigation.attachPanel(() => {
         selectPanel(PLUGINS_PANEL_ID);
-      } catch (error) {
-        console.warn("[WARN] ds-balance: cannot switch to the plugins panel", error);
-      }
-    }), "ds-balance: plugins panel navigation");
+      }),
+      "ds-balance: plugins panel navigation"
+    );
   });
   ctx.inject(["configForms"], (configCtx) => {
     configSlotProbe.markDeclared();
     const form = configCtx.configForms.get(ENTRY_ID);
-    ctx.slots.inject(CONFIG_SLOT, () => ctx.slots.register(
-      { name: CONFIG_SLOT, key: BUNDLE_CONFIG_KEY, locale: NS },
-      (seat) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SettingsSeatComponent, { seat, form })
-    ));
-    ctx.slots.inject("sidebar.footer.action", () => ctx.slots.register(
-      { name: "sidebar.footer.action", id: SIDEBAR_ENTRY_ID, order: 0, locale: NS },
-      (seat) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-        SidebarSeatComponent,
-        {
-          seat,
-          form,
-          configSlotProbe,
-          pluginsNavigation
-        }
+    ctx.slots.inject(
+      CONFIG_SLOT,
+      () => ctx.slots.register(
+        { name: CONFIG_SLOT, key: BUNDLE_CONFIG_KEY, locale: NS },
+        (seat) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SettingsSeatComponent, { seat, form })
       )
-    ));
+    );
+    ctx.slots.inject(
+      "sidebar.footer.action",
+      () => ctx.slots.register(
+        { name: "sidebar.footer.action", id: SIDEBAR_ENTRY_ID, order: 0, locale: NS },
+        (seat) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          SidebarSeatComponent,
+          {
+            seat,
+            form,
+            configSlotProbe,
+            pluginsNavigation
+          }
+        )
+      )
+    );
   });
 }
-		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  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: 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 __dsbTagId = "dsh-ds-balance/client.css";
 if (typeof document !== 'undefined' && document.querySelector('style[data-plugin-css="' + __dsbTagId + '"]') === null) {
   var __dsbTag = document.createElement('style');