kaleido-ui 0.1.5 → 0.1.6

package/dist/web/index.cjs

@@ -82,6 +82,7 @@ __export(web_exports, {
   DialogPortal: () => DialogPortal,
   DialogTitle: () => DialogTitle,
   DialogTrigger: () => DialogTrigger,
+  DotPagination: () => DotPagination,
   ErrorBoundary: () => ErrorBoundary,
   ErrorCard: () => ErrorCard,
   ExpandIcon: () => ExpandIcon,
@@ -188,7 +189,12 @@ var buttonVariants = (0, import_class_variance_authority.cva)(
         cta: "w-full bg-primary text-primary-foreground font-bold rounded-2xl shadow-md hover:brightness-115 disabled:opacity-50 disabled:cursor-not-allowed disabled:shadow-none",
         "cta-gradient": "w-full bg-gradient-to-r from-primary to-primary/80 text-primary-foreground font-extrabold rounded-2xl shadow-lg hover:opacity-90 hover:-translate-y-0.5 active:translate-y-0 active:opacity-100 disabled:opacity-40 disabled:shadow-none disabled:cursor-not-allowed disabled:bg-accent disabled:text-muted-foreground",
         "danger-subtle": "bg-danger/10 border border-danger/20 text-danger font-bold rounded-xl hover:brightness-115",
-        hyperlink: "group text-muted-foreground underline underline-offset-2 hover:text-white hover:decoration-primary hover:[&_.icon]:text-primary bg-transparent font-normal"
+        hyperlink: "group text-muted-foreground underline underline-offset-2 hover:text-white hover:decoration-primary hover:[&_.icon]:text-primary bg-transparent font-normal",
+        // Hierarchy variants — primary/secondary/tertiary action emphasis.
+        // Pair with size="lg" or size="cta" for full-bleed buttons.
+        h1: "w-full bg-primary text-primary-foreground font-bold rounded-2xl shadow-md hover:brightness-115 disabled:opacity-50 disabled:cursor-not-allowed disabled:shadow-none",
+        h2: "w-full bg-primary/15 text-primary font-semibold rounded-xl border border-primary/20 hover:bg-primary/25 hover:border-primary/35",
+        h3: "text-primary font-semibold rounded-lg hover:bg-primary/10 active:bg-primary/15"
       },
       size: {
         default: "h-11 px-5 py-2",
@@ -947,8 +953,54 @@ function Toaster() {
   ] });
 }
 
-// src/web/components/status-badge.tsx
+// src/web/primitives/dot-pagination.tsx
+var React12 = __toESM(require("react"), 1);
 var import_jsx_runtime13 = require("react/jsx-runtime");
+var toneClasses = {
+  primary: "bg-primary",
+  warning: "bg-warning"
+};
+var DotPagination = React12.forwardRef(
+  ({ count: count2, index, tone = "primary", onSelect, ariaLabel, className, ...props }, ref) => {
+    if (count2 <= 1) return null;
+    const interactive = typeof onSelect === "function";
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      "div",
+      {
+        ref,
+        role: "tablist",
+        "aria-label": ariaLabel ?? "Pagination",
+        className: cn("flex items-center justify-center gap-1.5", className),
+        ...props,
+        children: Array.from({ length: count2 }).map((_, i) => {
+          const active = i === index;
+          const dotClass = cn(
+            "rounded-full transition-all duration-200",
+            active ? cn("h-2 w-5 shadow-sm", toneClasses[tone]) : "h-2 w-2 bg-white/25",
+            interactive && "cursor-pointer hover:bg-white/40"
+          );
+          const Tag = interactive ? "button" : "span";
+          return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            Tag,
+            {
+              type: interactive ? "button" : void 0,
+              role: "tab",
+              "aria-selected": active,
+              "aria-label": `Page ${i + 1} of ${count2}`,
+              onClick: interactive ? () => onSelect(i) : void 0,
+              className: dotClass
+            },
+            i
+          );
+        })
+      }
+    );
+  }
+);
+DotPagination.displayName = "DotPagination";
+
+// src/web/components/status-badge.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function StatusBadge({ status, className }) {
   const config = {
     success: {
@@ -988,7 +1040,7 @@ function StatusBadge({ status, className }) {
     }
   };
   const { color, bg, border, icon, label } = config[status];
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
     "div",
     {
       className: cn(
@@ -999,15 +1051,15 @@ function StatusBadge({ status, className }) {
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "material-symbols-outlined text-icon-sm", children: icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: label })
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "material-symbols-outlined text-icon-sm", children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: label })
       ]
     }
   );
 }
 
 // src/web/components/network-badge.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var networkConfig = {
   L1: {
     color: "text-network-bitcoin-text",
@@ -1090,7 +1142,7 @@ function NetworkBadge({
   const chipSize = size === "sm" ? "size-6" : "size-8";
   const imageSize = size === "sm" ? "size-3.5" : "size-icon-lg";
   if (!content) {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       "span",
       {
         className: cn(
@@ -1099,7 +1151,7 @@ function NetworkBadge({
           iconBg,
           className
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
           "img",
           {
             src: icon,
@@ -1110,7 +1162,7 @@ function NetworkBadge({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     "span",
     {
       className: cn(
@@ -1121,7 +1173,7 @@ function NetworkBadge({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
           "img",
           {
             src: icon,
@@ -1177,7 +1229,7 @@ function useAssetIcon(ticker, cdnBaseUrl) {
 }
 
 // src/web/components/asset-icon.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var ASSET_COLORS = {
   BTC: "bg-transparent",
   ETH: "bg-asset-eth",
@@ -1204,7 +1256,7 @@ function AssetIcon({ ticker, logoUri, cdnBaseUrl, size = 40, className }) {
   const iconUrl = logoUri ? logoUri : localIcon ? localIcon : failed ? null : useFallback || !cdnUrl ? fallbackUrl || null : cdnUrl || fallbackUrl || null;
   const bgColor = ASSET_COLORS[normTicker] || "bg-secondary";
   if (iconUrl) {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       "div",
       {
         className: cn(
@@ -1213,7 +1265,7 @@ function AssetIcon({ ticker, logoUri, cdnBaseUrl, size = 40, className }) {
           className
         ),
         style: { width: size, height: size },
-        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
           "img",
           {
             src: iconUrl,
@@ -1239,7 +1291,7 @@ function AssetIcon({ ticker, logoUri, cdnBaseUrl, size = 40, className }) {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "div",
     {
       className: cn(
@@ -1255,7 +1307,7 @@ function AssetIcon({ ticker, logoUri, cdnBaseUrl, size = 40, className }) {
 
 // src/web/components/asset-card.tsx
 var import_react4 = require("react");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function AssetCard({
   ticker,
   name,
@@ -1270,7 +1322,7 @@ function AssetCard({
   const shown = balanceVisible ? displayBalance : "\u2022\u2022\u2022\u2022\u2022\u2022";
   const [hovered, setHovered] = (0, import_react4.useState)(false);
   const gradientStyle = accentColor ? { background: `linear-gradient(135deg, var(--card) 30%, ${accentColor}${hovered ? "77" : "55"} 75%, ${accentColor}${hovered ? "dd" : "b3"} 100%)`, transition: "background 0.3s ease" } : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
     "div",
     {
       className: cn(
@@ -1284,10 +1336,10 @@ function AssetCard({
       onMouseEnter: () => setHovered(true),
       onMouseLeave: () => setHovered(false),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "absolute inset-0 bg-gradient-to-br from-white/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none" }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center justify-between relative z-10", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "absolute inset-0 bg-gradient-to-br from-white/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center justify-between relative z-10", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
               AssetIcon,
               {
                 ticker,
@@ -1296,8 +1348,8 @@ function AssetCard({
                 className: "group-hover:scale-105 transition-transform"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-col", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 "span",
                 {
                   className: cn(
@@ -1307,12 +1359,12 @@ function AssetCard({
                   children: name
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "flex flex-wrap gap-1 mt-1", children: networks.map((network) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(NetworkBadge, { network, showLabel: true, size: "sm" }, network)) })
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex flex-wrap gap-1 mt-1", children: networks.map((network) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(NetworkBadge, { network, showLabel: true, size: "sm" }, network)) })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "text-right", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "font-bold text-lg tracking-tight text-foreground group-hover:opacity-90 transition-colors", children: shown }),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-tiny text-muted-foreground font-medium tracking-wide uppercase mt-0.5", children: ticker })
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "text-right", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "font-bold text-lg tracking-tight text-foreground group-hover:opacity-90 transition-colors", children: shown }),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-tiny text-muted-foreground font-medium tracking-wide uppercase mt-0.5", children: ticker })
           ] })
         ] })
       ]
@@ -1321,7 +1373,7 @@ function AssetCard({
 }
 
 // src/web/components/transaction-card.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function TransactionCard({
   direction,
   status,
@@ -1354,7 +1406,7 @@ function TransactionCard({
     failed: "text-danger",
     error: "text-danger"
   }[status] ?? "text-foreground";
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     "div",
     {
       className: cn(
@@ -1365,28 +1417,28 @@ function TransactionCard({
       ),
       onClick,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "absolute inset-0 bg-gradient-to-br from-white/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none" }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-3 relative z-10", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "absolute inset-0 bg-gradient-to-br from-white/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none" }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-3 relative z-10", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
             "div",
             {
               className: cn(
                 "size-11 rounded-full flex items-center justify-center shadow-inner group-hover:scale-105 transition-transform",
                 iconStyle
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "material-symbols-outlined text-icon-xl", children: isInbound ? "arrow_downward" : "arrow_outward" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "material-symbols-outlined text-icon-xl", children: isInbound ? "arrow_downward" : "arrow_outward" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "font-bold text-sm tracking-wide text-foreground", children: isInbound ? "Received" : "Sent" }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-2 mt-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(StatusBadge, { status }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-tiny text-muted-foreground font-medium tracking-wide", children: formatDate(timestamp) })
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "font-bold text-sm tracking-wide text-foreground", children: isInbound ? "Received" : "Sent" }),
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-2 mt-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(StatusBadge, { status }),
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-tiny text-muted-foreground font-medium tracking-wide", children: formatDate(timestamp) })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "text-right relative z-10", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "text-right relative z-10", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
             "p",
             {
               className: cn(
@@ -1399,7 +1451,7 @@ function TransactionCard({
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-tiny text-muted-foreground font-medium tracking-wide uppercase mt-0.5", children: unit })
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-tiny text-muted-foreground font-medium tracking-wide uppercase mt-0.5", children: unit })
         ] })
       ]
     }
@@ -1407,7 +1459,7 @@ function TransactionCard({
 }
 
 // src/web/components/app-icon.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var APP_ICON_NAMES = {
   activity: "history",
   bitcoin: "currency_bitcoin",
@@ -1436,12 +1488,12 @@ var APP_ICON_NAMES = {
   arkadeLayers: "layers"
 };
 function AppIcon({ name, strokeWidth: _strokeWidth, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon2, { name: APP_ICON_NAMES[name], ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon2, { name: APP_ICON_NAMES[name], ...props });
 }
 
 // src/web/components/scroll-area.tsx
 var import_react5 = require("react");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var useIsomorphicLayoutEffect = typeof window === "undefined" ? import_react5.useEffect : import_react5.useLayoutEffect;
 function readPxToken(name, fallback) {
   if (typeof window === "undefined") return fallback;
@@ -1535,8 +1587,8 @@ function ScrollArea({
       resizeObserver.disconnect();
     };
   }, [updateThumb]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: cn("relative min-h-0 overflow-hidden", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: cn("relative min-h-0 overflow-hidden", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       Viewport3,
       {
         ref: viewportRef,
@@ -1544,7 +1596,7 @@ function ScrollArea({
         children
       }
     ),
-    thumb.visible && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    thumb.visible && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       "div",
       {
         "aria-hidden": true,
@@ -1554,7 +1606,7 @@ function ScrollArea({
         onPointerLeave: () => setIsHoveringThumb(false),
         onPointerDown: handleTrackPointerDown,
         style: { zIndex: "var(--z-scrollbar)" },
-        children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           "div",
           {
             className: cn(
@@ -1579,7 +1631,7 @@ function ScrollArea({
 }
 
 // src/web/components/network-status-chip.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function NetworkStatusChip({
   icon,
   dotClassName,
@@ -1587,7 +1639,7 @@ function NetworkStatusChip({
   ariaLabel,
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
     "button",
     {
       type: "button",
@@ -1599,20 +1651,20 @@ function NetworkStatusChip({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "shrink-0", children: icon }),
-        dotClassName && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: cn("size-2 rounded-full", dotClassName) })
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "shrink-0", children: icon }),
+        dotClassName && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: cn("size-2 rounded-full", dotClassName) })
       ]
     }
   );
 }
 
 // src/web/components/network-icon.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function LightningNetworkIcon({
   className = "size-3.5",
   alt = "Lightning"
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "img",
     {
       src: "/icons/lightning/lightning.svg",
@@ -1622,7 +1674,7 @@ function LightningNetworkIcon({
   );
 }
 function SparkNetworkIcon({ className = "size-3.5", alt = "Spark" }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "img",
     {
       src: "/icons/spark/Asterisk/Spark Asterisk White.svg",
@@ -1635,7 +1687,7 @@ function ArkadeNetworkIcon({
   className = "size-3.5 rounded-sm",
   alt = "Arkade"
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "img",
     {
       src: "/icons/arkade/arkade-icon.svg",
@@ -1646,7 +1698,7 @@ function ArkadeNetworkIcon({
 }
 
 // src/web/components/action-tile.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function ActionTile({
   icon,
   label,
@@ -1656,7 +1708,7 @@ function ActionTile({
   ariaLabel,
   "data-testid": dataTestId
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     "button",
     {
       type: "button",
@@ -1672,8 +1724,8 @@ function ActionTile({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "flex shrink-0 items-center justify-center text-current leading-none [&_.material-symbols-outlined]:text-icon-lg [&_.material-symbols-outlined]:leading-none", children: icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "truncate text-tiny font-semibold tracking-wide", children: label })
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "flex shrink-0 items-center justify-center text-current leading-none [&_.material-symbols-outlined]:text-icon-lg [&_.material-symbols-outlined]:leading-none", children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "truncate text-tiny font-semibold tracking-wide", children: label })
       ]
     }
   );
@@ -1682,7 +1734,7 @@ function ActionTile({
 // src/web/components/qr-code.tsx
 var import_react6 = require("react");
 var import_qr = __toESM(require("qr"), 1);
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function isFinderPattern(row, col, size) {
   if (row < 7 && col < 7) return true;
   if (row < 7 && col >= size - 7) return true;
@@ -1697,7 +1749,7 @@ function isLogoZone(row, col, size, logoModules) {
 function renderFinderPattern(originX, originY, moduleSize, fg, bg, key) {
   const r = moduleSize * 0.6;
   return [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       "rect",
       {
         x: originX,
@@ -1710,7 +1762,7 @@ function renderFinderPattern(originX, originY, moduleSize, fg, bg, key) {
       },
       `${key}-o`
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       "rect",
       {
         x: originX + moduleSize,
@@ -1723,7 +1775,7 @@ function renderFinderPattern(originX, originY, moduleSize, fg, bg, key) {
       },
       `${key}-i`
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       "rect",
       {
         x: originX + moduleSize * 2,
@@ -1739,18 +1791,18 @@ function renderFinderPattern(originX, originY, moduleSize, fg, bg, key) {
   ];
 }
 var LOGO_VIEWBOX = 412;
-var LOGO_PATHS = /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M137.306 411.865H0.000244141L68.6795 343.29L137.306 411.865Z", fill: "#6F32FF" }),
-  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M0 0H137.306L68.6267 68.574L0 0Z", fill: "#6F32FF" }),
-  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M137.148 274.559H274.455L411.708 411.866H274.401L137.148 274.559Z", fill: "#17B581" }),
-  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var LOGO_PATHS = /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("path", { d: "M137.306 411.865H0.000244141L68.6795 343.29L137.306 411.865Z", fill: "#6F32FF" }),
+  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("path", { d: "M0 0H137.306L68.6267 68.574L0 0Z", fill: "#6F32FF" }),
+  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("path", { d: "M137.148 274.559H274.455L411.708 411.866H274.401L137.148 274.559Z", fill: "#17B581" }),
+  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "path",
     {
       d: "M137.149 274.559L68.6274 205.933L137.201 137.306L274.455 137.411L205.776 206.038L274.456 274.559H137.149Z",
       fill: "#15E99A"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M274.479 0.104797H411.786L274.533 137.411H137.226L274.479 0.104797Z", fill: "#17B581" })
+  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("path", { d: "M274.479 0.104797H411.786L274.533 137.411H137.226L274.479 0.104797Z", fill: "#17B581" })
 ] });
 function QrCode({ value, size = 160, className }) {
   const svgContent = (0, import_react6.useMemo)(() => {
@@ -1773,7 +1825,7 @@ function QrCode({ value, size = 160, className }) {
         if (!matrix[row][col]) continue;
         const cx = quietZone + col * moduleSize + moduleSize / 2;
         const cy = quietZone + row * moduleSize + moduleSize / 2;
-        elements.push(/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("circle", { cx, cy, r: dotRadius, fill: fg }, `d-${row}-${col}`));
+        elements.push(/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("circle", { cx, cy, r: dotRadius, fill: fg }, `d-${row}-${col}`));
       }
     }
     const finderPositions = [
@@ -1796,15 +1848,15 @@ function QrCode({ value, size = 160, className }) {
     const centerX = quietZone + n * moduleSize / 2;
     const centerY = quietZone + n * moduleSize / 2;
     const logoCircleR = logoZoneSize * moduleSize * 0.52;
-    elements.push(/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("circle", { cx: centerX, cy: centerY, r: logoCircleR, fill: bg }, "logo-bg"));
+    elements.push(/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("circle", { cx: centerX, cy: centerY, r: logoCircleR, fill: bg }, "logo-bg"));
     const logoBox = logoCircleR * 1.35;
     const logoX = centerX - logoBox / 2;
     const logoY = centerY - logoBox / 2;
     const scale = logoBox / LOGO_VIEWBOX;
     elements.push(
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("g", { transform: `translate(${logoX}, ${logoY}) scale(${scale})`, children: LOGO_PATHS }, "logo")
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("g", { transform: `translate(${logoX}, ${logoY}) scale(${scale})`, children: LOGO_PATHS }, "logo")
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       "svg",
       {
         viewBox: `0 0 ${svgSize} ${svgSize}`,
@@ -1816,11 +1868,11 @@ function QrCode({ value, size = 160, className }) {
       }
     );
   }, [value]);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className, style: { width: size, height: size }, children: svgContent });
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className, style: { width: size, height: size }, children: svgContent });
 }
 
 // src/web/components/bottom-nav.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function BottomNav({
   activeView,
   items,
@@ -1828,7 +1880,7 @@ function BottomNav({
   position = "fixed",
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     "nav",
     {
       className: cn(
@@ -1836,9 +1888,9 @@ function BottomNav({
         position === "fixed" ? "fixed bottom-6 left-1/2 z-[var(--z-nav)] -translate-x-1/2" : "relative",
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "flex items-center justify-around px-0 py-2", children: items.map(({ id, label, icon, iconName, testId }) => {
+      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "flex items-center justify-around px-0 py-2", children: items.map(({ id, label, icon, iconName, testId }) => {
         const isActive = activeView === id;
-        return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
           "button",
           {
             type: "button",
@@ -1849,8 +1901,8 @@ function BottomNav({
               isActive ? "bg-white/10 text-primary" : "text-muted-foreground hover:text-white/75 active:scale-95"
             ),
             children: [
-              icon ?? (iconName ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Icon2, { name: iconName, className: "text-icon-xl" }) : null),
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "mt-0.5 text-xxs font-semibold transition-colors duration-300", children: label })
+              icon ?? (iconName ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Icon2, { name: iconName, className: "text-icon-xl" }) : null),
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "mt-0.5 text-xxs font-semibold transition-colors duration-300", children: label })
             ]
           },
           id
@@ -1862,15 +1914,15 @@ function BottomNav({
 
 // src/web/components/account-status-tabs.tsx
 var import_react7 = require("react");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function AccountStatusTabs({
   accounts
 }) {
   const [selectedAccountId, setSelectedAccountId] = (0, import_react7.useState)(null);
   const selectedAccount = selectedAccountId ? accounts.find((account) => account.id === selectedAccountId) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "flex max-w-full items-center justify-end overflow-x-auto no-scrollbar pl-3", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "flex items-center gap-1 px-1", children: accounts.map((account) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "group relative shrink-0", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex max-w-full items-center justify-end overflow-x-auto no-scrollbar pl-3", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex items-center gap-1 px-1", children: accounts.map((account) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "group relative shrink-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         NetworkStatusChip,
         {
           onClick: () => setSelectedAccountId(account.id),
@@ -1879,27 +1931,27 @@ function AccountStatusTabs({
           ariaLabel: `Open ${account.title} details`
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
         "div",
         {
           className: cn(
             "pointer-events-none absolute bottom-[calc(100%+12px)] right-0 z-20 hidden w-64 rounded-2xl border bg-popover/95 p-3.5 opacity-0 shadow-2xl backdrop-blur-xl transition-all duration-150 group-hover:opacity-100 md:block"
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-start gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "shrink-0", children: account.icon }),
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "min-w-0", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "text-xxs font-black uppercase tracking-[0.18em] text-white/55", children: account.label }),
-                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: cn("size-2 rounded-full", account.dotTone) })
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-start gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "shrink-0", children: account.icon }),
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "text-xxs font-black uppercase tracking-[0.18em] text-white/55", children: account.label }),
+                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: cn("size-2 rounded-full", account.dotTone) })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "mt-1 text-sm font-semibold text-white/90", children: account.title }),
-                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "mt-1 text-xs font-medium text-white/45", children: account.state })
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "mt-1 text-sm font-semibold text-white/90", children: account.title }),
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "mt-1 text-xs font-medium text-white/45", children: account.state })
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "mt-3 text-xs leading-relaxed text-white/60", children: account.detail }),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "mt-2 text-xs leading-relaxed text-white/45", children: account.description }),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "mt-3 flex flex-wrap gap-1.5", children: account.capabilityBullets.map((capability) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "mt-3 text-xs leading-relaxed text-white/60", children: account.detail }),
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "mt-2 text-xs leading-relaxed text-white/45", children: account.description }),
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "mt-3 flex flex-wrap gap-1.5", children: account.capabilityBullets.map((capability) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
               "span",
               {
                 className: "rounded-full border bg-white/[0.05] px-2 py-1 text-xxs font-medium text-white/60",
@@ -1911,14 +1963,14 @@ function AccountStatusTabs({
         }
       )
     ] }, account.id)) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       Dialog,
       {
         open: selectedAccountId !== null,
         onOpenChange: (open) => !open && setSelectedAccountId(null),
-        children: selectedAccount && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DialogContent, { className: "max-w-md border bg-popover p-0 text-white", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "p-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DialogHeader, { className: "text-left", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-start gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        children: selectedAccount && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(DialogContent, { className: "max-w-md border bg-popover p-0 text-white", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "p-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(DialogHeader, { className: "text-left", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
               "div",
               {
                 className: cn(
@@ -1929,17 +1981,17 @@ function AccountStatusTabs({
                 children: selectedAccount.icon
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "min-w-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "text-xxs font-black uppercase tracking-[0.18em] text-muted-foreground", children: selectedAccount.label }),
-                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: cn("size-2 rounded-full", selectedAccount.dotTone) })
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "text-xxs font-black uppercase tracking-[0.18em] text-muted-foreground", children: selectedAccount.label }),
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: cn("size-2 rounded-full", selectedAccount.dotTone) })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DialogTitle, { className: "mt-1 text-xl font-bold text-white", children: selectedAccount.title }),
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DialogDescription, { className: "mt-2 text-sm leading-relaxed text-white/60", children: selectedAccount.description })
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(DialogTitle, { className: "mt-1 text-xl font-bold text-white", children: selectedAccount.title }),
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(DialogDescription, { className: "mt-2 text-sm leading-relaxed text-white/60", children: selectedAccount.description })
             ] })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "mt-5 grid grid-cols-2 gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "mt-5 grid grid-cols-2 gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
               "div",
               {
                 className: cn(
@@ -1947,20 +1999,20 @@ function AccountStatusTabs({
                   selectedAccount.networkBannerClassName
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "text-icon-xxs font-black uppercase tracking-[0.18em]", children: "Network" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "mt-1 text-sm font-semibold", children: selectedAccount.networkLabel })
+                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "text-icon-xxs font-black uppercase tracking-[0.18em]", children: "Network" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "mt-1 text-sm font-semibold", children: selectedAccount.networkLabel })
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "rounded-2xl border bg-white/[0.04] px-4 py-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "text-icon-xxs font-black uppercase tracking-[0.18em] text-white/45", children: "Status" }),
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "mt-1 text-sm font-semibold text-white/90", children: selectedAccount.state })
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "rounded-2xl border bg-white/[0.04] px-4 py-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "text-icon-xxs font-black uppercase tracking-[0.18em] text-white/45", children: "Status" }),
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "mt-1 text-sm font-semibold text-white/90", children: selectedAccount.state })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "mt-5 text-sm leading-relaxed text-muted-foreground", children: selectedAccount.detail }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "mt-5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "text-icon-xxs font-black uppercase tracking-[0.18em] text-white/45", children: "Capabilities" }),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "mt-3 flex flex-wrap gap-2", children: selectedAccount.capabilityBullets.map((capability) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "mt-5 text-sm leading-relaxed text-muted-foreground", children: selectedAccount.detail }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "mt-5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "text-icon-xxs font-black uppercase tracking-[0.18em] text-white/45", children: "Capabilities" }),
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "mt-3 flex flex-wrap gap-2", children: selectedAccount.capabilityBullets.map((capability) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
               "span",
               {
                 className: "rounded-full border bg-white/[0.05] px-2.5 py-1 text-xxs font-medium text-white/65",
@@ -1977,7 +2029,7 @@ function AccountStatusTabs({
 
 // src/web/components/filter-dropdown.tsx
 var import_react8 = require("react");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function FilterDropdown({
   label,
   value,
@@ -1992,8 +2044,8 @@ function FilterDropdown({
   const displayedCluster = specificOptions.slice(0, clusterMax);
   const clusterOverflow = specificOptions.length - displayedCluster.length;
   const isFiltered = value !== "all";
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: cn("relative flex-1", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: cn("relative flex-1", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
       "button",
       {
         type: "button",
@@ -2003,7 +2055,7 @@ function FilterDropdown({
           isFiltered ? "bg-white/[0.13] shadow-inner" : "bg-white/[0.09] backdrop-blur-md hover:bg-white/[0.13]"
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
             "span",
             {
               className: cn(
@@ -2013,17 +2065,17 @@ function FilterDropdown({
               children: label
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex min-w-0 flex-1 items-center justify-center gap-1.5", children: value === "all" ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex min-w-0 items-center justify-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex shrink-0 items-center -space-x-2", children: displayedCluster.map((option) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "inline-flex shrink-0 items-center justify-center", children: option.clusterIcon ?? option.icon }, option.id)) }),
-            clusterOverflow > 0 && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("span", { className: "ml-1 text-xxs font-semibold leading-none text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex min-w-0 flex-1 items-center justify-center gap-1.5", children: value === "all" ? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex min-w-0 items-center justify-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex shrink-0 items-center -space-x-2", children: displayedCluster.map((option) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "inline-flex shrink-0 items-center justify-center", children: option.clusterIcon ?? option.icon }, option.id)) }),
+            clusterOverflow > 0 && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("span", { className: "ml-1 text-xxs font-semibold leading-none text-muted-foreground", children: [
               "+",
               clusterOverflow
             ] })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex size-6 shrink-0 items-center justify-center", children: selected?.icon }),
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "truncate text-tiny font-bold text-white", children: selected?.label })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex size-6 shrink-0 items-center justify-center", children: selected?.icon }),
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "truncate text-tiny font-bold text-white", children: selected?.label })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
             Icon2,
             {
               name: "expand_more",
@@ -2036,7 +2088,7 @@ function FilterDropdown({
         ]
       }
     ),
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_jsx_runtime26.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "absolute left-0 top-full z-50 mt-1.5 flex min-w-[140px] flex-col gap-0.5 rounded-2xl bg-popover/95 p-1.5 shadow-2xl backdrop-blur-xl", children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_jsx_runtime27.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "absolute left-0 top-full z-50 mt-1.5 flex min-w-[140px] flex-col gap-0.5 rounded-2xl bg-popover/95 p-1.5 shadow-2xl backdrop-blur-xl", children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
       "button",
       {
         type: "button",
@@ -2049,9 +2101,8 @@ function FilterDropdown({
           value === option.id ? "bg-white/15 text-white shadow-sm" : "text-white/60 hover:bg-accent hover:text-white/90"
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex size-6 shrink-0 items-center justify-center", children: option.icon }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: cn("text-xs", value === option.id ? "font-bold" : "font-medium"), children: option.label }),
-          value === option.id && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "ml-auto size-1.5 rounded-full bg-primary" })
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex size-6 shrink-0 items-center justify-center", children: option.icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: cn("text-xs", value === option.id ? "font-bold" : "font-medium"), children: option.label })
         ]
       },
       option.id
@@ -2060,35 +2111,35 @@ function FilterDropdown({
 }
 
 // src/web/components/settings-tile.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function SettingsTile({ icon, title, description, value, onClick }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     "button",
     {
       type: "button",
       onClick,
       className: "w-full rounded-2xl bg-card p-5 text-left transition-all duration-200 hover:bg-accent active:scale-[0.98]",
-      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-xl bg-muted", children: icon }),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "font-bold text-body tracking-wide text-foreground", children: title }),
-            description && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "mt-0.5 text-sm font-medium text-muted-foreground", children: description })
+      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-xl bg-muted", children: icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "font-bold text-body tracking-wide text-foreground", children: title }),
+            description && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "mt-0.5 text-sm font-medium text-muted-foreground", children: description })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex shrink-0 items-center gap-2", children: [
-          value && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "font-mono text-xs text-muted-foreground", children: value }),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(AppIcon, { name: "chevronRight", className: "size-4 text-muted-foreground" })
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex shrink-0 items-center gap-2", children: [
+          value && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "font-mono text-xs text-muted-foreground", children: value }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(AppIcon, { name: "chevronRight", className: "size-4 text-muted-foreground" })
         ] })
       ] })
     }
   );
 }
 function SettingsStatusPanel({ label, value }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "rounded-xl bg-white/[0.03] px-4 py-3 text-xs text-muted-foreground", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "rounded-xl bg-white/[0.03] px-4 py-3 text-xs text-muted-foreground", children: [
     label,
     ": ",
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "font-semibold text-white", children: value })
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "font-semibold text-white", children: value })
   ] });
 }
 function SettingsActionButton({
@@ -2096,7 +2147,7 @@ function SettingsActionButton({
   children,
   onClick
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
     "button",
     {
       type: "button",
@@ -2114,7 +2165,7 @@ function SettingsActionButton({
 var import_react9 = require("react");
 
 // src/web/components/page-header.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function PageHeader({
   left,
   title,
@@ -2126,47 +2177,47 @@ function PageHeader({
   backLabel = "Go back",
   borderClassName
 }) {
-  const backButton = onBack ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  const backButton = onBack ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "button",
     {
       type: "button",
       onClick: onBack,
       "aria-label": backLabel,
       className: "flex size-10 shrink-0 items-center justify-center rounded-full bg-surface-card text-muted-foreground shadow-inner transition-all hover:bg-accent hover:text-foreground active:scale-95",
-      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icon2, { name: "arrow_back", size: "lg" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Icon2, { name: "arrow_back", size: "lg" })
     }
   ) : null;
-  const resolvedLeft = backButton && left ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex min-w-0 items-center gap-2", children: [
+  const resolvedLeft = backButton && left ? /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex min-w-0 items-center gap-2", children: [
     backButton,
     left
   ] }) : backButton ?? left;
-  const titleBlock = title ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: cn("min-w-0", titleAlign === "center" ? "max-w-xs text-center" : "text-left"), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "truncate font-bold text-body text-foreground", children: title }),
-    subtitle && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "mt-1 truncate text-xs text-muted-foreground", children: subtitle })
+  const titleBlock = title ? /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: cn("min-w-0", titleAlign === "center" ? "max-w-xs text-center" : "text-left"), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "truncate font-bold text-body text-foreground", children: title }),
+    subtitle && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "mt-1 truncate text-xs text-muted-foreground", children: subtitle })
   ] }) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("header", { className: cn(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("header", { className: cn(
     "sticky top-0 z-[var(--z-header)] flex min-h-14 shrink-0 items-center bg-background px-4 py-2 shadow-header backdrop-blur-xl",
     borderClassName && "border-b",
     borderClassName,
     className
-  ), children: title && titleAlign === "start" ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
+  ), children: title && titleAlign === "start" ? /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
       resolvedLeft,
       titleBlock
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "ml-3 flex shrink-0 items-center justify-end gap-2", children: right })
-  ] }) : title ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex min-w-0 flex-1 items-center", children: resolvedLeft }),
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "shrink-0", children: titleBlock }),
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex min-w-0 flex-1 items-center justify-end gap-2", children: right })
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex shrink-0 items-center", children: resolvedLeft }),
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "ml-auto flex min-w-0 items-center justify-end gap-2", children: right })
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "ml-3 flex shrink-0 items-center justify-end gap-2", children: right })
+  ] }) : title ? /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "flex min-w-0 flex-1 items-center", children: resolvedLeft }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "shrink-0", children: titleBlock }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "flex min-w-0 flex-1 items-center justify-end gap-2", children: right })
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "flex shrink-0 items-center", children: resolvedLeft }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "ml-auto flex min-w-0 items-center justify-end gap-2", children: right })
   ] }) });
 }
 
 // src/web/components/account-settings-shared.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var SUPPORTED_ACCOUNT_NETWORKS = {
   RGB: ["regtest", "testnet", "signet"],
   SPARK: ["regtest", "mainnet"],
@@ -2208,15 +2259,15 @@ function getAccountNetworkUi(network) {
 }
 function AccountHeaderIcons({ accountId }) {
   if (accountId === "RGB") {
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex -space-x-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "flex size-10 items-center justify-center rounded-full bg-network-bitcoin/15 shadow-inner", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("img", { src: "/icons/lightning/lightning.svg", alt: "Lightning", className: "size-5 object-contain" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "flex size-10 items-center justify-center rounded-full bg-primary/15 shadow-inner", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("img", { src: "/icons/rgb/rgb-logo.svg", alt: "RGB", className: "size-5 object-contain" }) })
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex -space-x-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "flex size-10 items-center justify-center rounded-full bg-network-bitcoin/15 shadow-inner", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("img", { src: "/icons/lightning/lightning.svg", alt: "Lightning", className: "size-5 object-contain" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "flex size-10 items-center justify-center rounded-full bg-primary/15 shadow-inner", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("img", { src: "/icons/rgb/rgb-logo.svg", alt: "RGB", className: "size-5 object-contain" }) })
     ] });
   }
   if (accountId === "SPARK") {
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "flex size-10 items-center justify-center rounded-full bg-info/10 shadow-inner", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("img", { src: "/icons/spark/Asterisk/Spark Asterisk White.svg", alt: "Spark", className: "size-5 object-contain" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "flex size-10 items-center justify-center rounded-full bg-info/10 shadow-inner", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("img", { src: "/icons/spark/Asterisk/Spark Asterisk White.svg", alt: "Spark", className: "size-5 object-contain" }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "flex size-10 items-center justify-center rounded-full bg-network-arkade/10 shadow-inner", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("img", { src: "/icons/arkade/arkade-icon.svg", alt: "Arkade", className: "size-5 rounded-sm object-contain" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "flex size-10 items-center justify-center rounded-full bg-network-arkade/10 shadow-inner", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("img", { src: "/icons/arkade/arkade-icon.svg", alt: "Arkade", className: "size-5 rounded-sm object-contain" }) });
 }
 function getAccountStatusUi(status) {
   switch (status) {
@@ -2244,7 +2295,7 @@ function AccountNetworkSelector({
   disabled = false
 }) {
   const networks = SUPPORTED_ACCOUNT_NETWORKS[accountId];
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "div",
     {
       role: "radiogroup",
@@ -2256,7 +2307,7 @@ function AccountNetworkSelector({
       children: networks.map((network) => {
         const ui = getAccountNetworkUi(network);
         const selected = value === network;
-        return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           "button",
           {
             type: "button",
@@ -2296,8 +2347,8 @@ function AccountNetworkPicker({
       setIsSaving(false);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       AccountNetworkSelector,
       {
         accountId,
@@ -2306,10 +2357,10 @@ function AccountNetworkPicker({
         disabled: isSaving
       }
     ),
-    isDirty && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Button, { variant: "cta", size: "sm", onClick: handleSave, disabled: isSaving, children: isSaving ? /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "mr-2 h-4 w-4 animate-spin rounded-full border-2 border-background/30 border-t-background" }),
+    isDirty && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Button, { variant: "cta", size: "sm", onClick: handleSave, disabled: isSaving, children: isSaving ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "mr-2 h-4 w-4 animate-spin rounded-full border-2 border-background/30 border-t-background" }),
       "Reconnecting..."
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
       "Save - Switch to ",
       getAccountNetworkLabel(draft)
     ] }) })
@@ -2321,31 +2372,31 @@ function AccountSettingsShell({
   subtitle,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "min-h-screen bg-background pb-28 font-display text-foreground", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "min-h-screen bg-background pb-28 font-display text-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       PageHeader,
       {
         title,
         subtitle,
         titleAlign: "start",
-        left: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(AccountHeaderIcons, { accountId }),
+        left: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(AccountHeaderIcons, { accountId }),
         className: "px-5 py-4"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("main", { className: "space-y-6 px-5 py-6", children })
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("main", { className: "space-y-6 px-5 py-6", children })
   ] });
 }
 function AccountInfoGrid({ items }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "grid gap-3 sm:grid-cols-2", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "rounded-xl bg-black/20 p-3 text-xs", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-muted-foreground", children: item.label }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "mt-1 break-all text-white/90", children: item.value })
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "grid gap-3 sm:grid-cols-2", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "rounded-xl bg-black/20 p-3 text-xs", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-muted-foreground", children: item.label }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "mt-1 break-all text-white/90", children: item.value })
   ] }, item.label)) });
 }
 function AccountNotice({
   tone = "default",
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "div",
     {
       className: cn(
@@ -2360,7 +2411,7 @@ function AccountNetworkNotice({
   network,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: cn("rounded-xl px-3 py-3 text-xs", getAccountNetworkUi(network).bannerClassName), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: cn("rounded-xl px-3 py-3 text-xs", getAccountNetworkUi(network).bannerClassName), children });
 }
 function AccountStatusPills({
   status,
@@ -2368,8 +2419,8 @@ function AccountStatusPills({
 }) {
   const statusUi = getAccountStatusUi(status);
   const networkUi = getAccountNetworkUi(network);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       "span",
       {
         className: cn(
@@ -2379,7 +2430,7 @@ function AccountStatusPills({
         children: statusUi.label === "Ready" ? "Connected" : statusUi.label
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       "span",
       {
         className: cn(
@@ -2392,7 +2443,7 @@ function AccountStatusPills({
   ] });
 }
 function SectionTitle({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("h3", { className: "text-xs font-bold uppercase tracking-wider text-muted-foreground", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("h3", { className: "text-xs font-bold uppercase tracking-wider text-muted-foreground", children });
 }
 function InlineAction({
   title,
@@ -2401,7 +2452,7 @@ function InlineAction({
   onClick
 }) {
   const className = accent === "purple" ? "bg-network-arkade/10 text-network-arkade hover:bg-network-arkade/15" : accent === "blue" ? "bg-info/10 text-info hover:bg-info/15" : "bg-primary/10 text-primary hover:bg-primary/15";
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
     "button",
     {
       type: "button",
@@ -2411,11 +2462,11 @@ function InlineAction({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-sm font-semibold text-white", children: title }),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "mt-1 text-xs text-muted-foreground", children: description })
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-sm font-semibold text-white", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "mt-1 text-xs text-muted-foreground", children: description })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "material-symbols-outlined text-icon-lg", children: "chevron_right" })
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "material-symbols-outlined text-icon-lg", children: "chevron_right" })
       ]
     }
   );
@@ -2426,19 +2477,19 @@ function TransferRouteCard({
   eta,
   feeHint
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "rounded-2xl bg-card/60 p-4 shadow-inner", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-sm font-bold text-white", children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "mt-1 text-xs text-muted-foreground", children: summary })
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "rounded-2xl bg-card/60 p-4 shadow-inner", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-sm font-bold text-white", children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "mt-1 text-xs text-muted-foreground", children: summary })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "text-right", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-xxs font-bold uppercase tracking-wider text-white/60", children: eta }),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "mt-1 text-tiny text-primary", children: feeHint })
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "text-right", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-xxs font-bold uppercase tracking-wider text-white/60", children: eta }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "mt-1 text-tiny text-primary", children: feeHint })
     ] })
   ] }) });
 }
 function ExpandIcon({ expanded }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Icon2, { name: expanded ? "expand_less" : "expand_more", size: "md" });
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Icon2, { name: expanded ? "expand_less" : "expand_more", size: "md" });
 }
 function AccountSettingsRow({
   accountId,
@@ -2448,23 +2499,23 @@ function AccountSettingsRow({
   description,
   onClick
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "button",
     {
       type: "button",
       onClick,
       className: "w-full rounded-3xl bg-white/[0.03] p-4 text-left shadow-inner transition-colors hover:bg-white/[0.05]",
-      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-start gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(AccountHeaderIcons, { accountId }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-sm font-bold text-white", children: title }),
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "mt-1 text-xs text-muted-foreground", children: description })
+      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-start gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(AccountHeaderIcons, { accountId }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-sm font-bold text-white", children: title }),
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "mt-1 text-xs text-muted-foreground", children: description })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Icon2, { name: "chevron_right", size: "sm", className: "text-white/40" })
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Icon2, { name: "chevron_right", size: "sm", className: "text-white/40" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "mt-3", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(AccountStatusPills, { status, network }) })
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "mt-3", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(AccountStatusPills, { status, network }) })
         ] })
       ] })
     }
@@ -2472,7 +2523,7 @@ function AccountSettingsRow({
 }
 
 // src/web/components/account-capabilities-card.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function AccountCapabilitiesCard({
   accountId,
   title,
@@ -2486,8 +2537,8 @@ function AccountCapabilitiesCard({
   children
 }) {
   const accentClasses = accent === "primary" ? "bg-primary/5 text-primary" : accent === "blue" ? "bg-info/5 text-info" : "bg-network-arkade/5 text-network-arkade";
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "rounded-2xl bg-card/70 p-4 shadow-inner transition-all duration-300", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "rounded-2xl bg-card/70 p-4 shadow-inner transition-all duration-300", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
       "div",
       {
         className: cn(
@@ -2496,15 +2547,15 @@ function AccountCapabilitiesCard({
         ),
         onClick: collapsible ? onToggle : void 0,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex min-w-0 flex-1 items-start gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(AccountHeaderIcons, { accountId }),
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "min-w-0 flex-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("h3", { className: "text-sm font-bold text-white group-hover:text-white/90", children: title }),
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "mt-1 text-xs text-muted-foreground", children: description })
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex min-w-0 flex-1 items-start gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(AccountHeaderIcons, { accountId }),
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("h3", { className: "text-sm font-bold text-white group-hover:text-white/90", children: title }),
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "mt-1 text-xs text-muted-foreground", children: description })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex flex-col items-end gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-col items-end gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
               "span",
               {
                 className: cn(
@@ -2514,75 +2565,76 @@ function AccountCapabilitiesCard({
                 children: status
               }
             ),
-            collapsible && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "mt-1 text-white/30 transition-colors group-hover:text-white/60", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Icon2, { name: isExpanded ? "expand_less" : "expand_more", size: "md" }) })
+            collapsible && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "mt-1 text-white/30 transition-colors group-hover:text-white/60", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Icon2, { name: isExpanded ? "expand_less" : "expand_more", size: "md" }) })
           ] })
         ]
       }
     ),
-    isExpanded && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "mt-5 duration-200 animate-in fade-in slide-in-from-top-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "mb-6 space-y-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("h4", { className: "mb-2 text-xxs font-bold uppercase tracking-wider text-muted-foreground", children: "Capabilities" }),
-        capabilities.map((capability) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "inline-block size-1.5 rounded-full bg-current opacity-80" }),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: capability })
+    isExpanded && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "mt-5 duration-200 animate-in fade-in slide-in-from-top-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "mb-6 space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("h4", { className: "mb-2 text-xxs font-bold uppercase tracking-wider text-muted-foreground", children: "Capabilities" }),
+        capabilities.map((capability) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "inline-block size-1.5 rounded-full bg-current opacity-80" }),
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { children: capability })
         ] }, capability))
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "pt-5", children })
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "pt-5", children })
     ] })
   ] });
 }
 
 // src/web/components/wallet-asset-list.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function AssetSkeleton({ index }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
     "div",
     {
       className: "flex items-center justify-between rounded-card bg-white/[0.03] p-3 animate-pulse",
       style: { animationDelay: `${index * 100}ms` },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "relative", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "size-8 rounded-full bg-white/10" }),
-            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "absolute -bottom-1 -right-1 size-icon-md rounded-full bg-white/10" })
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "relative", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "size-8 rounded-full bg-white/10" }),
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "absolute -bottom-1 -right-1 size-icon-md rounded-full bg-white/10" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "h-3.5 w-20 rounded bg-white/10" }),
-            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "h-2.5 w-10 rounded bg-white/5" })
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "h-3.5 w-20 rounded bg-white/10" }),
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "h-2.5 w-10 rounded bg-white/5" })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-col items-end gap-1.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "h-3.5 w-16 rounded bg-white/10" }),
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "h-2.5 w-8 rounded bg-white/5" })
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col items-end gap-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "h-3.5 w-16 rounded bg-white/10" }),
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "h-2.5 w-8 rounded bg-white/5" })
         ] })
       ]
     }
   );
 }
 function EmptyState({ state }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "py-8 text-center", children: [
-    state.icon && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "mx-auto mb-3 flex size-12 items-center justify-center rounded-card border bg-card", children: state.icon }),
-    state.title && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "mb-1 text-sm font-medium text-muted-foreground", children: state.title }),
-    state.description && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "text-xs text-muted-foreground/70", children: state.description })
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "py-8 text-center", children: [
+    state.icon && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "mx-auto mb-3 flex size-12 items-center justify-center rounded-card border bg-card", children: state.icon }),
+    state.title && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "mb-1 text-sm font-medium text-muted-foreground", children: state.title }),
+    state.description && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-xs text-muted-foreground/70", children: state.description })
   ] });
 }
 function WalletAssetList({
   items,
   title = "Your Assets",
   amountLabel = "Amount",
+  hideHeader = false,
   isLoading = false,
   loadingRows = 2,
   emptyStates = [],
   bottomSpacer = true,
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: cn("flex flex-col gap-3", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "mb-1 mt-3 flex items-center justify-between px-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "text-xs font-bold uppercase tracking-widest text-foreground/80", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "text-xs font-bold uppercase tracking-widest text-foreground/80", children: amountLabel })
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: cn("flex flex-col gap-3", className), children: [
+    !hideHeader && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "mb-1 mt-3 flex items-center justify-between px-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-xs font-bold uppercase tracking-widest text-foreground/80", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-xs font-bold uppercase tracking-widest text-foreground/80", children: amountLabel })
     ] }),
-    isLoading && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "flex flex-col gap-3", children: Array.from({ length: loadingRows }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(AssetSkeleton, { index }, index)) }),
-    !isLoading && items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    isLoading && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "flex flex-col gap-3", children: Array.from({ length: loadingRows }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(AssetSkeleton, { index }, index)) }),
+    !isLoading && items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
       AssetCard,
       {
         ticker: item.ticker,
@@ -2596,16 +2648,16 @@ function WalletAssetList({
       },
       item.id
     )),
-    !isLoading && emptyStates.map((state) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(EmptyState, { state }, state.id)),
-    bottomSpacer && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "h-32" })
+    !isLoading && emptyStates.map((state) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(EmptyState, { state }, state.id)),
+    bottomSpacer && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "h-32" })
   ] });
 }
 
 // src/web/components/balance-breakdown.tsx
 var import_react10 = require("react");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 function OnchainIcon({ className = "" }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     "span",
     {
       className: `material-symbols-outlined leading-none ${className}`,
@@ -2619,7 +2671,7 @@ function ImageIcon({
   alt,
   className = ""
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("img", { src, alt, className });
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("img", { src, alt, className });
 }
 function numberOnly(formatted) {
   return formatted.replace(/\u00a0(sats|BTC|mBTC)$/, "").replace(/^\u20bf/, "");
@@ -2651,47 +2703,51 @@ function BalanceBreakdown({
 }) {
   const [expanded, setExpanded] = (0, import_react10.useState)(false);
   const fiatTotal = formatFiatValue(totalBTC);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "flex flex-col gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "relative overflow-hidden rounded-3xl bg-card p-5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "pointer-events-none absolute right-0 top-0 h-48 w-48 -translate-y-1/4 translate-x-1/4 rounded-full bg-white/[0.04] blur-[60px]" }),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "relative z-10 flex items-start justify-between gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex flex-col gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "relative overflow-hidden rounded-3xl bg-card p-5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "pointer-events-none absolute right-0 top-0 h-48 w-48 -translate-y-1/4 translate-x-1/4 rounded-full bg-white/[0.04] blur-[60px]" }),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "relative z-10 flex items-start justify-between gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
         "button",
         {
           onClick: cycle,
           className: "group flex min-w-0 flex-1 flex-col items-start text-left",
           title: `Tap to switch unit (current: ${label})`,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "mb-1 text-xxs font-bold uppercase tracking-widest text-white/40", children: "Total Balance" }),
-            isLoading ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "mt-1 space-y-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "h-9 w-36 animate-pulse rounded-lg bg-white/10" }),
-              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "h-3 w-20 animate-pulse rounded bg-white/5" })
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex min-w-0 items-center gap-2.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "block min-w-0 truncate text-display font-black leading-[1.1] tracking-tighter text-white drop-shadow-sm transition-all duration-300 group-active:scale-95 group-active:text-primary", children: balanceVisible ? numberOnly(format(totalBTC)) : "\u2022\u2022\u2022\u2022\u2022\u2022" }),
-                unit !== "fiat" && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "inline-block rounded-md border border-primary/20 bg-primary/10 px-2 py-0.5 text-tiny font-bold uppercase tracking-widest text-primary/80", children: label }),
-                isPartial && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "mb-1 text-xxs font-bold uppercase tracking-widest text-white/40", children: "Total Balance" }),
+            isLoading ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "mt-1 space-y-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "h-9 w-36 animate-pulse rounded-lg bg-white/10" }),
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "h-3 w-20 animate-pulse rounded bg-white/5" })
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex min-w-0 max-w-full flex-wrap items-baseline gap-x-2.5 gap-y-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-display font-black leading-[1.1] tracking-tighter text-white drop-shadow-sm transition-all duration-300 group-active:scale-95 group-active:text-primary", children: balanceVisible ? numberOnly(format(totalBTC)) : "\u2022\u2022\u2022\u2022\u2022\u2022" }),
+                unit !== "fiat" && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "inline-block rounded-md border border-white/10 bg-white/5 px-2 py-0.5 text-tiny font-bold uppercase tracking-widest text-white/45", children: label }),
+                isPartial && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                   "span",
                   {
                     className: "inline-flex size-4 items-center justify-center rounded-full border bg-white/[0.06]",
                     title: "Loading remaining balances",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "size-2 animate-spin rounded-full border border-primary/30 border-t-primary" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "size-2 animate-spin rounded-full border border-primary/30 border-t-primary" })
                   }
                 )
               ] }),
-              balanceVisible && fiatTotal && unit !== "fiat" && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "mt-1 font-mono text-xs font-medium text-white/45", children: fiatTotal })
+              balanceVisible && unit !== "fiat" && fiatTotal && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "mt-1 font-mono text-xs font-medium text-white/45", children: fiatTotal }),
+              balanceVisible && unit === "fiat" && totalBTC > 0 && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { className: "mt-1 font-mono text-xs font-medium text-white/45", children: [
+                (totalBTC / 1e8).toFixed(8).replace(/\.?0+$/, ""),
+                "\xA0BTC"
+              ] })
             ] })
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "mt-1 flex shrink-0 items-center gap-1.5", children: [
-        onRefresh && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "mt-1 flex shrink-0 items-center gap-1.5", children: [
+        onRefresh && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           "button",
           {
             onClick: onRefresh,
             disabled: isRefreshing,
             className: "flex size-7 items-center justify-center rounded-full bg-white/[0.08] transition-all hover:bg-white/[0.12] disabled:opacity-40",
             title: "Refresh balances",
-            children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
               "span",
               {
                 className: `material-symbols-outlined text-icon-sm leading-none text-white/60${isRefreshing ? " animate-spin" : ""}`,
@@ -2700,12 +2756,12 @@ function BalanceBreakdown({
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           "button",
           {
             onClick: () => setExpanded(!expanded),
             className: "flex size-7 items-center justify-center rounded-full bg-white/[0.08] transition-all hover:bg-white/[0.12]",
-            children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
               Icon2,
               {
                 name: expanded ? "expand_less" : "expand_more",
@@ -2717,12 +2773,12 @@ function BalanceBreakdown({
         )
       ] })
     ] }),
-    expanded && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "mt-4 space-y-1 border-t border-white/[0.08] pt-4 duration-300 animate-in fade-in slide-in-from-top-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "mb-3 text-xxs font-bold uppercase tracking-widest text-white/30", children: "Bitcoin" }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    expanded && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "mt-4 space-y-1 border-t border-white/[0.08] pt-4 duration-300 animate-in fade-in slide-in-from-top-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "mb-3 text-xxs font-bold uppercase tracking-widest text-white/30", children: "Bitcoin" }),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
         NetworkRow,
         {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(OnchainIcon, { className: "text-icon-sm" }),
+          icon: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(OnchainIcon, { className: "text-icon-sm" }),
           iconColor: "text-network-spark",
           dotColor: "bg-network-spark",
           label: "BTC on-chain",
@@ -2734,10 +2790,10 @@ function BalanceBreakdown({
           formatFiat: formatFiatValue
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
         NetworkRow,
         {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          icon: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
             ImageIcon,
             {
               src: "/icons/lightning/lightning.svg",
@@ -2756,10 +2812,10 @@ function BalanceBreakdown({
           formatFiat: formatFiatValue
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
         NetworkRow,
         {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          icon: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
             ImageIcon,
             {
               src: "/icons/spark/Asterisk/Spark Asterisk White.svg",
@@ -2778,10 +2834,10 @@ function BalanceBreakdown({
           formatFiat: formatFiatValue
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
         NetworkRow,
         {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          icon: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
             ImageIcon,
             {
               src: "/icons/arkade/arkade-icon.svg",
@@ -2800,45 +2856,45 @@ function BalanceBreakdown({
           formatFiat: formatFiatValue
         }
       ),
-      rgbAssets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(RgbAssetsBreakdown, { assets: rgbAssets, balanceVisible }),
-      accounts.RGB?.connected && nodeInfo?.pubkey && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "mt-3 border-t border-white/[0.08] pt-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "mb-3 text-xxs font-bold uppercase tracking-widest text-white/30", children: "RLN Details" }),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "grid grid-cols-3 gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+      rgbAssets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(RgbAssetsBreakdown, { assets: rgbAssets, balanceVisible }),
+      accounts.RGB?.connected && nodeInfo?.pubkey && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "mt-3 border-t border-white/[0.08] pt-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "mb-3 text-xxs font-bold uppercase tracking-widest text-white/30", children: "RLN Details" }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "grid grid-cols-3 gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
             StatusChip,
             {
               label: "Node",
               value: `${nodeInfo.pubkey.slice(0, 8)}...${nodeInfo.pubkey.slice(-6)}`
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(StatusChip, { label: "Peers", value: String(nodeInfo.num_peers ?? 0) }),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(StatusChip, { label: "Channels", value: String(nodeInfo.num_channels ?? 0) })
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(StatusChip, { label: "Peers", value: String(nodeInfo.num_peers ?? 0) }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(StatusChip, { label: "Channels", value: String(nodeInfo.num_channels ?? 0) })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "relative z-10 mt-3 flex gap-2.5 border-t border-white/[0.08] pt-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "relative z-10 mt-3 flex gap-2.5 border-t border-white/[0.08] pt-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
         ActionTile,
         {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "material-symbols-outlined text-icon-lg leading-none", children: "call_received" }),
+          icon: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "material-symbols-outlined text-icon-lg leading-none", children: "call_received" }),
           label: "Deposit",
           onClick: () => onNavigate?.("deposit"),
           "data-testid": "dashboard-action-deposit"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
         ActionTile,
         {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "material-symbols-outlined text-icon-lg leading-none", children: "swap_horiz" }),
+          icon: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "material-symbols-outlined text-icon-lg leading-none", children: "swap_horiz" }),
           label: "Swap",
           onClick: () => onNavigate?.("swap"),
           "data-testid": "dashboard-action-swap"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
         ActionTile,
         {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "material-symbols-outlined text-icon-lg leading-none", children: "send" }),
+          icon: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "material-symbols-outlined text-icon-lg leading-none", children: "arrow_outward" }),
           label: "Withdraw",
           onClick: () => onNavigate?.("withdraw"),
           "data-testid": "dashboard-action-withdraw"
@@ -2851,34 +2907,34 @@ function RgbAssetsBreakdown({
   assets,
   balanceVisible
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "mt-3 border-t border-white/[0.08] pt-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "mb-3 text-xxs font-bold uppercase tracking-widest text-white/30", children: "RGB Assets" }),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "space-y-2", children: assets.map((asset) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "mt-3 border-t border-white/[0.08] pt-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "mb-3 text-xxs font-bold uppercase tracking-widest text-white/30", children: "RGB Assets" }),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "space-y-2", children: assets.map((asset) => {
       const bal = asset.balance ?? {};
       const onChain = Number(bal.future || 0);
       const offChain = Number(bal.offchain_outbound || 0);
       const total = onChain + offChain;
       const precision = asset.precision || 0;
       const formatRgb = (value) => (value / Math.pow(10, precision)).toFixed(precision);
-      return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex items-start justify-between py-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex items-center gap-2.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "flex size-5 items-center justify-center overflow-hidden rounded border border-network-rgb/20 bg-network-rgb/10", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("img", { src: "/icons/rgb/rgb-logo.svg", alt: "RGB", className: "size-3.5 object-contain" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-xs font-semibold text-white/90", children: asset.ticker }),
-            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "max-w-[90px] truncate text-xxs text-white/40", children: asset.name })
+      return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-start justify-between py-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center gap-2.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex size-5 items-center justify-center overflow-hidden rounded border border-network-rgb/20 bg-network-rgb/10", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("img", { src: "/icons/rgb/rgb-logo.svg", alt: "RGB", className: "size-3.5 object-contain" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-xs font-semibold text-white/90", children: asset.ticker }),
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "max-w-[90px] truncate text-xxs text-white/40", children: asset.name })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col items-end text-right", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "tabular-nums text-sm font-bold text-white", children: balanceVisible ? formatRgb(total) : "\u2022\u2022\u2022\u2022\u2022\u2022" }),
-          balanceVisible && (onChain > 0 || offChain > 0) && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "mt-0.5 flex items-center gap-1 text-xxs text-white/40", children: [
-            onChain > 0 && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("span", { className: "text-network-spark/80", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col items-end text-right", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "tabular-nums text-sm font-bold text-white", children: balanceVisible ? formatRgb(total) : "\u2022\u2022\u2022\u2022\u2022\u2022" }),
+          balanceVisible && (onChain > 0 || offChain > 0) && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "mt-0.5 flex items-center gap-1 text-xxs text-white/40", children: [
+            onChain > 0 && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { className: "text-network-spark/80", children: [
               formatRgb(onChain),
               " on-chain"
             ] }),
-            onChain > 0 && offChain > 0 && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-white/20", children: "|" }),
-            offChain > 0 && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("span", { className: "inline-flex items-center gap-1 text-network-lightning/80", children: [
+            onChain > 0 && offChain > 0 && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-white/20", children: "|" }),
+            offChain > 0 && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { className: "inline-flex items-center gap-1 text-network-lightning/80", children: [
               formatRgb(offChain),
-              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                 ImageIcon,
                 {
                   src: "/icons/lightning/lightning.svg",
@@ -2894,9 +2950,9 @@ function RgbAssetsBreakdown({
   ] });
 }
 function StatusChip({ label, value }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "rounded-xl border border-white/[0.08] bg-white/5 px-3 py-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "text-xxs font-bold uppercase tracking-widest text-white/30", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "mt-1 truncate text-xs font-semibold text-white/80", children: value })
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "rounded-xl border border-white/[0.08] bg-white/5 px-3 py-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "text-xxs font-bold uppercase tracking-widest text-white/30", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "mt-1 truncate text-xs font-semibold text-white/80", children: value })
   ] });
 }
 function NetworkRow({
@@ -2913,31 +2969,31 @@ function NetworkRow({
 }) {
   const fiat = formatFiat(amount);
   const isEmpty = amount === 0 && !isPending;
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
     "div",
     {
       className: `flex items-center justify-between rounded-xl px-3 py-2 transition-colors ${isEmpty ? "opacity-35" : "bg-white/[0.03] hover:bg-accent"}`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: `h-7 w-0.5 rounded-full ${dotColor} opacity-80` }),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: `h-7 w-0.5 rounded-full ${dotColor} opacity-80` }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
             "div",
             {
               className: `flex size-7 items-center justify-center rounded-lg bg-white/5 text-icon-sm ${iconColor}`,
               children: icon
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-xs font-semibold leading-tight text-white/80", children: label }),
-            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "mt-0.5 text-xxs font-medium leading-tight text-white/30", children: sublabel })
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-xs font-semibold leading-tight text-white/80", children: label }),
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "mt-0.5 text-xxs font-medium leading-tight text-white/30", children: sublabel })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "flex flex-col items-end", children: isPending ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "h-3.5 w-12 animate-pulse rounded bg-white/10" }),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "inline-flex size-3 items-center justify-center rounded-full border bg-white/[0.06]", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "size-1.5 animate-spin rounded-full border border-primary/30 border-t-primary" }) })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "tabular-nums text-xs font-bold text-white", children: visible ? format(amount) : "\u2022\u2022\u2022\u2022\u2022\u2022" }),
-          fiat && visible && !isEmpty && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "mt-0.5 font-mono text-xxs text-white/35", children: fiat })
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex flex-col items-end", children: isPending ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "h-3.5 w-12 animate-pulse rounded bg-white/10" }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "inline-flex size-3 items-center justify-center rounded-full border bg-white/[0.06]", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "size-1.5 animate-spin rounded-full border border-primary/30 border-t-primary" }) })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "tabular-nums text-xs font-bold text-white", children: visible ? format(amount) : "\u2022\u2022\u2022\u2022\u2022\u2022" }),
+          fiat && visible && !isEmpty && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "mt-0.5 font-mono text-xxs text-white/35", children: fiat })
         ] }) })
       ]
     }
@@ -2947,7 +3003,7 @@ function NetworkRow({
 // src/web/components/asset-selector.tsx
 var import_react11 = require("react");
 var import_react_dom = require("react-dom");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function AssetSelector({
   label,
   selectedTicker,
@@ -2977,7 +3033,7 @@ function AssetSelector({
   });
   const categoryLabelById = new Map(categories.map((category) => [category.id, category.label]));
   const modalOverlay = open && typeof document !== "undefined" ? (0, import_react_dom.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       "div",
       {
         className: "fixed inset-0 z-[var(--z-modal)] flex items-end justify-center bg-black/60 backdrop-blur-sm duration-200 animate-in fade-in sm:items-center sm:p-4",
@@ -2985,33 +3041,33 @@ function AssetSelector({
           setOpen(false);
           setSearch("");
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
           "div",
           {
             className: "flex max-h-[85vh] w-full max-w-[26rem] flex-col overflow-hidden rounded-t-3xl border-t border-border bg-popover/95 shadow-popover backdrop-blur-2xl duration-300 animate-in slide-in-from-bottom-8 sm:max-h-[80vh] sm:rounded-3xl sm:border sm:slide-in-from-bottom-0 sm:zoom-in-95",
             onClick: (event) => event.stopPropagation(),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex-shrink-0 border-b border-white/[0.08] bg-white/[0.03] px-4 py-3.5", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "min-w-0", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("p", { className: "text-xxs font-bold uppercase tracking-eyebrow-wide text-text-dimmed", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex-shrink-0 border-b border-white/[0.08] bg-white/[0.03] px-4 py-3.5", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "min-w-0", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("p", { className: "text-xxs font-bold uppercase tracking-eyebrow-wide text-text-dimmed", children: [
                     label,
                     " Asset"
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("p", { className: "mt-1 text-sm font-semibold text-white/90", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("p", { className: "mt-1 text-sm font-semibold text-white/90", children: [
                     filtered.length,
                     " option",
                     filtered.length === 1 ? "" : "s",
                     " available"
                   ] })
                 ] }),
-                selected && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center gap-2 rounded-full border border-primary/15 bg-primary/10 px-2.5 py-1", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(AssetIcon, { ticker: selected.ticker, logoUri: selected.icon, size: 18 }),
-                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-tiny font-semibold text-primary", children: selected.ticker })
+                selected && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center gap-2 rounded-full border border-primary/15 bg-primary/10 px-2.5 py-1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(AssetIcon, { ticker: selected.ticker, logoUri: selected.icon, size: 18 }),
+                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-tiny font-semibold text-primary", children: selected.ticker })
                 ] })
               ] }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex-shrink-0 border-b border-white/[0.08] px-4 py-3", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "relative", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex-shrink-0 border-b border-white/[0.08] px-4 py-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "relative", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                     Icon2,
                     {
                       name: "search",
@@ -3019,7 +3075,7 @@ function AssetSelector({
                       className: "absolute left-3.5 top-1/2 -translate-y-1/2 text-white/35"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                     "input",
                     {
                       autoFocus: true,
@@ -3031,9 +3087,9 @@ function AssetSelector({
                     }
                   )
                 ] }),
-                hasCategoryFilters && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "mt-3 flex flex-wrap items-center gap-2", children: categories.map((category) => {
+                hasCategoryFilters && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "mt-3 flex flex-wrap items-center gap-2", children: categories.map((category) => {
                   const isActive = activeCategories.includes(category.id);
-                  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                     "button",
                     {
                       type: "button",
@@ -3050,9 +3106,9 @@ function AssetSelector({
                   );
                 }) })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ScrollArea, { className: "min-h-0", viewportClassName: "px-2 py-2", children: filtered.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col items-center gap-2 px-4 py-10 text-center text-sm text-white/30", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon2, { name: "search", size: "md", className: "opacity-40" }),
-                /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ScrollArea, { className: "min-h-0", viewportClassName: "px-2 py-2", children: filtered.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex flex-col items-center gap-2 px-4 py-10 text-center text-sm text-white/30", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Icon2, { name: "search", size: "md", className: "opacity-40" }),
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { children: [
                   "No results",
                   search ? ` for "${search}"` : ""
                 ] })
@@ -3060,7 +3116,7 @@ function AssetSelector({
                 const isSelected = option.ticker === selectedTicker;
                 const isDisabled = option.ticker === disabledTicker;
                 const optionCategoryLabel = option.categoryLabel || (option.category ? categoryLabelById.get(option.category) : void 0);
-                return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
                   "button",
                   {
                     type: "button",
@@ -3077,7 +3133,7 @@ function AssetSelector({
                       isSelected ? "border-primary/30 bg-primary/[0.12]" : isDisabled ? "cursor-not-allowed border-white/[0.04] bg-white/[0.015] opacity-45" : "border-transparent bg-transparent hover:border-border hover:bg-accent"
                     ),
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                         AssetIcon,
                         {
                           ticker: option.ticker,
@@ -3089,11 +3145,11 @@ function AssetSelector({
                           )
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "min-w-0 flex-1 text-left", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center justify-between gap-2 font-semibold text-white", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex min-w-0 items-center gap-1.5", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { children: option.ticker }),
-                            option.network && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "min-w-0 flex-1 text-left", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center justify-between gap-2 font-semibold text-white", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex min-w-0 items-center gap-1.5", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { children: option.ticker }),
+                            option.network && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                               NetworkBadge,
                               {
                                 network: option.network,
@@ -3102,13 +3158,13 @@ function AssetSelector({
                               }
                             )
                           ] }),
-                          isSelected && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "rounded-full border border-primary/20 bg-primary/10 px-2 py-0.5 text-xxs font-bold uppercase tracking-wide text-primary", children: "Current" })
+                          isSelected && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "rounded-full border border-primary/20 bg-primary/10 px-2 py-0.5 text-xxs font-bold uppercase tracking-wide text-primary", children: "Current" })
                         ] }),
-                        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "mt-0.5 flex items-center justify-between gap-3", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "truncate text-xs text-white/35", children: option.name ?? option.ticker }),
-                          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center gap-2", children: [
-                            optionCategoryLabel && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "rounded-full border border-border-default bg-surface-overlay px-2 py-0.5 text-xxs font-semibold uppercase tracking-eyebrow text-text-dimmed", children: optionCategoryLabel }),
-                            isDisabled && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-xxs font-medium uppercase tracking-wide text-white/25", children: "In use" })
+                        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "mt-0.5 flex items-center justify-between gap-3", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "truncate text-xs text-white/35", children: option.name ?? option.ticker }),
+                          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center gap-2", children: [
+                            optionCategoryLabel && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "rounded-full border border-border-default bg-surface-overlay px-2 py-0.5 text-xxs font-semibold uppercase tracking-eyebrow text-text-dimmed", children: optionCategoryLabel }),
+                            isDisabled && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-xxs font-medium uppercase tracking-wide text-white/25", children: "In use" })
                           ] })
                         ] })
                       ] })
@@ -3125,8 +3181,8 @@ function AssetSelector({
     document.body
   ) : null;
   if (compact) {
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { ref, className: "relative w-36 flex-shrink-0", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { ref, className: "relative w-36 flex-shrink-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
         "button",
         {
           type: "button",
@@ -3136,10 +3192,10 @@ function AssetSelector({
             "group flex w-full items-center gap-3 rounded-full px-3 py-2 text-left transition-all duration-200 disabled:cursor-not-allowed disabled:opacity-50",
             open ? "bg-primary/[0.12] shadow-md" : "bg-black/20 hover:bg-black/35"
           ),
-          children: selected ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "relative shrink-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(AssetIcon, { ticker: selected.ticker, logoUri: selected.icon, size: 38 }),
-              selected.network && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          children: selected ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "relative shrink-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(AssetIcon, { ticker: selected.ticker, logoUri: selected.icon, size: 38 }),
+              selected.network && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                 NetworkBadge,
                 {
                   network: selected.network,
@@ -3148,17 +3204,17 @@ function AssetSelector({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "min-w-0 flex-1 text-left", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "truncate text-xl font-bold leading-tight text-white", children: selected.ticker }) })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "px-1 py-1", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "text-sm font-semibold text-white/45", children: "Select..." }) })
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "min-w-0 flex-1 text-left", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "truncate text-xl font-bold leading-tight text-white", children: selected.ticker }) })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "px-1 py-1", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "text-sm font-semibold text-white/45", children: "Select..." }) })
         }
       ),
       modalOverlay
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "space-y-1.5", ref, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("label", { className: "ml-1 text-xs font-semibold uppercase tracking-wider text-white/40", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "space-y-1.5", ref, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("label", { className: "ml-1 text-xs font-semibold uppercase tracking-wider text-white/40", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
         "button",
         {
           type: "button",
@@ -3166,12 +3222,12 @@ function AssetSelector({
           onClick: () => !disabled && setOpen((value) => !value),
           className: "flex w-full items-center justify-between rounded-xl border bg-card/70 p-3 text-left transition-all duration-200 hover:border-primary/40 disabled:cursor-not-allowed disabled:opacity-50",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex items-center gap-3", children: selected ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(AssetIcon, { ticker: selected.ticker, logoUri: selected.icon, size: 32 }),
-              /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center gap-1.5 text-sm font-semibold text-white", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex items-center gap-3", children: selected ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(AssetIcon, { ticker: selected.ticker, logoUri: selected.icon, size: 32 }),
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center gap-1.5 text-sm font-semibold text-white", children: [
                   selected.ticker,
-                  selected.network && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+                  selected.network && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                     NetworkBadge,
                     {
                       network: selected.network,
@@ -3180,10 +3236,10 @@ function AssetSelector({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "mt-0.5 text-xs text-white/35", children: selected.name })
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "mt-0.5 text-xs text-white/35", children: selected.name })
               ] })
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-sm text-white/35", children: "Select asset..." }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-sm text-white/35", children: "Select asset..." }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
               Icon2,
               {
                 name: "expand_more",
@@ -3200,7 +3256,7 @@ function AssetSelector({
 }
 
 // src/web/components/swap-input-card.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var PERCENTAGES = [25, 50, 75, 100];
 function SwapInputCard({
   fromTicker,
@@ -3237,12 +3293,12 @@ function SwapInputCard({
   onFlip,
   onSubmit
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "relative mb-3 flex flex-col rounded-3xl bg-white/[0.03] shadow-2xl shadow-black/40 backdrop-blur-2xl transition-all duration-300", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "p-3.5 pb-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "mb-2 flex items-center justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-xs font-bold uppercase tracking-widest text-white/60", children: "You Pay" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "relative mb-3 flex flex-col rounded-3xl bg-white/[0.03] shadow-2xl shadow-black/40 backdrop-blur-2xl transition-all duration-300", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "p-3.5 pb-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "mb-2 flex items-center justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-xs font-bold uppercase tracking-widest text-white/60", children: "You Pay" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
             AssetSelector,
             {
               compact: true,
@@ -3255,8 +3311,8 @@ function SwapInputCard({
               onChange: onFromTickerChange
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "min-w-0 flex-1 text-right", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "min-w-0 flex-1 text-right", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
               "input",
               {
                 type: "text",
@@ -3267,7 +3323,7 @@ function SwapInputCard({
                 className: "w-full border-none bg-transparent text-right text-2xl font-bold text-white placeholder:text-white/15 focus:outline-none"
               }
             ),
-            fromUnitIsToggle && onToggleFromUnit ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            fromUnitIsToggle && onToggleFromUnit ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
               "button",
               {
                 type: "button",
@@ -3276,12 +3332,12 @@ function SwapInputCard({
                 title: "Tap to switch unit",
                 children: fromUnitLabel
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "mt-0.5 text-xs text-muted-foreground", children: fromUnitLabel })
+            ) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "mt-0.5 text-xs text-muted-foreground", children: fromUnitLabel })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "mt-2 flex items-center justify-between gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-xxs font-medium text-white/60", children: showMaxText && maxText ? `Max: ${maxText}` : `Available: ${availableText}` }),
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex items-center gap-1", children: PERCENTAGES.map((percent) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "mt-2 flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-xxs font-medium text-white/60", children: showMaxText && maxText ? `Max: ${maxText}` : `Available: ${availableText}` }),
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "flex items-center gap-1", children: PERCENTAGES.map((percent) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
             "button",
             {
               type: "button",
@@ -3300,20 +3356,20 @@ function SwapInputCard({
           )) })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "relative mx-6 flex h-px items-center justify-center bg-white/[0.08]", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "relative mx-6 flex h-px items-center justify-center bg-white/[0.08]", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
         "button",
         {
           type: "button",
           onClick: onFlip,
           title: "Flip assets",
           className: "absolute flex h-11 w-11 items-center justify-center rounded-full bg-card text-primary shadow-lg shadow-black/35 transition-all duration-500 hover:rotate-180 hover:bg-accent active:scale-95 active:shadow-none",
-          children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Icon2, { name: "swap_vert", size: "md" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Icon2, { name: "swap_vert", size: "md" })
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "rounded-b-3xl bg-gradient-to-br from-white/[0.01] to-primary/[0.04] p-3.5 pt-4 transition-all duration-300", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "mb-2 text-xs font-bold uppercase tracking-widest text-primary/70", children: "You Receive" }),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "rounded-b-3xl bg-gradient-to-br from-white/[0.01] to-primary/[0.04] p-3.5 pt-4 transition-all duration-300", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "mb-2 text-xs font-bold uppercase tracking-widest text-primary/70", children: "You Receive" }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
             AssetSelector,
             {
               compact: true,
@@ -3326,24 +3382,24 @@ function SwapInputCard({
               onChange: onToTickerChange
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "min-w-0 flex-1 text-right", children: [
-            isLoadingQuote ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "ml-auto h-8 w-28 animate-pulse rounded-lg bg-white/10" }) : receiveAmount ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-2xl font-bold text-primary", children: receiveAmount }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-2xl font-bold text-white/15", children: "-" }),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "mt-0.5 text-xs text-muted-foreground", children: receiveUnitLabel || toTicker || "-" })
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "min-w-0 flex-1 text-right", children: [
+            isLoadingQuote ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "ml-auto h-8 w-28 animate-pulse rounded-lg bg-white/10" }) : receiveAmount ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-2xl font-bold text-primary", children: receiveAmount }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-2xl font-bold text-white/15", children: "-" }),
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "mt-0.5 text-xs text-muted-foreground", children: receiveUnitLabel || toTicker || "-" })
           ] })
         ] })
       ] })
     ] }),
-    (quoteError || quoteRateText || quoteFeeText || quoteExpiresText) && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "rounded-xl bg-card/60 p-3", children: quoteError ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-center text-xs text-danger", children: quoteError }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "space-y-1.5", children: [
-      quoteRateText && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center justify-between text-xs", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-white/40", children: "Rate" }),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "font-medium text-white/65", children: quoteRateText })
+    (quoteError || quoteRateText || quoteFeeText || quoteExpiresText) && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "rounded-xl bg-card/60 p-3", children: quoteError ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-center text-xs text-danger", children: quoteError }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "space-y-1.5", children: [
+      quoteRateText && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center justify-between text-xs", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-white/40", children: "Rate" }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "font-medium text-white/65", children: quoteRateText })
       ] }),
-      (quoteFeeText || quoteExpiresText) && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center justify-between text-xs", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-white/40", children: "Fee" }),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center gap-2", children: [
-          quoteFeeText && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-white/65", children: quoteFeeText }),
-          quoteFeeText && quoteExpiresText && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-white/15", children: "\xB7" }),
-          quoteExpiresText && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      (quoteFeeText || quoteExpiresText) && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center justify-between text-xs", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-white/40", children: "Fee" }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center gap-2", children: [
+          quoteFeeText && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-white/65", children: quoteFeeText }),
+          quoteFeeText && quoteExpiresText && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-white/15", children: "\xB7" }),
+          quoteExpiresText && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
             "span",
             {
               className: cn(
@@ -3356,11 +3412,11 @@ function SwapInputCard({
         ] })
       ] })
     ] }) }),
-    warning && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-start gap-2 rounded-xl bg-danger/10 p-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Icon2, { name: "warning", size: "sm", className: "mt-0.5 text-danger" }),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-xs leading-relaxed text-danger", children: warning })
+    warning && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-start gap-2 rounded-xl bg-danger/10 p-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Icon2, { name: "warning", size: "sm", className: "mt-0.5 text-danger" }),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-xs leading-relaxed text-danger", children: warning })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       Button,
       {
         variant: submitVariant,
@@ -3375,14 +3431,14 @@ function SwapInputCard({
 }
 
 // src/web/components/page-shell.tsx
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function PageShell({
   children,
   fullHeight = true,
   centered = true,
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
     "div",
     {
       className: cn(
@@ -3392,8 +3448,8 @@ function PageShell({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { "aria-hidden": true, className: "absolute inset-0 bg-page-radial pointer-events-none" }),
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: cn("relative z-10 w-full", !centered && "h-full min-h-0"), children })
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { "aria-hidden": true, className: "absolute inset-0 bg-page-radial pointer-events-none" }),
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: cn("relative z-10 w-full", !centered && "h-full min-h-0"), children })
       ]
     }
   );
@@ -3403,7 +3459,7 @@ function HeadlineGradient({
   as: Tag = "h1",
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     Tag,
     {
       className: cn(
@@ -3415,7 +3471,7 @@ function HeadlineGradient({
   );
 }
 function LoadingCard({ message = "Loading...", className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
     "div",
     {
       className: cn(
@@ -3423,8 +3479,8 @@ function LoadingCard({ message = "Loading...", className }) {
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "mb-4 size-12 animate-spin rounded-full border-2 border-primary/20 border-t-primary" }),
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-sm", children: message })
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "mb-4 size-12 animate-spin rounded-full border-2 border-primary/20 border-t-primary" }),
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-sm", children: message })
       ]
     }
   );
@@ -3436,15 +3492,15 @@ function ErrorCard({
   retryLabel = "Try Again",
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
     "div",
     {
       className: cn("flex flex-col items-center justify-center py-16 text-center", className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "mb-4 flex size-16 items-center justify-center rounded-full bg-danger/10", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "material-symbols-outlined text-danger", style: { fontSize: "32px" }, children: "error" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("h3", { className: "mb-1 text-base font-semibold", children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "mb-4 max-w-xs text-xs text-muted-foreground", children: description }),
-        onRetry && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "mb-4 flex size-16 items-center justify-center rounded-full bg-danger/10", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "material-symbols-outlined text-danger", style: { fontSize: "32px" }, children: "error" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("h3", { className: "mb-1 text-base font-semibold", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "mb-4 max-w-xs text-xs text-muted-foreground", children: description }),
+        onRetry && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
           "button",
           {
             type: "button",
@@ -3462,7 +3518,7 @@ function FadeOverlay({
   heightClassName = "h-12",
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     "div",
     {
       "aria-hidden": true,
@@ -3477,9 +3533,9 @@ function FadeOverlay({
 }
 
 // src/web/components/activity-list.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function DefaultEmptyIcon({ name }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "material-symbols-outlined text-foreground/30", style: { fontSize: "32px" }, children: name });
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "material-symbols-outlined text-foreground/30", style: { fontSize: "32px" }, children: name });
 }
 function ActivityList({
   items,
@@ -3499,28 +3555,28 @@ function ActivityList({
   filteredEmptyDescription = "Try adjusting your search, status, or network filter."
 }) {
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(LoadingCard, { message: "Loading activity..." });
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(LoadingCard, { message: "Loading activity..." });
   }
   if (error && items.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ErrorCard, { title: "Failed to load", description: error, onRetry });
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ErrorCard, { title: "Failed to load", description: error, onRetry });
   }
   if (items.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex flex-col items-center justify-center py-16", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "mb-4 flex size-16 items-center justify-center rounded-full bg-white/5", children: emptyIcon ?? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DefaultEmptyIcon, { name: "receipt_long" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("h3", { className: "mb-1 text-base font-semibold", children: hasActiveFilters ? filteredEmptyTitle : emptyTitle }),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "mb-4 max-w-[240px] text-center text-xs text-muted-foreground", children: hasActiveFilters ? filteredEmptyDescription : emptyDescription }),
-      hasActiveFilters && onClearFilters ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Button, { variant: "surface", size: "sm", onClick: onClearFilters, children: "Clear Filters" }) : renderEmptyActions?.()
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex flex-col items-center justify-center py-16", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "mb-4 flex size-16 items-center justify-center rounded-full bg-white/5", children: emptyIcon ?? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DefaultEmptyIcon, { name: "receipt_long" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("h3", { className: "mb-1 text-base font-semibold", children: hasActiveFilters ? filteredEmptyTitle : emptyTitle }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "mb-4 max-w-[240px] text-center text-xs text-muted-foreground", children: hasActiveFilters ? filteredEmptyDescription : emptyDescription }),
+      hasActiveFilters && onClearFilters ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Button, { variant: "surface", size: "sm", onClick: onClearFilters, children: "Clear Filters" }) : renderEmptyActions?.()
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "space-y-2.5", children: items.map((item) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "space-y-2.5", children: items.map((item) => {
     const isExpanded = expandedId === item.id;
     const details = renderDetails?.(item);
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
       "div",
       {
         className: "relative overflow-hidden rounded-3xl bg-surface-card shadow-inner transition-all animate-in fade-in slide-in-from-bottom-2 duration-500",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
             TransactionCard,
             {
               direction: item.direction,
@@ -3531,12 +3587,12 @@ function ActivityList({
               onClick: () => onExpandedChange?.(isExpanded ? null : item.id)
             }
           ),
-          isExpanded && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "bg-gradient-to-b from-white/[0.025] to-primary/[0.035] shadow-inner animate-in slide-in-from-top-2 duration-300", children: [
-            (item.network || item.label) && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center gap-1.5 px-3 py-2.5", children: [
-              item.network && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(NetworkBadge, { network: item.network, showLabel: true }),
-              item.label && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "text-xxs font-medium text-muted-foreground", children: item.label })
+          isExpanded && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "bg-gradient-to-b from-white/[0.025] to-primary/[0.035] shadow-inner animate-in slide-in-from-top-2 duration-300", children: [
+            (item.network || item.label) && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center gap-1.5 px-3 py-2.5", children: [
+              item.network && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(NetworkBadge, { network: item.network, showLabel: true }),
+              item.label && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "text-xxs font-medium text-muted-foreground", children: item.label })
             ] }),
-            details && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "space-y-1.5 px-3 pb-3 pt-1", children: details })
+            details && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "space-y-1.5 px-3 pb-3 pt-1", children: details })
           ] })
         ]
       },
@@ -3546,7 +3602,7 @@ function ActivityList({
 }
 
 // src/web/components/activity-filter-bar.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 function ActivityFilterBar({
   searchTerm,
   onSearchTermChange,
@@ -3557,16 +3613,16 @@ function ActivityFilterBar({
   onClearFilters,
   searchPlaceholder = "Search by txid, asset..."
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex h-10 items-center gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "relative h-full flex-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex h-10 items-center gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "relative h-full flex-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         AppIcon,
         {
           name: "search",
           className: "absolute left-3 top-1/2 size-4 -translate-y-1/2 text-white/40"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         "input",
         {
           type: "text",
@@ -3576,45 +3632,45 @@ function ActivityFilterBar({
           className: "h-full w-full rounded-2xl bg-surface-card pl-9 pr-8 text-xs text-white shadow-inner backdrop-blur-xl transition-all placeholder:text-white/30 focus:bg-surface-elevated focus:outline-none"
         }
       ),
-      searchTerm && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      searchTerm && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         "button",
         {
           type: "button",
           onClick: () => onSearchTermChange(""),
           className: "absolute right-2 top-1/2 -translate-y-1/2 text-white/40 transition-colors hover:text-white",
-          children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(AppIcon, { name: "close", className: "size-icon-sm" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(AppIcon, { name: "close", className: "size-icon-sm" })
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "h-full w-28 shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "h-full w-28 shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
       Select,
       {
         value: statusFilter,
         onValueChange: (value) => onStatusFilterChange(value),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SelectTrigger, { className: "h-full rounded-2xl border-0 bg-surface-card px-3 py-0 text-xs font-bold text-white shadow-inner backdrop-blur-xl hover:bg-surface-elevated focus:ring-0 data-[state=open]:bg-surface-elevated", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SelectValue, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SelectContent, { className: "border-0 bg-popover/95 p-1.5 shadow-popover", children: statusOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SelectItem, { value: option.value, className: "py-2 text-xs", children: option.label }, option.value)) })
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectTrigger, { className: "h-full rounded-2xl border-0 bg-surface-card px-3 py-0 text-xs font-bold text-white shadow-inner backdrop-blur-xl hover:bg-surface-elevated focus:ring-0 data-[state=open]:bg-surface-elevated", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectValue, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectContent, { className: "border-0 bg-popover/95 p-1.5 shadow-popover", children: statusOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectItem, { value: option.value, className: "py-2 text-xs", children: option.label }, option.value)) })
         ]
       }
     ) }),
-    hasActiveFilters && onClearFilters && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Button, { variant: "surface", size: "icon-lg", onClick: onClearFilters, title: "Clear Filters", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(AppIcon, { name: "close", className: "size-icon-lg" }) })
+    hasActiveFilters && onClearFilters && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Button, { variant: "surface", size: "icon-lg", onClick: onClearFilters, title: "Clear Filters", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(AppIcon, { name: "close", className: "size-icon-lg" }) })
   ] });
 }
 
 // src/web/components/activity-network-filters.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 function getActivityNetworkFilterIcon(filter) {
   switch (filter) {
     case "onchain":
-      return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(AppIcon, { name: "onchain", className: "size-icon-sm" });
+      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AppIcon, { name: "onchain", className: "size-icon-sm" });
     case "lightning":
-      return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(LightningNetworkIcon, { className: "size-3.5", alt: "" });
+      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(LightningNetworkIcon, { className: "size-3.5", alt: "" });
     case "spark":
-      return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SparkNetworkIcon, { className: "size-3.5", alt: "" });
+      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SparkNetworkIcon, { className: "size-3.5", alt: "" });
     case "arkade":
-      return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ArkadeNetworkIcon, { className: "size-3.5 rounded", alt: "" });
+      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ArkadeNetworkIcon, { className: "size-3.5 rounded", alt: "" });
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(AppIcon, { name: "allNetworks", className: "size-icon-sm" });
+      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AppIcon, { name: "allNetworks", className: "size-icon-sm" });
   }
 }
 function ActivityNetworkFilters({
@@ -3624,9 +3680,9 @@ function ActivityNetworkFilters({
   className
 }) {
   if (filters.length <= 1) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: cn("flex gap-1.5 overflow-x-auto py-0.5 no-scrollbar", className), children: filters.map((filter) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: cn("flex gap-1.5 overflow-x-auto py-0.5 no-scrollbar", className), children: filters.map((filter) => {
     const isActive = activeFilter === filter.value;
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
       "button",
       {
         type: "button",
@@ -3636,7 +3692,7 @@ function ActivityNetworkFilters({
           isActive ? "bg-primary/15 text-primary shadow-inner hover:bg-primary/20" : "bg-surface-card text-white/45 hover:bg-surface-elevated hover:text-white/80"
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
             "span",
             {
               className: cn(
@@ -3646,7 +3702,7 @@ function ActivityNetworkFilters({
               children: filter.icon ?? getActivityNetworkFilterIcon(filter.value)
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { children: filter.label })
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { children: filter.label })
         ]
       },
       filter.value
@@ -3655,17 +3711,17 @@ function ActivityNetworkFilters({
 }
 
 // src/web/components/activity-type-tabs.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function ActivityTypeTabs({ counts = {} }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(TabsList, { className: "grid h-12 w-full grid-cols-4 gap-1 rounded-full bg-surface-card p-1 backdrop-blur-xl", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(TabsList, { className: "grid h-12 w-full grid-cols-4 gap-1 rounded-full bg-surface-card p-1 backdrop-blur-xl", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
       TabsTrigger,
       {
         value: "all",
         className: "h-full rounded-full px-2 text-xs font-bold tracking-wide transition-all data-[state=active]:bg-surface-elevated data-[state=active]:text-white",
         children: [
           "All",
-          counts.all ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { className: "ml-1 opacity-60", children: [
+          counts.all ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("span", { className: "ml-1 opacity-60", children: [
             "(",
             counts.all,
             ")"
@@ -3673,13 +3729,13 @@ function ActivityTypeTabs({ counts = {} }) {
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
       TabsTrigger,
       {
         value: "received",
         className: "group h-full rounded-full px-1.5 text-xs font-bold tracking-wide transition-all hover:text-tx-receive data-[state=active]:bg-tx-receive/15 data-[state=active]:text-tx-receive data-[state=active]:hover:bg-tx-receive/20 data-[state=active]:hover:text-tx-receive",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
             AppIcon,
             {
               name: "receive",
@@ -3687,17 +3743,17 @@ function ActivityTypeTabs({ counts = {} }) {
               className: "mr-1 shrink-0 leading-none text-muted-foreground transition-colors group-hover:text-tx-receive group-data-[state=active]:text-tx-receive"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { children: "In" })
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { children: "In" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
       TabsTrigger,
       {
         value: "sent",
         className: "group h-full rounded-full px-1.5 text-xs font-bold tracking-wide transition-all hover:text-tx-sent data-[state=active]:bg-tx-sent/15 data-[state=active]:text-tx-sent data-[state=active]:hover:bg-tx-sent/20 data-[state=active]:hover:text-tx-sent",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
             AppIcon,
             {
               name: "send",
@@ -3705,17 +3761,17 @@ function ActivityTypeTabs({ counts = {} }) {
               className: "mr-1 shrink-0 leading-none text-muted-foreground transition-colors group-hover:text-tx-sent group-data-[state=active]:text-tx-sent"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { children: "Out" })
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { children: "Out" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
       TabsTrigger,
       {
         value: "swaps",
         className: "group h-full rounded-full px-1.5 text-xs font-bold tracking-wide transition-all hover:text-network-arkade data-[state=active]:bg-network-arkade/15 data-[state=active]:text-network-arkade data-[state=active]:hover:bg-network-arkade/20 data-[state=active]:hover:text-network-arkade",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
             AppIcon,
             {
               name: "swap",
@@ -3723,7 +3779,7 @@ function ActivityTypeTabs({ counts = {} }) {
               className: "mr-1 shrink-0 leading-none text-muted-foreground transition-colors group-hover:text-network-arkade group-data-[state=active]:text-network-arkade"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { children: "Swaps" })
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { children: "Swaps" })
         ]
       }
     )
@@ -3731,7 +3787,7 @@ function ActivityTypeTabs({ counts = {} }) {
 }
 
 // src/web/components/activity-detail-row.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function ActivityDetailRow({
   label,
   value,
@@ -3739,11 +3795,11 @@ function ActivityDetailRow({
   onCopy,
   isCopied
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center justify-between py-1 last:pb-0", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-xxs font-bold uppercase tracking-wider text-muted-foreground", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex max-w-[65%] items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "truncate font-mono text-xs font-medium text-white/90", children: value }),
-      onCopy && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-center justify-between py-1 last:pb-0", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-xxs font-bold uppercase tracking-wider text-muted-foreground", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex max-w-[65%] items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "truncate font-mono text-xs font-medium text-white/90", children: value }),
+      onCopy && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
         "button",
         {
           type: "button",
@@ -3753,7 +3809,7 @@ function ActivityDetailRow({
           },
           className: "rounded-md p-1 text-white/30 transition-colors hover:bg-accent hover:text-primary active:scale-95",
           title: fullValue ? `Copy: ${fullValue}` : "Copy",
-          children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: "14px" }, children: isCopied ? "check" : "content_copy" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: "14px" }, children: isCopied ? "check" : "content_copy" })
         }
       )
     ] })
@@ -3761,7 +3817,7 @@ function ActivityDetailRow({
 }
 
 // src/web/components/withdraw-destination-input.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 function WithdrawDestinationInput({
   destination,
   setDestination,
@@ -3772,10 +3828,10 @@ function WithdrawDestinationInput({
   handlePaste,
   handleReset
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("label", { className: "ml-1 text-xs font-bold uppercase tracking-wider text-muted-foreground", children: "Destination" }),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("label", { className: "ml-1 text-xs font-bold uppercase tracking-wider text-muted-foreground", children: "Destination" }),
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
         "input",
         {
           type: "text",
@@ -3786,8 +3842,8 @@ function WithdrawDestinationInput({
           onChange: (event) => setDestination(event.target.value)
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "absolute right-4 top-1/2 flex -translate-y-1/2 items-center gap-2", children: [
-        destination && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "absolute right-4 top-1/2 flex -translate-y-1/2 items-center gap-2", children: [
+        destination && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           "button",
           {
             type: "button",
@@ -3796,10 +3852,10 @@ function WithdrawDestinationInput({
               handleReset();
             },
             className: "text-xs text-muted-foreground transition-colors hover:text-white",
-            children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "material-symbols-outlined text-icon-md", children: "close" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "material-symbols-outlined text-icon-md", children: "close" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           "button",
           {
             type: "button",
@@ -3810,24 +3866,24 @@ function WithdrawDestinationInput({
         )
       ] })
     ] }),
-    destination && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "ml-1 flex items-center gap-2 text-xs", children: isDecoding || isResolvingLnurl ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("span", { className: "flex items-center gap-1 text-muted-foreground", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "material-symbols-outlined animate-spin text-icon-sm", children: "progress_activity" }),
+    destination && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "ml-1 flex items-center gap-2 text-xs", children: isDecoding || isResolvingLnurl ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { className: "flex items-center gap-1 text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "material-symbols-outlined animate-spin text-icon-sm", children: "progress_activity" }),
       isResolvingLnurl ? "Resolving..." : "Decoding..."
-    ] }) : addressType !== "unknown" && addressType !== "invalid" ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-primary", children: "\u2713" }),
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("span", { "data-testid": "withdraw-detected-network", className: "text-muted-foreground", children: [
+    ] }) : addressType !== "unknown" && addressType !== "invalid" ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "text-primary", children: "\u2713" }),
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { "data-testid": "withdraw-detected-network", className: "text-muted-foreground", children: [
         "Detected: ",
         detectedNetworkLabel ?? addressType
       ] })
-    ] }) : addressType === "invalid" ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-danger", children: "\u2717" }),
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { "data-testid": "withdraw-invalid-destination", className: "text-danger", children: "Invalid address format" })
+    ] }) : addressType === "invalid" ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "text-danger", children: "\u2717" }),
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { "data-testid": "withdraw-invalid-destination", className: "text-danger", children: "Invalid address format" })
     ] }) : null })
   ] });
 }
 
 // src/web/components/withdraw-amount-input.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function WithdrawAmountInput({
   addressType,
   amount,
@@ -3849,13 +3905,13 @@ function WithdrawAmountInput({
 }) {
   const unitLabel = selectedAssetId === "BTC" ? "sats" : selectedAssetTicker ?? "units";
   const showAmountInput = addressType === "bitcoin" || addressType === "spark" || addressType === "arkade" || addressType === "lightning-address" || addressType === "lnurl-pay" || addressType === "rgb" && !decodedRgbInvoice?.assignment?.value || addressType === "lightning" && !decodedLnInvoice?.amount && !decodedLnInvoice?.asset_amount;
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
-    showAmountInput && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("label", { className: "ml-1 text-xs font-bold uppercase tracking-wider text-muted-foreground", children: "Amount" }),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "relative flex flex-col items-center justify-center gap-2 overflow-hidden rounded-3xl border bg-card/90 px-6 py-8 shadow-lg backdrop-blur-2xl transition-all focus-within:border-primary/50", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "pointer-events-none absolute inset-0 bg-gradient-to-b from-transparent to-primary/5" }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "z-10 flex w-full items-baseline justify-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
+    showAmountInput && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("label", { className: "ml-1 text-xs font-bold uppercase tracking-wider text-muted-foreground", children: "Amount" }),
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "relative flex flex-col items-center justify-center gap-2 overflow-hidden rounded-3xl border bg-card/90 px-6 py-8 shadow-lg backdrop-blur-2xl transition-all focus-within:border-primary/50", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "pointer-events-none absolute inset-0 bg-gradient-to-b from-transparent to-primary/5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "z-10 flex w-full items-baseline justify-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
             "input",
             {
               type: "text",
@@ -3866,9 +3922,9 @@ function WithdrawAmountInput({
               onChange: handleAmountChange
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "text-xl font-medium text-muted-foreground", children: unitLabel })
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "text-xl font-medium text-muted-foreground", children: unitLabel })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
           "button",
           {
             type: "button",
@@ -3878,26 +3934,26 @@ function WithdrawAmountInput({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("p", { className: "mt-1 px-1 text-right text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("p", { className: "mt-1 px-1 text-right text-xs text-muted-foreground", children: [
         "Available: ",
         formattedBalance,
         " ",
         unitLabel
       ] }),
-      lnurlPayData && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "mt-2 space-y-1 px-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
+      lnurlPayData && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "mt-2 space-y-1 px-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
           Math.ceil(lnurlPayData.params.min).toLocaleString(),
           " \u2013",
           " ",
           Math.floor(lnurlPayData.params.max).toLocaleString(),
           " sats"
         ] }),
-        lnurlPayData.params.description && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "text-xs italic text-muted-foreground", children: lnurlPayData.params.description })
+        lnurlPayData.params.description && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-xs italic text-muted-foreground", children: lnurlPayData.params.description })
       ] })
     ] }),
-    addressType === "rgb" && decodedRgbInvoice?.recipient_type === "Witness" && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("label", { className: "ml-1 text-xs font-medium text-muted-foreground", children: "Witness Amount (sats) - min 512" }),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    addressType === "rgb" && decodedRgbInvoice?.recipient_type === "Witness" && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("label", { className: "ml-1 text-xs font-medium text-muted-foreground", children: "Witness Amount (sats) - min 512" }),
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
         "input",
         {
           type: "number",
@@ -3910,32 +3966,32 @@ function WithdrawAmountInput({
           className: "w-full rounded-xl border bg-card px-4 py-3 text-sm text-white transition-colors focus:border-primary/50 focus:outline-none"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "ml-1 text-xs text-muted-foreground", children: "Bitcoin amount sent to create the witness UTXO for the recipient." })
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "ml-1 text-xs text-muted-foreground", children: "Bitcoin amount sent to create the witness UTXO for the recipient." })
     ] }),
-    (addressType === "bitcoin" || addressType === "rgb") && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("label", { className: "ml-1 text-xs font-bold uppercase tracking-wider text-muted-foreground", children: "Fee Rate" }),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "grid grid-cols-3 gap-3", children: ["slow", "normal", "fast"].map((rate) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+    (addressType === "bitcoin" || addressType === "rgb") && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("label", { className: "ml-1 text-xs font-bold uppercase tracking-wider text-muted-foreground", children: "Fee Rate" }),
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "grid grid-cols-3 gap-3", children: ["slow", "normal", "fast"].map((rate) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
         "button",
         {
           type: "button",
           onClick: () => setFeeRate(rate),
           className: `group relative overflow-hidden rounded-[16px] border px-3 py-3 shadow-sm transition-all active:scale-[0.98] ${feeRate === rate ? "border-primary/40 bg-primary/10" : "border-border bg-card/40 backdrop-blur-xl hover:border-primary/40"}`,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
               "div",
               {
                 className: `pointer-events-none absolute inset-0 bg-gradient-to-br from-primary/10 to-transparent transition-opacity ${feeRate === rate ? "opacity-100" : "opacity-0 group-hover:opacity-100"}`
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "relative z-10 flex flex-col items-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "relative z-10 flex flex-col items-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                 "div",
                 {
                   className: `text-sm font-bold capitalize transition-colors ${feeRate === rate ? "text-primary" : "text-muted-foreground group-hover:text-primary"}`,
                   children: rate
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
                 "div",
                 {
                   className: `mt-0.5 text-xxs font-medium transition-colors ${feeRate === rate ? "text-primary/70" : "text-white/40 group-hover:text-white/70"}`,
@@ -3951,18 +4007,18 @@ function WithdrawAmountInput({
         rate
       )) })
     ] }),
-    addressType === "rgb" && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center justify-between rounded-xl border bg-card p-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "text-sm font-medium text-white", children: "Gift / Donation" }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "text-xs text-muted-foreground", children: "Skip amount checks for this transfer" })
+    addressType === "rgb" && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-center justify-between rounded-xl border bg-card p-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-sm font-medium text-white", children: "Gift / Donation" }),
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-xs text-muted-foreground", children: "Skip amount checks for this transfer" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
         "button",
         {
           type: "button",
           className: `relative inline-flex h-6 w-11 items-center rounded-full transition-colors ${donation ? "bg-primary" : "bg-secondary"}`,
           onClick: () => setDonation(!donation),
-          children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
             "span",
             {
               className: `inline-block h-4 w-4 rounded-full transition-transform ${donation ? "translate-x-6 bg-black" : "translate-x-1 bg-foreground/90"}`
@@ -3975,7 +4031,7 @@ function WithdrawAmountInput({
 }
 
 // src/web/components/withdraw-invoice-info.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 function getAssetPrecisionForId(allAssets, assetId) {
   return allAssets.find((asset) => asset.asset_id === assetId)?.precision ?? 0;
 }
@@ -3996,31 +4052,31 @@ function WithdrawInvoiceInfo({
   maxLightningCapacity
 }) {
   if (decodedLnInvoice && addressType === "lightning") {
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "space-y-3 rounded-2xl border bg-card p-5 shadow-inner", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-xs font-medium uppercase tracking-wide text-primary", children: "Lightning Invoice" }),
-      decodedLnInvoice.amount != null && decodedLnInvoice.amount > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex justify-between text-sm", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "text-muted-foreground", children: "Amount" }),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "font-bold text-white", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "space-y-3 rounded-2xl border bg-card p-5 shadow-inner", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "text-xs font-medium uppercase tracking-wide text-primary", children: "Lightning Invoice" }),
+      decodedLnInvoice.amount != null && decodedLnInvoice.amount > 0 && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex justify-between text-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "text-muted-foreground", children: "Amount" }),
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: "font-bold text-white", children: [
           decodedLnInvoice.amount.toLocaleString(),
           " ",
           decodedLnInvoice.asset_id ? "units" : "sats"
         ] })
       ] }),
-      decodedLnInvoice.asset_id && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex justify-between text-sm", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "text-muted-foreground", children: "Asset" }),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "font-mono text-xs text-white", children: allAssets.find((asset) => asset.asset_id === decodedLnInvoice.asset_id)?.ticker ?? `${decodedLnInvoice.asset_id.substring(0, 12)}...` })
+      decodedLnInvoice.asset_id && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex justify-between text-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "text-muted-foreground", children: "Asset" }),
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "font-mono text-xs text-white", children: allAssets.find((asset) => asset.asset_id === decodedLnInvoice.asset_id)?.ticker ?? `${decodedLnInvoice.asset_id.substring(0, 12)}...` })
       ] }),
-      decodedLnInvoice.asset_amount != null && decodedLnInvoice.asset_amount > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex justify-between text-sm", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "text-muted-foreground", children: "Asset Amount" }),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "font-bold text-white", children: decodedLnInvoice.asset_amount.toLocaleString() })
+      decodedLnInvoice.asset_amount != null && decodedLnInvoice.asset_amount > 0 && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex justify-between text-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "text-muted-foreground", children: "Asset Amount" }),
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "font-bold text-white", children: decodedLnInvoice.asset_amount.toLocaleString() })
       ] }),
-      decodedLnInvoice.description && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex justify-between text-sm", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "text-muted-foreground", children: "Description" }),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "max-w-[180px] truncate text-right text-white", children: decodedLnInvoice.description })
+      decodedLnInvoice.description && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex justify-between text-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "text-muted-foreground", children: "Description" }),
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "max-w-[180px] truncate text-right text-white", children: decodedLnInvoice.description })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex justify-between text-sm", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "text-muted-foreground", children: "Channel Capacity" }),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "text-white", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex justify-between text-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "text-muted-foreground", children: "Channel Capacity" }),
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: "text-white", children: [
           Math.floor(maxLightningCapacity / 1e3).toLocaleString(),
           " sats"
         ] })
@@ -4028,26 +4084,26 @@ function WithdrawInvoiceInfo({
     ] });
   }
   if (decodedRgbInvoice && addressType === "rgb") {
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "space-y-3 rounded-2xl border bg-card p-5 shadow-inner", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-xs font-medium uppercase tracking-wide text-primary", children: "RGB Invoice" }),
-      decodedRgbInvoice.asset_id && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex justify-between text-sm", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "text-muted-foreground", children: "Asset" }),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "font-mono text-xs text-white", children: allAssets.find((asset) => asset.asset_id === decodedRgbInvoice.asset_id)?.ticker ?? `${decodedRgbInvoice.asset_id.substring(0, 8)}...${decodedRgbInvoice.asset_id.slice(-8)}` })
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "space-y-3 rounded-2xl border bg-card p-5 shadow-inner", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "text-xs font-medium uppercase tracking-wide text-primary", children: "RGB Invoice" }),
+      decodedRgbInvoice.asset_id && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex justify-between text-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "text-muted-foreground", children: "Asset" }),
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "font-mono text-xs text-white", children: allAssets.find((asset) => asset.asset_id === decodedRgbInvoice.asset_id)?.ticker ?? `${decodedRgbInvoice.asset_id.substring(0, 8)}...${decodedRgbInvoice.asset_id.slice(-8)}` })
       ] }),
-      decodedRgbInvoice.assignment?.value != null && decodedRgbInvoice.assignment.value > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex justify-between text-sm", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "text-muted-foreground", children: "Requested Amount" }),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "font-bold text-white", children: formatRawAmount(
+      decodedRgbInvoice.assignment?.value != null && decodedRgbInvoice.assignment.value > 0 && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex justify-between text-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "text-muted-foreground", children: "Requested Amount" }),
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "font-bold text-white", children: formatRawAmount(
           decodedRgbInvoice.assignment.value,
           getAssetPrecisionForId(allAssets, decodedRgbInvoice.asset_id ?? selectedAssetId)
         ) })
       ] }),
-      decodedRgbInvoice.recipient_type && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex justify-between text-sm", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "text-muted-foreground", children: "Recipient Type" }),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "text-white", children: decodedRgbInvoice.recipient_type })
+      decodedRgbInvoice.recipient_type && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex justify-between text-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "text-muted-foreground", children: "Recipient Type" }),
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "text-white", children: decodedRgbInvoice.recipient_type })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex justify-between text-sm", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "text-muted-foreground", children: "Your Balance" }),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "text-white", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex justify-between text-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "text-muted-foreground", children: "Your Balance" }),
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: "text-white", children: [
           formatRawAmount(assetBalance, getAssetPrecisionForId(allAssets, selectedAssetId)),
           " ",
           selectedAssetTicker ?? "units"
@@ -4056,9 +4112,9 @@ function WithdrawInvoiceInfo({
     ] });
   }
   if (addressType === "bitcoin" || addressType === "arkade") {
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "rounded-2xl border bg-card p-5 shadow-inner", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex justify-between text-sm", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "text-muted-foreground", children: addressType === "arkade" ? "Available Arkade Balance" : "Available Balance" }),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "font-bold text-white", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "rounded-2xl border bg-card p-5 shadow-inner", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex justify-between text-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "text-muted-foreground", children: addressType === "arkade" ? "Available Arkade Balance" : "Available Balance" }),
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: "font-bold text-white", children: [
         formatRawAmount(assetBalance, getAssetPrecisionForId(allAssets, selectedAssetId)),
         " ",
         selectedAssetTicker ?? "sats"
@@ -4069,14 +4125,14 @@ function WithdrawInvoiceInfo({
 }
 
 // src/web/components/withdraw-route-selector.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 function RouteChoiceCard({
   route,
   selected,
   recommended,
   onClick
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
     "button",
     {
       type: "button",
@@ -4087,17 +4143,17 @@ function RouteChoiceCard({
         selected ? "border-primary/30 bg-primary/10" : "border-border bg-white/4 hover:border-white/20 hover:bg-white/6"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "text-sm font-bold text-white", children: route.accountTitle }),
-              recommended && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "rounded-full border border-primary/20 bg-primary/10 px-2 py-0.5 text-xxs font-bold uppercase tracking-wider text-primary", children: "Recommended" })
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-sm font-bold text-white", children: route.accountTitle }),
+              recommended && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "rounded-full border border-primary/20 bg-primary/10 px-2 py-0.5 text-xxs font-bold uppercase tracking-wider text-primary", children: "Recommended" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "mt-1 text-xs text-white/45", children: route.methodLabel })
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "mt-1 text-xs text-white/45", children: route.methodLabel })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "text-xxs font-bold uppercase tracking-wider text-white/35", children: route.feeHint })
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-xxs font-bold uppercase tracking-wider text-white/35", children: route.feeHint })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "mt-3 text-xs leading-relaxed text-muted-foreground", children: route.summary })
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "mt-3 text-xs leading-relaxed text-muted-foreground", children: route.summary })
       ]
     }
   );
@@ -4110,12 +4166,12 @@ function WithdrawRouteSelector({
   selectedAccountTitle,
   onRouteChange
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("label", { className: "ml-1 text-xs font-bold uppercase tracking-wider text-muted-foreground", children: "Route" }),
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "ml-1 mt-1 text-xs text-muted-foreground", children: "Choose the account to spend from. The transfer method is derived from the destination you entered." })
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("label", { className: "ml-1 text-xs font-bold uppercase tracking-wider text-muted-foreground", children: "Route" }),
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "ml-1 mt-1 text-xs text-muted-foreground", children: "Choose the account to spend from. The transfer method is derived from the destination you entered." })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "space-y-2", children: routes.map((route) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "space-y-2", children: routes.map((route) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
       RouteChoiceCard,
       {
         route,
@@ -4125,19 +4181,19 @@ function WithdrawRouteSelector({
       },
       route.account
     )) }),
-    selectedRouteSummary && activeRouteAccount && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "rounded-2xl border bg-white/4 p-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "text-xs uppercase tracking-wider text-white/35", children: "Selected path" }),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "text-xs font-bold text-white", children: selectedAccountTitle })
+    selectedRouteSummary && activeRouteAccount && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "rounded-2xl border bg-white/4 p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-xs uppercase tracking-wider text-white/35", children: "Selected path" }),
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-xs font-bold text-white", children: selectedAccountTitle })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "mt-2 text-sm font-semibold text-white", children: selectedRouteSummary.methodLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "mt-1 text-xs text-muted-foreground", children: selectedRouteSummary.summary })
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "mt-2 text-sm font-semibold text-white", children: selectedRouteSummary.methodLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "mt-1 text-xs text-muted-foreground", children: selectedRouteSummary.summary })
     ] })
   ] });
 }
 
 // src/web/components/withdraw-confirmation.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function WithdrawConfirmation({
   isConfirming,
   isPollingStatus,
@@ -4157,8 +4213,8 @@ function WithdrawConfirmation({
   amount,
   handleConfirmSend
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "min-h-screen bg-background pb-6 font-display text-foreground", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "min-h-screen bg-background pb-6 font-display text-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
       PageHeader,
       {
         title: "Confirm Payment",
@@ -4170,71 +4226,71 @@ function WithdrawConfirmation({
         className: isConfirming || isPollingStatus ? "pointer-events-none opacity-70" : void 0
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("main", { className: "space-y-6 px-5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex flex-col items-center py-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "mb-1 text-sm uppercase tracking-wide text-muted-foreground", children: "Sending" }),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("h1", { className: "mb-2 text-4xl font-bold", children: displayAmount.toLocaleString() }),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "text-base text-muted-foreground", children: selectedAssetId === "BTC" ? "sats" : selectedAsset?.ticker ?? "units" })
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("main", { className: "space-y-6 px-5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex flex-col items-center py-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "mb-1 text-sm uppercase tracking-wide text-muted-foreground", children: "Sending" }),
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("h1", { className: "mb-2 text-4xl font-bold", children: displayAmount.toLocaleString() }),
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-base text-muted-foreground", children: selectedAssetId === "BTC" ? "sats" : selectedAsset?.ticker ?? "units" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "overflow-hidden rounded-2xl border bg-card/90 shadow-inner backdrop-blur-2xl", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center justify-between border-b border-border p-5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-sm text-muted-foreground", children: "To" }),
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "max-w-[200px] truncate font-mono text-sm text-white", title: destination, children: destination.length > 24 ? `${destination.substring(0, 12)}...${destination.slice(-12)}` : destination })
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "overflow-hidden rounded-2xl border bg-card/90 shadow-inner backdrop-blur-2xl", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center justify-between border-b border-border p-5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-sm text-muted-foreground", children: "To" }),
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "max-w-[200px] truncate font-mono text-sm text-white", title: destination, children: destination.length > 24 ? `${destination.substring(0, 12)}...${destination.slice(-12)}` : destination })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center justify-between border-b border-border p-5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-sm text-muted-foreground", children: "Network" }),
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "size-1.5 rounded-full bg-primary" }),
-            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-sm font-bold text-white", children: networkLabel })
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center justify-between border-b border-border p-5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-sm text-muted-foreground", children: "Network" }),
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "size-1.5 rounded-full bg-primary" }),
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-sm font-bold text-white", children: networkLabel })
           ] })
         ] }),
-        routeAccount && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center justify-between border-b border-border p-5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-sm text-muted-foreground", children: "From Account" }),
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-sm font-bold text-white", children: routeAccount })
+        routeAccount && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center justify-between border-b border-border p-5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-sm text-muted-foreground", children: "From Account" }),
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-sm font-bold text-white", children: routeAccount })
         ] }),
-        routeMethod && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center justify-between border-b border-border p-5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-sm text-muted-foreground", children: "Route Method" }),
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-sm font-bold text-white", children: routeMethod })
+        routeMethod && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center justify-between border-b border-border p-5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-sm text-muted-foreground", children: "Route Method" }),
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-sm font-bold text-white", children: routeMethod })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center justify-between border-b border-border p-5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-sm text-muted-foreground", children: "Asset" }),
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-sm font-bold text-white", children: selectedAsset?.ticker ?? selectedAssetId })
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center justify-between border-b border-border p-5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-sm text-muted-foreground", children: "Asset" }),
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-sm font-bold text-white", children: selectedAsset?.ticker ?? selectedAssetId })
         ] }),
-        estimatedFee > 0 && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center justify-between p-5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-sm text-muted-foreground", children: "Network Fee" }),
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex flex-col items-end", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("span", { className: "text-sm text-white", children: [
+        estimatedFee > 0 && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center justify-between p-5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-sm text-muted-foreground", children: "Network Fee" }),
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex flex-col items-end", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("span", { className: "text-sm text-white", children: [
               "~",
               estimatedFee.toLocaleString(),
               " sats"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "mt-0.5 text-xxs font-bold capitalize tracking-wider text-primary", children: feeRate })
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "mt-0.5 text-xxs font-bold capitalize tracking-wider text-primary", children: feeRate })
           ] })
         ] }),
-        addressType === "rgb" && decodedRgbInvoice?.recipient_type === "Witness" && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center justify-between border-t border-border p-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-sm text-muted-foreground", children: "Witness Amount" }),
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("span", { className: "text-sm text-white", children: [
+        addressType === "rgb" && decodedRgbInvoice?.recipient_type === "Witness" && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center justify-between border-t border-border p-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-sm text-muted-foreground", children: "Witness Amount" }),
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("span", { className: "text-sm text-white", children: [
             witnessAmountSat,
             " sats"
           ] })
         ] })
       ] }),
-      selectedAssetId === "BTC" && estimatedFee > 0 && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center justify-between rounded-2xl border border-primary/20 bg-primary/10 p-5 px-2 shadow-inner", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-sm font-bold uppercase tracking-wider text-primary", children: "Total to deduct" }),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("span", { className: "text-xl font-bold text-white", children: [
+      selectedAssetId === "BTC" && estimatedFee > 0 && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center justify-between rounded-2xl border border-primary/20 bg-primary/10 p-5 px-2 shadow-inner", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-sm font-bold uppercase tracking-wider text-primary", children: "Total to deduct" }),
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("span", { className: "text-xl font-bold text-white", children: [
           (Math.round(parseFloat(amount) || 0) + estimatedFee).toLocaleString(),
           " ",
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-lg text-primary/70", children: "sats" })
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-lg text-primary/70", children: "sats" })
         ] })
       ] }),
-      isPollingStatus && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center gap-3 rounded-xl border border-primary/20 bg-primary/5 p-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "material-symbols-outlined animate-spin text-primary", children: "progress_activity" }),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "text-sm font-medium text-white", children: "Processing payment..." }),
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "text-xs text-muted-foreground", children: "Waiting for confirmation" })
+      isPollingStatus && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center gap-3 rounded-xl border border-primary/20 bg-primary/5 p-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "material-symbols-outlined animate-spin text-primary", children: "progress_activity" }),
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-sm font-medium text-white", children: "Processing payment..." }),
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-xs text-muted-foreground", children: "Waiting for confirmation" })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
         Button,
         {
           variant: "cta",
@@ -4242,11 +4298,11 @@ function WithdrawConfirmation({
           onClick: handleConfirmSend,
           disabled: isConfirming || isPollingStatus,
           className: "mt-2 w-full",
-          children: isConfirming || isPollingStatus ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "material-symbols-outlined animate-spin text-icon-2xl", children: "progress_activity" }),
+          children: isConfirming || isPollingStatus ? /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "material-symbols-outlined animate-spin text-icon-2xl", children: "progress_activity" }),
             isPollingStatus ? "Waiting for confirmation..." : "Sending..."
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "material-symbols-outlined text-icon-2xl font-bold", children: "fingerprint" }),
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "material-symbols-outlined text-icon-2xl font-bold", children: "fingerprint" }),
             "Confirm & Send"
           ] })
         }
@@ -4256,7 +4312,7 @@ function WithdrawConfirmation({
 }
 
 // src/web/components/withdraw-success.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 function WithdrawSuccess({
   displayAmount,
   selectedAssetId,
@@ -4265,35 +4321,35 @@ function WithdrawSuccess({
   handleReset,
   onDone
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "relative flex min-h-screen flex-col overflow-hidden bg-background p-6 font-display text-foreground", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "pointer-events-none absolute left-0 top-0 h-full w-full bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-primary/30 to-transparent opacity-20" }),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "z-10 flex flex-1 flex-col items-center justify-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "relative mb-8", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "absolute inset-0 animate-pulse rounded-full bg-primary/30 blur-2xl" }),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "relative scale-110 rounded-full bg-primary p-6 text-background shadow-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "material-symbols-outlined text-icon-6xl font-bold", children: "check" }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "relative flex min-h-screen flex-col overflow-hidden bg-background p-6 font-display text-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "pointer-events-none absolute left-0 top-0 h-full w-full bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-primary/30 to-transparent opacity-20" }),
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "z-10 flex flex-1 flex-col items-center justify-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "relative mb-8", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "absolute inset-0 animate-pulse rounded-full bg-primary/30 blur-2xl" }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "relative scale-110 rounded-full bg-primary p-6 text-background shadow-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "material-symbols-outlined text-icon-6xl font-bold", children: "check" }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("h1", { className: "mb-2 text-3xl font-bold", children: "Payment Sent!" }),
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "max-w-xs text-center text-muted-foreground", children: "Your transaction has been successfully processed." }),
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "mt-12 w-full max-w-xs space-y-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center justify-between rounded-2xl border bg-card p-5 shadow-inner", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-sm text-muted-foreground", children: "Amount" }),
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("span", { className: "text-xl font-bold", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("h1", { className: "mb-2 text-3xl font-bold", children: "Payment Sent!" }),
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "max-w-xs text-center text-muted-foreground", children: "Your transaction has been successfully processed." }),
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "mt-12 w-full max-w-xs space-y-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center justify-between rounded-2xl border bg-card p-5 shadow-inner", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-sm text-muted-foreground", children: "Amount" }),
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: "text-xl font-bold", children: [
             displayAmount.toLocaleString(),
             " ",
-            selectedAssetId === "BTC" ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-sm text-primary/70", children: "sats" }) : selectedAsset?.ticker ?? "units"
+            selectedAssetId === "BTC" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-sm text-primary/70", children: "sats" }) : selectedAsset?.ticker ?? "units"
           ] })
         ] }),
-        (txResult?.paymentHash || txResult?.payment_hash) && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "rounded-2xl border bg-card p-5 shadow-inner", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "mb-2 text-xs font-bold uppercase tracking-wider text-muted-foreground", children: "Payment Hash" }),
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "break-all font-mono text-xs leading-relaxed text-muted-foreground", children: txResult.paymentHash ?? txResult.payment_hash })
+        (txResult?.paymentHash || txResult?.payment_hash) && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "rounded-2xl border bg-card p-5 shadow-inner", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "mb-2 text-xs font-bold uppercase tracking-wider text-muted-foreground", children: "Payment Hash" }),
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "break-all font-mono text-xs leading-relaxed text-muted-foreground", children: txResult.paymentHash ?? txResult.payment_hash })
         ] }),
-        txResult?.txid && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "rounded-2xl border bg-card p-5 shadow-inner", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "mb-2 text-xs font-bold uppercase tracking-wider text-muted-foreground", children: "Transaction ID" }),
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "break-all font-mono text-xs leading-relaxed text-muted-foreground", children: txResult.txid })
+        txResult?.txid && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "rounded-2xl border bg-card p-5 shadow-inner", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "mb-2 text-xs font-bold uppercase tracking-wider text-muted-foreground", children: "Transaction ID" }),
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "break-all font-mono text-xs leading-relaxed text-muted-foreground", children: txResult.txid })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "z-10 space-y-3 py-6", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "z-10 space-y-3 py-6", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       "button",
       {
         type: "button",
@@ -4309,7 +4365,7 @@ function WithdrawSuccess({
 }
 
 // src/web/components/setting-item.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 function SettingItem({
   icon,
   iconSrc,
@@ -4323,7 +4379,7 @@ function SettingItem({
   iconColor = "text-primary"
 }) {
   const isClickable = !!onClick;
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     "div",
     {
       className: cn(
@@ -4332,26 +4388,26 @@ function SettingItem({
         className
       ),
       onClick,
-      children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: [
-          (icon || iconSrc) && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: [
+          (icon || iconSrc) && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
             "div",
             {
               className: cn(
                 "flex-shrink-0 size-10 rounded-xl flex items-center justify-center bg-primary/15 group-hover:bg-primary/25 group-hover:scale-105 transition-all",
                 iconColor
               ),
-              children: iconSrc ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("img", { src: iconSrc, alt: iconAlt ?? title, className: "size-5 object-contain" }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "material-symbols-outlined text-icon-xl", children: icon })
+              children: iconSrc ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("img", { src: iconSrc, alt: iconAlt ?? title, className: "size-5 object-contain" }) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "material-symbols-outlined text-icon-xl", children: icon })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex flex-col flex-1 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "font-bold text-body text-foreground tracking-wide", children: title }),
-            description && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-sm text-muted-foreground mt-0.5 font-medium", children: description })
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex flex-col flex-1 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "font-bold text-body text-foreground tracking-wide", children: title }),
+            description && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "text-sm text-muted-foreground mt-0.5 font-medium", children: description })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
-          value && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-xs text-muted-foreground font-mono", children: value }),
-          showChevron && isClickable && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "material-symbols-outlined text-icon-md text-muted-foreground group-hover:scale-110 group-hover:text-white transition-all", children: "chevron_right" })
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
+          value && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "text-xs text-muted-foreground font-mono", children: value }),
+          showChevron && isClickable && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "material-symbols-outlined text-icon-md text-muted-foreground group-hover:scale-110 group-hover:text-white transition-all", children: "chevron_right" })
         ] })
       ] })
     }
@@ -4359,9 +4415,9 @@ function SettingItem({
 }
 
 // src/web/components/section-label.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function SectionLabel({ children, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
     "span",
     {
       className: cn("text-xxs font-black uppercase tracking-eyebrow-wide text-muted-foreground", className),
@@ -4371,7 +4427,7 @@ function SectionLabel({ children, className }) {
 }
 
 // src/web/components/alert-banner.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var variantStyles = {
   error: { container: "bg-danger/40", icon: "text-danger", iconName: "error" },
   warning: { container: "bg-warning/40", icon: "text-warning", iconName: "warning" },
@@ -4380,15 +4436,15 @@ var variantStyles = {
 };
 function AlertBanner({ variant = "info", icon, children, className }) {
   const styles = variantStyles[variant];
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: cn("rounded-xl p-3 flex items-center gap-2", styles.container, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Icon2, { name: icon ?? styles.iconName, size: "md", className: cn("shrink-0", styles.icon) }),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: cn("text-sm", styles.icon), children })
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: cn("rounded-xl p-3 flex items-center gap-2", styles.container, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon2, { name: icon ?? styles.iconName, size: "md", className: cn("shrink-0", styles.icon) }),
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: cn("text-sm", styles.icon), children })
   ] });
 }
 
 // src/web/components/error-boundary.tsx
 var import_react12 = require("react");
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var ErrorBoundary = class extends import_react12.Component {
   constructor(props) {
     super(props);
@@ -4402,11 +4458,11 @@ var ErrorBoundary = class extends import_react12.Component {
   }
   render() {
     if (this.state.hasError) {
-      return this.props.fallback ?? /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "min-h-screen bg-background text-foreground font-display flex flex-col items-center justify-center p-6 gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "material-symbols-outlined text-danger text-icon-5xl", children: "error" }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("h2", { className: "text-lg font-bold", children: "Something went wrong" }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-sm text-muted-foreground text-center", children: this.state.error?.message ?? "An unexpected error occurred." }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+      return this.props.fallback ?? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "min-h-screen bg-background text-foreground font-display flex flex-col items-center justify-center p-6 gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "material-symbols-outlined text-danger text-icon-5xl", children: "error" }),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("h2", { className: "text-lg font-bold", children: "Something went wrong" }),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-sm text-muted-foreground text-center", children: this.state.error?.message ?? "An unexpected error occurred." }),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           "button",
           {
             onClick: () => {
@@ -4534,7 +4590,7 @@ var colors = {
 };
 
 // src/web/components/deposit-ui-shared.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var GLOW_ALPHA = "26";
 function qrGlowStyle(hex) {
   return { boxShadow: `0 0 30px ${hex}${GLOW_ALPHA}` };
@@ -4548,7 +4604,7 @@ var NETWORK_CONFIG = {
     border: "border-network-bitcoin/40",
     qrBorder: "border-network-bitcoin/30",
     qrGlow: qrGlowStyle(colors.network.bitcoin),
-    icon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "material-symbols-outlined text-icon-xs leading-none", children: "link" })
+    icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "material-symbols-outlined text-icon-xs leading-none", children: "link" })
   },
   lightning: {
     label: "Lightning",
@@ -4558,7 +4614,7 @@ var NETWORK_CONFIG = {
     border: "border-network-lightning/40",
     qrBorder: "border-network-lightning/30",
     qrGlow: qrGlowStyle(colors.network.lightning),
-    icon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("img", { src: "/icons/lightning/lightning.svg", className: "size-3", alt: "" })
+    icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("img", { src: "/icons/lightning/lightning.svg", className: "size-3", alt: "" })
   },
   spark: {
     label: "Spark",
@@ -4568,7 +4624,7 @@ var NETWORK_CONFIG = {
     border: "border-info/40",
     qrBorder: "border-info/30",
     qrGlow: qrGlowStyle(colors.info),
-    icon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("img", { src: "/icons/spark/Asterisk/Spark Asterisk White.svg", className: "h-3 w-3", alt: "" })
+    icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("img", { src: "/icons/spark/Asterisk/Spark Asterisk White.svg", className: "h-3 w-3", alt: "" })
   },
   arkade: {
     label: "Arkade",
@@ -4578,7 +4634,7 @@ var NETWORK_CONFIG = {
     border: "border-network-arkade/40",
     qrBorder: "border-network-arkade/30",
     qrGlow: qrGlowStyle(colors.network.arkade),
-    icon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("img", { src: "/icons/arkade/arkade-icon.svg", className: "h-3 w-3 rounded-sm", alt: "" })
+    icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("img", { src: "/icons/arkade/arkade-icon.svg", className: "h-3 w-3 rounded-sm", alt: "" })
   }
 };
 var ACCOUNT_META = {
@@ -4587,14 +4643,14 @@ var ACCOUNT_META = {
     accentBg: "bg-primary/10",
     accentText: "text-primary",
     accentBorder: "border-primary/30",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("img", { src: "/icons/rgb/rgb-logo.svg", alt: "", className: "h-2.5 w-2.5 object-contain" })
+    icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("img", { src: "/icons/rgb/rgb-logo.svg", alt: "", className: "h-2.5 w-2.5 object-contain" })
   },
   SPARK: {
     shortLabel: "Spark",
     accentBg: "bg-info/10",
     accentText: "text-info",
     accentBorder: "border-info/30",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
       "img",
       {
         src: "/icons/spark/Asterisk/Spark Asterisk White.svg",
@@ -4608,7 +4664,7 @@ var ACCOUNT_META = {
     accentBg: "bg-network-arkade/10",
     accentText: "text-network-arkade",
     accentBorder: "border-network-arkade/30",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("img", { src: "/icons/arkade/arkade-icon.svg", alt: "", className: "h-2.5 w-2.5 rounded-[1px] object-contain" })
+    icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("img", { src: "/icons/arkade/arkade-icon.svg", alt: "", className: "h-2.5 w-2.5 rounded-[1px] object-contain" })
   }
 };
 var METHOD_META = {
@@ -4625,7 +4681,7 @@ function InvoiceStatusBanner({
   isInvoiceFailedOrExpired,
   invoiceStatus
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
     "div",
     {
       className: cn(
@@ -4633,17 +4689,17 @@ function InvoiceStatusBanner({
         isInvoicePaid ? "border-primary/30 bg-primary/10 text-primary" : isInvoiceFailedOrExpired ? "border-danger/20 bg-danger/10 text-danger" : "border-warning/20 bg-warning/10 text-warning"
       ),
       children: [
-        isInvoicePending && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "material-symbols-outlined animate-spin text-icon-sm", children: "progress_activity" }),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { children: "Waiting for payment..." })
+        isInvoicePending && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "material-symbols-outlined animate-spin text-icon-sm", children: "progress_activity" }),
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { children: "Waiting for payment..." })
         ] }),
-        isInvoicePaid && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "material-symbols-outlined text-icon-sm", children: "check_circle" }),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { children: "Payment received!" })
+        isInvoicePaid && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "material-symbols-outlined text-icon-sm", children: "check_circle" }),
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { children: "Payment received!" })
         ] }),
-        isInvoiceFailedOrExpired && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "material-symbols-outlined text-icon-sm", children: "cancel" }),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { children: [
+        isInvoiceFailedOrExpired && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "material-symbols-outlined text-icon-sm", children: "cancel" }),
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { children: [
             "Invoice ",
             invoiceStatus?.toLowerCase() === "expired" ? "expired" : "failed"
           ] })
@@ -4653,20 +4709,20 @@ function InvoiceStatusBanner({
   );
 }
 function PaidOverlay() {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "absolute inset-0 flex items-center justify-center rounded-2xl bg-background/80", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-col items-center gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "flex size-14 items-center justify-center rounded-full bg-primary", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "material-symbols-outlined text-icon-4xl text-background", children: "check" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "text-sm font-bold text-primary", children: "Received!" })
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "absolute inset-0 flex items-center justify-center rounded-2xl bg-background/80", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex flex-col items-center gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "flex size-14 items-center justify-center rounded-full bg-primary", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "material-symbols-outlined text-icon-4xl text-background", children: "check" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "text-sm font-bold text-primary", children: "Received!" })
   ] }) });
 }
 function CopyIcon({ copied }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     "div",
     {
       className: cn(
         "flex-shrink-0 rounded-lg p-2 transition-all",
         copied ? "bg-primary/15 text-primary" : "bg-white/5 text-white/40 group-hover:bg-primary/10 group-hover:text-primary"
       ),
-      children: copied ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Icon2, { name: "check", size: "sm" }) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Icon2, { name: "content_copy", size: "sm" })
+      children: copied ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icon2, { name: "check", size: "sm" }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icon2, { name: "content_copy", size: "sm" })
     }
   );
 }
@@ -4676,7 +4732,7 @@ function AccountChoiceChip({
   onClick
 }) {
   const meta = ACCOUNT_META[account];
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
     "button",
     {
       type: "button",
@@ -4688,7 +4744,7 @@ function AccountChoiceChip({
       ),
       children: [
         meta.icon,
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { children: meta.shortLabel })
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { children: meta.shortLabel })
       ]
     }
   );
@@ -4737,8 +4793,8 @@ function NetworkInfoDisclosure({
 }) {
   const [open, setOpen] = (0, import_react13.useState)(false);
   if (networks.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: cn("overflow-hidden rounded-xl border border-white/8 bg-white/3 transition-all", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: cn("overflow-hidden rounded-xl border border-white/8 bg-white/3 transition-all", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
       "button",
       {
         type: "button",
@@ -4746,24 +4802,24 @@ function NetworkInfoDisclosure({
         "aria-expanded": open,
         className: "flex w-full items-center gap-2 px-2.5 py-1.5 text-left transition-colors hover:bg-white/4",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Icon2, { name: "info", size: "xs", className: "text-white/40" }),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "flex-1 text-xxs font-bold uppercase tracking-widest text-white/50", children: "What are these networks?" }),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Icon2, { name: open ? "expand_less" : "expand_more", size: "xs", className: "text-white/40" })
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icon2, { name: "info", size: "xs", className: "text-white/40" }),
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "flex-1 text-xxs font-bold uppercase tracking-widest text-white/50", children: "What are these networks?" }),
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icon2, { name: open ? "expand_less" : "expand_more", size: "xs", className: "text-white/40" })
         ]
       }
     ),
-    open && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "space-y-2 px-2.5 pb-2.5 pt-0.5 animate-in fade-in slide-in-from-top-1 duration-200", children: networks.map((network) => {
+    open && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "space-y-2 px-2.5 pb-2.5 pt-0.5 animate-in fade-in slide-in-from-top-1 duration-200", children: networks.map((network) => {
       const info = NETWORK_INFO[network];
       const cfg = NETWORK_CONFIG[network];
-      return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: cn("flex size-4 flex-shrink-0 items-center justify-center rounded-md", cfg.bg), children: cfg.icon }),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: cn("text-xxs font-bold uppercase tracking-widest", cfg.text), children: info.title })
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: cn("flex size-4 flex-shrink-0 items-center justify-center rounded-md", cfg.bg), children: cfg.icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: cn("text-xxs font-bold uppercase tracking-widest", cfg.text), children: info.title })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "pl-5 text-tiny leading-snug text-muted-foreground", children: info.detail }),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("ul", { className: "space-y-0.5 pl-5", children: info.bullets.map((bullet) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("li", { className: "flex items-start gap-1.5 text-xxs leading-snug text-white/50", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "mt-[1px] text-white/30", children: "-" }),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { children: bullet })
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "pl-5 text-tiny leading-snug text-muted-foreground", children: info.detail }),
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("ul", { className: "space-y-0.5 pl-5", children: info.bullets.map((bullet) => /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("li", { className: "flex items-start gap-1.5 text-xxs leading-snug text-white/50", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "mt-[1px] text-white/30", children: "-" }),
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { children: bullet })
         ] }, bullet)) })
       ] }, network);
     }) })
@@ -4777,7 +4833,7 @@ function MethodChoiceChip({
   onClick
 }) {
   const meta = METHOD_META[method];
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
     "button",
     {
       type: "button",
@@ -4790,14 +4846,14 @@ function MethodChoiceChip({
       ),
       children: [
         meta.label,
-        !enabled && disabledReason && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "text-xxs font-normal opacity-60", children: disabledReason })
+        !enabled && disabledReason && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "text-xxs font-normal opacity-60", children: disabledReason })
       ]
     }
   );
 }
 
 // src/web/components/deposit-success-screen.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 function DepositSuccessScreen({
   handleDone,
   displayTicker,
@@ -4810,20 +4866,20 @@ function DepositSuccessScreen({
   const isInstant = network === "lightning" || network === "spark";
   const title = isInstant ? "Payment Received!" : "Deposit Detected!";
   const subtitle = isInstant ? `Your ${displayTicker} has arrived via ${networkLabel}.` : `Incoming deposit detected via ${networkLabel}. Funds will be available after confirmation.`;
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "flex h-screen flex-col overflow-hidden bg-background font-display text-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex flex-1 flex-col items-center justify-center p-6 text-center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "relative mb-8", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "absolute inset-0 scale-150 animate-pulse rounded-full bg-primary/20 blur-2xl" }),
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "relative flex size-28 items-center justify-center rounded-full border-2 border-primary/40 bg-primary/10 shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "material-symbols-outlined text-display text-primary animate-in zoom-in-50 duration-500", children: "check_circle" }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "flex h-screen flex-col overflow-hidden bg-background font-display text-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex flex-1 flex-col items-center justify-center p-6 text-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "relative mb-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "absolute inset-0 scale-150 animate-pulse rounded-full bg-primary/20 blur-2xl" }),
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "relative flex size-28 items-center justify-center rounded-full border-2 border-primary/40 bg-primary/10 shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "material-symbols-outlined text-display text-primary animate-in zoom-in-50 duration-500", children: "check_circle" }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("h1", { className: "mb-2 text-2xl font-bold text-white", children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "mb-8 max-w-[260px] text-sm leading-relaxed text-muted-foreground", children: subtitle }),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "mb-10 flex items-center gap-3 rounded-2xl border bg-white/5 px-4 py-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(AssetIcon, { ticker: displayTicker, size: 36 }),
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "text-left", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "text-sm font-bold text-white", children: displayTicker }),
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "text-xs text-white/40", children: selectedAsset?.name ?? displayTicker })
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("h1", { className: "mb-2 text-2xl font-bold text-white", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "mb-8 max-w-[260px] text-sm leading-relaxed text-muted-foreground", children: subtitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "mb-10 flex items-center gap-3 rounded-2xl border bg-white/5 px-4 py-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(AssetIcon, { ticker: displayTicker, size: 36 }),
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "text-left", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "text-sm font-bold text-white", children: displayTicker }),
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "text-xs text-white/40", children: selectedAsset?.name ?? displayTicker })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
         "div",
         {
           className: cn(
@@ -4834,27 +4890,27 @@ function DepositSuccessScreen({
           ),
           children: [
             net.icon,
-            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { children: networkLabel })
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { children: networkLabel })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(Button, { variant: "cta", size: "cta", onClick: handleDone, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "material-symbols-outlined text-icon-lg", children: "home" }),
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(Button, { variant: "cta", size: "cta", onClick: handleDone, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "material-symbols-outlined text-icon-lg", children: "home" }),
       "Back to Dashboard"
     ] })
   ] }) });
 }
 
 // src/web/components/deposit-network-default-modal.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var NETWORK_OPTIONS = {
   RGB: {
     network: "onchain",
     account: "RGB",
     label: "On-chain / Lightning",
     description: "Classic Bitcoin address or Lightning invoice via the RLN node.",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "material-symbols-outlined text-icon-lg", children: "link" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "material-symbols-outlined text-icon-lg", children: "link" }),
     accentBg: "bg-network-bitcoin/10",
     accentBorder: "border-network-bitcoin/30",
     accentText: "text-network-bitcoin"
@@ -4864,7 +4920,7 @@ var NETWORK_OPTIONS = {
     account: "SPARK",
     label: "Spark",
     description: "Receive directly into your Spark account. Fast and free.",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("img", { src: "/icons/spark/Asterisk/Spark Asterisk White.svg", alt: "", className: "h-[18px]" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("img", { src: "/icons/spark/Asterisk/Spark Asterisk White.svg", alt: "", className: "h-[18px]" }),
     accentBg: "bg-info/10",
     accentBorder: "border-info/30",
     accentText: "text-info"
@@ -4874,7 +4930,7 @@ var NETWORK_OPTIONS = {
     account: "ARKADE",
     label: "Arkade",
     description: "Receive directly into your Arkade account. Low fees, near-instant settlement.",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("img", { src: "/icons/arkade/arkade-icon.svg", alt: "", className: "h-[18px]" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("img", { src: "/icons/arkade/arkade-icon.svg", alt: "", className: "h-[18px]" }),
     accentBg: "bg-network-arkade/10",
     accentBorder: "border-network-arkade/30",
     accentText: "text-network-arkade"
@@ -4889,20 +4945,20 @@ function DepositNetworkDefaultModal({
 }) {
   if (!open) return null;
   const options = availableAccounts.map((id) => NETWORK_OPTIONS[id]).filter(Boolean);
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "fixed inset-0 z-50 flex items-end justify-center bg-black/60 backdrop-blur-sm", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "w-full space-y-4 rounded-t-2xl border-t border-border bg-background px-4 pb-7 pt-5 animate-in slide-in-from-bottom-4 duration-200", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "-mt-1 mb-1 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "h-1 w-10 rounded-full bg-white/15" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "text-sm font-bold text-white", children: "Choose your default network" }),
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("p", { className: "mt-0.5 text-tiny text-white/45", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "fixed inset-0 z-50 flex items-end justify-center bg-black/60 backdrop-blur-sm", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "w-full space-y-4 rounded-t-2xl border-t border-border bg-background px-4 pb-7 pt-5 animate-in slide-in-from-bottom-4 duration-200", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "-mt-1 mb-1 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "h-1 w-10 rounded-full bg-white/15" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "text-sm font-bold text-white", children: "Choose your default network" }),
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("p", { className: "mt-0.5 text-tiny text-white/45", children: [
         "Pick how you would like to receive",
         " ",
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "font-semibold text-muted-foreground", children: assetTicker }),
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "font-semibold text-muted-foreground", children: assetTicker }),
         " by default. You can always switch in the deposit screen."
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "space-y-2", children: options.map((option) => {
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "space-y-2", children: options.map((option) => {
       const isSuggested = option.account === suggestedAccount;
-      return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
         "button",
         {
           type: "button",
@@ -4912,7 +4968,7 @@ function DepositNetworkDefaultModal({
             isSuggested ? cn("border-2", option.accentBorder, option.accentBg) : "border border-white/8 bg-white/4 hover:bg-white/8"
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
               "div",
               {
                 className: cn(
@@ -4923,10 +4979,10 @@ function DepositNetworkDefaultModal({
                 children: option.icon
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "min-w-0 flex-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: cn("text-xs font-bold", isSuggested ? option.accentText : "text-white"), children: option.label }),
-                isSuggested && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: cn("text-xs font-bold", isSuggested ? option.accentText : "text-white"), children: option.label }),
+                isSuggested && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                   "span",
                   {
                     className: cn(
@@ -4938,9 +4994,9 @@ function DepositNetworkDefaultModal({
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "mt-0.5 text-xxs leading-snug text-white/45", children: option.description })
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "mt-0.5 text-xxs leading-snug text-white/45", children: option.description })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
               "span",
               {
                 className: cn(
@@ -4959,7 +5015,7 @@ function DepositNetworkDefaultModal({
 }
 
 // src/web/components/btc-unified-receive.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 function BtcUnifiedReceive({
   btcSelectedAccount,
   accountReceiveResult,
@@ -4980,10 +5036,10 @@ function BtcUnifiedReceive({
 }) {
   const accountNetwork = btcSelectedAccount === "SPARK" ? "spark" : btcSelectedAccount === "ARKADE" ? "arkade" : "onchain";
   const qrNetwork = NETWORK_CONFIG[accountNetwork];
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "space-y-3 animate-in fade-in zoom-in-95 duration-300", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex flex-col gap-1.5 rounded-xl border border-white/8 bg-white/3 p-2.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "flex items-center justify-between px-1", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("label", { className: "text-xxs font-bold uppercase tracking-widest text-white/40", children: "Amount (optional)" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "space-y-3 animate-in fade-in zoom-in-95 duration-300", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex flex-col gap-1.5 rounded-xl border border-white/8 bg-white/3 p-2.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "flex items-center justify-between px-1", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("label", { className: "text-xxs font-bold uppercase tracking-widest text-white/40", children: "Amount (optional)" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
         "input",
         {
           type: "text",
@@ -4994,13 +5050,13 @@ function BtcUnifiedReceive({
           inputMode: "decimal"
         }
       ),
-      amount && loading && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("p", { className: "flex items-center gap-1 text-xxs text-warning/70", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "material-symbols-outlined animate-spin text-icon-xxs", children: "progress_activity" }),
+      amount && loading && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("p", { className: "flex items-center gap-1 text-xxs text-warning/70", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "material-symbols-outlined animate-spin text-icon-xxs", children: "progress_activity" }),
         "Updating invoice..."
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex flex-col items-center gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex flex-col items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
         "div",
         {
           className: cn(
@@ -5009,12 +5065,12 @@ function BtcUnifiedReceive({
           ),
           style: qrNetwork.qrGlow,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(QrCode, { value: accountReceiveResult.qrValue, size: 200 }),
-            isInvoicePaid && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(PaidOverlay, {})
+            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(QrCode, { value: accountReceiveResult.qrValue, size: 200 }),
+            isInvoicePaid && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(PaidOverlay, {})
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
         "button",
         {
           type: "button",
@@ -5027,13 +5083,13 @@ function BtcUnifiedReceive({
             void copyToClipboard(accountReceiveResult.qrValue);
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Icon2, { name: copied ? "check" : "content_copy", size: "xs" }),
+            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Icon2, { name: copied ? "check" : "content_copy", size: "xs" }),
             copied ? "Copied" : `Copy ${accountReceiveResult.qrLabel}`
           ]
         }
       )
     ] }),
-    invoiceStatus && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+    invoiceStatus && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
       InvoiceStatusBanner,
       {
         isInvoicePending,
@@ -5042,11 +5098,11 @@ function BtcUnifiedReceive({
         invoiceStatus
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "space-y-1.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "text-xxs font-bold uppercase tracking-widest text-white/30", children: "Available Addresses" }),
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "text-xxs font-bold uppercase tracking-widest text-white/30", children: "Available Addresses" }),
       accountReceiveResult.addresses.map((address) => {
         const network = NETWORK_CONFIG[address.network];
-        return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
           "div",
           {
             className: cn(
@@ -5057,19 +5113,19 @@ function BtcUnifiedReceive({
             style: { borderLeftWidth: 3, borderLeftColor: network.color },
             onClick: () => void copyToClipboard(address.value),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: cn("flex size-5 flex-shrink-0 items-center justify-center rounded-md", network.bg), children: network.icon }),
-              /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "min-w-0 flex-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: cn("text-xxs font-bold uppercase tracking-widest", network.text), children: address.label }),
-                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "mt-0.5 truncate font-mono text-tiny text-muted-foreground", children: address.value.length > 50 ? `${address.value.slice(0, 18)}...${address.value.slice(-14)}` : address.value })
+              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: cn("flex size-5 flex-shrink-0 items-center justify-center rounded-md", network.bg), children: network.icon }),
+              /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: cn("text-xxs font-bold uppercase tracking-widest", network.text), children: address.label }),
+                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "mt-0.5 truncate font-mono text-tiny text-muted-foreground", children: address.value.length > 50 ? `${address.value.slice(0, 18)}...${address.value.slice(-14)}` : address.value })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(CopyIcon, { copied })
+              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(CopyIcon, { copied })
             ]
           },
           address.network
         );
       })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
       NetworkInfoDisclosure,
       {
         networks: Array.from(
@@ -5077,8 +5133,8 @@ function BtcUnifiedReceive({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex gap-2.5 pt-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex gap-2.5 pt-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
         "button",
         {
           type: "button",
@@ -5090,13 +5146,13 @@ function BtcUnifiedReceive({
           },
           className: "flex flex-1 items-center justify-center gap-1.5 rounded-xl border py-3 text-xs font-bold text-muted-foreground transition-all hover:border-border hover:bg-accent hover:text-white active:scale-[0.98]",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "material-symbols-outlined text-icon-sm", children: "refresh" }),
+            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "material-symbols-outlined text-icon-sm", children: "refresh" }),
             "New Address"
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Button, { variant: "cta", onClick: handleDone, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "material-symbols-outlined text-icon-sm", children: "check" }),
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(Button, { variant: "cta", onClick: handleDone, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "material-symbols-outlined text-icon-sm", children: "check" }),
         "Done"
       ] })
     ] })
@@ -5104,7 +5160,7 @@ function BtcUnifiedReceive({
 }
 
 // src/web/components/deposit-generated-view.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 function parseAssetAmount(amountString, asset) {
   const value = Number(amountString);
   if (!Number.isFinite(value)) return 0;
@@ -5143,10 +5199,10 @@ function DepositGeneratedView({
   setInvoiceStatus,
   handleDone
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "space-y-3 animate-in fade-in zoom-in-95 duration-300", children: [
-    (network === "lightning" || network === "arkade" && arkSubMode === "ark") && isBtc && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex flex-col gap-1.5 rounded-xl border border-white/8 bg-white/3 p-2.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "flex items-center justify-between px-1", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("label", { className: "text-xxs font-bold uppercase tracking-widest text-white/40", children: "Specify amount (optional)" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "space-y-3 animate-in fade-in zoom-in-95 duration-300", children: [
+    (network === "lightning" || network === "arkade" && arkSubMode === "ark") && isBtc && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex flex-col gap-1.5 rounded-xl border border-white/8 bg-white/3 p-2.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "flex items-center justify-between px-1", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("label", { className: "text-xxs font-bold uppercase tracking-widest text-white/40", children: "Specify amount (optional)" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
         "input",
         {
           type: "text",
@@ -5157,16 +5213,16 @@ function DepositGeneratedView({
           inputMode: "decimal"
         }
       ),
-      amount && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "text-xxs text-warning/70", children: loading ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("span", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "material-symbols-outlined animate-spin text-icon-xxs", children: "progress_activity" }),
+      amount && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-xxs text-warning/70", children: loading ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "material-symbols-outlined animate-spin text-icon-xxs", children: "progress_activity" }),
         "Updating ",
         network === "arkade" ? "URI" : "invoice",
         "..."
       ] }) : network === "arkade" ? `Unified URI for ${amount} ${getUnitLabel()}` : `Invoice for ${amount} ${getUnitLabel()}` })
     ] }),
-    network === "lightning" && !isBtc && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex flex-col gap-1.5 rounded-xl border border-white/8 bg-white/3 p-2.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "flex items-center justify-between px-1", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("label", { className: "text-xxs font-bold uppercase tracking-widest text-white/40", children: "Specify amount (optional)" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    network === "lightning" && !isBtc && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex flex-col gap-1.5 rounded-xl border border-white/8 bg-white/3 p-2.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "flex items-center justify-between px-1", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("label", { className: "text-xxs font-bold uppercase tracking-widest text-white/40", children: "Specify amount (optional)" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
         "input",
         {
           type: "text",
@@ -5177,19 +5233,19 @@ function DepositGeneratedView({
           inputMode: "decimal"
         }
       ),
-      amount && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "text-xxs text-warning/70", children: loading ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("span", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "material-symbols-outlined animate-spin text-icon-xxs", children: "progress_activity" }),
+      amount && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-xxs text-warning/70", children: loading ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "material-symbols-outlined animate-spin text-icon-xxs", children: "progress_activity" }),
         "Updating invoice..."
       ] }) : `Invoice for ${amount} ${getUnitLabel()}` }),
-      amount && maxDepositAmount > 0 && parseAssetAmount(amount, selectedAsset) > maxDepositAmount && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("p", { className: "rounded-lg border border-danger/20 bg-danger/10 px-2.5 py-1.5 text-xxs text-danger", children: [
+      amount && maxDepositAmount > 0 && parseAssetAmount(amount, selectedAsset) > maxDepositAmount && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("p", { className: "rounded-lg border border-danger/20 bg-danger/10 px-2.5 py-1.5 text-xxs text-danger", children: [
         "Exceeds max: ",
         formatAssetAmount(maxDepositAmount, selectedAsset),
         " ",
         getUnitLabel()
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex flex-col items-center gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex flex-col items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
         "div",
         {
           className: cn(
@@ -5198,7 +5254,7 @@ function DepositGeneratedView({
           ),
           style: net.qrGlow,
           children: [
-            network !== "spark" && network !== "arkade" && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+            network !== "spark" && network !== "arkade" && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
               "div",
               {
                 className: cn(
@@ -5208,16 +5264,16 @@ function DepositGeneratedView({
                 ),
                 children: [
                   net.icon,
-                  /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { children: net.label })
+                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { children: net.label })
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(QrCode, { value: address, size: 188 }),
-            isInvoicePaid && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(PaidOverlay, {})
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(QrCode, { value: address, size: 188 }),
+            isInvoicePaid && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(PaidOverlay, {})
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
         "button",
         {
           type: "button",
@@ -5230,13 +5286,13 @@ function DepositGeneratedView({
             void copyToClipboard(address);
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Icon2, { name: copied ? "check" : "content_copy", size: "xs" }),
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Icon2, { name: copied ? "check" : "content_copy", size: "xs" }),
             copied ? "Copied" : network === "lightning" ? "Copy Invoice" : "Copy Address"
           ]
         }
       )
     ] }),
-    network === "lightning" && invoiceStatus && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    network === "lightning" && invoiceStatus && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       InvoiceStatusBanner,
       {
         isInvoicePending,
@@ -5245,7 +5301,7 @@ function DepositGeneratedView({
         invoiceStatus
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
       "div",
       {
         "data-testid": "deposit-generated-address",
@@ -5258,16 +5314,16 @@ function DepositGeneratedView({
         style: { borderLeftWidth: 3, borderLeftColor: net.color },
         onClick: () => void copyToClipboard(address),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: cn("flex size-5 flex-shrink-0 items-center justify-center rounded-md", net.bg), children: net.icon }),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: cn("text-xxs font-bold uppercase tracking-widest", net.text), children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { "data-testid": "deposit-address-label", children: addressLabel }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "mt-0.5 truncate font-mono text-tiny text-muted-foreground", children: address.length > 50 ? `${address.slice(0, 18)}...${address.slice(-14)}` : address })
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: cn("flex size-5 flex-shrink-0 items-center justify-center rounded-md", net.bg), children: net.icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: cn("text-xxs font-bold uppercase tracking-widest", net.text), children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { "data-testid": "deposit-address-label", children: addressLabel }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "mt-0.5 truncate font-mono text-tiny text-muted-foreground", children: address.length > 50 ? `${address.slice(0, 18)}...${address.slice(-14)}` : address })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(CopyIcon, { copied })
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(CopyIcon, { copied })
         ]
       }
     ),
-    recipientId && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+    recipientId && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
       "div",
       {
         className: cn(
@@ -5277,23 +5333,23 @@ function DepositGeneratedView({
         style: { borderLeftWidth: 3, borderLeftColor: "var(--primary)" },
         onClick: () => void copyToClipboard(recipientId),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "flex size-5 flex-shrink-0 items-center justify-center rounded-md bg-primary/15", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Icon2, { name: "person", size: "xs", className: "text-primary" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "text-xxs font-bold uppercase tracking-widest text-primary", children: "Recipient ID" }),
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "mt-0.5 truncate font-mono text-tiny text-muted-foreground", children: recipientId.length > 50 ? `${recipientId.slice(0, 18)}...${recipientId.slice(-14)}` : recipientId })
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "flex size-5 flex-shrink-0 items-center justify-center rounded-md bg-primary/15", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Icon2, { name: "person", size: "xs", className: "text-primary" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-xxs font-bold uppercase tracking-widest text-primary", children: "Recipient ID" }),
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "mt-0.5 truncate font-mono text-tiny text-muted-foreground", children: recipientId.length > 50 ? `${recipientId.slice(0, 18)}...${recipientId.slice(-14)}` : recipientId })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(CopyIcon, { copied })
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(CopyIcon, { copied })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       NetworkInfoDisclosure,
       {
         networks: network === "arkade" ? arkSubMode === "boarding" ? ["onchain", "arkade"] : ["arkade"] : [network]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex gap-2.5 pt-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex gap-2.5 pt-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
         "button",
         {
           type: "button",
@@ -5305,14 +5361,14 @@ function DepositGeneratedView({
           },
           className: "flex flex-1 items-center justify-center gap-1.5 rounded-xl border py-3 text-xs font-bold text-muted-foreground transition-all hover:border-border hover:bg-accent hover:text-white active:scale-[0.98]",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "material-symbols-outlined text-icon-sm", children: "refresh" }),
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "material-symbols-outlined text-icon-sm", children: "refresh" }),
             "New ",
             network === "lightning" ? "Invoice" : "Address"
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(Button, { variant: "cta", onClick: handleDone, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "material-symbols-outlined text-icon-sm", children: "check" }),
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Button, { variant: "cta", onClick: handleDone, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "material-symbols-outlined text-icon-sm", children: "check" }),
         "Done"
       ] })
     ] })
@@ -5320,7 +5376,7 @@ function DepositGeneratedView({
 }
 
 // src/web/components/deposit-pre-generation.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 var ACCOUNT_TITLES = {
   RGB: "RGB & Lightning",
   SPARK: "Spark",
@@ -5357,62 +5413,62 @@ function DepositPreGeneration({
   generateInvoice
 }) {
   const method = METHOD_META2[currentMethod];
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "rounded-2xl border border-white/8 bg-white/4 p-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-xxs font-bold uppercase tracking-widest text-white/35", children: "Receive Summary" }),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "mt-2 grid grid-cols-1 gap-2 text-xs", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "text-white/45", children: "Asset" }),
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "font-bold text-white", children: selectedAsset?.ticker ?? (isBtc ? "BTC" : "Asset") })
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "rounded-2xl border border-white/8 bg-white/4 p-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-xxs font-bold uppercase tracking-widest text-white/35", children: "Receive Summary" }),
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "mt-2 grid grid-cols-1 gap-2 text-xs", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-white/45", children: "Asset" }),
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "font-bold text-white", children: selectedAsset?.ticker ?? (isBtc ? "BTC" : "Asset") })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "text-white/45", children: "Destination account" }),
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "font-bold text-white", children: ACCOUNT_TITLES[selectedAccount] })
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-white/45", children: "Destination account" }),
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "font-bold text-white", children: ACCOUNT_TITLES[selectedAccount] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "text-white/45", children: "Transfer method" }),
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "font-bold text-white", children: method.label })
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-white/45", children: "Transfer method" }),
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "font-bold text-white", children: method.label })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-tiny text-white/35", children: method.summary })
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-tiny text-white/35", children: method.summary })
       ] })
     ] }),
-    channelsLoading && selectedAccount === "RGB" && currentMethod === "lightning" && !isBtc && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-center gap-2.5 rounded-xl border bg-card p-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "material-symbols-outlined animate-spin text-icon-lg text-primary", children: "progress_activity" }),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "text-xs font-medium text-white/60", children: "Checking channel availability..." })
+    channelsLoading && selectedAccount === "RGB" && currentMethod === "lightning" && !isBtc && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center gap-2.5 rounded-xl border bg-card p-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "material-symbols-outlined animate-spin text-icon-lg text-primary", children: "progress_activity" }),
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-xs font-medium text-white/60", children: "Checking channel availability..." })
     ] }),
-    showChannelWarning && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(AlertBanner, { variant: "warning", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "mb-0.5 text-xs font-bold text-warning", children: "No Lightning Channels" }),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-tiny text-warning/70", children: "Only on-chain deposits are available." })
+    showChannelWarning && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(AlertBanner, { variant: "warning", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "mb-0.5 text-xs font-bold text-warning", children: "No Lightning Channels" }),
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-tiny text-warning/70", children: "Only on-chain deposits are available." })
     ] }),
-    showLiquidityWarning && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(AlertBanner, { variant: "warning", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "mb-0.5 text-xs font-bold text-warning", children: "No Inbound Liquidity" }),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("p", { className: "text-tiny text-warning/70", children: [
+    showLiquidityWarning && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(AlertBanner, { variant: "warning", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "mb-0.5 text-xs font-bold text-warning", children: "No Inbound Liquidity" }),
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("p", { className: "text-tiny text-warning/70", children: [
         "No channels with inbound capacity for ",
         selectedAsset?.ticker ?? "this asset",
         "."
       ] })
     ] }),
-    isAutoGenerate && loading && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex flex-col items-center gap-4 py-10", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: cn("flex size-16 items-center justify-center rounded-2xl border", net.bg, net.border), children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: cn("material-symbols-outlined animate-spin text-icon-4xl", net.text), children: "progress_activity" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "space-y-1 text-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("p", { className: "text-sm font-bold text-muted-foreground", children: [
+    isAutoGenerate && loading && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex flex-col items-center gap-4 py-10", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: cn("flex size-16 items-center justify-center rounded-2xl border", net.bg, net.border), children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: cn("material-symbols-outlined animate-spin text-icon-4xl", net.text), children: "progress_activity" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "space-y-1 text-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("p", { className: "text-sm font-bold text-muted-foreground", children: [
           "Generating ",
           network === "lightning" ? "invoice" : "address",
           "..."
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("p", { className: "text-xs text-white/30", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("p", { className: "text-xs text-white/30", children: [
           net.label,
           " network"
         ] })
       ] })
     ] }),
-    network === "onchain" && !isBtc && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "space-y-2 rounded-xl border bg-card p-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("h4", { className: "text-xs font-bold text-white", children: "Receive with Privacy" }),
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "mt-0.5 text-xxs text-muted-foreground", children: usePrivacy ? "Blinded UTXO - enhanced privacy" : "Witness address - less private" })
+    network === "onchain" && !isBtc && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "space-y-2 rounded-xl border bg-card p-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("h4", { className: "text-xs font-bold text-white", children: "Receive with Privacy" }),
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "mt-0.5 text-xxs text-muted-foreground", children: usePrivacy ? "Blinded UTXO - enhanced privacy" : "Witness address - less private" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
           "button",
           {
             type: "button",
@@ -5421,7 +5477,7 @@ function DepositPreGeneration({
               usePrivacy ? "bg-primary" : "bg-white/10"
             ),
             onClick: () => setUsePrivacy(!usePrivacy),
-            children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
               "span",
               {
                 className: cn(
@@ -5433,21 +5489,21 @@ function DepositPreGeneration({
           }
         )
       ] }),
-      !usePrivacy && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "rounded-lg border border-warning/15 bg-warning/5 px-2.5 py-1.5 text-xxs text-warning/80", children: "Sender needs to add sats to create a new UTXO for you." })
+      !usePrivacy && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "rounded-lg border border-warning/15 bg-warning/5 px-2.5 py-1.5 text-xxs text-warning/80", children: "Sender needs to add sats to create a new UTXO for you." })
     ] }),
-    network === "onchain" && !isBtc && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "space-y-1.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("label", { className: "text-xxs font-bold uppercase tracking-widest text-white/40", children: [
+    network === "onchain" && !isBtc && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("label", { className: "text-xxs font-bold uppercase tracking-widest text-white/40", children: [
           "Amount (",
           getUnitLabel(),
           ") - Optional"
         ] }),
-        selectedAsset && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "text-xxs text-white/30", children: [
+        selectedAsset && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className: "text-xxs text-white/30", children: [
           selectedAsset.precision ?? 0,
           " decimals"
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
         "input",
         {
           type: "text",
@@ -5459,20 +5515,20 @@ function DepositPreGeneration({
         }
       )
     ] }),
-    !isAutoGenerate && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Button, { variant: "cta", size: "cta", onClick: generateInvoice, disabled: loading, children: loading ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "flex items-center justify-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "material-symbols-outlined animate-spin text-icon-md", children: "progress_activity" }),
+    !isAutoGenerate && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Button, { variant: "cta", size: "cta", onClick: generateInvoice, disabled: loading, children: loading ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className: "flex items-center justify-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "material-symbols-outlined animate-spin text-icon-md", children: "progress_activity" }),
       "Generating..."
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "flex items-center justify-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "material-symbols-outlined text-icon-md", children: "qr_code_2" }),
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className: "flex items-center justify-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "material-symbols-outlined text-icon-md", children: "qr_code_2" }),
       "Generate Address"
     ] }) })
   ] });
 }
 
 // src/web/components/deposit-asset-selection.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 function NetBadge({ icon, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: cn("inline-flex items-center justify-center rounded border px-1.5 py-0.5", className), children: icon });
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: cn("inline-flex items-center justify-center rounded border px-1.5 py-0.5", className), children: icon });
 }
 function DepositAssetSelection({
   setCurrentView,
@@ -5513,24 +5569,24 @@ function DepositAssetSelection({
       enabled: isArkadeConnected
     }
   ].filter((option) => option.enabled);
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex h-screen flex-col overflow-hidden bg-background font-display text-foreground", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(PageHeader, { title: "Deposit", onBack: () => setCurrentView("dashboard") }),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex-shrink-0 space-y-2 px-5 pb-3 pt-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "flex size-6 items-center justify-center rounded-full bg-primary shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-tiny font-black text-background", children: "1" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-xs font-bold tracking-wide text-primary", children: "Select Asset" })
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex h-screen flex-col overflow-hidden bg-background font-display text-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(PageHeader, { title: "Deposit", onBack: () => setCurrentView("dashboard") }),
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex-shrink-0 space-y-2 px-5 pb-3 pt-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex size-6 items-center justify-center rounded-full bg-primary shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-tiny font-black text-background", children: "1" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-xs font-bold tracking-wide text-primary", children: "Select Asset" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "mx-1 h-px flex-1 bg-white/10" }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "flex size-6 items-center justify-center rounded-full border border-white/20", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-tiny font-black text-white/30", children: "2" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-xs font-bold tracking-wide text-white/30", children: "Receive" })
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "mx-1 h-px flex-1 bg-white/10" }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex size-6 items-center justify-center rounded-full border border-white/20", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-tiny font-black text-white/30", children: "2" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-xs font-bold tracking-wide text-white/30", children: "Receive" })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "h-0.5 w-full overflow-hidden rounded-full bg-white/5", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "h-full w-1/2 rounded-full bg-primary transition-all duration-500" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "h-0.5 w-full overflow-hidden rounded-full bg-white/5", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "h-full w-1/2 rounded-full bg-primary transition-all duration-500" }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "flex-shrink-0 px-5 pb-3", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex-shrink-0 px-5 pb-3", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
         Icon2,
         {
           name: "search",
@@ -5538,7 +5594,7 @@ function DepositAssetSelection({
           className: "absolute left-3 top-1/2 -translate-y-1/2 text-white/30"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
         "input",
         {
           autoFocus: true,
@@ -5551,8 +5607,8 @@ function DepositAssetSelection({
         }
       )
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(ScrollArea, { className: "min-h-0 flex-1", viewportClassName: "space-y-1.5 px-5 pb-3", children: [
-      btcAsset && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(ScrollArea, { className: "min-h-0 flex-1", viewportClassName: "space-y-1.5 px-5 pb-3", children: [
+      btcAsset && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
         "button",
         {
           type: "button",
@@ -5560,104 +5616,104 @@ function DepositAssetSelection({
           className: "group flex w-full items-center gap-3 rounded-2xl border border-white/8 bg-white/3 px-4 py-3 text-sm transition-all hover:border-border hover:bg-accent",
           onClick: () => onSelectAsset(btcAsset),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(AssetIcon, { ticker: "BTC", size: 40 }),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "min-w-0 flex-1 text-left", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "font-bold tracking-wide text-white transition-colors group-hover:text-primary/90", children: "Bitcoin" }),
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "mt-0.5 text-xs text-white/40", children: "Choose destination account next" })
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(AssetIcon, { ticker: "BTC", size: 40 }),
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "min-w-0 flex-1 text-left", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "font-bold tracking-wide text-white transition-colors group-hover:text-primary/90", children: "Bitcoin" }),
+              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "mt-0.5 text-xs text-white/40", children: "Choose destination account next" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex flex-shrink-0 gap-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex flex-shrink-0 gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
                 NetBadge,
                 {
                   className: "border-network-bitcoin/20 bg-network-bitcoin/15",
-                  icon: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "material-symbols-outlined leading-none text-network-bitcoin", style: { fontSize: 10 }, children: "link" })
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "material-symbols-outlined leading-none text-network-bitcoin", style: { fontSize: 10 }, children: "link" })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
                 NetBadge,
                 {
                   className: "border-warning/20 bg-warning/15",
-                  icon: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("img", { src: "/icons/lightning/lightning.svg", className: "h-2.5 w-2.5", alt: "" })
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("img", { src: "/icons/lightning/lightning.svg", className: "h-2.5 w-2.5", alt: "" })
                 }
               ),
-              isSparkConnected && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+              isSparkConnected && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
                 NetBadge,
                 {
                   className: "border-info/20 bg-info/15",
-                  icon: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("img", { src: "/icons/spark/Asterisk/Spark Asterisk White.svg", className: "h-2.5 w-2.5", alt: "Spark" })
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("img", { src: "/icons/spark/Asterisk/Spark Asterisk White.svg", className: "h-2.5 w-2.5", alt: "Spark" })
                 }
               ),
-              isArkadeConnected && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+              isArkadeConnected && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
                 NetBadge,
                 {
                   className: "border-network-arkade/20 bg-network-arkade/15",
-                  icon: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("img", { src: "/icons/arkade/arkade-icon.svg", className: "h-2.5 w-2.5 rounded-sm", alt: "Arkade" })
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("img", { src: "/icons/arkade/arkade-icon.svg", className: "h-2.5 w-2.5 rounded-sm", alt: "Arkade" })
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "material-symbols-outlined flex-shrink-0 text-icon-md text-white/20 transition-colors group-hover:text-white/50", children: "arrow_forward" })
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "material-symbols-outlined flex-shrink-0 text-icon-md text-white/20 transition-colors group-hover:text-white/50", children: "arrow_forward" })
           ]
         }
       ),
-      noResults ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "py-8 text-center text-sm text-white/30", children: [
+      noResults ? /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "py-8 text-center text-sm text-white/30", children: [
         'No assets match "',
         searchQuery,
         '"'
-      ] }) : rgbAssets.map((asset) => /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+      ] }) : rgbAssets.map((asset) => /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
         "button",
         {
           type: "button",
           className: "group flex w-full items-center gap-3 rounded-2xl border border-white/8 bg-white/3 px-4 py-3 text-sm transition-all hover:border-border hover:bg-accent",
           onClick: () => onSelectAsset(asset),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "relative flex-shrink-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(AssetIcon, { ticker: asset.ticker, size: 40 }),
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "absolute -bottom-1 -right-1 flex size-4 items-center justify-center rounded-full border bg-card", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("img", { src: "/icons/rgb/rgb-logo.svg", className: "block h-2.5 w-2.5 object-contain", alt: "RGB" }) })
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "relative flex-shrink-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(AssetIcon, { ticker: asset.ticker, size: 40 }),
+              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "absolute -bottom-1 -right-1 flex size-4 items-center justify-center rounded-full border bg-card", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("img", { src: "/icons/rgb/rgb-logo.svg", className: "block h-2.5 w-2.5 object-contain", alt: "RGB" }) })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "min-w-0 flex-1 text-left", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "font-bold tracking-wide text-white transition-colors group-hover:text-primary/90", children: asset.ticker }),
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "mt-0.5 truncate text-xs text-white/40", children: asset.name ?? "RGB Asset" })
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "min-w-0 flex-1 text-left", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "font-bold tracking-wide text-white transition-colors group-hover:text-primary/90", children: asset.ticker }),
+              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "mt-0.5 truncate text-xs text-white/40", children: asset.name ?? "RGB Asset" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex flex-shrink-0 gap-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex flex-shrink-0 gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
                 NetBadge,
                 {
                   className: "border-network-bitcoin/20 bg-network-bitcoin/15",
-                  icon: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "material-symbols-outlined leading-none text-network-bitcoin", style: { fontSize: 10 }, children: "link" })
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "material-symbols-outlined leading-none text-network-bitcoin", style: { fontSize: 10 }, children: "link" })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
                 NetBadge,
                 {
                   className: "border-warning/20 bg-warning/15",
-                  icon: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("img", { src: "/icons/lightning/lightning.svg", className: "h-2.5 w-2.5", alt: "" })
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("img", { src: "/icons/lightning/lightning.svg", className: "h-2.5 w-2.5", alt: "" })
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "material-symbols-outlined flex-shrink-0 text-icon-md text-white/20 transition-colors group-hover:text-white/50", children: "arrow_forward" })
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "material-symbols-outlined flex-shrink-0 text-icon-md text-white/20 transition-colors group-hover:text-white/50", children: "arrow_forward" })
           ]
         },
         asset.asset_id
       )),
-      !searchQuery && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "pb-1 pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+      !searchQuery && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "pb-1 pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
         "button",
         {
           type: "button",
           onClick: () => setCurrentView("bridge"),
           className: "group flex w-full items-center gap-3 rounded-2xl border border-info/20 bg-gradient-to-r from-info/10 to-network-arkade/10 p-3 transition-all hover:border-info/40",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-xl bg-info/20", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "material-symbols-outlined text-lg text-info", children: "swap_calls" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex-1 text-left", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-sm font-semibold text-white transition-colors group-hover:text-info", children: "Bridge from another chain" }),
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-xxs leading-tight text-white/40", children: "USDC, USDT, ETH, SOL via Flashnet" })
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-xl bg-info/20", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "material-symbols-outlined text-lg text-info", children: "swap_calls" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex-1 text-left", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-sm font-semibold text-white transition-colors group-hover:text-info", children: "Bridge from another chain" }),
+              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-xxs leading-tight text-white/40", children: "USDC, USDT, ETH, SOL via Flashnet" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "material-symbols-outlined text-lg text-white/30 transition-colors group-hover:text-info", children: "arrow_forward" })
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "material-symbols-outlined text-lg text-white/30 transition-colors group-hover:text-info", children: "arrow_forward" })
           ]
         }
       ) }),
-      !searchQuery && newAssetOptions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "space-y-2 pt-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "px-1", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-xxs font-bold uppercase tracking-[0.18em] text-white/35", children: "New Asset" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+      !searchQuery && newAssetOptions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "space-y-2 pt-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "px-1", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-xxs font-bold uppercase tracking-[0.18em] text-white/35", children: "New Asset" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
           "div",
           {
             className: cn(
@@ -5666,7 +5722,7 @@ function DepositAssetSelection({
             ),
             children: newAssetOptions.map((option) => {
               const active = isNewAsset && newAssetAccount === option.account;
-              return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
                 "button",
                 {
                   type: "button",
@@ -5677,21 +5733,21 @@ function DepositAssetSelection({
                   ),
                   onClick: () => handleAddNewAsset(option.account),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "relative", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(AssetIcon, { ticker: option.ticker, size: 40 }),
-                      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "relative", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(AssetIcon, { ticker: option.ticker, size: 40 }),
+                      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
                         "div",
                         {
                           className: cn(
                             "absolute -bottom-1 -right-1 flex size-4 items-center justify-center rounded-full border",
                             active ? "border-network-arkade/40 bg-network-arkade" : "border-border bg-card"
                           ),
-                          children: active ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Icon2, { name: "check", size: "xs", className: "text-white" }) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Icon2, { name: "add", size: "xs", className: "text-muted-foreground" })
+                          children: active ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon2, { name: "check", size: "xs", className: "text-white" }) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon2, { name: "add", size: "xs", className: "text-muted-foreground" })
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "mt-2 min-w-0", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "mt-2 min-w-0", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
                         "div",
                         {
                           className: cn(
@@ -5701,7 +5757,7 @@ function DepositAssetSelection({
                           children: option.account
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "mt-1 text-xxs leading-tight text-white/40", children: option.title })
+                      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "mt-1 text-xxs leading-tight text-white/40", children: option.title })
                     ] })
                   ]
                 },
@@ -5712,10 +5768,10 @@ function DepositAssetSelection({
         )
       ] })
     ] }),
-    isNewAsset && newAssetAccount === "RGB" && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "flex-shrink-0 px-5 pb-3 animate-in fade-in slide-in-from-bottom-2 duration-300", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "space-y-2 rounded-2xl border border-network-arkade/20 bg-network-arkade/5 p-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-tiny leading-relaxed text-network-arkade/80", children: "Leave empty to receive any RGB asset, or enter a specific asset ID." }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    isNewAsset && newAssetAccount === "RGB" && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex-shrink-0 px-5 pb-3 animate-in fade-in slide-in-from-bottom-2 duration-300", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "space-y-2 rounded-2xl border border-network-arkade/20 bg-network-arkade/5 p-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-tiny leading-relaxed text-network-arkade/80", children: "Leave empty to receive any RGB asset, or enter a specific asset ID." }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
           "input",
           {
             className: "w-full rounded-xl border bg-white/5 px-3 py-2 font-mono text-sm text-white transition-all placeholder:text-white/25 focus:border-network-arkade/40 focus:outline-none",
@@ -5726,16 +5782,16 @@ function DepositAssetSelection({
           }
         )
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "flex-shrink-0 px-5 pb-5 pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(Button, { variant: "cta", size: "cta", onClick: handleContinueToGenerate, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex-shrink-0 px-5 pb-5 pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Button, { variant: "cta", size: "cta", onClick: handleContinueToGenerate, children: [
         "Continue with New Asset",
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "material-symbols-outlined text-icon-xl font-bold", children: "arrow_forward" })
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "material-symbols-outlined text-icon-xl font-bold", children: "arrow_forward" })
       ] }) })
     ] })
   ] });
 }
 
 // src/web/components/deposit-invoice-generation.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var ACCOUNT_TITLES2 = {
   RGB: "RGB & Lightning",
   SPARK: "Spark",
@@ -5888,7 +5944,7 @@ function DepositInvoiceGeneration({
     if (nextMethod) applyMethodSelection(account, nextMethod);
   };
   if (depositDetected) {
-    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
       DepositSuccessScreen,
       {
         handleDone,
@@ -5904,26 +5960,26 @@ function DepositInvoiceGeneration({
   const addressLabel = network === "spark" ? "Spark Address" : network === "arkade" ? arkSubMode === "boarding" ? "Boarding Address" : "Arkade Address" : network === "lightning" ? "Lightning Invoice" : "Deposit Address";
   const showChannelWarning = selectedAccount === "RGB" && network === "lightning" && !channelsLoading && channels.length === 0 && !isSparkConnected;
   const showLiquidityWarning = !isSparkLightning && network === "lightning" && maxDepositAmount === 0 && !channelsLoading && !isBtc;
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex h-screen flex-col overflow-hidden bg-background font-display text-foreground", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex h-screen flex-col overflow-hidden bg-background font-display text-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
       PageHeader,
       {
         title: `Receive ${selectedAsset?.ticker ?? (isNewAsset ? "RGB" : "Asset")}`,
         subtitle: selectedAsset?.name,
         titleAlign: "start",
         onBack: handleBack,
-        left: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(AssetIcon, { ticker: displayTicker, size: 28 }),
-        right: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex shrink-0 items-center gap-1.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex size-5 items-center justify-center rounded-full bg-primary/10 shadow-inner", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-xxs font-black text-primary", children: "1" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "h-px w-3 bg-white/10" }),
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex size-5 items-center justify-center rounded-full bg-primary shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-xxs font-black text-background", children: "2" }) })
+        left: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(AssetIcon, { ticker: displayTicker, size: 28 }),
+        right: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex shrink-0 items-center gap-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "flex size-5 items-center justify-center rounded-full bg-primary/10 shadow-inner", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "text-xxs font-black text-primary", children: "1" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "h-px w-3 bg-white/10" }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "flex size-5 items-center justify-center rounded-full bg-primary shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "text-xxs font-black text-background", children: "2" }) })
         ] })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex-shrink-0 border-b border-border bg-background px-4 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-xxs font-bold uppercase tracking-widest text-white/35", children: "Destination Account" }),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "mt-1.5 flex gap-1.5 overflow-x-auto no-scrollbar", children: availableAccounts.map((account) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "flex-shrink-0 border-b border-border bg-background px-4 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "text-xxs font-bold uppercase tracking-widest text-white/35", children: "Destination Account" }),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "mt-1.5 flex gap-1.5 overflow-x-auto no-scrollbar", children: availableAccounts.map((account) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
           AccountChoiceChip,
           {
             account,
@@ -5948,9 +6004,9 @@ function DepositInvoiceGeneration({
           account
         )) })
       ] }),
-      !isBtc && !(isNewAsset && (network === "spark" || network === "arkade")) && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-xxs font-bold uppercase tracking-widest text-white/35", children: "Transfer Method" }),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "mt-1.5 flex gap-1.5 overflow-x-auto no-scrollbar", children: methodOptions.map(({ method, enabled, disabledReason }) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+      !isBtc && !(isNewAsset && (network === "spark" || network === "arkade")) && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "text-xxs font-bold uppercase tracking-widest text-white/35", children: "Transfer Method" }),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "mt-1.5 flex gap-1.5 overflow-x-auto no-scrollbar", children: methodOptions.map(({ method, enabled, disabledReason }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
           MethodChoiceChip,
           {
             method,
@@ -5963,7 +6019,7 @@ function DepositInvoiceGeneration({
         )) })
       ] })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ScrollArea, { className: "flex-1", viewportAs: "main", viewportClassName: "space-y-2.5 px-4 py-2.5", children: isBtc && accountReceiveResult ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ScrollArea, { className: "flex-1", viewportAs: "main", viewportClassName: "space-y-2.5 px-4 py-2.5", children: isBtc && accountReceiveResult ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
       BtcUnifiedReceive,
       {
         btcSelectedAccount,
@@ -5983,8 +6039,8 @@ function DepositInvoiceGeneration({
         setAccountReceiveResult,
         handleDone
       }
-    ) : isBtc && !accountReceiveResult && loading ? /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex flex-col items-center gap-4 py-10", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    ) : isBtc && !accountReceiveResult && loading ? /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex flex-col items-center gap-4 py-10", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
         "div",
         {
           className: cn(
@@ -5992,7 +6048,7 @@ function DepositInvoiceGeneration({
             NETWORK_CONFIG[btcSelectedAccount === "SPARK" ? "spark" : btcSelectedAccount === "ARKADE" ? "arkade" : "onchain"].bg,
             NETWORK_CONFIG[btcSelectedAccount === "SPARK" ? "spark" : btcSelectedAccount === "ARKADE" ? "arkade" : "onchain"].border
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
             "span",
             {
               className: cn(
@@ -6004,11 +6060,11 @@ function DepositInvoiceGeneration({
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "space-y-1 text-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-sm font-bold text-muted-foreground", children: "Generating addresses..." }),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-xs text-white/30", children: ACCOUNT_TITLES2[btcSelectedAccount] })
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "space-y-1 text-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "text-sm font-bold text-muted-foreground", children: "Generating addresses..." }),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "text-xs text-white/30", children: ACCOUNT_TITLES2[btcSelectedAccount] })
       ] })
-    ] }) : !address ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    ] }) : !address ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
       DepositPreGeneration,
       {
         selectedAsset,
@@ -6029,7 +6085,7 @@ function DepositInvoiceGeneration({
         getUnitLabel,
         generateInvoice
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
       DepositGeneratedView,
       {
         network,
@@ -6113,6 +6169,7 @@ function DepositInvoiceGeneration({
   DialogPortal,
   DialogTitle,
   DialogTrigger,
+  DotPagination,
   ErrorBoundary,
   ErrorCard,
   ExpandIcon,