@rhinestone/deposit-modal 0.1.67 → 0.1.69

package/dist/{chunk-NFE5ZLD3.mjs → chunk-3RV2B6JM.mjs}

@@ -28,7 +28,7 @@ import {
   tokenFormatter,
   txRefsMatch,
   useLatestRef
-} from "./chunk-IUW3SJQT.mjs";
+} from "./chunk-DA3XVDNQ.mjs";
 import {
   DEFAULT_BACKEND_URL,
   DEFAULT_SIGNER_ADDRESS,
@@ -52,16 +52,16 @@ import {
 // src/DepositModal.tsx
 import {
   useMemo as useMemo7,
-  useEffect as useEffect10,
-  useRef as useRef7,
-  useState as useState11,
-  useCallback as useCallback6,
+  useEffect as useEffect11,
+  useRef as useRef8,
+  useState as useState12,
+  useCallback as useCallback7,
   lazy,
   Suspense
 } from "react";
 
 // src/DepositFlow.tsx
-import { useState as useState10, useCallback as useCallback4, useMemo as useMemo6, useEffect as useEffect9, useRef as useRef6 } from "react";
+import { useState as useState11, useCallback as useCallback5, useMemo as useMemo6, useEffect as useEffect10, useRef as useRef7 } from "react";
 import { formatUnits as formatUnits5 } from "viem";
 
 // src/components/steps/SetupStep.tsx
@@ -119,6 +119,8 @@ function SetupStep({
         targetToken,
         recipient,
         postBridgeActions,
+        outputTokenRules,
+        rejectUnmapped,
         signerAddress,
         sessionChainIds,
         forceRegister
@@ -187,6 +189,8 @@ function SetupStep({
     sessionChainIds,
     recipient,
     postBridgeActions,
+    outputTokenRules,
+    rejectUnmapped,
     forceRegister,
     enableSolana,
     service,
@@ -1198,7 +1202,7 @@ function ConfirmStep({
 }
 
 // src/components/steps/DepositAddressStep.tsx
-import { useState as useState6, useEffect as useEffect6, useCallback as useCallback3, useRef as useRef5, useMemo as useMemo3 } from "react";
+import { useState as useState7, useEffect as useEffect7, useCallback as useCallback4, useRef as useRef6, useMemo as useMemo3 } from "react";
 
 // src/components/ui/QRCode.tsx
 import { QRCode as QRCodeCanvas } from "react-qrcode-logo";
@@ -1226,9 +1230,106 @@ function QRCode({ value, size = 200, iconSrc, className }) {
 }
 QRCode.displayName = "QRCode";
 
-// src/components/ui/DepositNotification.tsx
-import { useState as useState5, useEffect as useEffect5, useRef as useRef4, useCallback as useCallback2 } from "react";
+// src/components/ui/Tooltip.tsx
+import {
+  useState as useState5,
+  useRef as useRef4,
+  useEffect as useEffect5,
+  useCallback as useCallback2
+} from "react";
+import { createPortal } from "react-dom";
 import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+function Tooltip({ content, children, className }) {
+  const [open, setOpen] = useState5(false);
+  const [position, setPosition] = useState5(null);
+  const triggerRef = useRef4(null);
+  const bubbleRef = useRef4(null);
+  const updatePosition = useCallback2(() => {
+    const trigger = triggerRef.current;
+    if (!trigger) return;
+    const rect = trigger.getBoundingClientRect();
+    setPosition({
+      top: rect.top,
+      left: rect.left + rect.width / 2
+    });
+  }, []);
+  useEffect5(() => {
+    if (!open) return;
+    updatePosition();
+    function handleOutside(event) {
+      const target = event.target;
+      if (!target) return;
+      if (triggerRef.current?.contains(target)) return;
+      if (bubbleRef.current?.contains(target)) return;
+      setOpen(false);
+    }
+    function handleKey(event) {
+      if (event.key === "Escape") setOpen(false);
+    }
+    document.addEventListener("mousedown", handleOutside);
+    document.addEventListener("touchstart", handleOutside);
+    document.addEventListener("keydown", handleKey);
+    window.addEventListener("scroll", updatePosition, true);
+    window.addEventListener("resize", updatePosition);
+    return () => {
+      document.removeEventListener("mousedown", handleOutside);
+      document.removeEventListener("touchstart", handleOutside);
+      document.removeEventListener("keydown", handleKey);
+      window.removeEventListener("scroll", updatePosition, true);
+      window.removeEventListener("resize", updatePosition);
+    };
+  }, [open, updatePosition]);
+  return /* @__PURE__ */ jsxs5(
+    "span",
+    {
+      ref: triggerRef,
+      className: `rs-tooltip ${className ?? ""}`,
+      onMouseEnter: () => setOpen(true),
+      onMouseLeave: () => setOpen(false),
+      children: [
+        /* @__PURE__ */ jsx6(
+          "span",
+          {
+            className: "rs-tooltip-trigger",
+            role: "button",
+            tabIndex: 0,
+            "aria-label": content,
+            onClick: (event) => {
+              event.stopPropagation();
+              event.preventDefault();
+              setOpen((value) => !value);
+            },
+            onKeyDown: (event) => {
+              if (event.key === "Enter" || event.key === " ") {
+                event.preventDefault();
+                setOpen((value) => !value);
+              }
+            },
+            children
+          }
+        ),
+        open && position && typeof document !== "undefined" && createPortal(
+          /* @__PURE__ */ jsx6(
+            "span",
+            {
+              ref: bubbleRef,
+              className: "rs-tooltip-bubble",
+              role: "tooltip",
+              style: { top: position.top, left: position.left },
+              children: content
+            }
+          ),
+          document.body
+        )
+      ]
+    }
+  );
+}
+Tooltip.displayName = "Tooltip";
+
+// src/components/ui/DepositNotification.tsx
+import { useState as useState6, useEffect as useEffect6, useRef as useRef5, useCallback as useCallback3 } from "react";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 var INITIAL_POLL_INTERVAL = 3e3;
 var MAX_POLL_INTERVAL = 3e4;
 var BACKOFF_MULTIPLIER = 1.5;
@@ -1285,7 +1386,7 @@ function formatBridgeFailedMessage(event) {
   }
   return "Bridge failed";
 }
-var txLinkIcon = /* @__PURE__ */ jsx6(
+var txLinkIcon = /* @__PURE__ */ jsx7(
   "svg",
   {
     viewBox: "0 0 24 24",
@@ -1293,7 +1394,7 @@ var txLinkIcon = /* @__PURE__ */ jsx6(
     stroke: "currentColor",
     strokeWidth: "2.5",
     className: "rs-deposit-notification-link-icon",
-    children: /* @__PURE__ */ jsx6(
+    children: /* @__PURE__ */ jsx7(
       "path",
       {
         strokeLinecap: "round",
@@ -1316,19 +1417,19 @@ function DepositNotification({
   onDismiss
 }) {
   const { txHash, sourceChain, amount, token, detectedAt, directTransfer } = deposit;
-  const [status, setStatus] = useState5(
+  const [status, setStatus] = useState6(
     directTransfer ? "complete" : "processing"
   );
-  const [expanded, setExpanded] = useState5(false);
-  const [completedAt, setCompletedAt] = useState5(
+  const [expanded, setExpanded] = useState6(false);
+  const [completedAt, setCompletedAt] = useState6(
     directTransfer ? detectedAt : null
   );
-  const [destinationTxHash, setDestinationTxHash] = useState5(
+  const [destinationTxHash, setDestinationTxHash] = useState6(
     null
   );
-  const pollIntervalRef = useRef4(INITIAL_POLL_INTERVAL);
-  const pollTimeoutRef = useRef4(null);
-  const completedRef = useRef4(directTransfer ?? false);
+  const pollIntervalRef = useRef5(INITIAL_POLL_INTERVAL);
+  const pollTimeoutRef = useRef5(null);
+  const completedRef = useRef5(directTransfer ?? false);
   const depositContextRef = useLatestRef({
     amount,
     sourceChain,
@@ -1340,7 +1441,7 @@ function DepositNotification({
   });
   const onCompleteRef = useLatestRef(onComplete);
   const onFailedRef = useLatestRef(onFailed);
-  const handleComplete = useCallback2(
+  const handleComplete = useCallback3(
     (destTxHash) => {
       if (completedRef.current) return;
       completedRef.current = true;
@@ -1358,7 +1459,7 @@ function DepositNotification({
     },
     [depositContextRef, onCompleteRef, txHash]
   );
-  const handleFailed = useCallback2(
+  const handleFailed = useCallback3(
     (error) => {
       if (completedRef.current) return;
       completedRef.current = true;
@@ -1367,7 +1468,7 @@ function DepositNotification({
     },
     [onFailedRef, txHash]
   );
-  useEffect5(() => {
+  useEffect6(() => {
     if (directTransfer) {
       handleComplete(void 0);
       return;
@@ -1444,14 +1545,14 @@ function DepositNotification({
   const destExplorerUrl = destinationTxHash ? getExplorerTxUrl(targetChain, destinationTxHash) : null;
   const title = status === "complete" ? "Deposit completed" : status === "failed" ? "Deposit failed" : "Deposit received and processing\u2026";
   const subtitle = status === "complete" ? "Your deposit has been credited to your account." : status === "failed" ? "Your deposit could not be processed." : "Your deposit will be credited to your account shortly.";
-  const statusIcon = status === "complete" ? /* @__PURE__ */ jsx6("div", { className: "rs-deposit-notification-badge rs-deposit-notification-badge--complete", children: /* @__PURE__ */ jsx6(
+  const statusIcon = status === "complete" ? /* @__PURE__ */ jsx7("div", { className: "rs-deposit-notification-badge rs-deposit-notification-badge--complete", children: /* @__PURE__ */ jsx7(
     "svg",
     {
       viewBox: "0 0 24 24",
       fill: "none",
       stroke: "currentColor",
       strokeWidth: "3",
-      children: /* @__PURE__ */ jsx6(
+      children: /* @__PURE__ */ jsx7(
         "path",
         {
           strokeLinecap: "round",
@@ -1460,14 +1561,14 @@ function DepositNotification({
         }
       )
     }
-  ) }) : status === "failed" ? /* @__PURE__ */ jsx6("div", { className: "rs-deposit-notification-badge rs-deposit-notification-badge--failed", children: /* @__PURE__ */ jsx6(
+  ) }) : status === "failed" ? /* @__PURE__ */ jsx7("div", { className: "rs-deposit-notification-badge rs-deposit-notification-badge--failed", children: /* @__PURE__ */ jsx7(
     "svg",
     {
       viewBox: "0 0 24 24",
       fill: "none",
       stroke: "currentColor",
       strokeWidth: "3",
-      children: /* @__PURE__ */ jsx6(
+      children: /* @__PURE__ */ jsx7(
         "path",
         {
           strokeLinecap: "round",
@@ -1476,33 +1577,33 @@ function DepositNotification({
         }
       )
     }
-  ) }) : /* @__PURE__ */ jsx6("div", { className: "rs-deposit-notification-badge rs-deposit-notification-badge--processing", children: /* @__PURE__ */ jsx6(Spinner, {}) });
-  return /* @__PURE__ */ jsxs5(
+  ) }) : /* @__PURE__ */ jsx7("div", { className: "rs-deposit-notification-badge rs-deposit-notification-badge--processing", children: /* @__PURE__ */ jsx7(Spinner, {}) });
+  return /* @__PURE__ */ jsxs6(
     "div",
     {
       className: `rs-deposit-notification rs-deposit-notification--${status}`,
       children: [
-        /* @__PURE__ */ jsxs5("div", { className: "rs-deposit-notification-header", children: [
-          /* @__PURE__ */ jsx6("div", { className: "rs-deposit-notification-icon", children: statusIcon }),
-          /* @__PURE__ */ jsxs5("div", { className: "rs-deposit-notification-content", children: [
-            /* @__PURE__ */ jsx6("div", { className: "rs-deposit-notification-title", children: title }),
-            /* @__PURE__ */ jsx6("div", { className: "rs-deposit-notification-subtitle", children: subtitle })
+        /* @__PURE__ */ jsxs6("div", { className: "rs-deposit-notification-header", children: [
+          /* @__PURE__ */ jsx7("div", { className: "rs-deposit-notification-icon", children: statusIcon }),
+          /* @__PURE__ */ jsxs6("div", { className: "rs-deposit-notification-content", children: [
+            /* @__PURE__ */ jsx7("div", { className: "rs-deposit-notification-title", children: title }),
+            /* @__PURE__ */ jsx7("div", { className: "rs-deposit-notification-subtitle", children: subtitle })
           ] }),
-          /* @__PURE__ */ jsx6(
+          /* @__PURE__ */ jsx7(
             "button",
             {
               type: "button",
               className: "rs-deposit-notification-close",
               onClick: () => onDismiss(deposit.id),
               "aria-label": "Dismiss",
-              children: /* @__PURE__ */ jsx6(
+              children: /* @__PURE__ */ jsx7(
                 "svg",
                 {
                   viewBox: "0 0 24 24",
                   fill: "none",
                   stroke: "currentColor",
                   strokeWidth: "2",
-                  children: /* @__PURE__ */ jsx6(
+                  children: /* @__PURE__ */ jsx7(
                     "path",
                     {
                       strokeLinecap: "round",
@@ -1515,10 +1616,10 @@ function DepositNotification({
             }
           )
         ] }),
-        expanded && /* @__PURE__ */ jsxs5("div", { className: "rs-deposit-notification-details", children: [
-          /* @__PURE__ */ jsxs5("div", { className: "rs-deposit-notification-row", children: [
-            /* @__PURE__ */ jsx6("span", { className: "rs-deposit-notification-label", children: "Deposit tx" }),
-            /* @__PURE__ */ jsx6("span", { className: "rs-deposit-notification-value", children: sourceExplorerUrl ? /* @__PURE__ */ jsxs5(
+        expanded && /* @__PURE__ */ jsxs6("div", { className: "rs-deposit-notification-details", children: [
+          /* @__PURE__ */ jsxs6("div", { className: "rs-deposit-notification-row", children: [
+            /* @__PURE__ */ jsx7("span", { className: "rs-deposit-notification-label", children: "Deposit tx" }),
+            /* @__PURE__ */ jsx7("span", { className: "rs-deposit-notification-value", children: sourceExplorerUrl ? /* @__PURE__ */ jsxs6(
               "a",
               {
                 href: sourceExplorerUrl,
@@ -1532,9 +1633,9 @@ function DepositNotification({
               }
             ) : truncateHash(txHash) })
           ] }),
-          destinationTxHash && /* @__PURE__ */ jsxs5("div", { className: "rs-deposit-notification-row", children: [
-            /* @__PURE__ */ jsx6("span", { className: "rs-deposit-notification-label", children: "Completion tx" }),
-            /* @__PURE__ */ jsx6("span", { className: "rs-deposit-notification-value", children: destExplorerUrl ? /* @__PURE__ */ jsxs5(
+          destinationTxHash && /* @__PURE__ */ jsxs6("div", { className: "rs-deposit-notification-row", children: [
+            /* @__PURE__ */ jsx7("span", { className: "rs-deposit-notification-label", children: "Completion tx" }),
+            /* @__PURE__ */ jsx7("span", { className: "rs-deposit-notification-value", children: destExplorerUrl ? /* @__PURE__ */ jsxs6(
               "a",
               {
                 href: destExplorerUrl,
@@ -1548,16 +1649,16 @@ function DepositNotification({
               }
             ) : truncateHash(destinationTxHash) })
           ] }),
-          /* @__PURE__ */ jsxs5("div", { className: "rs-deposit-notification-row", children: [
-            /* @__PURE__ */ jsx6("span", { className: "rs-deposit-notification-label", children: "Order submitted" }),
-            /* @__PURE__ */ jsx6("span", { className: "rs-deposit-notification-value", children: formatTimestamp(detectedAt) })
+          /* @__PURE__ */ jsxs6("div", { className: "rs-deposit-notification-row", children: [
+            /* @__PURE__ */ jsx7("span", { className: "rs-deposit-notification-label", children: "Order submitted" }),
+            /* @__PURE__ */ jsx7("span", { className: "rs-deposit-notification-value", children: formatTimestamp(detectedAt) })
           ] }),
-          completedAt && /* @__PURE__ */ jsxs5("div", { className: "rs-deposit-notification-row", children: [
-            /* @__PURE__ */ jsx6("span", { className: "rs-deposit-notification-label", children: "Order filled" }),
-            /* @__PURE__ */ jsx6("span", { className: "rs-deposit-notification-value", children: formatTimestamp(completedAt) })
+          completedAt && /* @__PURE__ */ jsxs6("div", { className: "rs-deposit-notification-row", children: [
+            /* @__PURE__ */ jsx7("span", { className: "rs-deposit-notification-label", children: "Order filled" }),
+            /* @__PURE__ */ jsx7("span", { className: "rs-deposit-notification-value", children: formatTimestamp(completedAt) })
           ] })
         ] }),
-        /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx7(
           "button",
           {
             type: "button",
@@ -1689,7 +1790,7 @@ async function sendSolanaTransaction(provider, _connection, transaction) {
 }
 
 // src/components/steps/DepositAddressStep.tsx
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 var POLL_INTERVAL_MS = 4e3;
 function isRecord(value) {
   return typeof value === "object" && value !== null;
@@ -1773,6 +1874,7 @@ function DepositAddressStep({
   targetToken,
   waitForFinalTx,
   hasPostBridgeActions,
+  uiConfig,
   onDepositSubmitted,
   onDepositComplete,
   onDepositFailed,
@@ -1800,36 +1902,37 @@ function DepositAddressStep({
   }, [evmChainIds, hasSolana]);
   const BASE_CHAIN_ID = 8453;
   const defaultChainId = evmChainIds.includes(BASE_CHAIN_ID) ? BASE_CHAIN_ID : evmChainIds[0];
-  const [sourceChainId, setSourceChainId] = useState6(defaultChainId);
+  const [sourceChainId, setSourceChainId] = useState7(defaultChainId);
   const isSolana = sourceChainId === "solana";
   const tokensForChain = useMemo3(() => {
     const all = isSolana ? SOLANA_TOKENS.map((t) => t.symbol) : getTargetTokenSymbolsForChain(sourceChainId);
     return allowedTokenSet ? all.filter((s) => allowedTokenSet.has(s.toUpperCase())) : all;
   }, [sourceChainId, isSolana, allowedTokenSet]);
   const defaultToken = tokensForChain.includes("USDC") ? "USDC" : tokensForChain[0] ?? "USDC";
-  const [sourceTokenSymbol, setSourceTokenSymbol] = useState6(defaultToken);
-  useEffect6(() => {
+  const [sourceTokenSymbol, setSourceTokenSymbol] = useState7(defaultToken);
+  useEffect7(() => {
     if (!tokensForChain.includes(sourceTokenSymbol)) {
       const fallback = tokensForChain.includes("USDC") ? "USDC" : tokensForChain[0] ?? "USDC";
       setSourceTokenSymbol(fallback);
     }
   }, [tokensForChain, sourceTokenSymbol]);
-  const [copied, setCopied] = useState6(false);
-  const [pollingError, setPollingError] = useState6(null);
-  const [chainDropdownOpen, setChainDropdownOpen] = useState6(false);
-  const [tokenDropdownOpen, setTokenDropdownOpen] = useState6(false);
-  const chainDropdownRef = useRef5(null);
-  const tokenDropdownRef = useRef5(null);
-  const [notifications, setNotifications] = useState6([]);
-  const isTrackingRef = useRef5(false);
-  const baselineTxHashRef = useRef5(void 0);
-  const notificationIdRef = useRef5(0);
-  const sourceSelectionRef = useRef5({
+  const [copied, setCopied] = useState7(false);
+  const [pollingError, setPollingError] = useState7(null);
+  const [chainDropdownOpen, setChainDropdownOpen] = useState7(false);
+  const [tokenDropdownOpen, setTokenDropdownOpen] = useState7(false);
+  const [priceImpactExpanded, setPriceImpactExpanded] = useState7(false);
+  const chainDropdownRef = useRef6(null);
+  const tokenDropdownRef = useRef6(null);
+  const [notifications, setNotifications] = useState7([]);
+  const isTrackingRef = useRef6(false);
+  const baselineTxHashRef = useRef6(void 0);
+  const notificationIdRef = useRef6(0);
+  const sourceSelectionRef = useRef6({
     chainId: defaultChainId,
     token: typeof defaultChainId === "number" ? getTokenAddress(defaultToken, defaultChainId) : void 0,
     sourceSymbol: defaultToken
   });
-  useEffect6(() => {
+  useEffect7(() => {
     if (isSolana) {
       const matched = SOLANA_TOKENS.find((t) => t.symbol === sourceTokenSymbol) ?? SOLANA_TOKENS[0];
       sourceSelectionRef.current = {
@@ -1847,7 +1950,7 @@ function DepositAddressStep({
     };
   }, [sourceChainId, sourceTokenSymbol, isSolana]);
   const displayAddress = isSolana && solanaDepositAddress ? solanaDepositAddress : smartAccount;
-  useEffect6(() => {
+  useEffect7(() => {
     if (!chainDropdownOpen && !tokenDropdownOpen) return;
     function handlePointerDown(event) {
       const target = event.target;
@@ -1865,7 +1968,7 @@ function DepositAddressStep({
       document.removeEventListener("touchstart", handlePointerDown);
     };
   }, [chainDropdownOpen, tokenDropdownOpen]);
-  const handleCopy = useCallback3(async () => {
+  const handleCopy = useCallback4(async () => {
     onCopyAddress?.();
     try {
       await navigator.clipboard.writeText(displayAddress);
@@ -1884,24 +1987,24 @@ function DepositAddressStep({
       setTimeout(() => setCopied(false), 2e3);
     }
   }, [displayAddress, onCopyAddress]);
-  useEffect6(() => {
+  useEffect7(() => {
     setCopied(false);
     setChainDropdownOpen(false);
     setTokenDropdownOpen(false);
   }, [sourceChainId]);
-  const onDepositSubmittedRef = useRef5(onDepositSubmitted);
+  const onDepositSubmittedRef = useRef6(onDepositSubmitted);
   onDepositSubmittedRef.current = onDepositSubmitted;
-  const onDepositCompleteRef = useRef5(onDepositComplete);
+  const onDepositCompleteRef = useRef6(onDepositComplete);
   onDepositCompleteRef.current = onDepositComplete;
-  const onDepositFailedRef = useRef5(onDepositFailed);
+  const onDepositFailedRef = useRef6(onDepositFailed);
   onDepositFailedRef.current = onDepositFailed;
-  const onErrorRef = useRef5(onError);
+  const onErrorRef = useRef6(onError);
   onErrorRef.current = onError;
-  const targetChainRef = useRef5(targetChain);
+  const targetChainRef = useRef6(targetChain);
   targetChainRef.current = targetChain;
-  const targetTokenRef = useRef5(targetToken);
+  const targetTokenRef = useRef6(targetToken);
   targetTokenRef.current = targetToken;
-  useEffect6(() => {
+  useEffect7(() => {
     baselineTxHashRef.current = void 0;
     isTrackingRef.current = false;
     setPollingError(null);
@@ -1984,30 +2087,30 @@ function DepositAddressStep({
       clearTimeout(timeoutId);
     };
   }, [smartAccount, service]);
-  const handleNotificationComplete = useCallback3(
+  const handleNotificationComplete = useCallback4(
     (txHash, destinationTxHash, context) => {
       isTrackingRef.current = false;
       onDepositCompleteRef.current?.(txHash, destinationTxHash, context);
     },
     []
   );
-  const handleNotificationFailed = useCallback3(
+  const handleNotificationFailed = useCallback4(
     (txHash, error) => {
       isTrackingRef.current = false;
       onDepositFailedRef.current?.(txHash, error);
     },
     []
   );
-  const handleNotificationDismiss = useCallback3((id) => {
+  const handleNotificationDismiss = useCallback4((id) => {
     setNotifications((prev) => prev.filter((n) => n.id !== id));
   }, []);
   const qrIconSrc = getChainIcon(sourceChainId);
-  return /* @__PURE__ */ jsxs6("div", { className: "rs-step rs-step--with-notifications", children: [
-    /* @__PURE__ */ jsx7("div", { className: "rs-step-body", children: /* @__PURE__ */ jsxs6("div", { className: "rs-deposit-address", children: [
-      /* @__PURE__ */ jsxs6("div", { className: "rs-deposit-address-selectors", children: [
-        /* @__PURE__ */ jsxs6("div", { className: "rs-deposit-address-dropdown", ref: chainDropdownRef, children: [
-          /* @__PURE__ */ jsx7("div", { className: "rs-deposit-address-dropdown-label", children: "Supported chain" }),
-          /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7("div", { className: "rs-step rs-step--with-notifications", children: [
+    /* @__PURE__ */ jsx8("div", { className: "rs-step-body", children: /* @__PURE__ */ jsxs7("div", { className: "rs-deposit-address", children: [
+      /* @__PURE__ */ jsxs7("div", { className: "rs-deposit-address-selectors", children: [
+        /* @__PURE__ */ jsxs7("div", { className: "rs-deposit-address-dropdown", ref: chainDropdownRef, children: [
+          /* @__PURE__ */ jsx8("div", { className: "rs-deposit-address-dropdown-label", children: "Supported chain" }),
+          /* @__PURE__ */ jsxs7(
             "button",
             {
               type: "button",
@@ -2017,7 +2120,7 @@ function DepositAddressStep({
                 setTokenDropdownOpen(false);
               },
               children: [
-                getChainIcon(sourceChainId) && /* @__PURE__ */ jsx7(
+                getChainIcon(sourceChainId) && /* @__PURE__ */ jsx8(
                   "img",
                   {
                     src: getChainIcon(sourceChainId),
@@ -2025,8 +2128,8 @@ function DepositAddressStep({
                     className: "rs-deposit-address-dropdown-icon"
                   }
                 ),
-                /* @__PURE__ */ jsx7("span", { children: getChainName(sourceChainId) }),
-                /* @__PURE__ */ jsx7(
+                /* @__PURE__ */ jsx8("span", { children: getChainName(sourceChainId) }),
+                /* @__PURE__ */ jsx8(
                   "svg",
                   {
                     className: "rs-deposit-address-dropdown-chevron",
@@ -2034,7 +2137,7 @@ function DepositAddressStep({
                     fill: "none",
                     stroke: "currentColor",
                     strokeWidth: "2",
-                    children: /* @__PURE__ */ jsx7(
+                    children: /* @__PURE__ */ jsx8(
                       "path",
                       {
                         strokeLinecap: "round",
@@ -2047,7 +2150,7 @@ function DepositAddressStep({
               ]
             }
           ),
-          chainDropdownOpen && /* @__PURE__ */ jsx7("div", { className: "rs-deposit-address-dropdown-menu", children: chainOptions.map((chainId) => /* @__PURE__ */ jsxs6(
+          chainDropdownOpen && /* @__PURE__ */ jsx8("div", { className: "rs-deposit-address-dropdown-menu", children: chainOptions.map((chainId) => /* @__PURE__ */ jsxs7(
             "button",
             {
               type: "button",
@@ -2057,7 +2160,7 @@ function DepositAddressStep({
                 setChainDropdownOpen(false);
               },
               children: [
-                getChainIcon(chainId) && /* @__PURE__ */ jsx7(
+                getChainIcon(chainId) && /* @__PURE__ */ jsx8(
                   "img",
                   {
                     src: getChainIcon(chainId),
@@ -2065,15 +2168,36 @@ function DepositAddressStep({
                     className: "rs-deposit-address-dropdown-icon"
                   }
                 ),
-                /* @__PURE__ */ jsx7("span", { children: getChainName(chainId) })
+                /* @__PURE__ */ jsx8("span", { children: getChainName(chainId) })
               ]
             },
             String(chainId)
           )) })
         ] }),
-        /* @__PURE__ */ jsxs6("div", { className: "rs-deposit-address-dropdown", ref: tokenDropdownRef, children: [
-          /* @__PURE__ */ jsx7("div", { className: "rs-deposit-address-dropdown-label", children: "Supported token" }),
-          /* @__PURE__ */ jsxs6(
+        /* @__PURE__ */ jsxs7("div", { className: "rs-deposit-address-dropdown", ref: tokenDropdownRef, children: [
+          /* @__PURE__ */ jsxs7("div", { className: "rs-deposit-address-dropdown-label rs-deposit-address-dropdown-label--with-min", children: [
+            /* @__PURE__ */ jsx8("span", { children: "Supported token" }),
+            /* @__PURE__ */ jsxs7("span", { className: "rs-deposit-address-min", children: [
+              "Min $",
+              uiConfig?.minDepositUsd ?? 0.1,
+              /* @__PURE__ */ jsx8(Tooltip, { content: "Minimum deposit amount required for the selected chain.", children: /* @__PURE__ */ jsxs7(
+                "svg",
+                {
+                  className: "rs-deposit-address-min-icon",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  "aria-hidden": "true",
+                  children: [
+                    /* @__PURE__ */ jsx8("circle", { cx: "12", cy: "12", r: "9" }),
+                    /* @__PURE__ */ jsx8("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 8h.01M11 12h1v4h1" })
+                  ]
+                }
+              ) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs7(
             "button",
             {
               type: "button",
@@ -2083,7 +2207,7 @@ function DepositAddressStep({
                 setChainDropdownOpen(false);
               },
               children: [
-                getTokenIcon(sourceTokenSymbol) && /* @__PURE__ */ jsx7(
+                getTokenIcon(sourceTokenSymbol) && /* @__PURE__ */ jsx8(
                   "img",
                   {
                     src: getTokenIcon(sourceTokenSymbol),
@@ -2091,8 +2215,8 @@ function DepositAddressStep({
                     className: "rs-deposit-address-dropdown-icon"
                   }
                 ),
-                /* @__PURE__ */ jsx7("span", { children: sourceTokenSymbol }),
-                /* @__PURE__ */ jsx7(
+                /* @__PURE__ */ jsx8("span", { children: sourceTokenSymbol }),
+                /* @__PURE__ */ jsx8(
                   "svg",
                   {
                     className: "rs-deposit-address-dropdown-chevron",
@@ -2100,7 +2224,7 @@ function DepositAddressStep({
                     fill: "none",
                     stroke: "currentColor",
                     strokeWidth: "2",
-                    children: /* @__PURE__ */ jsx7(
+                    children: /* @__PURE__ */ jsx8(
                       "path",
                       {
                         strokeLinecap: "round",
@@ -2113,7 +2237,7 @@ function DepositAddressStep({
               ]
             }
           ),
-          tokenDropdownOpen && /* @__PURE__ */ jsx7("div", { className: "rs-deposit-address-dropdown-menu", children: tokensForChain.map((symbol) => /* @__PURE__ */ jsxs6(
+          tokenDropdownOpen && /* @__PURE__ */ jsx8("div", { className: "rs-deposit-address-dropdown-menu", children: tokensForChain.map((symbol) => /* @__PURE__ */ jsxs7(
             "button",
             {
               type: "button",
@@ -2123,7 +2247,7 @@ function DepositAddressStep({
                 setTokenDropdownOpen(false);
               },
               children: [
-                getTokenIcon(symbol) && /* @__PURE__ */ jsx7(
+                getTokenIcon(symbol) && /* @__PURE__ */ jsx8(
                   "img",
                   {
                     src: getTokenIcon(symbol),
@@ -2131,29 +2255,29 @@ function DepositAddressStep({
                     className: "rs-deposit-address-dropdown-icon"
                   }
                 ),
-                /* @__PURE__ */ jsx7("span", { children: symbol })
+                /* @__PURE__ */ jsx8("span", { children: symbol })
               ]
             },
             symbol
           )) })
         ] })
       ] }),
-      /* @__PURE__ */ jsx7("div", { className: "rs-deposit-address-qr", children: /* @__PURE__ */ jsx7(QRCode, { value: displayAddress, size: 150, iconSrc: qrIconSrc }) }),
-      /* @__PURE__ */ jsxs6("div", { className: "rs-deposit-address-info", children: [
-        /* @__PURE__ */ jsxs6("div", { className: "rs-deposit-address-label", children: [
+      /* @__PURE__ */ jsx8("div", { className: "rs-deposit-address-qr", children: /* @__PURE__ */ jsx8(QRCode, { value: displayAddress, size: 150, iconSrc: qrIconSrc }) }),
+      /* @__PURE__ */ jsxs7("div", { className: "rs-deposit-address-info", children: [
+        /* @__PURE__ */ jsxs7("div", { className: "rs-deposit-address-label", children: [
           "Your ",
           isSolana ? "Solana" : "EVM",
           " deposit address"
         ] }),
-        /* @__PURE__ */ jsx7("div", { className: "rs-deposit-address-value", children: displayAddress }),
-        /* @__PURE__ */ jsxs6(
+        /* @__PURE__ */ jsx8("div", { className: "rs-deposit-address-value", children: displayAddress }),
+        /* @__PURE__ */ jsxs7(
           "button",
           {
             type: "button",
             className: "rs-deposit-address-copy",
             onClick: handleCopy,
             children: [
-              /* @__PURE__ */ jsx7(
+              /* @__PURE__ */ jsx8(
                 "svg",
                 {
                   viewBox: "0 0 24 24",
@@ -2161,14 +2285,14 @@ function DepositAddressStep({
                   stroke: "currentColor",
                   strokeWidth: "2",
                   style: { width: 14, height: 14 },
-                  children: copied ? /* @__PURE__ */ jsx7(
+                  children: copied ? /* @__PURE__ */ jsx8(
                     "path",
                     {
                       strokeLinecap: "round",
                       strokeLinejoin: "round",
                       d: "M5 12l5 5L20 7"
                     }
-                  ) : /* @__PURE__ */ jsx7(
+                  ) : /* @__PURE__ */ jsx8(
                     "path",
                     {
                       strokeLinecap: "round",
@@ -2183,9 +2307,106 @@ function DepositAddressStep({
           }
         )
       ] }),
-      pollingError && /* @__PURE__ */ jsx7("div", { className: "rs-deposit-address-error", children: pollingError })
+      /* @__PURE__ */ jsxs7(
+        "div",
+        {
+          className: `rs-price-impact ${priceImpactExpanded ? "rs-price-impact--open" : ""}`,
+          children: [
+            /* @__PURE__ */ jsxs7(
+              "button",
+              {
+                type: "button",
+                className: "rs-price-impact-header",
+                onClick: () => setPriceImpactExpanded((v) => !v),
+                "aria-expanded": priceImpactExpanded,
+                children: [
+                  /* @__PURE__ */ jsx8("span", { className: "rs-price-impact-row-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsxs7("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", children: [
+                    /* @__PURE__ */ jsx8("circle", { cx: "12", cy: "12", r: "9" }),
+                    /* @__PURE__ */ jsx8(
+                      "path",
+                      {
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        d: "M15 9.5a2.5 2.5 0 00-2.5-2h-1A2 2 0 0011 11.5h2a2 2 0 010 4h-1a2.5 2.5 0 01-2.5-2M12 7v1m0 8v1"
+                      }
+                    )
+                  ] }) }),
+                  /* @__PURE__ */ jsxs7("span", { className: "rs-price-impact-label", children: [
+                    "Price impact: ",
+                    /* @__PURE__ */ jsx8("strong", { children: "0.00%" })
+                  ] }),
+                  /* @__PURE__ */ jsx8(
+                    Tooltip,
+                    {
+                      className: "rs-price-impact-info",
+                      content: "Price impact is the difference between expected and execution price, due to trade size and liquidity.",
+                      children: /* @__PURE__ */ jsxs7("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", children: [
+                        /* @__PURE__ */ jsx8("circle", { cx: "12", cy: "12", r: "9" }),
+                        /* @__PURE__ */ jsx8("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 8h.01M11 12h1v4h1" })
+                      ] })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx8(
+                    "svg",
+                    {
+                      className: "rs-price-impact-chevron",
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      strokeWidth: "2",
+                      "aria-hidden": "true",
+                      children: /* @__PURE__ */ jsx8("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" })
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx8("div", { className: "rs-price-impact-panel", children: /* @__PURE__ */ jsxs7("div", { className: "rs-price-impact-panel-inner", children: [
+              /* @__PURE__ */ jsxs7("div", { className: "rs-price-impact-row", children: [
+                /* @__PURE__ */ jsx8("span", { className: "rs-price-impact-row-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsxs7("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", children: [
+                  /* @__PURE__ */ jsx8("circle", { cx: "12", cy: "12", r: "9" }),
+                  /* @__PURE__ */ jsx8(
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      d: "M8.5 15.5l7-7M9.5 9.5h.01M14.5 14.5h.01"
+                    }
+                  )
+                ] }) }),
+                /* @__PURE__ */ jsxs7("span", { className: "rs-price-impact-label", children: [
+                  "Max slippage: ",
+                  /* @__PURE__ */ jsx8("strong", { children: "Auto \u2022 0.1%" })
+                ] }),
+                /* @__PURE__ */ jsx8(
+                  Tooltip,
+                  {
+                    className: "rs-price-impact-info",
+                    content: "Slippage accounts for price changes during execution. Slippage is adjusted per pair to ensure reliable execution.",
+                    children: /* @__PURE__ */ jsxs7("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", children: [
+                      /* @__PURE__ */ jsx8("circle", { cx: "12", cy: "12", r: "9" }),
+                      /* @__PURE__ */ jsx8("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 8h.01M11 12h1v4h1" })
+                    ] })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs7("div", { className: "rs-price-impact-row", children: [
+                /* @__PURE__ */ jsx8("span", { className: "rs-price-impact-row-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsxs7("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", children: [
+                  /* @__PURE__ */ jsx8("circle", { cx: "12", cy: "12", r: "9" }),
+                  /* @__PURE__ */ jsx8("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 7.5V12l2.5 2" })
+                ] }) }),
+                /* @__PURE__ */ jsxs7("span", { className: "rs-price-impact-label", children: [
+                  "Processing time: ",
+                  /* @__PURE__ */ jsx8("strong", { children: "< 1 min" })
+                ] })
+              ] })
+            ] }) })
+          ]
+        }
+      ),
+      pollingError && /* @__PURE__ */ jsx8("div", { className: "rs-deposit-address-error", children: pollingError })
     ] }) }),
-    notifications.length > 0 && /* @__PURE__ */ jsx7("div", { className: "rs-deposit-notifications", children: notifications.map((deposit) => /* @__PURE__ */ jsx7(
+    notifications.length > 0 && /* @__PURE__ */ jsx8("div", { className: "rs-deposit-notifications", children: notifications.map((deposit) => /* @__PURE__ */ jsx8(
       DepositNotification,
       {
         deposit,
@@ -2201,15 +2422,15 @@ function DepositAddressStep({
       },
       deposit.id
     )) }),
-    /* @__PURE__ */ jsx7(PoweredBy, {})
+    /* @__PURE__ */ jsx8(PoweredBy, {})
   ] });
 }
 DepositAddressStep.displayName = "DepositAddressStep";
 
 // src/components/steps/SolanaTokenSelectStep.tsx
-import { useState as useState7, useEffect as useEffect7, useMemo as useMemo4 } from "react";
+import { useState as useState8, useEffect as useEffect8, useMemo as useMemo4 } from "react";
 import { formatUnits as formatUnits3 } from "viem";
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 function SolanaTokenSelectStep({
   solanaAddress,
   service,
@@ -2217,11 +2438,11 @@ function SolanaTokenSelectStep({
   onTotalBalanceComputed,
   debug
 }) {
-  const [tokenBalances, setTokenBalances] = useState7([]);
-  const [selectedSymbol, setSelectedSymbol] = useState7(null);
-  const [loading, setLoading] = useState7(true);
-  const [error, setError] = useState7(null);
-  useEffect7(() => {
+  const [tokenBalances, setTokenBalances] = useState8([]);
+  const [selectedSymbol, setSelectedSymbol] = useState8(null);
+  const [loading, setLoading] = useState8(true);
+  const [error, setError] = useState8(null);
+  useEffect8(() => {
     let active = true;
     async function loadBalances() {
       if (!solanaAddress) {
@@ -2303,22 +2524,22 @@ function SolanaTokenSelectStep({
   );
   const selectedEntry = selectedSymbol ? rows.find((r) => r.token.symbol === selectedSymbol) : null;
   if (error) {
-    return /* @__PURE__ */ jsx8("div", { className: "rs-step", children: /* @__PURE__ */ jsx8("div", { className: "rs-step-body", children: /* @__PURE__ */ jsx8("div", { className: "rs-alert rs-alert--error", children: /* @__PURE__ */ jsx8("span", { className: "rs-alert-text", children: error }) }) }) });
+    return /* @__PURE__ */ jsx9("div", { className: "rs-step", children: /* @__PURE__ */ jsx9("div", { className: "rs-step-body", children: /* @__PURE__ */ jsx9("div", { className: "rs-alert rs-alert--error", children: /* @__PURE__ */ jsx9("span", { className: "rs-alert-text", children: error }) }) }) });
   }
-  return /* @__PURE__ */ jsxs7("div", { className: "rs-step", children: [
-    /* @__PURE__ */ jsx8("div", { style: { padding: "12px 12px 4px" }, children: /* @__PURE__ */ jsx8("div", { className: "rs-step-title", children: "Select source asset" }) }),
-    /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8("div", { className: "rs-step", children: [
+    /* @__PURE__ */ jsx9("div", { style: { padding: "12px 12px 4px" }, children: /* @__PURE__ */ jsx9("div", { className: "rs-step-title", children: "Select source asset" }) }),
+    /* @__PURE__ */ jsxs8(
       "div",
       {
         className: "rs-step-body",
         style: { paddingTop: 4, overflow: "auto", maxHeight: 340 },
         children: [
-          loading && /* @__PURE__ */ jsxs7("div", { className: "rs-loading-state", style: { padding: "40px 12px" }, children: [
-            /* @__PURE__ */ jsx8(Spinner, { className: "rs-text-tertiary" }),
-            /* @__PURE__ */ jsx8("span", { className: "rs-text-sm rs-text-tertiary", children: "Loading balances" })
+          loading && /* @__PURE__ */ jsxs8("div", { className: "rs-loading-state", style: { padding: "40px 12px" }, children: [
+            /* @__PURE__ */ jsx9(Spinner, { className: "rs-text-tertiary" }),
+            /* @__PURE__ */ jsx9("span", { className: "rs-text-sm rs-text-tertiary", children: "Loading balances" })
           ] }),
-          !loading && rows.length === 0 && /* @__PURE__ */ jsxs7("div", { className: "rs-empty-state", children: [
-            /* @__PURE__ */ jsx8(
+          !loading && rows.length === 0 && /* @__PURE__ */ jsxs8("div", { className: "rs-empty-state", children: [
+            /* @__PURE__ */ jsx9(
               "svg",
               {
                 className: "rs-empty-icon",
@@ -2326,7 +2547,7 @@ function SolanaTokenSelectStep({
                 fill: "none",
                 stroke: "currentColor",
                 strokeWidth: "1.5",
-                children: /* @__PURE__ */ jsx8(
+                children: /* @__PURE__ */ jsx9(
                   "path",
                   {
                     strokeLinecap: "round",
@@ -2336,14 +2557,14 @@ function SolanaTokenSelectStep({
                 )
               }
             ),
-            /* @__PURE__ */ jsx8("div", { className: "rs-empty-text", children: "No funds in connected wallet" }),
-            /* @__PURE__ */ jsxs7("div", { className: "rs-empty-address", children: [
+            /* @__PURE__ */ jsx9("div", { className: "rs-empty-text", children: "No funds in connected wallet" }),
+            /* @__PURE__ */ jsxs8("div", { className: "rs-empty-address", children: [
               solanaAddress.slice(0, 6),
               "...",
               solanaAddress.slice(-4)
             ] })
           ] }),
-          !loading && rows.length > 0 && /* @__PURE__ */ jsx8("div", { className: "rs-asset-list", children: rows.map((entry) => {
+          !loading && rows.length > 0 && /* @__PURE__ */ jsx9("div", { className: "rs-asset-list", children: rows.map((entry) => {
             const isSelected = selectedSymbol === entry.token.symbol;
             const tokenIcon = getTokenIcon(entry.token.symbol);
             const chainIcon = getChainIcon("solana");
@@ -2355,7 +2576,7 @@ function SolanaTokenSelectStep({
             } catch {
               formattedBalance = "...";
             }
-            return /* @__PURE__ */ jsxs7(
+            return /* @__PURE__ */ jsxs8(
               "button",
               {
                 type: "button",
@@ -2363,9 +2584,9 @@ function SolanaTokenSelectStep({
                 className: `rs-asset-row ${isSelected ? "rs-asset-row--selected" : ""}`,
                 style: { textAlign: "left" },
                 children: [
-                  /* @__PURE__ */ jsxs7("div", { className: "rs-asset-info", children: [
-                    /* @__PURE__ */ jsxs7("div", { className: "rs-asset-icon-wrapper", children: [
-                      tokenIcon ? /* @__PURE__ */ jsx8(
+                  /* @__PURE__ */ jsxs8("div", { className: "rs-asset-info", children: [
+                    /* @__PURE__ */ jsxs8("div", { className: "rs-asset-icon-wrapper", children: [
+                      tokenIcon ? /* @__PURE__ */ jsx9(
                         "img",
                         {
                           src: tokenIcon,
@@ -2373,8 +2594,8 @@ function SolanaTokenSelectStep({
                           className: "rs-asset-icon",
                           style: { background: "transparent" }
                         }
-                      ) : /* @__PURE__ */ jsx8("div", { className: "rs-asset-icon", children: entry.token.symbol.slice(0, 4) }),
-                      chainIcon && /* @__PURE__ */ jsx8(
+                      ) : /* @__PURE__ */ jsx9("div", { className: "rs-asset-icon", children: entry.token.symbol.slice(0, 4) }),
+                      chainIcon && /* @__PURE__ */ jsx9(
                         "img",
                         {
                           src: chainIcon,
@@ -2383,19 +2604,19 @@ function SolanaTokenSelectStep({
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ jsxs7("div", { children: [
-                      /* @__PURE__ */ jsxs7("div", { className: "rs-asset-name", children: [
+                    /* @__PURE__ */ jsxs8("div", { children: [
+                      /* @__PURE__ */ jsxs8("div", { className: "rs-asset-name", children: [
                         entry.token.symbol,
-                        /* @__PURE__ */ jsx8("span", { className: "rs-asset-chain", children: " on Solana" })
+                        /* @__PURE__ */ jsx9("span", { className: "rs-asset-chain", children: " on Solana" })
                       ] }),
-                      /* @__PURE__ */ jsxs7("div", { className: "rs-asset-balance-small", children: [
+                      /* @__PURE__ */ jsxs8("div", { className: "rs-asset-balance-small", children: [
                         formattedBalance,
                         " ",
                         entry.token.symbol
                       ] })
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsx8("div", { className: "rs-asset-balance", children: entry.balanceUsd > 0 ? currencyFormatter.format(entry.balanceUsd) : `${formattedBalance} ${entry.token.symbol}` })
+                  /* @__PURE__ */ jsx9("div", { className: "rs-asset-balance", children: entry.balanceUsd > 0 ? currencyFormatter.format(entry.balanceUsd) : `${formattedBalance} ${entry.token.symbol}` })
                 ]
               },
               entry.token.symbol
@@ -2404,7 +2625,7 @@ function SolanaTokenSelectStep({
         ]
       }
     ),
-    /* @__PURE__ */ jsx8("div", { className: "rs-step-footer", children: /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx9("div", { className: "rs-step-footer", children: /* @__PURE__ */ jsx9(
       Button,
       {
         onClick: () => selectedEntry && onContinue(
@@ -2417,14 +2638,14 @@ function SolanaTokenSelectStep({
         children: "Continue"
       }
     ) }),
-    /* @__PURE__ */ jsx8(PoweredBy, {})
+    /* @__PURE__ */ jsx9(PoweredBy, {})
   ] });
 }
 
 // src/components/steps/SolanaAmountStep.tsx
-import { useEffect as useEffect8, useMemo as useMemo5, useState as useState8 } from "react";
+import { useEffect as useEffect9, useMemo as useMemo5, useState as useState9 } from "react";
 import { formatUnits as formatUnits4, parseUnits as parseUnits3 } from "viem";
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 var SOL_FEE_RESERVE_LAMPORTS = 1000000n;
 function SolanaAmountStep({
   token,
@@ -2435,8 +2656,8 @@ function SolanaAmountStep({
   onContinue,
   debug
 }) {
-  const [amount, setAmount] = useState8("");
-  const [error, setError] = useState8(null);
+  const [amount, setAmount] = useState9("");
+  const [error, setError] = useState9(null);
   const isSourceStablecoin = isStablecoinSymbol(token.symbol);
   const tokenPriceUsd = useMemo5(() => {
     if (isSourceStablecoin) return 1;
@@ -2452,7 +2673,7 @@ function SolanaAmountStep({
     }
   }, [isSourceStablecoin, balance, token.decimals, balanceUsd]);
   const hasPricing = tokenPriceUsd !== null;
-  useEffect8(() => {
+  useEffect9(() => {
     if (defaultAmount && !amount) {
       const parsed = Number(defaultAmount);
       if (Number.isFinite(parsed) && parsed > 0) {
@@ -2580,11 +2801,11 @@ function SolanaAmountStep({
     setError(null);
     onContinue(token, sourceAmountStr, amount);
   };
-  return /* @__PURE__ */ jsxs8("div", { className: "rs-step", children: [
-    /* @__PURE__ */ jsx9("div", { style: { padding: "12px 12px 4px" }, children: /* @__PURE__ */ jsx9("div", { className: "rs-step-title", children: "Enter amount" }) }),
-    /* @__PURE__ */ jsxs8("div", { className: "rs-step-body", style: { paddingTop: 0 }, children: [
-      /* @__PURE__ */ jsxs8("div", { className: "rs-amount-display", children: [
-        /* @__PURE__ */ jsx9("div", { className: "rs-amount-input-wrapper", children: /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsxs9("div", { className: "rs-step", children: [
+    /* @__PURE__ */ jsx10("div", { style: { padding: "12px 12px 4px" }, children: /* @__PURE__ */ jsx10("div", { className: "rs-step-title", children: "Enter amount" }) }),
+    /* @__PURE__ */ jsxs9("div", { className: "rs-step-body", style: { paddingTop: 0 }, children: [
+      /* @__PURE__ */ jsxs9("div", { className: "rs-amount-display", children: [
+        /* @__PURE__ */ jsx10("div", { className: "rs-amount-input-wrapper", children: /* @__PURE__ */ jsx10(
           "input",
           {
             type: "text",
@@ -2602,12 +2823,12 @@ function SolanaAmountStep({
             autoFocus: true
           }
         ) }),
-        !isSourceStablecoin && /* @__PURE__ */ jsx9("div", { className: "rs-amount-available", children: /* @__PURE__ */ jsxs8("span", { className: "rs-amount-available-value", children: [
+        !isSourceStablecoin && /* @__PURE__ */ jsx10("div", { className: "rs-amount-available", children: /* @__PURE__ */ jsxs9("span", { className: "rs-amount-available-value", children: [
           formattedBalance,
           " ",
           token.symbol,
           " available",
-          formattedBalanceUsd && /* @__PURE__ */ jsxs8("span", { style: { color: "var(--rs-muted-foreground)" }, children: [
+          formattedBalanceUsd && /* @__PURE__ */ jsxs9("span", { style: { color: "var(--rs-muted-foreground)" }, children: [
             " ",
             "(",
             formattedBalanceUsd,
@@ -2615,8 +2836,8 @@ function SolanaAmountStep({
           ] })
         ] }) })
       ] }),
-      /* @__PURE__ */ jsxs8("div", { className: "rs-amount-presets", children: [
-        [25, 50, 75].map((pct) => /* @__PURE__ */ jsxs8(
+      /* @__PURE__ */ jsxs9("div", { className: "rs-amount-presets", children: [
+        [25, 50, 75].map((pct) => /* @__PURE__ */ jsxs9(
           "button",
           {
             type: "button",
@@ -2629,7 +2850,7 @@ function SolanaAmountStep({
           },
           pct
         )),
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx10(
           "button",
           {
             type: "button",
@@ -2639,12 +2860,12 @@ function SolanaAmountStep({
           }
         )
       ] }),
-      uiConfig?.minDepositUsd && /* @__PURE__ */ jsxs8("div", { className: "rs-amount-minimum", children: [
+      uiConfig?.minDepositUsd && /* @__PURE__ */ jsxs9("div", { className: "rs-amount-minimum", children: [
         currencyFormatter.format(uiConfig.minDepositUsd),
         " minimum deposit"
       ] }),
-      error && /* @__PURE__ */ jsxs8("div", { className: "rs-amount-error", children: [
-        /* @__PURE__ */ jsx9(
+      error && /* @__PURE__ */ jsxs9("div", { className: "rs-amount-error", children: [
+        /* @__PURE__ */ jsx10(
           "svg",
           {
             viewBox: "0 0 24 24",
@@ -2652,7 +2873,7 @@ function SolanaAmountStep({
             stroke: "currentColor",
             strokeWidth: "2",
             style: { width: 16, height: 16, flexShrink: 0 },
-            children: /* @__PURE__ */ jsx9(
+            children: /* @__PURE__ */ jsx10(
               "path",
               {
                 strokeLinecap: "round",
@@ -2662,10 +2883,10 @@ function SolanaAmountStep({
             )
           }
         ),
-        /* @__PURE__ */ jsx9("span", { children: error })
+        /* @__PURE__ */ jsx10("span", { children: error })
       ] })
     ] }),
-    /* @__PURE__ */ jsx9("div", { className: "rs-step-footer", children: /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx10("div", { className: "rs-step-footer", children: /* @__PURE__ */ jsx10(
       Button,
       {
         onClick: handleContinue,
@@ -2674,14 +2895,14 @@ function SolanaAmountStep({
         children: uiConfig?.minDepositUsd && parseFloat(amount) > 0 && parseFloat(amount) < uiConfig.minDepositUsd ? "Update order" : "Continue"
       }
     ) }),
-    /* @__PURE__ */ jsx9(PoweredBy, {})
+    /* @__PURE__ */ jsx10(PoweredBy, {})
   ] });
 }
 
 // src/components/steps/SolanaConfirmStep.tsx
-import { useState as useState9 } from "react";
+import { useState as useState10 } from "react";
 import { parseUnits as parseUnits4 } from "viem";
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 function SolanaConfirmStep({
   smartAccount,
   solanaAddress,
@@ -2699,8 +2920,8 @@ function SolanaConfirmStep({
   onError,
   debug
 }) {
-  const [isSubmitting, setIsSubmitting] = useState9(false);
-  const [error, setError] = useState9(null);
+  const [isSubmitting, setIsSubmitting] = useState10(false);
+  const [error, setError] = useState10(null);
   const targetSymbol = getTokenSymbol(targetToken, targetChain);
   const isSameToken = token.symbol.toUpperCase() === targetSymbol.toUpperCase();
   const formattedAmount = sourceAmount && !Number.isNaN(Number(sourceAmount)) ? Number(sourceAmount).toLocaleString("en-US", { maximumFractionDigits: 6 }) : "0";
@@ -2805,19 +3026,19 @@ function SolanaConfirmStep({
       setIsSubmitting(false);
     }
   };
-  return /* @__PURE__ */ jsxs9("div", { className: "rs-step", children: [
-    /* @__PURE__ */ jsx10("div", { style: { padding: "12px 12px 10px" }, children: /* @__PURE__ */ jsx10("div", { className: "rs-step-title", children: "Review order" }) }),
-    /* @__PURE__ */ jsxs9("div", { className: "rs-step-body rs-space-y-3", style: { paddingTop: 0 }, children: [
-      /* @__PURE__ */ jsxs9("div", { className: "rs-card", children: [
-        /* @__PURE__ */ jsxs9("div", { className: "rs-card-row", children: [
-          /* @__PURE__ */ jsx10("span", { className: "rs-card-label", children: "Source" }),
-          /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10("div", { className: "rs-step", children: [
+    /* @__PURE__ */ jsx11("div", { style: { padding: "12px 12px 10px" }, children: /* @__PURE__ */ jsx11("div", { className: "rs-step-title", children: "Review order" }) }),
+    /* @__PURE__ */ jsxs10("div", { className: "rs-step-body rs-space-y-3", style: { paddingTop: 0 }, children: [
+      /* @__PURE__ */ jsxs10("div", { className: "rs-card", children: [
+        /* @__PURE__ */ jsxs10("div", { className: "rs-card-row", children: [
+          /* @__PURE__ */ jsx11("span", { className: "rs-card-label", children: "Source" }),
+          /* @__PURE__ */ jsxs10(
             "span",
             {
               className: "rs-card-value",
               style: { display: "flex", alignItems: "center", gap: 8 },
               children: [
-                getChainIcon("solana") && /* @__PURE__ */ jsx10(
+                getChainIcon("solana") && /* @__PURE__ */ jsx11(
                   "img",
                   {
                     src: getChainIcon("solana"),
@@ -2830,15 +3051,15 @@ function SolanaConfirmStep({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs9("div", { className: "rs-card-row", children: [
-          /* @__PURE__ */ jsx10("span", { className: "rs-card-label", children: "Destination" }),
-          /* @__PURE__ */ jsxs9(
+        /* @__PURE__ */ jsxs10("div", { className: "rs-card-row", children: [
+          /* @__PURE__ */ jsx11("span", { className: "rs-card-label", children: "Destination" }),
+          /* @__PURE__ */ jsxs10(
             "span",
             {
               className: "rs-card-value",
               style: { display: "flex", alignItems: "center", gap: 8 },
               children: [
-                getChainIcon(targetChain) && /* @__PURE__ */ jsx10(
+                getChainIcon(targetChain) && /* @__PURE__ */ jsx11(
                   "img",
                   {
                     src: getChainIcon(targetChain),
@@ -2851,21 +3072,21 @@ function SolanaConfirmStep({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs9("div", { className: "rs-card-row", children: [
-          /* @__PURE__ */ jsx10("span", { className: "rs-card-label", children: "Estimated time" }),
-          /* @__PURE__ */ jsx10("span", { className: "rs-card-value", children: "< 1 min" })
+        /* @__PURE__ */ jsxs10("div", { className: "rs-card-row", children: [
+          /* @__PURE__ */ jsx11("span", { className: "rs-card-label", children: "Estimated time" }),
+          /* @__PURE__ */ jsx11("span", { className: "rs-card-value", children: "< 1 min" })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs9("div", { className: "rs-card", children: [
-        /* @__PURE__ */ jsxs9("div", { className: "rs-card-row", children: [
-          /* @__PURE__ */ jsx10("span", { className: "rs-card-label", children: "You send" }),
-          /* @__PURE__ */ jsxs9(
+      /* @__PURE__ */ jsxs10("div", { className: "rs-card", children: [
+        /* @__PURE__ */ jsxs10("div", { className: "rs-card-row", children: [
+          /* @__PURE__ */ jsx11("span", { className: "rs-card-label", children: "You send" }),
+          /* @__PURE__ */ jsxs10(
             "span",
             {
               className: "rs-card-value",
               style: { display: "flex", alignItems: "center", gap: 6 },
               children: [
-                getTokenIcon(token.symbol) && /* @__PURE__ */ jsx10(
+                getTokenIcon(token.symbol) && /* @__PURE__ */ jsx11(
                   "img",
                   {
                     src: getTokenIcon(token.symbol),
@@ -2880,15 +3101,15 @@ function SolanaConfirmStep({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs9("div", { className: "rs-card-row", children: [
-          /* @__PURE__ */ jsx10("span", { className: "rs-card-label", children: "You receive" }),
-          /* @__PURE__ */ jsxs9(
+        /* @__PURE__ */ jsxs10("div", { className: "rs-card-row", children: [
+          /* @__PURE__ */ jsx11("span", { className: "rs-card-label", children: "You receive" }),
+          /* @__PURE__ */ jsxs10(
             "span",
             {
               className: "rs-card-value",
               style: { display: "flex", alignItems: "center", gap: 6 },
               children: [
-                getTokenIcon(targetSymbol) && /* @__PURE__ */ jsx10(
+                getTokenIcon(targetSymbol) && /* @__PURE__ */ jsx11(
                   "img",
                   {
                     src: getTokenIcon(targetSymbol),
@@ -2904,8 +3125,8 @@ function SolanaConfirmStep({
           )
         ] })
       ] }),
-      error && /* @__PURE__ */ jsxs9("div", { className: "rs-alert rs-alert--error", children: [
-        /* @__PURE__ */ jsx10(
+      error && /* @__PURE__ */ jsxs10("div", { className: "rs-alert rs-alert--error", children: [
+        /* @__PURE__ */ jsx11(
           "svg",
           {
             className: "rs-alert-icon",
@@ -2913,7 +3134,7 @@ function SolanaConfirmStep({
             fill: "none",
             stroke: "currentColor",
             strokeWidth: "2",
-            children: /* @__PURE__ */ jsx10(
+            children: /* @__PURE__ */ jsx11(
               "path",
               {
                 strokeLinecap: "round",
@@ -2923,10 +3144,10 @@ function SolanaConfirmStep({
             )
           }
         ),
-        /* @__PURE__ */ jsx10("span", { className: "rs-alert-text", children: error })
+        /* @__PURE__ */ jsx11("span", { className: "rs-alert-text", children: error })
       ] })
     ] }),
-    /* @__PURE__ */ jsx10("div", { className: "rs-step-footer", children: /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsx11("div", { className: "rs-step-footer", children: /* @__PURE__ */ jsx11(
       Button,
       {
         onClick: handleConfirm,
@@ -2936,12 +3157,12 @@ function SolanaConfirmStep({
         children: "Confirm Order"
       }
     ) }),
-    /* @__PURE__ */ jsx10(PoweredBy, {})
+    /* @__PURE__ */ jsx11(PoweredBy, {})
   ] });
 }
 
 // src/DepositFlow.tsx
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 var QR_AUTO_ADVANCE_HYDRATION_GRACE_MS = 1e3;
 function isSameRoute2(sourceChain, sourceToken, targetChain, targetToken) {
   return sourceChain === targetChain && sourceToken.toLowerCase() === targetToken.toLowerCase();
@@ -3002,33 +3223,33 @@ function DepositFlow({
   const hasInitialWalletHydrationPending = Boolean(
     dappAddress && (hasDappWalletClientProp && dappWalletClient === void 0 || reownWallet && !hasInitialReownSession && !reownWallet.isReady)
   );
-  const [step, setStep] = useState10({ type: "setup" });
-  const [flowMode, setFlowMode] = useState10(null);
-  const [totalBalanceUsd, setTotalBalanceUsd] = useState10(0);
-  const [isConnectSelectionConfirmed, setIsConnectSelectionConfirmed] = useState10(false);
-  const [selectedWalletId, setSelectedWalletId] = useState10(null);
-  const [hasQrAutoAdvanceGraceElapsed, setHasQrAutoAdvanceGraceElapsed] = useState10(() => !hasInitialWalletHydrationPending);
-  const flowModeRef = useRef6(null);
-  const portfolioAssetsRef = useRef6([]);
-  const stableWalletSignerRef = useRef6(null);
-  const stableWalletSelectionKeyRef = useRef6(null);
+  const [step, setStep] = useState11({ type: "setup" });
+  const [flowMode, setFlowMode] = useState11(null);
+  const [totalBalanceUsd, setTotalBalanceUsd] = useState11(0);
+  const [isConnectSelectionConfirmed, setIsConnectSelectionConfirmed] = useState11(false);
+  const [selectedWalletId, setSelectedWalletId] = useState11(null);
+  const [hasQrAutoAdvanceGraceElapsed, setHasQrAutoAdvanceGraceElapsed] = useState11(() => !hasInitialWalletHydrationPending);
+  const flowModeRef = useRef7(null);
+  const portfolioAssetsRef = useRef7([]);
+  const stableWalletSignerRef = useRef7(null);
+  const stableWalletSelectionKeyRef = useRef7(null);
   flowModeRef.current = flowMode;
-  const logFlow = useCallback4(
+  const logFlow = useCallback5(
     (message, data) => {
       debugLog(debug, "deposit-flow", message, data);
     },
     [debug]
   );
-  const logFlowError = useCallback4(
+  const logFlowError = useCallback5(
     (message, error, data) => {
       debugError(debug, "deposit-flow", message, error, data);
     },
     [debug]
   );
-  const handleAssetsLoaded = useCallback4((assets) => {
+  const handleAssetsLoaded = useCallback5((assets) => {
     portfolioAssetsRef.current = assets;
   }, []);
-  const getTokenPriceUsd = useCallback4((symbol) => {
+  const getTokenPriceUsd = useCallback5((symbol) => {
     const sym = symbol.toLowerCase();
     for (const asset of portfolioAssetsRef.current) {
       if (asset.symbol.toLowerCase() === sym && asset.balanceUsd && asset.balance) {
@@ -3111,7 +3332,7 @@ function DepositFlow({
     dappAddress && !hasWalletOptions && (hasDappWalletClientProp && dappWalletClient === void 0 || reownWallet && !hasReownSession && !reownWallet.isReady)
   );
   const showConnectStep = flowMode === null && !canAutoLock && !isConnectSelectionConfirmed;
-  useEffect9(() => {
+  useEffect10(() => {
     if (!isWalletHydrationPending) {
       setHasQrAutoAdvanceGraceElapsed(true);
       return;
@@ -3202,7 +3423,7 @@ function DepositFlow({
     reownWallet,
     targetChain
   ]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (flowMode !== "wallet") {
       stableWalletSelectionKeyRef.current = null;
       stableWalletSignerRef.current = null;
@@ -3246,8 +3467,8 @@ function DepositFlow({
     walletSelectionKey
   ]);
   const sessionKeyAddress = dappAddress ?? signerContext?.ownerAddress ?? null;
-  const lastTargetRef = useRef6(null);
-  useEffect9(() => {
+  const lastTargetRef = useRef7(null);
+  useEffect10(() => {
     const prev = lastTargetRef.current;
     if (prev && (prev.chain !== targetChain || prev.token.toLowerCase() !== targetToken.toLowerCase())) {
       if (step.type !== "processing") {
@@ -3256,20 +3477,20 @@ function DepositFlow({
     }
     lastTargetRef.current = { chain: targetChain, token: targetToken };
   }, [targetChain, targetToken, step.type]);
-  const handleBackFromAmount = useCallback4(() => {
+  const handleBackFromAmount = useCallback5(() => {
     setStep((prev) => {
       if (prev.type !== "amount") return prev;
       return { type: "select-asset", smartAccount: prev.smartAccount };
     });
   }, []);
-  const handleBackFromSelectAsset = useCallback4(() => {
+  const handleBackFromSelectAsset = useCallback5(() => {
     if (hasWalletOptions || reownWallet) {
       hasNavigatedBackRef.current = true;
       setFlowMode(null);
       setIsConnectSelectionConfirmed(false);
     }
   }, [hasWalletOptions, reownWallet]);
-  const handleBackFromDepositAddress = useCallback4(() => {
+  const handleBackFromDepositAddress = useCallback5(() => {
     setFlowMode(null);
     setStep({ type: "setup" });
     if (hasWalletOptions || reownWallet) {
@@ -3277,7 +3498,7 @@ function DepositFlow({
       setIsConnectSelectionConfirmed(false);
     }
   }, [hasWalletOptions, reownWallet]);
-  const handleBackFromSolanaTokenSelect = useCallback4(() => {
+  const handleBackFromSolanaTokenSelect = useCallback5(() => {
     setFlowMode(null);
     setStep({ type: "setup" });
     if (hasWalletOptions || reownWallet) {
@@ -3285,7 +3506,7 @@ function DepositFlow({
       setIsConnectSelectionConfirmed(false);
     }
   }, [hasWalletOptions, reownWallet]);
-  const handleBackFromSolanaAmount = useCallback4(() => {
+  const handleBackFromSolanaAmount = useCallback5(() => {
     setStep((prev) => {
       if (prev.type !== "solana-amount") return prev;
       return {
@@ -3295,7 +3516,7 @@ function DepositFlow({
       };
     });
   }, []);
-  const handleBackFromSolanaConfirm = useCallback4(() => {
+  const handleBackFromSolanaConfirm = useCallback5(() => {
     setStep((prev) => {
       if (prev.type !== "solana-confirm") return prev;
       return {
@@ -3309,7 +3530,7 @@ function DepositFlow({
       };
     });
   }, []);
-  const handleBackFromConfirm = useCallback4(() => {
+  const handleBackFromConfirm = useCallback5(() => {
     setStep((prev) => {
       if (prev.type !== "confirm") return prev;
       return {
@@ -3321,13 +3542,13 @@ function DepositFlow({
   }, []);
   const stepIndex = step.type === "setup" ? 0 : step.type === "deposit-address" ? 1 : step.type === "select-asset" ? 1 : step.type === "solana-token-select" ? 1 : step.type === "solana-amount" ? 2 : step.type === "amount" ? 2 : step.type === "confirm" ? 3 : step.type === "solana-confirm" ? 3 : 4;
   const currentBackHandler = step.type === "deposit-address" ? handleBackFromDepositAddress : step.type === "select-asset" && signerContext && !canAutoLock ? handleBackFromSelectAsset : step.type === "solana-token-select" ? handleBackFromSolanaTokenSelect : step.type === "solana-amount" ? handleBackFromSolanaAmount : step.type === "solana-confirm" ? handleBackFromSolanaConfirm : step.type === "amount" ? handleBackFromAmount : step.type === "confirm" ? handleBackFromConfirm : void 0;
-  useEffect9(() => {
+  useEffect10(() => {
     onStepChangeRef.current?.(stepIndex, currentBackHandler);
   }, [stepIndex, currentBackHandler, onStepChangeRef]);
   const stepSendToken = step.type === "amount" ? step.asset.symbol : null;
   const stepOpenEventKey = step.type === "select-asset" ? "select-asset" : step.type === "deposit-address" ? "deposit-address" : step.type === "amount" && stepSendToken ? `amount:${stepSendToken.toLowerCase()}` : null;
-  const lastStepOpenEventKeyRef = useRef6(null);
-  useEffect9(() => {
+  const lastStepOpenEventKeyRef = useRef7(null);
+  useEffect10(() => {
     if (!stepOpenEventKey) {
       lastStepOpenEventKeyRef.current = null;
       return;
@@ -3369,7 +3590,7 @@ function DepositFlow({
     totalBalanceUsd,
     onEventRef
   ]);
-  useEffect9(() => {
+  useEffect10(() => {
     logFlow("state:changed", {
       step: step.type,
       flowMode,
@@ -3385,22 +3606,22 @@ function DepositFlow({
     targetChain,
     targetToken
   ]);
-  useEffect9(() => {
+  useEffect10(() => {
     onTotalBalanceChangeRef.current?.(totalBalanceUsd);
   }, [totalBalanceUsd, onTotalBalanceChangeRef]);
   const isDepositAddressMode = flowMode === "deposit-address";
   const isSolanaWalletMode = flowMode === "solana-wallet";
-  const handleSelectProvider = useCallback4(() => {
+  const handleSelectProvider = useCallback5(() => {
     setFlowMode("wallet");
   }, []);
-  const handleSelectSolanaWallet = useCallback4(() => {
+  const handleSelectSolanaWallet = useCallback5(() => {
     setFlowMode("solana-wallet");
   }, []);
-  const handleSelectTransferCrypto = useCallback4(() => {
+  const handleSelectTransferCrypto = useCallback5(() => {
     setFlowMode("deposit-address");
     setStep({ type: "setup" });
   }, []);
-  const handleNewDeposit = useCallback4(() => {
+  const handleNewDeposit = useCallback5(() => {
     onSmartAccountChangeRef.current?.(null);
     setFlowMode(null);
     setStep({ type: "setup" });
@@ -3408,7 +3629,7 @@ function DepositFlow({
     setSelectedWalletId(null);
     hasNavigatedBackRef.current = false;
   }, [onSmartAccountChangeRef]);
-  const handleSetupComplete = useCallback4(
+  const handleSetupComplete = useCallback5(
     (smartAccount, solanaDepositAddress) => {
       logFlow("setup:complete", {
         smartAccount,
@@ -3441,7 +3662,7 @@ function DepositFlow({
     },
     [isDepositAddressMode, isSolanaWalletMode, logFlow, onSmartAccountChangeRef]
   );
-  const handleDepositAddressSubmitted = useCallback4(
+  const handleDepositAddressSubmitted = useCallback5(
     (data) => {
       logFlow("deposit-address:detected", {
         txHash: data.txHash,
@@ -3452,7 +3673,7 @@ function DepositFlow({
     },
     [logFlow, onDepositSubmittedRef]
   );
-  const handleSolanaTokenContinue = useCallback4(
+  const handleSolanaTokenContinue = useCallback5(
     (token, balance, balanceUsd) => {
       logFlow("solana:token:continue", { token: token.symbol });
       setStep((prev) => {
@@ -3470,7 +3691,7 @@ function DepositFlow({
     },
     [defaultAmount, logFlow]
   );
-  const handleSolanaAmountContinue = useCallback4(
+  const handleSolanaAmountContinue = useCallback5(
     (token, sourceAmount, inputAmountUsd) => {
       const targetSym = getTokenSymbol(targetToken, targetChain);
       const isTargetStable = isStablecoinSymbol(targetSym);
@@ -3500,7 +3721,7 @@ function DepositFlow({
     },
     [targetToken, targetChain, getTokenPriceUsd, logFlow]
   );
-  const handleSolanaConfirmed = useCallback4(
+  const handleSolanaConfirmed = useCallback5(
     (txHash, amountUnits) => {
       setStep((prev) => {
         if (prev.type !== "solana-confirm") return prev;
@@ -3528,13 +3749,13 @@ function DepositFlow({
     },
     [logFlow, onDepositSubmitted]
   );
-  const handleConnected = useCallback4(
+  const handleConnected = useCallback5(
     (addr, smartAccount) => {
       onConnected?.({ address: addr, smartAccount });
     },
     [onConnected]
   );
-  const handleAssetContinue = useCallback4(
+  const handleAssetContinue = useCallback5(
     (asset) => {
       onEvent?.({
         type: "deposit_modal_connected_wallet_select_source_cta_click",
@@ -3556,7 +3777,7 @@ function DepositFlow({
     },
     [defaultAmount, onEvent, totalBalanceUsd]
   );
-  const handleAmountContinue = useCallback4(
+  const handleAmountContinue = useCallback5(
     (amount, targetAmount, balance) => {
       const targetSym = getTokenSymbol(targetToken, targetChain);
       const isTargetStable = isStablecoinSymbol(targetSym);
@@ -3576,7 +3797,7 @@ function DepositFlow({
     },
     [targetToken, targetChain, getTokenPriceUsd]
   );
-  const handleDepositSubmitted = useCallback4(
+  const handleDepositSubmitted = useCallback5(
     (txHash, chainId, amount, token) => {
       logFlow("evm:submitted", {
         txHash,
@@ -3599,34 +3820,34 @@ function DepositFlow({
     },
     [targetChain, targetToken]
   );
-  const handleDepositSubmittedCallback = useCallback4(
+  const handleDepositSubmittedCallback = useCallback5(
     (txHash, sourceChain, amount) => {
       onDepositSubmittedRef.current?.({ txHash, sourceChain, amount });
     },
     [onDepositSubmittedRef]
   );
-  const handleDepositComplete = useCallback4(
+  const handleDepositComplete = useCallback5(
     (txHash, destinationTxHash, context) => {
       logFlow("deposit:complete", { txHash, destinationTxHash, ...context });
       onDepositCompleteRef.current?.({ txHash, destinationTxHash, ...context });
     },
     [logFlow, onDepositCompleteRef]
   );
-  const handleDepositFailed = useCallback4(
+  const handleDepositFailed = useCallback5(
     (txHash, error) => {
       logFlowError("deposit:failed", error, { txHash });
       onDepositFailedRef.current?.({ txHash, error });
     },
     [logFlowError, onDepositFailedRef]
   );
-  const handleError = useCallback4(
+  const handleError = useCallback5(
     (message, code) => {
       logFlowError("flow:error", message, { code });
       onErrorRef.current?.({ message, code });
     },
     [logFlowError, onErrorRef]
   );
-  const handleTotalBalanceComputed = useCallback4((total) => {
+  const handleTotalBalanceComputed = useCallback5((total) => {
     setTotalBalanceUsd(total);
   }, []);
   const selectedWalletIdEffective = useMemo6(() => {
@@ -3640,8 +3861,8 @@ function DepositFlow({
     () => walletOptions.map((option) => option.id).join(","),
     [walletOptions]
   );
-  const hasNavigatedBackRef = useRef6(false);
-  useEffect9(() => {
+  const hasNavigatedBackRef = useRef7(false);
+  useEffect10(() => {
     if (flowModeRef.current) {
       return;
     }
@@ -3652,14 +3873,14 @@ function DepositFlow({
       setStep({ type: "setup" });
     }
   }, [walletOptionsKey]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (!showConnectStep && isConnectSelectionConfirmed && flowMode === "wallet" && !signerContext) {
       setSelectedWalletId(null);
       setIsConnectSelectionConfirmed(false);
       setFlowMode(null);
     }
   }, [showConnectStep, isConnectSelectionConfirmed, flowMode, signerContext]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (enableSolana || flowMode !== "solana-wallet") {
       return;
     }
@@ -3670,7 +3891,7 @@ function DepositFlow({
       setStep({ type: "setup" });
     }
   }, [enableSolana, flowMode, step.type]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (hasNavigatedBackRef.current || isConnectSelectionConfirmed || flowMode) {
       return;
     }
@@ -3708,7 +3929,7 @@ function DepositFlow({
     handleSelectTransferCrypto
   ]);
   if (showConnectStep) {
-    return /* @__PURE__ */ jsx11("div", { className: "rs-modal-body", children: /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx12("div", { className: "rs-modal-body", children: /* @__PURE__ */ jsx12(
       ConnectStep,
       {
         walletOptions,
@@ -3741,8 +3962,8 @@ function DepositFlow({
   }
   if (isDepositAddressMode) {
     if (!dappAddress || !sessionKeyAddress) return null;
-    return /* @__PURE__ */ jsxs10("div", { className: "rs-modal-body", children: [
-      step.type === "setup" && /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsxs11("div", { className: "rs-modal-body", children: [
+      step.type === "setup" && /* @__PURE__ */ jsx12(
         SetupStep,
         {
           address: sessionKeyAddress,
@@ -3762,7 +3983,7 @@ function DepositFlow({
           onError: handleError
         }
       ),
-      step.type === "deposit-address" && /* @__PURE__ */ jsx11(
+      step.type === "deposit-address" && /* @__PURE__ */ jsx12(
         DepositAddressStep,
         {
           smartAccount: step.smartAccount,
@@ -3773,6 +3994,7 @@ function DepositFlow({
           targetToken,
           waitForFinalTx,
           hasPostBridgeActions: Boolean(postBridgeActions?.length),
+          uiConfig,
           onDepositSubmitted: handleDepositAddressSubmitted,
           onDepositComplete: handleDepositComplete,
           onDepositFailed: handleDepositFailed,
@@ -3797,8 +4019,8 @@ function DepositFlow({
     if (!sessionKeyAddress) return null;
     const solanaAddr = reownWallet?.solanaAddress;
     const solanaProvider = reownWallet?.solanaProvider;
-    return /* @__PURE__ */ jsxs10("div", { className: "rs-modal-body", children: [
-      step.type === "setup" && /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsxs11("div", { className: "rs-modal-body", children: [
+      step.type === "setup" && /* @__PURE__ */ jsx12(
         SetupStep,
         {
           address: sessionKeyAddress,
@@ -3818,7 +4040,7 @@ function DepositFlow({
           onError: handleError
         }
       ),
-      step.type === "solana-token-select" && solanaAddr && /* @__PURE__ */ jsx11(
+      step.type === "solana-token-select" && solanaAddr && /* @__PURE__ */ jsx12(
         SolanaTokenSelectStep,
         {
           solanaAddress: solanaAddr,
@@ -3828,7 +4050,7 @@ function DepositFlow({
           debug
         }
       ),
-      step.type === "solana-amount" && /* @__PURE__ */ jsx11(
+      step.type === "solana-amount" && /* @__PURE__ */ jsx12(
         SolanaAmountStep,
         {
           token: step.token,
@@ -3840,7 +4062,7 @@ function DepositFlow({
           debug
         }
       ),
-      step.type === "solana-confirm" && solanaAddr && solanaProvider ? /* @__PURE__ */ jsx11(
+      step.type === "solana-confirm" && solanaAddr && solanaProvider ? /* @__PURE__ */ jsx12(
         SolanaConfirmStep,
         {
           smartAccount: step.smartAccount,
@@ -3859,16 +4081,16 @@ function DepositFlow({
           onError: handleError,
           debug
         }
-      ) : step.type === "solana-confirm" ? /* @__PURE__ */ jsxs10("div", { className: "rs-step", children: [
-        /* @__PURE__ */ jsxs10("div", { className: "rs-loading-state", children: [
-          /* @__PURE__ */ jsx11("div", { className: "rs-step-icon rs-step-icon--error", children: /* @__PURE__ */ jsx11(
+      ) : step.type === "solana-confirm" ? /* @__PURE__ */ jsxs11("div", { className: "rs-step", children: [
+        /* @__PURE__ */ jsxs11("div", { className: "rs-loading-state", children: [
+          /* @__PURE__ */ jsx12("div", { className: "rs-step-icon rs-step-icon--error", children: /* @__PURE__ */ jsx12(
             "svg",
             {
               viewBox: "0 0 24 24",
               fill: "none",
               stroke: "currentColor",
               strokeWidth: "2",
-              children: /* @__PURE__ */ jsx11(
+              children: /* @__PURE__ */ jsx12(
                 "path",
                 {
                   strokeLinecap: "round",
@@ -3878,22 +4100,22 @@ function DepositFlow({
               )
             }
           ) }),
-          /* @__PURE__ */ jsxs10("div", { className: "rs-loading-text", children: [
-            /* @__PURE__ */ jsx11("div", { className: "rs-loading-title rs-text-error", children: "Wallet disconnected" }),
-            /* @__PURE__ */ jsx11("div", { className: "rs-loading-subtitle", children: "Please reconnect your Solana wallet to continue." })
+          /* @__PURE__ */ jsxs11("div", { className: "rs-loading-text", children: [
+            /* @__PURE__ */ jsx12("div", { className: "rs-loading-title rs-text-error", children: "Wallet disconnected" }),
+            /* @__PURE__ */ jsx12("div", { className: "rs-loading-subtitle", children: "Please reconnect your Solana wallet to continue." })
           ] })
         ] }),
-        /* @__PURE__ */ jsx11("div", { className: "rs-step-footer", children: /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx12("div", { className: "rs-step-footer", children: /* @__PURE__ */ jsx12(
           "button",
           {
             type: "button",
             className: "rs-button rs-button--default rs-button--full-width",
             onClick: handleBackFromSolanaConfirm,
-            children: /* @__PURE__ */ jsx11("span", { children: "Go Back" })
+            children: /* @__PURE__ */ jsx12("span", { children: "Go Back" })
           }
         ) })
       ] }) : null,
-      step.type === "processing" && /* @__PURE__ */ jsx11(
+      step.type === "processing" && /* @__PURE__ */ jsx12(
         ProcessingStep,
         {
           smartAccount: step.smartAccount,
@@ -3920,7 +4142,7 @@ function DepositFlow({
     ] });
   }
   if (!signerContext?.walletClient || !signerContext?.publicClient) {
-    return /* @__PURE__ */ jsx11("div", { className: "rs-modal-body", children: /* @__PURE__ */ jsx11("div", { className: "rs-step", children: /* @__PURE__ */ jsx11("div", { className: "rs-loading-state", children: /* @__PURE__ */ jsx11("div", { className: "rs-loading-text", children: /* @__PURE__ */ jsx11("div", { className: "rs-loading-title", children: "Connecting wallet..." }) }) }) }) });
+    return /* @__PURE__ */ jsx12("div", { className: "rs-modal-body", children: /* @__PURE__ */ jsx12("div", { className: "rs-step", children: /* @__PURE__ */ jsx12("div", { className: "rs-loading-state", children: /* @__PURE__ */ jsx12("div", { className: "rs-loading-text", children: /* @__PURE__ */ jsx12("div", { className: "rs-loading-title", children: "Connecting wallet..." }) }) }) }) });
   }
   const ownerAddress = signerContext.ownerAddress;
   const ownerChainId = signerContext.walletClient?.chain?.id ?? signerContext.publicClient.chain?.id ?? targetChain;
@@ -3930,8 +4152,8 @@ function DepositFlow({
     }
     return getPublicClient(chainId);
   };
-  return /* @__PURE__ */ jsxs10("div", { className: "rs-modal-body", children: [
-    step.type === "setup" && /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsxs11("div", { className: "rs-modal-body", children: [
+    step.type === "setup" && /* @__PURE__ */ jsx12(
       SetupStep,
       {
         walletClient: signerContext.walletClient,
@@ -3952,7 +4174,7 @@ function DepositFlow({
         onError: handleError
       }
     ),
-    step.type === "select-asset" && /* @__PURE__ */ jsx11(
+    step.type === "select-asset" && /* @__PURE__ */ jsx12(
       AssetSelectStep,
       {
         address: ownerAddress,
@@ -3970,7 +4192,7 @@ function DepositFlow({
         } : void 0
       }
     ),
-    step.type === "amount" && /* @__PURE__ */ jsx11(
+    step.type === "amount" && /* @__PURE__ */ jsx12(
       AmountStep,
       {
         walletClient: signerContext.walletClient,
@@ -3995,7 +4217,7 @@ function DepositFlow({
         }
       }
     ),
-    step.type === "confirm" && /* @__PURE__ */ jsx11(
+    step.type === "confirm" && /* @__PURE__ */ jsx12(
       ConfirmStep,
       {
         walletClient: signerContext.walletClient,
@@ -4015,7 +4237,7 @@ function DepositFlow({
         onError: handleError
       }
     ),
-    step.type === "processing" && /* @__PURE__ */ jsx11(
+    step.type === "processing" && /* @__PURE__ */ jsx12(
       ProcessingStep,
       {
         smartAccount: step.smartAccount,
@@ -4043,8 +4265,8 @@ function DepositFlow({
 }
 
 // src/components/history/DepositHistoryPanel.tsx
-import { useCallback as useCallback5 } from "react";
-import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+import { useCallback as useCallback6 } from "react";
+import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
 function shortenHash(hash) {
   if (hash.length <= 14) return hash;
   return `${hash.slice(0, 6)}\u2026${hash.slice(-4)}`;
@@ -4149,7 +4371,7 @@ var STATUS_LABEL = {
   failed: "Failed"
 };
 function ExternalLinkIcon() {
-  return /* @__PURE__ */ jsx12("svg", { className: "rs-history-ext-icon", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx12("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 1.5H2.25A.75.75 0 0 0 1.5 2.25v7.5c0 .414.336.75.75.75h7.5a.75.75 0 0 0 .75-.75V7.5m-3-6h3m0 0v3m0-3L6 6" }) });
+  return /* @__PURE__ */ jsx13("svg", { className: "rs-history-ext-icon", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx13("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 1.5H2.25A.75.75 0 0 0 1.5 2.25v7.5c0 .414.336.75.75.75h7.5a.75.75 0 0 0 .75-.75V7.5m-3-6h3m0 0v3m0-3L6 6" }) });
 }
 function DepositHistoryPanel({
   deposits,
@@ -4160,7 +4382,7 @@ function DepositHistoryPanel({
   onLoadMore,
   onClose
 }) {
-  const handleKeyDown = useCallback5(
+  const handleKeyDown = useCallback6(
     (e) => {
       if (e.key === "Escape") {
         e.stopPropagation();
@@ -4169,7 +4391,7 @@ function DepositHistoryPanel({
     },
     [onClose]
   );
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     "div",
     {
       className: "rs-history-panel",
@@ -4177,40 +4399,40 @@ function DepositHistoryPanel({
       "aria-label": "Deposit history",
       onKeyDown: handleKeyDown,
       children: [
-        /* @__PURE__ */ jsxs11("div", { className: "rs-history-header", children: [
-          /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsxs12("div", { className: "rs-history-header", children: [
+          /* @__PURE__ */ jsx13(
             "button",
             {
               type: "button",
               className: "rs-history-back",
               "aria-label": "Close history",
               onClick: onClose,
-              children: /* @__PURE__ */ jsx12("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx12("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5L8.25 12l7.5-7.5" }) })
+              children: /* @__PURE__ */ jsx13("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx13("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5L8.25 12l7.5-7.5" }) })
             }
           ),
-          /* @__PURE__ */ jsx12("span", { className: "rs-history-header-title", children: "History" }),
-          /* @__PURE__ */ jsx12("div", { className: "rs-history-header-spacer" })
+          /* @__PURE__ */ jsx13("span", { className: "rs-history-header-title", children: "History" }),
+          /* @__PURE__ */ jsx13("div", { className: "rs-history-header-spacer" })
         ] }),
-        /* @__PURE__ */ jsxs11("div", { className: "rs-history-body", children: [
-          isLoading && deposits.length === 0 && /* @__PURE__ */ jsxs11("div", { className: "rs-history-state", children: [
-            /* @__PURE__ */ jsx12("div", { className: "rs-history-spinner", children: /* @__PURE__ */ jsx12("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx12("path", { d: "M12 2v4m0 12v4m-7.07-3.93l2.83-2.83m8.48-8.48l2.83-2.83M2 12h4m12 0h4M4.93 4.93l2.83 2.83m8.48 8.48l2.83 2.83", strokeLinecap: "round" }) }) }),
-            /* @__PURE__ */ jsx12("span", { className: "rs-history-state-text", children: "Loading history..." })
+        /* @__PURE__ */ jsxs12("div", { className: "rs-history-body", children: [
+          isLoading && deposits.length === 0 && /* @__PURE__ */ jsxs12("div", { className: "rs-history-state", children: [
+            /* @__PURE__ */ jsx13("div", { className: "rs-history-spinner", children: /* @__PURE__ */ jsx13("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx13("path", { d: "M12 2v4m0 12v4m-7.07-3.93l2.83-2.83m8.48-8.48l2.83-2.83M2 12h4m12 0h4M4.93 4.93l2.83 2.83m8.48 8.48l2.83 2.83", strokeLinecap: "round" }) }) }),
+            /* @__PURE__ */ jsx13("span", { className: "rs-history-state-text", children: "Loading history..." })
           ] }),
-          error && !isLoading && /* @__PURE__ */ jsxs11("div", { className: "rs-history-state", children: [
-            /* @__PURE__ */ jsx12("div", { className: "rs-history-state-icon rs-history-state-icon--error", children: /* @__PURE__ */ jsxs11("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-              /* @__PURE__ */ jsx12("circle", { cx: "12", cy: "12", r: "10" }),
-              /* @__PURE__ */ jsx12("path", { strokeLinecap: "round", d: "M12 8v4m0 4h.01" })
+          error && !isLoading && /* @__PURE__ */ jsxs12("div", { className: "rs-history-state", children: [
+            /* @__PURE__ */ jsx13("div", { className: "rs-history-state-icon rs-history-state-icon--error", children: /* @__PURE__ */ jsxs12("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+              /* @__PURE__ */ jsx13("circle", { cx: "12", cy: "12", r: "10" }),
+              /* @__PURE__ */ jsx13("path", { strokeLinecap: "round", d: "M12 8v4m0 4h.01" })
             ] }) }),
-            /* @__PURE__ */ jsx12("span", { className: "rs-history-state-text", children: error })
+            /* @__PURE__ */ jsx13("span", { className: "rs-history-state-text", children: error })
           ] }),
-          !isLoading && !error && deposits.length === 0 && /* @__PURE__ */ jsxs11("div", { className: "rs-history-state", children: [
-            /* @__PURE__ */ jsx12("div", { className: "rs-history-state-icon", children: /* @__PURE__ */ jsx12("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx12("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" }) }) }),
-            /* @__PURE__ */ jsx12("span", { className: "rs-history-state-text", children: "No deposits yet" }),
-            /* @__PURE__ */ jsx12("span", { className: "rs-history-state-hint", children: "Your deposit history will appear here" })
+          !isLoading && !error && deposits.length === 0 && /* @__PURE__ */ jsxs12("div", { className: "rs-history-state", children: [
+            /* @__PURE__ */ jsx13("div", { className: "rs-history-state-icon", children: /* @__PURE__ */ jsx13("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx13("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" }) }) }),
+            /* @__PURE__ */ jsx13("span", { className: "rs-history-state-text", children: "No deposits yet" }),
+            /* @__PURE__ */ jsx13("span", { className: "rs-history-state-hint", children: "Your deposit history will appear here" })
           ] }),
-          deposits.length > 0 && /* @__PURE__ */ jsxs11("div", { className: "rs-history-list", children: [
-            deposits.map((deposit, i) => /* @__PURE__ */ jsx12(HistoryRow, { deposit }, deposit.txHash || i)),
-            hasMore && /* @__PURE__ */ jsx12(
+          deposits.length > 0 && /* @__PURE__ */ jsxs12("div", { className: "rs-history-list", children: [
+            deposits.map((deposit, i) => /* @__PURE__ */ jsx13(HistoryRow, { deposit }, deposit.txHash || i)),
+            hasMore && /* @__PURE__ */ jsx13(
               "button",
               {
                 type: "button",
@@ -4241,38 +4463,38 @@ function HistoryRow({ deposit }) {
   const timestamp = deposit.createdAt ? formatTimestamp2(deposit.createdAt) : null;
   const srcTxUrl = deposit.sourceTxHash ? getTxExplorerUrl(deposit.sourceTxHash, sourceChainId) : null;
   const dstTxUrl = deposit.destinationTxHash ? getTxExplorerUrl(deposit.destinationTxHash, targetChainId) : null;
-  return /* @__PURE__ */ jsxs11("div", { className: "rs-history-row", children: [
-    /* @__PURE__ */ jsxs11("div", { className: "rs-history-row-primary", children: [
-      /* @__PURE__ */ jsxs11("div", { className: "rs-history-route", children: [
-        /* @__PURE__ */ jsxs11("span", { className: "rs-history-chain", children: [
-          sourceChainIcon && /* @__PURE__ */ jsx12("img", { src: sourceChainIcon, alt: "", className: "rs-history-chain-icon" }),
-          /* @__PURE__ */ jsx12("span", { className: "rs-history-chain-name", children: sourceChainName ?? "Unknown" })
+  return /* @__PURE__ */ jsxs12("div", { className: "rs-history-row", children: [
+    /* @__PURE__ */ jsxs12("div", { className: "rs-history-row-primary", children: [
+      /* @__PURE__ */ jsxs12("div", { className: "rs-history-route", children: [
+        /* @__PURE__ */ jsxs12("span", { className: "rs-history-chain", children: [
+          sourceChainIcon && /* @__PURE__ */ jsx13("img", { src: sourceChainIcon, alt: "", className: "rs-history-chain-icon" }),
+          /* @__PURE__ */ jsx13("span", { className: "rs-history-chain-name", children: sourceChainName ?? "Unknown" })
         ] }),
-        /* @__PURE__ */ jsx12("svg", { className: "rs-history-route-arrow", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx12("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M2.5 6h7m0 0L7 3.5M9.5 6 7 8.5" }) }),
-        /* @__PURE__ */ jsxs11("span", { className: "rs-history-chain", children: [
-          targetChainIcon && /* @__PURE__ */ jsx12("img", { src: targetChainIcon, alt: "", className: "rs-history-chain-icon" }),
-          /* @__PURE__ */ jsx12("span", { className: "rs-history-chain-name", children: targetChainName ?? "Unknown" })
+        /* @__PURE__ */ jsx13("svg", { className: "rs-history-route-arrow", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx13("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M2.5 6h7m0 0L7 3.5M9.5 6 7 8.5" }) }),
+        /* @__PURE__ */ jsxs12("span", { className: "rs-history-chain", children: [
+          targetChainIcon && /* @__PURE__ */ jsx13("img", { src: targetChainIcon, alt: "", className: "rs-history-chain-icon" }),
+          /* @__PURE__ */ jsx13("span", { className: "rs-history-chain-name", children: targetChainName ?? "Unknown" })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs11("span", { className: `rs-history-status rs-history-status--${status}`, children: [
-        /* @__PURE__ */ jsx12("span", { className: `rs-history-dot rs-history-dot--${status}` }),
+      /* @__PURE__ */ jsxs12("span", { className: `rs-history-status rs-history-status--${status}`, children: [
+        /* @__PURE__ */ jsx13("span", { className: `rs-history-dot rs-history-dot--${status}` }),
         STATUS_LABEL[status]
       ] })
     ] }),
-    /* @__PURE__ */ jsxs11("div", { className: "rs-history-row-secondary", children: [
-      /* @__PURE__ */ jsx12("span", { className: "rs-history-amount", children: formattedAmount ? /* @__PURE__ */ jsxs11(Fragment2, { children: [
+    /* @__PURE__ */ jsxs12("div", { className: "rs-history-row-secondary", children: [
+      /* @__PURE__ */ jsx13("span", { className: "rs-history-amount", children: formattedAmount ? /* @__PURE__ */ jsxs12(Fragment2, { children: [
         formattedAmount,
         " ",
-        /* @__PURE__ */ jsx12("span", { className: "rs-history-token", children: sourceSymbol }),
-        targetSymbol && sourceSymbol !== targetSymbol && /* @__PURE__ */ jsxs11("span", { className: "rs-history-token-target", children: [
+        /* @__PURE__ */ jsx13("span", { className: "rs-history-token", children: sourceSymbol }),
+        targetSymbol && sourceSymbol !== targetSymbol && /* @__PURE__ */ jsxs12("span", { className: "rs-history-token-target", children: [
           " \u2192 ",
           targetSymbol
         ] })
-      ] }) : /* @__PURE__ */ jsx12("span", { className: "rs-history-no-amount", children: "\u2014" }) }),
-      timestamp && /* @__PURE__ */ jsx12("span", { className: "rs-history-time", children: timestamp })
+      ] }) : /* @__PURE__ */ jsx13("span", { className: "rs-history-no-amount", children: "\u2014" }) }),
+      timestamp && /* @__PURE__ */ jsx13("span", { className: "rs-history-time", children: timestamp })
     ] }),
-    (srcTxUrl || dstTxUrl) && /* @__PURE__ */ jsxs11("div", { className: "rs-history-row-links", children: [
-      srcTxUrl && deposit.sourceTxHash && /* @__PURE__ */ jsxs11(
+    (srcTxUrl || dstTxUrl) && /* @__PURE__ */ jsxs12("div", { className: "rs-history-row-links", children: [
+      srcTxUrl && deposit.sourceTxHash && /* @__PURE__ */ jsxs12(
         "a",
         {
           href: srcTxUrl,
@@ -4281,12 +4503,12 @@ function HistoryRow({ deposit }) {
           className: "rs-history-tx-link",
           title: deposit.sourceTxHash,
           children: [
-            /* @__PURE__ */ jsx12("span", { className: "rs-history-tx-hash", children: shortenHash(deposit.sourceTxHash) }),
-            /* @__PURE__ */ jsx12(ExternalLinkIcon, {})
+            /* @__PURE__ */ jsx13("span", { className: "rs-history-tx-hash", children: shortenHash(deposit.sourceTxHash) }),
+            /* @__PURE__ */ jsx13(ExternalLinkIcon, {})
           ]
         }
       ),
-      dstTxUrl && deposit.destinationTxHash && /* @__PURE__ */ jsxs11(
+      dstTxUrl && deposit.destinationTxHash && /* @__PURE__ */ jsxs12(
         "a",
         {
           href: dstTxUrl,
@@ -4295,8 +4517,8 @@ function HistoryRow({ deposit }) {
           className: "rs-history-tx-link",
           title: deposit.destinationTxHash,
           children: [
-            /* @__PURE__ */ jsx12("span", { className: "rs-history-tx-hash", children: shortenHash(deposit.destinationTxHash) }),
-            /* @__PURE__ */ jsx12(ExternalLinkIcon, {})
+            /* @__PURE__ */ jsx13("span", { className: "rs-history-tx-hash", children: shortenHash(deposit.destinationTxHash) }),
+            /* @__PURE__ */ jsx13(ExternalLinkIcon, {})
           ]
         }
       )
@@ -4306,9 +4528,9 @@ function HistoryRow({ deposit }) {
 DepositHistoryPanel.displayName = "DepositHistoryPanel";
 
 // src/DepositModal.tsx
-import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
 var ReownDepositInner = lazy(
-  () => import("./DepositModalReown-EYIV6APK.mjs").then((m) => ({ default: m.DepositModalReown }))
+  () => import("./DepositModalReown-WN2E3EQ3.mjs").then((m) => ({ default: m.DepositModalReown }))
 );
 function DepositModal(props) {
   const needsReown = !!props.reownAppId;
@@ -4317,7 +4539,7 @@ function DepositModal(props) {
     "dappWalletClient"
   );
   if (needsReown) {
-    return /* @__PURE__ */ jsx13(Suspense, { fallback: null, children: /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx14(Suspense, { fallback: null, children: /* @__PURE__ */ jsx14(
       ReownDepositInner,
       {
         ...props,
@@ -4325,7 +4547,7 @@ function DepositModal(props) {
       }
     ) });
   }
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     DepositModalInner,
     {
       ...props,
@@ -4378,21 +4600,21 @@ function DepositModalInner({
   onError,
   debug
 }) {
-  const modalRef = useRef7(null);
+  const modalRef = useRef8(null);
   const onReadyRef = useLatestRef(onReady);
-  const [currentStepIndex, setCurrentStepIndex] = useState11(0);
-  const [totalBalanceUsd, setTotalBalanceUsd] = useState11(null);
-  const backHandlerRef = useRef7(void 0);
+  const [currentStepIndex, setCurrentStepIndex] = useState12(0);
+  const [totalBalanceUsd, setTotalBalanceUsd] = useState12(null);
+  const backHandlerRef = useRef8(void 0);
   const showHistoryButton = uiConfig?.showHistoryButton ?? false;
-  const [activeSmartAccount, setActiveSmartAccount] = useState11(null);
-  const [historyOpen, setHistoryOpen] = useState11(false);
-  const [historyDeposits, setHistoryDeposits] = useState11([]);
-  const [historyNextCursor, setHistoryNextCursor] = useState11(null);
-  const [historyLoading, setHistoryLoading] = useState11(false);
-  const [historyLoadingMore, setHistoryLoadingMore] = useState11(false);
-  const [historyError, setHistoryError] = useState11(null);
-  const historyStaleRef = useRef7(false);
-  const historyLoadedRef = useRef7(false);
+  const [activeSmartAccount, setActiveSmartAccount] = useState12(null);
+  const [historyOpen, setHistoryOpen] = useState12(false);
+  const [historyDeposits, setHistoryDeposits] = useState12([]);
+  const [historyNextCursor, setHistoryNextCursor] = useState12(null);
+  const [historyLoading, setHistoryLoading] = useState12(false);
+  const [historyLoadingMore, setHistoryLoadingMore] = useState12(false);
+  const [historyError, setHistoryError] = useState12(null);
+  const historyStaleRef = useRef8(false);
+  const historyLoadedRef = useRef8(false);
   const targetChain = getChainId(targetChainProp);
   const sourceChain = sourceChainProp ? getChainId(sourceChainProp) : void 0;
   const service = useMemo7(
@@ -4402,38 +4624,38 @@ function DepositModalInner({
     }),
     [backendUrl, debug]
   );
-  useEffect10(() => {
+  useEffect11(() => {
     if (isOpen && modalRef.current) {
       applyTheme(modalRef.current, theme);
     }
   }, [isOpen, theme]);
-  useEffect10(() => {
+  useEffect11(() => {
     configureSolanaRpcUrl(solanaRpcUrl);
   }, [solanaRpcUrl]);
-  useEffect10(() => {
+  useEffect11(() => {
     if (isOpen) {
       onReadyRef.current?.();
     }
   }, [isOpen, onReadyRef]);
-  useEffect10(() => {
+  useEffect11(() => {
     if (!isOpen) {
       setCurrentStepIndex(0);
     }
   }, [isOpen]);
-  const handleStepChange = useCallback6(
+  const handleStepChange = useCallback7(
     (stepIndex, onBack) => {
       setCurrentStepIndex(stepIndex);
       backHandlerRef.current = onBack;
     },
     []
   );
-  const handleTotalBalanceChange = useCallback6((balance2) => {
+  const handleTotalBalanceChange = useCallback7((balance2) => {
     setTotalBalanceUsd(balance2);
   }, []);
-  const handleBack = useCallback6(() => {
+  const handleBack = useCallback7(() => {
     backHandlerRef.current?.();
   }, []);
-  const handleSmartAccountChange = useCallback6(
+  const handleSmartAccountChange = useCallback7(
     (account) => {
       setActiveSmartAccount(account);
       if (!account) {
@@ -4442,7 +4664,7 @@ function DepositModalInner({
     },
     []
   );
-  const fetchHistory = useCallback6(
+  const fetchHistory = useCallback7(
     async (cursor) => {
       if (!activeSmartAccount) return;
       const isInitial = !cursor;
@@ -4480,21 +4702,21 @@ function DepositModalInner({
     },
     [activeSmartAccount, service]
   );
-  const handleHistoryOpen = useCallback6(() => {
+  const handleHistoryOpen = useCallback7(() => {
     setHistoryOpen(true);
     if (!historyLoadedRef.current || historyStaleRef.current) {
       fetchHistory();
     }
   }, [fetchHistory]);
-  const handleHistoryClose = useCallback6(() => {
+  const handleHistoryClose = useCallback7(() => {
     setHistoryOpen(false);
   }, []);
-  const handleHistoryLoadMore = useCallback6(() => {
+  const handleHistoryLoadMore = useCallback7(() => {
     if (historyNextCursor) {
       fetchHistory(historyNextCursor);
     }
   }, [fetchHistory, historyNextCursor]);
-  const markHistoryStale = useCallback6(() => {
+  const markHistoryStale = useCallback7(() => {
     historyStaleRef.current = true;
     if (historyOpen) {
       fetchHistory();
@@ -4503,28 +4725,28 @@ function DepositModalInner({
   const onDepositSubmittedRef = useLatestRef(onDepositSubmitted);
   const onDepositCompleteRef = useLatestRef(onDepositComplete);
   const onDepositFailedRef = useLatestRef(onDepositFailed);
-  const handleDepositSubmitted = useCallback6(
+  const handleDepositSubmitted = useCallback7(
     (data) => {
       onDepositSubmittedRef.current?.(data);
       if (showHistoryButton) markHistoryStale();
     },
     [onDepositSubmittedRef, showHistoryButton, markHistoryStale]
   );
-  const handleDepositComplete = useCallback6(
+  const handleDepositComplete = useCallback7(
     (data) => {
       onDepositCompleteRef.current?.(data);
       if (showHistoryButton) markHistoryStale();
     },
     [onDepositCompleteRef, showHistoryButton, markHistoryStale]
   );
-  const handleDepositFailed = useCallback6(
+  const handleDepositFailed = useCallback7(
     (data) => {
       onDepositFailedRef.current?.(data);
       if (showHistoryButton) markHistoryStale();
     },
     [onDepositFailedRef, showHistoryButton, markHistoryStale]
   );
-  useEffect10(() => {
+  useEffect11(() => {
     if (!isOpen) {
       setHistoryOpen(false);
       setHistoryDeposits([]);
@@ -4542,7 +4764,7 @@ function DepositModalInner({
   const logoUrl = branding?.logoUrl ?? "https://github.com/rhinestonewtf.png";
   const title = branding?.title ?? "Deposit";
   const canGoBack = currentStepIndex > 0 && currentStepIndex < 4 && backHandlerRef.current !== void 0;
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     Modal,
     {
       isOpen,
@@ -4550,23 +4772,23 @@ function DepositModalInner({
       className,
       inline,
       closeOnOverlayClick,
-      children: /* @__PURE__ */ jsxs12("div", { ref: modalRef, className: "rs-modal", children: [
-        /* @__PURE__ */ jsxs12("div", { className: "rs-modal-header--redesigned", children: [
-          /* @__PURE__ */ jsx13("div", { className: "rs-modal-header-nav-left", children: showBackButton && canGoBack && /* @__PURE__ */ jsx13(
+      children: /* @__PURE__ */ jsxs13("div", { ref: modalRef, className: "rs-modal", children: [
+        /* @__PURE__ */ jsxs13("div", { className: "rs-modal-header--redesigned", children: [
+          /* @__PURE__ */ jsx14("div", { className: "rs-modal-header-nav-left", children: showBackButton && canGoBack && /* @__PURE__ */ jsx14(
             "button",
             {
               type: "button",
               className: "rs-modal-header-back",
               "aria-label": "Go back",
               onClick: handleBack,
-              children: /* @__PURE__ */ jsx13(
+              children: /* @__PURE__ */ jsx14(
                 "svg",
                 {
                   viewBox: "0 0 24 24",
                   fill: "none",
                   stroke: "currentColor",
                   strokeWidth: "2",
-                  children: /* @__PURE__ */ jsx13(
+                  children: /* @__PURE__ */ jsx14(
                     "path",
                     {
                       strokeLinecap: "round",
@@ -4578,9 +4800,9 @@ function DepositModalInner({
               )
             }
           ) }),
-          /* @__PURE__ */ jsxs12("div", { className: "rs-modal-header-nav-center", children: [
-            /* @__PURE__ */ jsxs12("div", { className: "rs-modal-header-title-row", children: [
-              showLogo && logoUrl && /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsxs13("div", { className: "rs-modal-header-nav-center", children: [
+            /* @__PURE__ */ jsxs13("div", { className: "rs-modal-header-title-row", children: [
+              showLogo && logoUrl && /* @__PURE__ */ jsx14(
                 "img",
                 {
                   src: logoUrl,
@@ -4591,20 +4813,20 @@ function DepositModalInner({
                   }
                 }
               ),
-              /* @__PURE__ */ jsx13("span", { className: "rs-modal-header-title", children: title }),
-              showStepper && currentStepIndex >= 2 && /* @__PURE__ */ jsxs12("div", { className: "rs-step-indicator", style: { marginLeft: 8 }, children: [
-                /* @__PURE__ */ jsx13(
+              /* @__PURE__ */ jsx14("span", { className: "rs-modal-header-title", children: title }),
+              showStepper && currentStepIndex >= 2 && /* @__PURE__ */ jsxs13("div", { className: "rs-step-indicator", style: { marginLeft: 8 }, children: [
+                /* @__PURE__ */ jsx14(
                   "div",
                   {
                     className: `rs-step-indicator-node ${currentStepIndex >= 4 ? "rs-step-indicator-node--complete" : "rs-step-indicator-node--active"}`,
-                    children: currentStepIndex >= 4 ? /* @__PURE__ */ jsx13(
+                    children: currentStepIndex >= 4 ? /* @__PURE__ */ jsx14(
                       "svg",
                       {
                         viewBox: "0 0 24 24",
                         fill: "none",
                         stroke: "currentColor",
                         strokeWidth: "3",
-                        children: /* @__PURE__ */ jsx13(
+                        children: /* @__PURE__ */ jsx14(
                           "path",
                           {
                             strokeLinecap: "round",
@@ -4616,13 +4838,13 @@ function DepositModalInner({
                     ) : "1"
                   }
                 ),
-                /* @__PURE__ */ jsx13(
+                /* @__PURE__ */ jsx14(
                   "div",
                   {
                     className: `rs-step-indicator-line ${currentStepIndex >= 4 ? "rs-step-indicator-line--active" : ""}`
                   }
                 ),
-                /* @__PURE__ */ jsx13(
+                /* @__PURE__ */ jsx14(
                   "div",
                   {
                     className: `rs-step-indicator-node ${currentStepIndex >= 4 ? "rs-step-indicator-node--active" : "rs-step-indicator-node--inactive"}`,
@@ -4631,16 +4853,16 @@ function DepositModalInner({
                 )
               ] })
             ] }),
-            balance && /* @__PURE__ */ jsxs12("div", { className: "rs-modal-header-balance", children: [
-              /* @__PURE__ */ jsxs12("span", { children: [
+            balance && /* @__PURE__ */ jsxs13("div", { className: "rs-modal-header-balance", children: [
+              /* @__PURE__ */ jsxs13("span", { children: [
                 balance.title,
                 ":"
               ] }),
-              /* @__PURE__ */ jsx13("span", { className: "rs-modal-header-balance-value", children: balance.amount ?? (totalBalanceUsd !== null ? currencyFormatter.format(totalBalanceUsd) : null) })
+              /* @__PURE__ */ jsx14("span", { className: "rs-modal-header-balance-value", children: balance.amount ?? (totalBalanceUsd !== null ? currencyFormatter.format(totalBalanceUsd) : null) })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs12("div", { className: "rs-modal-header-nav-right", children: [
-            showHistoryButton && /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsxs13("div", { className: "rs-modal-header-nav-right", children: [
+            showHistoryButton && /* @__PURE__ */ jsx14(
               "button",
               {
                 type: "button",
@@ -4648,14 +4870,14 @@ function DepositModalInner({
                 "aria-label": "Deposit history",
                 onClick: handleHistoryOpen,
                 disabled: !activeSmartAccount,
-                children: /* @__PURE__ */ jsx13(
+                children: /* @__PURE__ */ jsx14(
                   "svg",
                   {
                     viewBox: "0 0 24 24",
                     fill: "none",
                     stroke: "currentColor",
                     strokeWidth: "1.75",
-                    children: /* @__PURE__ */ jsx13(
+                    children: /* @__PURE__ */ jsx14(
                       "path",
                       {
                         strokeLinecap: "round",
@@ -4667,21 +4889,21 @@ function DepositModalInner({
                 )
               }
             ),
-            /* @__PURE__ */ jsx13(
+            /* @__PURE__ */ jsx14(
               "button",
               {
                 type: "button",
                 onClick: onClose,
                 className: "rs-modal-close",
                 "aria-label": "Close",
-                children: /* @__PURE__ */ jsx13(
+                children: /* @__PURE__ */ jsx14(
                   "svg",
                   {
                     viewBox: "0 0 24 24",
                     fill: "none",
                     stroke: "currentColor",
                     strokeWidth: "2",
-                    children: /* @__PURE__ */ jsx13(
+                    children: /* @__PURE__ */ jsx14(
                       "path",
                       {
                         strokeLinecap: "round",
@@ -4695,7 +4917,7 @@ function DepositModalInner({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx14(
           DepositFlow,
           {
             dappWalletClient,
@@ -4737,7 +4959,7 @@ function DepositModalInner({
             debug
           }
         ),
-        showHistoryButton && historyOpen && /* @__PURE__ */ jsx13(
+        showHistoryButton && historyOpen && /* @__PURE__ */ jsx14(
           DepositHistoryPanel,
           {
             deposits: historyDeposits,