@rhinestone/deposit-modal 0.1.52 → 0.1.54

package/dist/{chunk-RVKMKH2C.cjs → chunk-EAEDK474.cjs}

@@ -7,7 +7,8 @@
 
 
 
-var _chunkNELAYNA3cjs = require('./chunk-NELAYNA3.cjs');
+
+var _chunkR6U6BHCVcjs = require('./chunk-R6U6BHCV.cjs');
 
 // src/components/ui/Modal.tsx
 
@@ -30,7 +31,8 @@ function Modal({
   onClose,
   children,
   className = "",
-  inline = false
+  inline = false,
+  closeOnOverlayClick = false
 }) {
   const overlayRef = _react.useRef.call(void 0, null);
   const contentRef = _react.useRef.call(void 0, null);
@@ -94,11 +96,11 @@ function Modal({
   );
   const handleOverlayClick = _react.useCallback.call(void 0, 
     (event) => {
-      if (event.target === overlayRef.current) {
+      if (closeOnOverlayClick && event.target === overlayRef.current) {
         onClose();
       }
     },
-    [onClose]
+    [closeOnOverlayClick, onClose]
   );
   if (!isOpen) return null;
   if (inline) {
@@ -619,14 +621,14 @@ function normalizeOrchestratorPortfolio(data) {
       const unlocked = _nullishCoalesce(_optionalChain([chainBalance, 'access', _17 => _17.balance, 'optionalAccess', _18 => _18.unlocked]), () => ( "0"));
       const normalizedName = tokenData.tokenName.trim();
       const isNativeSymbol = normalizedName.toUpperCase() === "ETH" || normalizedName.toUpperCase() === "ETHER";
-      const tokenAddress = _nullishCoalesce(_nullishCoalesce(chainBalance.tokenAddress, () => ( extractTokenAddress(tokenData, chainBalance.chainId))), () => ( _chunkNELAYNA3cjs.getTokenAddress.call(void 0, tokenData.tokenName, chainBalance.chainId)));
-      const resolvedTokenAddress = isNativeSymbol ? _chunkNELAYNA3cjs.NATIVE_TOKEN_ADDRESS : tokenAddress;
+      const tokenAddress = _nullishCoalesce(_nullishCoalesce(chainBalance.tokenAddress, () => ( extractTokenAddress(tokenData, chainBalance.chainId))), () => ( _chunkR6U6BHCVcjs.getTokenAddress.call(void 0, tokenData.tokenName, chainBalance.chainId)));
+      const resolvedTokenAddress = isNativeSymbol ? _chunkR6U6BHCVcjs.NATIVE_TOKEN_ADDRESS : tokenAddress;
       if (!resolvedTokenAddress) {
         continue;
       }
-      const registrySymbol = _chunkNELAYNA3cjs.getTokenSymbol.call(void 0, resolvedTokenAddress, chainBalance.chainId);
+      const registrySymbol = _chunkR6U6BHCVcjs.getTokenSymbol.call(void 0, resolvedTokenAddress, chainBalance.chainId);
       const symbol = registrySymbol !== "Token" ? registrySymbol : normalizedName || "Token";
-      const decimals = registrySymbol !== "Token" ? _chunkNELAYNA3cjs.getTokenDecimalsByAddress.call(void 0, resolvedTokenAddress, chainBalance.chainId) : _nullishCoalesce(tokenData.tokenDecimals, () => ( 18));
+      const decimals = registrySymbol !== "Token" ? _chunkR6U6BHCVcjs.getTokenDecimalsByAddress.call(void 0, resolvedTokenAddress, chainBalance.chainId) : _nullishCoalesce(tokenData.tokenDecimals, () => ( 18));
       tokens.push({
         chainId: chainBalance.chainId,
         address: resolvedTokenAddress,
@@ -655,14 +657,14 @@ function normalizeDirectToken(token) {
   const address = _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(extractString(token, "address"), () => ( extractString(token, "tokenAddress"))), () => ( extractString(
     token.token,
     "address"
-  ))), () => ( (typeof chainId === "number" ? _chunkNELAYNA3cjs.getTokenAddress.call(void 0, symbol, chainId) : void 0)));
+  ))), () => ( (typeof chainId === "number" ? _chunkR6U6BHCVcjs.getTokenAddress.call(void 0, symbol, chainId) : void 0)));
   if (!address) return null;
   const balanceUsd = _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(_nullishCoalesce(_nullishCoalesce(_nullishCoalesce(extractNumber(token, "balanceUsd"), () => ( extractNumber(token, "usdValue"))), () => ( extractNumber(token, "valueUsd"))), () => ( extractNumericString(token, "balanceUsd"))), () => ( extractNumericString(token, "usdValue"))), () => ( extractNumericString(token, "valueUsd"))), () => ( 0));
   const isSolanaToken = chainId === "solana";
-  const registrySymbol = isSolanaToken ? "Token" : _chunkNELAYNA3cjs.getTokenSymbol.call(void 0, address, chainId);
+  const registrySymbol = isSolanaToken ? "Token" : _chunkR6U6BHCVcjs.getTokenSymbol.call(void 0, address, chainId);
   const resolvedSymbol = isSolanaToken ? symbol : registrySymbol !== "Token" ? registrySymbol : symbol;
   const backendDecimals = _nullishCoalesce(extractNumber(token, "decimals"), () => ( extractNumber(token, "tokenDecimals")));
-  const resolvedDecimals = !isSolanaToken && registrySymbol !== "Token" ? _chunkNELAYNA3cjs.getTokenDecimalsByAddress.call(void 0, address, chainId) : _nullishCoalesce(backendDecimals, () => ( 18));
+  const resolvedDecimals = !isSolanaToken && registrySymbol !== "Token" ? _chunkR6U6BHCVcjs.getTokenDecimalsByAddress.call(void 0, address, chainId) : _nullishCoalesce(backendDecimals, () => ( 18));
   return {
     chainId,
     address,
@@ -765,21 +767,46 @@ function formatUserError(raw) {
   if (lower.includes("execution reverted")) {
     return "Transaction would fail on-chain";
   }
+  if (lower.includes("timed out") || lower.includes("took too long")) {
+    return "Request timed out \u2014 please try again";
+  }
+  if (lower.includes("econnrefused") || lower.includes("econnreset") || lower.includes("enotfound") || lower.includes("fetch failed")) {
+    return "Service unavailable \u2014 please try again";
+  }
   if (lower.includes("recent blockhash") || lower.includes("latest blockhash")) {
     return "Solana RPC unavailable \u2014 please retry";
   }
   if (lower.includes("network") || lower.includes("disconnected")) {
     return "Network error \u2014 check your connection";
   }
-  const detailsCut = raw.indexOf("\n\nRequest Arguments:");
-  if (detailsCut !== -1) {
-    const short = raw.slice(0, detailsCut).trim();
-    return short.length > 80 ? short.slice(0, 80) + "..." : short;
+  if (lower.includes("rate limit") || lower.includes("429")) {
+    return "Rate limited \u2014 please try again shortly";
+  }
+  let cleaned = raw;
+  const stripMarkers = [
+    "\n\nRequest Arguments:",
+    "\nRaw Call Arguments:",
+    "\nRequest body:",
+    "\nContract Call:",
+    "\nDocs:",
+    "\nDetails:",
+    "\nVersion:",
+    "\nURL:"
+  ];
+  for (const marker of stripMarkers) {
+    const idx = cleaned.indexOf(marker);
+    if (idx !== -1) {
+      cleaned = cleaned.slice(0, idx).trim();
+    }
   }
-  if (raw.length > 80) {
-    return raw.slice(0, 80) + "...";
+  cleaned = cleaned.replace(/https?:\/\/\S+/g, "").trim();
+  if (cleaned.length === 0) {
+    return "An unexpected error occurred";
   }
-  return raw;
+  if (cleaned.length > 120) {
+    return cleaned.slice(0, 120) + "...";
+  }
+  return cleaned;
 }
 
 // src/core/theme.ts
@@ -1437,10 +1464,6 @@ function syncPhaseTimings(previous, event) {
     ...setCompleted && { completedAt: timestamp }
   };
 }
-function getDurationSeconds(startMs, endMs) {
-  if (startMs === void 0 || endMs === void 0) return void 0;
-  return Math.max(0, Math.floor((endMs - startMs) / 1e3));
-}
 function formatElapsedTime(seconds) {
   if (seconds < 60) return `${seconds} second${seconds !== 1 ? "s" : ""}`;
   const mins = Math.floor(seconds / 60);
@@ -1735,11 +1758,11 @@ function ProcessingStep({
   const displaySourceChain = _nullishCoalesce(sourceDetails.chainId, () => ( sourceChain));
   const displaySourceToken = _nullishCoalesce(sourceDetails.token, () => ( sourceToken));
   const displayAmount = _nullishCoalesce(sourceDetails.amount, () => ( amount));
-  const sourceExplorerUrl = _chunkNELAYNA3cjs.getExplorerTxUrl.call(void 0, displaySourceChain, txHash);
-  const destExplorerUrl = destinationTxHash ? _chunkNELAYNA3cjs.getExplorerTxUrl.call(void 0, targetChain, destinationTxHash) : null;
+  const sourceExplorerUrl = _chunkR6U6BHCVcjs.getExplorerTxUrl.call(void 0, displaySourceChain, txHash);
+  const destExplorerUrl = destinationTxHash ? _chunkR6U6BHCVcjs.getExplorerTxUrl.call(void 0, targetChain, destinationTxHash) : null;
   const isEvmSourceToken = /^0x[a-fA-F0-9]{40}$/.test(displaySourceToken);
-  const sourceSymbol = displaySourceChain === "solana" ? _nullishCoalesce(providedSourceSymbol, () => ( "SOL")) : isEvmSourceToken ? _chunkNELAYNA3cjs.getTokenSymbol.call(void 0, displaySourceToken, displaySourceChain) : _nullishCoalesce(providedSourceSymbol, () => ( "Token"));
-  const sourceDecimals = displaySourceChain === "solana" ? _nullishCoalesce(providedSourceDecimals, () => ( 9)) : isEvmSourceToken ? _chunkNELAYNA3cjs.getTokenDecimalsByAddress.call(void 0, 
+  const sourceSymbol = displaySourceChain === "solana" ? _nullishCoalesce(providedSourceSymbol, () => ( "SOL")) : isEvmSourceToken ? _chunkR6U6BHCVcjs.getTokenSymbol.call(void 0, displaySourceToken, displaySourceChain) : _nullishCoalesce(providedSourceSymbol, () => ( "Token"));
+  const sourceDecimals = displaySourceChain === "solana" ? _nullishCoalesce(providedSourceDecimals, () => ( 9)) : isEvmSourceToken ? _chunkR6U6BHCVcjs.getTokenDecimalsByAddress.call(void 0, 
     displaySourceToken,
     displaySourceChain
   ) : _nullishCoalesce(providedSourceDecimals, () => ( 18));
@@ -1755,332 +1778,236 @@ function ProcessingStep({
       });
     }
   })();
-  const detectionDurationSeconds = getDurationSeconds(
-    phaseTimings.startedAt,
-    phaseTimings.receivedAt
-  );
-  const queueDurationSeconds = getDurationSeconds(
-    phaseTimings.receivedAt,
-    phaseTimings.bridgingAt
-  );
-  const bridgeDurationSeconds = getDurationSeconds(
-    phaseTimings.bridgingAt,
-    phaseTimings.completedAt
-  );
   const currentPhaseId = getCurrentPhaseId(state, phaseTimings, isEarlyComplete);
   const activePhaseStartedAt = currentPhaseId ? getPhaseStartTime(currentPhaseId, phaseTimings) : void 0;
   const activePhaseElapsedMs = isProcessing && activePhaseStartedAt !== void 0 ? timelineNowMs - activePhaseStartedAt : 0;
   const delayPhaseId = isProcessing && currentPhaseId && activePhaseElapsedMs >= SOFT_DELAY_MS[currentPhaseId] ? currentPhaseId : void 0;
-  const statusLabel = isComplete ? isEarlyComplete ? "Confirmed" : "Successful" : isFailed ? "Failed" : delayPhaseId || hasEscalatedDelay ? "Taking longer" : "In progress";
-  const phaseRows = directTransfer ? [] : [
-    {
-      id: "confirming",
-      title: `Confirming ${flowNoun}`,
-      description: phaseTimings.receivedAt !== void 0 ? `${flowCapitalized} detected on ${_chunkNELAYNA3cjs.getChainName.call(void 0, displaySourceChain)}.` : "Waiting for your source-chain transaction to be detected.",
-      tone: phaseTimings.receivedAt !== void 0 ? "complete" : isFailed && currentPhaseId === "confirming" ? "failed" : delayPhaseId === "confirming" ? "warning" : currentPhaseId === "confirming" ? "active" : "pending",
-      statusLabel: phaseTimings.receivedAt !== void 0 ? "Done" : delayPhaseId === "confirming" ? "Delayed" : currentPhaseId === "confirming" ? "Active" : "Pending",
-      timerLabel: phaseTimings.receivedAt !== void 0 ? formatElapsedTime(_nullishCoalesce(detectionDurationSeconds, () => ( 0))) : currentPhaseId === "confirming" ? formatElapsedTime(
-        _nullishCoalesce(getDurationSeconds(
-          getPhaseStartTime("confirming", phaseTimings),
-          timelineNowMs
-        ), () => ( 0))
-      ) : "\u2013"
-    },
-    {
-      id: "received",
-      title: `${flowCapitalized} received`,
-      description: phaseTimings.bridgingAt !== void 0 ? "Funds were handed off for bridge execution." : currentPhaseId === "received" || delayPhaseId === "received" ? "Funds are in. Preparing the bridge transaction." : "Starts once the source transaction has been detected.",
-      tone: phaseTimings.bridgingAt !== void 0 ? "complete" : isFailed && currentPhaseId === "received" ? "failed" : delayPhaseId === "received" ? "warning" : currentPhaseId === "received" ? "active" : "pending",
-      statusLabel: phaseTimings.bridgingAt !== void 0 ? "Done" : delayPhaseId === "received" ? "Delayed" : currentPhaseId === "received" ? "Active" : "Pending",
-      timerLabel: phaseTimings.bridgingAt !== void 0 ? formatElapsedTime(_nullishCoalesce(queueDurationSeconds, () => ( 0))) : currentPhaseId === "received" ? formatElapsedTime(
-        _nullishCoalesce(getDurationSeconds(
-          getPhaseStartTime("received", phaseTimings),
-          timelineNowMs
-        ), () => ( 0))
-      ) : phaseTimings.receivedAt !== void 0 ? "Queued" : "\u2013"
-    },
+  const headerTitle = isFailed ? `${flowCapitalized} could not be completed` : isComplete ? isEarlyComplete ? `${flowCapitalized} confirmed` : `${flowCapitalized} successful` : delayPhaseId === "received" ? "Bridge pending" : delayPhaseId === "bridging" ? "Bridge delayed" : delayPhaseId === "confirming" ? `Confirming ${flowNoun}` : `Submitting transaction...`;
+  const headerDescription = isFailed ? _nullishCoalesce(failureMessage, () => ( "The transfer could not be completed.")) : isComplete ? directTransfer ? "Your transfer is complete." : isEarlyComplete ? "The bridge has started. Funds will arrive shortly." : "Your funds were successfully deposited." : delayPhaseId === "received" ? "Funds are in. We are still waiting for the bridge transaction to begin." : delayPhaseId === "bridging" ? "The bridge has started but settlement is taking longer than expected." : delayPhaseId === "confirming" ? "The source transaction has not been picked up yet, but we are still polling automatically." : _optionalChain([state, 'access', _114 => _114.lastEvent, 'optionalAccess', _115 => _115.type]) === "deposit-received" ? "Transfer received. Preparing bridge execution." : _optionalChain([state, 'access', _116 => _116.lastEvent, 'optionalAccess', _117 => _117.type]) === "bridge-started" ? `Bridge started. Sending funds to ${_chunkR6U6BHCVcjs.getChainName.call(void 0, targetChain)}.` : "Filling your transaction on the blockchain.";
+  const showAlert = !isFailed && (delayPhaseId !== void 0 || hasEscalatedDelay);
+  const alertMessage = hasEscalatedDelay ? "Taking longer than expected. You can close this window \u2014 processing continues in the background." : "This step is slower than usual but still processing.";
+  const fillStatus = isComplete ? "Successful" : isFailed ? "Failed" : "Processing";
+  const fillStatusClass = isComplete ? "rs-card-value--success" : isFailed ? "rs-card-value--error" : "";
+  const [detailsExpanded, setDetailsExpanded] = _react.useState.call(void 0, false);
+  const txLinkIcon = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "path",
     {
-      id: "bridging",
-      title: "Bridging",
-      description: isComplete && !isEarlyComplete ? `Funds landed on ${_chunkNELAYNA3cjs.getChainName.call(void 0, targetChain)}.` : isEarlyComplete ? "Bridge started successfully and will finish in the background." : currentPhaseId === "bridging" || delayPhaseId === "bridging" ? `Sending funds to ${_chunkNELAYNA3cjs.getChainName.call(void 0, targetChain)}.` : "Begins after the bridge transaction is submitted.",
-      tone: isComplete && !isEarlyComplete ? "complete" : isFailed && currentPhaseId === "bridging" ? "failed" : delayPhaseId === "bridging" ? "warning" : currentPhaseId === "bridging" ? "active" : "pending",
-      statusLabel: isComplete && !isEarlyComplete ? "Done" : isEarlyComplete ? "In flight" : delayPhaseId === "bridging" ? "Delayed" : currentPhaseId === "bridging" ? "Active" : "Pending",
-      timerLabel: isComplete && !isEarlyComplete ? formatElapsedTime(_nullishCoalesce(bridgeDurationSeconds, () => ( 0))) : currentPhaseId === "bridging" ? formatElapsedTime(
-        _nullishCoalesce(getDurationSeconds(
-          getPhaseStartTime("bridging", phaseTimings),
-          _nullishCoalesce(_nullishCoalesce(phaseTimings.completedAt, () => ( phaseTimings.endedAt)), () => ( timelineNowMs))
-        ), () => ( 0))
-      ) : phaseTimings.bridgingAt !== void 0 ? "In flight" : "\u2013"
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      d: "M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"
     }
-  ];
-  const phaseBoardTitle = `${_chunkNELAYNA3cjs.getChainName.call(void 0, displaySourceChain)} to ${_chunkNELAYNA3cjs.getChainName.call(void 0, 
-    targetChain
-  )}`;
-  const highlightedMetricLabel = isEarlyComplete ? "Bridge handoff" : bridgeDurationSeconds !== void 0 ? "Bridge time" : "Total time";
-  const highlightedMetricValue = isEarlyComplete ? "In flight" : bridgeDurationSeconds !== void 0 ? formatElapsedTime(bridgeDurationSeconds) : formatElapsedTime(elapsedSeconds);
-  const headerTitle = isFailed ? `${flowCapitalized} could not be completed` : isComplete ? isEarlyComplete ? `${flowCapitalized} confirmed` : `${flowCapitalized} successful` : delayPhaseId === "received" ? "Bridge pending" : delayPhaseId === "bridging" ? "Bridge delayed" : delayPhaseId === "confirming" ? `Confirming ${flowNoun}` : `Processing ${flowNoun}`;
-  const headerDescription = isFailed ? _nullishCoalesce(failureMessage, () => ( "The transfer could not be completed.")) : isComplete ? directTransfer ? "Your transfer is complete." : isEarlyComplete ? "The bridge has started. Funds will arrive shortly." : "Your funds have been successfully bridged." : delayPhaseId === "received" ? "Funds are in. We are still waiting for the bridge transaction to begin." : delayPhaseId === "bridging" ? "The bridge has started but settlement is taking longer than expected." : delayPhaseId === "confirming" ? "The source transaction has not been picked up yet, but we are still polling automatically." : _optionalChain([state, 'access', _114 => _114.lastEvent, 'optionalAccess', _115 => _115.type]) === "deposit-received" ? "Transfer received. Preparing bridge execution." : _optionalChain([state, 'access', _116 => _116.lastEvent, 'optionalAccess', _117 => _117.type]) === "bridge-started" ? `Bridge started. Sending funds to ${_chunkNELAYNA3cjs.getChainName.call(void 0, targetChain)}.` : `Waiting for your ${flowNoun} to be detected and routed.`;
-  const infoAlertTone = isFailed ? "error" : isComplete ? isEarlyComplete ? "info" : "success" : delayPhaseId || hasEscalatedDelay ? "warning" : "info";
-  const infoAlertMessage = isFailed ? _nullishCoalesce(failureMessage, () => ( `Your ${flowNoun} could not be completed.`)) : isComplete ? directTransfer ? "This route did not require bridging." : isEarlyComplete ? "The bridge has started successfully and will finish in the background." : "Funds arrived successfully on the destination chain." : hasEscalatedDelay ? "This transfer is taking longer than expected. You can close the window and it will keep processing in the background." : delayPhaseId ? "This phase is moving slower than usual, but it is still being processed automatically." : `You can safely close this window. Your ${flowNoun} will continue in the background.`;
-  const renderPhaseBoard = () => directTransfer ? null : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-phase-board", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-phase-board-header", children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-phase-board-kicker", children: "Transfer phases" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-phase-board-route", children: phaseBoardTitle })
-      ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-phase-board-total", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Total elapsed" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: formatElapsedTime(elapsedSeconds) })
-      ] })
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-phase-list", children: phaseRows.map((phase) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "div",
-      {
-        className: `rs-phase-row rs-phase-row--${phase.tone}`,
-        children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-phase-rail", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-phase-dot" }) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-phase-copy", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-phase-row-header", children: [
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-phase-title-block", children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-phase-title", children: phase.title }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-phase-description", children: phase.description })
-            ] }),
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-phase-meta", children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-phase-status", children: phase.statusLabel }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-phase-timer", children: phase.timerLabel })
-            ] })
-          ] }) })
-        ]
-      },
-      phase.id
-    )) })
-  ] });
-  const renderPrimarySummaryCard = () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-card", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-card-row", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-card-label", children: "Status" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "span",
-        {
-          className: "rs-card-value",
-          style: {
-            color: isFailed ? "var(--rs-error)" : isComplete ? "var(--rs-success)" : delayPhaseId || hasEscalatedDelay ? "var(--color-amber8, #e2a336)" : void 0
-          },
-          children: statusLabel
-        }
-      )
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-card-row", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-card-label", children: highlightedMetricLabel }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-card-value", children: highlightedMetricValue })
-    ] }),
-    !isProcessing && bridgeDurationSeconds !== void 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-card-row", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-card-label", children: "Total time" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-card-value", children: formatElapsedTime(elapsedSeconds) })
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-card-row", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-card-label", children: "You sent" }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-card-value", children: [
-        formattedReceivedAmount,
-        " ",
-        sourceSymbol
-      ] })
-    ] })
-  ] });
-  const renderRouteCard = () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-card", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-card-row", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-card-label", children: "Source" }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        "span",
+  ) });
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-step", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-step-header--centered", children: [
+      isFailed ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-failed-badge", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        "svg",
         {
-          className: "rs-card-value",
-          style: { display: "flex", alignItems: "center", gap: 6 },
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
           children: [
-            _chunkNELAYNA3cjs.getChainIcon.call(void 0, displaySourceChain) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "img",
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "path",
               {
-                src: _chunkNELAYNA3cjs.getChainIcon.call(void 0, displaySourceChain),
-                alt: "",
-                style: { width: 14, height: 14, borderRadius: "50%" }
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                d: "M12 9v3.75m0 3.75h.008v.008H12v-.008z"
               }
             ),
-            _chunkNELAYNA3cjs.getChainName.call(void 0, displaySourceChain)
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-card-row", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-card-label", children: "Destination" }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        "span",
-        {
-          className: "rs-card-value",
-          style: { display: "flex", alignItems: "center", gap: 6 },
-          children: [
-            _chunkNELAYNA3cjs.getChainIcon.call(void 0, targetChain) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "img",
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "path",
               {
-                src: _chunkNELAYNA3cjs.getChainIcon.call(void 0, targetChain),
-                alt: "",
-                style: { width: 14, height: 14, borderRadius: "50%" }
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                d: "M10.29 3.86L1.82 18a2.25 2.25 0 001.93 3.37h16.5A2.25 2.25 0 0022.18 18L13.71 3.86a2.25 2.25 0 00-3.42 0z"
               }
-            ),
-            _chunkNELAYNA3cjs.getChainName.call(void 0, targetChain)
+            )
           ]
         }
-      )
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-card-row", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-card-label", children: "Transaction" }),
-      sourceExplorerUrl ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        "a",
+      ) }) : isComplete ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-success-badge", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "svg",
         {
-          href: sourceExplorerUrl,
-          target: "_blank",
-          rel: "noopener noreferrer",
-          className: "rs-link rs-link-external rs-font-mono rs-text-xs",
-          children: [
-            truncateHash(txHash),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "svg",
-              {
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "2.5",
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  "path",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2.5",
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "path",
+            {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              d: "M5 12l5 5L20 7"
+            }
+          )
+        }
+      ) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-processing-badge", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Spinner, {}) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-step-title", children: headerTitle }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-step-description rs-text-secondary", children: headerDescription })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-step-body rs-space-y-3", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-card", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-card-row", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-card-label", children: "Fill status" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `rs-card-value ${fillStatusClass}`, children: fillStatus })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-card-row", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-card-label", children: "Total time" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-card-value", children: formatElapsedTime(elapsedSeconds) })
+        ] })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-card", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-card-row", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-card-label", children: "Source" }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            "span",
+            {
+              className: "rs-card-value",
+              style: { display: "flex", alignItems: "center", gap: 6 },
+              children: [
+                _chunkR6U6BHCVcjs.getChainIcon.call(void 0, displaySourceChain) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  "img",
                   {
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    d: "M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"
+                    src: _chunkR6U6BHCVcjs.getChainIcon.call(void 0, displaySourceChain),
+                    alt: "",
+                    style: { width: 16, height: 16, borderRadius: 3 }
+                  }
+                ),
+                _chunkR6U6BHCVcjs.getChainName.call(void 0, displaySourceChain),
+                sourceExplorerUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  "a",
+                  {
+                    href: sourceExplorerUrl,
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    className: "rs-card-external-link",
+                    children: txLinkIcon
                   }
                 )
-              }
-            )
-          ]
-        }
-      ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-card-value rs-card-value--mono", children: truncateHash(txHash) })
-    ] }),
-    destinationTxHash && destExplorerUrl && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-card-row", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-card-label", children: "Destination tx" }),
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-card-row", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-card-label", children: "Destination" }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            "span",
+            {
+              className: "rs-card-value",
+              style: { display: "flex", alignItems: "center", gap: 6 },
+              children: [
+                _chunkR6U6BHCVcjs.getChainIcon.call(void 0, targetChain) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  "img",
+                  {
+                    src: _chunkR6U6BHCVcjs.getChainIcon.call(void 0, targetChain),
+                    alt: "",
+                    style: { width: 16, height: 16, borderRadius: 3 }
+                  }
+                ),
+                _chunkR6U6BHCVcjs.getChainName.call(void 0, targetChain),
+                destExplorerUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  "a",
+                  {
+                    href: destExplorerUrl,
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    className: "rs-card-external-link",
+                    children: txLinkIcon
+                  }
+                )
+              ]
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-card", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-card-row", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-card-label", children: "You receive" }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          "span",
+          {
+            className: "rs-card-value",
+            style: { display: "flex", alignItems: "center", gap: 6 },
+            children: [
+              _chunkR6U6BHCVcjs.getTokenIcon.call(void 0, sourceSymbol) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "img",
+                {
+                  src: _chunkR6U6BHCVcjs.getTokenIcon.call(void 0, sourceSymbol),
+                  alt: "",
+                  style: { width: 16, height: 16, borderRadius: "50%" }
+                }
+              ),
+              formattedReceivedAmount,
+              " ",
+              sourceSymbol
+            ]
+          }
+        )
+      ] }) }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        "a",
+        "button",
         {
-          href: destExplorerUrl,
-          target: "_blank",
-          rel: "noopener noreferrer",
-          className: "rs-link rs-link-external rs-font-mono rs-text-xs",
+          type: "button",
+          className: `rs-details-toggle ${detailsExpanded ? "rs-details-toggle--open" : ""}`,
+          onClick: () => setDetailsExpanded(!detailsExpanded),
           children: [
-            truncateHash(destinationTxHash),
+            detailsExpanded ? "Less details" : "More details",
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "svg",
               {
                 viewBox: "0 0 24 24",
                 fill: "none",
                 stroke: "currentColor",
-                strokeWidth: "2.5",
-                style: { width: 12, height: 12 },
+                strokeWidth: "2",
                 children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   "path",
                   {
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
-                    d: "M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"
+                    d: "M19.5 8.25l-7.5 7.5-7.5-7.5"
                   }
                 )
               }
             )
           ]
         }
-      )
-    ] })
-  ] });
-  const renderFooter = () => {
-    if (!isComplete && !isFailed) {
-      return null;
-    }
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-step-footer", style: { gap: 8, display: "flex" }, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Button, { variant: "outline", onClick: onClose, fullWidth: true, children: "Close" }),
-      onNewDeposit && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Button, { onClick: onNewDeposit, fullWidth: true, children: [
-        "New ",
-        flowNoun
-      ] })
-    ] });
-  };
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-step", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-step-header", children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-step-header-row", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "div",
-          {
-            className: `rs-step-icon ${isFailed ? "rs-step-icon--error" : delayPhaseId || hasEscalatedDelay ? "rs-step-icon--warning" : isComplete ? "rs-step-icon--success" : "rs-step-icon--accent"}`,
-            children: isFailed ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-              "svg",
-              {
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    "path",
-                    {
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round",
-                      d: "M12 9v3.75m0 3.75h.008v.008H12v-.008z"
-                    }
-                  ),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    "path",
-                    {
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round",
-                      d: "M10.29 3.86L1.82 18a2.25 2.25 0 001.93 3.37h16.5A2.25 2.25 0 0022.18 18L13.71 3.86a2.25 2.25 0 00-3.42 0z"
-                    }
-                  )
-                ]
-              }
-            ) : isComplete ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "svg",
-              {
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "2.5",
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  "path",
-                  {
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    d: "M5 12l5 5L20 7"
-                  }
-                )
-              }
-            ) : delayPhaseId || hasEscalatedDelay ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "svg",
-              {
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  "path",
-                  {
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    d: "M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z"
-                  }
-                )
-              }
-            ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Spinner, {})
-          }
-        ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-step-title", children: headerTitle })
+      ),
+      detailsExpanded && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-card", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-card-row", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-card-label", children: "Source tx" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-card-value", children: sourceExplorerUrl ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            "a",
+            {
+              href: sourceExplorerUrl,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "rs-card-external-link",
+              style: { gap: 4, fontFamily: "ui-monospace, SFMono-Regular, monospace", fontSize: 12 },
+              children: [
+                truncateHash(txHash),
+                txLinkIcon
+              ]
+            }
+          ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { style: { fontFamily: "ui-monospace, SFMono-Regular, monospace", fontSize: 12 }, children: truncateHash(txHash) }) })
+        ] }),
+        destinationTxHash && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-card-row", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-card-label", children: "Destination tx" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-card-value", children: destExplorerUrl ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            "a",
+            {
+              href: destExplorerUrl,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "rs-card-external-link",
+              style: { gap: 4, fontFamily: "ui-monospace, SFMono-Regular, monospace", fontSize: 12 },
+              children: [
+                truncateHash(destinationTxHash),
+                txLinkIcon
+              ]
+            }
+          ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { style: { fontFamily: "ui-monospace, SFMono-Regular, monospace", fontSize: 12 }, children: truncateHash(destinationTxHash) }) })
+        ] })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-step-description rs-text-secondary", children: headerDescription })
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-step-body rs-space-y-3", children: [
-      renderPhaseBoard(),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: `rs-alert rs-alert--${infoAlertTone}`, children: [
+      showAlert && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-alert rs-alert--warning", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "svg",
           {
@@ -2094,17 +2021,21 @@ function ProcessingStep({
               {
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
-                d: "M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z"
+                d: "M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z"
               }
             )
           }
         ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "rs-alert-text", children: infoAlertMessage })
-      ] }),
-      renderPrimarySummaryCard(),
-      renderRouteCard()
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "rs-alert-text", children: alertMessage })
+      ] })
+    ] }),
+    (isComplete || isFailed) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-step-footer", style: { gap: 8, display: "flex" }, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Button, { variant: "outline", onClick: onClose, fullWidth: true, children: "Close" }),
+      onNewDeposit && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Button, { onClick: onNewDeposit, fullWidth: true, children: [
+        "New ",
+        flowNoun
+      ] })
     ] }),
-    renderFooter(),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PoweredBy, {})
   ] });
 }
@@ -2115,7 +2046,7 @@ var clientCache = /* @__PURE__ */ new Map();
 function getPublicClient(chainId) {
   let client = clientCache.get(chainId);
   if (!client) {
-    const chain = _chunkNELAYNA3cjs.CHAIN_BY_ID[chainId];
+    const chain = _chunkR6U6BHCVcjs.CHAIN_BY_ID[chainId];
     client = _viem.createPublicClient.call(void 0, {
       chain,
       transport: _viem.http.call(void 0, )