@aixnn/aixautots 0.0.0-stage → 0.5.2

package/dist/ui/billing.d.ts

@@ -0,0 +1,48 @@
+import * as react from 'react';
+import { g as Decimal, B as BalanceLedgerRow } from '../types-C2WXVcam.js';
+import { LucideIcon } from 'lucide-react';
+
+declare function BillingPage(): react.JSX.Element;
+
+interface RechargeDrawerProps {
+    open: boolean;
+    onClose: () => void;
+}
+declare function RechargeDrawer({ open, onClose }: RechargeDrawerProps): react.JSX.Element;
+
+declare function RechargePage(): react.JSX.Element;
+
+declare function RechargeMethods(): react.JSX.Element;
+
+interface TopupDrawerProps {
+    open: boolean;
+    onClose: () => void;
+    /** 目标用户钱包 id（恒为 user，预填，不由抽屉内选择）。 */
+    ownerUserId: string;
+    /** 展示用名字/邮箱；缺省回退到 ownerUserId。 */
+    ownerLabel?: string;
+    /** 成功后回调，带新余额（供宿主刷新列表）。 */
+    onDone?: (newBalance: Decimal) => void;
+}
+declare function TopupDrawer({ open, onClose, ownerUserId, ownerLabel, onDone }: TopupDrawerProps): react.JSX.Element;
+
+/**
+ * 流水分类元数据：每种 BalanceLedgerRow.kind → lucide 图标 + i18n key + 借贷方向。
+ * 纯函数（无 React），便于单测。BillingPage 用它给每行配图标/着色。
+ */
+
+interface LedgerKindMeta {
+    icon: LucideIcon;
+    /** i18n key, e.g. `billing.kind.topup`. */
+    i18nKey: string;
+    /** credit = 入账(余额增，绿)；debit = 扣费(余额减，红/默认)。 */
+    sign: 'credit' | 'debit';
+}
+/**
+ * 返回该流水行的元数据。
+ * `adjust` 类型的借贷方向取决于金额符号：正数 → credit（入账），负数 → debit（扣费）。
+ * 其余四种类型固定方向，`amount` 参数被忽略。
+ */
+declare function ledgerKindMeta(kind: BalanceLedgerRow['kind'], amount?: number): LedgerKindMeta;
+
+export { BillingPage, type LedgerKindMeta, RechargeDrawer, type RechargeDrawerProps, RechargeMethods, RechargePage, TopupDrawer, type TopupDrawerProps, ledgerKindMeta };

package/dist/ui/billing.js

@@ -0,0 +1,425 @@
+import { useAixT } from '../chunk-64Q7BBIQ.js';
+import { cn, Button, Badge, Input } from '../chunk-EVHTAXQG.js';
+import { useBilling } from '../chunk-EHF2WQUR.js';
+import '../chunk-H7MHGYF3.js';
+import '../chunk-PUPVZRKZ.js';
+import { useClient } from '../chunk-SUKFJ73W.js';
+import '../chunk-GKEPMDXO.js';
+import '../chunk-PCYERBNZ.js';
+import '../chunk-NWFYTFMI.js';
+import { useState, useEffect } from 'react';
+import { SlidersHorizontal, Server, CalendarClock, Smartphone, ArrowUpCircle, ArrowDownCircle, HeadphonesIcon, Wallet, X, RefreshCw } from 'lucide-react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var TABLE = {
+  topup: { icon: ArrowUpCircle, i18nKey: "billing.kind.topup", sign: "credit" },
+  platform_session: { icon: Smartphone, i18nKey: "billing.kind.platform_session", sign: "debit" },
+  subscription: { icon: CalendarClock, i18nKey: "billing.kind.subscription", sign: "debit" },
+  own_node_daily: { icon: Server, i18nKey: "billing.kind.own_node_daily", sign: "debit" },
+  adjust: { icon: SlidersHorizontal, i18nKey: "billing.kind.adjust", sign: "debit" }
+};
+var FALLBACK = {
+  icon: ArrowDownCircle,
+  i18nKey: "billing.kind.adjust",
+  sign: "debit"
+};
+function ledgerKindMeta(kind, amount) {
+  const base = TABLE[kind] ?? FALLBACK;
+  if (kind === "adjust" && amount !== void 0) {
+    return { ...base, sign: amount >= 0 ? "credit" : "debit" };
+  }
+  return base;
+}
+function RechargeMethods() {
+  const t = useAixT();
+  const channels = [
+    {
+      key: "wechat",
+      label: t("recharge.wechat"),
+      icon: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", className: "h-5 w-5 fill-current", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M8.691 2.188C3.891 2.188 0 5.476 0 9.53c0 2.212 1.17 4.203 3.002 5.55a.59.59 0 0 1 .213.665l-.39 1.48c-.019.07-.048.141-.048.213 0 .163.13.295.295.295a.326.326 0 0 0 .167-.054l1.903-1.114a.864.864 0 0 1 .717-.098 10.16 10.16 0 0 0 2.837.403c.276 0 .543-.027.811-.05-.857-2.578.157-4.972 1.932-6.446 1.703-1.415 3.882-1.98 5.853-1.838-.576-3.583-3.898-6.348-7.601-6.348zM5.785 5.991c.642 0 1.162.529 1.162 1.18a1.17 1.17 0 0 1-1.162 1.178A1.17 1.17 0 0 1 4.623 7.17c0-.651.52-1.18 1.162-1.18zm5.813 0c.642 0 1.162.529 1.162 1.18a1.17 1.17 0 0 1-1.162 1.178 1.17 1.17 0 0 1-1.162-1.178c0-.651.52-1.18 1.162-1.18zm5.34 2.867c-1.797-.052-3.746.512-5.28 1.786-1.72 1.428-2.687 3.72-1.78 6.22.942 2.453 3.666 4.229 6.884 4.229.826 0 1.622-.12 2.361-.336a.722.722 0 0 1 .598.082l1.584.926a.272.272 0 0 0 .14.047c.134 0 .24-.111.24-.247 0-.06-.023-.12-.038-.177l-.327-1.233a.582.582 0 0 1-.023-.156.49.49 0 0 1 .201-.398C23.024 18.48 24 16.82 24 14.98c0-3.21-2.931-5.837-7.063-6.122zm-3.494 3.096c.529 0 .957.44.957.983a.97.97 0 0 1-.957.981.97.97 0 0 1-.957-.981c0-.544.429-.983.957-.983zm4.976 0c.529 0 .957.44.957.983a.97.97 0 0 1-.957.981.97.97 0 0 1-.957-.981c0-.544.428-.983.957-.983z" }) }),
+      color: "text-green-500",
+      bg: "bg-green-500/10"
+    },
+    {
+      key: "alipay",
+      label: t("recharge.alipay"),
+      icon: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", className: "h-5 w-5 fill-current", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M21.422 15.358c-3.83-1.153-6.055-1.84-6.055-1.84s1.485-3.37 1.822-5.51H13.5V6.85h4.5V5.768H13.5V3h-2.723v2.768H6.234v1.082h4.543v1.158H7.09v1.056h8.35c-.217 1.115-.672 2.514-1.207 3.528-1.983-.53-4.084-.946-5.873-.622-3.586.646-4.783 3.204-4.5 5.084.295 1.95 2.156 3.603 5.019 3.603 2.85 0 5.535-1.61 7.534-4.477 1.91.853 4.286 1.805 6.586 2.56L24 16.74c0-.001-.887-.864-2.578-1.382zm-12.27 2.936c-2.064 0-3.357-1.025-3.52-2.137-.186-1.25.814-2.477 2.658-2.797 1.016-.18 2.357.04 3.82.59-1.366 2.78-2.91 4.344-4.958 4.344z" }) }),
+      color: "text-blue-500",
+      bg: "bg-blue-500/10"
+    }
+  ];
+  return /* @__PURE__ */ jsxs("section", { children: [
+    /* @__PURE__ */ jsx("h3", { className: "mb-1 text-xs font-semibold text-foreground", children: t("recharge.methods") }),
+    /* @__PURE__ */ jsx("p", { className: "mb-3 text-xs text-muted-foreground", children: t("recharge.desc") }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-2 sm:grid-cols-2", children: [
+      channels.map((ch) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "flex cursor-default items-center gap-2.5 rounded-md border border-border px-3 py-2.5 transition-colors hover:bg-secondary/40",
+          title: t("recharge.comingSoon"),
+          children: [
+            /* @__PURE__ */ jsx("span", { className: cn("flex h-8 w-8 shrink-0 items-center justify-center rounded-full", ch.bg, ch.color), children: ch.icon }),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-foreground", children: ch.label }),
+              /* @__PURE__ */ jsx("p", { className: "text-[10px] text-muted-foreground", children: t("recharge.comingSoon") })
+            ] })
+          ]
+        },
+        ch.key
+      )),
+      /* @__PURE__ */ jsxs("div", { className: "flex cursor-default items-center gap-2.5 rounded-md border border-border px-3 py-2.5 transition-colors hover:bg-secondary/40", children: [
+        /* @__PURE__ */ jsx("span", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-muted/40 text-muted-foreground", children: /* @__PURE__ */ jsx(HeadphonesIcon, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-foreground", children: t("recharge.contact") }),
+          /* @__PURE__ */ jsx("p", { className: "text-[10px] text-muted-foreground", children: t("recharge.contactDesc") })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function RechargeDrawer({ open, onClose }) {
+  const t = useAixT();
+  const { data: balance, loading } = useBilling();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "fixed inset-0 z-30 bg-black/40 transition-opacity duration-300",
+          open ? "opacity-100" : "pointer-events-none opacity-0"
+        ),
+        onClick: onClose
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "fixed right-0 top-0 z-40 flex h-full w-full max-w-md flex-col border-l border-border bg-card transition-transform duration-300 ease-in-out",
+          open ? "translate-x-0" : "translate-x-full"
+        ),
+        role: "dialog",
+        "aria-label": t("recharge.title"),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b border-border px-4 py-3", children: [
+            /* @__PURE__ */ jsxs("h2", { className: "flex items-center gap-2 text-body-md font-semibold text-foreground", children: [
+              /* @__PURE__ */ jsx(Wallet, { className: "h-4 w-4" }),
+              t("recharge.title")
+            ] }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                "aria-label": t("common.close"),
+                onClick: onClose,
+                className: "rounded p-1 text-muted-foreground hover:bg-secondary hover:text-foreground",
+                children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-4 overflow-y-auto p-4", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 rounded-lg border border-border bg-card p-4", children: [
+              /* @__PURE__ */ jsx("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-primary/10 text-primary", children: /* @__PURE__ */ jsx(Wallet, { className: "h-5 w-5" }) }),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("billing.balance") }),
+                /* @__PURE__ */ jsx("p", { className: "text-lg font-semibold text-foreground", children: balance ? `${balance.balance} ${balance.currency}` : loading ? t("billing.loading") : "\u2014" })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(RechargeMethods, {})
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function BillingPage() {
+  const t = useAixT();
+  const client = useClient();
+  const { data: balance, loading, error, refetch: refresh } = useBilling();
+  const [subs, setSubs] = useState([]);
+  const [charges, setCharges] = useState([]);
+  const [rechargeOpen, setRechargeOpen] = useState(false);
+  useEffect(() => {
+    let cancelled = false;
+    (async () => {
+      try {
+        const [s, c] = await Promise.all([
+          client.billing.subscriptions().catch(() => []),
+          client.billing.ownNodeCharges().catch(() => [])
+        ]);
+        if (!cancelled) {
+          setSubs(s);
+          setCharges(c);
+        }
+      } catch {
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [client]);
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b border-border px-3 py-2 sm:px-6", children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-body-md font-semibold text-foreground", children: t("billing.title") }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs(Button, { variant: "secondary", size: "sm", onClick: () => void refresh(), disabled: loading, children: [
+          /* @__PURE__ */ jsx(RefreshCw, { className: cn("h-3.5 w-3.5", loading && "animate-spin") }),
+          t("billing.refresh")
+        ] }),
+        /* @__PURE__ */ jsxs(Button, { variant: "primary", size: "sm", onClick: () => setRechargeOpen(true), children: [
+          /* @__PURE__ */ jsx(Wallet, { className: "h-3.5 w-3.5" }),
+          t("recharge.title")
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-4 overflow-auto p-3 sm:p-6", children: [
+      error && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: error.message }),
+      /* @__PURE__ */ jsx(LedgerSection, { rows: balance?.recent ?? [], loading, t }),
+      /* @__PURE__ */ jsx(SubsSection, { subs, t }),
+      /* @__PURE__ */ jsx(OwnNodeSection, { charges, t })
+    ] }),
+    /* @__PURE__ */ jsx(RechargeDrawer, { open: rechargeOpen, onClose: () => setRechargeOpen(false) })
+  ] });
+}
+function LedgerSection({ rows, loading, t }) {
+  return /* @__PURE__ */ jsxs("section", { className: "rounded-lg border border-border bg-card p-3 sm:p-4", children: [
+    /* @__PURE__ */ jsx("h2", { className: "mb-2 text-xs font-semibold text-foreground", children: t("billing.ledger") }),
+    rows.length === 0 ? /* @__PURE__ */ jsx("p", { className: "py-6 text-center text-xs text-muted-foreground", children: loading ? t("common.loading") : t("billing.ledger.empty") }) : /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-xs", children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-b border-border text-left text-muted-foreground", children: [
+        /* @__PURE__ */ jsx("th", { className: "py-1.5 pr-2 font-medium", children: t("billing.col.kind") }),
+        /* @__PURE__ */ jsx("th", { className: "py-1.5 pr-2 text-right font-medium", children: t("billing.col.amount") }),
+        /* @__PURE__ */ jsx("th", { className: "py-1.5 pr-2 text-right font-medium", children: t("billing.col.balanceAfter") }),
+        /* @__PURE__ */ jsx("th", { className: "py-1.5 pr-2 font-medium", children: t("billing.col.ref") }),
+        /* @__PURE__ */ jsx("th", { className: "py-1.5 font-medium", children: t("billing.col.time") })
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { children: rows.map((r) => {
+        const meta = ledgerKindMeta(r.kind);
+        const Icon = meta.icon;
+        const credit = meta.sign === "credit";
+        return /* @__PURE__ */ jsxs("tr", { className: "border-b border-border/50", children: [
+          /* @__PURE__ */ jsx("td", { className: "py-1.5 pr-2", children: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 text-foreground", children: [
+            /* @__PURE__ */ jsx(
+              Icon,
+              {
+                className: cn("h-3.5 w-3.5", credit ? "text-green-500" : "text-muted-foreground")
+              }
+            ),
+            t(meta.i18nKey)
+          ] }) }),
+          /* @__PURE__ */ jsxs(
+            "td",
+            {
+              className: cn(
+                "py-1.5 pr-2 text-right font-mono",
+                credit ? "text-green-500" : "text-destructive"
+              ),
+              children: [
+                credit ? "+" : "-",
+                String(r.amount)
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("td", { className: "py-1.5 pr-2 text-right font-mono text-muted-foreground", children: String(r.balance_after) }),
+          /* @__PURE__ */ jsx("td", { className: "max-w-[12rem] truncate py-1.5 pr-2 text-muted-foreground", title: r.ref, children: r.ref }),
+          /* @__PURE__ */ jsx("td", { className: "py-1.5 text-muted-foreground", children: new Date(r.created_at).toLocaleString() })
+        ] }, r.id);
+      }) })
+    ] }) })
+  ] });
+}
+function SubsSection({ subs, t }) {
+  return /* @__PURE__ */ jsxs("section", { className: "rounded-lg border border-border bg-card p-3 sm:p-4", children: [
+    /* @__PURE__ */ jsx("h2", { className: "mb-2 text-xs font-semibold text-foreground", children: t("billing.subs") }),
+    subs.length === 0 ? /* @__PURE__ */ jsx("p", { className: "py-4 text-center text-xs text-muted-foreground", children: t("billing.subs.empty") }) : /* @__PURE__ */ jsx("div", { className: "space-y-1.5", children: subs.map((s) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "flex flex-wrap items-center gap-x-3 gap-y-1 rounded-md border border-border/60 px-2.5 py-1.5 text-xs",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: s.tier }),
+          /* @__PURE__ */ jsx(Badge, { variant: s.status === "active" ? "success" : "muted", children: s.status }),
+          s.remaining_hours != null && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+            t("billing.subs.remaining"),
+            ": ",
+            String(s.remaining_hours)
+          ] }),
+          /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+            t("billing.subs.expires"),
+            ": ",
+            new Date(s.expires_at).toLocaleDateString()
+          ] }),
+          s.bound_device_id && /* @__PURE__ */ jsxs("span", { className: "truncate font-mono text-muted-foreground", title: s.bound_device_id, children: [
+            t("billing.subs.boundDevice"),
+            ": ",
+            s.bound_device_id.slice(0, 8)
+          ] })
+        ]
+      },
+      s.id
+    )) })
+  ] });
+}
+function OwnNodeSection({ charges, t }) {
+  return /* @__PURE__ */ jsxs("section", { className: "rounded-lg border border-border bg-card p-3 sm:p-4", children: [
+    /* @__PURE__ */ jsx("h2", { className: "mb-2 text-xs font-semibold text-foreground", children: t("billing.ownNode") }),
+    charges.length === 0 ? /* @__PURE__ */ jsx("p", { className: "py-4 text-center text-xs text-muted-foreground", children: t("billing.ownNode.empty") }) : /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-xs", children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-b border-border text-left text-muted-foreground", children: [
+        /* @__PURE__ */ jsx("th", { className: "py-1.5 pr-2 font-medium", children: t("billing.ownNode.day") }),
+        /* @__PURE__ */ jsx("th", { className: "py-1.5 pr-2 text-right font-medium", children: t("billing.ownNode.devices") }),
+        /* @__PURE__ */ jsx("th", { className: "py-1.5 pr-2 text-right font-medium", children: t("billing.ownNode.billable") }),
+        /* @__PURE__ */ jsx("th", { className: "py-1.5 text-right font-medium", children: t("billing.ownNode.amount") })
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { children: charges.map((c) => /* @__PURE__ */ jsxs("tr", { className: "border-b border-border/50", children: [
+        /* @__PURE__ */ jsx("td", { className: "py-1.5 pr-2 text-foreground", children: c.day }),
+        /* @__PURE__ */ jsx("td", { className: "py-1.5 pr-2 text-right text-muted-foreground", children: c.device_count }),
+        /* @__PURE__ */ jsx("td", { className: "py-1.5 pr-2 text-right text-muted-foreground", children: c.billable }),
+        /* @__PURE__ */ jsxs("td", { className: "py-1.5 text-right font-mono text-foreground", children: [
+          String(c.amount),
+          " ",
+          c.currency
+        ] })
+      ] }, c.id)) })
+    ] }) })
+  ] });
+}
+function RechargePage() {
+  const t = useAixT();
+  const { data: balance, loading, error, refetch: refresh } = useBilling();
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b border-border px-3 py-2 sm:px-6", children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-body-md font-semibold text-foreground", children: t("recharge.title") }),
+      /* @__PURE__ */ jsxs(Button, { variant: "secondary", size: "sm", onClick: () => void refresh(), disabled: loading, children: [
+        /* @__PURE__ */ jsx(RefreshCw, { className: cn("h-3.5 w-3.5", loading && "animate-spin") }),
+        t("billing.refresh")
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-4 overflow-auto p-3 sm:p-6", children: [
+      error && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: error.message }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 rounded-lg border border-border bg-card p-4 sm:flex-row sm:items-center sm:justify-between", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-primary/10 text-primary", children: /* @__PURE__ */ jsx(Wallet, { className: "h-5 w-5" }) }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("billing.balance") }),
+            /* @__PURE__ */ jsx("p", { className: "text-lg font-semibold text-foreground", children: balance ? `${balance.balance} ${balance.currency}` : loading ? t("billing.loading") : "\u2014" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("p", { className: "text-xs font-medium text-primary shrink-0", children: [
+          t("recharge.title"),
+          " \u2193"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-card p-3 sm:p-4", children: /* @__PURE__ */ jsx(RechargeMethods, {}) })
+    ] })
+  ] });
+}
+function TopupDrawer({ open, onClose, ownerUserId, ownerLabel, onDone }) {
+  const t = useAixT();
+  const { topup } = useBilling();
+  const [amount, setAmount] = useState("");
+  const [note, setNote] = useState("");
+  const [submitting, setSubmitting] = useState(false);
+  const [error, setError] = useState(null);
+  const [result, setResult] = useState(null);
+  const numeric = Number(amount);
+  const canSubmit = !submitting && Number.isFinite(numeric) && numeric > 0;
+  const submit = async () => {
+    if (!Number.isFinite(numeric) || numeric <= 0) {
+      setError(t("topup.amountInvalid"));
+      return;
+    }
+    setError(null);
+    setSubmitting(true);
+    try {
+      const res = await topup({
+        owner_user_id: ownerUserId,
+        amount: numeric,
+        note: note.trim() || void 0
+      });
+      setResult(res.new_balance);
+      onDone?.(res.new_balance);
+    } catch (err) {
+      setError(t("topup.failed", { err: String(err) }));
+    } finally {
+      setSubmitting(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "fixed inset-0 z-30 bg-black/40 transition-opacity duration-300",
+          open ? "opacity-100" : "pointer-events-none opacity-0"
+        ),
+        onClick: onClose
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "fixed right-0 top-0 z-40 flex h-full w-full max-w-md flex-col border-l border-border bg-card transition-transform duration-300 ease-in-out",
+          open ? "translate-x-0" : "translate-x-full"
+        ),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b border-border px-4 py-3", children: [
+            /* @__PURE__ */ jsxs("h2", { className: "flex items-center gap-2 text-body-md font-semibold text-foreground", children: [
+              /* @__PURE__ */ jsx(Wallet, { className: "h-4 w-4" }),
+              t("topup.title")
+            ] }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                "aria-label": t("common.close"),
+                onClick: onClose,
+                className: "rounded p-1 text-muted-foreground hover:bg-secondary hover:text-foreground",
+                children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-4 overflow-y-auto p-4", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("label", { className: "mb-1 block text-xs font-medium", children: t("topup.target") }),
+              /* @__PURE__ */ jsx("div", { className: "rounded-md border border-border bg-secondary/40 px-2.5 py-1.5 text-xs text-foreground", children: ownerLabel || ownerUserId })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("label", { className: "mb-1 block text-xs font-medium", children: t("topup.amount") }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  type: "number",
+                  min: 0,
+                  value: amount,
+                  placeholder: t("topup.amountPlaceholder"),
+                  onChange: (e) => setAmount(e.target.value)
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("label", { className: "mb-1 block text-xs font-medium", children: t("topup.note") }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  value: note,
+                  placeholder: t("topup.notePlaceholder"),
+                  onChange: (e) => setNote(e.target.value)
+                }
+              )
+            ] }),
+            result != null && /* @__PURE__ */ jsx("p", { className: "text-xs text-green-500", children: t("topup.done", { balance: String(result) }) }),
+            error && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: error })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2 border-t border-border p-4", children: [
+            /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: onClose, children: t("common.cancel") }),
+            /* @__PURE__ */ jsxs(Button, { variant: "primary", size: "sm", onClick: submit, disabled: !canSubmit, children: [
+              /* @__PURE__ */ jsx(Wallet, { className: "h-3.5 w-3.5" }),
+              submitting ? t("topup.submitting") : t("topup.submit")
+            ] })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+
+export { BillingPage, RechargeDrawer, RechargeMethods, RechargePage, TopupDrawer, ledgerKindMeta };

package/dist/ui/device-create.d.ts

@@ -0,0 +1,55 @@
+import * as react from 'react';
+import { a as ProvisionResult, P as ProvisionSpec, b as DiscoveredDevice } from '../types-C2WXVcam.js';
+
+interface DeviceCreateProps {
+    open: boolean;
+    onClose: () => void;
+    /** Fired after a successful create (provision result, or null for real-device enroll). */
+    onCreated?: (result: ProvisionResult | null) => void;
+}
+declare function DeviceCreate({ open, onClose, onCreated }: DeviceCreateProps): react.JSX.Element;
+
+type NodeCapability = 'redroid' | 'vphone' | 'any';
+interface Props$4 {
+    value: string;
+    onChange: (nodeId: string) => void;
+    hidePlatform?: boolean;
+}
+declare function NodePicker({ value, onChange, hidePlatform }: Props$4): react.JSX.Element;
+
+interface Props$3 {
+    spec: ProvisionSpec;
+    onChange: (spec: ProvisionSpec) => void;
+    /** 选中的节点 id —— 用于按节点已装镜像(Hello `installed_images`)标注版本选项
+     *  「节点已装 / 需下载」并把已装的排前。 */
+    nodeId?: string;
+}
+declare function VirtualSpecStep({ spec, onChange, nodeId }: Props$3): react.JSX.Element;
+
+interface Props$2 {
+    spec: ProvisionSpec;
+    onChange: (spec: ProvisionSpec) => void;
+    isReal?: boolean;
+    required?: boolean;
+}
+declare function ProxySpoofStep({ spec, onChange, isReal }: Props$2): react.JSX.Element;
+
+interface Props$1 {
+    nodeId: string;
+    picked: DiscoveredDevice | null;
+    onPick: (d: DiscoveredDevice) => void;
+}
+declare function RealDiscoverStep({ nodeId, picked, onPick }: Props$1): react.JSX.Element;
+
+interface Props {
+    open: boolean;
+    onClose: () => void;
+    /** Pre-selected node (e.g. the create-device wizard's node). */
+    nodeId?: string;
+    /** Pre-selected platform. */
+    platform?: Platform;
+}
+type Platform = 'android' | 'ios';
+declare function AddWirelessDeviceDialog({ open, onClose, nodeId: initialNode, platform: initialPlatform }: Props): react.JSX.Element;
+
+export { AddWirelessDeviceDialog, DeviceCreate, type DeviceCreateProps, type NodeCapability, NodePicker, ProxySpoofStep, RealDiscoverStep, VirtualSpecStep };

package/dist/ui/device-create.js

@@ -0,0 +1,9 @@
+export { AddWirelessDeviceDialog, DeviceCreate, NodePicker, ProxySpoofStep, RealDiscoverStep, VirtualSpecStep } from '../chunk-MRQ7VJFJ.js';
+import '../chunk-EVHTAXQG.js';
+import '../chunk-EHF2WQUR.js';
+import '../chunk-H7MHGYF3.js';
+import '../chunk-PUPVZRKZ.js';
+import '../chunk-SUKFJ73W.js';
+import '../chunk-GKEPMDXO.js';
+import '../chunk-PCYERBNZ.js';
+import '../chunk-NWFYTFMI.js';

package/dist/ui/device-mirror.d.ts

@@ -0,0 +1,42 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { D as DeviceSize } from '../coords-LPR_MPyp.js';
+
+interface DeviceMirrorProps {
+    /** 设备寻址 id（= 后端 external_id）。 */
+    deviceId: string | null;
+    deviceName?: string;
+    /** 决定底栏按键图标风格；android 额外有菜单(最近任务)键。默认 android。 */
+    platform?: 'android' | 'ios';
+    /** 可选快捷指令栏插槽，透传给内部的 MirrorSurface。 */
+    shortcutBar?: ReactNode;
+    onClose: () => void;
+}
+declare function DeviceMirror({ deviceId, deviceName, platform, shortcutBar, onClose }: DeviceMirrorProps): react.JSX.Element | null;
+
+interface MirrorSurfaceProps {
+    deviceId: string;
+    /** 决定底栏按键图标风格；android 额外有菜单(最近任务)键。默认 android。 */
+    platform?: 'android' | 'ios';
+    /** 视频轨实际分辨率回调（外壳可用宽高比定容器尺寸）。 */
+    onSize?: (size: DeviceSize) => void;
+    /** 画面区按此宽高比精确定尺（避免 object-contain 的黑边留白）。不传则铺满容器。 */
+    videoAspect?: number;
+    /** 可选快捷指令栏插槽。SDK 默认不带快捷指令子系统；消费方按需注入。 */
+    shortcutBar?: ReactNode;
+    className?: string;
+}
+declare function MirrorSurface({ deviceId, platform, onSize, videoAspect, shortcutBar, className }: MirrorSurfaceProps): react.JSX.Element;
+
+interface Props {
+    /** 出错信息（节点离线/连接失败）；有则显示错误而非启动动画。 */
+    error?: string | null;
+    /** 预期连接总时长（ms），进度据此推进。默认 3s（暖路径首帧典型值）。 */
+    expectedMs?: number;
+    /** 设备平台，决定 logo 与文案（android 机器人 / ios 苹果）。默认 android。 */
+    platform?: 'android' | 'ios';
+    className?: string;
+}
+declare function DeviceBootSplash({ error, expectedMs, platform, className }: Props): react.JSX.Element;
+
+export { DeviceBootSplash, DeviceMirror, type DeviceMirrorProps, MirrorSurface, type MirrorSurfaceProps };

package/dist/ui/device-mirror.js

@@ -0,0 +1,10 @@
+export { DeviceBootSplash, DeviceMirror, MirrorSurface } from '../chunk-AIUOLJZA.js';
+import '../chunk-OEZFYKL6.js';
+import '../chunk-CVV7FOMQ.js';
+import '../chunk-EHF2WQUR.js';
+import '../chunk-H7MHGYF3.js';
+import '../chunk-PUPVZRKZ.js';
+import '../chunk-SUKFJ73W.js';
+import '../chunk-GKEPMDXO.js';
+import '../chunk-PCYERBNZ.js';
+import '../chunk-NWFYTFMI.js';