kaleido-ui 0.1.49 → 0.1.51

package/dist/web/index.js

@@ -5177,8 +5177,72 @@ function PageHeader({
   ] }) });
 }
 
-// src/web/components/setting-item.tsx
+// src/web/components/extension-page-frame.tsx
 import { jsx as jsx52, jsxs as jsxs39 } from "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__ */ jsx52(
+    PageHeader,
+    {
+      title,
+      subtitle,
+      left,
+      right,
+      onBack,
+      backLabel,
+      titleAlign
+    }
+  ) : null);
+  return /* @__PURE__ */ jsxs39(
+    "div",
+    {
+      className: cn(
+        "relative flex h-screen flex-col overflow-hidden bg-background font-display text-foreground",
+        className
+      ),
+      children: [
+        renderedHeader,
+        scroll ? /* @__PURE__ */ jsx52(
+          ScrollArea,
+          {
+            className: cn("flex-1", contentClassName),
+            viewportAs,
+            viewportClassName,
+            children
+          }
+        ) : /* @__PURE__ */ jsx52("div", { className: cn("min-h-0 flex-1", contentClassName), children }),
+        bottomNav,
+        bottomFade && /* @__PURE__ */ jsx52(
+          FadeOverlay,
+          {
+            heightClassName: "h-20",
+            className: cn("fixed inset-x-0 bottom-0 z-20", fadeClassName)
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/web/components/setting-item.tsx
+import { jsx as jsx53, jsxs as jsxs40 } from "react/jsx-runtime";
 function SettingItem({
   icon,
   iconSrc,
@@ -5192,7 +5256,7 @@ function SettingItem({
   iconColor = "text-primary"
 }) {
   const isClickable = !!onClick;
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(
     "div",
     {
       className: cn(
@@ -5201,26 +5265,26 @@ function SettingItem({
         className
       ),
       onClick,
-      children: /* @__PURE__ */ jsxs39("div", { className: "flex items-center justify-between gap-3", children: [
-        /* @__PURE__ */ jsxs39("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: [
-          (icon || iconSrc) && /* @__PURE__ */ jsx52(
+      children: /* @__PURE__ */ jsxs40("div", { className: "flex items-center justify-between gap-3", children: [
+        /* @__PURE__ */ jsxs40("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: [
+          (icon || iconSrc) && /* @__PURE__ */ jsx53(
             "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__ */ jsx52("img", { src: iconSrc, alt: iconAlt ?? title, className: "size-5 object-contain" }) : /* @__PURE__ */ jsx52("span", { className: "material-symbols-outlined text-icon-xl", children: icon })
+              children: iconSrc ? /* @__PURE__ */ jsx53("img", { src: iconSrc, alt: iconAlt ?? title, className: "size-5 object-contain" }) : /* @__PURE__ */ jsx53("span", { className: "material-symbols-outlined text-icon-xl", children: icon })
             }
           ),
-          /* @__PURE__ */ jsxs39("div", { className: "flex flex-col flex-1 min-w-0", children: [
-            /* @__PURE__ */ jsx52("span", { className: "font-bold text-body text-foreground tracking-wide", children: title }),
-            description && /* @__PURE__ */ jsx52("span", { className: "text-sm text-muted-foreground mt-0.5 font-medium", children: description })
+          /* @__PURE__ */ jsxs40("div", { className: "flex flex-col flex-1 min-w-0", children: [
+            /* @__PURE__ */ jsx53("span", { className: "font-bold text-body text-foreground tracking-wide", children: title }),
+            description && /* @__PURE__ */ jsx53("span", { className: "text-sm text-muted-foreground mt-0.5 font-medium", children: description })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs39("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
-          value && /* @__PURE__ */ jsx52("span", { className: "text-xs text-muted-foreground font-mono", children: value }),
-          showChevron && isClickable && /* @__PURE__ */ jsx52("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__ */ jsxs40("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
+          value && /* @__PURE__ */ jsx53("span", { className: "text-xs text-muted-foreground font-mono", children: value }),
+          showChevron && isClickable && /* @__PURE__ */ jsx53("span", { className: "material-symbols-outlined text-icon-md text-muted-foreground group-hover:scale-110 group-hover:text-white transition-all", children: "chevron_right" })
         ] })
       ] })
     }
@@ -5228,9 +5292,9 @@ function SettingItem({
 }
 
 // src/web/components/section-label.tsx
-import { jsx as jsx53 } from "react/jsx-runtime";
+import { jsx as jsx54 } from "react/jsx-runtime";
 function SectionLabel({ children, className }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx54(
     "span",
     {
       className: cn("text-xxs font-black uppercase tracking-eyebrow-wide text-muted-foreground", className),
@@ -5239,8 +5303,22 @@ function SectionLabel({ children, className }) {
   );
 }
 
+// src/web/components/section-header.tsx
+import { jsx as jsx55, jsxs as jsxs41 } from "react/jsx-runtime";
+function SectionHeader({
+  children,
+  right,
+  as: Tag = "h2",
+  className
+}) {
+  return /* @__PURE__ */ jsxs41("div", { className: cn("flex items-center justify-between gap-3 px-1", className), children: [
+    /* @__PURE__ */ jsx55(Tag, { className: "text-xs font-bold uppercase tracking-wider text-muted-foreground", children }),
+    right
+  ] });
+}
+
 // src/web/components/alert-banner.tsx
-import { jsx as jsx54, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs42 } from "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" },
@@ -5249,15 +5327,67 @@ var variantStyles = {
 };
 function AlertBanner({ variant = "info", icon, children, className }) {
   const styles = variantStyles[variant];
-  return /* @__PURE__ */ jsxs40("div", { className: cn("rounded-xl p-3 flex items-center gap-2", styles.container, className), children: [
-    /* @__PURE__ */ jsx54(Icon, { name: icon ?? styles.iconName, size: "md", className: cn("shrink-0", styles.icon) }),
-    /* @__PURE__ */ jsx54("div", { className: cn("text-sm", styles.icon), children })
+  return /* @__PURE__ */ jsxs42("div", { className: cn("rounded-xl p-3 flex items-center gap-2", styles.container, className), children: [
+    /* @__PURE__ */ jsx56(Icon, { name: icon ?? styles.iconName, size: "md", className: cn("shrink-0", styles.icon) }),
+    /* @__PURE__ */ jsx56("div", { className: cn("text-sm", styles.icon), children })
   ] });
 }
 
+// src/web/components/info-panel.tsx
+import { jsx as jsx57, jsxs as jsxs43 } from "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__ */ jsx57(Icon, { name: icon, className: cn("mt-0.5 shrink-0 text-icon-xl", styles.icon) }) : icon;
+  return /* @__PURE__ */ jsx57("div", { className: cn("rounded-xl border p-4", styles.panel, className), children: /* @__PURE__ */ jsxs43("div", { className: "flex items-start gap-3", children: [
+    renderedIcon,
+    /* @__PURE__ */ jsxs43("div", { className: "min-w-0 flex-1", children: [
+      title && /* @__PURE__ */ jsx57("p", { className: cn("text-sm font-bold", styles.title), children: title }),
+      /* @__PURE__ */ jsx57("div", { className: cn("text-xs leading-relaxed", title ? "mt-1" : "", styles.title), children })
+    ] })
+  ] }) });
+}
+
 // src/web/components/error-boundary.tsx
 import { Component } from "react";
-import { jsx as jsx55, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs44 } from "react/jsx-runtime";
 var ErrorBoundary = class extends Component {
   constructor(props) {
     super(props);
@@ -5271,11 +5401,11 @@ var ErrorBoundary = class extends Component {
   }
   render() {
     if (this.state.hasError) {
-      return this.props.fallback ?? /* @__PURE__ */ jsxs41("div", { className: "min-h-screen bg-background text-foreground font-display flex flex-col items-center justify-center p-6 gap-4", children: [
-        /* @__PURE__ */ jsx55("span", { className: "material-symbols-outlined text-danger text-icon-5xl", children: "error" }),
-        /* @__PURE__ */ jsx55("h2", { className: "text-lg font-bold", children: "Something went wrong" }),
-        /* @__PURE__ */ jsx55("p", { className: "text-sm text-muted-foreground text-center", children: this.state.error?.message ?? "An unexpected error occurred." }),
-        /* @__PURE__ */ jsx55(
+      return this.props.fallback ?? /* @__PURE__ */ jsxs44("div", { className: "min-h-screen bg-background text-foreground font-display flex flex-col items-center justify-center p-6 gap-4", children: [
+        /* @__PURE__ */ jsx58("span", { className: "material-symbols-outlined text-danger text-icon-5xl", children: "error" }),
+        /* @__PURE__ */ jsx58("h2", { className: "text-lg font-bold", children: "Something went wrong" }),
+        /* @__PURE__ */ jsx58("p", { className: "text-sm text-muted-foreground text-center", children: this.state.error?.message ?? "An unexpected error occurred." }),
+        /* @__PURE__ */ jsx58(
           "button",
           {
             onClick: () => {
@@ -5293,7 +5423,7 @@ var ErrorBoundary = class extends Component {
 };
 
 // src/web/components/recovery-phrase-card.tsx
-import { jsx as jsx56, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs45 } from "react/jsx-runtime";
 function RecoveryPhraseCard({
   words,
   revealed = false,
@@ -5304,10 +5434,10 @@ function RecoveryPhraseCard({
   className
 }) {
   const hasWords = words.length > 0;
-  return /* @__PURE__ */ jsxs42("section", { className: cn("space-y-2", className), children: [
-    /* @__PURE__ */ jsxs42("div", { className: "flex items-center justify-between px-0.5", children: [
-      /* @__PURE__ */ jsx56("p", { className: "text-xs font-bold uppercase tracking-wider text-muted-foreground", children: title }),
-      hasWords && revealed && onRevealChange && /* @__PURE__ */ jsxs42(
+  return /* @__PURE__ */ jsxs45("section", { className: cn("space-y-2", className), children: [
+    /* @__PURE__ */ jsxs45("div", { className: "flex items-center justify-between px-0.5", children: [
+      /* @__PURE__ */ jsx59("p", { className: "text-xs font-bold uppercase tracking-wider text-muted-foreground", children: title }),
+      hasWords && revealed && onRevealChange && /* @__PURE__ */ jsxs45(
         Button,
         {
           type: "button",
@@ -5316,27 +5446,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__ */ jsx56(Icon, { name: "visibility_off", className: "text-icon-md" }),
+            /* @__PURE__ */ jsx59(Icon, { name: "visibility_off", className: "text-icon-md" }),
             "Hide"
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs42("div", { className: "relative", children: [
-      hasWords ? /* @__PURE__ */ jsx56(
+    /* @__PURE__ */ jsxs45("div", { className: "relative", children: [
+      hasWords ? /* @__PURE__ */ jsx59(
         "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__ */ jsxs42("div", { className: "flex items-center gap-2 rounded-xl bg-card px-3 py-2.5", children: [
-            /* @__PURE__ */ jsx56("span", { className: "w-4 shrink-0 text-xs font-bold text-muted-foreground", children: index + 1 }),
-            /* @__PURE__ */ jsx56("span", { className: "font-mono text-sm text-white", children: word })
+          children: words.map((word, index) => /* @__PURE__ */ jsxs45("div", { className: "flex items-center gap-2 rounded-xl bg-card px-3 py-2.5", children: [
+            /* @__PURE__ */ jsx59("span", { className: "w-4 shrink-0 text-xs font-bold text-muted-foreground", children: index + 1 }),
+            /* @__PURE__ */ jsx59("span", { className: "font-mono text-sm text-white", children: word })
           ] }, `${index}-${word}`))
         }
-      ) : /* @__PURE__ */ jsx56("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__ */ jsx56("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxs42(
+      ) : /* @__PURE__ */ jsx59("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__ */ jsx59("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxs45(
         Button,
         {
           type: "button",
@@ -5344,13 +5474,13 @@ function RecoveryPhraseCard({
           size: "sm",
           onClick: () => onRevealChange(true),
           children: [
-            /* @__PURE__ */ jsx56(Icon, { name: "visibility", className: "text-icon-lg" }),
+            /* @__PURE__ */ jsx59(Icon, { name: "visibility", className: "text-icon-lg" }),
             "Tap to reveal"
           ]
         }
       ) })
     ] }),
-    hasWords && revealed && onCopy && /* @__PURE__ */ jsxs42(
+    hasWords && revealed && onCopy && /* @__PURE__ */ jsxs45(
       Button,
       {
         type: "button",
@@ -5359,7 +5489,7 @@ function RecoveryPhraseCard({
         onClick: onCopy,
         className: "w-full",
         children: [
-          /* @__PURE__ */ jsx56(Icon, { name: "content_copy", className: "text-icon-lg" }),
+          /* @__PURE__ */ jsx59(Icon, { name: "content_copy", className: "text-icon-lg" }),
           "Copy to clipboard"
         ]
       }
@@ -5367,9 +5497,538 @@ function RecoveryPhraseCard({
   ] });
 }
 
+// src/web/components/settings-selector-row.tsx
+import { jsx as jsx60, jsxs as jsxs46 } from "react/jsx-runtime";
+function SettingsSelectorRow({
+  icon,
+  title,
+  description,
+  control,
+  className,
+  iconClassName
+}) {
+  return /* @__PURE__ */ jsxs46("div", { className: cn("flex items-start justify-between gap-3 rounded-2xl bg-card p-5", className), children: [
+    /* @__PURE__ */ jsxs46("div", { className: "flex min-w-0 flex-1 items-start gap-3", children: [
+      /* @__PURE__ */ jsx60(
+        "div",
+        {
+          className: cn(
+            "flex size-10 shrink-0 items-center justify-center rounded-xl bg-muted",
+            iconClassName
+          ),
+          children: icon
+        }
+      ),
+      /* @__PURE__ */ jsxs46("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+        /* @__PURE__ */ jsx60("span", { className: "text-body font-bold tracking-wide text-foreground", children: title }),
+        description && /* @__PURE__ */ jsx60("span", { className: "mt-0.5 text-sm font-medium text-muted-foreground", children: description })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx60("div", { className: "shrink-0", children: control })
+  ] });
+}
+
+// src/web/components/bottom-sheet.tsx
+import { jsx as jsx61, jsxs as jsxs47 } from "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__ */ jsx61(
+    "div",
+    {
+      className: cn(
+        "fixed inset-0 z-50 flex items-end justify-center bg-black/60 backdrop-blur-sm",
+        className
+      ),
+      onClick: handleBackdropClick,
+      children: /* @__PURE__ */ jsxs47(
+        "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__ */ jsx61("div", { className: "-mt-1 flex justify-center", children: /* @__PURE__ */ jsx61("div", { className: "h-1 w-10 rounded-full bg-white/15" }) }),
+            (title || icon) && /* @__PURE__ */ jsxs47("div", { className: "mt-4 flex items-center gap-2", children: [
+              icon,
+              /* @__PURE__ */ jsx61("p", { className: "text-sm font-bold text-foreground", children: title })
+            ] }),
+            /* @__PURE__ */ jsx61("div", { className: cn((title || icon) && "mt-3"), children }),
+            actions && actions.length > 0 && /* @__PURE__ */ jsx61("div", { className: "mt-4 flex gap-2", children: actions.map((action, index) => /* @__PURE__ */ jsxs47(
+              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__ */ jsx61(Icon, { name: action.icon, className: "text-icon-md" }),
+                  action.label
+                ]
+              },
+              index
+            )) })
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/web/components/disclosure-card.tsx
+import { jsx as jsx62, jsxs as jsxs48 } from "react/jsx-runtime";
+function DisclosureCard({
+  title,
+  children,
+  open,
+  onOpenChange,
+  icon,
+  className,
+  triggerClassName,
+  contentClassName
+}) {
+  return /* @__PURE__ */ jsxs48("div", { className, children: [
+    /* @__PURE__ */ jsxs48(
+      "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__ */ jsxs48("span", { className: "flex min-w-0 items-center gap-1.5", children: [
+            icon,
+            /* @__PURE__ */ jsx62("span", { className: "truncate text-xs font-bold text-foreground", children: title })
+          ] }),
+          /* @__PURE__ */ jsx62(
+            Icon,
+            {
+              name: open ? "expand_less" : "expand_more",
+              className: "text-icon-md text-muted-foreground"
+            }
+          )
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsx62(
+      "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
+import { jsx as jsx63, jsxs as jsxs49 } from "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__ */ jsxs49(
+    "div",
+    {
+      className: cn(
+        "flex items-center gap-1.5 overflow-hidden rounded-lg border border-border bg-black/25",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx63(
+          "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__ */ jsx63(Icon, { name: "remove", className: "text-icon-md" })
+          }
+        ),
+        /* @__PURE__ */ jsx63(
+          "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__ */ jsx63(
+          "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__ */ jsx63(Icon, { name: "add", className: "text-icon-md" })
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/web/components/metric-card.tsx
+import { jsx as jsx64, jsxs as jsxs50 } from "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__ */ jsxs50("div", { className: cn("space-y-1 rounded-xl border border-white/8 bg-white/3 p-2.5", className), children: [
+    /* @__PURE__ */ jsxs50("div", { className: "flex items-center gap-1.5", children: [
+      icon && /* @__PURE__ */ jsx64("span", { className: cn("flex size-5 items-center justify-center rounded-md", toneClasses2[tone]), children: typeof icon === "string" ? /* @__PURE__ */ jsx64(Icon, { name: icon, className: "text-icon-xs" }) : icon }),
+      /* @__PURE__ */ jsx64("span", { className: "text-xxs font-bold uppercase tracking-widest text-white/45", children: label })
+    ] }),
+    /* @__PURE__ */ jsx64("p", { className: "font-mono text-sm font-bold text-foreground", children: value }),
+    description && /* @__PURE__ */ jsx64("p", { className: "text-xxs text-white/45", children: description })
+  ] });
+}
+
+// src/web/components/filter-chip-group.tsx
+import { jsx as jsx65, jsxs as jsxs51 } from "react/jsx-runtime";
+function FilterChipGroup({
+  options,
+  value,
+  onChange,
+  className
+}) {
+  return /* @__PURE__ */ jsx65("div", { className: cn("flex gap-1.5 overflow-x-auto no-scrollbar", className), children: options.map((option) => {
+    const active = option.value === value;
+    return /* @__PURE__ */ jsxs51(
+      "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__ */ jsx65(
+            "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
+import { Fragment as Fragment12, jsx as jsx66, jsxs as jsxs52 } from "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__ */ jsxs52(Fragment12, { children: [
+    /* @__PURE__ */ jsxs52("div", { className: "flex min-w-0 items-center gap-3", children: [
+      /* @__PURE__ */ jsx66("div", { className: cn("flex size-10 shrink-0 items-center justify-center rounded-xl shadow-inner", ui.iconClass), children: typeof icon === "string" || !icon ? /* @__PURE__ */ jsx66(Icon, { name: icon ?? ui.icon, className: "text-icon-xl" }) : icon }),
+      /* @__PURE__ */ jsxs52("div", { className: "flex min-w-0 flex-col", children: [
+        /* @__PURE__ */ jsxs52("div", { className: "flex min-w-0 items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx66("span", { className: "truncate text-sm font-bold tracking-wide text-foreground", children: title }),
+          networkBadge
+        ] }),
+        (status || timestamp) && /* @__PURE__ */ jsxs52("div", { className: "mt-1 flex items-center gap-2", children: [
+          status && /* @__PURE__ */ jsx66(StatusBadge, { status, className: "px-1.5 py-0.5 text-xxs" }),
+          timestamp && /* @__PURE__ */ jsx66("span", { className: "text-xxs text-muted-foreground", children: timestamp })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs52("div", { className: "shrink-0 text-right", children: [
+      /* @__PURE__ */ jsxs52("p", { className: cn("text-sm font-bold tracking-wide", ui.amountClass), children: [
+        ui.sign,
+        amount
+      ] }),
+      unit && /* @__PURE__ */ jsx66("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__ */ jsx66("button", { type: "button", onClick, className: rowClassName, children: content });
+  }
+  return /* @__PURE__ */ jsx66("div", { className: rowClassName, children: content });
+}
+
+// src/web/components/skeleton.tsx
+import { jsx as jsx67, jsxs as jsxs53 } from "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__ */ jsx67("div", { "aria-hidden": true, className: cn("animate-pulse rounded", toneClass2[tone], className) });
+}
+function ListSkeletonRows({ rows = 3, className, rowClassName }) {
+  return /* @__PURE__ */ jsx67("div", { className: cn("space-y-2", className), children: Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ jsxs53(
+    "div",
+    {
+      className: cn(
+        "flex items-center gap-3 rounded-2xl bg-white/[0.02] p-4 animate-pulse",
+        rowClassName
+      ),
+      children: [
+        /* @__PURE__ */ jsx67(Skeleton, { className: "size-10 shrink-0 rounded-xl" }),
+        /* @__PURE__ */ jsxs53("div", { className: "flex-1 space-y-2", children: [
+          /* @__PURE__ */ jsx67(Skeleton, { className: "h-3 w-28" }),
+          /* @__PURE__ */ jsx67(Skeleton, { tone: "secondary", className: "h-2.5 w-20" })
+        ] }),
+        /* @__PURE__ */ jsxs53("div", { className: "flex flex-col items-end space-y-1.5", children: [
+          /* @__PURE__ */ jsx67(Skeleton, { className: "h-3 w-14" }),
+          /* @__PURE__ */ jsx67(Skeleton, { tone: "secondary", className: "h-2 w-10" })
+        ] })
+      ]
+    },
+    index
+  )) });
+}
+
+// src/web/components/secret-reveal-card.tsx
+import { jsx as jsx68, jsxs as jsxs54 } from "react/jsx-runtime";
+function SecretRevealCard({
+  value,
+  revealed,
+  onRevealChange,
+  onCopy,
+  revealLabel = "Tap to reveal",
+  hideLabel = "Hide",
+  copyLabel = "Copy",
+  className,
+  valueClassName
+}) {
+  return /* @__PURE__ */ jsxs54("div", { className: cn("space-y-3", className), children: [
+    /* @__PURE__ */ jsxs54("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx68("div", { className: "rounded-xl bg-card px-3 py-3", children: /* @__PURE__ */ jsx68(
+        "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__ */ jsx68("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxs54(
+        "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__ */ jsx68(Icon, { name: "visibility", className: "text-icon-lg" }),
+            revealLabel
+          ]
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs54("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsxs54(
+        "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__ */ jsx68(Icon, { name: revealed ? "visibility_off" : "visibility", className: "text-icon-lg" }),
+            revealed ? hideLabel : revealLabel
+          ]
+        }
+      ),
+      revealed && onCopy && /* @__PURE__ */ jsxs54(
+        "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__ */ jsx68(Icon, { name: "content_copy", className: "text-icon-lg" }),
+            copyLabel
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/web/components/settings-section-card.tsx
+import { jsx as jsx69, jsxs as jsxs55 } from "react/jsx-runtime";
+function SettingsSectionCard({
+  title,
+  description,
+  badge,
+  children,
+  className,
+  bodyClassName
+}) {
+  return /* @__PURE__ */ jsxs55("section", { className: cn("space-y-4 rounded-xl bg-card p-4", className), children: [
+    /* @__PURE__ */ jsxs55("div", { className: "flex items-start justify-between gap-4", children: [
+      /* @__PURE__ */ jsxs55("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx69("h2", { className: "text-sm font-bold text-foreground", children: title }),
+        description && /* @__PURE__ */ jsx69("p", { className: "mt-1 text-xs text-muted-foreground", children: description })
+      ] }),
+      badge
+    ] }),
+    /* @__PURE__ */ jsx69("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__ */ jsx69(
+    "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
+import { jsx as jsx70, jsxs as jsxs56 } from "react/jsx-runtime";
+function SelectableCard({
+  selected,
+  onClick,
+  title,
+  description,
+  badge,
+  preview,
+  indicator = true,
+  children,
+  className
+}) {
+  const content = /* @__PURE__ */ jsxs56("div", { className: "flex items-start justify-between gap-3", children: [
+    /* @__PURE__ */ jsxs56("div", { className: "flex min-w-0 flex-1 items-start gap-3", children: [
+      indicator && /* @__PURE__ */ jsx70(
+        "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__ */ jsx70("div", { className: "size-2 rounded-full bg-background" })
+        }
+      ),
+      /* @__PURE__ */ jsxs56("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxs56("div", { className: "flex flex-wrap items-center gap-2", children: [
+          /* @__PURE__ */ jsx70("span", { className: "text-body font-bold text-foreground", children: title }),
+          badge
+        ] }),
+        description && /* @__PURE__ */ jsx70("p", { className: "mt-0.5 text-xs leading-relaxed text-muted-foreground", children: description }),
+        children
+      ] })
+    ] }),
+    preview && /* @__PURE__ */ jsx70("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__ */ jsx70("button", { type: "button", onClick, className: cardClassName, children: content });
+  }
+  return /* @__PURE__ */ jsx70("div", { className: cardClassName, children: content });
+}
+
 // src/web/components/mobile-hero-animation.tsx
 import { useRef as useRef4, useEffect as useEffect8, useState as useState12 } from "react";
-import { Fragment as Fragment12, jsx as jsx57, jsxs as jsxs43 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx71, jsxs as jsxs57 } from "react/jsx-runtime";
 var PROTOCOLS = [
   { name: "Bitcoin", network: "Bitcoin", iconSuffix: "bitcoin/bitcoin-logo.svg" },
   { name: "Lightning", network: "LN", iconSuffix: "lightning/lightning.svg" },
@@ -5428,15 +6087,15 @@ var MobileHeroAnimation = ({
   }, []);
   const anim = !reducedMotion && isVisible;
   const scale = size / 280;
-  return /* @__PURE__ */ jsxs43(
+  return /* @__PURE__ */ jsxs57(
     "div",
     {
       ref: containerRef,
       className,
       style: { position: "relative", width: size, height: size },
       children: [
-        /* @__PURE__ */ jsx57("style", { children: KEYFRAMES }),
-        /* @__PURE__ */ jsxs43("div", { style: {
+        /* @__PURE__ */ jsx71("style", { children: KEYFRAMES }),
+        /* @__PURE__ */ jsxs57("div", { style: {
           position: "absolute",
           top: 0,
           left: 0,
@@ -5445,7 +6104,7 @@ var MobileHeroAnimation = ({
           transformOrigin: "top left",
           transform: scale !== 1 ? `scale(${scale})` : void 0
         }, children: [
-          /* @__PURE__ */ jsxs43(
+          /* @__PURE__ */ jsxs57(
             "svg",
             {
               viewBox: "0 0 280 280",
@@ -5454,35 +6113,35 @@ var MobileHeroAnimation = ({
               style: { position: "absolute", inset: 0 },
               xmlns: "http://www.w3.org/2000/svg",
               children: [
-                /* @__PURE__ */ jsxs43("defs", { children: [
-                  /* @__PURE__ */ jsxs43("radialGradient", { id: "mh-center-glow", cx: "50%", cy: "50%", r: "50%", children: [
-                    /* @__PURE__ */ jsx57("stop", { offset: "0%", stopColor: "#0e9dff", stopOpacity: "0.3" }),
-                    /* @__PURE__ */ jsx57("stop", { offset: "40%", stopColor: "#8a5cf6", stopOpacity: "0.15" }),
-                    /* @__PURE__ */ jsx57("stop", { offset: "100%", stopColor: "transparent", stopOpacity: "0" })
+                /* @__PURE__ */ jsxs57("defs", { children: [
+                  /* @__PURE__ */ jsxs57("radialGradient", { id: "mh-center-glow", cx: "50%", cy: "50%", r: "50%", children: [
+                    /* @__PURE__ */ jsx71("stop", { offset: "0%", stopColor: "#0e9dff", stopOpacity: "0.3" }),
+                    /* @__PURE__ */ jsx71("stop", { offset: "40%", stopColor: "#8a5cf6", stopOpacity: "0.15" }),
+                    /* @__PURE__ */ jsx71("stop", { offset: "100%", stopColor: "transparent", stopOpacity: "0" })
                   ] }),
-                  /* @__PURE__ */ jsxs43("linearGradient", { id: "mh-gp", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
-                    /* @__PURE__ */ jsx57("stop", { offset: "0%", stopColor: "#22c55e" }),
-                    /* @__PURE__ */ jsx57("stop", { offset: "100%", stopColor: "#8a5cf6" })
+                  /* @__PURE__ */ jsxs57("linearGradient", { id: "mh-gp", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
+                    /* @__PURE__ */ jsx71("stop", { offset: "0%", stopColor: "#22c55e" }),
+                    /* @__PURE__ */ jsx71("stop", { offset: "100%", stopColor: "#8a5cf6" })
                   ] }),
-                  /* @__PURE__ */ jsxs43("linearGradient", { id: "mh-bp", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
-                    /* @__PURE__ */ jsx57("stop", { offset: "0%", stopColor: "#0e9dff" }),
-                    /* @__PURE__ */ jsx57("stop", { offset: "100%", stopColor: "#8a5cf6" })
+                  /* @__PURE__ */ jsxs57("linearGradient", { id: "mh-bp", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
+                    /* @__PURE__ */ jsx71("stop", { offset: "0%", stopColor: "#0e9dff" }),
+                    /* @__PURE__ */ jsx71("stop", { offset: "100%", stopColor: "#8a5cf6" })
                   ] }),
-                  /* @__PURE__ */ jsxs43("filter", { id: "mh-glow", x: "-50%", y: "-50%", width: "200%", height: "200%", children: [
-                    /* @__PURE__ */ jsx57("feGaussianBlur", { stdDeviation: "2.5", result: "blur" }),
-                    /* @__PURE__ */ jsxs43("feMerge", { children: [
-                      /* @__PURE__ */ jsx57("feMergeNode", { in: "blur" }),
-                      /* @__PURE__ */ jsx57("feMergeNode", { in: "SourceGraphic" })
+                  /* @__PURE__ */ jsxs57("filter", { id: "mh-glow", x: "-50%", y: "-50%", width: "200%", height: "200%", children: [
+                    /* @__PURE__ */ jsx71("feGaussianBlur", { stdDeviation: "2.5", result: "blur" }),
+                    /* @__PURE__ */ jsxs57("feMerge", { children: [
+                      /* @__PURE__ */ jsx71("feMergeNode", { in: "blur" }),
+                      /* @__PURE__ */ jsx71("feMergeNode", { in: "SourceGraphic" })
                     ] })
                   ] })
                 ] }),
-                /* @__PURE__ */ jsx57("circle", { cx: C, cy: C, r: ORBIT_R, fill: "none", stroke: "#0e9dff", strokeWidth: "1", strokeOpacity: "0.25", opacity: "0.4", children: anim && /* @__PURE__ */ jsxs43(Fragment12, { children: [
-                  /* @__PURE__ */ jsx57("animate", { attributeName: "r", values: `${ORBIT_R};${Math.round(ORBIT_R * 1.12)};${ORBIT_R}`, dur: "2.5s", repeatCount: "indefinite" }),
-                  /* @__PURE__ */ jsx57("animate", { attributeName: "opacity", values: "0.4;0;0.4", dur: "2.5s", repeatCount: "indefinite" })
+                /* @__PURE__ */ jsx71("circle", { cx: C, cy: C, r: ORBIT_R, fill: "none", stroke: "#0e9dff", strokeWidth: "1", strokeOpacity: "0.25", opacity: "0.4", children: anim && /* @__PURE__ */ jsxs57(Fragment13, { children: [
+                  /* @__PURE__ */ jsx71("animate", { attributeName: "r", values: `${ORBIT_R};${Math.round(ORBIT_R * 1.12)};${ORBIT_R}`, dur: "2.5s", repeatCount: "indefinite" }),
+                  /* @__PURE__ */ jsx71("animate", { attributeName: "opacity", values: "0.4;0;0.4", dur: "2.5s", repeatCount: "indefinite" })
                 ] }) }),
-                /* @__PURE__ */ jsx57("circle", { cx: C, cy: C, r: 80, fill: "none", stroke: "rgba(255,255,255,0.1)", strokeWidth: "1", strokeDasharray: "4 4" }),
-                /* @__PURE__ */ jsxs43("g", { children: [
-                  anim && /* @__PURE__ */ jsx57(
+                /* @__PURE__ */ jsx71("circle", { cx: C, cy: C, r: 80, fill: "none", stroke: "rgba(255,255,255,0.1)", strokeWidth: "1", strokeDasharray: "4 4" }),
+                /* @__PURE__ */ jsxs57("g", { children: [
+                  anim && /* @__PURE__ */ jsx71(
                     "animateTransform",
                     {
                       attributeName: "transform",
@@ -5503,8 +6162,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__ */ jsxs43("g", { children: [
-                      /* @__PURE__ */ jsx57(
+                    return /* @__PURE__ */ jsxs57("g", { children: [
+                      /* @__PURE__ */ jsx71(
                         "line",
                         {
                           x1,
@@ -5515,29 +6174,29 @@ var MobileHeroAnimation = ({
                           strokeWidth: "0.8",
                           strokeDasharray: "2 4",
                           opacity: "0.25",
-                          children: anim && /* @__PURE__ */ jsx57("animate", { attributeName: "stroke-dashoffset", from: "0", to: "-12", dur: `${1.5 + i * 0.2}s`, repeatCount: "indefinite" })
+                          children: anim && /* @__PURE__ */ jsx71("animate", { attributeName: "stroke-dashoffset", from: "0", to: "-12", dur: `${1.5 + i * 0.2}s`, repeatCount: "indefinite" })
                         }
                       ),
-                      /* @__PURE__ */ jsx57("circle", { r: "2", fill: color, opacity: "0", children: anim && /* @__PURE__ */ jsxs43(Fragment12, { children: [
-                        /* @__PURE__ */ jsx57("animate", { attributeName: "cx", values: `${x1};${x2}`, dur, repeatCount: "indefinite" }),
-                        /* @__PURE__ */ jsx57("animate", { attributeName: "cy", values: `${y1};${y2}`, dur, repeatCount: "indefinite" }),
-                        /* @__PURE__ */ jsx57("animate", { attributeName: "opacity", values: "0;0.85;0", dur, repeatCount: "indefinite" }),
-                        /* @__PURE__ */ jsx57("animate", { attributeName: "r", values: "1.5;2.5;1.5", dur, repeatCount: "indefinite" })
+                      /* @__PURE__ */ jsx71("circle", { r: "2", fill: color, opacity: "0", children: anim && /* @__PURE__ */ jsxs57(Fragment13, { children: [
+                        /* @__PURE__ */ jsx71("animate", { attributeName: "cx", values: `${x1};${x2}`, dur, repeatCount: "indefinite" }),
+                        /* @__PURE__ */ jsx71("animate", { attributeName: "cy", values: `${y1};${y2}`, dur, repeatCount: "indefinite" }),
+                        /* @__PURE__ */ jsx71("animate", { attributeName: "opacity", values: "0;0.85;0", dur, repeatCount: "indefinite" }),
+                        /* @__PURE__ */ jsx71("animate", { attributeName: "r", values: "1.5;2.5;1.5", dur, repeatCount: "indefinite" })
                       ] }) })
                     ] }, `line-${i}`);
                   })
                 ] }),
-                /* @__PURE__ */ jsx57("circle", { cx: C, cy: C, r: "42", fill: "url(#mh-center-glow)", children: anim && /* @__PURE__ */ jsx57("animate", { attributeName: "r", values: "38;46;38", dur: "4s", repeatCount: "indefinite" }) }),
-                /* @__PURE__ */ jsx57("circle", { cx: C, cy: C, r: "29", fill: "none", stroke: "url(#mh-bp)", strokeWidth: "1", opacity: "0", children: anim && /* @__PURE__ */ jsxs43(Fragment12, { children: [
-                  /* @__PURE__ */ jsx57("animate", { attributeName: "r", values: "27;38", dur: "3s", repeatCount: "indefinite" }),
-                  /* @__PURE__ */ jsx57("animate", { attributeName: "opacity", values: "0.4;0", dur: "3s", repeatCount: "indefinite" })
+                /* @__PURE__ */ jsx71("circle", { cx: C, cy: C, r: "42", fill: "url(#mh-center-glow)", children: anim && /* @__PURE__ */ jsx71("animate", { attributeName: "r", values: "38;46;38", dur: "4s", repeatCount: "indefinite" }) }),
+                /* @__PURE__ */ jsx71("circle", { cx: C, cy: C, r: "29", fill: "none", stroke: "url(#mh-bp)", strokeWidth: "1", opacity: "0", children: anim && /* @__PURE__ */ jsxs57(Fragment13, { children: [
+                  /* @__PURE__ */ jsx71("animate", { attributeName: "r", values: "27;38", dur: "3s", repeatCount: "indefinite" }),
+                  /* @__PURE__ */ jsx71("animate", { attributeName: "opacity", values: "0.4;0", dur: "3s", repeatCount: "indefinite" })
                 ] }) }),
-                /* @__PURE__ */ jsx57("circle", { cx: C, cy: C, r: "27", fill: "none", stroke: "url(#mh-gp)", strokeWidth: "0.8", opacity: "0", children: anim && /* @__PURE__ */ jsxs43(Fragment12, { children: [
-                  /* @__PURE__ */ jsx57("animate", { attributeName: "r", values: "27;36", dur: "3s", repeatCount: "indefinite", begin: "1.5s" }),
-                  /* @__PURE__ */ jsx57("animate", { attributeName: "opacity", values: "0.3;0", dur: "3s", repeatCount: "indefinite", begin: "1.5s" })
+                /* @__PURE__ */ jsx71("circle", { cx: C, cy: C, r: "27", fill: "none", stroke: "url(#mh-gp)", strokeWidth: "0.8", opacity: "0", children: anim && /* @__PURE__ */ jsxs57(Fragment13, { children: [
+                  /* @__PURE__ */ jsx71("animate", { attributeName: "r", values: "27;36", dur: "3s", repeatCount: "indefinite", begin: "1.5s" }),
+                  /* @__PURE__ */ jsx71("animate", { attributeName: "opacity", values: "0.3;0", dur: "3s", repeatCount: "indefinite", begin: "1.5s" })
                 ] }) }),
-                /* @__PURE__ */ jsx57("g", { transform: `translate(${C},${C})`, children: /* @__PURE__ */ jsxs43("g", { children: [
-                  anim && /* @__PURE__ */ jsx57(
+                /* @__PURE__ */ jsx71("g", { transform: `translate(${C},${C})`, children: /* @__PURE__ */ jsxs57("g", { children: [
+                  anim && /* @__PURE__ */ jsx71(
                     "animateTransform",
                     {
                       attributeName: "transform",
@@ -5549,13 +6208,13 @@ var MobileHeroAnimation = ({
                       additive: "sum"
                     }
                   ),
-                  /* @__PURE__ */ jsx57("path", { d: hexPath(34), fill: "none", stroke: "url(#mh-gp)", strokeWidth: "1.5", opacity: "0.4", filter: "url(#mh-glow)", children: anim && /* @__PURE__ */ jsxs43(Fragment12, { children: [
-                    /* @__PURE__ */ jsx57("animate", { attributeName: "opacity", values: "0.3;0.65;0.3", dur: "3s", repeatCount: "indefinite" }),
-                    /* @__PURE__ */ jsx57("animate", { attributeName: "stroke-width", values: "1.5;2.5;1.5", dur: "3s", repeatCount: "indefinite" })
+                  /* @__PURE__ */ jsx71("path", { d: hexPath(34), fill: "none", stroke: "url(#mh-gp)", strokeWidth: "1.5", opacity: "0.4", filter: "url(#mh-glow)", children: anim && /* @__PURE__ */ jsxs57(Fragment13, { children: [
+                    /* @__PURE__ */ jsx71("animate", { attributeName: "opacity", values: "0.3;0.65;0.3", dur: "3s", repeatCount: "indefinite" }),
+                    /* @__PURE__ */ jsx71("animate", { attributeName: "stroke-width", values: "1.5;2.5;1.5", dur: "3s", repeatCount: "indefinite" })
                   ] }) })
                 ] }) }),
-                /* @__PURE__ */ jsx57("g", { transform: `translate(${C},${C})`, children: /* @__PURE__ */ jsxs43("g", { children: [
-                  anim && /* @__PURE__ */ jsx57(
+                /* @__PURE__ */ jsx71("g", { transform: `translate(${C},${C})`, children: /* @__PURE__ */ jsxs57("g", { children: [
+                  anim && /* @__PURE__ */ jsx71(
                     "animateTransform",
                     {
                       attributeName: "transform",
@@ -5567,28 +6226,28 @@ var MobileHeroAnimation = ({
                       additive: "sum"
                     }
                   ),
-                  /* @__PURE__ */ jsx57("path", { d: hexPath(32), fill: "rgba(10,15,30,0.75)", stroke: "rgba(255,255,255,0.08)", strokeWidth: "0.5" })
+                  /* @__PURE__ */ jsx71("path", { d: hexPath(32), fill: "rgba(10,15,30,0.75)", stroke: "rgba(255,255,255,0.08)", strokeWidth: "0.5" })
                 ] }) }),
-                /* @__PURE__ */ jsxs43("g", { transform: `translate(${C - 19},${C - 19}) scale(0.182)`, children: [
-                  /* @__PURE__ */ jsx57("path", { d: "M69.7141 207.3H0.908203L35.3243 172.936L69.7141 207.3Z", fill: "#6F32FF" }),
-                  /* @__PURE__ */ jsx57("path", { d: "M138.441 0.96106V69.767L104.078 35.3508L138.441 0.96106Z", fill: "#17B581" }),
-                  /* @__PURE__ */ jsx57("path", { d: "M138.415 138.547V207.352L104.051 172.936L138.415 138.547Z", fill: "#17B581" }),
-                  /* @__PURE__ */ jsx57("path", { d: "M138.441 69.7406V0.96106L172.804 35.3772L138.441 69.767V69.7406Z", fill: "#17B581" }),
-                  /* @__PURE__ */ jsx57("path", { d: "M69.6614 138.494V69.6879L104.025 104.104L69.6614 138.494Z", fill: "#15E99A" }),
-                  /* @__PURE__ */ jsx57("path", { d: "M69.6615 69.7142V138.52L35.2981 104.104L69.6615 69.7142Z", fill: "#15E99A" }),
-                  /* @__PURE__ */ jsx57("path", { d: "M138.467 207.379V138.573L172.831 172.989L138.467 207.379Z", fill: "#17B581" }),
-                  /* @__PURE__ */ jsx57("path", { d: "M0.908203 0.908325H69.7141L35.298 35.2718L0.908203 0.908325Z", fill: "#6F32FF" }),
-                  /* @__PURE__ */ jsx57("path", { d: "M207.22 207.3H138.415L172.831 172.936L207.22 207.3Z", fill: "#17B581" }),
-                  /* @__PURE__ */ jsx57("path", { d: "M138.415 0.987427H207.22L172.804 35.3509L138.415 0.987427Z", fill: "#17B581" }),
-                  /* @__PURE__ */ jsx57("path", { d: "M138.467 69.7143H69.6614L104.078 35.3508L138.467 69.7143Z", fill: "#17B581" }),
-                  /* @__PURE__ */ jsx57("path", { d: "M69.635 138.494H138.441L104.025 172.857L69.635 138.494Z", fill: "#17B581" }),
-                  /* @__PURE__ */ jsx57("path", { d: "M138.415 138.494H69.635L104.025 104.157L138.388 138.494H138.415Z", fill: "#15E99A" }),
-                  /* @__PURE__ */ jsx57("path", { d: "M138.415 69.7142L104.051 104.051L69.6614 69.7142H138.441H138.415Z", fill: "#15E99A" })
+                /* @__PURE__ */ jsxs57("g", { transform: `translate(${C - 19},${C - 19}) scale(0.182)`, children: [
+                  /* @__PURE__ */ jsx71("path", { d: "M69.7141 207.3H0.908203L35.3243 172.936L69.7141 207.3Z", fill: "#6F32FF" }),
+                  /* @__PURE__ */ jsx71("path", { d: "M138.441 0.96106V69.767L104.078 35.3508L138.441 0.96106Z", fill: "#17B581" }),
+                  /* @__PURE__ */ jsx71("path", { d: "M138.415 138.547V207.352L104.051 172.936L138.415 138.547Z", fill: "#17B581" }),
+                  /* @__PURE__ */ jsx71("path", { d: "M138.441 69.7406V0.96106L172.804 35.3772L138.441 69.767V69.7406Z", fill: "#17B581" }),
+                  /* @__PURE__ */ jsx71("path", { d: "M69.6614 138.494V69.6879L104.025 104.104L69.6614 138.494Z", fill: "#15E99A" }),
+                  /* @__PURE__ */ jsx71("path", { d: "M69.6615 69.7142V138.52L35.2981 104.104L69.6615 69.7142Z", fill: "#15E99A" }),
+                  /* @__PURE__ */ jsx71("path", { d: "M138.467 207.379V138.573L172.831 172.989L138.467 207.379Z", fill: "#17B581" }),
+                  /* @__PURE__ */ jsx71("path", { d: "M0.908203 0.908325H69.7141L35.298 35.2718L0.908203 0.908325Z", fill: "#6F32FF" }),
+                  /* @__PURE__ */ jsx71("path", { d: "M207.22 207.3H138.415L172.831 172.936L207.22 207.3Z", fill: "#17B581" }),
+                  /* @__PURE__ */ jsx71("path", { d: "M138.415 0.987427H207.22L172.804 35.3509L138.415 0.987427Z", fill: "#17B581" }),
+                  /* @__PURE__ */ jsx71("path", { d: "M138.467 69.7143H69.6614L104.078 35.3508L138.467 69.7143Z", fill: "#17B581" }),
+                  /* @__PURE__ */ jsx71("path", { d: "M69.635 138.494H138.441L104.025 172.857L69.635 138.494Z", fill: "#17B581" }),
+                  /* @__PURE__ */ jsx71("path", { d: "M138.415 138.494H69.635L104.025 104.157L138.388 138.494H138.415Z", fill: "#15E99A" }),
+                  /* @__PURE__ */ jsx71("path", { d: "M138.415 69.7142L104.051 104.051L69.6614 69.7142H138.441H138.415Z", fill: "#15E99A" })
                 ] })
               ]
             }
           ),
-          /* @__PURE__ */ jsx57("div", { style: {
+          /* @__PURE__ */ jsx71("div", { style: {
             position: "absolute",
             inset: 0,
             width: 280,
@@ -5599,7 +6258,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__ */ jsx57(
+            return /* @__PURE__ */ jsx71(
               "div",
               {
                 style: {
@@ -5610,7 +6269,7 @@ var MobileHeroAnimation = ({
                   height: BADGE_SIZE,
                   animation: anim ? "mha-counter-spin 20s linear infinite" : "none"
                 },
-                children: /* @__PURE__ */ jsx57("div", { style: {
+                children: /* @__PURE__ */ jsx71("div", { style: {
                   width: "100%",
                   height: "100%",
                   borderRadius: "50%",
@@ -5621,7 +6280,7 @@ var MobileHeroAnimation = ({
                   display: "flex",
                   alignItems: "center",
                   justifyContent: "center"
-                }, children: /* @__PURE__ */ jsx57(
+                }, children: /* @__PURE__ */ jsx71(
                   "img",
                   {
                     src: iconBasePath ? `${iconBasePath}/${protocol.iconSuffix}` : protocolIcons[protocol.network] ?? protocol.iconSuffix,
@@ -5641,7 +6300,7 @@ var MobileHeroAnimation = ({
 
 // src/web/components/kaleidoscope-hero-animation.tsx
 import { useRef as useRef5, useEffect as useEffect9, useState as useState13, useCallback as useCallback2 } from "react";
-import { Fragment as Fragment13, jsx as jsx58, jsxs as jsxs44 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx72, jsxs as jsxs58 } from "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)" },
@@ -5746,13 +6405,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__ */ jsx58(
+  return /* @__PURE__ */ jsx72(
     "div",
     {
       ref: containerRef,
       className: `relative ${className}`,
       style: size ? { width: size, height: size } : void 0,
-      children: /* @__PURE__ */ jsxs44(
+      children: /* @__PURE__ */ jsxs58(
         "svg",
         {
           viewBox: "0 0 500 500",
@@ -5761,60 +6420,60 @@ var KaleidoScopeHeroAnimation = ({
           xmlns: "http://www.w3.org/2000/svg",
           className: "overflow-visible",
           children: [
-            /* @__PURE__ */ jsxs44("defs", { children: [
-              /* @__PURE__ */ jsxs44("linearGradient", { id: "kh-grad-a", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
-                /* @__PURE__ */ jsx58("stop", { offset: "0%", children: anim && /* @__PURE__ */ jsx58("animate", { attributeName: "stop-color", values: "#22c55e;#8a5cf6;#06b6d4;#F7931A;#22c55e", dur: "10s", repeatCount: "indefinite" }) }),
-                /* @__PURE__ */ jsx58("stop", { offset: "100%", children: anim && /* @__PURE__ */ jsx58("animate", { attributeName: "stop-color", values: "#8a5cf6;#F7931A;#22c55e;#06b6d4;#8a5cf6", dur: "10s", repeatCount: "indefinite" }) })
+            /* @__PURE__ */ jsxs58("defs", { children: [
+              /* @__PURE__ */ jsxs58("linearGradient", { id: "kh-grad-a", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
+                /* @__PURE__ */ jsx72("stop", { offset: "0%", children: anim && /* @__PURE__ */ jsx72("animate", { attributeName: "stop-color", values: "#22c55e;#8a5cf6;#06b6d4;#F7931A;#22c55e", dur: "10s", repeatCount: "indefinite" }) }),
+                /* @__PURE__ */ jsx72("stop", { offset: "100%", children: anim && /* @__PURE__ */ jsx72("animate", { attributeName: "stop-color", values: "#8a5cf6;#F7931A;#22c55e;#06b6d4;#8a5cf6", dur: "10s", repeatCount: "indefinite" }) })
               ] }),
-              /* @__PURE__ */ jsxs44("linearGradient", { id: "kh-grad-b", x1: "100%", y1: "0%", x2: "0%", y2: "100%", children: [
-                /* @__PURE__ */ jsx58("stop", { offset: "0%", children: anim && /* @__PURE__ */ jsx58("animate", { attributeName: "stop-color", values: "#06b6d4;#22c55e;#F7931A;#8a5cf6;#06b6d4", dur: "8s", repeatCount: "indefinite" }) }),
-                /* @__PURE__ */ jsx58("stop", { offset: "100%", children: anim && /* @__PURE__ */ jsx58("animate", { attributeName: "stop-color", values: "#F7931A;#06b6d4;#8a5cf6;#22c55e;#F7931A", dur: "8s", repeatCount: "indefinite" }) })
+              /* @__PURE__ */ jsxs58("linearGradient", { id: "kh-grad-b", x1: "100%", y1: "0%", x2: "0%", y2: "100%", children: [
+                /* @__PURE__ */ jsx72("stop", { offset: "0%", children: anim && /* @__PURE__ */ jsx72("animate", { attributeName: "stop-color", values: "#06b6d4;#22c55e;#F7931A;#8a5cf6;#06b6d4", dur: "8s", repeatCount: "indefinite" }) }),
+                /* @__PURE__ */ jsx72("stop", { offset: "100%", children: anim && /* @__PURE__ */ jsx72("animate", { attributeName: "stop-color", values: "#F7931A;#06b6d4;#8a5cf6;#22c55e;#F7931A", dur: "8s", repeatCount: "indefinite" }) })
               ] }),
-              /* @__PURE__ */ jsxs44("linearGradient", { id: "kh-grad-c", x1: "50%", y1: "0%", x2: "50%", y2: "100%", children: [
-                /* @__PURE__ */ jsx58("stop", { offset: "0%", children: anim && /* @__PURE__ */ jsx58("animate", { attributeName: "stop-color", values: "#0e9dff;#8a5cf6;#15E99A;#0e9dff", dur: "6s", repeatCount: "indefinite" }) }),
-                /* @__PURE__ */ jsx58("stop", { offset: "100%", children: anim && /* @__PURE__ */ jsx58("animate", { attributeName: "stop-color", values: "#8a5cf6;#15E99A;#0e9dff;#8a5cf6", dur: "6s", repeatCount: "indefinite" }) })
+              /* @__PURE__ */ jsxs58("linearGradient", { id: "kh-grad-c", x1: "50%", y1: "0%", x2: "50%", y2: "100%", children: [
+                /* @__PURE__ */ jsx72("stop", { offset: "0%", children: anim && /* @__PURE__ */ jsx72("animate", { attributeName: "stop-color", values: "#0e9dff;#8a5cf6;#15E99A;#0e9dff", dur: "6s", repeatCount: "indefinite" }) }),
+                /* @__PURE__ */ jsx72("stop", { offset: "100%", children: anim && /* @__PURE__ */ jsx72("animate", { attributeName: "stop-color", values: "#8a5cf6;#15E99A;#0e9dff;#8a5cf6", dur: "6s", repeatCount: "indefinite" }) })
               ] }),
-              /* @__PURE__ */ jsxs44("linearGradient", { id: "kh-gp", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
-                /* @__PURE__ */ jsx58("stop", { offset: "0%", stopColor: "#22c55e" }),
-                /* @__PURE__ */ jsx58("stop", { offset: "100%", stopColor: "#8a5cf6" })
+              /* @__PURE__ */ jsxs58("linearGradient", { id: "kh-gp", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
+                /* @__PURE__ */ jsx72("stop", { offset: "0%", stopColor: "#22c55e" }),
+                /* @__PURE__ */ jsx72("stop", { offset: "100%", stopColor: "#8a5cf6" })
               ] }),
-              /* @__PURE__ */ jsxs44("linearGradient", { id: "kh-oc", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
-                /* @__PURE__ */ jsx58("stop", { offset: "0%", stopColor: "#F7931A" }),
-                /* @__PURE__ */ jsx58("stop", { offset: "100%", stopColor: "#06b6d4" })
+              /* @__PURE__ */ jsxs58("linearGradient", { id: "kh-oc", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
+                /* @__PURE__ */ jsx72("stop", { offset: "0%", stopColor: "#F7931A" }),
+                /* @__PURE__ */ jsx72("stop", { offset: "100%", stopColor: "#06b6d4" })
               ] }),
-              /* @__PURE__ */ jsxs44("linearGradient", { id: "kh-bp", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
-                /* @__PURE__ */ jsx58("stop", { offset: "0%", stopColor: "#0e9dff" }),
-                /* @__PURE__ */ jsx58("stop", { offset: "100%", stopColor: "#8a5cf6" })
+              /* @__PURE__ */ jsxs58("linearGradient", { id: "kh-bp", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
+                /* @__PURE__ */ jsx72("stop", { offset: "0%", stopColor: "#0e9dff" }),
+                /* @__PURE__ */ jsx72("stop", { offset: "100%", stopColor: "#8a5cf6" })
               ] }),
-              /* @__PURE__ */ jsxs44("radialGradient", { id: "kh-center-glow", cx: "50%", cy: "50%", r: "50%", children: [
-                /* @__PURE__ */ jsx58("stop", { offset: "0%", stopColor: "#0e9dff", stopOpacity: "0.3" }),
-                /* @__PURE__ */ jsx58("stop", { offset: "40%", stopColor: "#8a5cf6", stopOpacity: "0.15" }),
-                /* @__PURE__ */ jsx58("stop", { offset: "100%", stopColor: "transparent", stopOpacity: "0" })
+              /* @__PURE__ */ jsxs58("radialGradient", { id: "kh-center-glow", cx: "50%", cy: "50%", r: "50%", children: [
+                /* @__PURE__ */ jsx72("stop", { offset: "0%", stopColor: "#0e9dff", stopOpacity: "0.3" }),
+                /* @__PURE__ */ jsx72("stop", { offset: "40%", stopColor: "#8a5cf6", stopOpacity: "0.15" }),
+                /* @__PURE__ */ jsx72("stop", { offset: "100%", stopColor: "transparent", stopOpacity: "0" })
               ] }),
-              /* @__PURE__ */ jsxs44("radialGradient", { id: "kh-haze", cx: "50%", cy: "50%", r: "50%", children: [
-                /* @__PURE__ */ jsx58("stop", { offset: "0%", stopColor: "transparent", stopOpacity: "0" }),
-                /* @__PURE__ */ jsx58("stop", { offset: "60%", stopColor: "#0e9dff", stopOpacity: "0.03" }),
-                /* @__PURE__ */ jsx58("stop", { offset: "100%", stopColor: "#8a5cf6", stopOpacity: "0.06" })
+              /* @__PURE__ */ jsxs58("radialGradient", { id: "kh-haze", cx: "50%", cy: "50%", r: "50%", children: [
+                /* @__PURE__ */ jsx72("stop", { offset: "0%", stopColor: "transparent", stopOpacity: "0" }),
+                /* @__PURE__ */ jsx72("stop", { offset: "60%", stopColor: "#0e9dff", stopOpacity: "0.03" }),
+                /* @__PURE__ */ jsx72("stop", { offset: "100%", stopColor: "#8a5cf6", stopOpacity: "0.06" })
               ] }),
-              /* @__PURE__ */ jsxs44("filter", { id: "kh-glow", x: "-50%", y: "-50%", width: "200%", height: "200%", children: [
-                /* @__PURE__ */ jsx58("feGaussianBlur", { stdDeviation: "3", result: "blur" }),
-                /* @__PURE__ */ jsxs44("feMerge", { children: [
-                  /* @__PURE__ */ jsx58("feMergeNode", { in: "blur" }),
-                  /* @__PURE__ */ jsx58("feMergeNode", { in: "SourceGraphic" })
+              /* @__PURE__ */ jsxs58("filter", { id: "kh-glow", x: "-50%", y: "-50%", width: "200%", height: "200%", children: [
+                /* @__PURE__ */ jsx72("feGaussianBlur", { stdDeviation: "3", result: "blur" }),
+                /* @__PURE__ */ jsxs58("feMerge", { children: [
+                  /* @__PURE__ */ jsx72("feMergeNode", { in: "blur" }),
+                  /* @__PURE__ */ jsx72("feMergeNode", { in: "SourceGraphic" })
                 ] })
               ] }),
-              /* @__PURE__ */ jsxs44("filter", { id: "kh-glow-lg", x: "-50%", y: "-50%", width: "200%", height: "200%", children: [
-                /* @__PURE__ */ jsx58("feGaussianBlur", { stdDeviation: "8", result: "blur" }),
-                /* @__PURE__ */ jsxs44("feMerge", { children: [
-                  /* @__PURE__ */ jsx58("feMergeNode", { in: "blur" }),
-                  /* @__PURE__ */ jsx58("feMergeNode", { in: "SourceGraphic" })
+              /* @__PURE__ */ jsxs58("filter", { id: "kh-glow-lg", x: "-50%", y: "-50%", width: "200%", height: "200%", children: [
+                /* @__PURE__ */ jsx72("feGaussianBlur", { stdDeviation: "8", result: "blur" }),
+                /* @__PURE__ */ jsxs58("feMerge", { children: [
+                  /* @__PURE__ */ jsx72("feMergeNode", { in: "blur" }),
+                  /* @__PURE__ */ jsx72("feMergeNode", { in: "SourceGraphic" })
                 ] })
               ] })
             ] }),
-            /* @__PURE__ */ jsx58("circle", { cx: c, cy: c, r: "248", fill: "url(#kh-haze)" }),
-            /* @__PURE__ */ jsxs44("g", { transform: px(20), children: [
-              /* @__PURE__ */ jsxs44("g", { children: [
-                anim && /* @__PURE__ */ jsx58(
+            /* @__PURE__ */ jsx72("circle", { cx: c, cy: c, r: "248", fill: "url(#kh-haze)" }),
+            /* @__PURE__ */ jsxs58("g", { transform: px(20), children: [
+              /* @__PURE__ */ jsxs58("g", { children: [
+                anim && /* @__PURE__ */ jsx72(
                   "animateTransform",
                   {
                     attributeName: "transform",
@@ -5827,14 +6486,14 @@ var KaleidoScopeHeroAnimation = ({
                 ),
                 Array.from({ length: 6 }, (_, i) => {
                   const a = Math.PI / 3 * i;
-                  return /* @__PURE__ */ jsxs44("g", { transform: `translate(${c + outerR1 * Math.cos(a)},${c + outerR1 * Math.sin(a)})`, children: [
-                    /* @__PURE__ */ jsx58("path", { d: hexPath2(40), fill: "url(#kh-grad-a)", opacity: 0.08 + i % 3 * 0.04 }),
-                    /* @__PURE__ */ jsx58("path", { d: hexPath2(40), fill: "none", stroke: "url(#kh-grad-a)", strokeWidth: "0.5", opacity: 0.15, children: anim && /* @__PURE__ */ jsx58("animate", { attributeName: "opacity", values: "0.1;0.25;0.1", dur: `${4 + i * 0.3}s`, repeatCount: "indefinite" }) })
+                  return /* @__PURE__ */ jsxs58("g", { transform: `translate(${c + outerR1 * Math.cos(a)},${c + outerR1 * Math.sin(a)})`, children: [
+                    /* @__PURE__ */ jsx72("path", { d: hexPath2(40), fill: "url(#kh-grad-a)", opacity: 0.08 + i % 3 * 0.04 }),
+                    /* @__PURE__ */ jsx72("path", { d: hexPath2(40), fill: "none", stroke: "url(#kh-grad-a)", strokeWidth: "0.5", opacity: 0.15, children: anim && /* @__PURE__ */ jsx72("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__ */ jsx58(
+                  return /* @__PURE__ */ jsx72(
                     "path",
                     {
                       d: triPath(14),
@@ -5847,7 +6506,7 @@ var KaleidoScopeHeroAnimation = ({
                 }),
                 Array.from({ length: 12 }, (_, i) => {
                   const a = Math.PI / 6 * i;
-                  return /* @__PURE__ */ jsx58(
+                  return /* @__PURE__ */ jsx72(
                     "circle",
                     {
                       cx: c + outerR1 * 0.92 * Math.cos(a),
@@ -5855,14 +6514,14 @@ var KaleidoScopeHeroAnimation = ({
                       r: "1.5",
                       fill: "url(#kh-grad-a)",
                       opacity: "0.15",
-                      children: anim && /* @__PURE__ */ jsx58("animate", { attributeName: "opacity", values: "0.08;0.25;0.08", dur: `${2 + i % 3 * 0.7}s`, repeatCount: "indefinite" })
+                      children: anim && /* @__PURE__ */ jsx72("animate", { attributeName: "opacity", values: "0.08;0.25;0.08", dur: `${2 + i % 3 * 0.7}s`, repeatCount: "indefinite" })
                     },
                     `od-${i}`
                   );
                 })
               ] }),
-              /* @__PURE__ */ jsxs44("g", { children: [
-                anim && /* @__PURE__ */ jsx58(
+              /* @__PURE__ */ jsxs58("g", { children: [
+                anim && /* @__PURE__ */ jsx72(
                   "animateTransform",
                   {
                     attributeName: "transform",
@@ -5875,28 +6534,28 @@ var KaleidoScopeHeroAnimation = ({
                 ),
                 Array.from({ length: 6 }, (_, i) => {
                   const a = Math.PI / 3 * i + Math.PI / 6;
-                  return /* @__PURE__ */ jsxs44("g", { transform: `translate(${c + outerR2 * Math.cos(a)},${c + outerR2 * Math.sin(a)})`, children: [
-                    /* @__PURE__ */ jsx58("path", { d: hexPath2(30), fill: "url(#kh-grad-b)", opacity: 0.06 + i % 2 * 0.04 }),
-                    /* @__PURE__ */ jsx58("path", { d: hexPath2(30), fill: "none", stroke: "url(#kh-grad-b)", strokeWidth: "0.5", opacity: 0.12 })
+                  return /* @__PURE__ */ jsxs58("g", { transform: `translate(${c + outerR2 * Math.cos(a)},${c + outerR2 * Math.sin(a)})`, children: [
+                    /* @__PURE__ */ jsx72("path", { d: hexPath2(30), fill: "url(#kh-grad-b)", opacity: 0.06 + i % 2 * 0.04 }),
+                    /* @__PURE__ */ jsx72("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__ */ jsx58(
+                  return /* @__PURE__ */ jsx72(
                     "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__ */ jsx58("animate", { attributeName: "opacity", values: "0.05;0.15;0.05", dur: `${3.5 + i * 0.4}s`, repeatCount: "indefinite" })
+                      children: anim && /* @__PURE__ */ jsx72("animate", { attributeName: "opacity", values: "0.05;0.15;0.05", dur: `${3.5 + i * 0.4}s`, repeatCount: "indefinite" })
                     },
                     `db-${i}`
                   );
                 })
               ] }),
-              /* @__PURE__ */ jsxs44("g", { children: [
-                anim && /* @__PURE__ */ jsx58(
+              /* @__PURE__ */ jsxs58("g", { children: [
+                anim && /* @__PURE__ */ jsx72(
                   "animateTransform",
                   {
                     attributeName: "transform",
@@ -5910,23 +6569,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__ */ jsx58(
+                  return /* @__PURE__ */ jsx72(
                     "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__ */ jsx58("animate", { attributeName: "opacity", values: "0.03;0.1;0.03", dur: `${5 + i % 4 * 0.8}s`, repeatCount: "indefinite" })
+                      children: anim && /* @__PURE__ */ jsx72("animate", { attributeName: "opacity", values: "0.03;0.1;0.03", dur: `${5 + i % 4 * 0.8}s`, repeatCount: "indefinite" })
                     },
                     `tc-${i}`
                   );
                 })
               ] })
             ] }),
-            /* @__PURE__ */ jsxs44("g", { transform: px(14), children: [
-              /* @__PURE__ */ jsxs44("g", { children: [
-                anim && /* @__PURE__ */ jsx58(
+            /* @__PURE__ */ jsxs58("g", { transform: px(14), children: [
+              /* @__PURE__ */ jsxs58("g", { children: [
+                anim && /* @__PURE__ */ jsx72(
                   "animateTransform",
                   {
                     attributeName: "transform",
@@ -5939,9 +6598,9 @@ var KaleidoScopeHeroAnimation = ({
                 ),
                 Array.from({ length: 12 }, (_, i) => {
                   const a = Math.PI / 6 * i;
-                  return /* @__PURE__ */ jsxs44("g", { transform: `translate(${c + midR * Math.cos(a)},${c + midR * Math.sin(a)})`, children: [
-                    /* @__PURE__ */ jsx58("path", { d: hexPath2(12), fill: "url(#kh-grad-c)", opacity: 0.08 + i % 3 * 0.03 }),
-                    /* @__PURE__ */ jsx58("path", { d: hexPath2(12), fill: "none", stroke: "url(#kh-grad-c)", strokeWidth: "0.4", opacity: "0.12", children: anim && /* @__PURE__ */ jsx58("animate", { attributeName: "opacity", values: "0.08;0.2;0.08", dur: `${3 + i % 4 * 0.5}s`, repeatCount: "indefinite" }) })
+                  return /* @__PURE__ */ jsxs58("g", { transform: `translate(${c + midR * Math.cos(a)},${c + midR * Math.sin(a)})`, children: [
+                    /* @__PURE__ */ jsx72("path", { d: hexPath2(12), fill: "url(#kh-grad-c)", opacity: 0.08 + i % 3 * 0.03 }),
+                    /* @__PURE__ */ jsx72("path", { d: hexPath2(12), fill: "none", stroke: "url(#kh-grad-c)", strokeWidth: "0.4", opacity: "0.12", children: anim && /* @__PURE__ */ jsx72("animate", { attributeName: "opacity", values: "0.08;0.2;0.08", dur: `${3 + i % 4 * 0.5}s`, repeatCount: "indefinite" }) })
                   ] }, `mh-${i}`);
                 })
               ] }),
@@ -5952,7 +6611,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__ */ jsx58(
+                return /* @__PURE__ */ jsx72(
                   "path",
                   {
                     d: `M${x1},${y1} Q${c},${c} ${x2},${y2}`,
@@ -5961,17 +6620,17 @@ var KaleidoScopeHeroAnimation = ({
                     strokeWidth: "0.5",
                     strokeDasharray: "3 5",
                     opacity: "0.1",
-                    children: anim && /* @__PURE__ */ jsx58("animate", { attributeName: "stroke-dashoffset", from: "0", to: "-16", dur: `${3 + i * 0.2}s`, repeatCount: "indefinite" })
+                    children: anim && /* @__PURE__ */ jsx72("animate", { attributeName: "stroke-dashoffset", from: "0", to: "-16", dur: `${3 + i * 0.2}s`, repeatCount: "indefinite" })
                   },
                   `arc-${i}`
                 );
               })
             ] }),
-            /* @__PURE__ */ jsxs44("g", { transform: px(10), children: [
-              /* @__PURE__ */ jsx58("circle", { cx: c, cy: c, r: orbitR, fill: "none", stroke: "rgba(255,255,255,0.05)", strokeWidth: "1", strokeDasharray: "3 5", children: anim && /* @__PURE__ */ jsx58("animateTransform", { attributeName: "transform", type: "rotate", from: `0 ${c} ${c}`, to: `360 ${c} ${c}`, dur: "90s", repeatCount: "indefinite" }) }),
-              /* @__PURE__ */ jsx58("circle", { cx: c, cy: c, r: orbitR + 4, fill: "none", stroke: "rgba(255,255,255,0.03)", strokeWidth: "0.5" }),
-              /* @__PURE__ */ jsxs44("g", { children: [
-                anim && /* @__PURE__ */ jsx58(
+            /* @__PURE__ */ jsxs58("g", { transform: px(10), children: [
+              /* @__PURE__ */ jsx72("circle", { cx: c, cy: c, r: orbitR, fill: "none", stroke: "rgba(255,255,255,0.05)", strokeWidth: "1", strokeDasharray: "3 5", children: anim && /* @__PURE__ */ jsx72("animateTransform", { attributeName: "transform", type: "rotate", from: `0 ${c} ${c}`, to: `360 ${c} ${c}`, dur: "90s", repeatCount: "indefinite" }) }),
+              /* @__PURE__ */ jsx72("circle", { cx: c, cy: c, r: orbitR + 4, fill: "none", stroke: "rgba(255,255,255,0.03)", strokeWidth: "0.5" }),
+              /* @__PURE__ */ jsxs58("g", { children: [
+                anim && /* @__PURE__ */ jsx72(
                   "animateTransform",
                   {
                     attributeName: "transform",
@@ -5986,8 +6645,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__ */ jsxs44("g", { children: [
-                    /* @__PURE__ */ jsx58(
+                  return /* @__PURE__ */ jsxs58("g", { children: [
+                    /* @__PURE__ */ jsx72(
                       "line",
                       {
                         x1: c + dx * 52,
@@ -5998,14 +6657,14 @@ var KaleidoScopeHeroAnimation = ({
                         strokeWidth: "0.8",
                         strokeDasharray: "2 4",
                         opacity: "0.2",
-                        children: anim && /* @__PURE__ */ jsx58("animate", { attributeName: "stroke-dashoffset", from: "0", to: "-12", dur: `${1.5 + i * 0.2}s`, repeatCount: "indefinite" })
+                        children: anim && /* @__PURE__ */ jsx72("animate", { attributeName: "stroke-dashoffset", from: "0", to: "-12", dur: `${1.5 + i * 0.2}s`, repeatCount: "indefinite" })
                       }
                     ),
-                    /* @__PURE__ */ jsx58("circle", { r: "2.5", fill: PROTOCOLS2[i].color, opacity: "0", children: anim && /* @__PURE__ */ jsxs44(Fragment13, { children: [
-                      /* @__PURE__ */ jsx58("animate", { attributeName: "cx", values: `${c + dx * 52};${pos.x}`, dur: `${2 + i * 0.3}s`, repeatCount: "indefinite" }),
-                      /* @__PURE__ */ jsx58("animate", { attributeName: "cy", values: `${c + dy * 52};${pos.y}`, dur: `${2 + i * 0.3}s`, repeatCount: "indefinite" }),
-                      /* @__PURE__ */ jsx58("animate", { attributeName: "opacity", values: "0;0.8;0", dur: `${2 + i * 0.3}s`, repeatCount: "indefinite" }),
-                      /* @__PURE__ */ jsx58("animate", { attributeName: "r", values: "1.5;3;1.5", dur: `${2 + i * 0.3}s`, repeatCount: "indefinite" })
+                    /* @__PURE__ */ jsx72("circle", { r: "2.5", fill: PROTOCOLS2[i].color, opacity: "0", children: anim && /* @__PURE__ */ jsxs58(Fragment14, { children: [
+                      /* @__PURE__ */ jsx72("animate", { attributeName: "cx", values: `${c + dx * 52};${pos.x}`, dur: `${2 + i * 0.3}s`, repeatCount: "indefinite" }),
+                      /* @__PURE__ */ jsx72("animate", { attributeName: "cy", values: `${c + dy * 52};${pos.y}`, dur: `${2 + i * 0.3}s`, repeatCount: "indefinite" }),
+                      /* @__PURE__ */ jsx72("animate", { attributeName: "opacity", values: "0;0.8;0", dur: `${2 + i * 0.3}s`, repeatCount: "indefinite" }),
+                      /* @__PURE__ */ jsx72("animate", { attributeName: "r", values: "1.5;3;1.5", dur: `${2 + i * 0.3}s`, repeatCount: "indefinite" })
                     ] }) })
                   ] }, `conn-${i}`);
                 }),
@@ -6013,14 +6672,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__ */ jsx58("g", { transform: `translate(${pos.x},${pos.y})`, children: /* @__PURE__ */ jsxs44(
+                  return /* @__PURE__ */ jsx72("g", { transform: `translate(${pos.x},${pos.y})`, children: /* @__PURE__ */ jsxs58(
                     "g",
                     {
                       onMouseEnter: () => setHoveredProtocol(proto.name),
                       onMouseLeave: () => setHoveredProtocol(null),
                       style: { cursor: "pointer" },
                       children: [
-                        anim && /* @__PURE__ */ jsx58(
+                        anim && /* @__PURE__ */ jsx72(
                           "animateTransform",
                           {
                             attributeName: "transform",
@@ -6031,7 +6690,7 @@ var KaleidoScopeHeroAnimation = ({
                             repeatCount: "indefinite"
                           }
                         ),
-                        /* @__PURE__ */ jsx58(
+                        /* @__PURE__ */ jsx72(
                           "circle",
                           {
                             cx: "0",
@@ -6041,13 +6700,13 @@ var KaleidoScopeHeroAnimation = ({
                             stroke: proto.color,
                             strokeWidth: "1",
                             opacity: "0",
-                            children: anim && /* @__PURE__ */ jsxs44(Fragment13, { children: [
-                              /* @__PURE__ */ jsx58("animate", { attributeName: "r", values: `${iconR};${iconR + 12}`, dur: `${3 + i * 0.5}s`, repeatCount: "indefinite", begin: `${i * 0.4}s` }),
-                              /* @__PURE__ */ jsx58("animate", { attributeName: "opacity", values: "0.5;0", dur: `${3 + i * 0.5}s`, repeatCount: "indefinite", begin: `${i * 0.4}s` })
+                            children: anim && /* @__PURE__ */ jsxs58(Fragment14, { children: [
+                              /* @__PURE__ */ jsx72("animate", { attributeName: "r", values: `${iconR};${iconR + 12}`, dur: `${3 + i * 0.5}s`, repeatCount: "indefinite", begin: `${i * 0.4}s` }),
+                              /* @__PURE__ */ jsx72("animate", { attributeName: "opacity", values: "0.5;0", dur: `${3 + i * 0.5}s`, repeatCount: "indefinite", begin: `${i * 0.4}s` })
                             ] })
                           }
                         ),
-                        /* @__PURE__ */ jsx58(
+                        /* @__PURE__ */ jsx72(
                           "circle",
                           {
                             cx: "0",
@@ -6057,10 +6716,10 @@ var KaleidoScopeHeroAnimation = ({
                             stroke: proto.color,
                             strokeWidth: "1",
                             opacity: "0.15",
-                            children: anim && /* @__PURE__ */ jsx58("animate", { attributeName: "opacity", values: "0.15;0.4;0.15", dur: `${3 + i * 0.4}s`, repeatCount: "indefinite" })
+                            children: anim && /* @__PURE__ */ jsx72("animate", { attributeName: "opacity", values: "0.15;0.4;0.15", dur: `${3 + i * 0.4}s`, repeatCount: "indefinite" })
                           }
                         ),
-                        /* @__PURE__ */ jsx58(
+                        /* @__PURE__ */ jsx72(
                           "circle",
                           {
                             cx: "0",
@@ -6070,10 +6729,10 @@ var KaleidoScopeHeroAnimation = ({
                             stroke: proto.color,
                             strokeWidth: "1.5",
                             opacity: "0.25",
-                            children: anim && /* @__PURE__ */ jsx58("animate", { attributeName: "opacity", values: "0.2;0.5;0.2", dur: `${2.5 + i * 0.3}s`, repeatCount: "indefinite" })
+                            children: anim && /* @__PURE__ */ jsx72("animate", { attributeName: "opacity", values: "0.2;0.5;0.2", dur: `${2.5 + i * 0.3}s`, repeatCount: "indefinite" })
                           }
                         ),
-                        /* @__PURE__ */ jsx58(
+                        /* @__PURE__ */ jsx72(
                           "circle",
                           {
                             cx: "0",
@@ -6084,8 +6743,8 @@ var KaleidoScopeHeroAnimation = ({
                             strokeWidth: "1"
                           }
                         ),
-                        /* @__PURE__ */ jsx58("circle", { cx: "0", cy: "0", r: iconR - 2, fill: proto.color, opacity: "0.06" }),
-                        /* @__PURE__ */ jsx58("foreignObject", { x: -iconR, y: -iconR, width: iconR * 2, height: iconR * 2, children: /* @__PURE__ */ jsx58(
+                        /* @__PURE__ */ jsx72("circle", { cx: "0", cy: "0", r: iconR - 2, fill: proto.color, opacity: "0.06" }),
+                        /* @__PURE__ */ jsx72("foreignObject", { x: -iconR, y: -iconR, width: iconR * 2, height: iconR * 2, children: /* @__PURE__ */ jsx72(
                           NetworkBadge,
                           {
                             network: proto.network,
@@ -6093,8 +6752,8 @@ var KaleidoScopeHeroAnimation = ({
                             className: "w-full h-full"
                           }
                         ) }),
-                        /* @__PURE__ */ jsxs44("g", { opacity: isHovered ? 1 : 0, style: { transition: "opacity 0.2s ease" }, children: [
-                          /* @__PURE__ */ jsx58(
+                        /* @__PURE__ */ jsxs58("g", { opacity: isHovered ? 1 : 0, style: { transition: "opacity 0.2s ease" }, children: [
+                          /* @__PURE__ */ jsx72(
                             "rect",
                             {
                               x: -labelWidth / 2,
@@ -6108,7 +6767,7 @@ var KaleidoScopeHeroAnimation = ({
                               strokeOpacity: 0.4
                             }
                           ),
-                          /* @__PURE__ */ jsx58(
+                          /* @__PURE__ */ jsx72(
                             "text",
                             {
                               x: "0",
@@ -6128,9 +6787,9 @@ var KaleidoScopeHeroAnimation = ({
                 })
               ] })
             ] }),
-            /* @__PURE__ */ jsxs44("g", { transform: px(5), children: [
-              /* @__PURE__ */ jsxs44("g", { children: [
-                anim && /* @__PURE__ */ jsx58(
+            /* @__PURE__ */ jsxs58("g", { transform: px(5), children: [
+              /* @__PURE__ */ jsxs58("g", { children: [
+                anim && /* @__PURE__ */ jsx72(
                   "animateTransform",
                   {
                     attributeName: "transform",
@@ -6143,28 +6802,28 @@ var KaleidoScopeHeroAnimation = ({
                 ),
                 Array.from({ length: 6 }, (_, i) => {
                   const a = Math.PI / 3 * i;
-                  return /* @__PURE__ */ jsx58(
+                  return /* @__PURE__ */ jsx72(
                     "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__ */ jsx58("animate", { attributeName: "opacity", values: "0.1;0.28;0.1", dur: `${2.8 + i * 0.35}s`, repeatCount: "indefinite" })
+                      children: anim && /* @__PURE__ */ jsx72("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__ */ jsx58(
+                  return /* @__PURE__ */ jsx72(
                     "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__ */ jsx58("animate", { attributeName: "opacity", values: "0.06;0.18;0.06", dur: `${3.2 + i * 0.3}s`, repeatCount: "indefinite" })
+                      children: anim && /* @__PURE__ */ jsx72("animate", { attributeName: "opacity", values: "0.06;0.18;0.06", dur: `${3.2 + i * 0.3}s`, repeatCount: "indefinite" })
                     },
                     `it-${i}`
                   );
@@ -6172,7 +6831,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__ */ jsx58(
+                  return /* @__PURE__ */ jsx72(
                     "circle",
                     {
                       cx: c + r * Math.cos(a),
@@ -6180,14 +6839,14 @@ var KaleidoScopeHeroAnimation = ({
                       r: i % 2 === 0 ? 2 : 1.5,
                       fill: "url(#kh-oc)",
                       opacity: "0.2",
-                      children: anim && /* @__PURE__ */ jsx58("animate", { attributeName: "opacity", values: "0.1;0.35;0.1", dur: `${2 + i % 4 * 0.5}s`, repeatCount: "indefinite" })
+                      children: anim && /* @__PURE__ */ jsx72("animate", { attributeName: "opacity", values: "0.1;0.35;0.1", dur: `${2 + i % 4 * 0.5}s`, repeatCount: "indefinite" })
                     },
                     `id-${i}`
                   );
                 })
               ] }),
-              /* @__PURE__ */ jsxs44("g", { children: [
-                anim && /* @__PURE__ */ jsx58(
+              /* @__PURE__ */ jsxs58("g", { children: [
+                anim && /* @__PURE__ */ jsx72(
                   "animateTransform",
                   {
                     attributeName: "transform",
@@ -6200,27 +6859,27 @@ var KaleidoScopeHeroAnimation = ({
                 ),
                 Array.from({ length: 6 }, (_, i) => {
                   const a = Math.PI / 3 * i + Math.PI / 6;
-                  return /* @__PURE__ */ jsx58(
+                  return /* @__PURE__ */ jsx72(
                     "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__ */ jsx58("animate", { attributeName: "opacity", values: "0.06;0.18;0.06", dur: `${2.5 + i * 0.3}s`, repeatCount: "indefinite" })
+                      children: anim && /* @__PURE__ */ jsx72("animate", { attributeName: "opacity", values: "0.06;0.18;0.06", dur: `${2.5 + i * 0.3}s`, repeatCount: "indefinite" })
                     },
                     `ih-${i}`
                   );
                 })
               ] })
             ] }),
-            /* @__PURE__ */ jsx58("g", { transform: px(18), children: Array.from({ length: 16 }, (_, i) => {
+            /* @__PURE__ */ jsx72("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__ */ jsx58(
+              return /* @__PURE__ */ jsx72(
                 "circle",
                 {
                   cx: x,
@@ -6228,26 +6887,26 @@ var KaleidoScopeHeroAnimation = ({
                   r: 1 + i % 3 * 0.5,
                   fill: colors2[i % colors2.length],
                   opacity: "0",
-                  children: anim && /* @__PURE__ */ jsxs44(Fragment13, { children: [
-                    /* @__PURE__ */ jsx58("animate", { attributeName: "opacity", values: "0;0.6;0", dur: `${3 + i % 5 * 0.8}s`, repeatCount: "indefinite", begin: `${i % 7 * 0.5}s` }),
-                    /* @__PURE__ */ jsx58("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__ */ jsx58("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__ */ jsxs58(Fragment14, { children: [
+                    /* @__PURE__ */ jsx72("animate", { attributeName: "opacity", values: "0;0.6;0", dur: `${3 + i % 5 * 0.8}s`, repeatCount: "indefinite", begin: `${i % 7 * 0.5}s` }),
+                    /* @__PURE__ */ jsx72("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__ */ jsx72("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__ */ jsxs44("g", { children: [
-              /* @__PURE__ */ jsx58("circle", { cx: c, cy: c, r: "75", fill: "url(#kh-center-glow)", children: anim && /* @__PURE__ */ jsx58("animate", { attributeName: "r", values: "70;80;70", dur: "4s", repeatCount: "indefinite" }) }),
-              /* @__PURE__ */ jsx58("circle", { cx: c, cy: c, r: "52", fill: "none", stroke: "url(#kh-bp)", strokeWidth: "1", opacity: "0", children: anim && /* @__PURE__ */ jsxs44(Fragment13, { children: [
-                /* @__PURE__ */ jsx58("animate", { attributeName: "r", values: "48;65", dur: "3s", repeatCount: "indefinite" }),
-                /* @__PURE__ */ jsx58("animate", { attributeName: "opacity", values: "0.4;0", dur: "3s", repeatCount: "indefinite" })
+            /* @__PURE__ */ jsxs58("g", { children: [
+              /* @__PURE__ */ jsx72("circle", { cx: c, cy: c, r: "75", fill: "url(#kh-center-glow)", children: anim && /* @__PURE__ */ jsx72("animate", { attributeName: "r", values: "70;80;70", dur: "4s", repeatCount: "indefinite" }) }),
+              /* @__PURE__ */ jsx72("circle", { cx: c, cy: c, r: "52", fill: "none", stroke: "url(#kh-bp)", strokeWidth: "1", opacity: "0", children: anim && /* @__PURE__ */ jsxs58(Fragment14, { children: [
+                /* @__PURE__ */ jsx72("animate", { attributeName: "r", values: "48;65", dur: "3s", repeatCount: "indefinite" }),
+                /* @__PURE__ */ jsx72("animate", { attributeName: "opacity", values: "0.4;0", dur: "3s", repeatCount: "indefinite" })
               ] }) }),
-              /* @__PURE__ */ jsx58("circle", { cx: c, cy: c, r: "48", fill: "none", stroke: "url(#kh-gp)", strokeWidth: "0.8", opacity: "0", children: anim && /* @__PURE__ */ jsxs44(Fragment13, { children: [
-                /* @__PURE__ */ jsx58("animate", { attributeName: "r", values: "48;60", dur: "3s", repeatCount: "indefinite", begin: "1.5s" }),
-                /* @__PURE__ */ jsx58("animate", { attributeName: "opacity", values: "0.3;0", dur: "3s", repeatCount: "indefinite", begin: "1.5s" })
+              /* @__PURE__ */ jsx72("circle", { cx: c, cy: c, r: "48", fill: "none", stroke: "url(#kh-gp)", strokeWidth: "0.8", opacity: "0", children: anim && /* @__PURE__ */ jsxs58(Fragment14, { children: [
+                /* @__PURE__ */ jsx72("animate", { attributeName: "r", values: "48;60", dur: "3s", repeatCount: "indefinite", begin: "1.5s" }),
+                /* @__PURE__ */ jsx72("animate", { attributeName: "opacity", values: "0.3;0", dur: "3s", repeatCount: "indefinite", begin: "1.5s" })
               ] }) }),
-              /* @__PURE__ */ jsx58(
+              /* @__PURE__ */ jsx72(
                 "path",
                 {
                   d: hexPath2(50),
@@ -6257,13 +6916,13 @@ var KaleidoScopeHeroAnimation = ({
                   strokeWidth: "1.5",
                   opacity: "0.4",
                   filter: "url(#kh-glow)",
-                  children: anim && /* @__PURE__ */ jsxs44(Fragment13, { children: [
-                    /* @__PURE__ */ jsx58("animate", { attributeName: "opacity", values: "0.3;0.65;0.3", dur: "3s", repeatCount: "indefinite" }),
-                    /* @__PURE__ */ jsx58("animate", { attributeName: "stroke-width", values: "1.5;2.5;1.5", dur: "3s", repeatCount: "indefinite" })
+                  children: anim && /* @__PURE__ */ jsxs58(Fragment14, { children: [
+                    /* @__PURE__ */ jsx72("animate", { attributeName: "opacity", values: "0.3;0.65;0.3", dur: "3s", repeatCount: "indefinite" }),
+                    /* @__PURE__ */ jsx72("animate", { attributeName: "stroke-width", values: "1.5;2.5;1.5", dur: "3s", repeatCount: "indefinite" })
                   ] })
                 }
               ),
-              /* @__PURE__ */ jsx58(
+              /* @__PURE__ */ jsx72(
                 "path",
                 {
                   d: hexPath2(46),
@@ -6273,21 +6932,21 @@ var KaleidoScopeHeroAnimation = ({
                   strokeWidth: "0.5"
                 }
               ),
-              /* @__PURE__ */ jsxs44("g", { transform: `translate(${c - 34},${c - 34}) scale(0.325)`, children: [
-                /* @__PURE__ */ jsx58("path", { d: "M69.7141 207.3H0.908203L35.3243 172.936L69.7141 207.3Z", fill: "#6F32FF" }),
-                /* @__PURE__ */ jsx58("path", { d: "M138.441 0.96106V69.767L104.078 35.3508L138.441 0.96106Z", fill: "#17B581" }),
-                /* @__PURE__ */ jsx58("path", { d: "M138.415 138.547V207.352L104.051 172.936L138.415 138.547Z", fill: "#17B581" }),
-                /* @__PURE__ */ jsx58("path", { d: "M138.441 69.7406V0.96106L172.804 35.3772L138.441 69.767V69.7406Z", fill: "#17B581" }),
-                /* @__PURE__ */ jsx58("path", { d: "M69.6614 138.494V69.6879L104.025 104.104L69.6614 138.494Z", fill: "#15E99A" }),
-                /* @__PURE__ */ jsx58("path", { d: "M69.6615 69.7142V138.52L35.2981 104.104L69.6615 69.7142Z", fill: "#15E99A" }),
-                /* @__PURE__ */ jsx58("path", { d: "M138.467 207.379V138.573L172.831 172.989L138.467 207.379Z", fill: "#17B581" }),
-                /* @__PURE__ */ jsx58("path", { d: "M0.908203 0.908325H69.7141L35.298 35.2718L0.908203 0.908325Z", fill: "#6F32FF" }),
-                /* @__PURE__ */ jsx58("path", { d: "M207.22 207.3H138.415L172.831 172.936L207.22 207.3Z", fill: "#17B581" }),
-                /* @__PURE__ */ jsx58("path", { d: "M138.415 0.987427H207.22L172.804 35.3509L138.415 0.987427Z", fill: "#17B581" }),
-                /* @__PURE__ */ jsx58("path", { d: "M138.467 69.7143H69.6614L104.078 35.3508L138.467 69.7143Z", fill: "#17B581" }),
-                /* @__PURE__ */ jsx58("path", { d: "M69.635 138.494H138.441L104.025 172.857L69.635 138.494Z", fill: "#17B581" }),
-                /* @__PURE__ */ jsx58("path", { d: "M138.415 138.494H69.635L104.025 104.157L138.388 138.494H138.415Z", fill: "#15E99A" }),
-                /* @__PURE__ */ jsx58("path", { d: "M138.415 69.7142L104.051 104.051L69.6614 69.7142H138.441H138.415Z", fill: "#15E99A" })
+              /* @__PURE__ */ jsxs58("g", { transform: `translate(${c - 34},${c - 34}) scale(0.325)`, children: [
+                /* @__PURE__ */ jsx72("path", { d: "M69.7141 207.3H0.908203L35.3243 172.936L69.7141 207.3Z", fill: "#6F32FF" }),
+                /* @__PURE__ */ jsx72("path", { d: "M138.441 0.96106V69.767L104.078 35.3508L138.441 0.96106Z", fill: "#17B581" }),
+                /* @__PURE__ */ jsx72("path", { d: "M138.415 138.547V207.352L104.051 172.936L138.415 138.547Z", fill: "#17B581" }),
+                /* @__PURE__ */ jsx72("path", { d: "M138.441 69.7406V0.96106L172.804 35.3772L138.441 69.767V69.7406Z", fill: "#17B581" }),
+                /* @__PURE__ */ jsx72("path", { d: "M69.6614 138.494V69.6879L104.025 104.104L69.6614 138.494Z", fill: "#15E99A" }),
+                /* @__PURE__ */ jsx72("path", { d: "M69.6615 69.7142V138.52L35.2981 104.104L69.6615 69.7142Z", fill: "#15E99A" }),
+                /* @__PURE__ */ jsx72("path", { d: "M138.467 207.379V138.573L172.831 172.989L138.467 207.379Z", fill: "#17B581" }),
+                /* @__PURE__ */ jsx72("path", { d: "M0.908203 0.908325H69.7141L35.298 35.2718L0.908203 0.908325Z", fill: "#6F32FF" }),
+                /* @__PURE__ */ jsx72("path", { d: "M207.22 207.3H138.415L172.831 172.936L207.22 207.3Z", fill: "#17B581" }),
+                /* @__PURE__ */ jsx72("path", { d: "M138.415 0.987427H207.22L172.804 35.3509L138.415 0.987427Z", fill: "#17B581" }),
+                /* @__PURE__ */ jsx72("path", { d: "M138.467 69.7143H69.6614L104.078 35.3508L138.467 69.7143Z", fill: "#17B581" }),
+                /* @__PURE__ */ jsx72("path", { d: "M69.635 138.494H138.441L104.025 172.857L69.635 138.494Z", fill: "#17B581" }),
+                /* @__PURE__ */ jsx72("path", { d: "M138.415 138.494H69.635L104.025 104.157L138.388 138.494H138.415Z", fill: "#15E99A" }),
+                /* @__PURE__ */ jsx72("path", { d: "M138.415 69.7142L104.051 104.051L69.6614 69.7142H138.441H138.415Z", fill: "#15E99A" })
               ] })
             ] })
           ]
@@ -6414,7 +7073,7 @@ var colors = {
 };
 
 // src/web/components/deposit-ui-shared.tsx
-import { Fragment as Fragment14, jsx as jsx59, jsxs as jsxs45 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx73, jsxs as jsxs59 } from "react/jsx-runtime";
 var GLOW_ALPHA = "26";
 function qrGlowStyle(hex) {
   return { boxShadow: `0 0 30px ${hex}${GLOW_ALPHA}` };
@@ -6428,7 +7087,7 @@ var NETWORK_CONFIG = {
     border: "border-network-bitcoin/40",
     qrBorder: "border-network-bitcoin/30",
     qrGlow: qrGlowStyle(colors.network.bitcoin),
-    icon: /* @__PURE__ */ jsx59("span", { className: "material-symbols-outlined text-icon-xs leading-none", children: "link" })
+    icon: /* @__PURE__ */ jsx73("span", { className: "material-symbols-outlined text-icon-xs leading-none", children: "link" })
   },
   lightning: {
     label: "Lightning",
@@ -6438,7 +7097,7 @@ var NETWORK_CONFIG = {
     border: "border-network-lightning/40",
     qrBorder: "border-network-lightning/30",
     qrGlow: qrGlowStyle(colors.network.lightning),
-    icon: /* @__PURE__ */ jsx59("img", { src: "/icons/lightning/lightning.svg", className: "size-3", alt: "" })
+    icon: /* @__PURE__ */ jsx73("img", { src: "/icons/lightning/lightning.svg", className: "size-3", alt: "" })
   },
   spark: {
     label: "Spark",
@@ -6448,7 +7107,7 @@ var NETWORK_CONFIG = {
     border: "border-info/40",
     qrBorder: "border-info/30",
     qrGlow: qrGlowStyle(colors.info),
-    icon: /* @__PURE__ */ jsx59("img", { src: "/icons/spark/Asterisk/Spark Asterisk White.svg", className: "h-3 w-3", alt: "" })
+    icon: /* @__PURE__ */ jsx73("img", { src: "/icons/spark/Asterisk/Spark Asterisk White.svg", className: "h-3 w-3", alt: "" })
   },
   arkade: {
     label: "Arkade",
@@ -6458,7 +7117,7 @@ var NETWORK_CONFIG = {
     border: "border-network-arkade/40",
     qrBorder: "border-network-arkade/30",
     qrGlow: qrGlowStyle(colors.network.arkade),
-    icon: /* @__PURE__ */ jsx59("img", { src: "/icons/arkade/arkade-icon.svg", className: "h-3 w-3 rounded-sm", alt: "" })
+    icon: /* @__PURE__ */ jsx73("img", { src: "/icons/arkade/arkade-icon.svg", className: "h-3 w-3 rounded-sm", alt: "" })
   }
 };
 var ACCOUNT_META = {
@@ -6467,14 +7126,14 @@ var ACCOUNT_META = {
     accentBg: "bg-primary/10",
     accentText: "text-primary",
     accentBorder: "border-primary/30",
-    icon: /* @__PURE__ */ jsx59("img", { src: "/icons/rgb/rgb-logo.svg", alt: "", className: "h-2.5 w-2.5 object-contain" })
+    icon: /* @__PURE__ */ jsx73("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__ */ jsx59(
+    icon: /* @__PURE__ */ jsx73(
       "img",
       {
         src: "/icons/spark/Asterisk/Spark Asterisk White.svg",
@@ -6488,7 +7147,7 @@ var ACCOUNT_META = {
     accentBg: "bg-network-arkade/10",
     accentText: "text-network-arkade",
     accentBorder: "border-network-arkade/30",
-    icon: /* @__PURE__ */ jsx59("img", { src: "/icons/arkade/arkade-icon.svg", alt: "", className: "h-2.5 w-2.5 rounded-[1px] object-contain" })
+    icon: /* @__PURE__ */ jsx73("img", { src: "/icons/arkade/arkade-icon.svg", alt: "", className: "h-2.5 w-2.5 rounded-[1px] object-contain" })
   }
 };
 var METHOD_META = {
@@ -6505,7 +7164,7 @@ function InvoiceStatusBanner({
   isInvoiceFailedOrExpired,
   invoiceStatus
 }) {
-  return /* @__PURE__ */ jsxs45(
+  return /* @__PURE__ */ jsxs59(
     "div",
     {
       className: cn(
@@ -6513,17 +7172,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__ */ jsxs45(Fragment14, { children: [
-          /* @__PURE__ */ jsx59("span", { className: "material-symbols-outlined animate-spin text-icon-sm", children: "progress_activity" }),
-          /* @__PURE__ */ jsx59("span", { children: "Waiting for payment..." })
+        isInvoicePending && /* @__PURE__ */ jsxs59(Fragment15, { children: [
+          /* @__PURE__ */ jsx73("span", { className: "material-symbols-outlined animate-spin text-icon-sm", children: "progress_activity" }),
+          /* @__PURE__ */ jsx73("span", { children: "Waiting for payment..." })
         ] }),
-        isInvoicePaid && /* @__PURE__ */ jsxs45(Fragment14, { children: [
-          /* @__PURE__ */ jsx59("span", { className: "material-symbols-outlined text-icon-sm", children: "check_circle" }),
-          /* @__PURE__ */ jsx59("span", { children: "Payment received!" })
+        isInvoicePaid && /* @__PURE__ */ jsxs59(Fragment15, { children: [
+          /* @__PURE__ */ jsx73("span", { className: "material-symbols-outlined text-icon-sm", children: "check_circle" }),
+          /* @__PURE__ */ jsx73("span", { children: "Payment received!" })
         ] }),
-        isInvoiceFailedOrExpired && /* @__PURE__ */ jsxs45(Fragment14, { children: [
-          /* @__PURE__ */ jsx59("span", { className: "material-symbols-outlined text-icon-sm", children: "cancel" }),
-          /* @__PURE__ */ jsxs45("span", { children: [
+        isInvoiceFailedOrExpired && /* @__PURE__ */ jsxs59(Fragment15, { children: [
+          /* @__PURE__ */ jsx73("span", { className: "material-symbols-outlined text-icon-sm", children: "cancel" }),
+          /* @__PURE__ */ jsxs59("span", { children: [
             "Invoice ",
             invoiceStatus?.toLowerCase() === "expired" ? "expired" : "failed"
           ] })
@@ -6533,20 +7192,20 @@ function InvoiceStatusBanner({
   );
 }
 function PaidOverlay() {
-  return /* @__PURE__ */ jsx59("div", { className: "absolute inset-0 flex items-center justify-center rounded-2xl bg-background/80", children: /* @__PURE__ */ jsxs45("div", { className: "flex flex-col items-center gap-2", children: [
-    /* @__PURE__ */ jsx59("div", { className: "flex size-14 items-center justify-center rounded-full bg-primary", children: /* @__PURE__ */ jsx59("span", { className: "material-symbols-outlined text-icon-4xl text-background", children: "check" }) }),
-    /* @__PURE__ */ jsx59("span", { className: "text-sm font-bold text-primary", children: "Received!" })
+  return /* @__PURE__ */ jsx73("div", { className: "absolute inset-0 flex items-center justify-center rounded-2xl bg-background/80", children: /* @__PURE__ */ jsxs59("div", { className: "flex flex-col items-center gap-2", children: [
+    /* @__PURE__ */ jsx73("div", { className: "flex size-14 items-center justify-center rounded-full bg-primary", children: /* @__PURE__ */ jsx73("span", { className: "material-symbols-outlined text-icon-4xl text-background", children: "check" }) }),
+    /* @__PURE__ */ jsx73("span", { className: "text-sm font-bold text-primary", children: "Received!" })
   ] }) });
 }
 function CopyIcon({ copied }) {
-  return /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx73(
     "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__ */ jsx59(Icon, { name: "check", size: "sm" }) : /* @__PURE__ */ jsx59(Icon, { name: "content_copy", size: "sm" })
+      children: copied ? /* @__PURE__ */ jsx73(Icon, { name: "check", size: "sm" }) : /* @__PURE__ */ jsx73(Icon, { name: "content_copy", size: "sm" })
     }
   );
 }
@@ -6556,7 +7215,7 @@ function AccountChoiceChip({
   onClick
 }) {
   const meta = ACCOUNT_META[account];
-  return /* @__PURE__ */ jsxs45(
+  return /* @__PURE__ */ jsxs59(
     "button",
     {
       type: "button",
@@ -6568,7 +7227,7 @@ function AccountChoiceChip({
       ),
       children: [
         meta.icon,
-        /* @__PURE__ */ jsx59("span", { children: meta.shortLabel })
+        /* @__PURE__ */ jsx73("span", { children: meta.shortLabel })
       ]
     }
   );
@@ -6617,8 +7276,8 @@ function NetworkInfoDisclosure({
 }) {
   const [open, setOpen] = useState14(false);
   if (networks.length === 0) return null;
-  return /* @__PURE__ */ jsxs45("div", { className: cn("overflow-hidden rounded-xl border border-white/8 bg-white/3 transition-all", className), children: [
-    /* @__PURE__ */ jsxs45(
+  return /* @__PURE__ */ jsxs59("div", { className: cn("overflow-hidden rounded-xl border border-white/8 bg-white/3 transition-all", className), children: [
+    /* @__PURE__ */ jsxs59(
       "button",
       {
         type: "button",
@@ -6626,24 +7285,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__ */ jsx59(Icon, { name: "info", size: "xs", className: "text-white/40" }),
-          /* @__PURE__ */ jsx59("span", { className: "flex-1 text-xxs font-bold uppercase tracking-widest text-white/50", children: "What are these networks?" }),
-          /* @__PURE__ */ jsx59(Icon, { name: open ? "expand_less" : "expand_more", size: "xs", className: "text-white/40" })
+          /* @__PURE__ */ jsx73(Icon, { name: "info", size: "xs", className: "text-white/40" }),
+          /* @__PURE__ */ jsx73("span", { className: "flex-1 text-xxs font-bold uppercase tracking-widest text-white/50", children: "What are these networks?" }),
+          /* @__PURE__ */ jsx73(Icon, { name: open ? "expand_less" : "expand_more", size: "xs", className: "text-white/40" })
         ]
       }
     ),
-    open && /* @__PURE__ */ jsx59("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__ */ jsx73("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__ */ jsxs45("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsxs45("div", { className: "flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx59("div", { className: cn("flex size-4 flex-shrink-0 items-center justify-center rounded-md", cfg.bg), children: cfg.icon }),
-          /* @__PURE__ */ jsx59("span", { className: cn("text-xxs font-bold uppercase tracking-widest", cfg.text), children: info.title })
+      return /* @__PURE__ */ jsxs59("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsxs59("div", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx73("div", { className: cn("flex size-4 flex-shrink-0 items-center justify-center rounded-md", cfg.bg), children: cfg.icon }),
+          /* @__PURE__ */ jsx73("span", { className: cn("text-xxs font-bold uppercase tracking-widest", cfg.text), children: info.title })
         ] }),
-        /* @__PURE__ */ jsx59("p", { className: "pl-5 text-tiny leading-snug text-muted-foreground", children: info.detail }),
-        /* @__PURE__ */ jsx59("ul", { className: "space-y-0.5 pl-5", children: info.bullets.map((bullet) => /* @__PURE__ */ jsxs45("li", { className: "flex items-start gap-1.5 text-xxs leading-snug text-white/50", children: [
-          /* @__PURE__ */ jsx59("span", { className: "mt-[1px] text-white/30", children: "-" }),
-          /* @__PURE__ */ jsx59("span", { children: bullet })
+        /* @__PURE__ */ jsx73("p", { className: "pl-5 text-tiny leading-snug text-muted-foreground", children: info.detail }),
+        /* @__PURE__ */ jsx73("ul", { className: "space-y-0.5 pl-5", children: info.bullets.map((bullet) => /* @__PURE__ */ jsxs59("li", { className: "flex items-start gap-1.5 text-xxs leading-snug text-white/50", children: [
+          /* @__PURE__ */ jsx73("span", { className: "mt-[1px] text-white/30", children: "-" }),
+          /* @__PURE__ */ jsx73("span", { children: bullet })
         ] }, bullet)) })
       ] }, network);
     }) })
@@ -6657,7 +7316,7 @@ function MethodChoiceChip({
   onClick
 }) {
   const meta = METHOD_META[method];
-  return /* @__PURE__ */ jsxs45(
+  return /* @__PURE__ */ jsxs59(
     "button",
     {
       type: "button",
@@ -6670,14 +7329,14 @@ function MethodChoiceChip({
       ),
       children: [
         meta.label,
-        !enabled && disabledReason && /* @__PURE__ */ jsx59("span", { className: "text-xxs font-normal opacity-60", children: disabledReason })
+        !enabled && disabledReason && /* @__PURE__ */ jsx73("span", { className: "text-xxs font-normal opacity-60", children: disabledReason })
       ]
     }
   );
 }
 
 // src/web/components/deposit-success-screen.tsx
-import { jsx as jsx60, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx74, jsxs as jsxs60 } from "react/jsx-runtime";
 function DepositSuccessScreen({
   handleDone,
   displayTicker,
@@ -6690,20 +7349,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__ */ jsx60("div", { className: "flex h-screen flex-col overflow-hidden bg-background font-display text-foreground", children: /* @__PURE__ */ jsxs46("div", { className: "flex flex-1 flex-col items-center justify-center p-6 text-center", children: [
-    /* @__PURE__ */ jsxs46("div", { className: "relative mb-8", children: [
-      /* @__PURE__ */ jsx60("div", { className: "absolute inset-0 scale-150 animate-pulse rounded-full bg-primary/20 blur-2xl" }),
-      /* @__PURE__ */ jsx60("div", { className: "relative flex size-28 items-center justify-center rounded-full border-2 border-primary/40 bg-primary/10 shadow-sm", children: /* @__PURE__ */ jsx60("span", { className: "material-symbols-outlined text-display text-primary animate-in zoom-in-50 duration-500", children: "check_circle" }) })
+  return /* @__PURE__ */ jsx74("div", { className: "flex h-screen flex-col overflow-hidden bg-background font-display text-foreground", children: /* @__PURE__ */ jsxs60("div", { className: "flex flex-1 flex-col items-center justify-center p-6 text-center", children: [
+    /* @__PURE__ */ jsxs60("div", { className: "relative mb-8", children: [
+      /* @__PURE__ */ jsx74("div", { className: "absolute inset-0 scale-150 animate-pulse rounded-full bg-primary/20 blur-2xl" }),
+      /* @__PURE__ */ jsx74("div", { className: "relative flex size-28 items-center justify-center rounded-full border-2 border-primary/40 bg-primary/10 shadow-sm", children: /* @__PURE__ */ jsx74("span", { className: "material-symbols-outlined text-display text-primary animate-in zoom-in-50 duration-500", children: "check_circle" }) })
     ] }),
-    /* @__PURE__ */ jsx60("h1", { className: "mb-2 text-2xl font-bold text-white", children: title }),
-    /* @__PURE__ */ jsx60("p", { className: "mb-8 max-w-[260px] text-sm leading-relaxed text-muted-foreground", children: subtitle }),
-    /* @__PURE__ */ jsxs46("div", { className: "mb-10 flex items-center gap-3 rounded-2xl border bg-white/5 px-4 py-3", children: [
-      /* @__PURE__ */ jsx60(AssetIcon, { ticker: displayTicker, size: 36 }),
-      /* @__PURE__ */ jsxs46("div", { className: "text-left", children: [
-        /* @__PURE__ */ jsx60("p", { className: "text-sm font-bold text-white", children: displayTicker }),
-        /* @__PURE__ */ jsx60("p", { className: "text-xs text-white/40", children: selectedAsset?.name ?? displayTicker })
+    /* @__PURE__ */ jsx74("h1", { className: "mb-2 text-2xl font-bold text-white", children: title }),
+    /* @__PURE__ */ jsx74("p", { className: "mb-8 max-w-[260px] text-sm leading-relaxed text-muted-foreground", children: subtitle }),
+    /* @__PURE__ */ jsxs60("div", { className: "mb-10 flex items-center gap-3 rounded-2xl border bg-white/5 px-4 py-3", children: [
+      /* @__PURE__ */ jsx74(AssetIcon, { ticker: displayTicker, size: 36 }),
+      /* @__PURE__ */ jsxs60("div", { className: "text-left", children: [
+        /* @__PURE__ */ jsx74("p", { className: "text-sm font-bold text-white", children: displayTicker }),
+        /* @__PURE__ */ jsx74("p", { className: "text-xs text-white/40", children: selectedAsset?.name ?? displayTicker })
       ] }),
-      /* @__PURE__ */ jsxs46(
+      /* @__PURE__ */ jsxs60(
         "div",
         {
           className: cn(
@@ -6714,27 +7373,27 @@ function DepositSuccessScreen({
           ),
           children: [
             net.icon,
-            /* @__PURE__ */ jsx60("span", { children: networkLabel })
+            /* @__PURE__ */ jsx74("span", { children: networkLabel })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs46(Button, { variant: "cta", size: "cta", onClick: handleDone, children: [
-      /* @__PURE__ */ jsx60("span", { className: "material-symbols-outlined text-icon-lg", children: "home" }),
+    /* @__PURE__ */ jsxs60(Button, { variant: "cta", size: "cta", onClick: handleDone, children: [
+      /* @__PURE__ */ jsx74("span", { className: "material-symbols-outlined text-icon-lg", children: "home" }),
       "Back to Dashboard"
     ] })
   ] }) });
 }
 
 // src/web/components/deposit-network-default-modal.tsx
-import { jsx as jsx61, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx75, jsxs as jsxs61 } from "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__ */ jsx61("span", { className: "material-symbols-outlined text-icon-lg", children: "link" }),
+    icon: /* @__PURE__ */ jsx75("span", { className: "material-symbols-outlined text-icon-lg", children: "link" }),
     accentBg: "bg-network-bitcoin/10",
     accentBorder: "border-network-bitcoin/30",
     accentText: "text-network-bitcoin"
@@ -6744,7 +7403,7 @@ var NETWORK_OPTIONS = {
     account: "SPARK",
     label: "Spark",
     description: "Receive directly into your Spark account. Fast and free.",
-    icon: /* @__PURE__ */ jsx61("img", { src: "/icons/spark/Asterisk/Spark Asterisk White.svg", alt: "", className: "h-[18px]" }),
+    icon: /* @__PURE__ */ jsx75("img", { src: "/icons/spark/Asterisk/Spark Asterisk White.svg", alt: "", className: "h-[18px]" }),
     accentBg: "bg-info/10",
     accentBorder: "border-info/30",
     accentText: "text-info"
@@ -6754,7 +7413,7 @@ var NETWORK_OPTIONS = {
     account: "ARKADE",
     label: "Arkade",
     description: "Receive directly into your Arkade account. Low fees, near-instant settlement.",
-    icon: /* @__PURE__ */ jsx61("img", { src: "/icons/arkade/arkade-icon.svg", alt: "", className: "h-[18px]" }),
+    icon: /* @__PURE__ */ jsx75("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"
@@ -6769,20 +7428,20 @@ function DepositNetworkDefaultModal({
 }) {
   if (!open) return null;
   const options = availableAccounts.map((id) => NETWORK_OPTIONS[id]).filter(Boolean);
-  return /* @__PURE__ */ jsx61("div", { className: "fixed inset-0 z-50 flex items-end justify-center bg-black/60 backdrop-blur-sm", children: /* @__PURE__ */ jsxs47("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__ */ jsx61("div", { className: "-mt-1 mb-1 flex justify-center", children: /* @__PURE__ */ jsx61("div", { className: "h-1 w-10 rounded-full bg-white/15" }) }),
-    /* @__PURE__ */ jsxs47("div", { children: [
-      /* @__PURE__ */ jsx61("p", { className: "text-sm font-bold text-white", children: "Choose your default network" }),
-      /* @__PURE__ */ jsxs47("p", { className: "mt-0.5 text-tiny text-white/45", children: [
+  return /* @__PURE__ */ jsx75("div", { className: "fixed inset-0 z-50 flex items-end justify-center bg-black/60 backdrop-blur-sm", children: /* @__PURE__ */ jsxs61("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__ */ jsx75("div", { className: "-mt-1 mb-1 flex justify-center", children: /* @__PURE__ */ jsx75("div", { className: "h-1 w-10 rounded-full bg-white/15" }) }),
+    /* @__PURE__ */ jsxs61("div", { children: [
+      /* @__PURE__ */ jsx75("p", { className: "text-sm font-bold text-white", children: "Choose your default network" }),
+      /* @__PURE__ */ jsxs61("p", { className: "mt-0.5 text-tiny text-white/45", children: [
         "Pick how you would like to receive",
         " ",
-        /* @__PURE__ */ jsx61("span", { className: "font-semibold text-muted-foreground", children: assetTicker }),
+        /* @__PURE__ */ jsx75("span", { className: "font-semibold text-muted-foreground", children: assetTicker }),
         " by default. You can always switch in the deposit screen."
       ] })
     ] }),
-    /* @__PURE__ */ jsx61("div", { className: "space-y-2", children: options.map((option) => {
+    /* @__PURE__ */ jsx75("div", { className: "space-y-2", children: options.map((option) => {
       const isSuggested = option.account === suggestedAccount;
-      return /* @__PURE__ */ jsxs47(
+      return /* @__PURE__ */ jsxs61(
         "button",
         {
           type: "button",
@@ -6792,7 +7451,7 @@ function DepositNetworkDefaultModal({
             isSuggested ? cn("border-2", option.accentBorder, option.accentBg) : "border border-white/8 bg-white/4 hover:bg-white/8"
           ),
           children: [
-            /* @__PURE__ */ jsx61(
+            /* @__PURE__ */ jsx75(
               "div",
               {
                 className: cn(
@@ -6803,10 +7462,10 @@ function DepositNetworkDefaultModal({
                 children: option.icon
               }
             ),
-            /* @__PURE__ */ jsxs47("div", { className: "min-w-0 flex-1", children: [
-              /* @__PURE__ */ jsxs47("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx61("span", { className: cn("text-xs font-bold", isSuggested ? option.accentText : "text-white"), children: option.label }),
-                isSuggested && /* @__PURE__ */ jsx61(
+            /* @__PURE__ */ jsxs61("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsxs61("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx75("span", { className: cn("text-xs font-bold", isSuggested ? option.accentText : "text-white"), children: option.label }),
+                isSuggested && /* @__PURE__ */ jsx75(
                   "span",
                   {
                     className: cn(
@@ -6818,9 +7477,9 @@ function DepositNetworkDefaultModal({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx61("p", { className: "mt-0.5 text-xxs leading-snug text-white/45", children: option.description })
+              /* @__PURE__ */ jsx75("p", { className: "mt-0.5 text-xxs leading-snug text-white/45", children: option.description })
             ] }),
-            /* @__PURE__ */ jsx61(
+            /* @__PURE__ */ jsx75(
               "span",
               {
                 className: cn(
@@ -6839,7 +7498,7 @@ function DepositNetworkDefaultModal({
 }
 
 // src/web/components/btc-unified-receive.tsx
-import { jsx as jsx62, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx76, jsxs as jsxs62 } from "react/jsx-runtime";
 function formatSatsForRow(value) {
   if (!value || value <= 0 || !Number.isFinite(value)) return null;
   return `${value.toLocaleString("en-US")} sats`;
@@ -6865,10 +7524,10 @@ function BtcUnifiedReceive({
 }) {
   const accountNetwork = btcSelectedAccount === "SPARK" ? "spark" : btcSelectedAccount === "ARKADE" ? "arkade" : "onchain";
   const qrNetwork = NETWORK_CONFIG[accountNetwork];
-  return /* @__PURE__ */ jsxs48("div", { className: "space-y-3 animate-in fade-in zoom-in-95 duration-300", children: [
-    /* @__PURE__ */ jsxs48("div", { className: "flex flex-col gap-1.5 rounded-xl border border-white/8 bg-white/3 p-2.5", children: [
-      /* @__PURE__ */ jsx62("div", { className: "flex items-center justify-between px-1", children: /* @__PURE__ */ jsx62("label", { className: "text-xxs font-bold uppercase tracking-widest text-white/40", children: "Amount (optional)" }) }),
-      /* @__PURE__ */ jsx62(
+  return /* @__PURE__ */ jsxs62("div", { className: "space-y-3 animate-in fade-in zoom-in-95 duration-300", children: [
+    /* @__PURE__ */ jsxs62("div", { className: "flex flex-col gap-1.5 rounded-xl border border-white/8 bg-white/3 p-2.5", children: [
+      /* @__PURE__ */ jsx76("div", { className: "flex items-center justify-between px-1", children: /* @__PURE__ */ jsx76("label", { className: "text-xxs font-bold uppercase tracking-widest text-white/40", children: "Amount (optional)" }) }),
+      /* @__PURE__ */ jsx76(
         "input",
         {
           type: "text",
@@ -6879,13 +7538,13 @@ function BtcUnifiedReceive({
           inputMode: "decimal"
         }
       ),
-      amount && loading && /* @__PURE__ */ jsxs48("p", { className: "flex items-center gap-1 text-xxs text-warning/70", children: [
-        /* @__PURE__ */ jsx62("span", { className: "material-symbols-outlined animate-spin text-icon-xxs", children: "progress_activity" }),
+      amount && loading && /* @__PURE__ */ jsxs62("p", { className: "flex items-center gap-1 text-xxs text-warning/70", children: [
+        /* @__PURE__ */ jsx76("span", { className: "material-symbols-outlined animate-spin text-icon-xxs", children: "progress_activity" }),
         "Updating invoice..."
       ] })
     ] }),
-    /* @__PURE__ */ jsxs48("div", { className: "flex flex-col items-center gap-3", children: [
-      /* @__PURE__ */ jsxs48(
+    /* @__PURE__ */ jsxs62("div", { className: "flex flex-col items-center gap-3", children: [
+      /* @__PURE__ */ jsxs62(
         "div",
         {
           className: cn(
@@ -6894,14 +7553,14 @@ function BtcUnifiedReceive({
           ),
           style: qrNetwork.qrGlow,
           children: [
-            /* @__PURE__ */ jsx62(QrCode, { value: accountReceiveResult.qrValue, size: 200 }),
-            isInvoicePaid && /* @__PURE__ */ jsx62(PaidOverlay, {})
+            /* @__PURE__ */ jsx76(QrCode, { value: accountReceiveResult.qrValue, size: 200 }),
+            isInvoicePaid && /* @__PURE__ */ jsx76(PaidOverlay, {})
           ]
         }
       ),
       (() => {
         const isQrCopied = copied === accountReceiveResult.qrValue;
-        return /* @__PURE__ */ jsxs48(
+        return /* @__PURE__ */ jsxs62(
           "button",
           {
             type: "button",
@@ -6914,14 +7573,14 @@ function BtcUnifiedReceive({
               void copyToClipboard(accountReceiveResult.qrValue);
             },
             children: [
-              /* @__PURE__ */ jsx62(Icon, { name: isQrCopied ? "check" : "content_copy", size: "xs" }),
+              /* @__PURE__ */ jsx76(Icon, { name: isQrCopied ? "check" : "content_copy", size: "xs" }),
               isQrCopied ? "Copied" : `Copy ${accountReceiveResult.qrLabel}`
             ]
           }
         );
       })()
     ] }),
-    invoiceStatus && /* @__PURE__ */ jsx62(
+    invoiceStatus && /* @__PURE__ */ jsx76(
       InvoiceStatusBanner,
       {
         isInvoicePending,
@@ -6930,11 +7589,11 @@ function BtcUnifiedReceive({
         invoiceStatus
       }
     ),
-    /* @__PURE__ */ jsxs48("div", { className: "space-y-1.5", children: [
-      /* @__PURE__ */ jsx62("p", { className: "text-xxs font-bold uppercase tracking-widest text-white/30", children: "Available Addresses" }),
+    /* @__PURE__ */ jsxs62("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsx76("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__ */ jsxs48(
+        return /* @__PURE__ */ jsxs62(
           "div",
           {
             className: cn(
@@ -6945,25 +7604,25 @@ function BtcUnifiedReceive({
             style: { borderLeftWidth: 3, borderLeftColor: network.color },
             onClick: () => void copyToClipboard(address.value),
             children: [
-              /* @__PURE__ */ jsx62("div", { className: cn("flex size-5 flex-shrink-0 items-center justify-center rounded-md", network.bg), children: network.icon }),
-              /* @__PURE__ */ jsxs48("div", { className: "min-w-0 flex-1", children: [
-                /* @__PURE__ */ jsxs48("div", { className: "flex items-center gap-1.5", children: [
-                  /* @__PURE__ */ jsx62("p", { className: cn("text-xxs font-bold uppercase tracking-widest", network.text), children: address.label }),
+              /* @__PURE__ */ jsx76("div", { className: cn("flex size-5 flex-shrink-0 items-center justify-center rounded-md", network.bg), children: network.icon }),
+              /* @__PURE__ */ jsxs62("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsxs62("div", { className: "flex items-center gap-1.5", children: [
+                  /* @__PURE__ */ jsx76("p", { className: cn("text-xxs font-bold uppercase tracking-widest", network.text), children: address.label }),
                   (() => {
                     const amountLabel = formatSatsForRow(address.amountSats);
-                    return amountLabel ? /* @__PURE__ */ jsx62("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__ */ jsx76("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__ */ jsx62("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__ */ jsx76("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__ */ jsx62(CopyIcon, { copied: copied === address.value })
+              /* @__PURE__ */ jsx76(CopyIcon, { copied: copied === address.value })
             ]
           },
           address.network
         );
       })
     ] }),
-    /* @__PURE__ */ jsx62(
+    /* @__PURE__ */ jsx76(
       NetworkInfoDisclosure,
       {
         networks: Array.from(
@@ -6971,8 +7630,8 @@ function BtcUnifiedReceive({
         )
       }
     ),
-    /* @__PURE__ */ jsxs48("div", { className: "flex gap-2.5 pt-1", children: [
-      showRegenerate && /* @__PURE__ */ jsxs48(
+    /* @__PURE__ */ jsxs62("div", { className: "flex gap-2.5 pt-1", children: [
+      showRegenerate && /* @__PURE__ */ jsxs62(
         "button",
         {
           type: "button",
@@ -6984,13 +7643,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__ */ jsx62("span", { className: "material-symbols-outlined text-icon-sm", children: "refresh" }),
+            /* @__PURE__ */ jsx76("span", { className: "material-symbols-outlined text-icon-sm", children: "refresh" }),
             "New Address"
           ]
         }
       ),
-      /* @__PURE__ */ jsxs48(Button, { variant: "cta", onClick: handleDone, className: showRegenerate ? void 0 : "flex-1", children: [
-        /* @__PURE__ */ jsx62("span", { className: "material-symbols-outlined text-icon-sm", children: "check" }),
+      /* @__PURE__ */ jsxs62(Button, { variant: "cta", onClick: handleDone, className: showRegenerate ? void 0 : "flex-1", children: [
+        /* @__PURE__ */ jsx76("span", { className: "material-symbols-outlined text-icon-sm", children: "check" }),
         "Done"
       ] })
     ] })
@@ -6998,7 +7657,7 @@ function BtcUnifiedReceive({
 }
 
 // src/web/components/deposit-generated-view.tsx
-import { jsx as jsx63, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx77, jsxs as jsxs63 } from "react/jsx-runtime";
 function parseAssetAmount(amountString, asset) {
   const value = Number(amountString);
   if (!Number.isFinite(value)) return 0;
@@ -7039,10 +7698,10 @@ function DepositGeneratedView({
   showRegenerate = true,
   onRegenerate
 }) {
-  return /* @__PURE__ */ jsxs49("div", { className: "space-y-3 animate-in fade-in zoom-in-95 duration-300", children: [
-    (network === "lightning" || network === "arkade" && arkSubMode === "ark") && isBtc && /* @__PURE__ */ jsxs49("div", { className: "flex flex-col gap-1.5 rounded-xl border border-white/8 bg-white/3 p-2.5", children: [
-      /* @__PURE__ */ jsx63("div", { className: "flex items-center justify-between px-1", children: /* @__PURE__ */ jsx63("label", { className: "text-xxs font-bold uppercase tracking-widest text-white/40", children: "Specify amount (optional)" }) }),
-      /* @__PURE__ */ jsx63(
+  return /* @__PURE__ */ jsxs63("div", { className: "space-y-3 animate-in fade-in zoom-in-95 duration-300", children: [
+    (network === "lightning" || network === "arkade" && arkSubMode === "ark") && isBtc && /* @__PURE__ */ jsxs63("div", { className: "flex flex-col gap-1.5 rounded-xl border border-white/8 bg-white/3 p-2.5", children: [
+      /* @__PURE__ */ jsx77("div", { className: "flex items-center justify-between px-1", children: /* @__PURE__ */ jsx77("label", { className: "text-xxs font-bold uppercase tracking-widest text-white/40", children: "Specify amount (optional)" }) }),
+      /* @__PURE__ */ jsx77(
         "input",
         {
           type: "text",
@@ -7053,16 +7712,16 @@ function DepositGeneratedView({
           inputMode: "decimal"
         }
       ),
-      amount && /* @__PURE__ */ jsx63("p", { className: "text-xxs text-warning/70", children: loading ? /* @__PURE__ */ jsxs49("span", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx63("span", { className: "material-symbols-outlined animate-spin text-icon-xxs", children: "progress_activity" }),
+      amount && /* @__PURE__ */ jsx77("p", { className: "text-xxs text-warning/70", children: loading ? /* @__PURE__ */ jsxs63("span", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx77("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__ */ jsxs49("div", { className: "flex flex-col gap-1.5 rounded-xl border border-white/8 bg-white/3 p-2.5", children: [
-      /* @__PURE__ */ jsx63("div", { className: "flex items-center justify-between px-1", children: /* @__PURE__ */ jsx63("label", { className: "text-xxs font-bold uppercase tracking-widest text-white/40", children: "Specify amount (optional)" }) }),
-      /* @__PURE__ */ jsx63(
+    network === "lightning" && !isBtc && /* @__PURE__ */ jsxs63("div", { className: "flex flex-col gap-1.5 rounded-xl border border-white/8 bg-white/3 p-2.5", children: [
+      /* @__PURE__ */ jsx77("div", { className: "flex items-center justify-between px-1", children: /* @__PURE__ */ jsx77("label", { className: "text-xxs font-bold uppercase tracking-widest text-white/40", children: "Specify amount (optional)" }) }),
+      /* @__PURE__ */ jsx77(
         "input",
         {
           type: "text",
@@ -7073,19 +7732,19 @@ function DepositGeneratedView({
           inputMode: "decimal"
         }
       ),
-      amount && /* @__PURE__ */ jsx63("p", { className: "text-xxs text-warning/70", children: loading ? /* @__PURE__ */ jsxs49("span", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx63("span", { className: "material-symbols-outlined animate-spin text-icon-xxs", children: "progress_activity" }),
+      amount && /* @__PURE__ */ jsx77("p", { className: "text-xxs text-warning/70", children: loading ? /* @__PURE__ */ jsxs63("span", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx77("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__ */ jsxs49("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__ */ jsxs63("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__ */ jsxs49("div", { className: "flex flex-col items-center gap-3", children: [
-      /* @__PURE__ */ jsxs49(
+    /* @__PURE__ */ jsxs63("div", { className: "flex flex-col items-center gap-3", children: [
+      /* @__PURE__ */ jsxs63(
         "div",
         {
           className: cn(
@@ -7094,7 +7753,7 @@ function DepositGeneratedView({
           ),
           style: net.qrGlow,
           children: [
-            showQrNetworkBadge && network !== "spark" && network !== "arkade" && /* @__PURE__ */ jsxs49(
+            showQrNetworkBadge && network !== "spark" && network !== "arkade" && /* @__PURE__ */ jsxs63(
               "div",
               {
                 className: cn(
@@ -7104,21 +7763,21 @@ function DepositGeneratedView({
                 ),
                 children: [
                   net.icon,
-                  /* @__PURE__ */ jsx63("span", { children: net.label })
+                  /* @__PURE__ */ jsx77("span", { children: net.label })
                 ]
               }
             ),
-            /* @__PURE__ */ jsx63(QrCode, { value: address, size: 188 }),
-            isInvoicePaid && /* @__PURE__ */ jsx63(PaidOverlay, {}),
+            /* @__PURE__ */ jsx77(QrCode, { value: address, size: 188 }),
+            isInvoicePaid && /* @__PURE__ */ jsx77(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__ */ jsx63("div", { className: "absolute inset-0 flex items-center justify-center rounded-2xl bg-white/80 backdrop-blur-sm", children: /* @__PURE__ */ jsx63("span", { className: "material-symbols-outlined animate-spin text-icon-3xl text-network-bitcoin", children: "progress_activity" }) })
+            /* @__PURE__ */ jsx77("div", { className: "absolute inset-0 flex items-center justify-center rounded-2xl bg-white/80 backdrop-blur-sm", children: /* @__PURE__ */ jsx77("span", { className: "material-symbols-outlined animate-spin text-icon-3xl text-network-bitcoin", children: "progress_activity" }) })
           ]
         }
       ),
       (() => {
         const isAddressCopied = copied === address;
-        return /* @__PURE__ */ jsxs49(
+        return /* @__PURE__ */ jsxs63(
           "button",
           {
             type: "button",
@@ -7131,14 +7790,14 @@ function DepositGeneratedView({
               void copyToClipboard(address);
             },
             children: [
-              /* @__PURE__ */ jsx63(Icon, { name: isAddressCopied ? "check" : "content_copy", size: "xs" }),
+              /* @__PURE__ */ jsx77(Icon, { name: isAddressCopied ? "check" : "content_copy", size: "xs" }),
               isAddressCopied ? "Copied" : network === "lightning" ? "Copy Invoice" : "Copy Address"
             ]
           }
         );
       })()
     ] }),
-    network === "lightning" && invoiceStatus && /* @__PURE__ */ jsx63(
+    network === "lightning" && invoiceStatus && /* @__PURE__ */ jsx77(
       InvoiceStatusBanner,
       {
         isInvoicePending,
@@ -7147,7 +7806,7 @@ function DepositGeneratedView({
         invoiceStatus
       }
     ),
-    /* @__PURE__ */ jsxs49(
+    /* @__PURE__ */ jsxs63(
       "div",
       {
         "data-testid": "deposit-generated-address",
@@ -7160,16 +7819,16 @@ function DepositGeneratedView({
         style: { borderLeftWidth: 3, borderLeftColor: net.color },
         onClick: () => void copyToClipboard(address),
         children: [
-          /* @__PURE__ */ jsx63("div", { className: cn("flex size-5 flex-shrink-0 items-center justify-center rounded-md", net.bg), children: net.icon }),
-          /* @__PURE__ */ jsxs49("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx63("p", { className: cn("text-xxs font-bold uppercase tracking-widest", net.text), children: /* @__PURE__ */ jsx63("span", { "data-testid": "deposit-address-label", children: addressLabel }) }),
-            /* @__PURE__ */ jsx63("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__ */ jsx77("div", { className: cn("flex size-5 flex-shrink-0 items-center justify-center rounded-md", net.bg), children: net.icon }),
+          /* @__PURE__ */ jsxs63("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx77("p", { className: cn("text-xxs font-bold uppercase tracking-widest", net.text), children: /* @__PURE__ */ jsx77("span", { "data-testid": "deposit-address-label", children: addressLabel }) }),
+            /* @__PURE__ */ jsx77("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__ */ jsx63(CopyIcon, { copied: copied === address })
+          /* @__PURE__ */ jsx77(CopyIcon, { copied: copied === address })
         ]
       }
     ),
-    recipientId && /* @__PURE__ */ jsxs49(
+    recipientId && /* @__PURE__ */ jsxs63(
       "div",
       {
         className: cn(
@@ -7179,16 +7838,16 @@ function DepositGeneratedView({
         style: { borderLeftWidth: 3, borderLeftColor: "var(--primary)" },
         onClick: () => void copyToClipboard(recipientId),
         children: [
-          /* @__PURE__ */ jsx63("div", { className: "flex size-5 flex-shrink-0 items-center justify-center rounded-md bg-primary/15", children: /* @__PURE__ */ jsx63(Icon, { name: "person", size: "xs", className: "text-primary" }) }),
-          /* @__PURE__ */ jsxs49("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx63("p", { className: "text-xxs font-bold uppercase tracking-widest text-primary", children: "Recipient ID" }),
-            /* @__PURE__ */ jsx63("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__ */ jsx77("div", { className: "flex size-5 flex-shrink-0 items-center justify-center rounded-md bg-primary/15", children: /* @__PURE__ */ jsx77(Icon, { name: "person", size: "xs", className: "text-primary" }) }),
+          /* @__PURE__ */ jsxs63("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx77("p", { className: "text-xxs font-bold uppercase tracking-widest text-primary", children: "Recipient ID" }),
+            /* @__PURE__ */ jsx77("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__ */ jsx63(CopyIcon, { copied: copied === recipientId })
+          /* @__PURE__ */ jsx77(CopyIcon, { copied: copied === recipientId })
         ]
       }
     ),
-    showRegenerate && /* @__PURE__ */ jsx63("div", { className: "flex justify-center pt-1", children: /* @__PURE__ */ jsx63(
+    showRegenerate && /* @__PURE__ */ jsx77("div", { className: "flex justify-center pt-1", children: /* @__PURE__ */ jsx77(
       "button",
       {
         type: "button",
@@ -7206,7 +7865,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__ */ jsx63(
+        children: /* @__PURE__ */ jsx77(
           "span",
           {
             className: cn("material-symbols-outlined text-icon-md", loading && "animate-spin"),
@@ -7219,7 +7878,7 @@ function DepositGeneratedView({
 }
 
 // src/web/components/deposit-pre-generation.tsx
-import { jsx as jsx64, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs64 } from "react/jsx-runtime";
 var ACCOUNT_TITLES = {
   RGB: "RGB & Lightning",
   SPARK: "Spark",
@@ -7259,62 +7918,62 @@ function DepositPreGeneration({
   showReceiveSummary = true
 }) {
   const method = METHOD_META2[currentMethod];
-  return /* @__PURE__ */ jsxs50("div", { className: "space-y-3", children: [
-    showReceiveSummary && /* @__PURE__ */ jsxs50("div", { className: "rounded-2xl border border-white/8 bg-white/4 p-3", children: [
-      /* @__PURE__ */ jsx64("p", { className: "text-xxs font-bold uppercase tracking-widest text-white/35", children: "Receive Summary" }),
-      /* @__PURE__ */ jsxs50("div", { className: "mt-2 grid grid-cols-1 gap-2 text-xs", children: [
-        /* @__PURE__ */ jsxs50("div", { className: "flex items-center justify-between gap-3", children: [
-          /* @__PURE__ */ jsx64("span", { className: "text-white/45", children: "Asset" }),
-          /* @__PURE__ */ jsx64("span", { className: "font-bold text-white", children: selectedAsset?.ticker ?? (isBtc ? "BTC" : "Asset") })
+  return /* @__PURE__ */ jsxs64("div", { className: "space-y-3", children: [
+    showReceiveSummary && /* @__PURE__ */ jsxs64("div", { className: "rounded-2xl border border-white/8 bg-white/4 p-3", children: [
+      /* @__PURE__ */ jsx78("p", { className: "text-xxs font-bold uppercase tracking-widest text-white/35", children: "Receive Summary" }),
+      /* @__PURE__ */ jsxs64("div", { className: "mt-2 grid grid-cols-1 gap-2 text-xs", children: [
+        /* @__PURE__ */ jsxs64("div", { className: "flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsx78("span", { className: "text-white/45", children: "Asset" }),
+          /* @__PURE__ */ jsx78("span", { className: "font-bold text-white", children: selectedAsset?.ticker ?? (isBtc ? "BTC" : "Asset") })
         ] }),
-        /* @__PURE__ */ jsxs50("div", { className: "flex items-center justify-between gap-3", children: [
-          /* @__PURE__ */ jsx64("span", { className: "text-white/45", children: "Destination account" }),
-          /* @__PURE__ */ jsx64("span", { className: "font-bold text-white", children: ACCOUNT_TITLES[selectedAccount] })
+        /* @__PURE__ */ jsxs64("div", { className: "flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsx78("span", { className: "text-white/45", children: "Destination account" }),
+          /* @__PURE__ */ jsx78("span", { className: "font-bold text-white", children: ACCOUNT_TITLES[selectedAccount] })
         ] }),
-        /* @__PURE__ */ jsxs50("div", { className: "flex items-center justify-between gap-3", children: [
-          /* @__PURE__ */ jsx64("span", { className: "text-white/45", children: "Transfer method" }),
-          /* @__PURE__ */ jsx64("span", { className: "font-bold text-white", children: method.label })
+        /* @__PURE__ */ jsxs64("div", { className: "flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsx78("span", { className: "text-white/45", children: "Transfer method" }),
+          /* @__PURE__ */ jsx78("span", { className: "font-bold text-white", children: method.label })
         ] }),
-        /* @__PURE__ */ jsx64("p", { className: "text-tiny text-white/35", children: method.summary })
+        /* @__PURE__ */ jsx78("p", { className: "text-tiny text-white/35", children: method.summary })
       ] })
     ] }),
-    channelsLoading && selectedAccount === "RGB" && currentMethod === "lightning" && !isBtc && /* @__PURE__ */ jsxs50("div", { className: "flex items-center gap-2.5 rounded-xl border bg-card p-3", children: [
-      /* @__PURE__ */ jsx64("span", { className: "material-symbols-outlined animate-spin text-icon-lg text-primary", children: "progress_activity" }),
-      /* @__PURE__ */ jsx64("span", { className: "text-xs font-medium text-white/60", children: "Checking channel availability..." })
+    channelsLoading && selectedAccount === "RGB" && currentMethod === "lightning" && !isBtc && /* @__PURE__ */ jsxs64("div", { className: "flex items-center gap-2.5 rounded-xl border bg-card p-3", children: [
+      /* @__PURE__ */ jsx78("span", { className: "material-symbols-outlined animate-spin text-icon-lg text-primary", children: "progress_activity" }),
+      /* @__PURE__ */ jsx78("span", { className: "text-xs font-medium text-white/60", children: "Checking channel availability..." })
     ] }),
-    showChannelWarning && /* @__PURE__ */ jsxs50(AlertBanner, { variant: "warning", children: [
-      /* @__PURE__ */ jsx64("p", { className: "mb-0.5 text-xs font-bold text-warning", children: "No Lightning Channels" }),
-      /* @__PURE__ */ jsx64("p", { className: "text-tiny text-warning/70", children: "Only on-chain deposits are available." })
+    showChannelWarning && /* @__PURE__ */ jsxs64(AlertBanner, { variant: "warning", children: [
+      /* @__PURE__ */ jsx78("p", { className: "mb-0.5 text-xs font-bold text-warning", children: "No Lightning Channels" }),
+      /* @__PURE__ */ jsx78("p", { className: "text-tiny text-warning/70", children: "Only on-chain deposits are available." })
     ] }),
-    showLiquidityWarning && /* @__PURE__ */ jsxs50(AlertBanner, { variant: "warning", children: [
-      /* @__PURE__ */ jsx64("p", { className: "mb-0.5 text-xs font-bold text-warning", children: "No Inbound Liquidity" }),
-      /* @__PURE__ */ jsxs50("p", { className: "text-tiny text-warning/70", children: [
+    showLiquidityWarning && /* @__PURE__ */ jsxs64(AlertBanner, { variant: "warning", children: [
+      /* @__PURE__ */ jsx78("p", { className: "mb-0.5 text-xs font-bold text-warning", children: "No Inbound Liquidity" }),
+      /* @__PURE__ */ jsxs64("p", { className: "text-tiny text-warning/70", children: [
         "No channels with inbound capacity for ",
         selectedAsset?.ticker ?? "this asset",
         "."
       ] })
     ] }),
-    isAutoGenerate && loading && /* @__PURE__ */ jsxs50("div", { className: "flex flex-col items-center gap-4 py-10", children: [
-      /* @__PURE__ */ jsx64("div", { className: cn("flex size-16 items-center justify-center rounded-2xl border", net.bg, net.border), children: /* @__PURE__ */ jsx64("span", { className: cn("material-symbols-outlined animate-spin text-icon-4xl", net.text), children: "progress_activity" }) }),
-      /* @__PURE__ */ jsxs50("div", { className: "space-y-1 text-center", children: [
-        /* @__PURE__ */ jsxs50("p", { className: "text-sm font-bold text-muted-foreground", children: [
+    isAutoGenerate && loading && /* @__PURE__ */ jsxs64("div", { className: "flex flex-col items-center gap-4 py-10", children: [
+      /* @__PURE__ */ jsx78("div", { className: cn("flex size-16 items-center justify-center rounded-2xl border", net.bg, net.border), children: /* @__PURE__ */ jsx78("span", { className: cn("material-symbols-outlined animate-spin text-icon-4xl", net.text), children: "progress_activity" }) }),
+      /* @__PURE__ */ jsxs64("div", { className: "space-y-1 text-center", children: [
+        /* @__PURE__ */ jsxs64("p", { className: "text-sm font-bold text-muted-foreground", children: [
           "Generating ",
           network === "lightning" ? "invoice" : "address",
           "..."
         ] }),
-        /* @__PURE__ */ jsxs50("p", { className: "text-xs text-white/30", children: [
+        /* @__PURE__ */ jsxs64("p", { className: "text-xs text-white/30", children: [
           net.label,
           " network"
         ] })
       ] })
     ] }),
-    network === "onchain" && !isBtc && /* @__PURE__ */ jsxs50("div", { className: "space-y-2 rounded-xl border bg-card p-3", children: [
-      /* @__PURE__ */ jsxs50("div", { className: "flex items-center justify-between gap-3", children: [
-        /* @__PURE__ */ jsxs50("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx64("h4", { className: "text-xs font-bold text-white", children: "Receive with Privacy" }),
-          /* @__PURE__ */ jsx64("p", { className: "mt-0.5 text-xxs text-muted-foreground", children: usePrivacy ? "Blinded UTXO - enhanced privacy" : "Witness address - less private" })
+    network === "onchain" && !isBtc && /* @__PURE__ */ jsxs64("div", { className: "space-y-2 rounded-xl border bg-card p-3", children: [
+      /* @__PURE__ */ jsxs64("div", { className: "flex items-center justify-between gap-3", children: [
+        /* @__PURE__ */ jsxs64("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx78("h4", { className: "text-xs font-bold text-white", children: "Receive with Privacy" }),
+          /* @__PURE__ */ jsx78("p", { className: "mt-0.5 text-xxs text-muted-foreground", children: usePrivacy ? "Blinded UTXO - enhanced privacy" : "Witness address - less private" })
         ] }),
-        /* @__PURE__ */ jsx64(
+        /* @__PURE__ */ jsx78(
           "button",
           {
             type: "button",
@@ -7323,7 +7982,7 @@ function DepositPreGeneration({
               usePrivacy ? "bg-primary" : "bg-white/10"
             ),
             onClick: () => setUsePrivacy(!usePrivacy),
-            children: /* @__PURE__ */ jsx64(
+            children: /* @__PURE__ */ jsx78(
               "span",
               {
                 className: cn(
@@ -7335,21 +7994,21 @@ function DepositPreGeneration({
           }
         )
       ] }),
-      !usePrivacy && /* @__PURE__ */ jsx64("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__ */ jsx78("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__ */ jsxs50("div", { className: "space-y-1.5", children: [
-      /* @__PURE__ */ jsxs50("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsxs50("label", { className: "text-xxs font-bold uppercase tracking-widest text-white/40", children: [
+    network === "onchain" && !isBtc && /* @__PURE__ */ jsxs64("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsxs64("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs64("label", { className: "text-xxs font-bold uppercase tracking-widest text-white/40", children: [
           "Amount (",
           getUnitLabel(),
           ") - Optional"
         ] }),
-        selectedAsset && /* @__PURE__ */ jsxs50("span", { className: "text-xxs text-white/30", children: [
+        selectedAsset && /* @__PURE__ */ jsxs64("span", { className: "text-xxs text-white/30", children: [
           selectedAsset.precision ?? 0,
           " decimals"
         ] })
       ] }),
-      /* @__PURE__ */ jsx64(
+      /* @__PURE__ */ jsx78(
         "input",
         {
           type: "text",
@@ -7361,18 +8020,18 @@ function DepositPreGeneration({
         }
       )
     ] }),
-    needsColorableUtxos && /* @__PURE__ */ jsxs50(AlertBanner, { variant: "warning", children: [
-      /* @__PURE__ */ jsx64("p", { className: "mb-0.5 text-xs font-bold text-warning", children: "Colorable UTXOs Required" }),
-      /* @__PURE__ */ jsx64("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__ */ jsxs64(AlertBanner, { variant: "warning", children: [
+      /* @__PURE__ */ jsx78("p", { className: "mb-0.5 text-xs font-bold text-warning", children: "Colorable UTXOs Required" }),
+      /* @__PURE__ */ jsx78("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__ */ jsx64(Button, { variant: "cta", size: "cta", onClick: onOpenCreateUtxos, disabled: loading, children: /* @__PURE__ */ jsxs50("span", { className: "flex items-center justify-center gap-2", children: [
-      /* @__PURE__ */ jsx64("span", { className: "material-symbols-outlined text-icon-md", children: "add_circle" }),
+    !isAutoGenerate && (needsColorableUtxos && onOpenCreateUtxos ? /* @__PURE__ */ jsx78(Button, { variant: "cta", size: "cta", onClick: onOpenCreateUtxos, disabled: loading, children: /* @__PURE__ */ jsxs64("span", { className: "flex items-center justify-center gap-2", children: [
+      /* @__PURE__ */ jsx78("span", { className: "material-symbols-outlined text-icon-md", children: "add_circle" }),
       "Create Colorable UTXOs"
-    ] }) }) : /* @__PURE__ */ jsx64(Button, { variant: "cta", size: "cta", onClick: generateInvoice, disabled: loading, children: loading ? /* @__PURE__ */ jsxs50("span", { className: "flex items-center justify-center gap-2", children: [
-      /* @__PURE__ */ jsx64("span", { className: "material-symbols-outlined animate-spin text-icon-md", children: "progress_activity" }),
+    ] }) }) : /* @__PURE__ */ jsx78(Button, { variant: "cta", size: "cta", onClick: generateInvoice, disabled: loading, children: loading ? /* @__PURE__ */ jsxs64("span", { className: "flex items-center justify-center gap-2", children: [
+      /* @__PURE__ */ jsx78("span", { className: "material-symbols-outlined animate-spin text-icon-md", children: "progress_activity" }),
       "Generating..."
-    ] }) : /* @__PURE__ */ jsxs50("span", { className: "flex items-center justify-center gap-2", children: [
-      /* @__PURE__ */ jsx64("span", { className: "material-symbols-outlined text-icon-md", children: "qr_code_2" }),
+    ] }) : /* @__PURE__ */ jsxs64("span", { className: "flex items-center justify-center gap-2", children: [
+      /* @__PURE__ */ jsx78("span", { className: "material-symbols-outlined text-icon-md", children: "qr_code_2" }),
       "Generate Address"
     ] }) }))
   ] });
@@ -7380,7 +8039,7 @@ function DepositPreGeneration({
 
 // src/web/components/deposit-asset-selection.tsx
 import { useEffect as useEffect10, useState as useState15 } from "react";
-import { Fragment as Fragment15, jsx as jsx65, jsxs as jsxs51 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx79, jsxs as jsxs65 } from "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" },
@@ -7451,8 +8110,8 @@ function DepositAssetSelection({
       titleHoverClass: "group-hover:text-network-arkade"
     }
   ].filter((option) => option.enabled);
-  return /* @__PURE__ */ jsxs51("div", { className: "relative flex h-screen flex-col overflow-hidden bg-background pt-16 font-display text-foreground", children: [
-    /* @__PURE__ */ jsx65("div", { className: "absolute left-4 top-4 z-30", children: /* @__PURE__ */ jsx65(
+  return /* @__PURE__ */ jsxs65("div", { className: "relative flex h-screen flex-col overflow-hidden bg-background pt-16 font-display text-foreground", children: [
+    /* @__PURE__ */ jsx79("div", { className: "absolute left-4 top-4 z-30", children: /* @__PURE__ */ jsx79(
       Button,
       {
         type: "button",
@@ -7460,10 +8119,10 @@ function DepositAssetSelection({
         size: "icon-xl",
         onClick: () => setCurrentView("dashboard"),
         "aria-label": "Go back",
-        children: /* @__PURE__ */ jsx65(Icon, { name: "arrow_back", size: "xl" })
+        children: /* @__PURE__ */ jsx79(Icon, { name: "arrow_back", size: "xl" })
       }
     ) }),
-    /* @__PURE__ */ jsx65("div", { className: "flex-shrink-0 px-5 pb-3 pt-4", children: /* @__PURE__ */ jsx65(
+    /* @__PURE__ */ jsx79("div", { className: "flex-shrink-0 px-5 pb-3 pt-4", children: /* @__PURE__ */ jsx79(
       DotPagination,
       {
         count: 2,
@@ -7471,8 +8130,8 @@ function DepositAssetSelection({
         ariaLabel: "Deposit step 1 of 2: select asset"
       }
     ) }),
-    /* @__PURE__ */ jsx65("div", { className: "flex-shrink-0 px-5 pb-3", children: /* @__PURE__ */ jsxs51("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx65(
+    /* @__PURE__ */ jsx79("div", { className: "flex-shrink-0 px-5 pb-3", children: /* @__PURE__ */ jsxs65("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx79(
         Icon,
         {
           name: "search",
@@ -7480,7 +8139,7 @@ function DepositAssetSelection({
           className: "absolute left-3 top-1/2 -translate-y-1/2 text-white/30"
         }
       ),
-      /* @__PURE__ */ jsx65(
+      /* @__PURE__ */ jsx79(
         "input",
         {
           autoFocus: true,
@@ -7493,8 +8152,8 @@ function DepositAssetSelection({
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsxs51(ScrollArea, { className: "min-h-0 flex-1", viewportClassName: "space-y-1.5 px-5 pb-3", children: [
-      btcAsset && /* @__PURE__ */ jsxs51(
+    /* @__PURE__ */ jsxs65(ScrollArea, { className: "min-h-0 flex-1", viewportClassName: "space-y-1.5 px-5 pb-3", children: [
+      btcAsset && /* @__PURE__ */ jsxs65(
         "button",
         {
           type: "button",
@@ -7502,27 +8161,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__ */ jsx65(AssetIcon, { ticker: "BTC", size: 40, className: "flex-shrink-0" }),
-            /* @__PURE__ */ jsxs51("div", { className: "min-w-0 flex-1 text-left", children: [
-              /* @__PURE__ */ jsx65("div", { className: "font-bold tracking-wide text-white transition-colors group-hover:text-primary/90", children: "Bitcoin" }),
-              /* @__PURE__ */ jsx65("div", { className: "mt-0.5 text-xs text-white/40", children: "Choose destination account next" })
+            /* @__PURE__ */ jsx79(AssetIcon, { ticker: "BTC", size: 40, className: "flex-shrink-0" }),
+            /* @__PURE__ */ jsxs65("div", { className: "min-w-0 flex-1 text-left", children: [
+              /* @__PURE__ */ jsx79("div", { className: "font-bold tracking-wide text-white transition-colors group-hover:text-primary/90", children: "Bitcoin" }),
+              /* @__PURE__ */ jsx79("div", { className: "mt-0.5 text-xs text-white/40", children: "Choose destination account next" })
             ] }),
-            /* @__PURE__ */ jsxs51("div", { className: "hidden min-w-0 max-w-[42%] flex-shrink flex-wrap justify-end gap-1 min-[380px]:flex", children: [
-              /* @__PURE__ */ jsx65(NetworkBadge, { network: "L1", size: "sm" }),
-              /* @__PURE__ */ jsx65(NetworkBadge, { network: "LN", size: "sm" }),
-              isSparkConnected && /* @__PURE__ */ jsx65(NetworkBadge, { network: "Spark", size: "sm" }),
-              isArkadeConnected && /* @__PURE__ */ jsx65(NetworkBadge, { network: "Arkade", size: "sm" })
+            /* @__PURE__ */ jsxs65("div", { className: "hidden min-w-0 max-w-[42%] flex-shrink flex-wrap justify-end gap-1 min-[380px]:flex", children: [
+              /* @__PURE__ */ jsx79(NetworkBadge, { network: "L1", size: "sm" }),
+              /* @__PURE__ */ jsx79(NetworkBadge, { network: "LN", size: "sm" }),
+              isSparkConnected && /* @__PURE__ */ jsx79(NetworkBadge, { network: "Spark", size: "sm" }),
+              isArkadeConnected && /* @__PURE__ */ jsx79(NetworkBadge, { network: "Arkade", size: "sm" })
             ] }),
-            /* @__PURE__ */ jsx65("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__ */ jsx79("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__ */ jsxs51("div", { className: "py-8 text-center text-sm text-white/30", children: [
+      noResults ? /* @__PURE__ */ jsxs65("div", { className: "py-8 text-center text-sm text-white/30", children: [
         'No assets match "',
         searchQuery,
         '"'
-      ] }) : ownedAssetsCount > 0 ? /* @__PURE__ */ jsxs51("div", { className: "space-y-1.5 pt-1", children: [
-        /* @__PURE__ */ jsxs51(
+      ] }) : ownedAssetsCount > 0 ? /* @__PURE__ */ jsxs65("div", { className: "space-y-1.5 pt-1", children: [
+        /* @__PURE__ */ jsxs65(
           "button",
           {
             type: "button",
@@ -7535,17 +8194,17 @@ function DepositAssetSelection({
               isSearching && "cursor-default"
             ),
             children: [
-              /* @__PURE__ */ jsx65("span", { className: "text-xxs font-bold uppercase tracking-[0.18em] text-white/55", children: "Your assets" }),
-              /* @__PURE__ */ jsx65("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__ */ jsx65("div", { className: "flex-1" }),
-              !isSearching && /* @__PURE__ */ jsx65("span", { className: "material-symbols-outlined text-icon-md text-white/40", children: showOwnedAssets ? "expand_less" : "expand_more" })
+              /* @__PURE__ */ jsx79("span", { className: "text-xxs font-bold uppercase tracking-[0.18em] text-white/55", children: "Your assets" }),
+              /* @__PURE__ */ jsx79("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__ */ jsx79("div", { className: "flex-1" }),
+              !isSearching && /* @__PURE__ */ jsx79(Icon, { name: showOwnedAssets ? "expand_less" : "expand_more", size: "md", className: "text-white/40" })
             ]
           }
         ),
-        showOwnedAssets && /* @__PURE__ */ jsx65("div", { className: "space-y-1.5 duration-200 animate-in fade-in slide-in-from-top-1", children: ownedAssets.map((asset) => {
+        showOwnedAssets && /* @__PURE__ */ jsx79("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__ */ jsxs51(
+          return /* @__PURE__ */ jsxs65(
             "button",
             {
               type: "button",
@@ -7553,11 +8212,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__ */ jsx65(AssetIcon, { ticker: asset.ticker, size: 40, className: "flex-shrink-0" }),
-                /* @__PURE__ */ jsxs51("div", { className: "min-w-0 flex-1 text-left", children: [
-                  /* @__PURE__ */ jsxs51("div", { className: "flex min-w-0 items-center gap-1.5", children: [
-                    /* @__PURE__ */ jsx65("span", { className: "truncate font-bold tracking-wide text-white transition-colors group-hover:text-primary/90", children: asset.ticker }),
-                    protocolBadge && /* @__PURE__ */ jsx65(
+                /* @__PURE__ */ jsx79(AssetIcon, { ticker: asset.ticker, size: 40, className: "flex-shrink-0" }),
+                /* @__PURE__ */ jsxs65("div", { className: "min-w-0 flex-1 text-left", children: [
+                  /* @__PURE__ */ jsxs65("div", { className: "flex min-w-0 items-center gap-1.5", children: [
+                    /* @__PURE__ */ jsx79("span", { className: "truncate font-bold tracking-wide text-white transition-colors group-hover:text-primary/90", children: asset.ticker }),
+                    protocolBadge && /* @__PURE__ */ jsx79(
                       "span",
                       {
                         className: cn(
@@ -7568,38 +8227,38 @@ function DepositAssetSelection({
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ jsx65("div", { className: "mt-0.5 truncate text-xs text-white/40", children: asset.name ?? "Asset" })
+                  /* @__PURE__ */ jsx79("div", { className: "mt-0.5 truncate text-xs text-white/40", children: asset.name ?? "Asset" })
                 ] }),
-                balance > 0 && /* @__PURE__ */ jsxs51("div", { className: "flex-shrink-0 text-right", children: [
-                  /* @__PURE__ */ jsx65("div", { className: "font-mono text-xs font-bold text-white", children: formatAssetBalance(asset) }),
-                  /* @__PURE__ */ jsx65("div", { className: "mt-0.5 text-tiny uppercase tracking-wider text-white/35", children: asset.ticker })
+                balance > 0 && /* @__PURE__ */ jsxs65("div", { className: "flex-shrink-0 text-right", children: [
+                  /* @__PURE__ */ jsx79("div", { className: "font-mono text-xs font-bold text-white", children: formatAssetBalance(asset) }),
+                  /* @__PURE__ */ jsx79("div", { className: "mt-0.5 text-tiny uppercase tracking-wider text-white/35", children: asset.ticker })
                 ] }),
-                /* @__PURE__ */ jsx65("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__ */ jsx79("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__ */ jsx65("div", { className: "pb-1 pt-2", children: /* @__PURE__ */ jsxs51(
+      !searchQuery && /* @__PURE__ */ jsx79("div", { className: "pb-1 pt-2", children: /* @__PURE__ */ jsxs65(
         "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__ */ jsx65("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-xl bg-primary/20", children: /* @__PURE__ */ jsx65("span", { className: "material-symbols-outlined text-lg text-primary", children: "swap_calls" }) }),
-            /* @__PURE__ */ jsxs51("div", { className: "flex-1 text-left", children: [
-              /* @__PURE__ */ jsx65("p", { className: "text-sm font-semibold text-white transition-colors group-hover:text-primary", children: "Bridge from another chain" }),
-              /* @__PURE__ */ jsx65("p", { className: "text-xxs leading-tight text-white/40", children: "USDC, USDT, ETH, SOL via Flashnet" })
+            /* @__PURE__ */ jsx79("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-xl bg-primary/20", children: /* @__PURE__ */ jsx79("span", { className: "material-symbols-outlined text-lg text-primary", children: "swap_calls" }) }),
+            /* @__PURE__ */ jsxs65("div", { className: "flex-1 text-left", children: [
+              /* @__PURE__ */ jsx79("p", { className: "text-sm font-semibold text-white transition-colors group-hover:text-primary", children: "Bridge from another chain" }),
+              /* @__PURE__ */ jsx79("p", { className: "text-xxs leading-tight text-white/40", children: "USDC, USDT, ETH, SOL via Flashnet" })
             ] }),
-            /* @__PURE__ */ jsx65("span", { className: "material-symbols-outlined text-lg text-white/30 transition-colors group-hover:text-primary", children: "arrow_forward" })
+            /* @__PURE__ */ jsx79("span", { className: "material-symbols-outlined text-lg text-white/30 transition-colors group-hover:text-primary", children: "arrow_forward" })
           ]
         }
       ) }),
-      !searchQuery && newAssetOptions.length > 0 && /* @__PURE__ */ jsxs51("div", { className: "space-y-2 pt-2", children: [
-        /* @__PURE__ */ jsx65("div", { className: "px-1", children: /* @__PURE__ */ jsx65("p", { className: "text-xxs font-bold uppercase tracking-[0.18em] text-white/35", children: "New Asset" }) }),
-        /* @__PURE__ */ jsx65(
+      !searchQuery && newAssetOptions.length > 0 && /* @__PURE__ */ jsxs65("div", { className: "space-y-2 pt-2", children: [
+        /* @__PURE__ */ jsx79("div", { className: "px-1", children: /* @__PURE__ */ jsx79("p", { className: "text-xxs font-bold uppercase tracking-[0.18em] text-white/35", children: "New Asset" }) }),
+        /* @__PURE__ */ jsx79(
           "div",
           {
             className: cn(
@@ -7608,7 +8267,7 @@ function DepositAssetSelection({
             ),
             children: newAssetOptions.map((option) => {
               const active = isNewAsset && newAssetAccount === option.account;
-              return /* @__PURE__ */ jsxs51(
+              return /* @__PURE__ */ jsxs65(
                 "button",
                 {
                   type: "button",
@@ -7619,11 +8278,11 @@ function DepositAssetSelection({
                   ),
                   onClick: () => handleAddNewAsset(option.account),
                   children: [
-                    /* @__PURE__ */ jsxs51("div", { className: "relative", children: [
-                      /* @__PURE__ */ jsx65(AssetIcon, { ticker: option.ticker, size: 40 }),
-                      /* @__PURE__ */ jsx65("div", { className: "absolute -bottom-1 -right-1 flex size-4 items-center justify-center rounded-full bg-primary", children: /* @__PURE__ */ jsx65(Icon, { name: "add", size: "xs", className: "text-background" }) })
+                    /* @__PURE__ */ jsxs65("div", { className: "relative", children: [
+                      /* @__PURE__ */ jsx79(AssetIcon, { ticker: option.ticker, size: 40 }),
+                      /* @__PURE__ */ jsx79("div", { className: "absolute -bottom-1 -right-1 flex size-4 items-center justify-center rounded-full bg-primary", children: /* @__PURE__ */ jsx79(Icon, { name: "add", size: "xs", className: "text-background" }) })
                     ] }),
-                    /* @__PURE__ */ jsx65("div", { className: "mt-2 min-w-0", children: /* @__PURE__ */ jsx65(
+                    /* @__PURE__ */ jsx79("div", { className: "mt-2 min-w-0", children: /* @__PURE__ */ jsx79(
                       "div",
                       {
                         className: cn(
@@ -7643,10 +8302,10 @@ function DepositAssetSelection({
         )
       ] })
     ] }),
-    isNewAsset && newAssetAccount === "RGB" && /* @__PURE__ */ jsxs51(Fragment15, { children: [
-      /* @__PURE__ */ jsx65("div", { className: "flex-shrink-0 px-5 pb-3 animate-in fade-in slide-in-from-bottom-2 duration-300", children: /* @__PURE__ */ jsxs51("div", { className: "space-y-2 rounded-2xl border border-network-arkade/20 bg-network-arkade/5 p-3", children: [
-        /* @__PURE__ */ jsx65("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__ */ jsx65(
+    isNewAsset && newAssetAccount === "RGB" && /* @__PURE__ */ jsxs65(Fragment16, { children: [
+      /* @__PURE__ */ jsx79("div", { className: "flex-shrink-0 px-5 pb-3 animate-in fade-in slide-in-from-bottom-2 duration-300", children: /* @__PURE__ */ jsxs65("div", { className: "space-y-2 rounded-2xl border border-network-arkade/20 bg-network-arkade/5 p-3", children: [
+        /* @__PURE__ */ jsx79("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__ */ jsx79(
           "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",
@@ -7657,16 +8316,16 @@ function DepositAssetSelection({
           }
         )
       ] }) }),
-      /* @__PURE__ */ jsx65("div", { className: "flex-shrink-0 px-5 pb-5 pt-2", children: /* @__PURE__ */ jsxs51(Button, { variant: "cta", size: "cta", onClick: handleContinueToGenerate, children: [
+      /* @__PURE__ */ jsx79("div", { className: "flex-shrink-0 px-5 pb-5 pt-2", children: /* @__PURE__ */ jsxs65(Button, { variant: "cta", size: "cta", onClick: handleContinueToGenerate, children: [
         "Continue with New Asset",
-        /* @__PURE__ */ jsx65("span", { className: "material-symbols-outlined text-icon-xl font-bold", children: "arrow_forward" })
+        /* @__PURE__ */ jsx79("span", { className: "material-symbols-outlined text-icon-xl font-bold", children: "arrow_forward" })
       ] }) })
     ] })
   ] });
 }
 
 // src/web/components/deposit-invoice-generation.tsx
-import { jsx as jsx66, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx80, jsxs as jsxs66 } from "react/jsx-runtime";
 var ACCOUNT_TITLES2 = {
   RGB: "RGB & Lightning",
   SPARK: "Spark",
@@ -7821,7 +8480,7 @@ function DepositInvoiceGeneration({
     if (nextMethod) applyMethodSelection(account, nextMethod);
   };
   if (depositDetected) {
-    return /* @__PURE__ */ jsx66(
+    return /* @__PURE__ */ jsx80(
       DepositSuccessScreen,
       {
         handleDone,
@@ -7838,15 +8497,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__ */ jsxs52("div", { className: "relative flex h-screen flex-col overflow-hidden bg-background pt-16 font-display text-foreground", children: [
-    /* @__PURE__ */ jsx66("div", { className: "absolute left-4 top-4 z-30", children: /* @__PURE__ */ jsx66(Button, { type: "button", variant: "ghost", size: "icon-xl", onClick: handleBack, "aria-label": "Go back", children: /* @__PURE__ */ jsx66(Icon, { name: "arrow_back", size: "xl" }) }) }),
+  return /* @__PURE__ */ jsxs66("div", { className: "relative flex h-screen flex-col overflow-hidden bg-background pt-16 font-display text-foreground", children: [
+    /* @__PURE__ */ jsx80("div", { className: "absolute left-4 top-4 z-30", children: /* @__PURE__ */ jsx80(Button, { type: "button", variant: "ghost", size: "icon-xl", onClick: handleBack, "aria-label": "Go back", children: /* @__PURE__ */ jsx80(Icon, { name: "arrow_back", size: "xl" }) }) }),
     (() => {
       const hideDestinationRail = isNewAsset && (network === "spark" || network === "arkade");
       if (hideDestinationRail) return null;
-      return /* @__PURE__ */ jsx66("div", { className: "flex-shrink-0 border-b border-border bg-background px-4 py-2", children: /* @__PURE__ */ jsxs52("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsxs52("div", { children: [
-          /* @__PURE__ */ jsx66("p", { className: "text-xxs font-bold uppercase tracking-widest text-white/35", children: "Destination Account" }),
-          /* @__PURE__ */ jsx66("div", { className: "mt-1.5 flex gap-1.5 overflow-x-auto no-scrollbar", children: availableAccounts.map((account) => /* @__PURE__ */ jsx66(
+      return /* @__PURE__ */ jsx80("div", { className: "flex-shrink-0 border-b border-border bg-background px-4 py-2", children: /* @__PURE__ */ jsxs66("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxs66("div", { children: [
+          /* @__PURE__ */ jsx80("p", { className: "text-xxs font-bold uppercase tracking-widest text-white/35", children: "Destination Account" }),
+          /* @__PURE__ */ jsx80("div", { className: "mt-1.5 flex gap-1.5 overflow-x-auto no-scrollbar", children: availableAccounts.map((account) => /* @__PURE__ */ jsx80(
             AccountChoiceChip,
             {
               account,
@@ -7871,9 +8530,9 @@ function DepositInvoiceGeneration({
             account
           )) })
         ] }),
-        !isBtc && !(isNewAsset && (network === "spark" || network === "arkade")) && /* @__PURE__ */ jsxs52("div", { children: [
-          /* @__PURE__ */ jsx66("p", { className: "text-xxs font-bold uppercase tracking-widest text-white/35", children: "Transfer Method" }),
-          /* @__PURE__ */ jsx66("div", { className: "mt-1.5 flex gap-1.5 overflow-x-auto no-scrollbar", children: methodOptions.map(({ method, enabled, disabledReason }) => /* @__PURE__ */ jsx66(
+        !isBtc && !(isNewAsset && (network === "spark" || network === "arkade")) && /* @__PURE__ */ jsxs66("div", { children: [
+          /* @__PURE__ */ jsx80("p", { className: "text-xxs font-bold uppercase tracking-widest text-white/35", children: "Transfer Method" }),
+          /* @__PURE__ */ jsx80("div", { className: "mt-1.5 flex gap-1.5 overflow-x-auto no-scrollbar", children: methodOptions.map(({ method, enabled, disabledReason }) => /* @__PURE__ */ jsx80(
             MethodChoiceChip,
             {
               method,
@@ -7887,7 +8546,7 @@ function DepositInvoiceGeneration({
         ] })
       ] }) });
     })(),
-    /* @__PURE__ */ jsx66(ScrollArea, { className: "flex-1", viewportAs: "main", viewportClassName: "space-y-2.5 px-4 py-2.5", children: isBtc && accountReceiveResult ? /* @__PURE__ */ jsx66(
+    /* @__PURE__ */ jsx80(ScrollArea, { className: "flex-1", viewportAs: "main", viewportClassName: "space-y-2.5 px-4 py-2.5", children: isBtc && accountReceiveResult ? /* @__PURE__ */ jsx80(
       BtcUnifiedReceive,
       {
         btcSelectedAccount,
@@ -7907,8 +8566,8 @@ function DepositInvoiceGeneration({
         setAccountReceiveResult,
         handleDone
       }
-    ) : isBtc && !accountReceiveResult && loading ? /* @__PURE__ */ jsxs52("div", { className: "flex flex-col items-center gap-4 py-10", children: [
-      /* @__PURE__ */ jsx66(
+    ) : isBtc && !accountReceiveResult && loading ? /* @__PURE__ */ jsxs66("div", { className: "flex flex-col items-center gap-4 py-10", children: [
+      /* @__PURE__ */ jsx80(
         "div",
         {
           className: cn(
@@ -7916,7 +8575,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__ */ jsx66(
+          children: /* @__PURE__ */ jsx80(
             "span",
             {
               className: cn(
@@ -7928,11 +8587,11 @@ function DepositInvoiceGeneration({
           )
         }
       ),
-      /* @__PURE__ */ jsxs52("div", { className: "space-y-1 text-center", children: [
-        /* @__PURE__ */ jsx66("p", { className: "text-sm font-bold text-muted-foreground", children: "Generating addresses..." }),
-        /* @__PURE__ */ jsx66("p", { className: "text-xs text-white/30", children: ACCOUNT_TITLES2[btcSelectedAccount] })
+      /* @__PURE__ */ jsxs66("div", { className: "space-y-1 text-center", children: [
+        /* @__PURE__ */ jsx80("p", { className: "text-sm font-bold text-muted-foreground", children: "Generating addresses..." }),
+        /* @__PURE__ */ jsx80("p", { className: "text-xs text-white/30", children: ACCOUNT_TITLES2[btcSelectedAccount] })
       ] })
-    ] }) : !address ? /* @__PURE__ */ jsx66(
+    ] }) : !address ? /* @__PURE__ */ jsx80(
       DepositPreGeneration,
       {
         selectedAsset,
@@ -7956,7 +8615,7 @@ function DepositInvoiceGeneration({
         onOpenCreateUtxos,
         showReceiveSummary: !isNewRgbAsset
       }
-    ) : /* @__PURE__ */ jsx66(
+    ) : /* @__PURE__ */ jsx80(
       DepositGeneratedView,
       {
         network,
@@ -8006,6 +8665,7 @@ export {
   ActivityFilterBar,
   ActivityList,
   ActivityNetworkFilters,
+  ActivityRow,
   ActivityTypeTabs,
   AlertBanner,
   AppIcon,
@@ -8015,6 +8675,7 @@ export {
   AssetSelector,
   BalanceBreakdown,
   BottomNav,
+  BottomSheet,
   BtcUnifiedReceive,
   Button,
   Card,
@@ -8040,15 +8701,19 @@ export {
   DialogPortal,
   DialogTitle,
   DialogTrigger,
+  DisclosureCard,
   DotPagination,
   ErrorBoundary,
   ErrorCard,
   ExpandIcon,
+  ExtensionPageFrame,
   FadeOverlay,
+  FilterChipGroup,
   FilterDropdown,
   HeadlineGradient,
   Icon,
   Icons,
+  InfoPanel,
   InlineAction,
   InlineSelector,
   Input,
@@ -8056,8 +8721,10 @@ export {
   KaleidoScopeHeroAnimation,
   Label2 as Label,
   LightningNetworkIcon,
+  ListSkeletonRows,
   LoadingCard,
   MethodChoiceChip,
+  MetricCard,
   MobileHeroAnimation,
   NETWORK_CONFIG,
   NetworkBadge,
@@ -8071,6 +8738,8 @@ export {
   QrCode,
   RecoveryPhraseCard,
   ScrollArea,
+  SecretRevealCard,
+  SectionHeader,
   SectionLabel,
   SectionTitle,
   Select,
@@ -8081,12 +8750,17 @@ export {
   SelectSeparator,
   SelectTrigger,
   SelectValue,
+  SelectableCard,
   SettingItem,
   SettingsActionButton,
+  SettingsSectionCard,
+  SettingsSelectorRow,
   SettingsStatusPanel,
   SettingsTile,
+  Skeleton,
   SparkNetworkIcon,
   StatusBadge,
+  StepperNumberInput,
   SwapInputCard,
   Switch,
   Tabs,
@@ -8101,6 +8775,7 @@ export {
   ToastTitle,
   ToastViewport,
   Toaster,
+  ToneBadge,
   TransactionCard,
   TransferRouteCard,
   WalletAssetList,