kaleido-ui 0.1.50 → 0.1.51

package/dist/web/index.cjs

@@ -48,6 +48,7 @@ __export(web_exports, {
   ActivityFilterBar: () => ActivityFilterBar,
   ActivityList: () => ActivityList,
   ActivityNetworkFilters: () => ActivityNetworkFilters,
+  ActivityRow: () => ActivityRow,
   ActivityTypeTabs: () => ActivityTypeTabs,
   AlertBanner: () => AlertBanner,
   AppIcon: () => AppIcon,
@@ -57,6 +58,7 @@ __export(web_exports, {
   AssetSelector: () => AssetSelector,
   BalanceBreakdown: () => BalanceBreakdown,
   BottomNav: () => BottomNav,
+  BottomSheet: () => BottomSheet,
   BtcUnifiedReceive: () => BtcUnifiedReceive,
   Button: () => Button,
   Card: () => Card,
@@ -82,15 +84,19 @@ __export(web_exports, {
   DialogPortal: () => DialogPortal,
   DialogTitle: () => DialogTitle,
   DialogTrigger: () => DialogTrigger,
+  DisclosureCard: () => DisclosureCard,
   DotPagination: () => DotPagination,
   ErrorBoundary: () => ErrorBoundary,
   ErrorCard: () => ErrorCard,
   ExpandIcon: () => ExpandIcon,
+  ExtensionPageFrame: () => ExtensionPageFrame,
   FadeOverlay: () => FadeOverlay,
+  FilterChipGroup: () => FilterChipGroup,
   FilterDropdown: () => FilterDropdown,
   HeadlineGradient: () => HeadlineGradient,
   Icon: () => Icon,
   Icons: () => Icons,
+  InfoPanel: () => InfoPanel,
   InlineAction: () => InlineAction,
   InlineSelector: () => InlineSelector,
   Input: () => Input,
@@ -98,8 +104,10 @@ __export(web_exports, {
   KaleidoScopeHeroAnimation: () => KaleidoScopeHeroAnimation,
   Label: () => Label2,
   LightningNetworkIcon: () => LightningNetworkIcon,
+  ListSkeletonRows: () => ListSkeletonRows,
   LoadingCard: () => LoadingCard,
   MethodChoiceChip: () => MethodChoiceChip,
+  MetricCard: () => MetricCard,
   MobileHeroAnimation: () => MobileHeroAnimation,
   NETWORK_CONFIG: () => NETWORK_CONFIG,
   NetworkBadge: () => NetworkBadge,
@@ -113,6 +121,8 @@ __export(web_exports, {
   QrCode: () => QrCode,
   RecoveryPhraseCard: () => RecoveryPhraseCard,
   ScrollArea: () => ScrollArea,
+  SecretRevealCard: () => SecretRevealCard,
+  SectionHeader: () => SectionHeader,
   SectionLabel: () => SectionLabel,
   SectionTitle: () => SectionTitle,
   Select: () => Select,
@@ -123,12 +133,17 @@ __export(web_exports, {
   SelectSeparator: () => SelectSeparator,
   SelectTrigger: () => SelectTrigger,
   SelectValue: () => SelectValue,
+  SelectableCard: () => SelectableCard,
   SettingItem: () => SettingItem,
   SettingsActionButton: () => SettingsActionButton,
+  SettingsSectionCard: () => SettingsSectionCard,
+  SettingsSelectorRow: () => SettingsSelectorRow,
   SettingsStatusPanel: () => SettingsStatusPanel,
   SettingsTile: () => SettingsTile,
+  Skeleton: () => Skeleton,
   SparkNetworkIcon: () => SparkNetworkIcon,
   StatusBadge: () => StatusBadge,
+  StepperNumberInput: () => StepperNumberInput,
   SwapInputCard: () => SwapInputCard,
   Switch: () => Switch,
   Tabs: () => Tabs,
@@ -143,6 +158,7 @@ __export(web_exports, {
   ToastTitle: () => ToastTitle,
   ToastViewport: () => ToastViewport,
   Toaster: () => Toaster,
+  ToneBadge: () => ToneBadge,
   TransactionCard: () => TransactionCard,
   TransferRouteCard: () => TransferRouteCard,
   WalletAssetList: () => WalletAssetList,
@@ -5338,8 +5354,72 @@ function PageHeader({
   ] }) });
 }
 
-// src/web/components/setting-item.tsx
+// src/web/components/extension-page-frame.tsx
 var import_jsx_runtime52 = require("react/jsx-runtime");
+function ExtensionPageFrame({
+  children,
+  header,
+  title,
+  subtitle,
+  left,
+  right,
+  onBack,
+  backLabel,
+  titleAlign,
+  bottomNav,
+  bottomFade = Boolean(bottomNav),
+  scroll = true,
+  viewportAs = "main",
+  className,
+  contentClassName,
+  viewportClassName,
+  fadeClassName
+}) {
+  const renderedHeader = header ?? (title || subtitle || left || right || onBack ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+    PageHeader,
+    {
+      title,
+      subtitle,
+      left,
+      right,
+      onBack,
+      backLabel,
+      titleAlign
+    }
+  ) : null);
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+    "div",
+    {
+      className: cn(
+        "relative flex h-screen flex-col overflow-hidden bg-background font-display text-foreground",
+        className
+      ),
+      children: [
+        renderedHeader,
+        scroll ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+          ScrollArea,
+          {
+            className: cn("flex-1", contentClassName),
+            viewportAs,
+            viewportClassName,
+            children
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: cn("min-h-0 flex-1", contentClassName), children }),
+        bottomNav,
+        bottomFade && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+          FadeOverlay,
+          {
+            heightClassName: "h-20",
+            className: cn("fixed inset-x-0 bottom-0 z-20", fadeClassName)
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/web/components/setting-item.tsx
+var import_jsx_runtime53 = require("react/jsx-runtime");
 function SettingItem({
   icon,
   iconSrc,
@@ -5353,7 +5433,7 @@ function SettingItem({
   iconColor = "text-primary"
 }) {
   const isClickable = !!onClick;
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
     "div",
     {
       className: cn(
@@ -5362,26 +5442,26 @@ function SettingItem({
         className
       ),
       onClick,
-      children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: [
-          (icon || iconSrc) && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: [
+          (icon || iconSrc) && /* @__PURE__ */ (0, import_jsx_runtime53.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_runtime52.jsx)("img", { src: iconSrc, alt: iconAlt ?? title, className: "size-5 object-contain" }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "material-symbols-outlined text-icon-xl", children: icon })
+              children: iconSrc ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("img", { src: iconSrc, alt: iconAlt ?? title, className: "size-5 object-contain" }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "material-symbols-outlined text-icon-xl", children: icon })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex flex-col flex-1 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "font-bold text-body text-foreground tracking-wide", children: title }),
-            description && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "text-sm text-muted-foreground mt-0.5 font-medium", children: description })
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex flex-col flex-1 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "font-bold text-body text-foreground tracking-wide", children: title }),
+            description && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-sm text-muted-foreground mt-0.5 font-medium", children: description })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
-          value && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "text-xs text-muted-foreground font-mono", children: value }),
-          showChevron && isClickable && /* @__PURE__ */ (0, import_jsx_runtime52.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_runtime53.jsxs)("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
+          value && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-xs text-muted-foreground font-mono", children: value }),
+          showChevron && isClickable && /* @__PURE__ */ (0, import_jsx_runtime53.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" })
         ] })
       ] })
     }
@@ -5389,9 +5469,9 @@ function SettingItem({
 }
 
 // src/web/components/section-label.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 function SectionLabel({ children, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     "span",
     {
       className: cn("text-xxs font-black uppercase tracking-eyebrow-wide text-muted-foreground", className),
@@ -5400,8 +5480,22 @@ function SectionLabel({ children, className }) {
   );
 }
 
+// src/web/components/section-header.tsx
+var import_jsx_runtime55 = require("react/jsx-runtime");
+function SectionHeader({
+  children,
+  right,
+  as: Tag = "h2",
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: cn("flex items-center justify-between gap-3 px-1", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Tag, { className: "text-xs font-bold uppercase tracking-wider text-muted-foreground", children }),
+    right
+  ] });
+}
+
 // src/web/components/alert-banner.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime56 = 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" },
@@ -5410,15 +5504,67 @@ var variantStyles = {
 };
 function AlertBanner({ variant = "info", icon, children, className }) {
   const styles = variantStyles[variant];
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: cn("rounded-xl p-3 flex items-center gap-2", styles.container, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Icon, { name: icon ?? styles.iconName, size: "md", className: cn("shrink-0", styles.icon) }),
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: cn("text-sm", styles.icon), children })
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: cn("rounded-xl p-3 flex items-center gap-2", styles.container, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Icon, { name: icon ?? styles.iconName, size: "md", className: cn("shrink-0", styles.icon) }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: cn("text-sm", styles.icon), children })
   ] });
 }
 
+// src/web/components/info-panel.tsx
+var import_jsx_runtime57 = require("react/jsx-runtime");
+var toneClass = {
+  default: {
+    panel: "border-white/8 bg-white/[0.03]",
+    icon: "text-muted-foreground",
+    title: "text-foreground"
+  },
+  primary: {
+    panel: "border-primary/30 bg-primary/5",
+    icon: "text-primary",
+    title: "text-primary"
+  },
+  info: {
+    panel: "border-info/20 bg-info/10",
+    icon: "text-info",
+    title: "text-info"
+  },
+  warning: {
+    panel: "border-warning/20 bg-warning/5",
+    icon: "text-warning",
+    title: "text-warning"
+  },
+  danger: {
+    panel: "border-danger/20 bg-danger/10",
+    icon: "text-danger",
+    title: "text-danger"
+  },
+  success: {
+    panel: "border-success/20 bg-success/10",
+    icon: "text-success",
+    title: "text-success"
+  }
+};
+function InfoPanel({
+  tone = "info",
+  title,
+  icon = tone === "danger" ? "warning" : tone === "success" ? "check_circle" : "info",
+  children,
+  className
+}) {
+  const styles = toneClass[tone];
+  const renderedIcon = typeof icon === "string" ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Icon, { name: icon, className: cn("mt-0.5 shrink-0 text-icon-xl", styles.icon) }) : icon;
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: cn("rounded-xl border p-4", styles.panel, className), children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-start gap-3", children: [
+    renderedIcon,
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "min-w-0 flex-1", children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: cn("text-sm font-bold", styles.title), children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: cn("text-xs leading-relaxed", title ? "mt-1" : "", styles.title), children })
+    ] })
+  ] }) });
+}
+
 // src/web/components/error-boundary.tsx
 var import_react12 = require("react");
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var ErrorBoundary = class extends import_react12.Component {
   constructor(props) {
     super(props);
@@ -5432,11 +5578,11 @@ var ErrorBoundary = class extends import_react12.Component {
   }
   render() {
     if (this.state.hasError) {
-      return this.props.fallback ?? /* @__PURE__ */ (0, import_jsx_runtime55.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_runtime55.jsx)("span", { className: "material-symbols-outlined text-danger text-icon-5xl", children: "error" }),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("h2", { className: "text-lg font-bold", children: "Something went wrong" }),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "text-sm text-muted-foreground text-center", children: this.state.error?.message ?? "An unexpected error occurred." }),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+      return this.props.fallback ?? /* @__PURE__ */ (0, import_jsx_runtime58.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_runtime58.jsx)("span", { className: "material-symbols-outlined text-danger text-icon-5xl", children: "error" }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("h2", { className: "text-lg font-bold", children: "Something went wrong" }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-sm text-muted-foreground text-center", children: this.state.error?.message ?? "An unexpected error occurred." }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
           "button",
           {
             onClick: () => {
@@ -5454,7 +5600,7 @@ var ErrorBoundary = class extends import_react12.Component {
 };
 
 // src/web/components/recovery-phrase-card.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 function RecoveryPhraseCard({
   words,
   revealed = false,
@@ -5465,10 +5611,10 @@ function RecoveryPhraseCard({
   className
 }) {
   const hasWords = words.length > 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("section", { className: cn("space-y-2", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-center justify-between px-0.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-xs font-bold uppercase tracking-wider text-muted-foreground", children: title }),
-      hasWords && revealed && onRevealChange && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("section", { className: cn("space-y-2", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex items-center justify-between px-0.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "text-xs font-bold uppercase tracking-wider text-muted-foreground", children: title }),
+      hasWords && revealed && onRevealChange && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
         Button,
         {
           type: "button",
@@ -5477,27 +5623,27 @@ function RecoveryPhraseCard({
           onClick: () => onRevealChange(!revealed),
           className: "h-auto rounded-lg px-2 py-1 text-xs text-muted-foreground hover:text-white",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Icon, { name: "visibility_off", className: "text-icon-md" }),
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icon, { name: "visibility_off", className: "text-icon-md" }),
             "Hide"
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "relative", children: [
-      hasWords ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "relative", children: [
+      hasWords ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
         "div",
         {
           className: cn(
             "grid grid-cols-3 gap-2 transition-all duration-300",
             !revealed && "pointer-events-none select-none blur-sm"
           ),
-          children: words.map((word, index) => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-center gap-2 rounded-xl bg-card px-3 py-2.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "w-4 shrink-0 text-xs font-bold text-muted-foreground", children: index + 1 }),
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "font-mono text-sm text-white", children: word })
+          children: words.map((word, index) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex items-center gap-2 rounded-xl bg-card px-3 py-2.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "w-4 shrink-0 text-xs font-bold text-muted-foreground", children: index + 1 }),
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "font-mono text-sm text-white", children: word })
           ] }, `${index}-${word}`))
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "rounded-xl border border-warning/30 bg-warning/10 px-4 py-3 text-sm text-warning", children: emptyMessage }),
-      hasWords && !revealed && onRevealChange && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "rounded-xl border border-warning/30 bg-warning/10 px-4 py-3 text-sm text-warning", children: emptyMessage }),
+      hasWords && !revealed && onRevealChange && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
         Button,
         {
           type: "button",
@@ -5505,13 +5651,13 @@ function RecoveryPhraseCard({
           size: "sm",
           onClick: () => onRevealChange(true),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Icon, { name: "visibility", className: "text-icon-lg" }),
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icon, { name: "visibility", className: "text-icon-lg" }),
             "Tap to reveal"
           ]
         }
       ) })
     ] }),
-    hasWords && revealed && onCopy && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+    hasWords && revealed && onCopy && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
       Button,
       {
         type: "button",
@@ -5520,7 +5666,7 @@ function RecoveryPhraseCard({
         onClick: onCopy,
         className: "w-full",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Icon, { name: "content_copy", className: "text-icon-lg" }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icon, { name: "content_copy", className: "text-icon-lg" }),
           "Copy to clipboard"
         ]
       }
@@ -5528,9 +5674,538 @@ function RecoveryPhraseCard({
   ] });
 }
 
+// src/web/components/settings-selector-row.tsx
+var import_jsx_runtime60 = require("react/jsx-runtime");
+function SettingsSelectorRow({
+  icon,
+  title,
+  description,
+  control,
+  className,
+  iconClassName
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: cn("flex items-start justify-between gap-3 rounded-2xl bg-card p-5", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex min-w-0 flex-1 items-start gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+        "div",
+        {
+          className: cn(
+            "flex size-10 shrink-0 items-center justify-center rounded-xl bg-muted",
+            iconClassName
+          ),
+          children: icon
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "text-body font-bold tracking-wide text-foreground", children: title }),
+        description && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "mt-0.5 text-sm font-medium text-muted-foreground", children: description })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "shrink-0", children: control })
+  ] });
+}
+
+// src/web/components/bottom-sheet.tsx
+var import_jsx_runtime61 = require("react/jsx-runtime");
+function BottomSheet({
+  open,
+  title,
+  icon,
+  children,
+  onClose,
+  closeOnBackdrop = true,
+  actions,
+  className,
+  contentClassName
+}) {
+  if (!open) return null;
+  const handleBackdropClick = (event) => {
+    if (closeOnBackdrop && event.target === event.currentTarget) onClose?.();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+    "div",
+    {
+      className: cn(
+        "fixed inset-0 z-50 flex items-end justify-center bg-black/60 backdrop-blur-sm",
+        className
+      ),
+      onClick: handleBackdropClick,
+      children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+        "div",
+        {
+          className: cn(
+            "max-h-[90vh] w-full overflow-y-auto rounded-t-2xl border-t border-border bg-background px-4 pb-6 pt-5 shadow-xl animate-in slide-in-from-bottom-4 duration-200",
+            contentClassName
+          ),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "-mt-1 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "h-1 w-10 rounded-full bg-white/15" }) }),
+            (title || icon) && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "mt-4 flex items-center gap-2", children: [
+              icon,
+              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "text-sm font-bold text-foreground", children: title })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: cn((title || icon) && "mt-3"), children }),
+            actions && actions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "mt-4 flex gap-2", children: actions.map((action, index) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+              Button,
+              {
+                type: "button",
+                variant: action.variant ?? (index === actions.length - 1 ? "cta" : "outline"),
+                size: "cta",
+                className: "flex-1",
+                onClick: action.onClick,
+                disabled: action.disabled,
+                children: [
+                  action.icon && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon, { name: action.icon, className: "text-icon-md" }),
+                  action.label
+                ]
+              },
+              index
+            )) })
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/web/components/disclosure-card.tsx
+var import_jsx_runtime62 = require("react/jsx-runtime");
+function DisclosureCard({
+  title,
+  children,
+  open,
+  onOpenChange,
+  icon,
+  className,
+  triggerClassName,
+  contentClassName
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+      "button",
+      {
+        type: "button",
+        onClick: () => onOpenChange(!open),
+        className: cn(
+          "flex w-full items-center justify-between rounded-xl border border-border bg-white/3 px-3 py-2 text-left transition-colors hover:bg-white/6",
+          triggerClassName
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("span", { className: "flex min-w-0 items-center gap-1.5", children: [
+            icon,
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "truncate text-xs font-bold text-foreground", children: title })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+            Icon,
+            {
+              name: open ? "expand_less" : "expand_more",
+              className: "text-icon-md text-muted-foreground"
+            }
+          )
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+      "div",
+      {
+        className: cn(
+          "mt-3 rounded-xl border border-border bg-white/3 px-3 py-3",
+          contentClassName
+        ),
+        children
+      }
+    )
+  ] });
+}
+
+// src/web/components/stepper-number-input.tsx
+var import_jsx_runtime63 = require("react/jsx-runtime");
+function StepperNumberInput({
+  value,
+  onChange,
+  min,
+  max,
+  step = 1,
+  disabled,
+  className,
+  inputClassName,
+  ariaLabel
+}) {
+  const clamp = (next) => {
+    const boundedMin = min === void 0 ? next : Math.max(min, next);
+    const bounded = max === void 0 ? boundedMin : Math.min(max, boundedMin);
+    onChange(Number.isFinite(bounded) ? bounded : min ?? 0);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+    "div",
+    {
+      className: cn(
+        "flex items-center gap-1.5 overflow-hidden rounded-lg border border-border bg-black/25",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "px-3 py-1.5 text-white/70 transition-colors hover:bg-white/8 hover:text-white disabled:opacity-30",
+            disabled: disabled || min !== void 0 && value <= min,
+            onClick: () => clamp(value - step),
+            "aria-label": "Decrease",
+            children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Icon, { name: "remove", className: "text-icon-md" })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+          "input",
+          {
+            type: "number",
+            min,
+            max,
+            step,
+            value,
+            disabled,
+            "aria-label": ariaLabel,
+            onChange: (event) => clamp(Number(event.target.value)),
+            className: cn(
+              "min-w-0 flex-1 bg-transparent text-center text-sm font-bold text-foreground focus:outline-none",
+              inputClassName
+            )
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "px-3 py-1.5 text-white/70 transition-colors hover:bg-white/8 hover:text-white disabled:opacity-30",
+            disabled: disabled || max !== void 0 && value >= max,
+            onClick: () => clamp(value + step),
+            "aria-label": "Increase",
+            children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Icon, { name: "add", className: "text-icon-md" })
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/web/components/metric-card.tsx
+var import_jsx_runtime64 = require("react/jsx-runtime");
+var toneClasses2 = {
+  primary: "border-primary/20 bg-primary/10 text-primary",
+  purple: "border-network-arkade/20 bg-network-arkade/10 text-network-arkade",
+  blue: "border-info/20 bg-info/10 text-info",
+  info: "border-info/20 bg-info/10 text-info",
+  warning: "border-warning/20 bg-warning/10 text-warning",
+  success: "border-success/20 bg-success/10 text-success",
+  muted: "border-white/8 bg-white/5 text-muted-foreground"
+};
+function MetricCard({
+  label,
+  value,
+  description,
+  icon,
+  tone = "muted",
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: cn("space-y-1 rounded-xl border border-white/8 bg-white/3 p-2.5", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+      icon && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: cn("flex size-5 items-center justify-center rounded-md", toneClasses2[tone]), children: typeof icon === "string" ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Icon, { name: icon, className: "text-icon-xs" }) : icon }),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "text-xxs font-bold uppercase tracking-widest text-white/45", children: label })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("p", { className: "font-mono text-sm font-bold text-foreground", children: value }),
+    description && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("p", { className: "text-xxs text-white/45", children: description })
+  ] });
+}
+
+// src/web/components/filter-chip-group.tsx
+var import_jsx_runtime65 = require("react/jsx-runtime");
+function FilterChipGroup({
+  options,
+  value,
+  onChange,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: cn("flex gap-1.5 overflow-x-auto no-scrollbar", className), children: options.map((option) => {
+    const active = option.value === value;
+    return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+      "button",
+      {
+        type: "button",
+        disabled: option.disabled,
+        onClick: () => onChange(option.value),
+        className: cn(
+          "flex shrink-0 items-center gap-1.5 whitespace-nowrap rounded-full border px-2.5 py-1 text-tiny font-bold transition-all",
+          active ? "border-white/20 bg-white/12 text-white" : "border-white/8 bg-white/5 text-muted-foreground hover:border-white/20 hover:text-white/80",
+          option.disabled && "cursor-not-allowed opacity-40"
+        ),
+        children: [
+          option.icon,
+          option.label,
+          option.count !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+            "span",
+            {
+              className: cn(
+                "rounded-full px-1.5 py-0.5 text-xxs",
+                active ? "bg-white/20" : "bg-white/8"
+              ),
+              children: option.count
+            }
+          )
+        ]
+      },
+      option.value
+    );
+  }) });
+}
+
+// src/web/components/activity-row.tsx
+var import_jsx_runtime66 = require("react/jsx-runtime");
+var directionUi = {
+  inbound: { icon: "south_west", iconClass: "bg-primary/20 text-primary", amountClass: "text-primary", sign: "+" },
+  outbound: { icon: "north_east", iconClass: "bg-white/10 text-muted-foreground", amountClass: "text-foreground", sign: "-" },
+  swap: { icon: "swap_horiz", iconClass: "bg-white/10 text-foreground", amountClass: "text-foreground", sign: "" },
+  neutral: { icon: "receipt_long", iconClass: "bg-white/10 text-muted-foreground", amountClass: "text-foreground", sign: "" }
+};
+function ActivityRow({
+  title,
+  amount,
+  direction = "neutral",
+  status,
+  timestamp,
+  networkBadge,
+  unit,
+  icon,
+  onClick,
+  className
+}) {
+  const ui = directionUi[direction];
+  const content = /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: cn("flex size-10 shrink-0 items-center justify-center rounded-xl shadow-inner", ui.iconClass), children: typeof icon === "string" || !icon ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon, { name: icon ?? ui.icon, className: "text-icon-xl" }) : icon }),
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex min-w-0 flex-col", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex min-w-0 items-center gap-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "truncate text-sm font-bold tracking-wide text-foreground", children: title }),
+          networkBadge
+        ] }),
+        (status || timestamp) && /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "mt-1 flex items-center gap-2", children: [
+          status && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(StatusBadge, { status, className: "px-1.5 py-0.5 text-xxs" }),
+          timestamp && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "text-xxs text-muted-foreground", children: timestamp })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "shrink-0 text-right", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("p", { className: cn("text-sm font-bold tracking-wide", ui.amountClass), children: [
+        ui.sign,
+        amount
+      ] }),
+      unit && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: "mt-0.5 text-xxs font-bold uppercase tracking-wider text-muted-foreground", children: unit })
+    ] })
+  ] });
+  const rowClassName = cn(
+    "flex w-full items-center justify-between gap-3 rounded-2xl bg-card p-4 shadow-inner transition-colors",
+    onClick && "hover:bg-accent",
+    className
+  );
+  if (onClick) {
+    return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("button", { type: "button", onClick, className: rowClassName, children: content });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: rowClassName, children: content });
+}
+
+// src/web/components/skeleton.tsx
+var import_jsx_runtime67 = require("react/jsx-runtime");
+var toneClass2 = {
+  primary: "bg-white/10",
+  secondary: "bg-white/5",
+  card: "bg-white/[0.06]"
+};
+function Skeleton({ className, tone = "primary" }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { "aria-hidden": true, className: cn("animate-pulse rounded", toneClass2[tone], className) });
+}
+function ListSkeletonRows({ rows = 3, className, rowClassName }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: cn("space-y-2", className), children: Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+    "div",
+    {
+      className: cn(
+        "flex items-center gap-3 rounded-2xl bg-white/[0.02] p-4 animate-pulse",
+        rowClassName
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Skeleton, { className: "size-10 shrink-0 rounded-xl" }),
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex-1 space-y-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Skeleton, { className: "h-3 w-28" }),
+          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Skeleton, { tone: "secondary", className: "h-2.5 w-20" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex flex-col items-end space-y-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Skeleton, { className: "h-3 w-14" }),
+          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Skeleton, { tone: "secondary", className: "h-2 w-10" })
+        ] })
+      ]
+    },
+    index
+  )) });
+}
+
+// src/web/components/secret-reveal-card.tsx
+var import_jsx_runtime68 = require("react/jsx-runtime");
+function SecretRevealCard({
+  value,
+  revealed,
+  onRevealChange,
+  onCopy,
+  revealLabel = "Tap to reveal",
+  hideLabel = "Hide",
+  copyLabel = "Copy",
+  className,
+  valueClassName
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: cn("space-y-3", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "rounded-xl bg-card px-3 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+        "p",
+        {
+          className: cn(
+            "break-all font-mono text-sm text-foreground transition-all duration-300",
+            !revealed && "pointer-events-none select-none blur-sm",
+            valueClassName
+          ),
+          children: value
+        }
+      ) }),
+      !revealed && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+        "button",
+        {
+          type: "button",
+          onClick: () => onRevealChange(true),
+          className: "flex items-center gap-2 rounded-xl border border-white/20 bg-card px-4 py-2 text-sm font-bold text-foreground shadow-lg transition-all hover:bg-accent",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Icon, { name: "visibility", className: "text-icon-lg" }),
+            revealLabel
+          ]
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+        "button",
+        {
+          type: "button",
+          onClick: () => onRevealChange(!revealed),
+          className: "flex flex-1 items-center justify-center gap-2 rounded-xl bg-white/5 py-3 text-sm font-semibold text-muted-foreground transition-all hover:bg-accent hover:text-foreground",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Icon, { name: revealed ? "visibility_off" : "visibility", className: "text-icon-lg" }),
+            revealed ? hideLabel : revealLabel
+          ]
+        }
+      ),
+      revealed && onCopy && /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+        "button",
+        {
+          type: "button",
+          onClick: onCopy,
+          className: "flex flex-1 items-center justify-center gap-2 rounded-xl bg-white/5 py-3 text-sm font-semibold text-muted-foreground transition-all hover:bg-accent hover:text-foreground",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Icon, { name: "content_copy", className: "text-icon-lg" }),
+            copyLabel
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/web/components/settings-section-card.tsx
+var import_jsx_runtime69 = require("react/jsx-runtime");
+function SettingsSectionCard({
+  title,
+  description,
+  badge,
+  children,
+  className,
+  bodyClassName
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("section", { className: cn("space-y-4 rounded-xl bg-card p-4", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-start justify-between gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("h2", { className: "text-sm font-bold text-foreground", children: title }),
+        description && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: "mt-1 text-xs text-muted-foreground", children: description })
+      ] }),
+      badge
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: bodyClassName, children })
+  ] });
+}
+var badgeToneClass = {
+  primary: "border-primary/30 bg-primary/10 text-primary",
+  info: "border-info/30 bg-info/10 text-info",
+  warning: "border-warning/30 bg-warning/10 text-warning",
+  danger: "border-danger/30 bg-danger/10 text-danger",
+  success: "border-success/30 bg-success/10 text-success",
+  muted: "border-white/10 bg-white/[0.05] text-white/55"
+};
+function ToneBadge({ children, tone = "muted", className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+    "span",
+    {
+      className: cn(
+        "rounded-full border px-2.5 py-1 text-xxs font-bold uppercase tracking-wider",
+        badgeToneClass[tone],
+        className
+      ),
+      children
+    }
+  );
+}
+
+// src/web/components/selectable-card.tsx
+var import_jsx_runtime70 = require("react/jsx-runtime");
+function SelectableCard({
+  selected,
+  onClick,
+  title,
+  description,
+  badge,
+  preview,
+  indicator = true,
+  children,
+  className
+}) {
+  const content = /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex min-w-0 flex-1 items-start gap-3", children: [
+      indicator && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+        "div",
+        {
+          className: cn(
+            "mt-0.5 flex size-5 shrink-0 items-center justify-center rounded-full border-2 transition-colors",
+            selected ? "border-primary bg-primary" : "border-white/20"
+          ),
+          children: selected && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "size-2 rounded-full bg-background" })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "text-body font-bold text-foreground", children: title }),
+          badge
+        ] }),
+        description && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("p", { className: "mt-0.5 text-xs leading-relaxed text-muted-foreground", children: description }),
+        children
+      ] })
+    ] }),
+    preview && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "shrink-0 text-right", children: preview })
+  ] });
+  const cardClassName = cn(
+    "w-full rounded-2xl border p-4 text-left transition-all duration-200",
+    selected ? "border-primary/40 bg-primary/10 shadow-sm" : "border-border bg-card hover:bg-accent",
+    className
+  );
+  if (onClick) {
+    return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("button", { type: "button", onClick, className: cardClassName, children: content });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: cardClassName, children: content });
+}
+
 // src/web/components/mobile-hero-animation.tsx
 var import_react13 = require("react");
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 var PROTOCOLS = [
   { name: "Bitcoin", network: "Bitcoin", iconSuffix: "bitcoin/bitcoin-logo.svg" },
   { name: "Lightning", network: "LN", iconSuffix: "lightning/lightning.svg" },
@@ -5589,15 +6264,15 @@ var MobileHeroAnimation = ({
   }, []);
   const anim = !reducedMotion && isVisible;
   const scale = size / 280;
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
     "div",
     {
       ref: containerRef,
       className,
       style: { position: "relative", width: size, height: size },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("style", { children: KEYFRAMES }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { style: {
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("style", { children: KEYFRAMES }),
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { style: {
           position: "absolute",
           top: 0,
           left: 0,
@@ -5606,7 +6281,7 @@ var MobileHeroAnimation = ({
           transformOrigin: "top left",
           transform: scale !== 1 ? `scale(${scale})` : void 0
         }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
             "svg",
             {
               viewBox: "0 0 280 280",
@@ -5615,35 +6290,35 @@ var MobileHeroAnimation = ({
               style: { position: "absolute", inset: 0 },
               xmlns: "http://www.w3.org/2000/svg",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("defs", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("radialGradient", { id: "mh-center-glow", cx: "50%", cy: "50%", r: "50%", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("stop", { offset: "0%", stopColor: "#0e9dff", stopOpacity: "0.3" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("stop", { offset: "40%", stopColor: "#8a5cf6", stopOpacity: "0.15" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("stop", { offset: "100%", stopColor: "transparent", stopOpacity: "0" })
+                /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("defs", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("radialGradient", { id: "mh-center-glow", cx: "50%", cy: "50%", r: "50%", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("stop", { offset: "0%", stopColor: "#0e9dff", stopOpacity: "0.3" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("stop", { offset: "40%", stopColor: "#8a5cf6", stopOpacity: "0.15" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("stop", { offset: "100%", stopColor: "transparent", stopOpacity: "0" })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("linearGradient", { id: "mh-gp", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("stop", { offset: "0%", stopColor: "#22c55e" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("stop", { offset: "100%", stopColor: "#8a5cf6" })
+                  /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("linearGradient", { id: "mh-gp", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("stop", { offset: "0%", stopColor: "#22c55e" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("stop", { offset: "100%", stopColor: "#8a5cf6" })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("linearGradient", { id: "mh-bp", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("stop", { offset: "0%", stopColor: "#0e9dff" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("stop", { offset: "100%", stopColor: "#8a5cf6" })
+                  /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("linearGradient", { id: "mh-bp", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("stop", { offset: "0%", stopColor: "#0e9dff" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("stop", { offset: "100%", stopColor: "#8a5cf6" })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("filter", { id: "mh-glow", x: "-50%", y: "-50%", width: "200%", height: "200%", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("feGaussianBlur", { stdDeviation: "2.5", result: "blur" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("feMerge", { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("feMergeNode", { in: "blur" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("feMergeNode", { in: "SourceGraphic" })
+                  /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("filter", { id: "mh-glow", x: "-50%", y: "-50%", width: "200%", height: "200%", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("feGaussianBlur", { stdDeviation: "2.5", result: "blur" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("feMerge", { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("feMergeNode", { in: "blur" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("feMergeNode", { in: "SourceGraphic" })
                     ] })
                   ] })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("circle", { cx: C, cy: C, r: ORBIT_R, fill: "none", stroke: "#0e9dff", strokeWidth: "1", strokeOpacity: "0.25", opacity: "0.4", children: anim && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("animate", { attributeName: "r", values: `${ORBIT_R};${Math.round(ORBIT_R * 1.12)};${ORBIT_R}`, dur: "2.5s", repeatCount: "indefinite" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("animate", { attributeName: "opacity", values: "0.4;0;0.4", dur: "2.5s", repeatCount: "indefinite" })
+                /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("circle", { cx: C, cy: C, r: ORBIT_R, fill: "none", stroke: "#0e9dff", strokeWidth: "1", strokeOpacity: "0.25", opacity: "0.4", children: anim && /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_jsx_runtime71.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("animate", { attributeName: "r", values: `${ORBIT_R};${Math.round(ORBIT_R * 1.12)};${ORBIT_R}`, dur: "2.5s", repeatCount: "indefinite" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("animate", { attributeName: "opacity", values: "0.4;0;0.4", dur: "2.5s", repeatCount: "indefinite" })
                 ] }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("circle", { cx: C, cy: C, r: 80, fill: "none", stroke: "rgba(255,255,255,0.1)", strokeWidth: "1", strokeDasharray: "4 4" }),
-                /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("g", { children: [
-                  anim && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("circle", { cx: C, cy: C, r: 80, fill: "none", stroke: "rgba(255,255,255,0.1)", strokeWidth: "1", strokeDasharray: "4 4" }),
+                /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("g", { children: [
+                  anim && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
                     "animateTransform",
                     {
                       attributeName: "transform",
@@ -5664,8 +6339,8 @@ var MobileHeroAnimation = ({
                     const y2 = C + dy * (ORBIT_R - BADGE_HALF);
                     const color = PROTOCOL_COLORS[protocol.network] ?? "#ffffff";
                     const dur = `${2 + i * 0.3}s`;
-                    return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("g", { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("g", { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
                         "line",
                         {
                           x1,
@@ -5676,29 +6351,29 @@ var MobileHeroAnimation = ({
                           strokeWidth: "0.8",
                           strokeDasharray: "2 4",
                           opacity: "0.25",
-                          children: anim && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("animate", { attributeName: "stroke-dashoffset", from: "0", to: "-12", dur: `${1.5 + i * 0.2}s`, repeatCount: "indefinite" })
+                          children: anim && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("animate", { attributeName: "stroke-dashoffset", from: "0", to: "-12", dur: `${1.5 + i * 0.2}s`, repeatCount: "indefinite" })
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("circle", { r: "2", fill: color, opacity: "0", children: anim && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("animate", { attributeName: "cx", values: `${x1};${x2}`, dur, repeatCount: "indefinite" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("animate", { attributeName: "cy", values: `${y1};${y2}`, dur, repeatCount: "indefinite" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("animate", { attributeName: "opacity", values: "0;0.85;0", dur, repeatCount: "indefinite" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("animate", { attributeName: "r", values: "1.5;2.5;1.5", dur, repeatCount: "indefinite" })
+                      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("circle", { r: "2", fill: color, opacity: "0", children: anim && /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_jsx_runtime71.Fragment, { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("animate", { attributeName: "cx", values: `${x1};${x2}`, dur, repeatCount: "indefinite" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("animate", { attributeName: "cy", values: `${y1};${y2}`, dur, repeatCount: "indefinite" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("animate", { attributeName: "opacity", values: "0;0.85;0", dur, repeatCount: "indefinite" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("animate", { attributeName: "r", values: "1.5;2.5;1.5", dur, repeatCount: "indefinite" })
                       ] }) })
                     ] }, `line-${i}`);
                   })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("circle", { cx: C, cy: C, r: "42", fill: "url(#mh-center-glow)", children: anim && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("animate", { attributeName: "r", values: "38;46;38", dur: "4s", repeatCount: "indefinite" }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("circle", { cx: C, cy: C, r: "29", fill: "none", stroke: "url(#mh-bp)", strokeWidth: "1", opacity: "0", children: anim && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("animate", { attributeName: "r", values: "27;38", dur: "3s", repeatCount: "indefinite" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("animate", { attributeName: "opacity", values: "0.4;0", dur: "3s", repeatCount: "indefinite" })
+                /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("circle", { cx: C, cy: C, r: "42", fill: "url(#mh-center-glow)", children: anim && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("animate", { attributeName: "r", values: "38;46;38", dur: "4s", repeatCount: "indefinite" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("circle", { cx: C, cy: C, r: "29", fill: "none", stroke: "url(#mh-bp)", strokeWidth: "1", opacity: "0", children: anim && /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_jsx_runtime71.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("animate", { attributeName: "r", values: "27;38", dur: "3s", repeatCount: "indefinite" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("animate", { attributeName: "opacity", values: "0.4;0", dur: "3s", repeatCount: "indefinite" })
                 ] }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("circle", { cx: C, cy: C, r: "27", fill: "none", stroke: "url(#mh-gp)", strokeWidth: "0.8", opacity: "0", children: anim && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("animate", { attributeName: "r", values: "27;36", dur: "3s", repeatCount: "indefinite", begin: "1.5s" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("animate", { attributeName: "opacity", values: "0.3;0", dur: "3s", repeatCount: "indefinite", begin: "1.5s" })
+                /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("circle", { cx: C, cy: C, r: "27", fill: "none", stroke: "url(#mh-gp)", strokeWidth: "0.8", opacity: "0", children: anim && /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_jsx_runtime71.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("animate", { attributeName: "r", values: "27;36", dur: "3s", repeatCount: "indefinite", begin: "1.5s" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("animate", { attributeName: "opacity", values: "0.3;0", dur: "3s", repeatCount: "indefinite", begin: "1.5s" })
                 ] }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("g", { transform: `translate(${C},${C})`, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("g", { children: [
-                  anim && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("g", { transform: `translate(${C},${C})`, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("g", { children: [
+                  anim && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
                     "animateTransform",
                     {
                       attributeName: "transform",
@@ -5710,13 +6385,13 @@ var MobileHeroAnimation = ({
                       additive: "sum"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: hexPath(34), fill: "none", stroke: "url(#mh-gp)", strokeWidth: "1.5", opacity: "0.4", filter: "url(#mh-glow)", children: anim && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("animate", { attributeName: "opacity", values: "0.3;0.65;0.3", dur: "3s", repeatCount: "indefinite" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("animate", { attributeName: "stroke-width", values: "1.5;2.5;1.5", dur: "3s", repeatCount: "indefinite" })
+                  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: hexPath(34), fill: "none", stroke: "url(#mh-gp)", strokeWidth: "1.5", opacity: "0.4", filter: "url(#mh-glow)", children: anim && /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_jsx_runtime71.Fragment, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("animate", { attributeName: "opacity", values: "0.3;0.65;0.3", dur: "3s", repeatCount: "indefinite" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("animate", { attributeName: "stroke-width", values: "1.5;2.5;1.5", dur: "3s", repeatCount: "indefinite" })
                   ] }) })
                 ] }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("g", { transform: `translate(${C},${C})`, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("g", { children: [
-                  anim && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("g", { transform: `translate(${C},${C})`, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("g", { children: [
+                  anim && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
                     "animateTransform",
                     {
                       attributeName: "transform",
@@ -5728,28 +6403,28 @@ var MobileHeroAnimation = ({
                       additive: "sum"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: hexPath(32), fill: "rgba(10,15,30,0.75)", stroke: "rgba(255,255,255,0.08)", strokeWidth: "0.5" })
+                  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: hexPath(32), fill: "rgba(10,15,30,0.75)", stroke: "rgba(255,255,255,0.08)", strokeWidth: "0.5" })
                 ] }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("g", { transform: `translate(${C - 19},${C - 19}) scale(0.182)`, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M69.7141 207.3H0.908203L35.3243 172.936L69.7141 207.3Z", fill: "#6F32FF" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M138.441 0.96106V69.767L104.078 35.3508L138.441 0.96106Z", fill: "#17B581" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M138.415 138.547V207.352L104.051 172.936L138.415 138.547Z", fill: "#17B581" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M138.441 69.7406V0.96106L172.804 35.3772L138.441 69.767V69.7406Z", fill: "#17B581" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M69.6614 138.494V69.6879L104.025 104.104L69.6614 138.494Z", fill: "#15E99A" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M69.6615 69.7142V138.52L35.2981 104.104L69.6615 69.7142Z", fill: "#15E99A" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M138.467 207.379V138.573L172.831 172.989L138.467 207.379Z", fill: "#17B581" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M0.908203 0.908325H69.7141L35.298 35.2718L0.908203 0.908325Z", fill: "#6F32FF" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M207.22 207.3H138.415L172.831 172.936L207.22 207.3Z", fill: "#17B581" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M138.415 0.987427H207.22L172.804 35.3509L138.415 0.987427Z", fill: "#17B581" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M138.467 69.7143H69.6614L104.078 35.3508L138.467 69.7143Z", fill: "#17B581" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M69.635 138.494H138.441L104.025 172.857L69.635 138.494Z", fill: "#17B581" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M138.415 138.494H69.635L104.025 104.157L138.388 138.494H138.415Z", fill: "#15E99A" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M138.415 69.7142L104.051 104.051L69.6614 69.7142H138.441H138.415Z", fill: "#15E99A" })
+                /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("g", { transform: `translate(${C - 19},${C - 19}) scale(0.182)`, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M69.7141 207.3H0.908203L35.3243 172.936L69.7141 207.3Z", fill: "#6F32FF" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M138.441 0.96106V69.767L104.078 35.3508L138.441 0.96106Z", fill: "#17B581" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M138.415 138.547V207.352L104.051 172.936L138.415 138.547Z", fill: "#17B581" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M138.441 69.7406V0.96106L172.804 35.3772L138.441 69.767V69.7406Z", fill: "#17B581" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M69.6614 138.494V69.6879L104.025 104.104L69.6614 138.494Z", fill: "#15E99A" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M69.6615 69.7142V138.52L35.2981 104.104L69.6615 69.7142Z", fill: "#15E99A" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M138.467 207.379V138.573L172.831 172.989L138.467 207.379Z", fill: "#17B581" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M0.908203 0.908325H69.7141L35.298 35.2718L0.908203 0.908325Z", fill: "#6F32FF" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M207.22 207.3H138.415L172.831 172.936L207.22 207.3Z", fill: "#17B581" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M138.415 0.987427H207.22L172.804 35.3509L138.415 0.987427Z", fill: "#17B581" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M138.467 69.7143H69.6614L104.078 35.3508L138.467 69.7143Z", fill: "#17B581" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M69.635 138.494H138.441L104.025 172.857L69.635 138.494Z", fill: "#17B581" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M138.415 138.494H69.635L104.025 104.157L138.388 138.494H138.415Z", fill: "#15E99A" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M138.415 69.7142L104.051 104.051L69.6614 69.7142H138.441H138.415Z", fill: "#15E99A" })
                 ] })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { style: {
+          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { style: {
             position: "absolute",
             inset: 0,
             width: 280,
@@ -5760,7 +6435,7 @@ var MobileHeroAnimation = ({
             const x = C + Math.cos(angle) * ORBIT_R - BADGE_HALF;
             const y = C + Math.sin(angle) * ORBIT_R - BADGE_HALF;
             const color = PROTOCOL_COLORS[protocol.network] ?? "#ffffff";
-            return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
               "div",
               {
                 style: {
@@ -5771,7 +6446,7 @@ var MobileHeroAnimation = ({
                   height: BADGE_SIZE,
                   animation: anim ? "mha-counter-spin 20s linear infinite" : "none"
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { style: {
+                children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { style: {
                   width: "100%",
                   height: "100%",
                   borderRadius: "50%",
@@ -5782,7 +6457,7 @@ var MobileHeroAnimation = ({
                   display: "flex",
                   alignItems: "center",
                   justifyContent: "center"
-                }, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                }, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
                   "img",
                   {
                     src: iconBasePath ? `${iconBasePath}/${protocol.iconSuffix}` : protocolIcons[protocol.network] ?? protocol.iconSuffix,
@@ -5802,7 +6477,7 @@ var MobileHeroAnimation = ({
 
 // src/web/components/kaleidoscope-hero-animation.tsx
 var import_react14 = require("react");
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 var PROTOCOLS2 = [
   { name: "Bitcoin L1", network: "L1", color: "#F7931A", glowColor: "rgba(247,147,26,0.5)" },
   { name: "Lightning", network: "LN", color: "#fbbf24", glowColor: "rgba(251,191,36,0.5)" },
@@ -5907,13 +6582,13 @@ var KaleidoScopeHeroAnimation = ({
     const angle = Math.PI * 2 * i / 7 - Math.PI / 2;
     return { x: c + orbitR * Math.cos(angle), y: c + orbitR * Math.sin(angle) };
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
     "div",
     {
       ref: containerRef,
       className: `relative ${className}`,
       style: size ? { width: size, height: size } : void 0,
-      children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
         "svg",
         {
           viewBox: "0 0 500 500",
@@ -5922,60 +6597,60 @@ var KaleidoScopeHeroAnimation = ({
           xmlns: "http://www.w3.org/2000/svg",
           className: "overflow-visible",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("defs", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("linearGradient", { id: "kh-grad-a", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("stop", { offset: "0%", children: anim && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("animate", { attributeName: "stop-color", values: "#22c55e;#8a5cf6;#06b6d4;#F7931A;#22c55e", dur: "10s", repeatCount: "indefinite" }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("stop", { offset: "100%", children: anim && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("animate", { attributeName: "stop-color", values: "#8a5cf6;#F7931A;#22c55e;#06b6d4;#8a5cf6", dur: "10s", repeatCount: "indefinite" }) })
+            /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("defs", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("linearGradient", { id: "kh-grad-a", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("stop", { offset: "0%", children: anim && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("animate", { attributeName: "stop-color", values: "#22c55e;#8a5cf6;#06b6d4;#F7931A;#22c55e", dur: "10s", repeatCount: "indefinite" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("stop", { offset: "100%", children: anim && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("animate", { attributeName: "stop-color", values: "#8a5cf6;#F7931A;#22c55e;#06b6d4;#8a5cf6", dur: "10s", repeatCount: "indefinite" }) })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("linearGradient", { id: "kh-grad-b", x1: "100%", y1: "0%", x2: "0%", y2: "100%", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("stop", { offset: "0%", children: anim && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("animate", { attributeName: "stop-color", values: "#06b6d4;#22c55e;#F7931A;#8a5cf6;#06b6d4", dur: "8s", repeatCount: "indefinite" }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("stop", { offset: "100%", children: anim && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("animate", { attributeName: "stop-color", values: "#F7931A;#06b6d4;#8a5cf6;#22c55e;#F7931A", dur: "8s", repeatCount: "indefinite" }) })
+              /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("linearGradient", { id: "kh-grad-b", x1: "100%", y1: "0%", x2: "0%", y2: "100%", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("stop", { offset: "0%", children: anim && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("animate", { attributeName: "stop-color", values: "#06b6d4;#22c55e;#F7931A;#8a5cf6;#06b6d4", dur: "8s", repeatCount: "indefinite" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("stop", { offset: "100%", children: anim && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("animate", { attributeName: "stop-color", values: "#F7931A;#06b6d4;#8a5cf6;#22c55e;#F7931A", dur: "8s", repeatCount: "indefinite" }) })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("linearGradient", { id: "kh-grad-c", x1: "50%", y1: "0%", x2: "50%", y2: "100%", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("stop", { offset: "0%", children: anim && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("animate", { attributeName: "stop-color", values: "#0e9dff;#8a5cf6;#15E99A;#0e9dff", dur: "6s", repeatCount: "indefinite" }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("stop", { offset: "100%", children: anim && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("animate", { attributeName: "stop-color", values: "#8a5cf6;#15E99A;#0e9dff;#8a5cf6", dur: "6s", repeatCount: "indefinite" }) })
+              /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("linearGradient", { id: "kh-grad-c", x1: "50%", y1: "0%", x2: "50%", y2: "100%", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("stop", { offset: "0%", children: anim && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("animate", { attributeName: "stop-color", values: "#0e9dff;#8a5cf6;#15E99A;#0e9dff", dur: "6s", repeatCount: "indefinite" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("stop", { offset: "100%", children: anim && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("animate", { attributeName: "stop-color", values: "#8a5cf6;#15E99A;#0e9dff;#8a5cf6", dur: "6s", repeatCount: "indefinite" }) })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("linearGradient", { id: "kh-gp", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("stop", { offset: "0%", stopColor: "#22c55e" }),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("stop", { offset: "100%", stopColor: "#8a5cf6" })
+              /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("linearGradient", { id: "kh-gp", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("stop", { offset: "0%", stopColor: "#22c55e" }),
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("stop", { offset: "100%", stopColor: "#8a5cf6" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("linearGradient", { id: "kh-oc", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("stop", { offset: "0%", stopColor: "#F7931A" }),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("stop", { offset: "100%", stopColor: "#06b6d4" })
+              /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("linearGradient", { id: "kh-oc", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("stop", { offset: "0%", stopColor: "#F7931A" }),
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("stop", { offset: "100%", stopColor: "#06b6d4" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("linearGradient", { id: "kh-bp", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("stop", { offset: "0%", stopColor: "#0e9dff" }),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("stop", { offset: "100%", stopColor: "#8a5cf6" })
+              /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("linearGradient", { id: "kh-bp", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("stop", { offset: "0%", stopColor: "#0e9dff" }),
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("stop", { offset: "100%", stopColor: "#8a5cf6" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("radialGradient", { id: "kh-center-glow", cx: "50%", cy: "50%", r: "50%", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("stop", { offset: "0%", stopColor: "#0e9dff", stopOpacity: "0.3" }),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("stop", { offset: "40%", stopColor: "#8a5cf6", stopOpacity: "0.15" }),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("stop", { offset: "100%", stopColor: "transparent", stopOpacity: "0" })
+              /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("radialGradient", { id: "kh-center-glow", cx: "50%", cy: "50%", r: "50%", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("stop", { offset: "0%", stopColor: "#0e9dff", stopOpacity: "0.3" }),
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("stop", { offset: "40%", stopColor: "#8a5cf6", stopOpacity: "0.15" }),
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("stop", { offset: "100%", stopColor: "transparent", stopOpacity: "0" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("radialGradient", { id: "kh-haze", cx: "50%", cy: "50%", r: "50%", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("stop", { offset: "0%", stopColor: "transparent", stopOpacity: "0" }),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("stop", { offset: "60%", stopColor: "#0e9dff", stopOpacity: "0.03" }),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("stop", { offset: "100%", stopColor: "#8a5cf6", stopOpacity: "0.06" })
+              /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("radialGradient", { id: "kh-haze", cx: "50%", cy: "50%", r: "50%", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("stop", { offset: "0%", stopColor: "transparent", stopOpacity: "0" }),
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("stop", { offset: "60%", stopColor: "#0e9dff", stopOpacity: "0.03" }),
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("stop", { offset: "100%", stopColor: "#8a5cf6", stopOpacity: "0.06" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("filter", { id: "kh-glow", x: "-50%", y: "-50%", width: "200%", height: "200%", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("feGaussianBlur", { stdDeviation: "3", result: "blur" }),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("feMerge", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("feMergeNode", { in: "blur" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("feMergeNode", { in: "SourceGraphic" })
+              /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("filter", { id: "kh-glow", x: "-50%", y: "-50%", width: "200%", height: "200%", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("feGaussianBlur", { stdDeviation: "3", result: "blur" }),
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("feMerge", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("feMergeNode", { in: "blur" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("feMergeNode", { in: "SourceGraphic" })
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("filter", { id: "kh-glow-lg", x: "-50%", y: "-50%", width: "200%", height: "200%", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("feGaussianBlur", { stdDeviation: "8", result: "blur" }),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("feMerge", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("feMergeNode", { in: "blur" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("feMergeNode", { in: "SourceGraphic" })
+              /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("filter", { id: "kh-glow-lg", x: "-50%", y: "-50%", width: "200%", height: "200%", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("feGaussianBlur", { stdDeviation: "8", result: "blur" }),
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("feMerge", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("feMergeNode", { in: "blur" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("feMergeNode", { in: "SourceGraphic" })
                 ] })
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("circle", { cx: c, cy: c, r: "248", fill: "url(#kh-haze)" }),
-            /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("g", { transform: px(20), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("g", { children: [
-                anim && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("circle", { cx: c, cy: c, r: "248", fill: "url(#kh-haze)" }),
+            /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("g", { transform: px(20), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("g", { children: [
+                anim && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                   "animateTransform",
                   {
                     attributeName: "transform",
@@ -5988,14 +6663,14 @@ var KaleidoScopeHeroAnimation = ({
                 ),
                 Array.from({ length: 6 }, (_, i) => {
                   const a = Math.PI / 3 * i;
-                  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("g", { transform: `translate(${c + outerR1 * Math.cos(a)},${c + outerR1 * Math.sin(a)})`, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { d: hexPath2(40), fill: "url(#kh-grad-a)", opacity: 0.08 + i % 3 * 0.04 }),
-                    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { d: hexPath2(40), fill: "none", stroke: "url(#kh-grad-a)", strokeWidth: "0.5", opacity: 0.15, children: anim && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("animate", { attributeName: "opacity", values: "0.1;0.25;0.1", dur: `${4 + i * 0.3}s`, repeatCount: "indefinite" }) })
+                  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("g", { transform: `translate(${c + outerR1 * Math.cos(a)},${c + outerR1 * Math.sin(a)})`, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("path", { d: hexPath2(40), fill: "url(#kh-grad-a)", opacity: 0.08 + i % 3 * 0.04 }),
+                    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("path", { d: hexPath2(40), fill: "none", stroke: "url(#kh-grad-a)", strokeWidth: "0.5", opacity: 0.15, children: anim && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("animate", { attributeName: "opacity", values: "0.1;0.25;0.1", dur: `${4 + i * 0.3}s`, repeatCount: "indefinite" }) })
                   ] }, `ha-${i}`);
                 }),
                 Array.from({ length: 6 }, (_, i) => {
                   const a = Math.PI / 3 * i + Math.PI / 6;
-                  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                     "path",
                     {
                       d: triPath(14),
@@ -6008,7 +6683,7 @@ var KaleidoScopeHeroAnimation = ({
                 }),
                 Array.from({ length: 12 }, (_, i) => {
                   const a = Math.PI / 6 * i;
-                  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                     "circle",
                     {
                       cx: c + outerR1 * 0.92 * Math.cos(a),
@@ -6016,14 +6691,14 @@ var KaleidoScopeHeroAnimation = ({
                       r: "1.5",
                       fill: "url(#kh-grad-a)",
                       opacity: "0.15",
-                      children: anim && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("animate", { attributeName: "opacity", values: "0.08;0.25;0.08", dur: `${2 + i % 3 * 0.7}s`, repeatCount: "indefinite" })
+                      children: anim && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("animate", { attributeName: "opacity", values: "0.08;0.25;0.08", dur: `${2 + i % 3 * 0.7}s`, repeatCount: "indefinite" })
                     },
                     `od-${i}`
                   );
                 })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("g", { children: [
-                anim && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("g", { children: [
+                anim && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                   "animateTransform",
                   {
                     attributeName: "transform",
@@ -6036,28 +6711,28 @@ var KaleidoScopeHeroAnimation = ({
                 ),
                 Array.from({ length: 6 }, (_, i) => {
                   const a = Math.PI / 3 * i + Math.PI / 6;
-                  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("g", { transform: `translate(${c + outerR2 * Math.cos(a)},${c + outerR2 * Math.sin(a)})`, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { d: hexPath2(30), fill: "url(#kh-grad-b)", opacity: 0.06 + i % 2 * 0.04 }),
-                    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { d: hexPath2(30), fill: "none", stroke: "url(#kh-grad-b)", strokeWidth: "0.5", opacity: 0.12 })
+                  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("g", { transform: `translate(${c + outerR2 * Math.cos(a)},${c + outerR2 * Math.sin(a)})`, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("path", { d: hexPath2(30), fill: "url(#kh-grad-b)", opacity: 0.06 + i % 2 * 0.04 }),
+                    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("path", { d: hexPath2(30), fill: "none", stroke: "url(#kh-grad-b)", strokeWidth: "0.5", opacity: 0.12 })
                   ] }, `hb-${i}`);
                 }),
                 Array.from({ length: 6 }, (_, i) => {
                   const a = Math.PI / 3 * i;
-                  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                     "path",
                     {
                       d: diamondPath(8, 16),
                       transform: `translate(${c + outerR2 * 0.85 * Math.cos(a)},${c + outerR2 * 0.85 * Math.sin(a)}) rotate(${i * 60})`,
                       fill: "url(#kh-grad-b)",
                       opacity: "0.08",
-                      children: anim && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("animate", { attributeName: "opacity", values: "0.05;0.15;0.05", dur: `${3.5 + i * 0.4}s`, repeatCount: "indefinite" })
+                      children: anim && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("animate", { attributeName: "opacity", values: "0.05;0.15;0.05", dur: `${3.5 + i * 0.4}s`, repeatCount: "indefinite" })
                     },
                     `db-${i}`
                   );
                 })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("g", { children: [
-                anim && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("g", { children: [
+                anim && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                   "animateTransform",
                   {
                     attributeName: "transform",
@@ -6071,23 +6746,23 @@ var KaleidoScopeHeroAnimation = ({
                 Array.from({ length: 12 }, (_, i) => {
                   const a = Math.PI / 6 * i;
                   const r = outerR1 * (0.6 + i % 2 * 0.15);
-                  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                     "path",
                     {
                       d: triPath(10),
                       transform: `translate(${c + r * Math.cos(a)},${c + r * Math.sin(a)}) rotate(${i * 30 + 15})`,
                       fill: "url(#kh-grad-c)",
                       opacity: "0.05",
-                      children: anim && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("animate", { attributeName: "opacity", values: "0.03;0.1;0.03", dur: `${5 + i % 4 * 0.8}s`, repeatCount: "indefinite" })
+                      children: anim && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("animate", { attributeName: "opacity", values: "0.03;0.1;0.03", dur: `${5 + i % 4 * 0.8}s`, repeatCount: "indefinite" })
                     },
                     `tc-${i}`
                   );
                 })
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("g", { transform: px(14), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("g", { children: [
-                anim && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("g", { transform: px(14), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("g", { children: [
+                anim && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                   "animateTransform",
                   {
                     attributeName: "transform",
@@ -6100,9 +6775,9 @@ var KaleidoScopeHeroAnimation = ({
                 ),
                 Array.from({ length: 12 }, (_, i) => {
                   const a = Math.PI / 6 * i;
-                  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("g", { transform: `translate(${c + midR * Math.cos(a)},${c + midR * Math.sin(a)})`, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { d: hexPath2(12), fill: "url(#kh-grad-c)", opacity: 0.08 + i % 3 * 0.03 }),
-                    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { d: hexPath2(12), fill: "none", stroke: "url(#kh-grad-c)", strokeWidth: "0.4", opacity: "0.12", children: anim && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("animate", { attributeName: "opacity", values: "0.08;0.2;0.08", dur: `${3 + i % 4 * 0.5}s`, repeatCount: "indefinite" }) })
+                  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("g", { transform: `translate(${c + midR * Math.cos(a)},${c + midR * Math.sin(a)})`, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("path", { d: hexPath2(12), fill: "url(#kh-grad-c)", opacity: 0.08 + i % 3 * 0.03 }),
+                    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("path", { d: hexPath2(12), fill: "none", stroke: "url(#kh-grad-c)", strokeWidth: "0.4", opacity: "0.12", children: anim && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("animate", { attributeName: "opacity", values: "0.08;0.2;0.08", dur: `${3 + i % 4 * 0.5}s`, repeatCount: "indefinite" }) })
                   ] }, `mh-${i}`);
                 })
               ] }),
@@ -6113,7 +6788,7 @@ var KaleidoScopeHeroAnimation = ({
                 const y1 = c + midR * Math.sin(a1);
                 const x2 = c + midR * Math.cos(a2);
                 const y2 = c + midR * Math.sin(a2);
-                return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+                return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                   "path",
                   {
                     d: `M${x1},${y1} Q${c},${c} ${x2},${y2}`,
@@ -6122,17 +6797,17 @@ var KaleidoScopeHeroAnimation = ({
                     strokeWidth: "0.5",
                     strokeDasharray: "3 5",
                     opacity: "0.1",
-                    children: anim && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("animate", { attributeName: "stroke-dashoffset", from: "0", to: "-16", dur: `${3 + i * 0.2}s`, repeatCount: "indefinite" })
+                    children: anim && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("animate", { attributeName: "stroke-dashoffset", from: "0", to: "-16", dur: `${3 + i * 0.2}s`, repeatCount: "indefinite" })
                   },
                   `arc-${i}`
                 );
               })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("g", { transform: px(10), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("circle", { cx: c, cy: c, r: orbitR, fill: "none", stroke: "rgba(255,255,255,0.05)", strokeWidth: "1", strokeDasharray: "3 5", children: anim && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("animateTransform", { attributeName: "transform", type: "rotate", from: `0 ${c} ${c}`, to: `360 ${c} ${c}`, dur: "90s", repeatCount: "indefinite" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("circle", { cx: c, cy: c, r: orbitR + 4, fill: "none", stroke: "rgba(255,255,255,0.03)", strokeWidth: "0.5" }),
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("g", { children: [
-                anim && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("g", { transform: px(10), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("circle", { cx: c, cy: c, r: orbitR, fill: "none", stroke: "rgba(255,255,255,0.05)", strokeWidth: "1", strokeDasharray: "3 5", children: anim && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("animateTransform", { attributeName: "transform", type: "rotate", from: `0 ${c} ${c}`, to: `360 ${c} ${c}`, dur: "90s", repeatCount: "indefinite" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("circle", { cx: c, cy: c, r: orbitR + 4, fill: "none", stroke: "rgba(255,255,255,0.03)", strokeWidth: "0.5" }),
+              /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("g", { children: [
+                anim && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                   "animateTransform",
                   {
                     attributeName: "transform",
@@ -6147,8 +6822,8 @@ var KaleidoScopeHeroAnimation = ({
                   const angle = Math.atan2(pos.y - c, pos.x - c);
                   const dx = Math.cos(angle);
                   const dy = Math.sin(angle);
-                  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("g", { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("g", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                       "line",
                       {
                         x1: c + dx * 52,
@@ -6159,14 +6834,14 @@ var KaleidoScopeHeroAnimation = ({
                         strokeWidth: "0.8",
                         strokeDasharray: "2 4",
                         opacity: "0.2",
-                        children: anim && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("animate", { attributeName: "stroke-dashoffset", from: "0", to: "-12", dur: `${1.5 + i * 0.2}s`, repeatCount: "indefinite" })
+                        children: anim && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("animate", { attributeName: "stroke-dashoffset", from: "0", to: "-12", dur: `${1.5 + i * 0.2}s`, repeatCount: "indefinite" })
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("circle", { r: "2.5", fill: PROTOCOLS2[i].color, opacity: "0", children: anim && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("animate", { attributeName: "cx", values: `${c + dx * 52};${pos.x}`, dur: `${2 + i * 0.3}s`, repeatCount: "indefinite" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("animate", { attributeName: "cy", values: `${c + dy * 52};${pos.y}`, dur: `${2 + i * 0.3}s`, repeatCount: "indefinite" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("animate", { attributeName: "opacity", values: "0;0.8;0", dur: `${2 + i * 0.3}s`, repeatCount: "indefinite" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("animate", { attributeName: "r", values: "1.5;3;1.5", dur: `${2 + i * 0.3}s`, repeatCount: "indefinite" })
+                    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("circle", { r: "2.5", fill: PROTOCOLS2[i].color, opacity: "0", children: anim && /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_jsx_runtime72.Fragment, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("animate", { attributeName: "cx", values: `${c + dx * 52};${pos.x}`, dur: `${2 + i * 0.3}s`, repeatCount: "indefinite" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("animate", { attributeName: "cy", values: `${c + dy * 52};${pos.y}`, dur: `${2 + i * 0.3}s`, repeatCount: "indefinite" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("animate", { attributeName: "opacity", values: "0;0.8;0", dur: `${2 + i * 0.3}s`, repeatCount: "indefinite" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("animate", { attributeName: "r", values: "1.5;3;1.5", dur: `${2 + i * 0.3}s`, repeatCount: "indefinite" })
                     ] }) })
                   ] }, `conn-${i}`);
                 }),
@@ -6174,14 +6849,14 @@ var KaleidoScopeHeroAnimation = ({
                   const pos = iconPositions[i];
                   const labelWidth = Math.max(proto.name.length * 5.5 + 10, 32);
                   const isHovered = hoveredProtocol === proto.name;
-                  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("g", { transform: `translate(${pos.x},${pos.y})`, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("g", { transform: `translate(${pos.x},${pos.y})`, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
                     "g",
                     {
                       onMouseEnter: () => setHoveredProtocol(proto.name),
                       onMouseLeave: () => setHoveredProtocol(null),
                       style: { cursor: "pointer" },
                       children: [
-                        anim && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+                        anim && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                           "animateTransform",
                           {
                             attributeName: "transform",
@@ -6192,7 +6867,7 @@ var KaleidoScopeHeroAnimation = ({
                             repeatCount: "indefinite"
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                           "circle",
                           {
                             cx: "0",
@@ -6202,13 +6877,13 @@ var KaleidoScopeHeroAnimation = ({
                             stroke: proto.color,
                             strokeWidth: "1",
                             opacity: "0",
-                            children: anim && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("animate", { attributeName: "r", values: `${iconR};${iconR + 12}`, dur: `${3 + i * 0.5}s`, repeatCount: "indefinite", begin: `${i * 0.4}s` }),
-                              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("animate", { attributeName: "opacity", values: "0.5;0", dur: `${3 + i * 0.5}s`, repeatCount: "indefinite", begin: `${i * 0.4}s` })
+                            children: anim && /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_jsx_runtime72.Fragment, { children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("animate", { attributeName: "r", values: `${iconR};${iconR + 12}`, dur: `${3 + i * 0.5}s`, repeatCount: "indefinite", begin: `${i * 0.4}s` }),
+                              /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("animate", { attributeName: "opacity", values: "0.5;0", dur: `${3 + i * 0.5}s`, repeatCount: "indefinite", begin: `${i * 0.4}s` })
                             ] })
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                           "circle",
                           {
                             cx: "0",
@@ -6218,10 +6893,10 @@ var KaleidoScopeHeroAnimation = ({
                             stroke: proto.color,
                             strokeWidth: "1",
                             opacity: "0.15",
-                            children: anim && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("animate", { attributeName: "opacity", values: "0.15;0.4;0.15", dur: `${3 + i * 0.4}s`, repeatCount: "indefinite" })
+                            children: anim && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("animate", { attributeName: "opacity", values: "0.15;0.4;0.15", dur: `${3 + i * 0.4}s`, repeatCount: "indefinite" })
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                           "circle",
                           {
                             cx: "0",
@@ -6231,10 +6906,10 @@ var KaleidoScopeHeroAnimation = ({
                             stroke: proto.color,
                             strokeWidth: "1.5",
                             opacity: "0.25",
-                            children: anim && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("animate", { attributeName: "opacity", values: "0.2;0.5;0.2", dur: `${2.5 + i * 0.3}s`, repeatCount: "indefinite" })
+                            children: anim && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("animate", { attributeName: "opacity", values: "0.2;0.5;0.2", dur: `${2.5 + i * 0.3}s`, repeatCount: "indefinite" })
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                           "circle",
                           {
                             cx: "0",
@@ -6245,8 +6920,8 @@ var KaleidoScopeHeroAnimation = ({
                             strokeWidth: "1"
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("circle", { cx: "0", cy: "0", r: iconR - 2, fill: proto.color, opacity: "0.06" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("foreignObject", { x: -iconR, y: -iconR, width: iconR * 2, height: iconR * 2, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("circle", { cx: "0", cy: "0", r: iconR - 2, fill: proto.color, opacity: "0.06" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("foreignObject", { x: -iconR, y: -iconR, width: iconR * 2, height: iconR * 2, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                           NetworkBadge,
                           {
                             network: proto.network,
@@ -6254,8 +6929,8 @@ var KaleidoScopeHeroAnimation = ({
                             className: "w-full h-full"
                           }
                         ) }),
-                        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("g", { opacity: isHovered ? 1 : 0, style: { transition: "opacity 0.2s ease" }, children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("g", { opacity: isHovered ? 1 : 0, style: { transition: "opacity 0.2s ease" }, children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                             "rect",
                             {
                               x: -labelWidth / 2,
@@ -6269,7 +6944,7 @@ var KaleidoScopeHeroAnimation = ({
                               strokeOpacity: 0.4
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                             "text",
                             {
                               x: "0",
@@ -6289,9 +6964,9 @@ var KaleidoScopeHeroAnimation = ({
                 })
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("g", { transform: px(5), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("g", { children: [
-                anim && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("g", { transform: px(5), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("g", { children: [
+                anim && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                   "animateTransform",
                   {
                     attributeName: "transform",
@@ -6304,28 +6979,28 @@ var KaleidoScopeHeroAnimation = ({
                 ),
                 Array.from({ length: 6 }, (_, i) => {
                   const a = Math.PI / 3 * i;
-                  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                     "path",
                     {
                       d: diamondPath(10, 22),
                       transform: `translate(${c + innerR * Math.cos(a)},${c + innerR * Math.sin(a)}) rotate(${i * 60})`,
                       fill: "url(#kh-gp)",
                       opacity: "0.15",
-                      children: anim && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("animate", { attributeName: "opacity", values: "0.1;0.28;0.1", dur: `${2.8 + i * 0.35}s`, repeatCount: "indefinite" })
+                      children: anim && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("animate", { attributeName: "opacity", values: "0.1;0.28;0.1", dur: `${2.8 + i * 0.35}s`, repeatCount: "indefinite" })
                     },
                     `d-${i}`
                   );
                 }),
                 Array.from({ length: 6 }, (_, i) => {
                   const a = Math.PI / 3 * i + Math.PI / 6;
-                  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                     "path",
                     {
                       d: triPath(8),
                       transform: `translate(${c + innerR * 0.75 * Math.cos(a)},${c + innerR * 0.75 * Math.sin(a)}) rotate(${i * 60 + 30})`,
                       fill: "url(#kh-oc)",
                       opacity: "0.1",
-                      children: anim && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("animate", { attributeName: "opacity", values: "0.06;0.18;0.06", dur: `${3.2 + i * 0.3}s`, repeatCount: "indefinite" })
+                      children: anim && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("animate", { attributeName: "opacity", values: "0.06;0.18;0.06", dur: `${3.2 + i * 0.3}s`, repeatCount: "indefinite" })
                     },
                     `it-${i}`
                   );
@@ -6333,7 +7008,7 @@ var KaleidoScopeHeroAnimation = ({
                 Array.from({ length: 12 }, (_, i) => {
                   const a = Math.PI / 6 * i;
                   const r = innerR * (i % 2 === 0 ? 0.55 : 0.65);
-                  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                     "circle",
                     {
                       cx: c + r * Math.cos(a),
@@ -6341,14 +7016,14 @@ var KaleidoScopeHeroAnimation = ({
                       r: i % 2 === 0 ? 2 : 1.5,
                       fill: "url(#kh-oc)",
                       opacity: "0.2",
-                      children: anim && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("animate", { attributeName: "opacity", values: "0.1;0.35;0.1", dur: `${2 + i % 4 * 0.5}s`, repeatCount: "indefinite" })
+                      children: anim && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("animate", { attributeName: "opacity", values: "0.1;0.35;0.1", dur: `${2 + i % 4 * 0.5}s`, repeatCount: "indefinite" })
                     },
                     `id-${i}`
                   );
                 })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("g", { children: [
-                anim && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("g", { children: [
+                anim && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                   "animateTransform",
                   {
                     attributeName: "transform",
@@ -6361,27 +7036,27 @@ var KaleidoScopeHeroAnimation = ({
                 ),
                 Array.from({ length: 6 }, (_, i) => {
                   const a = Math.PI / 3 * i + Math.PI / 6;
-                  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                     "path",
                     {
                       d: hexPath2(6),
                       transform: `translate(${c + innerR * 0.42 * Math.cos(a)},${c + innerR * 0.42 * Math.sin(a)})`,
                       fill: "url(#kh-bp)",
                       opacity: "0.1",
-                      children: anim && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("animate", { attributeName: "opacity", values: "0.06;0.18;0.06", dur: `${2.5 + i * 0.3}s`, repeatCount: "indefinite" })
+                      children: anim && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("animate", { attributeName: "opacity", values: "0.06;0.18;0.06", dur: `${2.5 + i * 0.3}s`, repeatCount: "indefinite" })
                     },
                     `ih-${i}`
                   );
                 })
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("g", { transform: px(18), children: Array.from({ length: 16 }, (_, i) => {
+            /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("g", { transform: px(18), children: Array.from({ length: 16 }, (_, i) => {
               const a = Math.PI * 2 * i / 16;
               const baseR = 60 + i % 4 * 45;
               const x = c + baseR * Math.cos(a);
               const y = c + baseR * Math.sin(a);
               const colors2 = ["#0e9dff", "#8a5cf6", "#22c55e", "#F7931A", "#06b6d4", "#15E99A"];
-              return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                 "circle",
                 {
                   cx: x,
@@ -6389,26 +7064,26 @@ var KaleidoScopeHeroAnimation = ({
                   r: 1 + i % 3 * 0.5,
                   fill: colors2[i % colors2.length],
                   opacity: "0",
-                  children: anim && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("animate", { attributeName: "opacity", values: "0;0.6;0", dur: `${3 + i % 5 * 0.8}s`, repeatCount: "indefinite", begin: `${i % 7 * 0.5}s` }),
-                    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("animate", { attributeName: "cx", values: `${x};${x + Math.cos(a) * 15}`, dur: `${4 + i % 3 * 1.5}s`, repeatCount: "indefinite", begin: `${i % 7 * 0.5}s` }),
-                    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("animate", { attributeName: "cy", values: `${y};${y + Math.sin(a) * 15}`, dur: `${4 + i % 3 * 1.5}s`, repeatCount: "indefinite", begin: `${i % 7 * 0.5}s` })
+                  children: anim && /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_jsx_runtime72.Fragment, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("animate", { attributeName: "opacity", values: "0;0.6;0", dur: `${3 + i % 5 * 0.8}s`, repeatCount: "indefinite", begin: `${i % 7 * 0.5}s` }),
+                    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("animate", { attributeName: "cx", values: `${x};${x + Math.cos(a) * 15}`, dur: `${4 + i % 3 * 1.5}s`, repeatCount: "indefinite", begin: `${i % 7 * 0.5}s` }),
+                    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("animate", { attributeName: "cy", values: `${y};${y + Math.sin(a) * 15}`, dur: `${4 + i % 3 * 1.5}s`, repeatCount: "indefinite", begin: `${i % 7 * 0.5}s` })
                   ] })
                 },
                 `p-${i}`
               );
             }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("g", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("circle", { cx: c, cy: c, r: "75", fill: "url(#kh-center-glow)", children: anim && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("animate", { attributeName: "r", values: "70;80;70", dur: "4s", repeatCount: "indefinite" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("circle", { cx: c, cy: c, r: "52", fill: "none", stroke: "url(#kh-bp)", strokeWidth: "1", opacity: "0", children: anim && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("animate", { attributeName: "r", values: "48;65", dur: "3s", repeatCount: "indefinite" }),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("animate", { attributeName: "opacity", values: "0.4;0", dur: "3s", repeatCount: "indefinite" })
+            /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("g", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("circle", { cx: c, cy: c, r: "75", fill: "url(#kh-center-glow)", children: anim && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("animate", { attributeName: "r", values: "70;80;70", dur: "4s", repeatCount: "indefinite" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("circle", { cx: c, cy: c, r: "52", fill: "none", stroke: "url(#kh-bp)", strokeWidth: "1", opacity: "0", children: anim && /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_jsx_runtime72.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("animate", { attributeName: "r", values: "48;65", dur: "3s", repeatCount: "indefinite" }),
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("animate", { attributeName: "opacity", values: "0.4;0", dur: "3s", repeatCount: "indefinite" })
               ] }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("circle", { cx: c, cy: c, r: "48", fill: "none", stroke: "url(#kh-gp)", strokeWidth: "0.8", opacity: "0", children: anim && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("animate", { attributeName: "r", values: "48;60", dur: "3s", repeatCount: "indefinite", begin: "1.5s" }),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("animate", { attributeName: "opacity", values: "0.3;0", dur: "3s", repeatCount: "indefinite", begin: "1.5s" })
+              /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("circle", { cx: c, cy: c, r: "48", fill: "none", stroke: "url(#kh-gp)", strokeWidth: "0.8", opacity: "0", children: anim && /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_jsx_runtime72.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("animate", { attributeName: "r", values: "48;60", dur: "3s", repeatCount: "indefinite", begin: "1.5s" }),
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("animate", { attributeName: "opacity", values: "0.3;0", dur: "3s", repeatCount: "indefinite", begin: "1.5s" })
               ] }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                 "path",
                 {
                   d: hexPath2(50),
@@ -6418,13 +7093,13 @@ var KaleidoScopeHeroAnimation = ({
                   strokeWidth: "1.5",
                   opacity: "0.4",
                   filter: "url(#kh-glow)",
-                  children: anim && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("animate", { attributeName: "opacity", values: "0.3;0.65;0.3", dur: "3s", repeatCount: "indefinite" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("animate", { attributeName: "stroke-width", values: "1.5;2.5;1.5", dur: "3s", repeatCount: "indefinite" })
+                  children: anim && /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_jsx_runtime72.Fragment, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("animate", { attributeName: "opacity", values: "0.3;0.65;0.3", dur: "3s", repeatCount: "indefinite" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("animate", { attributeName: "stroke-width", values: "1.5;2.5;1.5", dur: "3s", repeatCount: "indefinite" })
                   ] })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                 "path",
                 {
                   d: hexPath2(46),
@@ -6434,21 +7109,21 @@ var KaleidoScopeHeroAnimation = ({
                   strokeWidth: "0.5"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("g", { transform: `translate(${c - 34},${c - 34}) scale(0.325)`, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { d: "M69.7141 207.3H0.908203L35.3243 172.936L69.7141 207.3Z", fill: "#6F32FF" }),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { d: "M138.441 0.96106V69.767L104.078 35.3508L138.441 0.96106Z", fill: "#17B581" }),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { d: "M138.415 138.547V207.352L104.051 172.936L138.415 138.547Z", fill: "#17B581" }),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { d: "M138.441 69.7406V0.96106L172.804 35.3772L138.441 69.767V69.7406Z", fill: "#17B581" }),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { d: "M69.6614 138.494V69.6879L104.025 104.104L69.6614 138.494Z", fill: "#15E99A" }),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { d: "M69.6615 69.7142V138.52L35.2981 104.104L69.6615 69.7142Z", fill: "#15E99A" }),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { d: "M138.467 207.379V138.573L172.831 172.989L138.467 207.379Z", fill: "#17B581" }),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { d: "M0.908203 0.908325H69.7141L35.298 35.2718L0.908203 0.908325Z", fill: "#6F32FF" }),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { d: "M207.22 207.3H138.415L172.831 172.936L207.22 207.3Z", fill: "#17B581" }),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { d: "M138.415 0.987427H207.22L172.804 35.3509L138.415 0.987427Z", fill: "#17B581" }),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { d: "M138.467 69.7143H69.6614L104.078 35.3508L138.467 69.7143Z", fill: "#17B581" }),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { d: "M69.635 138.494H138.441L104.025 172.857L69.635 138.494Z", fill: "#17B581" }),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { d: "M138.415 138.494H69.635L104.025 104.157L138.388 138.494H138.415Z", fill: "#15E99A" }),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { d: "M138.415 69.7142L104.051 104.051L69.6614 69.7142H138.441H138.415Z", fill: "#15E99A" })
+              /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("g", { transform: `translate(${c - 34},${c - 34}) scale(0.325)`, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("path", { d: "M69.7141 207.3H0.908203L35.3243 172.936L69.7141 207.3Z", fill: "#6F32FF" }),
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("path", { d: "M138.441 0.96106V69.767L104.078 35.3508L138.441 0.96106Z", fill: "#17B581" }),
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("path", { d: "M138.415 138.547V207.352L104.051 172.936L138.415 138.547Z", fill: "#17B581" }),
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("path", { d: "M138.441 69.7406V0.96106L172.804 35.3772L138.441 69.767V69.7406Z", fill: "#17B581" }),
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("path", { d: "M69.6614 138.494V69.6879L104.025 104.104L69.6614 138.494Z", fill: "#15E99A" }),
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("path", { d: "M69.6615 69.7142V138.52L35.2981 104.104L69.6615 69.7142Z", fill: "#15E99A" }),
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("path", { d: "M138.467 207.379V138.573L172.831 172.989L138.467 207.379Z", fill: "#17B581" }),
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("path", { d: "M0.908203 0.908325H69.7141L35.298 35.2718L0.908203 0.908325Z", fill: "#6F32FF" }),
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("path", { d: "M207.22 207.3H138.415L172.831 172.936L207.22 207.3Z", fill: "#17B581" }),
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("path", { d: "M138.415 0.987427H207.22L172.804 35.3509L138.415 0.987427Z", fill: "#17B581" }),
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("path", { d: "M138.467 69.7143H69.6614L104.078 35.3508L138.467 69.7143Z", fill: "#17B581" }),
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("path", { d: "M69.635 138.494H138.441L104.025 172.857L69.635 138.494Z", fill: "#17B581" }),
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("path", { d: "M138.415 138.494H69.635L104.025 104.157L138.388 138.494H138.415Z", fill: "#15E99A" }),
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("path", { d: "M138.415 69.7142L104.051 104.051L69.6614 69.7142H138.441H138.415Z", fill: "#15E99A" })
               ] })
             ] })
           ]
@@ -6575,7 +7250,7 @@ var colors = {
 };
 
 // src/web/components/deposit-ui-shared.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 var GLOW_ALPHA = "26";
 function qrGlowStyle(hex) {
   return { boxShadow: `0 0 30px ${hex}${GLOW_ALPHA}` };
@@ -6589,7 +7264,7 @@ var NETWORK_CONFIG = {
     border: "border-network-bitcoin/40",
     qrBorder: "border-network-bitcoin/30",
     qrGlow: qrGlowStyle(colors.network.bitcoin),
-    icon: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "material-symbols-outlined text-icon-xs leading-none", children: "link" })
+    icon: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "material-symbols-outlined text-icon-xs leading-none", children: "link" })
   },
   lightning: {
     label: "Lightning",
@@ -6599,7 +7274,7 @@ var NETWORK_CONFIG = {
     border: "border-network-lightning/40",
     qrBorder: "border-network-lightning/30",
     qrGlow: qrGlowStyle(colors.network.lightning),
-    icon: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("img", { src: "/icons/lightning/lightning.svg", className: "size-3", alt: "" })
+    icon: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("img", { src: "/icons/lightning/lightning.svg", className: "size-3", alt: "" })
   },
   spark: {
     label: "Spark",
@@ -6609,7 +7284,7 @@ var NETWORK_CONFIG = {
     border: "border-info/40",
     qrBorder: "border-info/30",
     qrGlow: qrGlowStyle(colors.info),
-    icon: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("img", { src: "/icons/spark/Asterisk/Spark Asterisk White.svg", className: "h-3 w-3", alt: "" })
+    icon: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("img", { src: "/icons/spark/Asterisk/Spark Asterisk White.svg", className: "h-3 w-3", alt: "" })
   },
   arkade: {
     label: "Arkade",
@@ -6619,7 +7294,7 @@ var NETWORK_CONFIG = {
     border: "border-network-arkade/40",
     qrBorder: "border-network-arkade/30",
     qrGlow: qrGlowStyle(colors.network.arkade),
-    icon: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("img", { src: "/icons/arkade/arkade-icon.svg", className: "h-3 w-3 rounded-sm", alt: "" })
+    icon: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("img", { src: "/icons/arkade/arkade-icon.svg", className: "h-3 w-3 rounded-sm", alt: "" })
   }
 };
 var ACCOUNT_META = {
@@ -6628,14 +7303,14 @@ var ACCOUNT_META = {
     accentBg: "bg-primary/10",
     accentText: "text-primary",
     accentBorder: "border-primary/30",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("img", { src: "/icons/rgb/rgb-logo.svg", alt: "", className: "h-2.5 w-2.5 object-contain" })
+    icon: /* @__PURE__ */ (0, import_jsx_runtime73.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_runtime59.jsx)(
+    icon: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
       "img",
       {
         src: "/icons/spark/Asterisk/Spark Asterisk White.svg",
@@ -6649,7 +7324,7 @@ var ACCOUNT_META = {
     accentBg: "bg-network-arkade/10",
     accentText: "text-network-arkade",
     accentBorder: "border-network-arkade/30",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime59.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_runtime73.jsx)("img", { src: "/icons/arkade/arkade-icon.svg", alt: "", className: "h-2.5 w-2.5 rounded-[1px] object-contain" })
   }
 };
 var METHOD_META = {
@@ -6666,7 +7341,7 @@ function InvoiceStatusBanner({
   isInvoiceFailedOrExpired,
   invoiceStatus
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
     "div",
     {
       className: cn(
@@ -6674,17 +7349,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_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "material-symbols-outlined animate-spin text-icon-sm", children: "progress_activity" }),
-          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { children: "Waiting for payment..." })
+        isInvoicePending && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_jsx_runtime73.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "material-symbols-outlined animate-spin text-icon-sm", children: "progress_activity" }),
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { children: "Waiting for payment..." })
         ] }),
-        isInvoicePaid && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "material-symbols-outlined text-icon-sm", children: "check_circle" }),
-          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { children: "Payment received!" })
+        isInvoicePaid && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_jsx_runtime73.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "material-symbols-outlined text-icon-sm", children: "check_circle" }),
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { children: "Payment received!" })
         ] }),
-        isInvoiceFailedOrExpired && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "material-symbols-outlined text-icon-sm", children: "cancel" }),
-          /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { children: [
+        isInvoiceFailedOrExpired && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_jsx_runtime73.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "material-symbols-outlined text-icon-sm", children: "cancel" }),
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("span", { children: [
             "Invoice ",
             invoiceStatus?.toLowerCase() === "expired" ? "expired" : "failed"
           ] })
@@ -6694,20 +7369,20 @@ function InvoiceStatusBanner({
   );
 }
 function PaidOverlay() {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "absolute inset-0 flex items-center justify-center rounded-2xl bg-background/80", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex flex-col items-center gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "flex size-14 items-center justify-center rounded-full bg-primary", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "material-symbols-outlined text-icon-4xl text-background", children: "check" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "text-sm font-bold text-primary", children: "Received!" })
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "absolute inset-0 flex items-center justify-center rounded-2xl bg-background/80", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex flex-col items-center gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "flex size-14 items-center justify-center rounded-full bg-primary", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "material-symbols-outlined text-icon-4xl text-background", children: "check" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "text-sm font-bold text-primary", children: "Received!" })
   ] }) });
 }
 function CopyIcon({ copied }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime73.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_runtime59.jsx)(Icon, { name: "check", size: "sm" }) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icon, { name: "content_copy", size: "sm" })
+      children: copied ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Icon, { name: "check", size: "sm" }) : /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Icon, { name: "content_copy", size: "sm" })
     }
   );
 }
@@ -6717,7 +7392,7 @@ function AccountChoiceChip({
   onClick
 }) {
   const meta = ACCOUNT_META[account];
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
     "button",
     {
       type: "button",
@@ -6729,7 +7404,7 @@ function AccountChoiceChip({
       ),
       children: [
         meta.icon,
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { children: meta.shortLabel })
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { children: meta.shortLabel })
       ]
     }
   );
@@ -6778,8 +7453,8 @@ function NetworkInfoDisclosure({
 }) {
   const [open, setOpen] = (0, import_react15.useState)(false);
   if (networks.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: cn("overflow-hidden rounded-xl border border-white/8 bg-white/3 transition-all", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: cn("overflow-hidden rounded-xl border border-white/8 bg-white/3 transition-all", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
       "button",
       {
         type: "button",
@@ -6787,24 +7462,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_runtime59.jsx)(Icon, { name: "info", size: "xs", className: "text-white/40" }),
-          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "flex-1 text-xxs font-bold uppercase tracking-widest text-white/50", children: "What are these networks?" }),
-          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icon, { name: open ? "expand_less" : "expand_more", size: "xs", className: "text-white/40" })
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Icon, { name: "info", size: "xs", className: "text-white/40" }),
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "flex-1 text-xxs font-bold uppercase tracking-widest text-white/50", children: "What are these networks?" }),
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Icon, { name: open ? "expand_less" : "expand_more", size: "xs", className: "text-white/40" })
         ]
       }
     ),
-    open && /* @__PURE__ */ (0, import_jsx_runtime59.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_runtime73.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_runtime59.jsxs)("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime59.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_runtime59.jsx)("span", { className: cn("text-xxs font-bold uppercase tracking-widest", cfg.text), children: info.title })
+      return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime73.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_runtime73.jsx)("span", { className: cn("text-xxs font-bold uppercase tracking-widest", cfg.text), children: info.title })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "pl-5 text-tiny leading-snug text-muted-foreground", children: info.detail }),
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("ul", { className: "space-y-0.5 pl-5", children: info.bullets.map((bullet) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("li", { className: "flex items-start gap-1.5 text-xxs leading-snug text-white/50", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "mt-[1px] text-white/30", children: "-" }),
-          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { children: bullet })
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { className: "pl-5 text-tiny leading-snug text-muted-foreground", children: info.detail }),
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("ul", { className: "space-y-0.5 pl-5", children: info.bullets.map((bullet) => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("li", { className: "flex items-start gap-1.5 text-xxs leading-snug text-white/50", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "mt-[1px] text-white/30", children: "-" }),
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { children: bullet })
         ] }, bullet)) })
       ] }, network);
     }) })
@@ -6818,7 +7493,7 @@ function MethodChoiceChip({
   onClick
 }) {
   const meta = METHOD_META[method];
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
     "button",
     {
       type: "button",
@@ -6831,14 +7506,14 @@ function MethodChoiceChip({
       ),
       children: [
         meta.label,
-        !enabled && disabledReason && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "text-xxs font-normal opacity-60", children: disabledReason })
+        !enabled && disabledReason && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "text-xxs font-normal opacity-60", children: disabledReason })
       ]
     }
   );
 }
 
 // src/web/components/deposit-success-screen.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 function DepositSuccessScreen({
   handleDone,
   displayTicker,
@@ -6851,20 +7526,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_runtime60.jsx)("div", { className: "flex h-screen flex-col overflow-hidden bg-background font-display text-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex flex-1 flex-col items-center justify-center p-6 text-center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "relative mb-8", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "absolute inset-0 scale-150 animate-pulse rounded-full bg-primary/20 blur-2xl" }),
-      /* @__PURE__ */ (0, import_jsx_runtime60.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_runtime60.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_runtime74.jsx)("div", { className: "flex h-screen flex-col overflow-hidden bg-background font-display text-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex flex-1 flex-col items-center justify-center p-6 text-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "relative mb-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "absolute inset-0 scale-150 animate-pulse rounded-full bg-primary/20 blur-2xl" }),
+      /* @__PURE__ */ (0, import_jsx_runtime74.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_runtime74.jsx)("span", { className: "material-symbols-outlined text-display text-primary animate-in zoom-in-50 duration-500", children: "check_circle" }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("h1", { className: "mb-2 text-2xl font-bold text-white", children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "mb-8 max-w-[260px] text-sm leading-relaxed text-muted-foreground", children: subtitle }),
-    /* @__PURE__ */ (0, import_jsx_runtime60.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_runtime60.jsx)(AssetIcon, { ticker: displayTicker, size: 36 }),
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "text-left", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-sm font-bold text-white", children: displayTicker }),
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-xs text-white/40", children: selectedAsset?.name ?? displayTicker })
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("h1", { className: "mb-2 text-2xl font-bold text-white", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("p", { className: "mb-8 max-w-[260px] text-sm leading-relaxed text-muted-foreground", children: subtitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime74.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_runtime74.jsx)(AssetIcon, { ticker: displayTicker, size: 36 }),
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "text-left", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("p", { className: "text-sm font-bold text-white", children: displayTicker }),
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("p", { className: "text-xs text-white/40", children: selectedAsset?.name ?? displayTicker })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
         "div",
         {
           className: cn(
@@ -6875,27 +7550,27 @@ function DepositSuccessScreen({
           ),
           children: [
             net.icon,
-            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { children: networkLabel })
+            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { children: networkLabel })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(Button, { variant: "cta", size: "cta", onClick: handleDone, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "material-symbols-outlined text-icon-lg", children: "home" }),
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(Button, { variant: "cta", size: "cta", onClick: handleDone, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime74.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_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime75 = 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_runtime61.jsx)("span", { className: "material-symbols-outlined text-icon-lg", children: "link" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime75.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"
@@ -6905,7 +7580,7 @@ var NETWORK_OPTIONS = {
     account: "SPARK",
     label: "Spark",
     description: "Receive directly into your Spark account. Fast and free.",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("img", { src: "/icons/spark/Asterisk/Spark Asterisk White.svg", alt: "", className: "h-[18px]" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime75.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"
@@ -6915,7 +7590,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_runtime61.jsx)("img", { src: "/icons/arkade/arkade-icon.svg", alt: "", className: "h-[18px]" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime75.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"
@@ -6930,20 +7605,20 @@ function DepositNetworkDefaultModal({
 }) {
   if (!open) return null;
   const options = availableAccounts.map((id) => NETWORK_OPTIONS[id]).filter(Boolean);
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "fixed inset-0 z-50 flex items-end justify-center bg-black/60 backdrop-blur-sm", children: /* @__PURE__ */ (0, import_jsx_runtime61.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_runtime61.jsx)("div", { className: "-mt-1 mb-1 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "h-1 w-10 rounded-full bg-white/15" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "text-sm font-bold text-white", children: "Choose your default network" }),
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("p", { className: "mt-0.5 text-tiny text-white/45", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "fixed inset-0 z-50 flex items-end justify-center bg-black/60 backdrop-blur-sm", children: /* @__PURE__ */ (0, import_jsx_runtime75.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_runtime75.jsx)("div", { className: "-mt-1 mb-1 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "h-1 w-10 rounded-full bg-white/15" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("p", { className: "text-sm font-bold text-white", children: "Choose your default network" }),
+      /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("p", { className: "mt-0.5 text-tiny text-white/45", children: [
         "Pick how you would like to receive",
         " ",
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "font-semibold text-muted-foreground", children: assetTicker }),
+        /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "font-semibold text-muted-foreground", children: assetTicker }),
         " by default. You can always switch in the deposit screen."
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "space-y-2", children: options.map((option) => {
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "space-y-2", children: options.map((option) => {
       const isSuggested = option.account === suggestedAccount;
-      return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
         "button",
         {
           type: "button",
@@ -6953,7 +7628,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_runtime61.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
               "div",
               {
                 className: cn(
@@ -6964,10 +7639,10 @@ function DepositNetworkDefaultModal({
                 children: option.icon
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "min-w-0 flex-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: cn("text-xs font-bold", isSuggested ? option.accentText : "text-white"), children: option.label }),
-                isSuggested && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: cn("text-xs font-bold", isSuggested ? option.accentText : "text-white"), children: option.label }),
+                isSuggested && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
                   "span",
                   {
                     className: cn(
@@ -6979,9 +7654,9 @@ function DepositNetworkDefaultModal({
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "mt-0.5 text-xxs leading-snug text-white/45", children: option.description })
+              /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("p", { className: "mt-0.5 text-xxs leading-snug text-white/45", children: option.description })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
               "span",
               {
                 className: cn(
@@ -7000,7 +7675,7 @@ function DepositNetworkDefaultModal({
 }
 
 // src/web/components/btc-unified-receive.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 function formatSatsForRow(value) {
   if (!value || value <= 0 || !Number.isFinite(value)) return null;
   return `${value.toLocaleString("en-US")} sats`;
@@ -7026,10 +7701,10 @@ function BtcUnifiedReceive({
 }) {
   const accountNetwork = btcSelectedAccount === "SPARK" ? "spark" : btcSelectedAccount === "ARKADE" ? "arkade" : "onchain";
   const qrNetwork = NETWORK_CONFIG[accountNetwork];
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "space-y-3 animate-in fade-in zoom-in-95 duration-300", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime62.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_runtime62.jsx)("div", { className: "flex items-center justify-between px-1", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("label", { className: "text-xxs font-bold uppercase tracking-widest text-white/40", children: "Amount (optional)" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "space-y-3 animate-in fade-in zoom-in-95 duration-300", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime76.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_runtime76.jsx)("div", { className: "flex items-center justify-between px-1", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("label", { className: "text-xxs font-bold uppercase tracking-widest text-white/40", children: "Amount (optional)" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
         "input",
         {
           type: "text",
@@ -7040,13 +7715,13 @@ function BtcUnifiedReceive({
           inputMode: "decimal"
         }
       ),
-      amount && loading && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("p", { className: "flex items-center gap-1 text-xxs text-warning/70", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "material-symbols-outlined animate-spin text-icon-xxs", children: "progress_activity" }),
+      amount && loading && /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("p", { className: "flex items-center gap-1 text-xxs text-warning/70", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "material-symbols-outlined animate-spin text-icon-xxs", children: "progress_activity" }),
         "Updating invoice..."
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex flex-col items-center gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex flex-col items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
         "div",
         {
           className: cn(
@@ -7055,14 +7730,14 @@ function BtcUnifiedReceive({
           ),
           style: qrNetwork.qrGlow,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(QrCode, { value: accountReceiveResult.qrValue, size: 200 }),
-            isInvoicePaid && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(PaidOverlay, {})
+            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(QrCode, { value: accountReceiveResult.qrValue, size: 200 }),
+            isInvoicePaid && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(PaidOverlay, {})
           ]
         }
       ),
       (() => {
         const isQrCopied = copied === accountReceiveResult.qrValue;
-        return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
           "button",
           {
             type: "button",
@@ -7075,14 +7750,14 @@ function BtcUnifiedReceive({
               void copyToClipboard(accountReceiveResult.qrValue);
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { name: isQrCopied ? "check" : "content_copy", size: "xs" }),
+              /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Icon, { name: isQrCopied ? "check" : "content_copy", size: "xs" }),
               isQrCopied ? "Copied" : `Copy ${accountReceiveResult.qrLabel}`
             ]
           }
         );
       })()
     ] }),
-    invoiceStatus && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+    invoiceStatus && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
       InvoiceStatusBanner,
       {
         isInvoicePending,
@@ -7091,11 +7766,11 @@ function BtcUnifiedReceive({
         invoiceStatus
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "space-y-1.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: "text-xxs font-bold uppercase tracking-widest text-white/30", children: "Available Addresses" }),
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime76.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_runtime62.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
           "div",
           {
             className: cn(
@@ -7106,25 +7781,25 @@ function BtcUnifiedReceive({
             style: { borderLeftWidth: 3, borderLeftColor: network.color },
             onClick: () => void copyToClipboard(address.value),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime62.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_runtime62.jsxs)("div", { className: "min-w-0 flex-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: cn("text-xxs font-bold uppercase tracking-widest", network.text), children: address.label }),
+              /* @__PURE__ */ (0, import_jsx_runtime76.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_runtime76.jsxs)("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("p", { className: cn("text-xxs font-bold uppercase tracking-widest", network.text), children: address.label }),
                   (() => {
                     const amountLabel = formatSatsForRow(address.amountSats);
-                    return amountLabel ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "rounded-full bg-white/10 px-1.5 py-0.5 text-tiny font-bold tabular-nums text-white/70", children: amountLabel }) : null;
+                    return amountLabel ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "rounded-full bg-white/10 px-1.5 py-0.5 text-tiny font-bold tabular-nums text-white/70", children: amountLabel }) : null;
                   })()
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime62.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_runtime76.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_runtime62.jsx)(CopyIcon, { copied: copied === address.value })
+              /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(CopyIcon, { copied: copied === address.value })
             ]
           },
           address.network
         );
       })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
       NetworkInfoDisclosure,
       {
         networks: Array.from(
@@ -7132,8 +7807,8 @@ function BtcUnifiedReceive({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex gap-2.5 pt-1", children: [
-      showRegenerate && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex gap-2.5 pt-1", children: [
+      showRegenerate && /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
         "button",
         {
           type: "button",
@@ -7145,13 +7820,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_runtime62.jsx)("span", { className: "material-symbols-outlined text-icon-sm", children: "refresh" }),
+            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "material-symbols-outlined text-icon-sm", children: "refresh" }),
             "New Address"
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(Button, { variant: "cta", onClick: handleDone, className: showRegenerate ? void 0 : "flex-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "material-symbols-outlined text-icon-sm", children: "check" }),
+      /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(Button, { variant: "cta", onClick: handleDone, className: showRegenerate ? void 0 : "flex-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "material-symbols-outlined text-icon-sm", children: "check" }),
         "Done"
       ] })
     ] })
@@ -7159,7 +7834,7 @@ function BtcUnifiedReceive({
 }
 
 // src/web/components/deposit-generated-view.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 function parseAssetAmount(amountString, asset) {
   const value = Number(amountString);
   if (!Number.isFinite(value)) return 0;
@@ -7200,10 +7875,10 @@ function DepositGeneratedView({
   showRegenerate = true,
   onRegenerate
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime63.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_runtime63.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_runtime63.jsx)("div", { className: "flex items-center justify-between px-1", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("label", { className: "text-xxs font-bold uppercase tracking-widest text-white/40", children: "Specify amount (optional)" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime77.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_runtime77.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_runtime77.jsx)("div", { className: "flex items-center justify-between px-1", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("label", { className: "text-xxs font-bold uppercase tracking-widest text-white/40", children: "Specify amount (optional)" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
         "input",
         {
           type: "text",
@@ -7214,16 +7889,16 @@ function DepositGeneratedView({
           inputMode: "decimal"
         }
       ),
-      amount && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { className: "text-xxs text-warning/70", children: loading ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("span", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "material-symbols-outlined animate-spin text-icon-xxs", children: "progress_activity" }),
+      amount && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("p", { className: "text-xxs text-warning/70", children: loading ? /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("span", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime77.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_runtime63.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_runtime63.jsx)("div", { className: "flex items-center justify-between px-1", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("label", { className: "text-xxs font-bold uppercase tracking-widest text-white/40", children: "Specify amount (optional)" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+    network === "lightning" && !isBtc && /* @__PURE__ */ (0, import_jsx_runtime77.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_runtime77.jsx)("div", { className: "flex items-center justify-between px-1", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("label", { className: "text-xxs font-bold uppercase tracking-widest text-white/40", children: "Specify amount (optional)" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
         "input",
         {
           type: "text",
@@ -7234,19 +7909,19 @@ function DepositGeneratedView({
           inputMode: "decimal"
         }
       ),
-      amount && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { className: "text-xxs text-warning/70", children: loading ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("span", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "material-symbols-outlined animate-spin text-icon-xxs", children: "progress_activity" }),
+      amount && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("p", { className: "text-xxs text-warning/70", children: loading ? /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("span", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime77.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_runtime63.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_runtime77.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_runtime63.jsxs)("div", { className: "flex flex-col items-center gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex flex-col items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
         "div",
         {
           className: cn(
@@ -7255,7 +7930,7 @@ function DepositGeneratedView({
           ),
           style: net.qrGlow,
           children: [
-            showQrNetworkBadge && network !== "spark" && network !== "arkade" && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+            showQrNetworkBadge && network !== "spark" && network !== "arkade" && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
               "div",
               {
                 className: cn(
@@ -7265,21 +7940,21 @@ function DepositGeneratedView({
                 ),
                 children: [
                   net.icon,
-                  /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: net.label })
+                  /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { children: net.label })
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(QrCode, { value: address, size: 188 }),
-            isInvoicePaid && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(PaidOverlay, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(QrCode, { value: address, size: 188 }),
+            isInvoicePaid && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(PaidOverlay, {}),
             loading && !isInvoicePaid && // Loading scrim — sits over the QR while a fresh address/invoice
             // is being fetched (e.g. after the New Address button).
-            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "absolute inset-0 flex items-center justify-center rounded-2xl bg-white/80 backdrop-blur-sm", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "material-symbols-outlined animate-spin text-icon-3xl text-network-bitcoin", children: "progress_activity" }) })
+            /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "absolute inset-0 flex items-center justify-center rounded-2xl bg-white/80 backdrop-blur-sm", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "material-symbols-outlined animate-spin text-icon-3xl text-network-bitcoin", children: "progress_activity" }) })
           ]
         }
       ),
       (() => {
         const isAddressCopied = copied === address;
-        return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
           "button",
           {
             type: "button",
@@ -7292,14 +7967,14 @@ function DepositGeneratedView({
               void copyToClipboard(address);
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Icon, { name: isAddressCopied ? "check" : "content_copy", size: "xs" }),
+              /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Icon, { name: isAddressCopied ? "check" : "content_copy", size: "xs" }),
               isAddressCopied ? "Copied" : network === "lightning" ? "Copy Invoice" : "Copy Address"
             ]
           }
         );
       })()
     ] }),
-    network === "lightning" && invoiceStatus && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+    network === "lightning" && invoiceStatus && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
       InvoiceStatusBanner,
       {
         isInvoicePending,
@@ -7308,7 +7983,7 @@ function DepositGeneratedView({
         invoiceStatus
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
       "div",
       {
         "data-testid": "deposit-generated-address",
@@ -7321,16 +7996,16 @@ function DepositGeneratedView({
         style: { borderLeftWidth: 3, borderLeftColor: net.color },
         onClick: () => void copyToClipboard(address),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime63.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_runtime63.jsxs)("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { className: cn("text-xxs font-bold uppercase tracking-widest", net.text), children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { "data-testid": "deposit-address-label", children: addressLabel }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime63.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_runtime77.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_runtime77.jsxs)("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("p", { className: cn("text-xxs font-bold uppercase tracking-widest", net.text), children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { "data-testid": "deposit-address-label", children: addressLabel }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime77.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_runtime63.jsx)(CopyIcon, { copied: copied === address })
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(CopyIcon, { copied: copied === address })
         ]
       }
     ),
-    recipientId && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+    recipientId && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
       "div",
       {
         className: cn(
@@ -7340,16 +8015,16 @@ function DepositGeneratedView({
         style: { borderLeftWidth: 3, borderLeftColor: "var(--primary)" },
         onClick: () => void copyToClipboard(recipientId),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "flex size-5 flex-shrink-0 items-center justify-center rounded-md bg-primary/15", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Icon, { name: "person", size: "xs", className: "text-primary" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { className: "text-xxs font-bold uppercase tracking-widest text-primary", children: "Recipient ID" }),
-            /* @__PURE__ */ (0, import_jsx_runtime63.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_runtime77.jsx)("div", { className: "flex size-5 flex-shrink-0 items-center justify-center rounded-md bg-primary/15", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Icon, { name: "person", size: "xs", className: "text-primary" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("p", { className: "text-xxs font-bold uppercase tracking-widest text-primary", children: "Recipient ID" }),
+            /* @__PURE__ */ (0, import_jsx_runtime77.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_runtime63.jsx)(CopyIcon, { copied: copied === recipientId })
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(CopyIcon, { copied: copied === recipientId })
         ]
       }
     ),
-    showRegenerate && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "flex justify-center pt-1", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+    showRegenerate && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "flex justify-center pt-1", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
       "button",
       {
         type: "button",
@@ -7367,7 +8042,7 @@ function DepositGeneratedView({
           setInvoiceStatus(null);
         },
         className: "flex size-10 items-center justify-center rounded-full bg-primary/15 text-primary transition-all hover:bg-primary/25 active:scale-[0.98] disabled:opacity-50",
-        children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
           "span",
           {
             className: cn("material-symbols-outlined text-icon-md", loading && "animate-spin"),
@@ -7380,7 +8055,7 @@ function DepositGeneratedView({
 }
 
 // src/web/components/deposit-pre-generation.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 var ACCOUNT_TITLES = {
   RGB: "RGB & Lightning",
   SPARK: "Spark",
@@ -7420,62 +8095,62 @@ function DepositPreGeneration({
   showReceiveSummary = true
 }) {
   const method = METHOD_META2[currentMethod];
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "space-y-3", children: [
-    showReceiveSummary && /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "rounded-2xl border border-white/8 bg-white/4 p-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("p", { className: "text-xxs font-bold uppercase tracking-widest text-white/35", children: "Receive Summary" }),
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "mt-2 grid grid-cols-1 gap-2 text-xs", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "text-white/45", children: "Asset" }),
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "font-bold text-white", children: selectedAsset?.ticker ?? (isBtc ? "BTC" : "Asset") })
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "space-y-3", children: [
+    showReceiveSummary && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "rounded-2xl border border-white/8 bg-white/4 p-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("p", { className: "text-xxs font-bold uppercase tracking-widest text-white/35", children: "Receive Summary" }),
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "mt-2 grid grid-cols-1 gap-2 text-xs", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "text-white/45", children: "Asset" }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "font-bold text-white", children: selectedAsset?.ticker ?? (isBtc ? "BTC" : "Asset") })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "text-white/45", children: "Destination account" }),
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "font-bold text-white", children: ACCOUNT_TITLES[selectedAccount] })
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "text-white/45", children: "Destination account" }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "font-bold text-white", children: ACCOUNT_TITLES[selectedAccount] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "text-white/45", children: "Transfer method" }),
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "font-bold text-white", children: method.label })
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "text-white/45", children: "Transfer method" }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "font-bold text-white", children: method.label })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("p", { className: "text-tiny text-white/35", children: method.summary })
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("p", { className: "text-tiny text-white/35", children: method.summary })
       ] })
     ] }),
-    channelsLoading && selectedAccount === "RGB" && currentMethod === "lightning" && !isBtc && /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex items-center gap-2.5 rounded-xl border bg-card p-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "material-symbols-outlined animate-spin text-icon-lg text-primary", children: "progress_activity" }),
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "text-xs font-medium text-white/60", children: "Checking channel availability..." })
+    channelsLoading && selectedAccount === "RGB" && currentMethod === "lightning" && !isBtc && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex items-center gap-2.5 rounded-xl border bg-card p-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "material-symbols-outlined animate-spin text-icon-lg text-primary", children: "progress_activity" }),
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "text-xs font-medium text-white/60", children: "Checking channel availability..." })
     ] }),
-    showChannelWarning && /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(AlertBanner, { variant: "warning", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("p", { className: "mb-0.5 text-xs font-bold text-warning", children: "No Lightning Channels" }),
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("p", { className: "text-tiny text-warning/70", children: "Only on-chain deposits are available." })
+    showChannelWarning && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(AlertBanner, { variant: "warning", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("p", { className: "mb-0.5 text-xs font-bold text-warning", children: "No Lightning Channels" }),
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("p", { className: "text-tiny text-warning/70", children: "Only on-chain deposits are available." })
     ] }),
-    showLiquidityWarning && /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(AlertBanner, { variant: "warning", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("p", { className: "mb-0.5 text-xs font-bold text-warning", children: "No Inbound Liquidity" }),
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("p", { className: "text-tiny text-warning/70", children: [
+    showLiquidityWarning && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(AlertBanner, { variant: "warning", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("p", { className: "mb-0.5 text-xs font-bold text-warning", children: "No Inbound Liquidity" }),
+      /* @__PURE__ */ (0, import_jsx_runtime78.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_runtime64.jsxs)("div", { className: "flex flex-col items-center gap-4 py-10", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: cn("flex size-16 items-center justify-center rounded-2xl border", net.bg, net.border), children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: cn("material-symbols-outlined animate-spin text-icon-4xl", net.text), children: "progress_activity" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "space-y-1 text-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("p", { className: "text-sm font-bold text-muted-foreground", children: [
+    isAutoGenerate && loading && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex flex-col items-center gap-4 py-10", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: cn("flex size-16 items-center justify-center rounded-2xl border", net.bg, net.border), children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: cn("material-symbols-outlined animate-spin text-icon-4xl", net.text), children: "progress_activity" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "space-y-1 text-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("p", { className: "text-sm font-bold text-muted-foreground", children: [
           "Generating ",
           network === "lightning" ? "invoice" : "address",
           "..."
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("p", { className: "text-xs text-white/30", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("p", { className: "text-xs text-white/30", children: [
           net.label,
           " network"
         ] })
       ] })
     ] }),
-    network === "onchain" && !isBtc && /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "space-y-2 rounded-xl border bg-card p-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("h4", { className: "text-xs font-bold text-white", children: "Receive with Privacy" }),
-          /* @__PURE__ */ (0, import_jsx_runtime64.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_runtime78.jsxs)("div", { className: "space-y-2 rounded-xl border bg-card p-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("h4", { className: "text-xs font-bold text-white", children: "Receive with Privacy" }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.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_runtime64.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
           "button",
           {
             type: "button",
@@ -7484,7 +8159,7 @@ function DepositPreGeneration({
               usePrivacy ? "bg-primary" : "bg-white/10"
             ),
             onClick: () => setUsePrivacy(!usePrivacy),
-            children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
               "span",
               {
                 className: cn(
@@ -7496,21 +8171,21 @@ function DepositPreGeneration({
           }
         )
       ] }),
-      !usePrivacy && /* @__PURE__ */ (0, import_jsx_runtime64.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_runtime78.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_runtime64.jsxs)("div", { className: "space-y-1.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("label", { className: "text-xxs font-bold uppercase tracking-widest text-white/40", children: [
+    network === "onchain" && !isBtc && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("label", { className: "text-xxs font-bold uppercase tracking-widest text-white/40", children: [
           "Amount (",
           getUnitLabel(),
           ") - Optional"
         ] }),
-        selectedAsset && /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("span", { className: "text-xxs text-white/30", children: [
+        selectedAsset && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("span", { className: "text-xxs text-white/30", children: [
           selectedAsset.precision ?? 0,
           " decimals"
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
         "input",
         {
           type: "text",
@@ -7522,18 +8197,18 @@ function DepositPreGeneration({
         }
       )
     ] }),
-    needsColorableUtxos && /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(AlertBanner, { variant: "warning", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("p", { className: "mb-0.5 text-xs font-bold text-warning", children: "Colorable UTXOs Required" }),
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("p", { className: "text-tiny text-warning/70", children: "To receive RGB assets on-chain you need at least one uncolored UTXO. Create some now and the invoice will be generated automatically." })
+    needsColorableUtxos && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(AlertBanner, { variant: "warning", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("p", { className: "mb-0.5 text-xs font-bold text-warning", children: "Colorable UTXOs Required" }),
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("p", { className: "text-tiny text-warning/70", children: "To receive RGB assets on-chain you need at least one uncolored UTXO. Create some now and the invoice will be generated automatically." })
     ] }),
-    !isAutoGenerate && (needsColorableUtxos && onOpenCreateUtxos ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Button, { variant: "cta", size: "cta", onClick: onOpenCreateUtxos, disabled: loading, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("span", { className: "flex items-center justify-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "material-symbols-outlined text-icon-md", children: "add_circle" }),
+    !isAutoGenerate && (needsColorableUtxos && onOpenCreateUtxos ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Button, { variant: "cta", size: "cta", onClick: onOpenCreateUtxos, disabled: loading, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("span", { className: "flex items-center justify-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "material-symbols-outlined text-icon-md", children: "add_circle" }),
       "Create Colorable UTXOs"
-    ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Button, { variant: "cta", size: "cta", onClick: generateInvoice, disabled: loading, children: loading ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("span", { className: "flex items-center justify-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "material-symbols-outlined animate-spin text-icon-md", children: "progress_activity" }),
+    ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Button, { variant: "cta", size: "cta", onClick: generateInvoice, disabled: loading, children: loading ? /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("span", { className: "flex items-center justify-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "material-symbols-outlined animate-spin text-icon-md", children: "progress_activity" }),
       "Generating..."
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("span", { className: "flex items-center justify-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "material-symbols-outlined text-icon-md", children: "qr_code_2" }),
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("span", { className: "flex items-center justify-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "material-symbols-outlined text-icon-md", children: "qr_code_2" }),
       "Generate Address"
     ] }) }))
   ] });
@@ -7541,7 +8216,7 @@ function DepositPreGeneration({
 
 // src/web/components/deposit-asset-selection.tsx
 var import_react16 = require("react");
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 var PROTOCOL_BADGE = {
   RGB: { label: "RGB", className: "bg-network-rgb-chip text-network-rgb-text" },
   SPARK: { label: "Spark", className: "bg-network-spark-chip text-network-spark-text" },
@@ -7612,8 +8287,8 @@ function DepositAssetSelection({
       titleHoverClass: "group-hover:text-network-arkade"
     }
   ].filter((option) => option.enabled);
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "relative flex h-screen flex-col overflow-hidden bg-background pt-16 font-display text-foreground", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "absolute left-4 top-4 z-30", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "relative flex h-screen flex-col overflow-hidden bg-background pt-16 font-display text-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "absolute left-4 top-4 z-30", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
       Button,
       {
         type: "button",
@@ -7621,10 +8296,10 @@ function DepositAssetSelection({
         size: "icon-xl",
         onClick: () => setCurrentView("dashboard"),
         "aria-label": "Go back",
-        children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Icon, { name: "arrow_back", size: "xl" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Icon, { name: "arrow_back", size: "xl" })
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "flex-shrink-0 px-5 pb-3 pt-4", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "flex-shrink-0 px-5 pb-3 pt-4", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
       DotPagination,
       {
         count: 2,
@@ -7632,8 +8307,8 @@ function DepositAssetSelection({
         ariaLabel: "Deposit step 1 of 2: select asset"
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "flex-shrink-0 px-5 pb-3", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "flex-shrink-0 px-5 pb-3", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
         Icon,
         {
           name: "search",
@@ -7641,7 +8316,7 @@ function DepositAssetSelection({
           className: "absolute left-3 top-1/2 -translate-y-1/2 text-white/30"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
         "input",
         {
           autoFocus: true,
@@ -7654,8 +8329,8 @@ function DepositAssetSelection({
         }
       )
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(ScrollArea, { className: "min-h-0 flex-1", viewportClassName: "space-y-1.5 px-5 pb-3", children: [
-      btcAsset && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(ScrollArea, { className: "min-h-0 flex-1", viewportClassName: "space-y-1.5 px-5 pb-3", children: [
+      btcAsset && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
         "button",
         {
           type: "button",
@@ -7663,27 +8338,27 @@ function DepositAssetSelection({
           className: "group flex w-full min-w-0 items-center gap-3 overflow-hidden rounded-2xl bg-white/3 px-4 py-3 text-sm transition-all hover:bg-accent",
           onClick: () => onSelectAsset(btcAsset),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(AssetIcon, { ticker: "BTC", size: 40, className: "flex-shrink-0" }),
-            /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "min-w-0 flex-1 text-left", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "font-bold tracking-wide text-white transition-colors group-hover:text-primary/90", children: "Bitcoin" }),
-              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "mt-0.5 text-xs text-white/40", children: "Choose destination account next" })
+            /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(AssetIcon, { ticker: "BTC", size: 40, className: "flex-shrink-0" }),
+            /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "min-w-0 flex-1 text-left", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "font-bold tracking-wide text-white transition-colors group-hover:text-primary/90", children: "Bitcoin" }),
+              /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "mt-0.5 text-xs text-white/40", children: "Choose destination account next" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "hidden min-w-0 max-w-[42%] flex-shrink flex-wrap justify-end gap-1 min-[380px]:flex", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(NetworkBadge, { network: "L1", size: "sm" }),
-              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(NetworkBadge, { network: "LN", size: "sm" }),
-              isSparkConnected && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(NetworkBadge, { network: "Spark", size: "sm" }),
-              isArkadeConnected && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(NetworkBadge, { network: "Arkade", size: "sm" })
+            /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "hidden min-w-0 max-w-[42%] flex-shrink flex-wrap justify-end gap-1 min-[380px]:flex", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(NetworkBadge, { network: "L1", size: "sm" }),
+              /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(NetworkBadge, { network: "LN", size: "sm" }),
+              isSparkConnected && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(NetworkBadge, { network: "Spark", size: "sm" }),
+              isArkadeConnected && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(NetworkBadge, { network: "Arkade", size: "sm" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime65.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_runtime79.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_runtime65.jsxs)("div", { className: "py-8 text-center text-sm text-white/30", children: [
+      noResults ? /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "py-8 text-center text-sm text-white/30", children: [
         'No assets match "',
         searchQuery,
         '"'
-      ] }) : ownedAssetsCount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "space-y-1.5 pt-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+      ] }) : ownedAssetsCount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "space-y-1.5 pt-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
           "button",
           {
             type: "button",
@@ -7696,17 +8371,17 @@ function DepositAssetSelection({
               isSearching && "cursor-default"
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-xxs font-bold uppercase tracking-[0.18em] text-white/55", children: "Your assets" }),
-              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "inline-flex size-5 items-center justify-center rounded-full bg-white/10 text-tiny font-bold text-white/70", children: ownedAssetsCount }),
-              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "flex-1" }),
-              !isSearching && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "material-symbols-outlined text-icon-md text-white/40", children: showOwnedAssets ? "expand_less" : "expand_more" })
+              /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "text-xxs font-bold uppercase tracking-[0.18em] text-white/55", children: "Your assets" }),
+              /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "inline-flex size-5 items-center justify-center rounded-full bg-white/10 text-tiny font-bold text-white/70", children: ownedAssetsCount }),
+              /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "flex-1" }),
+              !isSearching && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Icon, { name: showOwnedAssets ? "expand_less" : "expand_more", size: "md", className: "text-white/40" })
             ]
           }
         ),
-        showOwnedAssets && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "space-y-1.5 duration-200 animate-in fade-in slide-in-from-top-1", children: ownedAssets.map((asset) => {
+        showOwnedAssets && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "space-y-1.5 duration-200 animate-in fade-in slide-in-from-top-1", children: ownedAssets.map((asset) => {
           const protocolBadge = asset.accountId ? PROTOCOL_BADGE[asset.accountId] : null;
           const balance = asset.balance ?? 0;
-          return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
             "button",
             {
               type: "button",
@@ -7714,11 +8389,11 @@ function DepositAssetSelection({
               className: "group flex w-full min-w-0 items-center gap-3 overflow-hidden 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_runtime65.jsx)(AssetIcon, { ticker: asset.ticker, size: 40, className: "flex-shrink-0" }),
-                /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "min-w-0 flex-1 text-left", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex min-w-0 items-center gap-1.5", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "truncate font-bold tracking-wide text-white transition-colors group-hover:text-primary/90", children: asset.ticker }),
-                    protocolBadge && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(AssetIcon, { ticker: asset.ticker, size: 40, className: "flex-shrink-0" }),
+                /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "min-w-0 flex-1 text-left", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex min-w-0 items-center gap-1.5", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "truncate font-bold tracking-wide text-white transition-colors group-hover:text-primary/90", children: asset.ticker }),
+                    protocolBadge && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
                       "span",
                       {
                         className: cn(
@@ -7729,38 +8404,38 @@ function DepositAssetSelection({
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "mt-0.5 truncate text-xs text-white/40", children: asset.name ?? "Asset" })
+                  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "mt-0.5 truncate text-xs text-white/40", children: asset.name ?? "Asset" })
                 ] }),
-                balance > 0 && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex-shrink-0 text-right", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "font-mono text-xs font-bold text-white", children: formatAssetBalance(asset) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "mt-0.5 text-tiny uppercase tracking-wider text-white/35", children: asset.ticker })
+                balance > 0 && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex-shrink-0 text-right", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "font-mono text-xs font-bold text-white", children: formatAssetBalance(asset) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "mt-0.5 text-tiny uppercase tracking-wider text-white/35", children: asset.ticker })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "material-symbols-outlined flex-shrink-0 text-icon-sm text-white/20 transition-colors group-hover:text-white/50", children: "arrow_forward" })
+                /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "material-symbols-outlined flex-shrink-0 text-icon-sm text-white/20 transition-colors group-hover:text-white/50", children: "arrow_forward" })
               ]
             },
             asset.asset_id
           );
         }) })
       ] }) : null,
-      !searchQuery && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "pb-1 pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+      !searchQuery && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "pb-1 pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
         "button",
         {
           type: "button",
           onClick: () => setCurrentView("bridge"),
           className: "group flex w-full items-center gap-3 rounded-2xl bg-gradient-to-r from-primary/10 to-primary/5 p-3 transition-all hover:from-primary/20 hover:to-primary/10",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-xl bg-primary/20", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "material-symbols-outlined text-lg text-primary", children: "swap_calls" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex-1 text-left", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("p", { className: "text-sm font-semibold text-white transition-colors group-hover:text-primary", children: "Bridge from another chain" }),
-              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("p", { className: "text-xxs leading-tight text-white/40", children: "USDC, USDT, ETH, SOL via Flashnet" })
+            /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-xl bg-primary/20", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "material-symbols-outlined text-lg text-primary", children: "swap_calls" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex-1 text-left", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: "text-sm font-semibold text-white transition-colors group-hover:text-primary", children: "Bridge from another chain" }),
+              /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: "text-xxs leading-tight text-white/40", children: "USDC, USDT, ETH, SOL via Flashnet" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "material-symbols-outlined text-lg text-white/30 transition-colors group-hover:text-primary", children: "arrow_forward" })
+            /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "material-symbols-outlined text-lg text-white/30 transition-colors group-hover:text-primary", children: "arrow_forward" })
           ]
         }
       ) }),
-      !searchQuery && newAssetOptions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "space-y-2 pt-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "px-1", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("p", { className: "text-xxs font-bold uppercase tracking-[0.18em] text-white/35", children: "New Asset" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+      !searchQuery && newAssetOptions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "space-y-2 pt-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "px-1", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: "text-xxs font-bold uppercase tracking-[0.18em] text-white/35", children: "New Asset" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
           "div",
           {
             className: cn(
@@ -7769,7 +8444,7 @@ function DepositAssetSelection({
             ),
             children: newAssetOptions.map((option) => {
               const active = isNewAsset && newAssetAccount === option.account;
-              return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
                 "button",
                 {
                   type: "button",
@@ -7780,11 +8455,11 @@ function DepositAssetSelection({
                   ),
                   onClick: () => handleAddNewAsset(option.account),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "relative", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(AssetIcon, { ticker: option.ticker, size: 40 }),
-                      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "absolute -bottom-1 -right-1 flex size-4 items-center justify-center rounded-full bg-primary", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Icon, { name: "add", size: "xs", className: "text-background" }) })
+                    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "relative", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(AssetIcon, { ticker: option.ticker, size: 40 }),
+                      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "absolute -bottom-1 -right-1 flex size-4 items-center justify-center rounded-full bg-primary", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Icon, { name: "add", size: "xs", className: "text-background" }) })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "mt-2 min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "mt-2 min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
                       "div",
                       {
                         className: cn(
@@ -7804,10 +8479,10 @@ function DepositAssetSelection({
         )
       ] })
     ] }),
-    isNewAsset && newAssetAccount === "RGB" && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_jsx_runtime65.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime65.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_runtime65.jsxs)("div", { className: "space-y-2 rounded-2xl border border-network-arkade/20 bg-network-arkade/5 p-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime65.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_runtime65.jsx)(
+    isNewAsset && newAssetAccount === "RGB" && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_jsx_runtime79.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime79.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_runtime79.jsxs)("div", { className: "space-y-2 rounded-2xl border border-network-arkade/20 bg-network-arkade/5 p-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime79.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_runtime79.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",
@@ -7818,16 +8493,16 @@ function DepositAssetSelection({
           }
         )
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "flex-shrink-0 px-5 pb-5 pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(Button, { variant: "cta", size: "cta", onClick: handleContinueToGenerate, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "flex-shrink-0 px-5 pb-5 pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(Button, { variant: "cta", size: "cta", onClick: handleContinueToGenerate, children: [
         "Continue with New Asset",
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "material-symbols-outlined text-icon-xl font-bold", children: "arrow_forward" })
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "material-symbols-outlined text-icon-xl font-bold", children: "arrow_forward" })
       ] }) })
     ] })
   ] });
 }
 
 // src/web/components/deposit-invoice-generation.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 var ACCOUNT_TITLES2 = {
   RGB: "RGB & Lightning",
   SPARK: "Spark",
@@ -7982,7 +8657,7 @@ function DepositInvoiceGeneration({
     if (nextMethod) applyMethodSelection(account, nextMethod);
   };
   if (depositDetected) {
-    return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
       DepositSuccessScreen,
       {
         handleDone,
@@ -7999,15 +8674,15 @@ function DepositInvoiceGeneration({
   const showChannelWarning = selectedAccount === "RGB" && network === "lightning" && !channelsLoading && channels.length === 0 && !isSparkConnected;
   const showLiquidityWarning = !isSparkLightning && network === "lightning" && maxDepositAmount === 0 && !channelsLoading && !isBtc;
   const isNewRgbAsset = isNewAsset && assetFamily === "RGB";
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "relative flex h-screen flex-col overflow-hidden bg-background pt-16 font-display text-foreground", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "absolute left-4 top-4 z-30", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Button, { type: "button", variant: "ghost", size: "icon-xl", onClick: handleBack, "aria-label": "Go back", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon, { name: "arrow_back", size: "xl" }) }) }),
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "relative flex h-screen flex-col overflow-hidden bg-background pt-16 font-display text-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "absolute left-4 top-4 z-30", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Button, { type: "button", variant: "ghost", size: "icon-xl", onClick: handleBack, "aria-label": "Go back", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Icon, { name: "arrow_back", size: "xl" }) }) }),
     (() => {
       const hideDestinationRail = isNewAsset && (network === "spark" || network === "arkade");
       if (hideDestinationRail) return null;
-      return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "flex-shrink-0 border-b border-border bg-background px-4 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: "text-xxs font-bold uppercase tracking-widest text-white/35", children: "Destination Account" }),
-          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "mt-1.5 flex gap-1.5 overflow-x-auto no-scrollbar", children: availableAccounts.map((account) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "flex-shrink-0 border-b border-border bg-background px-4 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: "text-xxs font-bold uppercase tracking-widest text-white/35", children: "Destination Account" }),
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "mt-1.5 flex gap-1.5 overflow-x-auto no-scrollbar", children: availableAccounts.map((account) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
             AccountChoiceChip,
             {
               account,
@@ -8032,9 +8707,9 @@ function DepositInvoiceGeneration({
             account
           )) })
         ] }),
-        !isBtc && !(isNewAsset && (network === "spark" || network === "arkade")) && /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: "text-xxs font-bold uppercase tracking-widest text-white/35", children: "Transfer Method" }),
-          /* @__PURE__ */ (0, import_jsx_runtime66.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_runtime66.jsx)(
+        !isBtc && !(isNewAsset && (network === "spark" || network === "arkade")) && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: "text-xxs font-bold uppercase tracking-widest text-white/35", children: "Transfer Method" }),
+          /* @__PURE__ */ (0, import_jsx_runtime80.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_runtime80.jsx)(
             MethodChoiceChip,
             {
               method,
@@ -8048,7 +8723,7 @@ function DepositInvoiceGeneration({
         ] })
       ] }) });
     })(),
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ScrollArea, { className: "flex-1", viewportAs: "main", viewportClassName: "space-y-2.5 px-4 py-2.5", children: isBtc && accountReceiveResult ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ScrollArea, { className: "flex-1", viewportAs: "main", viewportClassName: "space-y-2.5 px-4 py-2.5", children: isBtc && accountReceiveResult ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
       BtcUnifiedReceive,
       {
         btcSelectedAccount,
@@ -8068,8 +8743,8 @@ function DepositInvoiceGeneration({
         setAccountReceiveResult,
         handleDone
       }
-    ) : isBtc && !accountReceiveResult && loading ? /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex flex-col items-center gap-4 py-10", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+    ) : isBtc && !accountReceiveResult && loading ? /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex flex-col items-center gap-4 py-10", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
         "div",
         {
           className: cn(
@@ -8077,7 +8752,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_runtime66.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
             "span",
             {
               className: cn(
@@ -8089,11 +8764,11 @@ function DepositInvoiceGeneration({
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "space-y-1 text-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: "text-sm font-bold text-muted-foreground", children: "Generating addresses..." }),
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: "text-xs text-white/30", children: ACCOUNT_TITLES2[btcSelectedAccount] })
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "space-y-1 text-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: "text-sm font-bold text-muted-foreground", children: "Generating addresses..." }),
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: "text-xs text-white/30", children: ACCOUNT_TITLES2[btcSelectedAccount] })
       ] })
-    ] }) : !address ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+    ] }) : !address ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
       DepositPreGeneration,
       {
         selectedAsset,
@@ -8117,7 +8792,7 @@ function DepositInvoiceGeneration({
         onOpenCreateUtxos,
         showReceiveSummary: !isNewRgbAsset
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
       DepositGeneratedView,
       {
         network,
@@ -8168,6 +8843,7 @@ function DepositInvoiceGeneration({
   ActivityFilterBar,
   ActivityList,
   ActivityNetworkFilters,
+  ActivityRow,
   ActivityTypeTabs,
   AlertBanner,
   AppIcon,
@@ -8177,6 +8853,7 @@ function DepositInvoiceGeneration({
   AssetSelector,
   BalanceBreakdown,
   BottomNav,
+  BottomSheet,
   BtcUnifiedReceive,
   Button,
   Card,
@@ -8202,15 +8879,19 @@ function DepositInvoiceGeneration({
   DialogPortal,
   DialogTitle,
   DialogTrigger,
+  DisclosureCard,
   DotPagination,
   ErrorBoundary,
   ErrorCard,
   ExpandIcon,
+  ExtensionPageFrame,
   FadeOverlay,
+  FilterChipGroup,
   FilterDropdown,
   HeadlineGradient,
   Icon,
   Icons,
+  InfoPanel,
   InlineAction,
   InlineSelector,
   Input,
@@ -8218,8 +8899,10 @@ function DepositInvoiceGeneration({
   KaleidoScopeHeroAnimation,
   Label,
   LightningNetworkIcon,
+  ListSkeletonRows,
   LoadingCard,
   MethodChoiceChip,
+  MetricCard,
   MobileHeroAnimation,
   NETWORK_CONFIG,
   NetworkBadge,
@@ -8233,6 +8916,8 @@ function DepositInvoiceGeneration({
   QrCode,
   RecoveryPhraseCard,
   ScrollArea,
+  SecretRevealCard,
+  SectionHeader,
   SectionLabel,
   SectionTitle,
   Select,
@@ -8243,12 +8928,17 @@ function DepositInvoiceGeneration({
   SelectSeparator,
   SelectTrigger,
   SelectValue,
+  SelectableCard,
   SettingItem,
   SettingsActionButton,
+  SettingsSectionCard,
+  SettingsSelectorRow,
   SettingsStatusPanel,
   SettingsTile,
+  Skeleton,
   SparkNetworkIcon,
   StatusBadge,
+  StepperNumberInput,
   SwapInputCard,
   Switch,
   Tabs,
@@ -8263,6 +8953,7 @@ function DepositInvoiceGeneration({
   ToastTitle,
   ToastViewport,
   Toaster,
+  ToneBadge,
   TransactionCard,
   TransferRouteCard,
   WalletAssetList,