dsh-ds-balance 1.0.0

package/lib/client.js

@@ -0,0 +1,2120 @@
+window.__ModuleLoader__.load({
+	id: "dsh-ds-balance",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/client/index.tsx
+var client_exports = {};
+__export(client_exports, {
+  SETTINGS_NAMESPACE: () => SETTINGS_NAMESPACE,
+  apply: () => apply,
+  inject: () => inject
+});
+module.exports = __toCommonJS(client_exports);
+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
+var NS = "ds-balance";
+var zh = {
+  "sidebar.label": "DeepSeek \u4F59\u989D",
+  "sidebar.aria.balance": "DeepSeek \u4F59\u989D",
+  "sidebar.aria.ring": "DeepSeek \u4F59\u989D\u72B6\u6001",
+  "sidebar.aria.refresh": "\u5237\u65B0\u4F59\u989D",
+  "sidebar.aria.mismatch": "\u663E\u793A\u7684\u5E01\u79CD\u4E0E\u4F60\u9009\u62E9\u7684\u4E0D\u4E00\u81F4",
+  "popover.title": "\u8D26\u6237\u4F59\u989D",
+  "popover.total": "\u4F59\u989D",
+  "popover.granted": "\u8D60\u9001",
+  "popover.toppedUp": "\u5145\u503C",
+  "popover.updated": "{value}\u524D",
+  "popover.updated.justNow": "\u521A\u521A\u66F4\u65B0",
+  "popover.refreshing": "\u5237\u65B0\u4E2D",
+  "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}",
+  "popover.action.openSettings": "\u53BB\u8BBE\u7F6E",
+  "state.unavailable": "\u8D26\u6237\u4E0D\u53EF\u7528",
+  "state.stale": "\u6570\u636E\u5DF2\u8FC7\u671F",
+  "state.error": "\u8BFB\u53D6\u5931\u8D25",
+  "state.empty": "\u5C1A\u672A\u914D\u7F6E",
+  "state.noKey": "\u5C1A\u672A\u586B\u5199 API Key",
+  "state.noBalance": "\u6682\u65E0\u4F59\u989D",
+  "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",
+  "settings.group.thresholds": "\u9608\u503C",
+  "settings.field.apiKey": "API \u5BC6\u94A5",
+  "settings.field.apiKeyRef": "API \u5BC6\u94A5\u5F15\u7528\u540D",
+  "settings.field.baseUrl": "API \u5730\u5740",
+  "settings.field.serverRefreshSeconds": "\u670D\u52A1\u7AEF\u5237\u65B0\u9891\u7387\uFF08\u79D2\uFF09",
+  "settings.field.clientPollSeconds": "\u5BA2\u6237\u7AEF\u8F6E\u8BE2\u9891\u7387\uFF08\u79D2\uFF09",
+  "settings.field.manualRefreshCooldownSeconds": "\u624B\u52A8\u5237\u65B0\u51B7\u5374\uFF08\u79D2\uFF09",
+  "settings.field.displayCurrency": "\u663E\u793A\u5E01\u79CD",
+  "settings.field.cnyWarn": "CNY \u9884\u8B66",
+  "settings.field.cnyCritical": "CNY \u544A\u6025",
+  "settings.field.usdWarn": "USD \u9884\u8B66",
+  "settings.field.usdCritical": "USD \u544A\u6025",
+  "settings.hint.apiKey": "\u7559\u7A7A\u5219\u6539\u7528\u5F15\u7528\u540D\u4ECE\u51ED\u636E\u5B58\u50A8\u8BFB\u53D6\u3002",
+  "settings.hint.apiKeyRef": "\u51ED\u636E\u5B58\u50A8\u91CC\u7684\u6761\u76EE\u540D\uFF1B\u975E\u7A7A\u65F6\u4F18\u5148\u4E8E API Key\u3002",
+  "settings.hint.baseUrl": "\u5B98\u65B9\u7AEF\u70B9\uFF1B\u4F7F\u7528\u4EE3\u7406\u6216\u955C\u50CF\u65F6\u4FEE\u6539\u3002",
+  "settings.hint.displayCurrency": "\u6240\u9009\u5E01\u79CD\u4E0D\u5B58\u5728\u65F6\uFF0C\u56DE\u843D\u5230\u8D26\u6237\u5B9E\u9645\u6301\u6709\u7684\u5E01\u79CD\u3002",
+  "settings.hint.number": "\u8BF7\u586B\u6570\u5B57\uFF1B\u7559\u7A7A\u8868\u793A\u4F7F\u7528\u9ED8\u8BA4\u503C\u3002",
+  "settings.hint.threshold": "\u540E\u7AEF\u5224\u5B9A\uFF1B\u754C\u9762\u989C\u8272\u8DDF\u968F\u8FD4\u56DE\u7684\u4E25\u91CD\u5EA6\u3002",
+  "settings.hint.thresholdPair": "\u544A\u6025\u503C\u5FC5\u987B\u4F4E\u4E8E\u9884\u8B66\u503C",
+  "settings.hint.serverRefreshSeconds": "\u8BBF\u95EE\u5B98\u65B9\u63A5\u53E3\u7684\u95F4\u9694\u3002",
+  "settings.hint.clientPollSeconds": "\u5237\u65B0\u663E\u793A\u7684\u95F4\u9694\uFF1B\u53EA\u8BFB\u672C\u5730\u7F13\u5B58\uFF0C\u4E0D\u8BBF\u95EE\u4E0A\u6E38\u3002",
+  "settings.hint.manualRefreshCooldownSeconds": "\u4E24\u6B21\u624B\u52A8\u5237\u65B0\u4E4B\u95F4\u7684\u6700\u77ED\u95F4\u9694\u3002",
+  "settings.currency.auto": "\u81EA\u52A8\uFF08\u8DDF\u968F\u8D26\u6237\uFF09",
+  // 凭据只读时的**状态徽章**文案。此前这里放的是输入框占位符，逐字抄官方 settings.models
+  // 的 keyEnvLocked；现在输入框留空、状态走标签行右侧的徽章，措辞随之改短。
+  "settings.credential.envLocked": "\u5DF2\u7531\u542F\u52A8\u73AF\u5883\u63D0\u4F9B",
+  // 只读凭据行下方的说明，按状态四选一。其中「已配置」那条逐字用官方 webSearchApiKeyHint。
+  "settings.hint.credential.env": "\u542F\u52A8\u73AF\u5883\u63D0\u4F9B\uFF0C\u53EA\u8BFB\u3002",
+  "settings.hint.credential.configured": "\u4E0D\u5199\u5165\u8BBE\u7F6E\u6587\u4EF6\u3002\u7559\u7A7A\u8868\u793A\u4FDD\u6301\u5F53\u524D\u5BC6\u94A5\u3002",
+  "settings.hint.credential.notConfigured": "\u5C1A\u672A\u914D\u7F6E\u3002",
+  "settings.hint.credential.overridden": "\u4F7F\u7528\u81EA\u5B9A\u4E49\u8BBE\u7F6E\u91CC\u7684\u503C\uFF0C\u5FFD\u7565\u7EE7\u627F\u3002",
+  "settings.group.customized": "\u81EA\u5B9A\u4E49\u8BBE\u7F6E",
+  "settings.test": "\u6D4B\u8BD5\u8FDE\u63A5",
+  "settings.testing": "\u6D4B\u8BD5\u4E2D\u2026",
+  "settings.test.ok": "\u8FDE\u63A5\u6B63\u5E38\u3002",
+  "settings.test.fail": "\u8FDE\u63A5\u5931\u8D25\uFF1A{message}",
+  "settings.save": "\u4FDD\u5B58",
+  "settings.saving": "\u4FDD\u5B58\u4E2D\u2026",
+  "settings.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",
+  "settings.invalid": "\u8BF7\u68C0\u67E5\u6807\u7EA2\u7684\u5B57\u6BB5\u3002",
+  "settings.configured": "\u5DF2\u914D\u7F6E",
+  "settings.notConfigured": "\u672A\u914D\u7F6E",
+  "settings.overridden": "\u5DF2\u8986\u76D6",
+  "settings.reset": "\u91CD\u7F6E",
+  "settings.invalidNumber": "\u8BF7\u586B\u6570\u5B57\uFF1B\u7559\u7A7A\u8868\u793A\u4F7F\u7528\u9ED8\u8BA4\u503C\u3002",
+  "settings.hint.refreshAdvanced": "\u4E0D\u5E38\u6539\uFF1A\u9ED8\u8BA4\u503C\u9002\u7528\u4E8E\u5927\u591A\u6570\u60C5\u51B5\u3002",
+  "settings.currencyMismatch": "\u5F53\u524D\u8D26\u6237\u65E0 {wanted} \u4F59\u989D\uFF0C\u5B9E\u9645\u663E\u793A {shown}",
+  "dev.title": "\u5F00\u53D1\u573A\u666F",
+  "dev.hint": "\u4EC5\u7528\u4E8E UI \u5F00\u53D1\uFF1B\u4E0D\u5F71\u54CD\u771F\u5B9E\u914D\u7F6E\u3002"
+};
+var en = {
+  "sidebar.label": "DeepSeek balance",
+  "sidebar.aria.balance": "DeepSeek balance",
+  "sidebar.aria.ring": "DeepSeek balance status",
+  "sidebar.aria.refresh": "Refresh balance",
+  "sidebar.aria.mismatch": "Shown currency differs from your selection",
+  "popover.title": "Account balance",
+  "popover.total": "Balance",
+  "popover.granted": "Granted",
+  "popover.toppedUp": "Topped up",
+  "popover.updated": "{value} ago",
+  "popover.updated.justNow": "Updated just now",
+  "popover.refreshing": "Refreshing",
+  "popover.cooldown": "Refresh available in {value}s",
+  "popover.mismatch": "No {wanted} balance found; showing {shown}",
+  "popover.action.useShown": "Use {shown}",
+  "popover.action.openSettings": "Open settings",
+  "state.unavailable": "Account unavailable",
+  "state.stale": "Data is stale",
+  "state.error": "Failed to load",
+  "state.empty": "Not configured",
+  "state.noKey": "API key missing",
+  "state.noBalance": "No balance",
+  "settings.title": "DeepSeek balance",
+  "settings.description": "Connection, refresh cadence, and warning thresholds.",
+  "settings.group.connection": "Connection",
+  "settings.group.refresh": "Refresh",
+  "settings.group.display": "Display",
+  "settings.group.thresholds": "Thresholds",
+  "settings.field.apiKey": "API key",
+  "settings.field.apiKeyRef": "API key reference",
+  "settings.field.baseUrl": "Base URL",
+  "settings.field.serverRefreshSeconds": "Server refresh (seconds)",
+  "settings.field.clientPollSeconds": "Client poll (seconds)",
+  "settings.field.manualRefreshCooldownSeconds": "Manual refresh cooldown (seconds)",
+  "settings.field.displayCurrency": "Display currency",
+  "settings.field.cnyWarn": "CNY warning",
+  "settings.field.cnyCritical": "CNY critical",
+  "settings.field.usdWarn": "USD warning",
+  "settings.field.usdCritical": "USD critical",
+  "settings.hint.apiKey": "Leave empty to resolve from the credential reference instead.",
+  "settings.hint.apiKeyRef": "Credential store entry name; takes precedence over the API key.",
+  "settings.hint.baseUrl": "Official endpoint; change it for a proxy or mirror.",
+  "settings.hint.displayCurrency": "Falls back to a currency the account actually holds.",
+  "settings.hint.number": "Enter a number; leave empty to use the default.",
+  "settings.hint.threshold": "Decided on the server; the UI colour follows the returned severity.",
+  "settings.hint.thresholdPair": "Critical must be lower than warning",
+  "settings.hint.serverRefreshSeconds": "How often the official API is called.",
+  "settings.hint.clientPollSeconds": "How often the display refreshes; local cache only.",
+  "settings.hint.manualRefreshCooldownSeconds": "Minimum gap between two manual refreshes.",
+  "settings.currency.auto": "Automatic (follow account)",
+  "settings.credential.envLocked": "Provided by launch environment",
+  "settings.hint.credential.env": "Provided by the launch environment; read-only.",
+  "settings.hint.credential.configured": "Never written to the settings file. Leave empty to keep the current key.",
+  "settings.hint.credential.notConfigured": "Not configured yet.",
+  "settings.hint.credential.overridden": "Uses the value in Customised settings; the inherited one is ignored.",
+  "settings.group.customized": "Customized settings",
+  "settings.test": "Test connection",
+  "settings.testing": "Testing\u2026",
+  "settings.test.ok": "Connection looks good.",
+  "settings.test.fail": "Connection failed: {message}",
+  "settings.save": "Save",
+  "settings.saving": "Saving\u2026",
+  "settings.discard": "Discard",
+  "settings.failed": "Saving failed. Try again.",
+  "settings.readOnly": "This configuration is read-only.",
+  "settings.unsaved": "Unsaved",
+  "settings.invalid": "Check the highlighted fields.",
+  "settings.configured": "Configured",
+  "settings.notConfigured": "Not configured",
+  "settings.overridden": "Overridden",
+  "settings.reset": "Reset",
+  "settings.invalidNumber": "Enter a number; leave empty to use the default.",
+  "settings.hint.refreshAdvanced": "Rarely changed: the defaults suit most setups.",
+  "settings.currencyMismatch": "The account has no {wanted} balance; showing {shown}",
+  "dev.title": "Dev scenario",
+  "dev.hint": "UI development only; does not affect real configuration."
+};
+function interpolate(template, params) {
+  return template.replace(/\{(\w+)\}/g, (whole, name) => Object.prototype.hasOwnProperty.call(params, name) ? params[name] : whole);
+}
+
+// src/client/settings/fields.tsx
+var import_react = require("react");
+var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+
+// src/client/settings/fields.module.css
+var fields_default = {
+  group: "fields_group",
+  groupLast: "fields_groupLast",
+  groupNote: "fields_groupNote",
+  fields: "fields_fields",
+  details: "fields_details",
+  detailsSummary: "fields_detailsSummary",
+  detailsBody: "fields_detailsBody",
+  field: "fields_field",
+  row: "fields_row",
+  rowText: "fields_rowText",
+  rowTitleLine: "fields_rowTitleLine",
+  rowTitle: "fields_rowTitle",
+  head: "fields_head",
+  label: "fields_label",
+  badges: "fields_badges",
+  reset: "fields_reset",
+  input: "fields_input",
+  inputInvalid: "fields_inputInvalid",
+  inputWithAction: "fields_inputWithAction",
+  reveal: "fields_reveal",
+  revealOn: "fields_revealOn",
+  selectorAnchor: "fields_selectorAnchor",
+  selector: "fields_selector",
+  selectorChevron: "fields_selectorChevron",
+  hint: "fields_hint",
+  pairNote: "fields_pairNote",
+  invalid: "fields_invalid",
+  actions: "fields_actions",
+  actionButton: "fields_actionButton",
+  resultOk: "fields_resultOk",
+  resultFail: "fields_resultFail"
+};
+
+// src/client/settings/fields.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function FieldGroup(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_dsh_client_ui_primitives.DisclosureRow,
+    {
+      className: clsx_default(fields_default.group, props.last === true && fields_default.groupLast),
+      icon: props.icon,
+      title: props.title,
+      open: props.open,
+      expandable: true,
+      expandOnRowClick: true,
+      onToggle: props.onToggle,
+      children: [
+        props.note === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: fields_default.groupNote, children: props.note }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: fields_default.fields, children: props.children })
+      ]
+    }
+  );
+}
+function FieldBadges(props) {
+  const status = props.status ?? null;
+  if (status === null && !props.pending && !props.resettable) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: fields_default.badges, children: [
+    status === null ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Tag, { tone: status.tone, children: status.label }),
+    props.pending ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Tag, { tone: "neutral", children: props.pendingLabel }) : null,
+    props.resettable ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        type: "button",
+        className: fields_default.reset,
+        disabled: props.disabled,
+        onClick: props.onReset,
+        children: props.resetLabel
+      }
+    ) : null
+  ] });
+}
+function FieldFrame(props) {
+  const note = props.invalid ? props.invalidNote ?? props.hint : props.hint;
+  const hasNote = note !== void 0 && note !== null && note !== "";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: fields_default.field, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: fields_default.head, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: fields_default.label, htmlFor: props.id, children: props.label }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        FieldBadges,
+        {
+          status: props.status ?? null,
+          pending: props.pending,
+          resettable: props.resettable,
+          pendingLabel: props.pendingLabel,
+          resetLabel: props.resetLabel,
+          disabled: props.disabled,
+          onReset: props.onReset
+        }
+      )
+    ] }),
+    props.children,
+    hasNote ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: props.invalid ? fields_default.invalid : fields_default.hint, children: note }) : null
+  ] });
+}
+function TextControl(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "input",
+    {
+      id: props.id,
+      className: props.invalid ? fields_default.inputInvalid : fields_default.input,
+      type: "text",
+      ...props.numeric ? { inputMode: "numeric" } : {},
+      ...props.invalid ? { "aria-invalid": true } : {},
+      value: props.text,
+      disabled: props.disabled,
+      onBlur: props.onBlur,
+      onChange: (event) => {
+        props.onEdit(event.target.value);
+      }
+    }
+  );
+}
+function ReadOnlyControl(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "input",
+    {
+      id: props.id,
+      className: fields_default.input,
+      type: "text",
+      value: "",
+      readOnly: true,
+      disabled: true
+    }
+  );
+}
+function DetailsGroup(props) {
+  const [open, setOpen] = (0, import_react.useState)(props.defaultOpen === true);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "details",
+    {
+      className: fields_default.details,
+      open,
+      onToggle: (event) => {
+        setOpen(event.currentTarget.open);
+      },
+      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 })
+      ]
+    }
+  );
+}
+function SecretControl(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: fields_default.inputWithAction, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "input",
+      {
+        id: props.id,
+        className: props.invalid ? fields_default.inputInvalid : fields_default.input,
+        type: props.revealed ? "text" : "password",
+        autoComplete: "off",
+        spellCheck: false,
+        ...props.invalid ? { "aria-invalid": true } : {},
+        value: props.text,
+        disabled: props.disabled,
+        onChange: (event) => {
+          props.onEdit(event.target.value);
+        }
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        type: "button",
+        className: clsx_default(fields_default.reveal, props.revealed && fields_default.revealOn),
+        "aria-label": props.revealLabel,
+        "aria-pressed": props.revealed,
+        title: props.revealLabel,
+        disabled: props.disabled,
+        onClick: props.onToggleReveal,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.IconInspectOutline12, { size: 14 })
+      }
+    )
+  ] });
+}
+function SelectorControl(props) {
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const selected = props.options.find((option) => option.id === props.selectedId);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dsh_client_ui_primitives.Menu,
+    {
+      open,
+      onClose: () => {
+        setOpen(false);
+      },
+      items: props.options.map((option) => ({ id: option.id, label: option.label })),
+      selectedId: props.selectedId,
+      onSelect: (id) => {
+        props.onSelect(id);
+        setOpen(false);
+      },
+      align: "end",
+      portal: true,
+      className: fields_default.selectorAnchor,
+      anchor: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "button",
+        {
+          id: props.id,
+          type: "button",
+          className: fields_default.selector,
+          "aria-label": props.label,
+          "aria-haspopup": "menu",
+          "aria-expanded": open,
+          disabled: props.disabled,
+          onClick: () => {
+            setOpen((value) => !value);
+          },
+          children: [
+            selected?.label ?? "",
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.IconChevronDownOutline14, { className: fields_default.selectorChevron })
+          ]
+        }
+      )
+    }
+  );
+}
+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",
+      {
+        type: "button",
+        className: fields_default.actionButton,
+        disabled: props.disabled,
+        onClick: props.onClick,
+        children: props.label
+      }
+    ) }),
+    props.result === null ? null : (
+      // 成功只是通报，用 polite 的 status；失败需要用户处理，按 06 §6.7 的「行内错误」用 alert。
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "p",
+        {
+          className: props.result.ok ? fields_default.resultOk : fields_default.resultFail,
+          role: props.result.ok ? "status" : "alert",
+          children: props.result.text
+        }
+      )
+    )
+  ] });
+}
+
+// src/client/settings/use-config-form.ts
+var import_react2 = require("react");
+function isTextSpec(spec) {
+  return spec.kind === "text" || spec.kind === "secret" || spec.kind === "number";
+}
+function textField(field, kind = "text") {
+  return {
+    field,
+    kind,
+    format: (value) => typeof value === "string" ? value : "",
+    parse: (text) => {
+      const trimmed = text.trim();
+      return trimmed === "" ? { kind: "clear" } : { kind: "set", value: trimmed };
+    }
+  };
+}
+function numberField(field) {
+  return {
+    field,
+    kind: "number",
+    format: (value) => typeof value === "number" && Number.isFinite(value) ? String(value) : "",
+    parse: (text) => {
+      const trimmed = text.trim();
+      if (trimmed === "") return { kind: "clear" };
+      const parsed = Number(trimmed);
+      return Number.isFinite(parsed) ? { kind: "set", value: parsed } : void 0;
+    }
+  };
+}
+function selectField(field) {
+  return { field, kind: "select" };
+}
+var AUTO_CURRENCY = "auto";
+var KNOWN_CURRENCIES = ["CNY", "USD"];
+var THRESHOLD_PAIRS = [
+  { currency: "CNY", warn: "cnyWarn", critical: "cnyCritical", defaultWarn: 10, defaultCritical: 5 },
+  { currency: "USD", warn: "usdWarn", critical: "usdCritical", defaultWarn: 2, defaultCritical: 1 }
+];
+function pairNumber(state, fallback) {
+  const text = state.text.trim();
+  if (text === "") return fallback;
+  const parsed = Number(text);
+  return Number.isFinite(parsed) ? parsed : null;
+}
+function thresholdsOk(pair, warn, critical) {
+  const w = pairNumber(warn, pair.defaultWarn);
+  const c = pairNumber(critical, pair.defaultCritical);
+  if (w === null || c === null) return true;
+  return c < w;
+}
+function currencyCodes(...currents) {
+  const codes = new Set(KNOWN_CURRENCIES);
+  for (const current of currents) {
+    if (typeof current !== "string") continue;
+    const trimmed = current.trim().toUpperCase();
+    if (trimmed !== "" && trimmed !== AUTO_CURRENCY.toUpperCase()) codes.add(trimmed);
+  }
+  return [...codes];
+}
+var CONFIG_FIELDS = [
+  textField("apiKey", "secret"),
+  textField("apiKeyRef"),
+  textField("baseUrl"),
+  numberField("serverRefreshSeconds"),
+  numberField("clientPollSeconds"),
+  numberField("manualRefreshCooldownSeconds"),
+  selectField("displayCurrency"),
+  numberField("cnyWarn"),
+  numberField("cnyCritical"),
+  numberField("usdWarn"),
+  numberField("usdCritical")
+];
+var SPEC_BY_FIELD = new Map(
+  CONFIG_FIELDS.map((spec) => [spec.field, spec])
+);
+var TEST_LATENCY_MS = 800;
+function probeFailure(baseUrl, apiKey, apiKeyRef) {
+  const url = baseUrl.trim();
+  if (!/^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 asRecord(input) {
+  return typeof input === "object" && input !== null && !Array.isArray(input) ? input : {};
+}
+function shallowEqual(a, b) {
+  const keys = Object.keys(a);
+  if (keys.length !== Object.keys(b).length) return false;
+  for (const key of keys) {
+    if (!Object.hasOwn(b, key) || a[key] !== b[key]) return false;
+  }
+  return true;
+}
+async function settle(outcome) {
+  if (outcome === null || typeof outcome !== "object") return;
+  if (typeof outcome.then !== "function") return;
+  await outcome;
+}
+function landedWrite(snapshot, field, write) {
+  if (write.kind === "clear") return !Object.hasOwn(snapshot.user, field);
+  return Object.hasOwn(snapshot.user, field) && snapshot.user[field] === write.value;
+}
+function planWrites(snapshot, staged) {
+  const plan = [];
+  for (const [field, edit] of staged) {
+    const spec = SPEC_BY_FIELD.get(field);
+    if (spec === void 0) continue;
+    const effective = snapshot.value[field];
+    const overridden = Object.hasOwn(snapshot.user, field);
+    if (!isTextSpec(spec)) {
+      if (edit.kind === "clear") {
+        if (overridden) plan.push({ field, write: { kind: "clear" } });
+        continue;
+      }
+      if (edit.kind === "value" && edit.value !== effective) {
+        plan.push({ field, write: { kind: "set", value: edit.value } });
+      }
+      continue;
+    }
+    if (edit.kind === "clear") {
+      if (overridden) plan.push({ field, write: { kind: "clear" } });
+      continue;
+    }
+    if (edit.kind !== "text") continue;
+    if (edit.text === spec.format(effective)) continue;
+    plan.push({ field, write: spec.parse(edit.text) });
+  }
+  return plan;
+}
+function orderPairWrites(writes, current) {
+  const ordered = [...writes];
+  for (const pair of THRESHOLD_PAIRS) {
+    const warnAt = ordered.findIndex((item) => item.field === pair.warn);
+    const criticalAt = ordered.findIndex((item) => item.field === pair.critical);
+    if (warnAt === -1 || criticalAt === -1) continue;
+    if (criticalAt < warnAt) continue;
+    const write = ordered[warnAt].write;
+    if (write === void 0) continue;
+    const next = write.kind === "clear" ? pair.defaultWarn : Number(write.value);
+    if (!Number.isFinite(next)) continue;
+    const criticalNow = current[pair.critical];
+    if (typeof criticalNow === "number" && Number.isFinite(criticalNow) && next > criticalNow) continue;
+    const [moved] = ordered.splice(warnAt, 1);
+    ordered.splice(criticalAt, 0, moved);
+  }
+  return ordered;
+}
+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 };
+  }
+  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 };
+  }
+  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 };
+  }
+  if (edit.kind !== "text") {
+    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);
+  return {
+    text: edit.text,
+    value: void 0,
+    effective,
+    stored,
+    overridden: write !== void 0 && write.kind === "set",
+    dirty,
+    invalid: write === void 0
+  };
+}
+function fieldOf(snapshot, name, edit) {
+  const spec = SPEC_BY_FIELD.get(name);
+  if (spec === void 0) {
+    return {
+      text: "",
+      value: void 0,
+      effective: void 0,
+      stored: false,
+      overridden: false,
+      dirty: false,
+      invalid: false
+    };
+  }
+  return fieldStateOf(snapshot, spec, edit);
+}
+function useConfigForm(scope) {
+  const cacheRef = (0, import_react2.useRef)(null);
+  const readSnapshot = (0, import_react2.useCallback)(() => {
+    const raw = scope.getSnapshot();
+    const value = asRecord(raw.value);
+    const user = asRecord(raw.user);
+    const writable = raw.writable !== false;
+    const cache = cacheRef.current;
+    if (cache !== null && cache.writable === writable && (cache.value === value || shallowEqual(cache.value, value)) && (cache.user === user || shallowEqual(cache.user, user))) {
+      return cache.snapshot;
+    }
+    const snapshot2 = { value, user, writable };
+    cacheRef.current = { value, user, writable, snapshot: snapshot2 };
+    return snapshot2;
+  }, [scope]);
+  const subscribe = (0, import_react2.useCallback)(
+    (listener) => scope.subscribe(listener),
+    [scope]
+  );
+  const snapshot = (0, import_react2.useSyncExternalStore)(subscribe, readSnapshot);
+  const [staged, setStaged] = (0, import_react2.useState)(() => /* @__PURE__ */ new Map());
+  const [saving, setSaving] = (0, import_react2.useState)(false);
+  const [failed, setFailed] = (0, import_react2.useState)(false);
+  const [blurred, setBlurred] = (0, import_react2.useState)(() => /* @__PURE__ */ new Set());
+  const savingRef = (0, import_react2.useRef)(false);
+  const [test, setTest] = (0, import_react2.useState)({ running: false, ok: null, message: "" });
+  const testTimerRef = (0, import_react2.useRef)(null);
+  const testRunningRef = (0, import_react2.useRef)(false);
+  (0, import_react2.useEffect)(() => () => {
+    if (testTimerRef.current !== null) clearTimeout(testTimerRef.current);
+    testTimerRef.current = null;
+    testRunningRef.current = false;
+  }, []);
+  const plan = (0, import_react2.useMemo)(() => planWrites(snapshot, staged), [snapshot, staged]);
+  const pairsInvalid = (0, import_react2.useMemo)(
+    () => 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;
+  const stage = (0, import_react2.useCallback)((field2, edit2) => {
+    setStaged((current) => {
+      const next = new Map(current);
+      if (edit2 === null) next.delete(field2);
+      else next.set(field2, edit2);
+      return next;
+    });
+    setFailed(false);
+    if (testTimerRef.current !== null) {
+      clearTimeout(testTimerRef.current);
+      testTimerRef.current = null;
+    }
+    testRunningRef.current = false;
+    setTest((current) => current.running || current.ok !== null ? { running: false, ok: null, message: "" } : current);
+  }, []);
+  const edit = (0, import_react2.useCallback)((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);
+    if (testTimerRef.current !== null) {
+      clearTimeout(testTimerRef.current);
+      testTimerRef.current = null;
+    }
+    testRunningRef.current = false;
+    setTest((current) => current.running || current.ok !== null ? { running: false, ok: null, message: "" } : current);
+  }, []);
+  const save = (0, import_react2.useCallback)(async () => {
+    if (savingRef.current) return;
+    const current = readSnapshot();
+    const writes = orderPairWrites(planWrites(current, staged), current.value);
+    if (writes.length === 0) return;
+    if (writes.some((item) => item.write === void 0)) return;
+    savingRef.current = true;
+    setSaving(true);
+    setFailed(false);
+    let landed = true;
+    for (const item of writes) {
+      const write = item.write;
+      if (write === void 0) {
+        landed = false;
+        break;
+      }
+      try {
+        const outcome = write.kind === "clear" ? scope.unset(item.field) : scope.set(item.field, write.value);
+        await settle(outcome);
+      } catch {
+        landed = false;
+        break;
+      }
+      if (!landedWrite(readSnapshot(), item.field, write)) {
+        landed = false;
+        break;
+      }
+    }
+    savingRef.current = false;
+    setSaving(false);
+    if (landed) setStaged(/* @__PURE__ */ new Map());
+    setFailed(!landed);
+  }, [readSnapshot, scope, staged]);
+  const runTest = (0, import_react2.useCallback)(() => {
+    if (testRunningRef.current) return;
+    const current = readSnapshot();
+    const draftOf = (field2) => {
+      const spec = SPEC_BY_FIELD.get(field2);
+      const edit2 = staged.get(field2);
+      if (edit2 !== void 0 && edit2.kind === "text") return edit2.text;
+      return spec !== void 0 && isTextSpec(spec) ? spec.format(current.value[field2]) : "";
+    };
+    const failure = probeFailure(draftOf("baseUrl"), draftOf("apiKey"), draftOf("apiKeyRef"));
+    testRunningRef.current = true;
+    setTest({ running: true, ok: null, message: "" });
+    testTimerRef.current = setTimeout(() => {
+      testTimerRef.current = null;
+      testRunningRef.current = false;
+      setTest(failure === null ? { running: false, ok: true, message: "" } : { running: false, ok: false, message: failure });
+    }, TEST_LATENCY_MS);
+  }, [readSnapshot, staged]);
+  const field = (0, import_react2.useCallback)(
+    (name) => fieldOf(snapshot, name, staged.get(name)),
+    [snapshot, staged]
+  );
+  const thresholdPairOk = (0, import_react2.useCallback)(
+    (currency) => {
+      const pair = THRESHOLD_PAIRS.find((item) => item.currency === currency);
+      if (pair === void 0) return true;
+      return thresholdsOk(
+        pair,
+        fieldOf(snapshot, pair.warn, staged.get(pair.warn)),
+        fieldOf(snapshot, pair.critical, staged.get(pair.critical))
+      );
+    },
+    [snapshot, staged]
+  );
+  const touch = (0, import_react2.useCallback)((name) => {
+    setBlurred((current) => current.has(name) ? current : new Set(current).add(name));
+  }, []);
+  const touched = (0, import_react2.useCallback)((name) => blurred.has(name), [blurred]);
+  return {
+    state: {
+      writable: snapshot.writable,
+      dirty: plan.length > 0,
+      invalid,
+      saving,
+      failed
+    },
+    field,
+    edit,
+    setValue,
+    resetField,
+    discard,
+    save,
+    thresholdPairOk,
+    touched,
+    touch,
+    test,
+    runTest
+  };
+}
+
+// src/client/settings/use-credential-state.ts
+var import_react3 = require("react");
+
+// src/client/data.ts
+var BALANCE_PATH = "/api/v1/balance";
+var REFRESH_PATH = "/api/v1/balance/refresh";
+var CONFIG_PATH = "/api/v1/config";
+var UNREACHABLE_CODE = "PLUGIN_UNREACHABLE";
+function pendingView() {
+  return {
+    requestId: "",
+    schemaVersion: 1,
+    state: "empty",
+    stale: false,
+    fetchedAt: 0,
+    ageMs: 0,
+    isAvailable: false,
+    accountTag8: "",
+    balances: [],
+    selected: null,
+    severity: "unknown",
+    thresholds: {},
+    todayUsage: null,
+    error: null
+  };
+}
+function unreachableView(message) {
+  return {
+    ...pendingView(),
+    state: "error",
+    error: { code: UNREACHABLE_CODE, message }
+  };
+}
+async function readJson(response, path) {
+  if (!response.ok) throw new Error(`${path} responded ${response.status}`);
+  try {
+    return await response.json();
+  } catch {
+    throw new Error(`${path} did not return JSON`);
+  }
+}
+async function requestBalance(options) {
+  const fetchImpl = options.fetchImpl ?? ((input, init) => fetch(input, init));
+  const url = `${BALANCE_PATH}?currency=${encodeURIComponent(options.currency)}`;
+  const response = await fetchImpl(url, {
+    headers: { accept: "application/json" },
+    ...options.signal === void 0 ? {} : { signal: options.signal }
+  });
+  return await readJson(response, BALANCE_PATH);
+}
+function readCredential(value) {
+  if (typeof value !== "object" || value === null || Array.isArray(value)) return null;
+  const record = value;
+  if (typeof record.ref !== "string" || record.ref === "") return null;
+  return {
+    ref: record.ref,
+    configured: record.configured === true,
+    source: typeof record.source === "string" ? record.source : null,
+    writable: record.writable === true
+  };
+}
+async function requestConfig(options = {}) {
+  const fetchImpl = options.fetchImpl ?? ((input, init) => fetch(input, init));
+  const response = await fetchImpl(CONFIG_PATH, { headers: { accept: "application/json" } });
+  const body = await readJson(response, CONFIG_PATH);
+  return { ...body, credential: readCredential(body?.credential) };
+}
+async function requestRefresh(options = {}) {
+  const fetchImpl = options.fetchImpl ?? ((input, init) => fetch(input, init));
+  const response = await fetchImpl(REFRESH_PATH, {
+    method: "POST",
+    headers: { "content-type": "application/json", accept: "application/json" },
+    body: JSON.stringify({ reason: options.reason ?? "manual" })
+  });
+  return await readJson(response, REFRESH_PATH);
+}
+
+// src/client/settings/use-credential-state.ts
+function credentialViewOf(credential, overridden) {
+  if (overridden) return "overridden";
+  if (credential?.writable !== true) return "env";
+  return credential.configured ? "configured" : "notConfigured";
+}
+function useCredentialState(ref) {
+  const [state, setState] = (0, import_react3.useState)(null);
+  (0, import_react3.useEffect)(() => {
+    let cancelled = false;
+    void requestConfig().then((body) => {
+      if (!cancelled) setState(body?.credential ?? null);
+    }).catch(() => {
+      if (!cancelled) setState(null);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [ref]);
+  return state;
+}
+
+// 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",
+  readOnly: "BalanceSettingsCard_readOnly",
+  footer: "BalanceSettingsCard_footer",
+  failed: "BalanceSettingsCard_failed",
+  notice: "BalanceSettingsCard_notice",
+  discard: "BalanceSettingsCard_discard",
+  save: "BalanceSettingsCard_save"
+};
+
+// src/client/settings/BalanceSettingsCard.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var DEFAULT_API_KEY_REF = "DEEPSEEK_API_KEY";
+var CREDENTIAL_BADGE = {
+  env: "settings.credential.envLocked",
+  configured: "settings.configured",
+  notConfigured: "settings.notConfigured",
+  overridden: "settings.overridden"
+};
+var CREDENTIAL_HINT = {
+  env: "settings.hint.credential.env",
+  configured: "settings.hint.credential.configured",
+  notConfigured: "settings.hint.credential.notConfigured",
+  overridden: "settings.hint.credential.overridden"
+};
+var DEFAULT_GROUP_OPEN = {
+  connection: false,
+  display: false,
+  thresholds: false,
+  refresh: false
+};
+var GROUP_FIELDS = {
+  connection: ["apiKey", "apiKeyRef", "baseUrl"],
+  display: ["displayCurrency"],
+  thresholds: ["cnyWarn", "cnyCritical", "usdWarn", "usdCritical"],
+  refresh: ["serverRefreshSeconds", "clientPollSeconds", "manualRefreshCooldownSeconds"]
+};
+var FIELD_IDS = {
+  apiKey: "ds-balance-api-key",
+  apiKeyRef: "ds-balance-api-key-ref",
+  apiKeyState: "ds-balance-api-key-state",
+  baseUrl: "ds-balance-base-url",
+  serverRefreshSeconds: "ds-balance-server-refresh-seconds",
+  clientPollSeconds: "ds-balance-client-poll-seconds",
+  manualRefreshCooldownSeconds: "ds-balance-manual-refresh-cooldown-seconds",
+  displayCurrency: "ds-balance-display-currency",
+  cnyWarn: "ds-balance-cny-warn",
+  cnyCritical: "ds-balance-cny-critical",
+  usdWarn: "ds-balance-usd-warn",
+  usdCritical: "ds-balance-usd-critical"
+};
+function isFilled(value) {
+  if (value === void 0 || value === null) return false;
+  return typeof value !== "string" || value.trim() !== "";
+}
+function BalanceSettingsCard({ t, scope }) {
+  const form = useConfigForm(scope);
+  const [open, setOpen] = (0, import_react4.useState)(false);
+  const [revealed, setRevealed] = (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" };
+    if (isFilled(state.effective)) return { label: t("settings.configured"), tone: "neutral" };
+    return { label: t("settings.notConfigured"), tone: "quiet" };
+  };
+  const textRow = (name, labelKey, hintKey, withStatus) => {
+    const state = form.field(name);
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      FieldFrame,
+      {
+        id: FIELD_IDS[name] ?? name,
+        label: t(labelKey),
+        status: withStatus ? credentialStatus(name) : null,
+        pending: state.dirty,
+        resettable: state.overridden || state.dirty,
+        pendingLabel: t("settings.unsaved"),
+        resetLabel: t("settings.reset"),
+        invalid: state.invalid,
+        hint: t(hintKey),
+        disabled,
+        onReset: () => {
+          form.resetField(name);
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          TextControl,
+          {
+            id: FIELD_IDS[name] ?? name,
+            text: state.text,
+            numeric: false,
+            invalid: state.invalid,
+            disabled,
+            onEdit: (text) => {
+              form.edit(name, text);
+            }
+          }
+        )
+      }
+    );
+  };
+  const numberRow = (name, labelKey, hintKey, note) => {
+    const state = form.field(name);
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+      FieldFrame,
+      {
+        id: FIELD_IDS[name] ?? name,
+        label: t(labelKey),
+        pending: state.dirty,
+        resettable: state.overridden || state.dirty,
+        pendingLabel: t("settings.unsaved"),
+        resetLabel: t("settings.reset"),
+        invalid: state.invalid,
+        invalidNote: t("settings.invalidNumber"),
+        hint: hintKey === void 0 ? void 0 : t(hintKey),
+        disabled,
+        onReset: () => {
+          form.resetField(name);
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            TextControl,
+            {
+              id: FIELD_IDS[name] ?? name,
+              text: state.text,
+              numeric: true,
+              invalid: state.invalid,
+              disabled,
+              onBlur: () => {
+                form.touch(name);
+              },
+              onEdit: (text) => {
+                form.edit(name, text);
+              }
+            }
+          ),
+          note ?? null
+        ]
+      }
+    );
+  };
+  const pairNote = (currency2) => {
+    const pair = THRESHOLD_PAIRS.find((item) => item.currency === currency2);
+    if (pair === void 0 || form.thresholdPairOk(currency2)) return null;
+    const drafting = form.field(pair.warn).dirty || form.field(pair.critical).dirty;
+    if (drafting && !form.touched(pair.warn) && !form.touched(pair.critical)) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: fields_default.pairNote, role: "alert", children: t("settings.hint.thresholdPair") });
+  };
+  const apiKey = form.field("apiKey");
+  const apiKeyRef = form.field("apiKeyRef");
+  const effectiveRef = typeof apiKeyRef.effective === "string" && apiKeyRef.effective !== "" ? apiKeyRef.effective : DEFAULT_API_KEY_REF;
+  const credential = useCredentialState(effectiveRef);
+  const credentialView = credentialViewOf(credential, apiKey.stored || apiKeyRef.stored);
+  const currency = form.field("displayCurrency");
+  const currencyId = typeof currency.value === "string" && currency.value !== "" ? currency.value : AUTO_CURRENCY;
+  const currencyOptions = [
+    { id: AUTO_CURRENCY, label: t("settings.currency.auto") },
+    ...currencyCodes(currency.value, currency.effective).map((code) => ({ id: code, label: code }))
+  ];
+  const currencyRow = /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: fields_default.row, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: fields_default.rowText, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: fields_default.rowTitleLine, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: fields_default.rowTitle, children: t("settings.field.displayCurrency") }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          FieldBadges,
+          {
+            pending: currency.dirty,
+            resettable: currency.dirty,
+            pendingLabel: t("settings.unsaved"),
+            resetLabel: t("settings.reset"),
+            disabled,
+            onReset: () => {
+              form.resetField("displayCurrency");
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: fields_default.hint, children: t("settings.hint.displayCurrency") })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      SelectorControl,
+      {
+        id: FIELD_IDS.displayCurrency ?? "displayCurrency",
+        label: t("settings.field.displayCurrency"),
+        options: currencyOptions,
+        selectedId: currencyId,
+        disabled,
+        onSelect: (id) => {
+          form.setValue("displayCurrency", id);
+        }
+      }
+    )
+  ] });
+  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: [
+      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,
+        {
+          icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.IconApiOutline14, { size: 14 }),
+          title: t("settings.group.connection"),
+          open: groupOpenNow("connection"),
+          onToggle: () => {
+            toggleGroup("connection");
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              FieldFrame,
+              {
+                id: FIELD_IDS.apiKeyState ?? "apiKeyState",
+                label: t("settings.field.apiKey"),
+                status: { label: t(CREDENTIAL_BADGE[credentialView]), tone: credentialView === "notConfigured" ? "quiet" : "neutral" },
+                pending: false,
+                resettable: false,
+                pendingLabel: t("settings.unsaved"),
+                resetLabel: t("settings.reset"),
+                invalid: false,
+                hint: t(CREDENTIAL_HINT[credentialView]),
+                disabled: true,
+                onReset: () => {
+                },
+                children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                  ReadOnlyControl,
+                  {
+                    id: FIELD_IDS.apiKeyState ?? "apiKeyState"
+                  }
+                )
+              }
+            ),
+            textRow("baseUrl", "settings.field.baseUrl", "settings.hint.baseUrl", false),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: fields_default.field, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              ActionRow,
+              {
+                label: form.test.running ? t("settings.testing") : t("settings.test"),
+                disabled: disabled || form.test.running,
+                result: testResult,
+                onClick: form.runTest
+              }
+            ) }, "test"),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(DetailsGroup, { title: t("settings.group.customized"), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                FieldFrame,
+                {
+                  id: FIELD_IDS.apiKey ?? "apiKey",
+                  label: t("settings.field.apiKey"),
+                  status: credentialStatus("apiKey"),
+                  pending: apiKey.dirty,
+                  resettable: apiKey.overridden || apiKey.dirty,
+                  pendingLabel: t("settings.unsaved"),
+                  resetLabel: t("settings.reset"),
+                  invalid: false,
+                  hint: t("settings.hint.apiKey"),
+                  disabled,
+                  onReset: () => {
+                    form.resetField("apiKey");
+                  },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                    SecretControl,
+                    {
+                      id: FIELD_IDS.apiKey ?? "apiKey",
+                      text: apiKey.text,
+                      invalid: false,
+                      disabled,
+                      revealed,
+                      revealLabel: t("settings.field.apiKey"),
+                      onToggleReveal: () => {
+                        setRevealed(!revealed);
+                      },
+                      onEdit: (text) => {
+                        form.edit("apiKey", text);
+                      }
+                    }
+                  )
+                }
+              ),
+              textRow("apiKeyRef", "settings.field.apiKeyRef", "settings.hint.apiKeyRef", true)
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        FieldGroup,
+        {
+          icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.IconGlobeOutline14, { size: 14 }),
+          title: t("settings.group.display"),
+          open: groupOpenNow("display"),
+          onToggle: () => {
+            toggleGroup("display");
+          },
+          children: currencyRow
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+        FieldGroup,
+        {
+          icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.IconWarningOutline16, { size: 14 }),
+          title: t("settings.group.thresholds"),
+          note: t("settings.hint.threshold"),
+          open: groupOpenNow("thresholds"),
+          onToggle: () => {
+            toggleGroup("thresholds");
+          },
+          children: [
+            numberRow("cnyWarn", "settings.field.cnyWarn"),
+            numberRow("cnyCritical", "settings.field.cnyCritical", void 0, pairNote("CNY")),
+            numberRow("usdWarn", "settings.field.usdWarn"),
+            numberRow("usdCritical", "settings.field.usdCritical", void 0, pairNote("USD"))
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+        FieldGroup,
+        {
+          icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.IconRefreshOutline14, { size: 14 }),
+          title: t("settings.group.refresh"),
+          note: t("settings.hint.refreshAdvanced"),
+          open: groupOpenNow("refresh"),
+          onToggle: () => {
+            toggleGroup("refresh");
+          },
+          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")
+          ]
+        }
+      ),
+      /* @__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",
+          {
+            type: "button",
+            className: BalanceSettingsCard_default.save,
+            disabled: !dirty || invalid || saving || !writable,
+            onClick: () => {
+              void form.save();
+            },
+            children: saving ? t("settings.saving") : t("settings.save")
+          }
+        )
+      ] })
+    ] }) : null
+  ] });
+}
+
+// src/client/sidebar/SidebarBalance.tsx
+var import_react5 = require("react");
+var import_react_dom = require("react-dom");
+var import_dsh_client_ui_primitives4 = require("@deepseek-ai/dsh-client-ui-primitives");
+
+// src/client/model.ts
+function dotStateOf(severity) {
+  switch (severity) {
+    case "ok":
+      return "done";
+    case "warn":
+      return "warning";
+    case "critical":
+      return "error";
+    case "unavailable":
+      return "error";
+    case "unknown":
+      return "idle";
+  }
+}
+function ringSpecOf(severity) {
+  return {
+    state: dotStateOf(severity),
+    marker: severity === "unavailable" ? "cross" : null
+  };
+}
+var DECIMAL_SCALE = 100000000n;
+var ARC_STEPS = 10000n;
+var DECIMAL_PATTERN = /^(-?)(\d+)(?:\.(\d*))?$/;
+var QUALITATIVE_ARC = {
+  ok: 1,
+  warn: 0.75,
+  critical: 0.25,
+  unavailable: 1,
+  unknown: 0
+};
+function scaledOf(value) {
+  const match = DECIMAL_PATTERN.exec(value.trim());
+  if (match === null) return null;
+  const [, sign, whole, fraction = ""] = match;
+  const magnitude = BigInt(whole) * DECIMAL_SCALE + BigInt((fraction + "00000000").slice(0, 8));
+  return sign === "-" ? -magnitude : magnitude;
+}
+function ringRatioOf(total, warnThreshold, severity) {
+  const balance = total === null ? null : scaledOf(total);
+  const limit = warnThreshold === void 0 || !Number.isFinite(warnThreshold) ? null : scaledOf(String(warnThreshold));
+  if (balance === null || limit === null || limit <= 0n) return QUALITATIVE_ARC[severity];
+  if (balance <= 0n) return 0;
+  if (balance >= limit) return 1;
+  return Number(balance * ARC_STEPS / limit) / Number(ARC_STEPS);
+}
+function currencySymbol(currency) {
+  switch (currency.toUpperCase()) {
+    case "CNY":
+      return "\xA5";
+    case "USD":
+      return "$";
+    case "EUR":
+      return "\u20AC";
+    default:
+      return "";
+  }
+}
+function formatAmount(value) {
+  const trimmed = value.trim();
+  const match = /^(-?)(\d+)(?:\.(\d*))?$/.exec(trimmed);
+  if (match === null) return trimmed;
+  const [, sign, whole, fraction = ""] = match;
+  const cents = (fraction + "00").slice(0, 2);
+  const grouped = whole.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+  return cents === "00" ? `${sign}${grouped}` : `${sign}${grouped}.${cents}`;
+}
+function formatMoney(amount, currency) {
+  return `${currencySymbol(currency)}${formatAmount(amount)}`;
+}
+function selectionOf(response, preference) {
+  const auto = preference === "auto" || preference === "";
+  const selected = response.selected;
+  if (selected === null) {
+    return { shown: null, matchesPreference: auto, auto, empty: true };
+  }
+  const wanted = selected.currency.toUpperCase();
+  const shown = response.balances.find((item) => item.currency.toUpperCase() === wanted) ?? null;
+  return {
+    shown,
+    matchesPreference: auto || wanted === preference.toUpperCase(),
+    auto,
+    empty: shown === null
+  };
+}
+function ageBucket(ageMs) {
+  if (!Number.isFinite(ageMs) || ageMs < 0) return { bucket: "unknown", value: 0 };
+  const seconds = Math.floor(ageMs / 1e3);
+  if (seconds < 5) return { bucket: "just-now", value: seconds };
+  if (seconds < 60) return { bucket: "seconds", value: seconds };
+  const minutes = Math.floor(seconds / 60);
+  if (minutes < 60) return { bucket: "minutes", value: minutes };
+  const hours = Math.floor(minutes / 60);
+  if (hours < 24) return { bucket: "hours", value: hours };
+  return { bucket: "days", value: Math.floor(hours / 24) };
+}
+
+// src/client/mock/scenarios.ts
+var T0 = 176e10;
+var cny = (total, granted, toppedUp) => ({
+  currency: "CNY",
+  total,
+  granted,
+  toppedUp
+});
+function make(patch) {
+  return {
+    requestId: "req_mock",
+    schemaVersion: 1,
+    state: "ok",
+    stale: false,
+    fetchedAt: T0,
+    ageMs: 12e3,
+    isAvailable: true,
+    accountTag8: "a1b2c3d4",
+    balances: [cny("110.00000000", "10.00000000", "100.00000000")],
+    selected: { currency: "CNY", total: "110.00000000" },
+    severity: "ok",
+    thresholds: { CNY: { warn: "10.00000000", critical: "5.00000000" } },
+    todayUsage: null,
+    error: null,
+    ...patch
+  };
+}
+var scenarios = {
+  /** 正常。 */
+  ok: make({}),
+  /** 余额偏低但可用。 */
+  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" } }),
+  /** 账户不可用（余额耗尽 / 欠费）。 */
+  unavailable: make({
+    severity: "unavailable",
+    isAvailable: false,
+    balances: [cny("0.00000000", "0.00000000", "0.00000000")],
+    selected: { currency: "CNY", total: "0.00000000" }
+  }),
+  /** 有旧值但本次刷新失败。 */
+  stale: make({ state: "stale", stale: true, severity: "unknown", ageMs: 36e5, fetchedAt: T0 - 36e5, error: { code: "NETWORK", message: "fetch failed" } }),
+  /** 无值失败。 */
+  error: make({
+    state: "error",
+    stale: false,
+    severity: "unknown",
+    isAvailable: false,
+    balances: [],
+    selected: null,
+    ageMs: 0,
+    error: { code: "HTTP_500", message: "upstream returned 500" }
+  }),
+  /** 未配置。 */
+  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" } }),
+  /** 多币种。`selected` 显式写出，不靠 `make()` 的默认值兜。 */
+  multiCurrency: make({
+    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" } }
+  }),
+  /**
+   * 选定了账户里没有的币种（USD），账户只有 CNY。
+   *
+   * 不匹配由「`selected.currency` 与设置里的显示币种不等」判定 —— 所以场景本身
+   * 只需要保证 `selected` 是账户里真实存在的那个币种，剩下的交给设置值。
+   */
+  currencyMismatch: make({
+    balances: [cny("110.00000000", "10.00000000", "100.00000000")],
+    selected: { currency: "CNY", total: "110.00000000" }
+  }),
+  /** 账户完全没有余额。 */
+  noBalanceAtAll: make({
+    severity: "unknown",
+    isAvailable: true,
+    balances: [],
+    selected: null
+  }),
+  /** 今日用量缺失（第一版 UI 不消费，用于契约回归）。 */
+  usageMissing: make({ todayUsage: null }),
+  /** 今日用量需复核（第一版 UI 不消费，用于契约回归）。 */
+  usageNeedsReview: make({
+    todayUsage: {
+      value: "3.21000000",
+      currency: "CNY",
+      source: "projection",
+      confidence: "low",
+      needsReview: true,
+      range: ["1.50000000", "6.40000000"]
+    }
+  })
+};
+var scenarioKeys = Object.keys(scenarios);
+var defaultScenario = "ok";
+function isScenarioKey(value) {
+  return Object.prototype.hasOwnProperty.call(scenarios, value);
+}
+
+// src/client/mock/index.ts
+var SCENARIO_PARAM = "dsb";
+var LIVE_PARAM_VALUE = "live";
+var STORAGE_KEY = "ds-balance:scenario";
+function readStored() {
+  try {
+    const raw = globalThis.localStorage?.getItem(STORAGE_KEY);
+    return raw !== null && raw !== void 0 && isScenarioKey(raw) ? raw : null;
+  } catch {
+    return null;
+  }
+}
+function writeStored(key) {
+  try {
+    globalThis.localStorage?.setItem(STORAGE_KEY, key);
+  } catch {
+  }
+}
+function clearStored() {
+  try {
+    globalThis.localStorage?.removeItem(STORAGE_KEY);
+  } catch {
+  }
+}
+function readParam(name) {
+  try {
+    return new URLSearchParams(globalThis.location?.search ?? "").get(name);
+  } catch {
+    return null;
+  }
+}
+function resolveScenario() {
+  const fromUrl = readParam(SCENARIO_PARAM);
+  if (fromUrl === LIVE_PARAM_VALUE) {
+    clearStored();
+    return null;
+  }
+  if (fromUrl !== null && isScenarioKey(fromUrl)) {
+    writeStored(fromUrl);
+    return fromUrl;
+  }
+  return readStored();
+}
+function currentScenario() {
+  return resolveScenario() ?? defaultScenario;
+}
+function subscribeScenario(listener) {
+  listeners.add(listener);
+  listener(currentScenario());
+  return () => {
+    listeners.delete(listener);
+  };
+}
+var listeners = /* @__PURE__ */ new Set();
+function currentBalance() {
+  return scenarios[currentScenario()];
+}
+
+// src/client/sidebar/BalancePopover.tsx
+var import_dsh_client_ui_primitives3 = require("@deepseek-ai/dsh-client-ui-primitives");
+
+// src/client/sidebar/BalancePopover.module.css
+var BalancePopover_default = {
+  panel: "BalancePopover_panel",
+  title: "BalancePopover_title",
+  titleLabel: "BalancePopover_titleLabel",
+  titleRule: "BalancePopover_titleRule",
+  details: "BalancePopover_details",
+  notice: "BalancePopover_notice",
+  noticeText: "BalancePopover_noticeText",
+  noticeActions: "BalancePopover_noticeActions",
+  footer: "BalancePopover_footer",
+  updated: "BalancePopover_updated",
+  status: "BalancePopover_status",
+  refresh: "BalancePopover_refresh",
+  "balance-refresh-spin": "BalancePopover_balance-refresh-spin"
+};
+
+// src/client/sidebar/BalancePopover.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var BALANCE_PLACEHOLDER = "--";
+var AGE_UNIT = {
+  seconds: "second",
+  minutes: "minute",
+  hours: "hour",
+  days: "day"
+};
+function unitLocale(t) {
+  return /[\u3400-\u9fff]/.test(t("popover.updated.justNow")) ? "zh-CN" : "en-US";
+}
+function ageValueText(bucket, value, locale) {
+  try {
+    return new Intl.NumberFormat(locale, {
+      style: "unit",
+      unit: AGE_UNIT[bucket],
+      unitDisplay: "long"
+    }).format(value);
+  } catch {
+    return String(value);
+  }
+}
+function BalancePopover(props) {
+  const {
+    t,
+    selection,
+    displayCurrency,
+    fetchedAt,
+    now,
+    refreshing,
+    cooldownSeconds,
+    panelRef,
+    style,
+    onRefresh,
+    onUseShown,
+    onOpenSettings
+  } = props;
+  const shown = selection.shown;
+  const totalText = shown === null ? BALANCE_PLACEHOLDER : formatMoney(shown.total, shown.currency);
+  const grantedText = shown === null ? BALANCE_PLACEHOLDER : formatMoney(shown.granted, shown.currency);
+  const toppedUpText = shown === null ? BALANCE_PLACEHOLDER : formatMoney(shown.toppedUp, shown.currency);
+  const age = ageBucket(now - fetchedAt);
+  const updatedText = age.bucket === "just-now" || age.bucket === "unknown" ? t("popover.updated.justNow") : interpolate(t("popover.updated"), {
+    value: ageValueText(age.bucket, age.value, unitLocale(t))
+  });
+  const cooling = cooldownSeconds > 0;
+  let statusText = "";
+  if (refreshing) statusText = t("popover.refreshing");
+  else if (cooling) statusText = interpolate(t("popover.cooldown"), { value: String(cooldownSeconds) });
+  const refreshLabel = t("sidebar.aria.refresh");
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    "section",
+    {
+      ref: panelRef,
+      className: BalancePopover_default.panel,
+      style,
+      role: "dialog",
+      "aria-label": t("popover.title"),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: BalancePopover_default.title, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: BalancePopover_default.titleLabel, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives3.FishLogo, { size: 14 }),
+          t("popover.title")
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: BalancePopover_default.titleRule, "aria-hidden": true }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("dl", { className: BalancePopover_default.details, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dt", { children: t("popover.total") }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dd", { children: totalText }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dt", { children: t("popover.granted") }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dd", { children: grantedText }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dt", { children: t("popover.toppedUp") }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dd", { children: toppedUpText })
+        ] }),
+        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.jsxs)("div", { className: BalancePopover_default.noticeActions, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives3.Button, { size: "sm", variant: "outline", onClick: onUseShown, children: interpolate(t("popover.action.useShown"), { shown: shown.currency }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives3.Button, { size: "sm", variant: "outline", onClick: onOpenSettings, children: t("popover.action.openSettings") })
+          ] })
+        ] }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: BalancePopover_default.footer, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: BalancePopover_default.updated, children: updatedText }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: BalancePopover_default.status, role: "status", children: statusText }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives3.Tooltip, { label: refreshLabel, side: "top", delayMs: 500, disabled: refreshing || cooling, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "button",
+            {
+              type: "button",
+              className: BalancePopover_default.refresh,
+              "aria-label": refreshLabel,
+              disabled: refreshing || cooling,
+              "data-refreshing": refreshing || void 0,
+              "data-cooling": cooling || void 0,
+              onClick: onRefresh,
+              children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives3.IconRefreshOutline16, { size: 16 })
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/client/sidebar/PercentRing.module.css
+var PercentRing_default = {
+  ring: "PercentRing_ring",
+  track: "PercentRing_track",
+  fill: "PercentRing_fill",
+  cross: "PercentRing_cross"
+};
+
+// src/client/sidebar/PercentRing.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var VIEW = 14;
+var STROKE = 2;
+var RADIUS = (VIEW - STROKE) / 2;
+var CENTER = VIEW / 2;
+var CIRCUMFERENCE = 2 * Math.PI * RADIUS;
+var CROSS_ARM = 1.8;
+function round3(value) {
+  return Math.round(value * 1e3) / 1e3;
+}
+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",
+    {
+      className: PercentRing_default.ring,
+      "data-state": state,
+      viewBox: `0 0 ${VIEW} ${VIEW}`,
+      width: size,
+      height: size,
+      "aria-hidden": "true",
+      focusable: "false",
+      children: [
+        title === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("title", { children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { className: PercentRing_default.track, cx: CENTER, cy: CENTER, r: RADIUS }),
+        clamped === 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          "circle",
+          {
+            className: PercentRing_default.fill,
+            cx: CENTER,
+            cy: CENTER,
+            r: RADIUS,
+            strokeDasharray: `${round3(CIRCUMFERENCE * clamped)} ${round3(CIRCUMFERENCE)}`,
+            transform: `rotate(-90 ${CENTER} ${CENTER})`
+          }
+        ),
+        marker === "cross" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("g", { className: PercentRing_default.cross, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            "line",
+            {
+              x1: CENTER - CROSS_ARM,
+              y1: CENTER - CROSS_ARM,
+              x2: CENTER + CROSS_ARM,
+              y2: CENTER + CROSS_ARM
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            "line",
+            {
+              x1: CENTER + CROSS_ARM,
+              y1: CENTER - CROSS_ARM,
+              x2: CENTER - CROSS_ARM,
+              y2: CENTER + CROSS_ARM
+            }
+          )
+        ] }) : null
+      ]
+    }
+  );
+}
+
+// src/client/sidebar/SidebarBalance.module.css
+var SidebarBalance_default = {
+  root: "SidebarBalance_root",
+  trigger: "SidebarBalance_trigger",
+  icon: "SidebarBalance_icon",
+  label: "SidebarBalance_label",
+  marker: "SidebarBalance_marker"
+};
+
+// src/client/sidebar/SidebarBalance.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var REFRESH_SIMULATION_MS = 600;
+var PANEL_GAP = 8;
+var PANEL_MARGIN = 12;
+var MEASURE_STYLE = { visibility: "hidden", left: 0, top: 0 };
+var MS_PER_SECOND = 1e3;
+var TICK_MS = MS_PER_SECOND;
+function stateLabelKey(response, selection) {
+  if (response.state === "error") return response.error?.code === "NO_KEY" ? "state.noKey" : "state.error";
+  if (response.state === "empty") return response.error?.code === "NO_KEY" ? "state.noKey" : "state.empty";
+  if (response.state === "stale") return "state.stale";
+  if (!response.isAvailable) return "state.unavailable";
+  if (selection.shown === null) return "state.noBalance";
+  return null;
+}
+function ringSpecFor(severity) {
+  const spec = ringSpecOf(severity);
+  return { state: spec.state === "ongoing" ? "idle" : spec.state, marker: spec.marker };
+}
+function SidebarBalance({ wide, t, config }) {
+  const [mock, setMock] = (0, import_react5.useState)(() => resolveScenario() !== null);
+  const [response, setResponse] = (0, import_react5.useState)(() => resolveScenario() === null ? pendingView() : currentBalance());
+  const loadedRef = (0, import_react5.useRef)(false);
+  const [localCurrency, setLocalCurrency] = (0, import_react5.useState)(null);
+  const [localFetchedAt, setLocalFetchedAt] = (0, import_react5.useState)(null);
+  const [open, setOpen] = (0, import_react5.useState)(false);
+  const [refreshing, setRefreshing] = (0, import_react5.useState)(false);
+  const [cooldownUntil, setCooldownUntil] = (0, import_react5.useState)(0);
+  const [now, setNow] = (0, import_react5.useState)(() => Date.now());
+  const rootRef = (0, import_react5.useRef)(null);
+  const panelRef = (0, import_react5.useRef)(null);
+  const refreshTimer = (0, import_react5.useRef)(void 0);
+  const lastScenario = (0, import_react5.useRef)(null);
+  const mountedAt = (0, import_react5.useRef)(Date.now());
+  const preference = localCurrency ?? config.displayCurrency;
+  const selection = (0, import_react5.useMemo)(() => selectionOf(response, preference), [response, preference]);
+  const fetchedAt = localFetchedAt ?? mountedAt.current - response.ageMs;
+  (0, import_react5.useEffect)(() => subscribeScenario((key) => {
+    const active = resolveScenario() !== null;
+    setMock(active);
+    if (!active || lastScenario.current === key) return;
+    lastScenario.current = key;
+    setResponse(currentBalance());
+    setLocalFetchedAt(null);
+    setRefreshing(false);
+    setCooldownUntil(0);
+    setOpen(false);
+  }), []);
+  (0, import_react5.useEffect)(() => {
+    if (mock) return;
+    let cancelled = false;
+    const load = async () => {
+      try {
+        const next = await requestBalance({ currency: preference });
+        if (cancelled) return;
+        loadedRef.current = true;
+        setResponse(next);
+        setLocalFetchedAt(null);
+      } catch (error) {
+        if (cancelled || loadedRef.current) return;
+        setResponse(unreachableView(error instanceof Error ? error.message : String(error)));
+      }
+    };
+    void load();
+    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]);
+  (0, import_react5.useEffect)(() => () => {
+    if (refreshTimer.current !== void 0) window.clearTimeout(refreshTimer.current);
+  }, []);
+  const closeNow = (0, import_react5.useCallback)(() => {
+    setOpen(false);
+  }, []);
+  const toggleOpen = (0, import_react5.useCallback)(() => {
+    setOpen((value) => !value);
+  }, []);
+  const pos = (0, import_dsh_client_ui_primitives4.useAnchoredPosition)({
+    open,
+    anchorRef: rootRef,
+    panelRef,
+    side: "top",
+    gap: PANEL_GAP,
+    margin: PANEL_MARGIN
+  });
+  (0, import_react5.useEffect)(() => {
+    if (!open) return;
+    setNow(Date.now());
+    const id = window.setInterval(() => {
+      setNow(Date.now());
+    }, TICK_MS);
+    return () => {
+      window.clearInterval(id);
+    };
+  }, [open]);
+  (0, import_react5.useEffect)(() => {
+    if (!open) return;
+    const onKeyDown = (event) => {
+      if (event.key === "Escape") closeNow();
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => {
+      document.removeEventListener("keydown", onKeyDown);
+    };
+  }, [open, closeNow]);
+  (0, import_dsh_client_ui_primitives4.useDismissOnOutsidePointer)(rootRef, open, setOpen, panelRef);
+  const handleRefresh = (0, import_react5.useCallback)(() => {
+    if (refreshing) return;
+    if (Date.now() < cooldownUntil) return;
+    setRefreshing(true);
+    const finish = () => {
+      setLocalFetchedAt(Date.now());
+      setRefreshing(false);
+      setCooldownUntil(Date.now() + Math.max(0, config.manualRefreshCooldownSeconds) * MS_PER_SECOND);
+    };
+    if (mock) {
+      refreshTimer.current = window.setTimeout(() => {
+        refreshTimer.current = void 0;
+        finish();
+      }, REFRESH_SIMULATION_MS);
+      return;
+    }
+    void (async () => {
+      try {
+        await requestRefresh({ reason: "manual" });
+        const next = await requestBalance({ currency: preference });
+        loadedRef.current = true;
+        setResponse(next);
+      } catch (error) {
+        if (!loadedRef.current) setResponse(unreachableView(error instanceof Error ? error.message : String(error)));
+      } finally {
+        finish();
+      }
+    })();
+  }, [cooldownUntil, config.manualRefreshCooldownSeconds, mock, preference, refreshing]);
+  const handleUseShown = (0, import_react5.useCallback)(() => {
+    const current = selection.shown;
+    if (current === null) return;
+    setLocalCurrency(current.currency);
+  }, [selection]);
+  const handleOpenSettings = (0, import_react5.useCallback)(() => {
+  }, []);
+  const shown = selection.shown;
+  const ring = ringSpecFor(response.severity);
+  const ringRatio = ringRatioOf(
+    shown === null ? null : shown.total,
+    shown === null ? void 0 : config.warnThresholdOf(shown.currency),
+    response.severity
+  );
+  const stateKey = stateLabelKey(response, selection);
+  const stateText = stateKey === null ? null : t(stateKey);
+  let markerLabel = null;
+  let markerHint = "";
+  if (shown === null) {
+    markerLabel = t(stateKey ?? "state.noBalance");
+    markerHint = markerLabel;
+  } else if (!selection.matchesPreference) {
+    markerLabel = t("sidebar.aria.mismatch");
+    markerHint = interpolate(t("popover.mismatch"), { wanted: preference, shown: shown.currency });
+  }
+  const ariaParts = [wide ? t("sidebar.label") : t("sidebar.aria.ring")];
+  if (shown !== null) ariaParts.push(formatMoney(shown.total, shown.currency));
+  if (stateText !== null && stateText !== markerLabel) ariaParts.push(stateText);
+  if (markerLabel !== null) ariaParts.push(markerLabel);
+  const ariaLabel = ariaParts.join(" ");
+  const cooldownSeconds = Math.max(0, Math.ceil((cooldownUntil - now) / MS_PER_SECOND));
+  const ringTitle = !wide && stateText !== null ? `${t("sidebar.aria.ring")} ${stateText}` : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    "div",
+    {
+      ref: rootRef,
+      className: SidebarBalance_default.root,
+      "data-mode": wide ? "wide" : "rail",
+      tabIndex: -1,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          "button",
+          {
+            type: "button",
+            className: SidebarBalance_default.trigger,
+            "aria-label": ariaLabel,
+            "aria-expanded": open,
+            onClick: toggleOpen,
+            children: wide ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: SidebarBalance_default.icon, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PercentRing, { state: ring.state, marker: ring.marker, ratio: ringRatio, size: 16 }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: SidebarBalance_default.label, children: t("sidebar.label") }),
+              markerLabel === null ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dsh_client_ui_primitives4.Tooltip, { label: markerHint, side: "bottom", delayMs: 500, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: SidebarBalance_default.marker, role: "img", "aria-label": markerLabel, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dsh_client_ui_primitives4.IconWarningOutline16, { size: 12 }) }) })
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PercentRing, { state: ring.state, marker: ring.marker, ratio: ringRatio, size: 18, title: ringTitle })
+          }
+        ),
+        open ? (0, import_react_dom.createPortal)(
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            BalancePopover,
+            {
+              t,
+              selection,
+              displayCurrency: preference,
+              fetchedAt,
+              now,
+              refreshing,
+              cooldownSeconds,
+              panelRef,
+              style: pos ?? MEASURE_STYLE,
+              onRefresh: handleRefresh,
+              onUseShown: handleUseShown,
+              onOpenSettings: handleOpenSettings
+            }
+          ),
+          document.body
+        ) : null
+      ]
+    }
+  );
+}
+
+// src/client/index.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var SETTINGS_NAMESPACE = "ds-balance";
+var DEFAULT_CONFIG = {
+  displayCurrency: "auto",
+  manualRefreshCooldownSeconds: 30,
+  clientPollSeconds: 30
+};
+var inject = ["slots", "locale", "settingsScope"];
+function asRecord2(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value) ? value : {};
+}
+function adaptScope(raw) {
+  const scope = raw;
+  return {
+    getSnapshot: () => {
+      const snapshot = typeof scope.getSnapshot === "function" ? scope.getSnapshot() : void 0;
+      return {
+        value: asRecord2(snapshot?.value),
+        user: asRecord2(snapshot?.user),
+        writable: typeof snapshot?.writable === "boolean" ? snapshot.writable : true
+      };
+    },
+    subscribe: (listener) => {
+      const dispose = typeof scope.subscribe === "function" ? scope.subscribe(listener) : void 0;
+      return typeof dispose === "function" ? dispose : () => {
+      };
+    },
+    set: (field, value) => scope.set?.(field, value),
+    unset: (field) => scope.unset?.(field)
+  };
+}
+function useScopeValue(scope) {
+  const [value, setValue] = (0, import_react6.useState)(() => scope.getSnapshot().value);
+  (0, import_react6.useEffect)(() => {
+    setValue(scope.getSnapshot().value);
+    return scope.subscribe(() => {
+      setValue(scope.getSnapshot().value);
+    });
+  }, [scope]);
+  return value;
+}
+function readDisplayCurrency(value) {
+  const raw = value.displayCurrency;
+  return typeof raw === "string" && raw.length > 0 ? raw : DEFAULT_CONFIG.displayCurrency;
+}
+function readCooldown(value) {
+  const raw = Number(value.manualRefreshCooldownSeconds);
+  return Number.isFinite(raw) && raw >= 0 ? raw : DEFAULT_CONFIG.manualRefreshCooldownSeconds;
+}
+function readPollSeconds(value) {
+  const raw = Number(value.clientPollSeconds);
+  return Number.isFinite(raw) && raw >= 5 ? raw : DEFAULT_CONFIG.clientPollSeconds;
+}
+function readWarnThreshold(value, currency) {
+  const raw = Number(value[currency.toLowerCase() + "Warn"]);
+  return Number.isFinite(raw) ? raw : void 0;
+}
+function readSignature(value) {
+  const parts = Object.keys(value).filter((key) => key !== "apiKey").sort().map((key) => key + "=" + String(value[key]));
+  parts.push("apiKeySet=" + String(value.apiKey !== void 0 && value.apiKey !== ""));
+  return parts.join("
");
+}
+function SidebarSeatComponent(props) {
+  const value = useScopeValue(props.scope);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    SidebarBalance,
+    {
+      wide: props.seat.wide,
+      t: props.seat.t,
+      config: {
+        displayCurrency: readDisplayCurrency(value),
+        manualRefreshCooldownSeconds: readCooldown(value),
+        clientPollSeconds: readPollSeconds(value),
+        configSignature: readSignature(value),
+        warnThresholdOf: (currency) => readWarnThreshold(value, currency)
+      }
+    }
+  );
+}
+function SettingsSeatComponent(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BalanceSettingsCard, { t: props.seat.t, scope: props.scope });
+}
+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 },
+    (seat) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SettingsSeatComponent, { seat, scope })
+  ));
+  ctx.slots.inject("sidebar.footer.action", () => ctx.slots.register(
+    { name: "sidebar.footer.action", id: SETTINGS_NAMESPACE, order: 0, locale: NS },
+    (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}\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 __dsbTagId = "dsh-ds-balance/client.css";
+if (typeof document !== 'undefined' && document.querySelector('style[data-plugin-css="' + __dsbTagId + '"]') === null) {
+  var __dsbTag = document.createElement('style');
+  __dsbTag.dataset.plugin = "dsh-ds-balance";
+  __dsbTag.dataset.pluginCss = __dsbTagId;
+  __dsbTag.textContent = __dsbCss;
+  document.head.appendChild(__dsbTag);
+}
+		return module.exports;
+	}
+});