@rhinestone/deposit-modal 0.19.0 → 0.20.1

package/dist/{chunk-5NWLS5BQ.mjs → chunk-OZPMRTW3.mjs}

@@ -1,3 +1,22 @@
+import {
+  AlertTriangleIcon,
+  ArrowUpRightIcon,
+  BankIcon,
+  BodyHeader,
+  CheckIcon,
+  ChevronDownIcon,
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  CloseIcon,
+  CoinsIcon,
+  ExternalLinkIcon,
+  HandCoinsIcon,
+  HistoryIcon,
+  InfoIcon,
+  Spinner,
+  WalletIcon,
+  useLatestRef
+} from "./chunk-YY4ZOAH5.mjs";
 import {
   CHAIN_DISPLAY_ORDER,
   HYPERCORE_CHAIN_ID,
@@ -6,36 +25,27 @@ import {
   ICON_CDN,
   NATIVE_TOKEN_ADDRESS,
   SOLANA_MAINNET_CAIP2,
-  SOLANA_TOKENS,
   STELLAR_PUBNET_CAIP2,
   TRON_MAINNET_CAIP2,
   cdnIconUrl,
   displayChainIdForCaip2,
-  findTokenDecimals,
   getChainIcon,
   getChainName,
   getExplorerTxUrl,
-  getRuntimeTokenByAddress,
-  getSolanaTokenByMint,
-  getTokenAddress,
-  getTokenDecimalsByAddress,
-  getTokenSymbol,
+  getRuntimeNativeDecimals,
+  getRuntimeNativeSymbol,
   isHyperCoreCaip2,
-  isRegistryTokenOnChain,
   isSolanaCaip2,
   parseEvmChainId,
-  publishShortlistTokens,
   setRuntimeChainMeta,
-  setRuntimeTokens,
   targetChainToCaip2,
   targetChainToChainId,
-  toEvmCaip2,
-  tokenIconUrl
-} from "./chunk-EAGMY3QE.mjs";
+  toEvmCaip2
+} from "./chunk-E7IMWVMN.mjs";
 import {
   MODAL_VERSION,
   serviceHeaders
-} from "./chunk-X6N2XPTO.mjs";
+} from "./chunk-ZOJMB5TZ.mjs";
 
 // src/components/ui/Modal.tsx
 import {
@@ -164,139 +174,72 @@ function Modal({
 }
 Modal.displayName = "Modal";
 
-// src/components/ui/Icons.tsx
-import {
-  Wallet,
-  ExternalLink,
-  Coins,
-  Check,
-  ChevronRight,
-  ChevronLeft,
-  ChevronDown,
-  X,
-  HandCoins,
-  History,
-  Info,
-  Copy,
-  ArrowRight,
-  ArrowUpRight,
-  AlertTriangle,
-  CircleArrowOutUpLeft,
-  CreditCard,
-  Landmark,
-  Unplug
-} from "lucide-react";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var WalletIcon = Wallet;
-var ExternalLinkIcon = ExternalLink;
-var CheckIcon = Check;
-function TransferCryptoIcon() {
-  return /* @__PURE__ */ jsx2(
-    "svg",
-    {
-      width: "24",
-      height: "24",
-      viewBox: "8 8 24 24",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx2(
-        "path",
-        {
-          d: "M26.08 18.37C27.03 18.72 27.87 19.30 28.53 20.07C29.19 20.83 29.65 21.75 29.86 22.73C30.07 23.72 30.03 24.74 29.74 25.71C29.45 26.68 28.92 27.55 28.20 28.26C27.48 28.97 26.59 29.49 25.62 29.76C24.65 30.04 23.63 30.06 22.64 29.83C21.66 29.61 20.75 29.14 20.00 28.47C19.24 27.80 18.67 26.95 18.33 26.00M15 14H16V18M24.70 21.87L25.40 22.58L22.58 25.40M22 16C22 19.31 19.31 22 16 22C12.68 22 10 19.31 10 16C10 12.68 12.68 10 16 10C19.31 10 22 12.68 22 16Z",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      )
-    }
-  );
+// src/core/deposit-service.ts
+import { getAddress } from "viem";
+
+// src/core/runtime-token-meta.ts
+var bySymbol = /* @__PURE__ */ new Map();
+var byAddress = /* @__PURE__ */ new Map();
+function symbolKey(chainId, symbol) {
+  return `${chainId}:${symbol.trim().toUpperCase()}`;
+}
+function addressKey(chainId, address) {
+  const key = address.startsWith("0x") ? address.toLowerCase() : address;
+  return `${chainId}:${key}`;
+}
+var version = 0;
+var listeners = /* @__PURE__ */ new Set();
+function subscribeToRuntimeTokens(listener) {
+  listeners.add(listener);
+  return () => {
+    listeners.delete(listener);
+  };
 }
-var ChevronRightIcon = ChevronRight;
-var ChevronLeftIcon = ChevronLeft;
-var ChevronDownIcon = ChevronDown;
-var CloseIcon = X;
-var HandCoinsIcon = HandCoins;
-var CoinsIcon = Coins;
-var HistoryIcon = History;
-var InfoIcon = Info;
-var CopyIcon = Copy;
-var ArrowUpRightIcon = ArrowUpRight;
-var AlertTriangleIcon = AlertTriangle;
-var CircleArrowOutUpLeftIcon = CircleArrowOutUpLeft;
-var CardIcon = CreditCard;
-var BankIcon = Landmark;
-var UnplugIcon = Unplug;
-function MigrateAssetsIcon() {
-  return /* @__PURE__ */ jsx2(
-    "svg",
-    {
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsxs(
-        "g",
-        {
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          children: [
-            /* @__PURE__ */ jsx2(
-              "path",
-              {
-                d: "M19 4.344V3C19 2.46957 18.7893 1.96086 18.4142 1.58579C18.0391 1.21071 17.5304 1 17 1H3C2.46957 1 1.96086 1.21071 1.58579 1.58579C1.21071 1.96086 1 2.46957 1 3V17C1 17.5304 1.21071 18.0391 1.58579 18.4142C1.96086 18.7893 2.46957 19 3 19H17C17.5304 19 18.0391 18.7893 18.4142 18.4142C18.7893 18.0391 19 17.5304 19 17V15.656",
-                transform: "translate(2 2)"
-              }
-            ),
-            /* @__PURE__ */ jsx2("path", { d: "M1 1H12", transform: "translate(9 11)" }),
-            /* @__PURE__ */ jsx2("path", { d: "M1 9L5 5L1 1", transform: "translate(16 7)" })
-          ]
-        }
-      )
+function getRuntimeTokensVersion() {
+  return version;
+}
+function setRuntimeTokens(tokens) {
+  let changed = false;
+  for (const token of tokens) {
+    const sKey = symbolKey(token.chainId, token.symbol);
+    if (!bySymbol.has(sKey)) {
+      bySymbol.set(sKey, token);
+      changed = true;
     }
-  );
+    const aKey = addressKey(token.chainId, token.address);
+    const previous = byAddress.get(aKey);
+    if (previous?.symbol !== token.symbol || previous.decimals !== token.decimals) {
+      changed = true;
+    }
+    byAddress.set(aKey, token);
+  }
+  if (!changed) return;
+  version += 1;
+  for (const listener of [...listeners]) listener();
 }
-function AppleIcon() {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      "aria-hidden": "true",
-      children: [
-        /* @__PURE__ */ jsx2(
-          "path",
-          {
-            d: "M16.36 1.43c0 1.14-.49 2.27-1.18 3.08-.74.9-1.99 1.57-2.98 1.57-.12 0-.23-.02-.3-.03-.01-.06-.04-.22-.04-.39 0-1.15.57-2.27 1.2-2.98.8-.94 2.15-1.64 3.25-1.68.03.13.05.28.05.43z",
-            stroke: "currentColor",
-            strokeWidth: "1.6",
-            strokeLinejoin: "round"
-          }
-        ),
-        /* @__PURE__ */ jsx2(
-          "path",
-          {
-            d: "M20.93 17.14c-.03.07-.46 1.58-1.52 3.12-.94 1.34-1.94 2.71-3.43 2.71-1.51 0-1.9-.88-3.63-.88-1.7 0-2.3.91-3.67.91-1.38 0-2.33-1.26-3.43-2.8-1.29-1.82-2.32-4.63-2.32-7.28 0-4.28 2.8-6.55 5.55-6.55 1.45 0 2.68.95 3.6.95.86 0 2.22-1.01 3.9-1.01.61 0 2.89.06 4.37 2.19-.13.09-2.38 1.37-2.38 4.19 0 3.26 2.85 4.42 2.96 4.45z",
-            stroke: "currentColor",
-            strokeWidth: "1.6",
-            strokeLinejoin: "round"
-          }
-        )
-      ]
+function publishShortlistTokens(shortlist) {
+  const tokens = [];
+  for (const [chainKey, entries] of Object.entries(shortlist)) {
+    const chainId = Number(chainKey);
+    if (!Number.isInteger(chainId)) continue;
+    for (const entry of entries) {
+      if (!/^0x[a-fA-F0-9]{40}$/.test(entry.address)) continue;
+      tokens.push({
+        chainId,
+        symbol: entry.symbol,
+        address: entry.address,
+        decimals: entry.decimals
+      });
     }
-  );
+  }
+  setRuntimeTokens(tokens);
+}
+function getRuntimeToken(chainId, symbol) {
+  return bySymbol.get(symbolKey(chainId, symbol));
+}
+function getRuntimeTokenByAddress(chainId, address) {
+  return byAddress.get(addressKey(chainId, address));
 }
-
-// src/core/deposit-service.ts
-import { getAddress } from "viem";
 
 // src/core/debug.ts
 function truncateString(value, max = 240) {
@@ -351,6 +294,32 @@ function debugError(enabled, scope, message, error, data) {
   console.error(`[deposit-modal:${scope}] ${message}`, payload);
 }
 
+// src/core/solana-tokens.ts
+var SOLANA_TOKENS = [
+  { symbol: "SOL", mint: "native", decimals: 9 },
+  {
+    symbol: "USDC",
+    mint: "EPjFWdd5AufqSSqeM2qN1xzybapC8G4wEGGkZwyTDt1v",
+    decimals: 6
+  },
+  {
+    symbol: "USDT",
+    mint: "Es9vMFrzaCERmJfrF4H2FYD4KCoNkY11McCe8BenwNYB",
+    decimals: 6
+  }
+];
+var SOLANA_SYSTEM_PROGRAM = "11111111111111111111111111111111";
+function resolveSolanaToken(mint) {
+  if (mint === "native" || mint === SOLANA_SYSTEM_PROGRAM) {
+    return { symbol: "SOL", decimals: 9 };
+  }
+  const token = SOLANA_TOKENS.find((t) => t.mint === mint);
+  return token ? { symbol: token.symbol, decimals: token.decimals } : void 0;
+}
+function isNativeSol(token) {
+  return token.mint === "native";
+}
+
 // src/core/chain-catalog.ts
 function parseToken(value) {
   if (typeof value !== "object" || value === null) return null;
@@ -454,6 +423,54 @@ function catalogExplorerTxUrl(chain, txHash) {
   return `${chain.explorer.url}${chain.explorer.txPath}${txHash}`;
 }
 
+// src/core/hosted-order.ts
+var RANK = {
+  awaiting_payment: 0,
+  paying: 1,
+  paid: 2,
+  sent: 3
+};
+function hostedOrderState(order) {
+  const { receipt, conversion, delivery } = order.stages;
+  const deliveryTxHash = "txHash" in delivery ? delivery.txHash : null;
+  const outcome = order.status === "refunded" ? "refunded" : order.status === "failed" && !deliveryTxHash ? receipt.status === "failed" && receipt.reason === "cancelled" ? "cancelled" : "failed" : null;
+  const progress = deliveryTxHash ? "sent" : receipt.status === "completed" || conversion.status !== "not_started" ? "paid" : receipt.status === "processing" || receipt.status === "on_hold" ? "paying" : "awaiting_payment";
+  return { progress, outcome, deliveryTxHash };
+}
+function hostedOrderStateFromSwapped(status, txHash) {
+  const deliveryTxHash = txHash ?? null;
+  switch (status) {
+    case "payment_pending":
+      return { progress: "awaiting_payment", outcome: null, deliveryTxHash };
+    case "wallet_order_registered":
+    case "wallet_order_confirmed":
+      return { progress: "paying", outcome: null, deliveryTxHash };
+    case "order_completed":
+      return {
+        progress: deliveryTxHash ? "sent" : "paid",
+        outcome: null,
+        deliveryTxHash
+      };
+    case "order_broadcasted":
+      return { progress: "sent", outcome: null, deliveryTxHash };
+    case "order_cancelled":
+      return { progress: "awaiting_payment", outcome: "cancelled", deliveryTxHash };
+    default:
+      return null;
+  }
+}
+function mergeHostedOrderState(previous, next) {
+  if (!previous) return next;
+  return {
+    progress: RANK[next.progress] >= RANK[previous.progress] ? next.progress : previous.progress,
+    outcome: next.outcome ?? previous.outcome,
+    deliveryTxHash: next.deliveryTxHash ?? previous.deliveryTxHash
+  };
+}
+function hasReached(state, progress) {
+  return state ? RANK[state.progress] >= RANK[progress] : false;
+}
+
 // src/core/deposit-asset-helpers.ts
 function getAssetId(asset) {
   return `${asset.chainId}:${asset.token.toLowerCase()}`;
@@ -719,16 +736,6 @@ function parseFeeLine(raw) {
     ...line.internal !== void 0 && { internal: line.internal }
   };
 }
-var SwappedConnectFeeChangedError = class extends Error {
-  constructor(exchangeFeeBps, message = "The Exchange Fee changed") {
-    super(message);
-    this.exchangeFeeBps = exchangeFeeBps;
-    this.name = "SwappedConnectFeeChangedError";
-  }
-};
-function parseExchangeFeeBps(value) {
-  return typeof value === "number" && Number.isInteger(value) && value >= 0 && value <= 1e4 ? value : void 0;
-}
 var UNSUPPORTED_CONNECT_EXCHANGES = /* @__PURE__ */ new Set(["kraken", "htx"]);
 var SUPPORTED_CONNECT_EXCHANGE_COUNT = 7;
 function isSupportedConnectExchange(exchange) {
@@ -750,6 +757,10 @@ var DEPOSIT_POLICY_REFUSAL_CODES = [
   "BALANCE-3",
   "BALANCE-4"
 ];
+var ASSET_LOOKUP_MAX_IDS = 100;
+var ASSET_LOOKUP_MAX_URL_LENGTH = 2e3;
+var ASSET_LOOKUP_TIMEOUT_MS = 8e3;
+var ASSET_LOGO_PREFIX = "https://s3.rhinestone.dev/";
 var DEPOSIT_PREFLIGHT_TIMEOUT_MS = 1e4;
 async function readPolicyRefusal(response) {
   if (response.status !== 422) return null;
@@ -790,16 +801,14 @@ function createDepositService(baseUrl, options) {
     if (value.length <= 20) return value;
     return `${value.slice(0, 10)}...${value.slice(-8)}`;
   }
-  function withPreflightTimeout(label, fallback, run) {
+  function withPreflightTimeout(label, fallback, run, timeoutMs = DEPOSIT_PREFLIGHT_TIMEOUT_MS) {
     const controller = new AbortController();
     return new Promise((resolve) => {
       const timer = setTimeout(() => {
-        debugLog(debug, scope, `${label}:timeout`, {
-          timeoutMs: DEPOSIT_PREFLIGHT_TIMEOUT_MS
-        });
+        debugLog(debug, scope, `${label}:timeout`, { timeoutMs });
         controller.abort();
         resolve(fallback);
-      }, DEPOSIT_PREFLIGHT_TIMEOUT_MS);
+      }, timeoutMs);
       run(controller.signal).then(
         (value) => {
           clearTimeout(timer);
@@ -814,6 +823,85 @@ function createDepositService(baseUrl, options) {
   }
   const PORTFOLIO_CACHE_TTL_MS = 3e4;
   const portfolioCache = /* @__PURE__ */ new Map();
+  let assetsRouteMissing = false;
+  let assetsQueryUnsupported = false;
+  function assetsGetUrl(ids, fields) {
+    return apiUrl(
+      `/assets?${new URLSearchParams({
+        ids: ids.join(","),
+        fields: fields.join(",")
+      }).toString()}`
+    );
+  }
+  function requestAssets(method, ids, fields) {
+    const failed = { ok: false, status: null };
+    return withPreflightTimeout(
+      `lookupAssets:${method}`,
+      failed,
+      async (signal) => {
+        const response = await fetch(
+          method === "GET" ? assetsGetUrl(ids, fields) : apiUrl("/assets"),
+          {
+            method,
+            headers: serviceHeaders(),
+            body: method === "QUERY" ? JSON.stringify({ ids, fields }) : void 0,
+            cache: "no-store",
+            signal
+          }
+        );
+        if (response.status !== 200) {
+          debugError(debug, scope, "lookupAssets:failed", {
+            method,
+            status: response.status
+          });
+          return { ok: false, status: response.status };
+        }
+        const body = await response.json().catch(() => null);
+        const data = body?.data;
+        if (!data || typeof data !== "object" || Array.isArray(data)) {
+          debugError(debug, scope, "lookupAssets:malformed", { method });
+          return failed;
+        }
+        return { ok: true, data };
+      },
+      ASSET_LOOKUP_TIMEOUT_MS
+    );
+  }
+  function chunkForGet(ids, fields) {
+    const chunks = [];
+    let current = [];
+    for (const id of ids) {
+      const next = [...current, id];
+      if (current.length > 0 && assetsGetUrl(next, fields).length > ASSET_LOOKUP_MAX_URL_LENGTH) {
+        chunks.push(current);
+        current = [id];
+      } else {
+        current = next;
+      }
+    }
+    if (current.length > 0) chunks.push(current);
+    return chunks;
+  }
+  async function lookupAssetsViaGet(ids, fields) {
+    const data = {};
+    for (const chunk of chunkForGet(ids, fields)) {
+      const outcome = await requestAssets("GET", chunk, fields);
+      if (!outcome.ok) return outcome;
+      Object.assign(data, outcome.data);
+    }
+    return { ok: true, data };
+  }
+  async function lookupAssetsBatch(ids, fields) {
+    const fitsGet = assetsGetUrl(ids, fields).length <= ASSET_LOOKUP_MAX_URL_LENGTH;
+    if (fitsGet || assetsQueryUnsupported) {
+      return lookupAssetsViaGet(ids, fields);
+    }
+    const viaQuery = await requestAssets("QUERY", ids, fields);
+    if (viaQuery.ok) return viaQuery;
+    const viaGet = await lookupAssetsViaGet(ids, fields);
+    if (viaGet.ok) assetsQueryUnsupported = true;
+    return viaGet;
+  }
   let topTokensPromise = null;
   let chainsPromise = null;
   function parseDepositOptions(value) {
@@ -918,6 +1006,39 @@ function createDepositService(baseUrl, options) {
     });
     return promise;
   }
+  async function startSwappedCheckout(kind, account, fields) {
+    const label = kind === "fiat" ? "Swapped widget URL" : "Swapped Connect URL";
+    const response = await fetch(apiUrl("/onramp/orders"), {
+      method: "POST",
+      headers: serviceHeaders(),
+      body: JSON.stringify({
+        provider: "swapped",
+        kind,
+        account,
+        ...fields
+      })
+    });
+    if (!response.ok) {
+      const error = await response.json().catch(() => ({ error: "Unknown error" }));
+      debugError(debug, scope, "startSwappedCheckout:failed", error, {
+        status: response.status,
+        kind
+      });
+      throw new Error(
+        typeof error.error === "string" && error.error || `${label} failed: ${response.status}`
+      );
+    }
+    const body = await response.json().catch(() => null);
+    if (typeof body?.orderId !== "string" || body.nextAction?.type !== "hosted" || typeof body.nextAction.url !== "string") {
+      throw new Error(`${label}: malformed response`);
+    }
+    return {
+      orderId: body.orderId,
+      url: body.nextAction.url,
+      externalCustomerId: `${account.toLowerCase()}:${body.orderId}`,
+      expiresAt: typeof body.expiresAt === "string" ? body.expiresAt : void 0
+    };
+  }
   return {
     async registerManagedAccount(params) {
       const url = apiUrl("/register-managed");
@@ -1292,7 +1413,7 @@ function createDepositService(baseUrl, options) {
     },
     async checkLiquidity(params) {
       if (isSolanaCaip2(params.destinationChainId) || params.destinationChainId === "solana") {
-        const token = getSolanaTokenByMint(params.destinationToken);
+        const token = resolveSolanaToken(params.destinationToken);
         return {
           hasLiquidity: true,
           symbol: token?.symbol ?? "Token",
@@ -1566,138 +1687,45 @@ function createDepositService(baseUrl, options) {
         status: result.status ?? "processing"
       };
     },
-    async fetchPrices(symbols) {
-      const list = symbols.filter((s) => s.length > 0);
-      if (list.length === 0) return {};
-      const url = apiUrl(
-        `/prices?${new URLSearchParams({ symbols: list.join(",") }).toString()}`
-      );
-      try {
-        const response = await fetch(url, {
-          method: "GET",
-          headers: serviceHeaders(),
-          cache: "no-store"
-        });
-        if (!response.ok) {
-          debugError(debug, scope, "fetchPrices:failed", {
-            status: response.status
-          });
-          return {};
+    async lookupAssets(ids, fields) {
+      const unique = [...new Set(ids.filter((id) => id.length > 0))];
+      if (unique.length === 0) return { ok: true, items: {} };
+      if (assetsRouteMissing) return { ok: false, routeMissing: true };
+      const items = {};
+      for (let i = 0; i < unique.length; i += ASSET_LOOKUP_MAX_IDS) {
+        const batch = unique.slice(i, i + ASSET_LOOKUP_MAX_IDS);
+        const outcome = await lookupAssetsBatch(batch, fields);
+        if (!outcome.ok) {
+          const routeMissing = outcome.status === 404 || outcome.status === 405;
+          if (routeMissing) assetsRouteMissing = true;
+          return { ok: false, routeMissing };
         }
-        const data = await response.json();
-        return Object.fromEntries(
-          Object.entries(data.prices ?? {}).map(([symbol, price]) => [
-            symbol.toUpperCase(),
-            price
-          ])
-        );
-      } catch (err) {
-        debugError(debug, scope, "fetchPrices:error", err);
-        return {};
-      }
-    },
-    async fetchPricesByAddress(caip2Ids) {
-      const list = caip2Ids.filter((id) => id.length > 0);
-      if (list.length === 0) return {};
-      const url = apiUrl(
-        `/prices?${new URLSearchParams({
-          addresses: list.join(",")
-        }).toString()}`
-      );
-      try {
-        const response = await fetch(url, {
-          method: "GET",
-          headers: serviceHeaders(),
-          cache: "no-store"
-        });
-        if (!response.ok) {
-          debugError(debug, scope, "fetchPricesByAddress:failed", {
-            status: response.status
-          });
-          return {};
+        for (const id of batch) {
+          const item = parseAssetItem(outcome.data[id], fields);
+          if (item) items[id] = item;
         }
-        const data = await response.json();
-        return data.prices ?? {};
-      } catch (err) {
-        debugError(debug, scope, "fetchPricesByAddress:error", err);
-        return {};
       }
+      return { ok: true, items };
     },
     async getSwappedWidgetUrl(params) {
-      const url = apiUrl("/onramp/swapped/widget-url");
+      const { smartAccount, ...fields } = params;
       debugLog(debug, scope, "getSwappedWidgetUrl:request", {
-        smartAccount: shortRef(params.smartAccount),
+        smartAccount: shortRef(smartAccount),
         method: params.method,
         methodSelectionSource: params.methodSelectionSource
       });
-      const response = await fetch(url, {
-        method: "POST",
-        headers: serviceHeaders(),
-        body: JSON.stringify(params)
-      });
-      if (!response.ok) {
-        const error = await response.json().catch(() => ({ error: "Unknown error" }));
-        debugError(debug, scope, "getSwappedWidgetUrl:failed", error, {
-          status: response.status
-        });
-        throw new Error(
-          error.error || `Swapped widget URL failed: ${response.status}`
-        );
-      }
-      const body = await response.json();
-      if (typeof body.url !== "string" || typeof body.currencyCode !== "string" || typeof body.externalCustomerId !== "string") {
-        throw new Error("Swapped widget URL: malformed response");
-      }
-      return {
-        url: body.url,
-        currencyCode: body.currencyCode,
-        sandbox: body.sandbox === true,
-        externalCustomerId: body.externalCustomerId,
-        expiresAt: body.expiresAt
-      };
+      return startSwappedCheckout("fiat", smartAccount, fields);
     },
     async getSwappedConnectUrl(params) {
-      const url = apiUrl("/onramp/swapped/connect-url");
+      const { smartAccount, ...fields } = params;
       debugLog(debug, scope, "getSwappedConnectUrl:request", {
-        smartAccount: shortRef(params.smartAccount),
+        smartAccount: shortRef(smartAccount),
         connection: params.connection
       });
-      const response = await fetch(url, {
-        method: "POST",
-        headers: serviceHeaders(),
-        body: JSON.stringify(params)
-      });
-      if (!response.ok) {
-        const error = await response.json().catch(() => ({ error: "Unknown error" }));
-        debugError(debug, scope, "getSwappedConnectUrl:failed", error, {
-          status: response.status
-        });
-        const currentFeeBps = parseExchangeFeeBps(error.exchangeFeeBps);
-        if (response.status === 409 && currentFeeBps !== void 0) {
-          throw new SwappedConnectFeeChangedError(
-            currentFeeBps,
-            typeof error.error === "string" ? error.error : void 0
-          );
-        }
-        throw new Error(
-          typeof error.error === "string" && error.error || `Swapped Connect URL failed: ${response.status}`
-        );
-      }
-      const body = await response.json();
-      if (typeof body.url !== "string" || typeof body.currencyCode !== "string" || typeof body.externalCustomerId !== "string") {
-        throw new Error("Swapped Connect URL: malformed response");
-      }
-      return {
-        url: body.url,
-        currencyCode: body.currencyCode,
-        sandbox: body.sandbox === true,
-        externalCustomerId: body.externalCustomerId,
-        expiresAt: body.expiresAt,
-        exchangeFeeBps: parseExchangeFeeBps(body.exchangeFeeBps)
-      };
+      return startSwappedCheckout("exchange", smartAccount, fields);
     },
     async getSwappedConnectExchanges() {
-      const url = apiUrl("/onramp/swapped/connect-exchanges");
+      const url = apiUrl("/onramp/options?provider=swapped&kind=exchange");
       debugLog(debug, scope, "getSwappedConnectExchanges:request");
       const response = await fetch(url, {
         method: "GET",
@@ -1714,7 +1742,7 @@ function createDepositService(baseUrl, options) {
         );
       }
       const body = await response.json();
-      const rawExchanges = Array.isArray(body.exchanges) ? body.exchanges : null;
+      const rawExchanges = Array.isArray(body.connections) ? body.connections : null;
       const exchanges = [];
       let hasMalformedExchange = rawExchanges === null;
       for (const exchange of rawExchanges ?? []) {
@@ -1732,16 +1760,36 @@ function createDepositService(baseUrl, options) {
         }
         exchanges.push({ connection, name, logoUrl });
       }
-      if (hasMalformedExchange || typeof body.fetchedAt !== "string" || typeof body.expiresAt !== "string") {
+      if (hasMalformedExchange) {
         throw new Error("Swapped Connect exchanges: malformed response");
       }
-      return {
-        exchanges: exchanges.filter(isSupportedConnectExchange),
-        fetchedAt: body.fetchedAt,
-        expiresAt: body.expiresAt,
-        stale: body.stale === true ? true : void 0,
-        exchangeFeeBps: parseExchangeFeeBps(body.exchangeFeeBps)
-      };
+      return { exchanges: exchanges.filter(isSupportedConnectExchange) };
+    },
+    async getOnrampProviders() {
+      try {
+        const response = await fetch(apiUrl("/onramp/providers"), {
+          method: "GET",
+          headers: serviceHeaders(),
+          cache: "no-store"
+        });
+        if (!response.ok) return null;
+        const body = await response.json();
+        if (!Array.isArray(body.providers)) return null;
+        return body.providers.flatMap((raw) => {
+          const p = raw;
+          return (p.provider === "swapped" || p.provider === "noah") && (p.flow === "hosted" || p.flow === "funding_account") && Array.isArray(p.kinds) ? [
+            {
+              provider: p.provider,
+              flow: p.flow,
+              kinds: p.kinds.filter(
+                (k) => k === "fiat" || k === "exchange"
+              )
+            }
+          ] : [];
+        });
+      } catch {
+        return null;
+      }
     },
     async getSwappedPaymentMethods() {
       const empty = {
@@ -1749,7 +1797,7 @@ function createDepositService(baseUrl, options) {
         methods: [],
         recommendedMethod: null
       };
-      const url = apiUrl("/onramp/swapped/payment-methods");
+      const url = apiUrl("/onramp/options?provider=swapped&kind=fiat");
       debugLog(debug, scope, "getSwappedPaymentMethods:request");
       try {
         const response = await fetch(url, {
@@ -1863,51 +1911,89 @@ function createDepositService(baseUrl, options) {
         return null;
       }
     },
-    async fetchSwappedOrderStatus(smartAccount) {
-      const url = apiUrl(
-        `/onramp/swapped/status/${encodeURIComponent(smartAccount)}`
-      );
+    async fetchSwappedOrder(orderId) {
+      const url = apiUrl(`/onramp/orders/${encodeURIComponent(orderId)}`);
       const response = await fetch(url, {
         method: "GET",
         headers: serviceHeaders(),
         cache: "no-store"
       });
       if (!response.ok) return null;
-      let body = null;
+      let body;
       try {
         body = await response.json();
       } catch {
         return null;
       }
-      if (!body || body.ok !== true) return null;
-      const status = typeof body.status === "string" ? body.status : null;
-      const orderId = typeof body.orderId === "string" ? body.orderId : null;
-      if (!status || !orderId) return null;
-      const numericOrNull = (v) => {
-        if (typeof v === "number") {
-          return Number.isFinite(v) ? v : null;
-        }
-        if (typeof v === "string" && v.trim().length > 0) {
-          const parsed = Number(v);
-          return Number.isFinite(parsed) ? parsed : null;
-        }
-        return null;
-      };
-      return {
-        orderId,
-        status,
-        orderCrypto: typeof body.orderCrypto === "string" ? body.orderCrypto : null,
-        orderCryptoAmount: typeof body.orderCryptoAmount === "string" ? body.orderCryptoAmount : null,
-        transactionId: typeof body.transactionId === "string" ? body.transactionId : null,
-        receivedAt: typeof body.receivedAt === "string" ? body.receivedAt : null,
-        paidAmountUsd: numericOrNull(body.paidAmountUsd),
-        paidAmountEur: numericOrNull(body.paidAmountEur),
-        onrampFeeUsd: numericOrNull(body.onrampFeeUsd),
-        paymentMethod: typeof body.paymentMethod === "string" ? body.paymentMethod : null
-      };
+      return swappedOrderFromView(orderId, body);
     }
   };
 }
+function swappedOrderFromView(orderId, raw) {
+  if (!raw || typeof raw !== "object") return null;
+  const view = raw;
+  if (view.provider !== "swapped" || !isOrderShape(view)) return null;
+  const number = (v) => {
+    const n = typeof v === "string" && v.trim() ? Number(v) : v;
+    return typeof n === "number" && Number.isFinite(n) ? n : null;
+  };
+  const text = (v) => typeof v === "string" && v.length > 0 ? v : null;
+  const railName = (v) => {
+    const name = text(v);
+    return name === "provider_selected" || name === "unknown" ? null : name;
+  };
+  const usdTotal = number(view.fiat?.usd?.total);
+  const usdNet = number(view.fiat?.usd?.net);
+  return {
+    orderId,
+    ...hostedOrderState(view),
+    orderCrypto: text(view.crypto?.asset),
+    orderCryptoAmount: text(view.crypto?.amount),
+    receivedAt: text(view.updatedAt),
+    paidAmountUsd: usdTotal ?? usdNet,
+    paidAmountEur: number(view.fiat?.eur?.total) ?? number(view.fiat?.eur?.net),
+    onrampFeeUsd: usdTotal !== null && usdNet !== null && usdTotal > usdNet ? Number((usdTotal - usdNet).toFixed(2)) : null,
+    paymentMethod: railName(view.rail?.method ?? view.rail?.connection)
+  };
+}
+var ORDER_STATUSES = /* @__PURE__ */ new Set([
+  "pending",
+  "processing",
+  "completed",
+  "failed",
+  "refunded"
+]);
+function isOrderShape(view) {
+  const stages = view.stages;
+  return ORDER_STATUSES.has(view.status) && ["receipt", "conversion", "delivery"].every(
+    (name) => typeof stages?.[name]?.status === "string"
+  );
+}
+function parseAssetItem(raw, fields) {
+  if (!raw || typeof raw !== "object") return void 0;
+  const record = raw;
+  const item = {};
+  if (fields.includes("symbol")) {
+    const symbol = record.symbol;
+    item.symbol = typeof symbol === "string" && symbol.trim().length > 0 ? symbol.trim() : null;
+  }
+  if (fields.includes("decimals")) {
+    const decimals = record.decimals;
+    item.decimals = typeof decimals === "number" && Number.isInteger(decimals) && decimals >= 0 && decimals <= 255 ? decimals : null;
+  }
+  if (fields.includes("logo")) {
+    const logo = record.logo;
+    item.logo = typeof logo === "string" && logo.startsWith(ASSET_LOGO_PREFIX) ? logo : null;
+  }
+  if (fields.includes("price")) {
+    const price = record.price;
+    const usd = price && typeof price === "object" ? typeof price.usd === "string" && price.usd.trim() !== "" ? Number(price.usd) : typeof price.usd === "number" ? price.usd : Number.NaN : Number.NaN;
+    item.priceUsd = Number.isFinite(usd) && usd > 0 ? usd : null;
+  }
+  const error = record.error;
+  item.error = error && typeof error === "object" && typeof error.code === "string" ? { code: error.code } : null;
+  return item;
+}
 function normalizeDirectPortfolio(data) {
   const rawTokens = extractArray(data, "tokens") ?? extractArray(
     data?.data,
@@ -1933,20 +2019,13 @@ function normalizeOrchestratorPortfolio(data) {
       const unlocked = chainBalance.balance?.unlocked ?? "0";
       const normalizedName = tokenData.tokenName.trim();
       const isNativeSymbol = normalizedName.toUpperCase() === "ETH" || normalizedName.toUpperCase() === "ETHER";
-      const tokenAddress = chainBalance.tokenAddress ?? extractTokenAddress(tokenData, chainBalance.chainId) ?? getTokenAddress(tokenData.tokenName, chainBalance.chainId);
+      const tokenAddress = chainBalance.tokenAddress ?? extractTokenAddress(tokenData, chainBalance.chainId) ?? runtimeEvmAddress(chainBalance.chainId, normalizedName);
       const resolvedTokenAddress = isNativeSymbol ? NATIVE_TOKEN_ADDRESS : tokenAddress;
       if (!resolvedTokenAddress) {
         continue;
       }
-      const registrySymbol = getTokenSymbol(
-        resolvedTokenAddress,
-        chainBalance.chainId
-      );
-      const symbol = registrySymbol !== "Token" ? registrySymbol : normalizedName || "Token";
-      const decimals = registrySymbol !== "Token" ? getTokenDecimalsByAddress(
-        resolvedTokenAddress,
-        chainBalance.chainId
-      ) : tokenData.tokenDecimals ?? 18;
+      const symbol = normalizedName || "Token";
+      const decimals = tokenData.tokenDecimals ?? 18;
       tokens.push({
         chainId: chainBalance.chainId,
         address: resolvedTokenAddress,
@@ -1972,7 +2051,6 @@ function normalizeDirectToken(token) {
     isHyperCoreCaip2(rawChainString) || rawChainString.toLowerCase() === "hypercore" ? "hypercore" : parseEvmChainId(rawChainString)
   ) : null);
   if (chainId === null) return null;
-  const registryChainId = typeof chainId === "number" ? chainId : chainId === "hypercore" ? HYPERCORE_CHAIN_ID : void 0;
   const symbol = extractString(token, "symbol") ?? extractString(token, "tokenSymbol") ?? extractString(token, "tokenName") ?? extractString(token, "name");
   if (!symbol) return null;
   const balanceValue = extractString(token, "balance") ?? extractString(token, "amount") ?? extractString(token, "value") ?? extractString(token, "rawBalance") ?? extractNumber(token, "balance")?.toString() ?? extractNumber(token, "amount")?.toString() ?? extractNumber(token, "value")?.toString() ?? extractNumber(token, "rawBalance")?.toString();
@@ -1980,14 +2058,13 @@ function normalizeDirectToken(token) {
   const address = extractString(token, "address") ?? extractString(token, "tokenAddress") ?? extractString(
     token.token,
     "address"
-  ) ?? (registryChainId !== void 0 ? getTokenAddress(symbol, registryChainId) : void 0);
+  ) ?? (chainId === "hypercore" ? hyperCoreSourceToken(void 0, symbol)?.address : typeof chainId === "number" ? runtimeEvmAddress(chainId, symbol) : void 0);
   if (!address) return null;
   const balanceUsd = 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" : getTokenSymbol(address, registryChainId);
-  const resolvedSymbol = isSolanaToken ? symbol : registrySymbol !== "Token" ? registrySymbol : symbol;
   const backendDecimals = extractNumber(token, "decimals") ?? extractNumber(token, "tokenDecimals");
-  const resolvedDecimals = !isSolanaToken && registrySymbol !== "Token" ? getTokenDecimalsByAddress(address, registryChainId) : backendDecimals ?? 18;
+  const hyperCore = chainId === "hypercore" ? hyperCoreSourceToken(address, symbol) : void 0;
+  const resolvedSymbol = hyperCore?.symbol ?? symbol;
+  const resolvedDecimals = hyperCore?.decimals ?? backendDecimals ?? 18;
   return {
     chainId,
     address,
@@ -1998,6 +2075,15 @@ function normalizeDirectToken(token) {
     balanceUsd
   };
 }
+function runtimeEvmAddress(chainId, symbol) {
+  const token = getRuntimeToken(chainId, symbol);
+  return token && /^0x[a-fA-F0-9]{40}$/.test(token.address) ? token.address : void 0;
+}
+function hyperCoreSourceToken(address, symbol) {
+  return HYPERCORE_SOURCE_TOKENS.find(
+    (t) => address ? t.address.toLowerCase() === address.toLowerCase() : t.symbol.toUpperCase() === symbol.trim().toUpperCase()
+  );
+}
 function extractTokenAddress(tokenData, chainId) {
   const token = tokenData;
   return token.tokenAddress ?? token.address ?? token.addresses?.[chainId] ?? token.token?.address ?? token.token?.addresses?.[chainId];
@@ -2269,7 +2355,7 @@ function needsViemChains(catalog, overrides) {
 }
 
 // src/core/chain-catalog-context.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx as jsx2 } from "react/jsx-runtime";
 var EMPTY = {
   catalog: null,
   viemChains: null,
@@ -2343,6 +2429,7 @@ function publishRuntimeChainMeta(catalog) {
         name: chain.name,
         iconUrl: chain.iconUrl ?? void 0,
         nativeSymbol: chain.nativeToken.symbol,
+        nativeDecimals: chain.nativeToken.decimals,
         explorerUrl: chain.explorer?.url,
         explorerTxPath: chain.explorer?.txPath,
         explorerAddressPath: chain.explorer?.addressPath
@@ -2504,10 +2591,10 @@ function useRuntimeChainsVersion() {
   );
 }
 function useReadClient(chainId, rpcUrls) {
-  const version = useRuntimeChainsVersion();
+  const version2 = useRuntimeChainsVersion();
   return useMemo2(
     () => getPublicClient(chainId, rpcUrls),
-    [chainId, rpcUrls, version]
+    [chainId, rpcUrls, version2]
   );
 }
 function useExplorerTxUrl() {
@@ -2625,27 +2712,303 @@ function ChainCatalogProvider({
       clientCapableChainIds
     ]
   );
-  return /* @__PURE__ */ jsx3(ChainCatalogContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx2(ChainCatalogContext.Provider, { value, children });
+}
+
+// src/core/asset-metadata.tsx
+import {
+  createContext as createContext3,
+  useContext as useContext3,
+  useEffect as useEffect3,
+  useMemo as useMemo3,
+  useSyncExternalStore as useSyncExternalStore2
+} from "react";
+
+// src/core/asset-id.ts
+var ZERO_ADDRESS = "0x0000000000000000000000000000000000000000";
+var EVM_ADDRESS_RE = /^0x[a-fA-F0-9]{40}$/;
+var BASE58_RE = /^[1-9A-HJ-NP-Za-km-z]{32,44}$/;
+var SOLANA_SYSTEM_PROGRAM2 = "11111111111111111111111111111111";
+function isNativeSpelling(chain, address) {
+  if (chain === "solana") {
+    return address === "native" || address === SOLANA_SYSTEM_PROGRAM2;
+  }
+  if (chain === "stellar") return address === "native";
+  if (chain === "tron") return address === "native" || address === ZERO_ADDRESS;
+  return address.toLowerCase() === ZERO_ADDRESS;
+}
+function assetIdFor(chain, address) {
+  if (chain === void 0 || !address) return void 0;
+  const native = isNativeSpelling(chain, address);
+  if (chain === "hypercore" || chain === HYPERCORE_CHAIN_ID) {
+    if (!EVM_ADDRESS_RE.test(address)) return void 0;
+    return `${HYPERCORE_SPOT_CAIP2}:${native ? "native" : address.toLowerCase()}`;
+  }
+  if (typeof chain === "number") {
+    if (!EVM_ADDRESS_RE.test(address)) return void 0;
+    return `${toEvmCaip2(chain)}:${native ? "native" : address.toLowerCase()}`;
+  }
+  if (chain === "solana") {
+    if (native) return `${SOLANA_MAINNET_CAIP2}:native`;
+    return BASE58_RE.test(address) ? `${SOLANA_MAINNET_CAIP2}:${address}` : void 0;
+  }
+  const caip2 = chain === "tron" ? TRON_MAINNET_CAIP2 : STELLAR_PUBNET_CAIP2;
+  return `${caip2}:${native ? "native" : address}`;
+}
+function assetIdForRef(ref) {
+  return ref ? assetIdFor(ref.chain, ref.address) : void 0;
 }
 
-// src/core/useLatestRef.ts
-import { useEffect as useEffect3, useRef as useRef2 } from "react";
-function useLatestRef(value) {
-  const ref = useRef2(value);
+// src/core/asset-metadata.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var ASSET_RETRY_MS = 6e4;
+var ASSET_PRICE_TTL_MS = 6e4;
+var META_FIELDS = ["symbol", "decimals", "logo"];
+var PRICE_FIELDS = ["price"];
+var TERMINAL_ITEM_ERRORS = /* @__PURE__ */ new Set([
+  "not_found",
+  "unsupported_chain",
+  "invalid_id"
+]);
+function createAssetStore(service, now = Date.now) {
+  const meta = /* @__PURE__ */ new Map();
+  const prices = /* @__PURE__ */ new Map();
+  const metaInFlight = /* @__PURE__ */ new Set();
+  const priceInFlight = /* @__PURE__ */ new Set();
+  let metaQueue = /* @__PURE__ */ new Set();
+  let priceQueue = /* @__PURE__ */ new Set();
+  let flushScheduled = false;
+  let routeMissing = false;
+  let version2 = 0;
+  const listeners2 = /* @__PURE__ */ new Set();
+  function notify() {
+    version2 += 1;
+    for (const listener of [...listeners2]) listener();
+  }
+  function idsFor(refs) {
+    const ids = [];
+    for (const ref of refs) {
+      const id = assetIdForRef(ref);
+      if (!id) continue;
+      ids.push(id);
+    }
+    return ids;
+  }
+  function scheduleFlush() {
+    if (flushScheduled) return;
+    flushScheduled = true;
+    queueMicrotask(() => {
+      flushScheduled = false;
+      const metaIds = [...metaQueue];
+      const priceIds = [...priceQueue];
+      metaQueue = /* @__PURE__ */ new Set();
+      priceQueue = /* @__PURE__ */ new Set();
+      if (metaIds.length > 0) void flushMeta(metaIds);
+      if (priceIds.length > 0) void flushPrices(priceIds);
+    });
+  }
+  function needsMeta(id) {
+    if (metaInFlight.has(id) || metaQueue.has(id)) return false;
+    const entry = meta.get(id);
+    if (!entry) return true;
+    if (entry.status === "missing" || entry.status === "pending") return false;
+    if (entry.status === "failed" && routeMissing) return false;
+    return entry.retryAt !== void 0 && now() >= entry.retryAt;
+  }
+  function needsPrice(id) {
+    if (priceInFlight.has(id) || priceQueue.has(id)) return false;
+    const entry = prices.get(id);
+    return !entry || now() - entry.at >= ASSET_PRICE_TTL_MS;
+  }
+  async function lookup2(ids, fields) {
+    try {
+      return await service.lookupAssets(ids, fields);
+    } catch {
+      return { ok: false, routeMissing: false };
+    }
+  }
+  async function flushMeta(ids) {
+    for (const id of ids) metaInFlight.add(id);
+    const result = await lookup2(ids, META_FIELDS);
+    const at = now();
+    for (const id of ids) {
+      metaInFlight.delete(id);
+      const previous = meta.get(id);
+      if (!result.ok) {
+        if (result.routeMissing) routeMissing = true;
+        meta.set(id, {
+          ...previous,
+          status: previous?.status === "ready" ? "ready" : "failed",
+          retryAt: at + ASSET_RETRY_MS
+        });
+        continue;
+      }
+      const item = result.items[id];
+      const code = item?.error?.code;
+      if (!item || code && TERMINAL_ITEM_ERRORS.has(code)) {
+        meta.set(id, { status: "missing" });
+        continue;
+      }
+      meta.set(id, {
+        status: "ready",
+        symbol: item.symbol ?? previous?.symbol,
+        decimals: item.decimals ?? previous?.decimals,
+        logo: item.logo ?? previous?.logo,
+        retryAt: code ? at + ASSET_RETRY_MS : void 0
+      });
+    }
+    notify();
+  }
+  async function flushPrices(ids) {
+    for (const id of ids) priceInFlight.add(id);
+    const result = await lookup2(ids, PRICE_FIELDS);
+    const at = now();
+    for (const id of ids) {
+      priceInFlight.delete(id);
+      prices.set(id, {
+        usd: result.ok ? result.items[id]?.priceUsd ?? null : null,
+        at
+      });
+    }
+    notify();
+  }
+  function requestMeta(refs) {
+    let queued = false;
+    for (const id of idsFor(refs)) {
+      if (!needsMeta(id)) continue;
+      metaQueue.add(id);
+      queued = true;
+    }
+    if (queued) scheduleFlush();
+  }
+  function requestPrices(refs) {
+    let queued = false;
+    for (const id of idsFor(refs)) {
+      if (!needsPrice(id)) continue;
+      priceQueue.add(id);
+      queued = true;
+    }
+    if (queued) scheduleFlush();
+  }
+  function settled(test) {
+    if (test()) return Promise.resolve();
+    return new Promise((resolve) => {
+      const unsubscribe = subscribe(() => {
+        if (!test()) return;
+        unsubscribe();
+        resolve();
+      });
+    });
+  }
+  function subscribe(listener) {
+    listeners2.add(listener);
+    return () => {
+      listeners2.delete(listener);
+    };
+  }
+  function peekMeta(id) {
+    const entry = meta.get(id);
+    if (!entry) {
+      return metaInFlight.has(id) || metaQueue.has(id) ? { status: "pending" } : void 0;
+    }
+    const { retryAt: _retryAt, ...rest } = entry;
+    return rest;
+  }
+  return {
+    subscribe,
+    getVersion: () => version2,
+    requestMeta,
+    requestPrices,
+    peekMeta,
+    peekPrice: (id) => prices.get(id)?.usd,
+    async resolveMeta(refs) {
+      const ids = idsFor(refs);
+      requestMeta(refs);
+      await settled(
+        () => ids.every((id) => !metaInFlight.has(id) && !metaQueue.has(id))
+      );
+      return Object.fromEntries(
+        ids.map((id) => [id, peekMeta(id) ?? { status: "missing" }])
+      );
+    },
+    async resolvePrice(ref) {
+      const [id] = idsFor([ref]);
+      if (!id) return null;
+      requestPrices([ref]);
+      await settled(() => !priceInFlight.has(id) && !priceQueue.has(id));
+      return prices.get(id)?.usd ?? null;
+    }
+  };
+}
+var AssetStoreContext = createContext3(null);
+function AssetMetadataProvider({
+  service,
+  children
+}) {
+  const store = useMemo3(() => createAssetStore(service), [service]);
+  return /* @__PURE__ */ jsx3(AssetStoreContext.Provider, { value: store, children });
+}
+function useAssetStore() {
+  return useContext3(AssetStoreContext);
+}
+var noopSubscribe = () => () => {
+};
+var zero = () => 0;
+function useStoreVersion(store) {
+  return useSyncExternalStore2(
+    store ? store.subscribe : noopSubscribe,
+    store ? store.getVersion : zero,
+    store ? store.getVersion : zero
+  );
+}
+function refsKey(refs) {
+  return refs.map((ref) => assetIdForRef(ref) ?? "").filter(Boolean).join("|");
+}
+function definedRefs(refs) {
+  return refs.filter((ref) => Boolean(ref));
+}
+function useAssetMetadata(refs) {
+  const store = useAssetStore();
+  const version2 = useStoreVersion(store);
+  const key = refsKey(refs);
+  useEffect3(() => {
+    if (store && key) store.requestMeta(definedRefs(refs));
+  }, [store, key]);
+  return useMemo3(() => {
+    const out = {};
+    if (!store || !key) return out;
+    for (const id of key.split("|")) {
+      out[id] = store.peekMeta(id) ?? { status: "pending" };
+    }
+    return out;
+  }, [store, key, version2]);
+}
+function useAssetPrices(refs) {
+  const store = useAssetStore();
+  const version2 = useStoreVersion(store);
+  const key = refsKey(refs);
   useEffect3(() => {
-    ref.current = value;
-  }, [value]);
-  return ref;
+    if (store && key) store.requestPrices(definedRefs(refs));
+  }, [store, key]);
+  return useMemo3(() => {
+    const out = {};
+    if (!store || !key) return out;
+    for (const id of key.split("|")) {
+      const usd = store.peekPrice(id);
+      if (typeof usd === "number") out[id] = usd;
+    }
+    return out;
+  }, [store, key, version2]);
 }
 
 // src/core/analytics.tsx
 import {
-  createContext as createContext3,
+  createContext as createContext4,
   useCallback as useCallback3,
-  useContext as useContext3,
+  useContext as useContext4,
   useEffect as useEffect4,
-  useMemo as useMemo3,
-  useRef as useRef3
+  useMemo as useMemo4,
+  useRef as useRef2
 } from "react";
 
 // src/core/analytics-ingest.ts
@@ -2994,7 +3357,7 @@ function resolveProxyOrigin(backendUrl) {
 
 // src/core/analytics.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
-var AnalyticsContext = createContext3(null);
+var AnalyticsContext = createContext4(null);
 var noopDepositEmitter = () => {
 };
 var noopWithdrawEmitter = () => {
@@ -3014,21 +3377,21 @@ function cloneAndFreeze(value) {
   return value;
 }
 function AnalyticsSession(props) {
-  const sessionIdRef = useRef3(void 0);
+  const sessionIdRef = useRef2(void 0);
   if (sessionIdRef.current === void 0) {
     sessionIdRef.current = (props.createSessionId ?? randomUuid)();
   }
-  const sessionPropertiesRef = useRef3(void 0);
+  const sessionPropertiesRef = useRef2(void 0);
   if (sessionPropertiesRef.current === void 0) {
     sessionPropertiesRef.current = cloneAndFreeze(props.sessionProperties);
   }
   if (props.sessionIdRef) props.sessionIdRef.current = sessionIdRef.current;
-  const onEventRef = useRef3(props.onEvent);
+  const onEventRef = useRef2(props.onEvent);
   onEventRef.current = props.onEvent;
-  const nowRef = useRef3(props.now ?? (() => /* @__PURE__ */ new Date()));
+  const nowRef = useRef2(props.now ?? (() => /* @__PURE__ */ new Date()));
   nowRef.current = props.now ?? (() => /* @__PURE__ */ new Date());
   const modal = props.modal;
-  const reportedFailuresRef = useRef3(/* @__PURE__ */ new Set());
+  const reportedFailuresRef = useRef2(/* @__PURE__ */ new Set());
   const emitFailure = useCallback3(
     ({ reason, status, droppedEvents }) => {
       if (reportedFailuresRef.current.has(reason)) return;
@@ -3074,11 +3437,11 @@ function AnalyticsSession(props) {
       initialFailure: null
     };
   }
-  const ingestRef = useRef3(void 0);
+  const ingestRef = useRef2(void 0);
   if (ingestRef.current === void 0) {
     ingestRef.current = createIngest();
   }
-  const pendingDisposalRef = useRef3(null);
+  const pendingDisposalRef = useRef2(null);
   const enqueue = useCallback3(
     (event) => {
       try {
@@ -3165,24 +3528,24 @@ function AnalyticsSession(props) {
     },
     [enqueue, modal, nowRef, onEventRef]
   );
-  const context = useMemo3(
+  const context = useMemo4(
     () => modal === "deposit" ? { modal, emit: emitDeposit } : modal === "withdraw" ? { modal, emit: emitWithdraw } : { modal, emit: emitClaim },
     [modal, emitDeposit, emitWithdraw, emitClaim]
   );
   return /* @__PURE__ */ jsx4(AnalyticsContext.Provider, { value: context, children: props.children });
 }
 function useDepositAnalyticsEmitter() {
-  const context = useContext3(AnalyticsContext);
+  const context = useContext4(AnalyticsContext);
   if (!context || context.modal !== "deposit") return noopDepositEmitter;
   return context.emit;
 }
 function useWithdrawAnalyticsEmitter() {
-  const context = useContext3(AnalyticsContext);
+  const context = useContext4(AnalyticsContext);
   if (!context || context.modal !== "withdraw") return noopWithdrawEmitter;
   return context.emit;
 }
 function useClaimAnalyticsEmitter() {
-  const context = useContext3(AnalyticsContext);
+  const context = useContext4(AnalyticsContext);
   if (!context || context.modal !== "claim") return noopClaimEmitter;
   return context.emit;
 }
@@ -3210,7 +3573,6 @@ function toRecoverableDeposit(row, options = {}) {
   return {
     depositId: row.id,
     signer,
-    destinationPrefill: signer,
     depositAddress: row.depositAddress,
     sourceChainId,
     targetChainId,
@@ -3322,26 +3684,27 @@ function historyBadgeAriaLabel(badge) {
 }
 
 // src/components/history/HistoryEntryButton.tsx
-import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs } from "react/jsx-runtime";
 function HistoryEntryButton({
   badge,
   onClick,
-  disabled
+  disabled,
+  unread = false
 }) {
-  return /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs(
     "button",
     {
       type: "button",
       className: "rs-modal-header-history",
-      "aria-label": historyBadgeAriaLabel(badge),
+      "aria-label": unread ? "Deposit history \u2014 new bank transfer activity" : historyBadgeAriaLabel(badge),
       onClick,
       disabled,
       children: [
         /* @__PURE__ */ jsx5(HistoryIcon, {}),
-        badge && /* @__PURE__ */ jsx5(
+        (badge || unread) && /* @__PURE__ */ jsx5(
           "span",
           {
-            className: `rs-history-dot rs-history-dot--${badge.state}`,
+            className: `rs-history-dot rs-history-dot--${badge?.state ?? "progress"}`,
             "aria-hidden": "true"
           }
         )
@@ -3351,16 +3714,16 @@ function HistoryEntryButton({
 }
 
 // src/components/history/HistoryOverlay.tsx
-import { useCallback as useCallback7, useEffect as useEffect10, useMemo as useMemo6, useRef as useRef7, useState as useState8 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect10, useMemo as useMemo8, useRef as useRef6, useState as useState9 } from "react";
 
 // src/components/history/DepositHistoryPanel.tsx
 import {
   useCallback as useCallback4,
   useEffect as useEffect5,
-  useId,
-  useMemo as useMemo4,
-  useRef as useRef4,
-  useState as useState3
+  useId as useId2,
+  useMemo as useMemo6,
+  useRef as useRef3,
+  useState as useState4
 } from "react";
 
 // src/components/ui/CdnIcon.tsx
@@ -3411,65 +3774,8 @@ function CdnIcon({
 }
 CdnIcon.displayName = "CdnIcon";
 
-// src/components/ui/BodyHeader.tsx
-import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
-function BodyHeader({
-  icon,
-  title,
-  subtitle,
-  variant = "default",
-  aside
-}) {
-  const iconClasses = [
-    "rs-body-header-icon",
-    variant === "success" ? "rs-body-header-icon--success" : "",
-    variant === "error" ? "rs-body-header-icon--error" : ""
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs3("div", { className: "rs-body-header", children: [
-    /* @__PURE__ */ jsx7("div", { className: iconClasses, children: icon }),
-    /* @__PURE__ */ jsxs3("div", { className: "rs-body-header-main", children: [
-      /* @__PURE__ */ jsxs3("div", { className: "rs-body-header-text", children: [
-        /* @__PURE__ */ jsx7("h2", { className: "rs-body-header-title", children: title }),
-        subtitle && /* @__PURE__ */ jsx7("p", { className: "rs-body-header-subtitle", children: subtitle })
-      ] }),
-      aside && /* @__PURE__ */ jsx7("div", { className: "rs-body-header-aside", children: aside })
-    ] })
-  ] });
-}
-BodyHeader.displayName = "BodyHeader";
-
-// src/components/ui/Spinner.tsx
-import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
-function Spinner({ className }) {
-  return /* @__PURE__ */ jsxs4(
-    "svg",
-    {
-      className: `rs-spinner ${className || ""}`,
-      fill: "none",
-      viewBox: "0 0 20 21",
-      children: [
-        /* @__PURE__ */ jsx8(
-          "path",
-          {
-            d: "M10 0.5C8.02 0.5 6.08 1.08 4.44 2.18C2.79 3.28 1.51 4.84 0.76 6.67C0.00 8.50 -0.19 10.51 0.19 12.45C0.57 14.39 1.53 16.17 2.92 17.57C4.32 18.96 6.10 19.92 8.04 20.30C9.98 20.69 11.99 20.49 13.82 19.73C15.65 18.98 17.21 17.70 18.31 16.05C19.41 14.41 20 12.47 20 10.5C20 7.84 18.94 5.30 17.07 3.42C15.19 1.55 12.65 0.5 10 0.5ZM10 17.77C8.56 17.77 7.15 17.34 5.95 16.54C4.76 15.74 3.83 14.61 3.28 13.28C2.73 11.95 2.58 10.49 2.86 9.08C3.14 7.67 3.84 6.37 4.85 5.35C5.87 4.34 7.17 3.64 8.58 3.36C9.99 3.08 11.45 3.23 12.78 3.78C14.11 4.33 15.24 5.26 16.04 6.45C16.84 7.65 17.27 9.06 17.27 10.5C17.27 12.42 16.50 14.27 15.14 15.64C13.77 17.00 11.92 17.77 10 17.77Z",
-            fill: "currentColor",
-            opacity: 0.3
-          }
-        ),
-        /* @__PURE__ */ jsx8(
-          "path",
-          {
-            d: "M10 3.22C11.74 3.22 13.42 3.84 14.75 4.95C16.08 6.07 16.96 7.61 17.25 9.31C17.30 9.64 17.46 9.94 17.71 10.15C17.96 10.37 18.28 10.49 18.62 10.5C18.82 10.50 19.01 10.45 19.20 10.37C19.38 10.29 19.54 10.16 19.67 10.01C19.80 9.86 19.89 9.68 19.95 9.49C20.00 9.30 20.01 9.10 19.98 8.90C19.59 6.56 18.38 4.42 16.55 2.88C14.72 1.34 12.40 0.5 10 0.5C7.59 0.5 5.27 1.34 3.44 2.88C1.61 4.42 0.40 6.56 0.01 8.90C-0.01 9.10 -0.00 9.30 0.04 9.49C0.10 9.68 0.19 9.86 0.32 10.01C0.45 10.16 0.61 10.29 0.79 10.37C0.98 10.45 1.17 10.50 1.37 10.5C1.71 10.49 2.03 10.37 2.28 10.15C2.53 9.94 2.69 9.64 2.74 9.31C3.03 7.61 3.91 6.07 5.24 4.95C6.57 3.84 8.25 3.22 10 3.22Z",
-            fill: "currentColor"
-          }
-        )
-      ]
-    }
-  );
-}
-
 // src/components/ui/Button.tsx
-import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
 function Button({
   children,
   variant = "accent",
@@ -3489,19 +3795,19 @@ function Button({
     className
   ].filter(Boolean).join(" ");
   const showInlineLoadingText = loading && loadingText !== void 0;
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx7(
     "button",
     {
       className: classes,
       disabled: disabled || loading,
       "aria-busy": loading || void 0,
       ...props,
-      children: showInlineLoadingText ? /* @__PURE__ */ jsxs5("span", { className: "rs-button__loading-row", children: [
-        /* @__PURE__ */ jsx9(Spinner, { className: "rs-spinner--sm" }),
-        /* @__PURE__ */ jsx9("span", { children: loadingText })
-      ] }) : /* @__PURE__ */ jsxs5(Fragment2, { children: [
-        /* @__PURE__ */ jsx9("span", { className: loading ? "rs-button__content--hidden" : "", children }),
-        loading && /* @__PURE__ */ jsx9("span", { className: "rs-button__spinner", children: /* @__PURE__ */ jsx9(Spinner, { className: "rs-spinner--sm" }) })
+      children: showInlineLoadingText ? /* @__PURE__ */ jsxs2("span", { className: "rs-button__loading-row", children: [
+        /* @__PURE__ */ jsx7(Spinner, { className: "rs-spinner--sm" }),
+        /* @__PURE__ */ jsx7("span", { children: loadingText })
+      ] }) : /* @__PURE__ */ jsxs2(Fragment2, { children: [
+        /* @__PURE__ */ jsx7("span", { className: loading ? "rs-button__content--hidden" : "", children }),
+        loading && /* @__PURE__ */ jsx7("span", { className: "rs-button__spinner", children: /* @__PURE__ */ jsx7(Spinner, { className: "rs-spinner--sm" }) })
       ] })
     }
   );
@@ -3509,9 +3815,9 @@ function Button({
 Button.displayName = "Button";
 
 // src/components/ui/Callout.tsx
-import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
 function CircleAlertIcon() {
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx8(
     "svg",
     {
       width: "16",
@@ -3520,7 +3826,7 @@ function CircleAlertIcon() {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx10(
+      children: /* @__PURE__ */ jsx8(
         "path",
         {
           d: "M10 5.99L6 9.99M6 5.99L10 9.99M14.66 7.99C14.66 11.68 11.68 14.66 8 14.66C4.31 14.66 1.33 11.68 1.33 7.99C1.33 4.31 4.31 1.33 8 1.33C11.68 1.33 14.66 4.31 14.66 7.99Z",
@@ -3534,14 +3840,14 @@ function CircleAlertIcon() {
   );
 }
 function Callout({ variant = "error", children, role }) {
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs3(
     "div",
     {
       className: `rs-callout rs-callout--${variant}`,
       role: role ?? (variant === "error" ? "alert" : "status"),
       children: [
-        /* @__PURE__ */ jsx10("span", { className: "rs-callout-icon", children: variant === "error" ? /* @__PURE__ */ jsx10(CircleAlertIcon, {}) : /* @__PURE__ */ jsx10(AlertTriangleIcon, {}) }),
-        /* @__PURE__ */ jsx10("span", { className: "rs-callout-text", children })
+        /* @__PURE__ */ jsx8("span", { className: "rs-callout-icon", children: variant === "error" ? /* @__PURE__ */ jsx8(CircleAlertIcon, {}) : /* @__PURE__ */ jsx8(AlertTriangleIcon, {}) }),
+        /* @__PURE__ */ jsx8("span", { className: "rs-callout-text", children })
       ]
     }
   );
@@ -3549,8 +3855,8 @@ function Callout({ variant = "error", children, role }) {
 Callout.displayName = "Callout";
 
 // src/components/ui/PoweredBy.tsx
-import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
-var rhinestoneLogo = /* @__PURE__ */ jsxs7(
+import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
+var rhinestoneLogo = /* @__PURE__ */ jsxs4(
   "svg",
   {
     className: "rs-powered-by-logo",
@@ -3559,8 +3865,8 @@ var rhinestoneLogo = /* @__PURE__ */ jsxs7(
     xmlns: "http://www.w3.org/2000/svg",
     "aria-hidden": "true",
     children: [
-      /* @__PURE__ */ jsxs7("g", { fill: "currentColor", clipPath: "url(#rs-pb-clip)", children: [
-        /* @__PURE__ */ jsx11(
+      /* @__PURE__ */ jsxs4("g", { fill: "currentColor", clipPath: "url(#rs-pb-clip)", children: [
+        /* @__PURE__ */ jsx9(
           "path",
           {
             opacity: "0.5",
@@ -3569,8 +3875,8 @@ var rhinestoneLogo = /* @__PURE__ */ jsxs7(
             d: "M10.48 14.82a4.3 4.3 0 0 1-2.9 1 4.3 4.3 0 0 1-2.4-1 25 25 0 0 1-2.08-1.95l-.13-.13c-.78-.78-1.46-1.46-1.94-2.08a4.3 4.3 0 0 1-1-2.9c.05-.96.48-1.72 1-2.4a25 25 0 0 1 1.94-2.08l.07-.06.06-.07a25 25 0 0 1 2.08-1.94 4.3 4.3 0 0 1 2.9-1c.96.05 1.73.48 2.4 1 .62.49 1.3 1.17 2.08 1.94l.13.13c.77.78 1.46 1.46 1.94 2.09a4.3 4.3 0 0 1 1 2.9 4.3 4.3 0 0 1-1 2.39c-.48.62-1.17 1.3-1.94 2.08l-.07.07-.06.06c-.78.78-1.46 1.46-2.08 1.94m-8.9-6.63c.07 1.02.9 1.86 2.56 3.52s2.5 2.5 3.53 2.56h.32c1.03-.06 1.86-.9 3.53-2.56s2.5-2.5 2.56-3.52v-.33c-.07-1.03-.9-1.86-2.56-3.52-1.67-1.67-2.5-2.5-3.53-2.56h-.32c-1.03.06-1.86.89-3.53 2.56-1.66 1.66-2.5 2.5-2.56 3.52z"
           }
         ),
-        /* @__PURE__ */ jsx11("path", { d: "M3.66 8.01q.02-.27.28-.35a4.6 4.6 0 0 0 2.53-1.48q.72-.8 1-2.05a.4.4 0 0 1 .36-.29c.17 0 .32.12.36.29a4.6 4.6 0 0 0 1.47 2.52c.55.49 1.21.8 2.06 1a.4.4 0 0 1 .28.36.4.4 0 0 1-.28.36 4.6 4.6 0 0 0-2.53 1.47 4.6 4.6 0 0 0-1 2.06.4.4 0 0 1-.36.28.4.4 0 0 1-.36-.28A4.6 4.6 0 0 0 6 9.38a4.6 4.6 0 0 0-2.06-1.01.4.4 0 0 1-.28-.36m26.46-3.44c0 .51.38.87.96.87s.95-.36.95-.87c0-.52-.37-.86-.95-.86s-.96.34-.96.86m.2 1.44v5.33h1.53V6.01zm-4.4 5.33h-1.55V3.88h1.54v2.98c.25-.5.8-1.01 1.6-1.01 1.29 0 1.87.83 1.87 2.28v3.21h-1.54V8.3c0-.77-.34-1.16-.92-1.16-.67 0-1 .53-1 1.3zm-4.45 0h-1.54V6.01h1.54l-.27 1.22a.1.1 0 0 0 .02.1.1.1 0 0 0 .1.04q.09 0 .1-.09c.24-.84.93-1.36 1.64-1.36q.4.01.57.05v1.42l-.67-.04c-.67 0-1.5.31-1.5 2zm13 0h-1.55V6.01h1.54l-.02.9a1.8 1.8 0 0 1 1.61-1.06c1.3 0 1.88.83 1.88 2.28v3.21H36.4V8.3c0-.77-.35-1.16-.93-1.16-.67 0-1 .53-1 1.3z" }),
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx9("path", { d: "M3.66 8.01q.02-.27.28-.35a4.6 4.6 0 0 0 2.53-1.48q.72-.8 1-2.05a.4.4 0 0 1 .36-.29c.17 0 .32.12.36.29a4.6 4.6 0 0 0 1.47 2.52c.55.49 1.21.8 2.06 1a.4.4 0 0 1 .28.36.4.4 0 0 1-.28.36 4.6 4.6 0 0 0-2.53 1.47 4.6 4.6 0 0 0-1 2.06.4.4 0 0 1-.36.28.4.4 0 0 1-.36-.28A4.6 4.6 0 0 0 6 9.38a4.6 4.6 0 0 0-2.06-1.01.4.4 0 0 1-.28-.36m26.46-3.44c0 .51.38.87.96.87s.95-.36.95-.87c0-.52-.37-.86-.95-.86s-.96.34-.96.86m.2 1.44v5.33h1.53V6.01zm-4.4 5.33h-1.55V3.88h1.54v2.98c.25-.5.8-1.01 1.6-1.01 1.29 0 1.87.83 1.87 2.28v3.21h-1.54V8.3c0-.77-.34-1.16-.92-1.16-.67 0-1 .53-1 1.3zm-4.45 0h-1.54V6.01h1.54l-.27 1.22a.1.1 0 0 0 .02.1.1.1 0 0 0 .1.04q.09 0 .1-.09c.24-.84.93-1.36 1.64-1.36q.4.01.57.05v1.42l-.67-.04c-.67 0-1.5.31-1.5 2zm13 0h-1.55V6.01h1.54l-.02.9a1.8 1.8 0 0 1 1.61-1.06c1.3 0 1.88.83 1.88 2.28v3.21H36.4V8.3c0-.77-.35-1.16-.93-1.16-.67 0-1 .53-1 1.3z" }),
+        /* @__PURE__ */ jsx9(
           "path",
           {
             fillRule: "evenodd",
@@ -3578,8 +3884,8 @@ var rhinestoneLogo = /* @__PURE__ */ jsxs7(
             d: "M38.74 8.69c0 1.63 1.01 2.82 2.7 2.82 1.51 0 2.32-.82 2.55-1.73l-1.43-.26c-.1.37-.47.82-1.12.82-.67 0-1.23-.6-1.24-1.31H44q.05-.19.06-.56a2.55 2.55 0 0 0-2.6-2.63c-1.5 0-2.72 1.2-2.72 2.85m3.82-.58h-2.3a1.2 1.2 0 0 1 1.18-1.13c.6 0 1.14.45 1.12 1.13"
           }
         ),
-        /* @__PURE__ */ jsx11("path", { d: "M47.1 11.51c-1.2 0-2.33-.41-2.55-1.65l1.43-.21q.27.8 1.1.79c.5 0 .77-.24.77-.55 0-.27-.2-.45-.75-.55l-.5-.1c-1.1-.24-1.77-.74-1.77-1.63 0-1.06.91-1.78 2.25-1.78 1.26 0 2.2.59 2.32 1.68l-1.41.22c-.07-.52-.43-.82-.91-.82-.5 0-.75.26-.75.57 0 .25.17.42.63.51l.5.1c1.28.26 1.94.77 1.94 1.75 0 1.01-1.03 1.66-2.3 1.66" }),
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx9("path", { d: "M47.1 11.51c-1.2 0-2.33-.41-2.55-1.65l1.43-.21q.27.8 1.1.79c.5 0 .77-.24.77-.55 0-.27-.2-.45-.75-.55l-.5-.1c-1.1-.24-1.77-.74-1.77-1.63 0-1.06.91-1.78 2.25-1.78 1.26 0 2.2.59 2.32 1.68l-1.41.22c-.07-.52-.43-.82-.91-.82-.5 0-.75.26-.75.57 0 .25.17.42.63.51l.5.1c1.28.26 1.94.77 1.94 1.75 0 1.01-1.03 1.66-2.3 1.66" }),
+        /* @__PURE__ */ jsx9(
           "path",
           {
             fillRule: "evenodd",
@@ -3587,8 +3893,8 @@ var rhinestoneLogo = /* @__PURE__ */ jsxs7(
             d: "M54.44 8.68c0 1.53 1.08 2.83 2.78 2.83s2.79-1.3 2.79-2.83c0-1.55-1.1-2.84-2.79-2.84-1.7 0-2.78 1.29-2.78 2.84m4.02 0c0 .98-.59 1.45-1.24 1.45-.64 0-1.23-.47-1.23-1.45 0-.97.59-1.47 1.23-1.47.65 0 1.24.48 1.24 1.47"
           }
         ),
-        /* @__PURE__ */ jsx11("path", { d: "M62.4 11.34h-1.53V6.01h1.54l-.02.9a1.8 1.8 0 0 1 1.6-1.06c1.3 0 1.89.83 1.89 2.28v3.21h-1.54V8.3c0-.77-.34-1.16-.93-1.16-.66 0-1 .53-1 1.3z" }),
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx9("path", { d: "M62.4 11.34h-1.53V6.01h1.54l-.02.9a1.8 1.8 0 0 1 1.6-1.06c1.3 0 1.89.83 1.89 2.28v3.21h-1.54V8.3c0-.77-.34-1.16-.93-1.16-.66 0-1 .53-1 1.3z" }),
+        /* @__PURE__ */ jsx9(
           "path",
           {
             fillRule: "evenodd",
@@ -3596,38 +3902,280 @@ var rhinestoneLogo = /* @__PURE__ */ jsxs7(
             d: "M66.68 8.69c0 1.63 1.02 2.82 2.71 2.82 1.51 0 2.31-.82 2.55-1.73l-1.44-.26c-.1.37-.47.82-1.12.82-.67 0-1.23-.6-1.24-1.31h3.8q.06-.19.06-.56a2.55 2.55 0 0 0-2.6-2.63c-1.5 0-2.72 1.2-2.72 2.85m3.82-.58h-2.3a1.2 1.2 0 0 1 1.18-1.13c.6 0 1.15.45 1.12 1.13"
           }
         ),
-        /* @__PURE__ */ jsx11("path", { d: "M52.44 9.05V7.26h1.53V6h-1.53V4.42h-1.53V6h-1.1v1.26h1.1v1.85l.02.49a1.9 1.9 0 0 0 1.67 1.67c.22.03.47.03.62.03h.65V9.87h-.61c-.4 0-.59 0-.7-.12-.12-.11-.12-.3-.12-.64z" })
+        /* @__PURE__ */ jsx9("path", { d: "M52.44 9.05V7.26h1.53V6h-1.53V4.42h-1.53V6h-1.1v1.26h1.1v1.85l.02.49a1.9 1.9 0 0 0 1.67 1.67c.22.03.47.03.62.03h.65V9.87h-.61c-.4 0-.59 0-.7-.12-.12-.11-.12-.3-.12-.64z" })
       ] }),
-      /* @__PURE__ */ jsx11("defs", { children: /* @__PURE__ */ jsx11("clipPath", { id: "rs-pb-clip", children: /* @__PURE__ */ jsx11("path", { fill: "#fff", d: "M0 0h72v16H0z" }) }) })
+      /* @__PURE__ */ jsx9("defs", { children: /* @__PURE__ */ jsx9("clipPath", { id: "rs-pb-clip", children: /* @__PURE__ */ jsx9("path", { fill: "#fff", d: "M0 0h72v16H0z" }) }) })
     ]
   }
 );
 function PoweredBy() {
-  return /* @__PURE__ */ jsxs7("div", { className: "rs-powered-by", "aria-label": "Powered by Rhinestone", children: [
-    /* @__PURE__ */ jsx11("span", { children: "Powered by" }),
-    /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsxs4("div", { className: "rs-powered-by", "aria-label": "Powered by Rhinestone", children: [
+    /* @__PURE__ */ jsx9("span", { children: "Powered by" }),
+    /* @__PURE__ */ jsx9(
+      "a",
+      {
+        className: "rs-powered-by-link",
+        href: "https://www.rhinestone.dev",
+        target: "_blank",
+        rel: "noopener noreferrer",
+        children: rhinestoneLogo
+      }
+    )
+  ] });
+}
+PoweredBy.displayName = "PoweredBy";
+
+// src/components/history/BankOrderCard.tsx
+import { useId, useState as useState3 } from "react";
+
+// src/components/history/HistoryTransactionLink.tsx
+import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
+function resolveHistoryChainId(value) {
+  if (value === void 0 || value === null) return null;
+  if (typeof value === "number") return value;
+  const display = displayChainIdForCaip2(value);
+  if (display !== null) return display;
+  if (value === "solana" || value === "hypercore") return value;
+  const number = Number(value);
+  return Number.isFinite(number) ? number : null;
+}
+function HistoryTransactionLink({
+  chainId,
+  txHash,
+  label = "Transaction details"
+}) {
+  const explorerTxUrl = useExplorerTxUrl();
+  const chain = resolveHistoryChainId(chainId);
+  const url = chain !== null && txHash ? explorerTxUrl(chain, txHash) : void 0;
+  if (!url || !txHash) return null;
+  const text = txHash.length > 14 ? `${txHash.slice(0, 6)}\u2026${txHash.slice(-4)}` : txHash;
+  return /* @__PURE__ */ jsxs5("div", { className: "rs-amount-detail-row", children: [
+    /* @__PURE__ */ jsx10("span", { children: label }),
+    /* @__PURE__ */ jsxs5(
       "a",
       {
-        className: "rs-powered-by-link",
-        href: "https://www.rhinestone.dev",
+        href: url,
         target: "_blank",
         rel: "noopener noreferrer",
-        children: rhinestoneLogo
+        className: "rs-history-card-link",
+        "aria-label": `${label}: ${txHash}`,
+        children: [
+          /* @__PURE__ */ jsx10("span", { children: text }),
+          /* @__PURE__ */ jsx10(ArrowUpRightIcon, {})
+        ]
       }
     )
   ] });
 }
-PoweredBy.displayName = "PoweredBy";
+
+// src/core/bank-onramp-progress.ts
+function toPaymentProgress(order) {
+  const { receipt, conversion, delivery } = order.stages;
+  const stages = [receipt.status, conversion.status, delivery.status];
+  if (stages.includes("on_hold")) return "on_hold";
+  if (order.stages.return.status !== "none") return "returned";
+  if (stages.includes("failed")) return "failed";
+  if (delivery.status === "completed") return "delivered";
+  if (delivery.status !== "not_started") return "sending";
+  if (conversion.status === "completed") return "sending";
+  if (conversion.status !== "not_started") return "converting";
+  if (receipt.status === "completed") return "received";
+  return "awaiting_transfer";
+}
+var TERMINAL = /* @__PURE__ */ new Set([
+  "delivered",
+  "returned",
+  "failed"
+]);
+function toPaymentView(order) {
+  const progress = toPaymentProgress(order);
+  return {
+    id: order.id,
+    amount: order.fiat.charged?.total ?? "",
+    currency: order.fiat.charged?.currency ?? "",
+    progress,
+    terminal: TERMINAL.has(progress)
+  };
+}
+var BANK_ONRAMP_COPY = {
+  awaiting_transfer: {
+    title: "Waiting for your transfer",
+    subtitle: "Send the transfer from your bank using the details above."
+  },
+  received: {
+    title: "Transfer received",
+    subtitle: "Your bank transfer has arrived and is being processed."
+  },
+  converting: {
+    title: "Converting",
+    subtitle: "Your money is being converted to crypto."
+  },
+  sending: {
+    title: "Sending to your account",
+    subtitle: "The crypto is on its way. This usually takes a few minutes."
+  },
+  delivered: {
+    title: "Funds delivered",
+    subtitle: "The crypto has arrived in your account."
+  },
+  on_hold: {
+    title: "Under review",
+    subtitle: "Your provider is reviewing this transfer and may contact you for more information."
+  },
+  returned: {
+    title: "Transfer returned",
+    subtitle: "This transfer was returned. Contact support if unexpected."
+  },
+  failed: {
+    title: "Transfer failed",
+    subtitle: "This transfer could not be completed. Contact support."
+  }
+};
+
+// src/components/history/BankOrderCard.tsx
+import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
+function bankSupportHref(value) {
+  if (!value) return void 0;
+  try {
+    const url = new URL(value);
+    return ["https:", "mailto:"].includes(url.protocol) ? url.href : void 0;
+  } catch {
+    return void 0;
+  }
+}
+function BankOrderCard({
+  order,
+  supportUrl,
+  children,
+  deposit
+}) {
+  const [expanded, setExpanded] = useState3(false);
+  const panelId = useId();
+  const view = toPaymentView(order);
+  const subFee = [order.stages.conversion, order.stages.delivery].some(
+    (stage) => stage.status === "failed" && stage.reason === "sub_fee"
+  );
+  const support = bankSupportHref(supportUrl);
+  const { delivery } = order.stages;
+  const deliveryTxHash = "txHash" in delivery ? delivery.txHash : void 0;
+  const needsHelp = ["failed", "returned", "on_hold"].includes(view.progress);
+  const settlement = deposit ? normalizeStatus(deposit.status, deposit.isSpam) : null;
+  let status = "pending";
+  let label = "Detected";
+  if (view.progress === "failed" || settlement === "failed" || settlement === "spam") {
+    status = "failed";
+    label = "Failed";
+  } else if (view.progress === "returned" || settlement === "refunded") {
+    status = "refunded";
+    label = "Returned";
+  } else if (settlement === "completed") {
+    status = "completed";
+    label = "Completed";
+  } else if (view.progress === "on_hold") {
+    status = "processing";
+    label = "Under review";
+  } else if (view.progress === "delivered") {
+    status = "processing";
+    label = "Settled";
+  } else if (view.progress !== "awaiting_transfer" && view.progress !== "received") {
+    status = "processing";
+    label = "Settling";
+  }
+  const amount = view.amount && Number.isFinite(Number(view.amount)) ? `${Number(view.amount).toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })} ${view.currency}` : "\u2014";
+  const date = new Date(order.createdAt).toLocaleDateString(void 0, {
+    day: "numeric",
+    month: "short",
+    year: "numeric"
+  });
+  const description = subFee ? "The transfer was consumed by the provider\u2019s fees. No crypto was delivered." : label === "Failed" && deposit ? "Crypto arrived, but settlement to your destination could not be completed." : label === "Completed" ? "Your bank transfer has completed and the crypto reached its destination." : label === "Settled" ? "Your bank transfer has settled into crypto. Final delivery is being confirmed." : label === "Settling" ? "Your bank transfer is being settled into crypto." : label === "Detected" ? "Your bank transfer was detected and is awaiting settlement." : BANK_ONRAMP_COPY[view.progress].subtitle;
+  return /* @__PURE__ */ jsxs6(
+    "div",
+    {
+      className: `rs-history-card${expanded ? " rs-history-card--expanded" : ""}`,
+      children: [
+        /* @__PURE__ */ jsx11(
+          "button",
+          {
+            type: "button",
+            className: "rs-history-card-trigger",
+            onClick: () => setExpanded(!expanded),
+            "aria-expanded": expanded,
+            "aria-controls": panelId,
+            children: /* @__PURE__ */ jsxs6("div", { className: "rs-history-card-row", children: [
+              /* @__PURE__ */ jsx11("div", { className: "rs-history-card-icons", children: /* @__PURE__ */ jsx11("span", { className: "rs-history-card-token", children: /* @__PURE__ */ jsx11(BankIcon, {}) }) }),
+              /* @__PURE__ */ jsxs6("div", { className: "rs-history-card-text", children: [
+                /* @__PURE__ */ jsx11("span", { className: "rs-history-card-title", children: "Bank transfer" }),
+                /* @__PURE__ */ jsx11("time", { className: "rs-history-card-date", dateTime: order.createdAt, children: date })
+              ] }),
+              /* @__PURE__ */ jsxs6("div", { className: "rs-history-card-side", children: [
+                /* @__PURE__ */ jsx11("span", { className: "rs-history-card-amount", children: amount }),
+                /* @__PURE__ */ jsx11("span", { className: `rs-history-badge rs-history-badge--${status}`, children: label })
+              ] })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx11("div", { className: "rs-history-card-panel", id: panelId, children: /* @__PURE__ */ jsx11("div", { className: "rs-history-card-panel-inner", children: /* @__PURE__ */ jsxs6("div", { className: "rs-history-card-details", children: [
+          subFee || status === "failed" ? /* @__PURE__ */ jsx11(Callout, { variant: "error", children: description }) : /* @__PURE__ */ jsx11("p", { className: "rs-history-empty-hint", children: description }),
+          order.crypto && /* @__PURE__ */ jsxs6("div", { className: "rs-amount-detail-row", children: [
+            /* @__PURE__ */ jsx11("span", { children: "Converted amount" }),
+            /* @__PURE__ */ jsxs6("span", { className: "rs-amount-detail-value", children: [
+              order.crypto.amount,
+              " ",
+              order.crypto.asset
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx11(
+            HistoryTransactionLink,
+            {
+              chainId: deposit?.chain ?? order.deliveryChain,
+              txHash: deposit?.txHash ?? deliveryTxHash,
+              label: "Crypto deposit"
+            }
+          ),
+          deposit?.destinationTxHash !== deposit?.txHash && /* @__PURE__ */ jsx11(HistoryTransactionLink, { chainId: deposit?.targetChain, txHash: deposit?.destinationTxHash, label: "Final settlement" }),
+          (needsHelp || status === "failed") && support && /* @__PURE__ */ jsxs6(
+            "a",
+            {
+              className: "rs-history-card-link",
+              href: support,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              children: [
+                "Contact support ",
+                /* @__PURE__ */ jsx11(ArrowUpRightIcon, {})
+              ]
+            }
+          ),
+          children
+        ] }) }) })
+      ]
+    }
+  );
+}
 
 // src/components/ui/TokenIcon.tsx
 import { jsx as jsx12 } from "react/jsx-runtime";
-function TokenIcon({ symbol, className, fallback }) {
+function TokenIcon({ token, symbol, className, fallback }) {
+  const id = assetIdForRef(token);
+  const entry = useAssetMetadata([token])[id ?? ""];
+  const classes = `rs-token-icon ${className ?? ""}`.trimEnd();
+  const badge = fallback ?? /* @__PURE__ */ jsx12("span", { className: "rs-token-initials", "aria-hidden": "true", children: (symbol ?? "").trim().slice(0, 1).toUpperCase() });
+  if (entry?.status === "pending") {
+    return /* @__PURE__ */ jsx12(
+      "span",
+      {
+        className: `${classes} rs-token-icon--pending`,
+        "data-loading": "",
+        "aria-hidden": "true"
+      }
+    );
+  }
   return /* @__PURE__ */ jsx12(
     CdnIcon,
     {
-      src: tokenIconUrl(symbol),
-      className: `rs-token-icon ${className ?? ""}`.trimEnd(),
-      fallback
+      src: entry?.status === "ready" ? entry.logo : void 0,
+      className: classes,
+      fallback: badge
     }
   );
 }
@@ -3707,8 +4255,84 @@ function resolveHistoryTiming({
   };
 }
 
+// src/core/token-display.ts
+import { useMemo as useMemo5, useSyncExternalStore as useSyncExternalStore3 } from "react";
+function isHyperCore(chain) {
+  return chain === "hypercore" || chain === HYPERCORE_CHAIN_ID;
+}
+function resolveCuratedToken(token, chain) {
+  if (isHyperCore(chain)) {
+    const listed = HYPERCORE_SOURCE_TOKENS.find(
+      (t) => t.address.toLowerCase() === token.toLowerCase()
+    );
+    return listed ? { symbol: listed.symbol, decimals: listed.decimals } : void 0;
+  }
+  const published = getRuntimeTokenByAddress(chain, token);
+  if (published) {
+    return { symbol: published.symbol, decimals: published.decimals };
+  }
+  if (chain === "solana") return resolveSolanaToken(token);
+  if (isNativeSpelling(chain, token)) {
+    const symbol = getRuntimeNativeSymbol(chain);
+    const decimals = getRuntimeNativeDecimals(chain) ?? (typeof chain === "number" ? 18 : void 0);
+    return symbol ? { symbol, decimals } : void 0;
+  }
+  return void 0;
+}
+function resolveTokenDisplay(token, chain, asset, fallback) {
+  const pending = asset?.status === "pending";
+  const curated = token !== void 0 && chain !== void 0 ? resolveCuratedToken(token, chain) : void 0;
+  const fromAsset = asset?.status === "ready" ? asset : void 0;
+  const hyperCore = chain !== void 0 && isHyperCore(chain);
+  const native = token !== void 0 && chain !== void 0 && isNativeSpelling(chain, token);
+  const curatedSymbol = native ? curated?.symbol ?? fromAsset?.symbol : fromAsset?.symbol ?? curated?.symbol;
+  const decimals = fallback?.decimals ?? curated?.decimals ?? (hyperCore ? void 0 : fromAsset?.decimals);
+  return {
+    symbol: curatedSymbol ?? fallback?.symbol ?? "Token",
+    decimals,
+    logo: fromAsset?.logo,
+    curated: curatedSymbol !== void 0,
+    pending
+  };
+}
+function toAssetRef(ref) {
+  return ref?.chain !== void 0 && ref.address ? { chain: ref.chain, address: ref.address } : void 0;
+}
+function useTokenDisplays(refs) {
+  const { catalog } = useChainCatalog();
+  const tokensVersion = useSyncExternalStore3(
+    subscribeToRuntimeTokens,
+    getRuntimeTokensVersion,
+    getRuntimeTokensVersion
+  );
+  const assets = useAssetMetadata(refs.map(toAssetRef));
+  const key = refs.map(
+    (ref) => `${String(ref?.chain)}:${ref?.address ?? ""}:${ref?.fallback?.symbol ?? ""}:${ref?.fallback?.decimals ?? ""}`
+  ).join("|");
+  return useMemo5(
+    () => refs.map((ref) => {
+      const id = assetIdFor(ref?.chain, ref?.address);
+      return resolveTokenDisplay(
+        ref?.address,
+        ref?.chain,
+        id ? assets[id] : void 0,
+        ref?.fallback
+      );
+    }),
+    // `refs` enters through `key`.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [key, assets, catalog, tokensVersion]
+  );
+}
+function useTokenDisplay(chain, address, fallback) {
+  return useTokenDisplays([{ chain, address, fallback }])[0];
+}
+function useIsRecognizedToken(chain, address) {
+  return useTokenDisplay(chain, address).curated;
+}
+
 // src/components/history/DepositHistoryPanel.tsx
-import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
 var MAX_TIMER_DELAY_MS = 2147e6;
 function shortenHash(hash) {
   if (hash.length <= 14) return hash;
@@ -3727,60 +4351,8 @@ function formatDate(iso) {
     return iso;
   }
 }
-function resolveChainId(value) {
-  if (value === void 0 || value === null) return null;
-  if (typeof value === "number") return value;
-  const display = displayChainIdForCaip2(value);
-  if (display !== null) return display;
-  if (value === "solana" || value === "hypercore") return value;
-  const num = Number(value);
-  return Number.isFinite(num) ? num : null;
-}
-function resolveTokenSymbol(token, chainId) {
-  if (!token) return "";
-  if (chainId === "solana") {
-    const normalized = token.toLowerCase();
-    const matched = SOLANA_TOKENS.find(
-      (entry) => entry.mint.toLowerCase() === normalized
-    );
-    if (matched) return matched.symbol;
-    if (normalized === "native" || normalized === "11111111111111111111111111111111" || normalized === "so11111111111111111111111111111111111111112") {
-      return "SOL";
-    }
-  }
-  if (chainId !== null && chainId !== void 0 && chainId !== "solana" && // Both callers pass the SOURCE chain, and `/chains` reports
-  // `deposit: false` for Tron and Stellar — so neither can appear here, and
-  // neither has an EVM token table to look one up in if it did.
-  chainId !== "tron" && chainId !== "stellar" && /^0x[a-fA-F0-9]{40}$/.test(token)) {
-    const evmChainId = chainId === "hypercore" ? HYPERCORE_CHAIN_ID : chainId;
-    const sym = getTokenSymbol(token, evmChainId);
-    if (sym !== "Token") return sym;
-  }
-  return shortenHash(token);
-}
-function formatAmount(rawAmount, token, chainId) {
-  if (!rawAmount) return "";
-  let decimals = 18;
-  if (token && chainId !== null && chainId !== void 0) {
-    if (chainId === "solana") {
-      const normalized = token.toLowerCase();
-      const matched = SOLANA_TOKENS.find(
-        (entry) => entry.mint.toLowerCase() === normalized
-      );
-      if (matched) {
-        decimals = matched.decimals;
-      } else if (normalized === "native" || normalized === "11111111111111111111111111111111" || normalized === "so11111111111111111111111111111111111111112") {
-        decimals = 9;
-      }
-    } else if (
-      // See `resolveTokenSymbol`: this reads the source chain, which Tron and
-      // Stellar cannot be.
-      chainId !== "tron" && chainId !== "stellar" && /^0x[a-fA-F0-9]{40}$/.test(token)
-    ) {
-      const evmChainId = chainId === "hypercore" ? HYPERCORE_CHAIN_ID : chainId;
-      decimals = getTokenDecimalsByAddress(token, evmChainId);
-    }
-  }
+function formatAmount(rawAmount, decimals) {
+  if (!rawAmount || decimals === void 0) return null;
   try {
     const raw = BigInt(rawAmount);
     const divisor = 10n ** BigInt(decimals);
@@ -3795,6 +4367,8 @@ function formatAmount(rawAmount, token, chainId) {
   }
 }
 function DepositHistoryPanel({
+  bankHistory,
+  bankSupportUrl,
   deposits,
   isLoading,
   error,
@@ -3811,7 +4385,7 @@ function DepositHistoryPanel({
   onRowView,
   obscured
 }) {
-  const rootRef = useRef4(null);
+  const rootRef = useRef3(null);
   useEffect5(() => {
     rootRef.current?.toggleAttribute("inert", Boolean(obscured));
   }, [obscured]);
@@ -3825,12 +4399,12 @@ function DepositHistoryPanel({
     },
     [onClose, obscured]
   );
-  const visibleDeposits = useMemo4(
+  const visibleDeposits = useMemo6(
     () => filterVisibleDeposits(deposits),
     [deposits]
   );
-  const [nowMs, setNowMs] = useState3(() => Date.now());
-  const timingPresentations = useMemo4(
+  const [nowMs, setNowMs] = useState4(() => Date.now());
+  const timingPresentations = useMemo6(
     () => visibleDeposits.map(
       (deposit) => resolveHistoryTiming({
         status: deposit.status,
@@ -3871,7 +4445,7 @@ function DepositHistoryPanel({
       if (timeout !== void 0) clearTimeout(timeout);
     };
   }, [timingPresentations]);
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs7(
     "div",
     {
       ref: rootRef,
@@ -3881,8 +4455,8 @@ function DepositHistoryPanel({
       "aria-hidden": obscured || void 0,
       onKeyDown: handleKeyDown,
       children: [
-        /* @__PURE__ */ jsxs8("div", { className: "rs-modal-header--redesigned", children: [
-          /* @__PURE__ */ jsx13("div", { className: "rs-modal-header-nav-left", children: /* @__PURE__ */ jsxs8(
+        /* @__PURE__ */ jsxs7("div", { className: "rs-modal-header--redesigned", children: [
+          /* @__PURE__ */ jsx13("div", { className: "rs-modal-header-nav-left", children: /* @__PURE__ */ jsxs7(
             "button",
             {
               type: "button",
@@ -3906,10 +4480,10 @@ function DepositHistoryPanel({
             }
           ) })
         ] }),
-        /* @__PURE__ */ jsxs8("div", { className: "rs-history-screen", children: [
-          /* @__PURE__ */ jsxs8("div", { className: "rs-history-screen-body", children: [
+        /* @__PURE__ */ jsxs7("div", { className: "rs-history-screen", children: [
+          /* @__PURE__ */ jsxs7("div", { className: "rs-history-screen-body", children: [
             /* @__PURE__ */ jsx13(BodyHeader, { icon: /* @__PURE__ */ jsx13(HistoryIcon, {}), title }),
-            onFindByTxHash && /* @__PURE__ */ jsxs8(
+            onFindByTxHash && /* @__PURE__ */ jsxs7(
               "button",
               {
                 type: "button",
@@ -3921,40 +4495,82 @@ function DepositHistoryPanel({
                 ]
               }
             ),
-            isLoading && deposits.length === 0 && /* @__PURE__ */ jsxs8("div", { className: "rs-history-empty", children: [
+            (isLoading || bankHistory?.loading) && deposits.length === 0 && !bankHistory?.orders.length && /* @__PURE__ */ jsxs7("div", { className: "rs-history-empty", children: [
               /* @__PURE__ */ jsx13("span", { className: "rs-history-empty-glyph", "aria-hidden": "true", children: /* @__PURE__ */ jsx13(HistoryIcon, {}) }),
-              /* @__PURE__ */ jsxs8("div", { className: "rs-history-empty-text", children: [
+              /* @__PURE__ */ jsxs7("div", { className: "rs-history-empty-text", children: [
                 /* @__PURE__ */ jsx13(Spinner, { className: "rs-spinner--sm" }),
                 /* @__PURE__ */ jsx13("span", { className: "rs-history-empty-hint", children: "Loading history\u2026" })
               ] })
             ] }),
-            error && !isLoading && /* @__PURE__ */ jsxs8("div", { className: "rs-history-empty", children: [
+            error && !isLoading && /* @__PURE__ */ jsxs7("div", { className: "rs-history-empty", children: [
               /* @__PURE__ */ jsx13("span", { className: "rs-history-empty-glyph", "aria-hidden": "true", children: /* @__PURE__ */ jsx13(AlertTriangleIcon, {}) }),
-              /* @__PURE__ */ jsxs8("div", { className: "rs-history-empty-text", children: [
+              /* @__PURE__ */ jsxs7("div", { className: "rs-history-empty-text", children: [
                 /* @__PURE__ */ jsx13("span", { className: "rs-history-empty-title", children: "Couldn't load history" }),
                 /* @__PURE__ */ jsx13("span", { className: "rs-history-empty-hint", children: error })
               ] })
             ] }),
-            !isLoading && !error && visibleDeposits.length === 0 && /* @__PURE__ */ jsxs8("div", { className: "rs-history-empty", children: [
+            bankHistory?.error && /* @__PURE__ */ jsx13("p", { role: "status", children: bankHistory.error }),
+            !isLoading && !error && !bankHistory?.loading && !bankHistory?.error && !bankHistory?.orders.length && visibleDeposits.length === 0 && /* @__PURE__ */ jsxs7("div", { className: "rs-history-empty", children: [
               /* @__PURE__ */ jsx13("span", { className: "rs-history-empty-glyph", "aria-hidden": "true", children: /* @__PURE__ */ jsx13(HistoryIcon, {}) }),
-              /* @__PURE__ */ jsxs8("div", { className: "rs-history-empty-text", children: [
+              /* @__PURE__ */ jsxs7("div", { className: "rs-history-empty-text", children: [
                 /* @__PURE__ */ jsx13("span", { className: "rs-history-empty-title", children: "No deposits yet" }),
                 /* @__PURE__ */ jsx13("span", { className: "rs-history-empty-hint", children: "Your deposit history will appear here" })
               ] })
             ] }),
-            visibleDeposits.length > 0 && /* @__PURE__ */ jsxs8("div", { className: "rs-history-list", children: [
-              visibleDeposits.map((deposit, i) => /* @__PURE__ */ jsx13(
-                HistoryCard,
+            (visibleDeposits.length > 0 || Boolean(bankHistory?.orders.length)) && /* @__PURE__ */ jsxs7("div", { className: "rs-history-list", children: [
+              [
+                ...visibleDeposits.filter(
+                  (deposit) => !bankHistory?.orders.some(
+                    (order) => order.stages.delivery.status === "completed" && order.stages.delivery.depositId === deposit.id
+                  )
+                ).map((deposit, i) => ({
+                  id: `deposit:${deposit.id ?? deposit.txHash}`,
+                  createdAt: deposit.createdAt ?? "",
+                  content: /* @__PURE__ */ jsx13(
+                    HistoryCard,
+                    {
+                      deposit,
+                      timing: timingPresentations[visibleDeposits.indexOf(deposit)],
+                      position: i,
+                      recipient,
+                      onRecover,
+                      onRowView
+                    },
+                    deposit.txHash || i
+                  )
+                })),
+                ...(bankHistory?.orders ?? []).map((order) => {
+                  const delivery = order.stages.delivery;
+                  const linked = delivery.status === "completed" ? visibleDeposits.find(
+                    (deposit) => deposit.id === delivery.depositId
+                  ) : void 0;
+                  return {
+                    id: `bank:${order.id}`,
+                    createdAt: order.createdAt,
+                    content: /* @__PURE__ */ jsx13(BankOrderCard, { order, deposit: linked, supportUrl: bankSupportUrl, children: linked && normalizeStatus(linked.status) === "failed" && /* @__PURE__ */ jsx13(
+                      HistoryCard,
+                      {
+                        deposit: linked,
+                        position: visibleDeposits.indexOf(linked),
+                        recipient,
+                        onRecover,
+                        onRowView,
+                        timing: timingPresentations[visibleDeposits.indexOf(linked)]
+                      }
+                    ) })
+                  };
+                })
+              ].sort((a, b) => b.createdAt.localeCompare(a.createdAt)).map((entry) => /* @__PURE__ */ jsx13("div", { children: entry.content }, entry.id)),
+              bankHistory?.hasMore && /* @__PURE__ */ jsx13(
+                "button",
                 {
-                  deposit,
-                  timing: timingPresentations[i],
-                  position: i,
-                  recipient,
-                  onRecover,
-                  onRowView
-                },
-                deposit.txHash || i
-              )),
+                  type: "button",
+                  className: "rs-history-load-more",
+                  disabled: bankHistory.loading,
+                  onClick: bankHistory.loadMore,
+                  children: "Load older bank transfers"
+                }
+              ),
               hasMore && /* @__PURE__ */ jsx13(
                 "button",
                 {
@@ -3981,27 +4597,27 @@ function HistoryCard({
   onRecover,
   onRowView
 }) {
-  const explorerTxUrl = useExplorerTxUrl();
-  const [expanded, setExpanded] = useState3(false);
-  const panelId = useId();
+  const [expanded, setExpanded] = useState4(false);
+  const panelId = useId2();
   const status = normalizeStatus(deposit.status, deposit.isSpam);
-  const sourceChainId = resolveChainId(deposit.chain);
-  const targetChainId = resolveChainId(deposit.targetChain);
+  const sourceChainId = resolveHistoryChainId(deposit.chain);
+  const targetChainId = resolveHistoryChainId(deposit.targetChain);
   const sourceChainName = sourceChainId ? getChainName(sourceChainId) : null;
   const targetChainName = targetChainId ? getChainName(targetChainId) : null;
   const sourceChainIcon = sourceChainId ? getChainIcon(sourceChainId) : void 0;
   const targetChainIcon = targetChainId ? getChainIcon(targetChainId) : void 0;
-  const sourceSymbol = resolveTokenSymbol(deposit.token, sourceChainId);
+  const sourceToken = deposit.token ?? void 0;
+  const tokenDisplay = useTokenDisplay(sourceChainId ?? void 0, sourceToken);
+  const sourceSymbol = !sourceToken ? "" : tokenDisplay.curated ? tokenDisplay.symbol : shortenHash(sourceToken);
   const rawAmount = deposit.sourceAmount && deposit.sourceAmount !== "0" ? deposit.sourceAmount : deposit.amount;
-  const formattedAmount = rawAmount ? formatAmount(rawAmount, deposit.token, sourceChainId) : null;
+  const formattedAmount = rawAmount ? formatAmount(rawAmount, tokenDisplay.decimals) : null;
   const displayAmount = formattedAmount ? sourceSymbol && /^USD/.test(sourceSymbol) ? `$${Number(formattedAmount).toLocaleString("en-US", {
     minimumFractionDigits: 2,
     maximumFractionDigits: 2
-  })}` : `${formattedAmount} ${sourceSymbol}` : "\u2014";
+  })}` : `${formattedAmount} ${sourceSymbol}` : rawAmount && tokenDisplay.pending ? "\u2026" : "\u2014";
   const date = deposit.createdAt ? formatDate(deposit.createdAt) : null;
   const txTypeLabel = `Deposit${sourceSymbol ? ` ${sourceSymbol}` : ""}`;
   const srcTxHash = sourceChainId === "hypercore" ? deposit.txHash : deposit.sourceTxHash;
-  const srcTxUrl = srcTxHash && sourceChainId ? explorerTxUrl(sourceChainId, srcTxHash) : null;
   const eligible = toRecoverableDeposit(deposit, { recipient });
   const recoverable = onRecover ? eligible : null;
   const toggleExpanded = () => {
@@ -4016,7 +4632,7 @@ function HistoryCard({
       position
     });
   };
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs7(
     "div",
     {
       className: `rs-history-card ${expanded ? "rs-history-card--expanded" : ""}`,
@@ -4029,60 +4645,46 @@ function HistoryCard({
             onClick: toggleExpanded,
             "aria-expanded": expanded,
             "aria-controls": panelId,
-            children: /* @__PURE__ */ jsxs8("div", { className: "rs-history-card-row", children: [
-              /* @__PURE__ */ jsxs8("div", { className: "rs-history-card-icons", children: [
+            children: /* @__PURE__ */ jsxs7("div", { className: "rs-history-card-row", children: [
+              /* @__PURE__ */ jsxs7("div", { className: "rs-history-card-icons", children: [
                 /* @__PURE__ */ jsx13("span", { className: "rs-history-card-token", children: /* @__PURE__ */ jsx13(
                   TokenIcon,
                   {
+                    token: sourceChainId !== null && sourceToken ? { chain: sourceChainId, address: sourceToken } : void 0,
                     symbol: sourceSymbol,
                     fallback: sourceSymbol.slice(0, 2)
                   }
                 ) }),
                 sourceChainIcon && /* @__PURE__ */ jsx13("span", { className: "rs-history-card-chain", children: /* @__PURE__ */ jsx13(CdnIcon, { src: sourceChainIcon }) })
               ] }),
-              /* @__PURE__ */ jsxs8("div", { className: "rs-history-card-text", children: [
+              /* @__PURE__ */ jsxs7("div", { className: "rs-history-card-text", children: [
                 /* @__PURE__ */ jsx13("span", { className: "rs-history-card-title", children: txTypeLabel }),
                 date && /* @__PURE__ */ jsx13("span", { className: "rs-history-card-date", children: date })
               ] }),
-              /* @__PURE__ */ jsxs8("div", { className: "rs-history-card-side", children: [
+              /* @__PURE__ */ jsxs7("div", { className: "rs-history-card-side", children: [
                 /* @__PURE__ */ jsx13("span", { className: "rs-history-card-amount", children: displayAmount }),
                 /* @__PURE__ */ jsx13("span", { className: `rs-history-badge rs-history-badge--${status}`, children: STATUS_LABEL[status] })
               ] })
             ] })
           }
         ),
-        /* @__PURE__ */ jsx13("div", { className: "rs-history-card-panel", id: panelId, children: /* @__PURE__ */ jsx13("div", { className: "rs-history-card-panel-inner", children: /* @__PURE__ */ jsxs8("div", { className: "rs-history-card-details", children: [
+        /* @__PURE__ */ jsx13("div", { className: "rs-history-card-panel", id: panelId, children: /* @__PURE__ */ jsx13("div", { className: "rs-history-card-panel-inner", children: /* @__PURE__ */ jsxs7("div", { className: "rs-history-card-details", children: [
           (status === "failed" || recoverable) && /* @__PURE__ */ jsx13(Callout, { variant: "error", children: recoveryFailureCause(sourceChainName) }),
-          sourceChainName && /* @__PURE__ */ jsxs8("div", { className: "rs-amount-detail-row", children: [
+          sourceChainName && /* @__PURE__ */ jsxs7("div", { className: "rs-amount-detail-row", children: [
             /* @__PURE__ */ jsx13("span", { children: "Source chain" }),
-            /* @__PURE__ */ jsxs8("span", { className: "rs-amount-detail-value", children: [
+            /* @__PURE__ */ jsxs7("span", { className: "rs-amount-detail-value", children: [
               /* @__PURE__ */ jsx13("span", { children: sourceChainName }),
               sourceChainIcon && /* @__PURE__ */ jsx13("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx13(CdnIcon, { src: sourceChainIcon }) })
             ] })
           ] }),
-          targetChainName && /* @__PURE__ */ jsxs8("div", { className: "rs-amount-detail-row", children: [
+          targetChainName && /* @__PURE__ */ jsxs7("div", { className: "rs-amount-detail-row", children: [
             /* @__PURE__ */ jsx13("span", { children: "Destination chain" }),
-            /* @__PURE__ */ jsxs8("span", { className: "rs-amount-detail-value", children: [
+            /* @__PURE__ */ jsxs7("span", { className: "rs-amount-detail-value", children: [
               /* @__PURE__ */ jsx13("span", { children: targetChainName }),
               targetChainIcon && /* @__PURE__ */ jsx13("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx13(CdnIcon, { src: targetChainIcon }) })
             ] })
           ] }),
-          srcTxUrl && srcTxHash && /* @__PURE__ */ jsxs8("div", { className: "rs-amount-detail-row", children: [
-            /* @__PURE__ */ jsx13("span", { children: "Transaction details" }),
-            /* @__PURE__ */ jsxs8(
-              "a",
-              {
-                href: srcTxUrl,
-                target: "_blank",
-                rel: "noopener noreferrer",
-                className: "rs-history-card-link",
-                children: [
-                  /* @__PURE__ */ jsx13("span", { children: shortenHash(srcTxHash) }),
-                  /* @__PURE__ */ jsx13(ArrowUpRightIcon, {})
-                ]
-              }
-            )
-          ] }),
+          /* @__PURE__ */ jsx13(HistoryTransactionLink, { chainId: sourceChainId, txHash: srcTxHash }),
           timing && /* @__PURE__ */ jsx13(
             "span",
             {
@@ -4093,14 +4695,14 @@ function HistoryCard({
               children: timing.state === "expected" ? `Usually arrives in ${timing.expectedDuration}` : timing.state === "soft" ? "Taking longer than usual" : "Taking much longer than usual"
             }
           ),
-          recoverable && /* @__PURE__ */ jsxs8(
+          recoverable && /* @__PURE__ */ jsxs7(
             Button,
             {
               onClick: () => onRecover?.(recoverable),
               fullWidth: true,
               className: "rs-history-card-recover",
               children: [
-                /* @__PURE__ */ jsxs8("span", { children: [
+                /* @__PURE__ */ jsxs7("span", { children: [
                   "Recover ",
                   displayAmount
                 ] }),
@@ -4116,10 +4718,10 @@ function HistoryCard({
 DepositHistoryPanel.displayName = "DepositHistoryPanel";
 
 // src/components/history/HistoryFallbackFlow.tsx
-import { useCallback as useCallback5, useEffect as useEffect7, useRef as useRef5, useState as useState5 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect7, useRef as useRef4, useState as useState6 } from "react";
 
 // src/components/ui/ListRow.tsx
-import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
 function ListRow({
   leading,
   leadingMedia,
@@ -4133,10 +4735,10 @@ function ListRow({
   disabled,
   ...props
 }) {
-  const inner = /* @__PURE__ */ jsxs9(Fragment3, { children: [
+  const inner = /* @__PURE__ */ jsxs8(Fragment3, { children: [
     leadingMedia ? /* @__PURE__ */ jsx14("span", { className: "rs-list-row-leading rs-list-row-leading--media", children: /* @__PURE__ */ jsx14(CdnIcon, { src: leadingMedia }) }) : leading ? /* @__PURE__ */ jsx14("span", { className: "rs-list-row-leading", children: leading }) : null,
-    /* @__PURE__ */ jsxs9("div", { className: "rs-list-row-body", children: [
-      /* @__PURE__ */ jsxs9("div", { className: "rs-list-row-text", children: [
+    /* @__PURE__ */ jsxs8("div", { className: "rs-list-row-body", children: [
+      /* @__PURE__ */ jsxs8("div", { className: "rs-list-row-text", children: [
         /* @__PURE__ */ jsx14("span", { className: "rs-list-row-title", children: title }),
         subtitle && /* @__PURE__ */ jsx14("span", { className: "rs-list-row-subtitle", children: subtitle })
       ] }),
@@ -4192,15 +4794,15 @@ function ListRow({
 ListRow.displayName = "ListRow";
 
 // src/components/recovery/RecoveryLookupScreen.tsx
-import { useEffect as useEffect6, useState as useState4 } from "react";
+import { useEffect as useEffect6, useState as useState5 } from "react";
 
 // src/components/ui/Input.tsx
 import { forwardRef } from "react";
-import { jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
 var Input = forwardRef(
   ({ label, error, hint, variant, className = "", ...props }, ref) => {
     const inputVariant = error ? "error" : variant || "default";
-    return /* @__PURE__ */ jsxs10("div", { className: "rs-input-wrapper", children: [
+    return /* @__PURE__ */ jsxs9("div", { className: "rs-input-wrapper", children: [
       label && /* @__PURE__ */ jsx15("label", { className: "rs-input-label", children: label }),
       /* @__PURE__ */ jsx15(
         "input",
@@ -4210,7 +4812,7 @@ var Input = forwardRef(
           ...props
         }
       ),
-      error ? /* @__PURE__ */ jsxs10("p", { className: "rs-input-error", children: [
+      error ? /* @__PURE__ */ jsxs9("p", { className: "rs-input-error", children: [
         /* @__PURE__ */ jsx15(AlertTriangleIcon, { className: "rs-input-error-icon" }),
         error
       ] }) : hint && /* @__PURE__ */ jsx15("p", { className: "rs-input-hint", children: hint })
@@ -4240,7 +4842,7 @@ function classifyRecoveryLookup(rows, options = {}) {
 }
 
 // src/components/recovery/RecoveryLookupScreen.tsx
-import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
 function RecoveryLookupScreen({
   title,
   subtitle,
@@ -4251,7 +4853,7 @@ function RecoveryLookupScreen({
   onSubmit,
   onInvalid
 }) {
-  const [txHash, setTxHash] = useState4("");
+  const [txHash, setTxHash] = useState5("");
   const onInvalidRef = useLatestRef(onInvalid);
   const trimmed = txHash.trim();
   const valid = isRecoveryTxHash(trimmed);
@@ -4260,8 +4862,8 @@ function RecoveryLookupScreen({
       onInvalidRef.current?.();
     }
   }, [trimmed, valid, onInvalidRef]);
-  return /* @__PURE__ */ jsxs11("div", { className: "rs-screen", children: [
-    /* @__PURE__ */ jsxs11("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
+  return /* @__PURE__ */ jsxs10("div", { className: "rs-screen", children: [
+    /* @__PURE__ */ jsxs10("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
       /* @__PURE__ */ jsx16(
         BodyHeader,
         {
@@ -4319,43 +4921,12 @@ var STABLECOIN_SYMBOLS = /* @__PURE__ */ new Set([
   "BUSD",
   "USDE"
 ]);
-var EVM_ADDRESS_RE = /^0x[a-fA-F0-9]{40}$/;
-function resolveTokenDisplay(token, chain, fallback) {
-  if (token !== void 0) {
-    if (chain === "solana") {
-      const solanaToken = getSolanaTokenByMint(token);
-      if (solanaToken) {
-        return { symbol: solanaToken.symbol, decimals: solanaToken.decimals };
-      }
-    } else if (chain === "hypercore") {
-      const t = HYPERCORE_SOURCE_TOKENS.find(
-        (x) => x.address.toLowerCase() === token.toLowerCase()
-      );
-      if (t) return { symbol: t.symbol, decimals: t.decimals };
-    } else if (chain === "tron" || chain === "stellar") {
-      const published = getRuntimeTokenByAddress(chain, token);
-      if (published) {
-        return { symbol: published.symbol, decimals: published.decimals };
-      }
-    } else if (EVM_ADDRESS_RE.test(token)) {
-      const symbol = getTokenSymbol(token, chain);
-      const decimals = findTokenDecimals(token, chain);
-      if (symbol !== "Token" || decimals !== void 0) {
-        return {
-          symbol: symbol !== "Token" ? symbol : fallback?.symbol ?? symbol,
-          decimals: decimals ?? fallback?.decimals
-        };
-      }
-    }
-  }
-  return {
-    symbol: fallback?.symbol ?? "Token",
-    decimals: fallback?.decimals
-  };
+function normalizeStableSymbol(symbol) {
+  return symbol.trim().toUpperCase().replace(/₮/g, "T").replace(/\.E$/, "");
 }
 function maxFractionDigitsFor(symbol) {
   if (!symbol) return 6;
-  return STABLECOIN_SYMBOLS.has(symbol.toUpperCase()) ? 3 : 6;
+  return STABLECOIN_SYMBOLS.has(normalizeStableSymbol(symbol)) ? 3 : 6;
 }
 function formatTokenAmount(amount, symbol) {
   if (!Number.isFinite(amount)) return void 0;
@@ -4379,26 +4950,13 @@ function formatRawTokenAmount(rawAmount, token) {
   return formatTokenAmount(value, token.symbol);
 }
 function isDisplayStablecoinSymbol(symbol) {
-  return symbol !== void 0 && STABLECOIN_SYMBOLS.has(symbol.toUpperCase());
+  return symbol !== void 0 && STABLECOIN_SYMBOLS.has(normalizeStableSymbol(symbol));
 }
 function priceUsdFor(symbol, prices) {
   if (!symbol) return void 0;
   const quoted = prices[symbol.toUpperCase()];
   return typeof quoted === "number" && quoted > 0 ? quoted : void 0;
 }
-function isRecognizedToken(address, chain) {
-  if (address === void 0 || chain === void 0) return false;
-  if (chain === "solana") return getSolanaTokenByMint(address) !== void 0;
-  if (chain === "hypercore") {
-    return HYPERCORE_SOURCE_TOKENS.some(
-      (t) => t.address.toLowerCase() === address.toLowerCase()
-    );
-  }
-  if (chain === "tron" || chain === "stellar") {
-    return getRuntimeTokenByAddress(chain, address) !== void 0;
-  }
-  return EVM_ADDRESS_RE.test(address) && isRegistryTokenOnChain(address, chain);
-}
 function estimateReceiveAmount(params) {
   const {
     sourceAmount,
@@ -4450,20 +5008,14 @@ function formatReceiveEstimate(params) {
 
 // src/components/recovery/recovery-display.ts
 function describeRecoveryDeposit(params) {
-  const token = params.token ?? "0x";
-  const decimals = getTokenDecimalsByAddress(token, params.chainId);
-  const symbol = getTokenSymbol(token, params.chainId);
-  const raw = toBigInt(params.amountRaw);
-  const human = Number(formatUnits3(raw, decimals));
   return {
-    symbol,
-    decimals,
-    amount: formatTokenAmount(human, symbol) ?? formatUnits3(raw, decimals),
+    amount: formatRecoveryAmount(params.amountRaw, params.decimals, params.symbol),
     chainName: getChainName(params.chainId),
     chainIcon: getChainIcon(params.chainId)
   };
 }
 function formatRecoveryAmount(amountRaw, decimals, symbol) {
+  if (decimals === void 0) return "\u2014";
   const raw = toBigInt(amountRaw);
   return formatTokenAmount(Number(formatUnits3(raw, decimals)), symbol) ?? formatUnits3(raw, decimals);
 }
@@ -4483,9 +5035,9 @@ function shortenAddress(addr) {
 
 // src/core/claim-analytics.tsx
 import {
-  createContext as createContext4,
-  useContext as useContext4,
-  useMemo as useMemo5
+  createContext as createContext5,
+  useContext as useContext5,
+  useMemo as useMemo7
 } from "react";
 
 // src/core/recovery.ts
@@ -4804,7 +5356,7 @@ function createClaimAnalyticsController(emit, correlation) {
   };
   return controller;
 }
-var ClaimAnalyticsControllerContext = createContext4(null);
+var ClaimAnalyticsControllerContext = createContext5(null);
 var noopController = createClaimAnalyticsController(() => {
 });
 function ClaimAnalyticsControllerProvider({
@@ -4813,7 +5365,7 @@ function ClaimAnalyticsControllerProvider({
   correlation
 }) {
   const emit = useClaimAnalyticsEmitter();
-  const controller = useMemo5(
+  const controller = useMemo7(
     () => createClaimAnalyticsController(emit, correlation),
     [emit, correlation]
   );
@@ -4821,7 +5373,7 @@ function ClaimAnalyticsControllerProvider({
   return /* @__PURE__ */ jsx17(ClaimAnalyticsControllerContext.Provider, { value: controller, children });
 }
 function useClaimAnalyticsController() {
-  return useContext4(ClaimAnalyticsControllerContext) ?? noopController;
+  return useContext5(ClaimAnalyticsControllerContext) ?? noopController;
 }
 
 // src/core/formatters.ts
@@ -4929,7 +5481,7 @@ function formatUserError(raw) {
 }
 
 // src/components/history/HistoryFallbackFlow.tsx
-import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
 function HistoryFallbackFlow({
   service,
   recipient,
@@ -4938,13 +5490,13 @@ function HistoryFallbackFlow({
   onFound
 }) {
   const analytics = useClaimAnalyticsController();
-  const [loading, setLoading] = useState5(false);
-  const [error, setError] = useState5(null);
-  const [matches, setMatches] = useState5(null);
+  const [loading, setLoading] = useState6(false);
+  const [error, setError] = useState6(null);
+  const [matches, setMatches] = useState6(null);
   useEffect7(() => {
     analytics.openStep("lookup");
   }, [analytics]);
-  const epochRef = useRef5(0);
+  const epochRef = useRef4(0);
   useEffect7(() => {
     setMatches(null);
     setError(null);
@@ -5023,7 +5575,13 @@ function HistoryFallbackFlow({
     },
     [onBack]
   );
-  return /* @__PURE__ */ jsxs12(
+  const matchDisplays = useTokenDisplays(
+    (matches ?? []).map((match) => ({
+      chain: match.sourceChainId,
+      address: match.token
+    }))
+  );
+  return /* @__PURE__ */ jsxs11(
     "div",
     {
       className: "rs-history-lookup",
@@ -5031,8 +5589,8 @@ function HistoryFallbackFlow({
       "aria-label": "Find a deposit",
       onKeyDown: handleKeyDown,
       children: [
-        /* @__PURE__ */ jsxs12("div", { className: "rs-modal-header--redesigned", children: [
-          /* @__PURE__ */ jsx18("div", { className: "rs-modal-header-nav-left", children: /* @__PURE__ */ jsxs12(
+        /* @__PURE__ */ jsxs11("div", { className: "rs-modal-header--redesigned", children: [
+          /* @__PURE__ */ jsx18("div", { className: "rs-modal-header-nav-left", children: /* @__PURE__ */ jsxs11(
             "button",
             {
               type: "button",
@@ -5056,8 +5614,8 @@ function HistoryFallbackFlow({
             }
           ) })
         ] }),
-        matches ? /* @__PURE__ */ jsxs12("div", { className: "rs-screen", children: [
-          /* @__PURE__ */ jsxs12("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
+        matches ? /* @__PURE__ */ jsxs11("div", { className: "rs-screen", children: [
+          /* @__PURE__ */ jsxs11("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
             /* @__PURE__ */ jsx18(
               BodyHeader,
               {
@@ -5066,16 +5624,19 @@ function HistoryFallbackFlow({
                 subtitle: "This transaction produced multiple deposits. Choose the one to recover."
               }
             ),
-            /* @__PURE__ */ jsx18("div", { className: "rs-list", children: matches.map((match) => {
-              const { symbol, amount, chainName } = describeRecoveryDeposit({
+            /* @__PURE__ */ jsx18("div", { className: "rs-list", children: matches.map((match, i) => {
+              const display = matchDisplays[i];
+              const symbol = display?.symbol ?? "Token";
+              const { amount, chainName } = describeRecoveryDeposit({
                 chainId: match.sourceChainId,
-                token: match.token,
-                amountRaw: match.amountRaw
+                amountRaw: match.amountRaw,
+                symbol,
+                decimals: display?.decimals
               });
               return /* @__PURE__ */ jsx18(
                 ListRow,
                 {
-                  leadingMedia: tokenIconUrl(symbol),
+                  leadingMedia: display?.logo,
                   title: `${amount} ${symbol}`,
                   subtitle: chainName,
                   onClick: () => selectMatch(match)
@@ -5109,10 +5670,10 @@ function newestFirst(rows) {
 HistoryFallbackFlow.displayName = "HistoryFallbackFlow";
 
 // src/components/history/HistoryRecoveryFlow.tsx
-import { useCallback as useCallback6, useEffect as useEffect9, useRef as useRef6, useState as useState7 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect9, useRef as useRef5, useState as useState8 } from "react";
 
 // src/components/recovery/RecoveryOutcomeScreen.tsx
-import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
 function RecoveryOutcomeScreen({
   result,
   error,
@@ -5121,8 +5682,8 @@ function RecoveryOutcomeScreen({
   const success = !!result;
   const explorerTxUrl = useExplorerTxUrl();
   const txUrl = result ? explorerTxUrl(result.chainId, result.txHash) : null;
-  return /* @__PURE__ */ jsxs13("div", { className: "rs-screen", children: [
-    /* @__PURE__ */ jsxs13("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
+  return /* @__PURE__ */ jsxs12("div", { className: "rs-screen", children: [
+    /* @__PURE__ */ jsxs12("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
       /* @__PURE__ */ jsx19(
         BodyHeader,
         {
@@ -5132,25 +5693,31 @@ function RecoveryOutcomeScreen({
           subtitle: success ? "Your funds are being returned on the source chain." : void 0
         }
       ),
-      result ? /* @__PURE__ */ jsxs13("div", { className: "rs-review-details", children: [
-        /* @__PURE__ */ jsxs13("div", { className: "rs-review-detail-row", children: [
+      result ? /* @__PURE__ */ jsxs12("div", { className: "rs-review-details", children: [
+        /* @__PURE__ */ jsxs12("div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ jsx19("span", { children: "Amount" }),
-          /* @__PURE__ */ jsxs13("span", { className: "rs-review-detail-value", children: [
-            /* @__PURE__ */ jsxs13("span", { children: [
+          /* @__PURE__ */ jsxs12("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsxs12("span", { children: [
               result.amountDisplay,
               " ",
               result.symbol
             ] }),
-            /* @__PURE__ */ jsx19("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx19(TokenIcon, { symbol: result.symbol }) })
+            /* @__PURE__ */ jsx19("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx19(
+              TokenIcon,
+              {
+                token: result.token ? { chain: result.chainId, address: result.token } : void 0,
+                symbol: result.symbol
+              }
+            ) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs13("div", { className: "rs-review-detail-row", children: [
+        /* @__PURE__ */ jsxs12("div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ jsx19("span", { children: "Sent to" }),
           /* @__PURE__ */ jsx19("span", { className: "rs-review-detail-value", children: shortenAddress(result.destination) })
         ] }),
-        /* @__PURE__ */ jsxs13("div", { className: "rs-review-detail-row", children: [
+        /* @__PURE__ */ jsxs12("div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ jsx19("span", { children: "Refund transaction" }),
-          txUrl ? /* @__PURE__ */ jsxs13(
+          txUrl ? /* @__PURE__ */ jsxs12(
             "a",
             {
               className: "rs-review-detail-value rs-link",
@@ -5173,31 +5740,30 @@ function RecoveryOutcomeScreen({
 RecoveryOutcomeScreen.displayName = "RecoveryOutcomeScreen";
 
 // src/components/recovery/RecoveryReviewScreen.tsx
-import { useEffect as useEffect8, useState as useState6 } from "react";
+import { useEffect as useEffect8, useState as useState7 } from "react";
 import { isAddress as isAddress2 } from "viem";
-import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
 function RecoveryReviewScreen({
   chainId,
   token,
   amountRaw,
   txHash,
   defaultDestination,
-  destinationHint,
   depositAddress,
   submitting,
   onSubmit,
   onDestinationInvalid,
   onDestinationIsDepositAddress
 }) {
-  const { symbol, amount, chainName, chainIcon } = describeRecoveryDeposit({
+  const { symbol, decimals } = useTokenDisplay(chainId, token);
+  const { amount, chainName, chainIcon } = describeRecoveryDeposit({
     chainId,
-    token,
-    amountRaw
+    amountRaw,
+    symbol,
+    decimals
   });
   const explorerTxUrl = useExplorerTxUrl();
-  const [destination, setDestination] = useState6(
-    defaultDestination ?? ""
-  );
+  const [destination, setDestination] = useState7(defaultDestination ?? "");
   const isSelfDestination = isDepositSelfDestination(
     { depositAddress },
     destination
@@ -5224,8 +5790,8 @@ function RecoveryReviewScreen({
   const selfDestinationError = `${shortenAddress(destination)} is this deposit's own address. Enter a different address.`;
   const txUrl = txHash ? explorerTxUrl(chainId, txHash) : null;
   const txShort = txHash ? shortenHash2(txHash) : "\u2014";
-  return /* @__PURE__ */ jsxs14("div", { className: "rs-screen", children: [
-    /* @__PURE__ */ jsxs14("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
+  return /* @__PURE__ */ jsxs13("div", { className: "rs-screen", children: [
+    /* @__PURE__ */ jsxs13("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
       /* @__PURE__ */ jsx20(
         BodyHeader,
         {
@@ -5234,28 +5800,34 @@ function RecoveryReviewScreen({
           subtitle: "This returns the funds on the source chain. It does not retry the original deposit."
         }
       ),
-      /* @__PURE__ */ jsxs14("div", { className: "rs-review-details", children: [
-        /* @__PURE__ */ jsxs14("div", { className: "rs-review-detail-row", children: [
+      /* @__PURE__ */ jsxs13("div", { className: "rs-review-details", children: [
+        /* @__PURE__ */ jsxs13("div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ jsx20("span", { children: "Amount" }),
-          /* @__PURE__ */ jsxs14("span", { className: "rs-review-detail-value", children: [
-            /* @__PURE__ */ jsxs14("span", { children: [
+          /* @__PURE__ */ jsxs13("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsxs13("span", { children: [
               amount,
               " ",
               symbol
             ] }),
-            /* @__PURE__ */ jsx20("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx20(TokenIcon, { symbol }) })
+            /* @__PURE__ */ jsx20("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx20(
+              TokenIcon,
+              {
+                token: token ? { chain: chainId, address: token } : void 0,
+                symbol
+              }
+            ) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs14("div", { className: "rs-review-detail-row", children: [
+        /* @__PURE__ */ jsxs13("div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ jsx20("span", { children: "Source chain" }),
-          /* @__PURE__ */ jsxs14("span", { className: "rs-review-detail-value", children: [
+          /* @__PURE__ */ jsxs13("span", { className: "rs-review-detail-value", children: [
             /* @__PURE__ */ jsx20("span", { children: chainName }),
             chainIcon && /* @__PURE__ */ jsx20("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx20(CdnIcon, { src: chainIcon }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs14("div", { className: "rs-review-detail-row", children: [
+        /* @__PURE__ */ jsxs13("div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ jsx20("span", { children: "Deposit transaction" }),
-          txUrl ? /* @__PURE__ */ jsxs14(
+          txUrl ? /* @__PURE__ */ jsxs13(
             "a",
             {
               className: "rs-review-detail-value rs-link",
@@ -5277,7 +5849,7 @@ function RecoveryReviewScreen({
           placeholder: "0x\u2026",
           value: destination,
           onChange: (e) => setDestination(e.target.value),
-          hint: destinationHint,
+          hint: `An address you control on ${chainName}.`,
           error: isSelfDestination ? selfDestinationError : destination.length > 0 && !destinationValid ? "Enter a valid address" : void 0
         }
       ),
@@ -5299,7 +5871,7 @@ function RecoveryReviewScreen({
 RecoveryReviewScreen.displayName = "RecoveryReviewScreen";
 
 // src/components/history/HistoryRecoveryFlow.tsx
-import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs14 } from "react/jsx-runtime";
 function HistoryRecoveryFlow({
   deposit,
   entrySource,
@@ -5312,11 +5884,12 @@ function HistoryRecoveryFlow({
   onRecovered
 }) {
   const analytics = useClaimAnalyticsController();
-  const [phase, setPhase] = useState7("review");
-  const [outcome, setOutcome] = useState7(null);
-  const [error, setError] = useState7(null);
-  const [retryable, setRetryable] = useState7(false);
-  const lastFailureRef = useRef6(null);
+  const [phase, setPhase] = useState8("review");
+  const [outcome, setOutcome] = useState8(null);
+  const [error, setError] = useState8(null);
+  const [retryable, setRetryable] = useState8(false);
+  const [destination, setDestination] = useState8();
+  const lastFailureRef = useRef5(null);
   useEffect9(() => {
     if (entrySource === "history_row") {
       analytics.selectDeposit({
@@ -5327,13 +5900,13 @@ function HistoryRecoveryFlow({
     }
     analytics.openStep("review");
   }, [analytics, deposit, entrySource]);
-  const { symbol, decimals } = describeRecoveryDeposit({
-    chainId: deposit.sourceChainId,
-    token: deposit.token,
-    amountRaw: deposit.amountRaw
-  });
+  const { symbol, decimals } = useTokenDisplay(
+    deposit.sourceChainId,
+    deposit.token
+  );
   const submit = useCallback6(
-    async (destination) => {
+    async (destination2) => {
+      setDestination(destination2);
       setPhase("submitting");
       onSubmittingChange(true);
       analytics.completeStep("review");
@@ -5346,14 +5919,14 @@ function HistoryRecoveryFlow({
           chainId: deposit.targetChainId,
           depositId: deposit.depositId,
           signer: deposit.signer,
-          destination,
+          destination: destination2,
           signRecovery,
           debug
         });
         setOutcome({
           // No destination to reconcile: it is inside the signed struct, so the
           // processor cannot have paid anywhere else.
-          destination,
+          destination: destination2,
           txHash: result.transactionHash,
           symbol,
           amountDisplay: formatRecoveryAmount(
@@ -5414,15 +5987,15 @@ function HistoryRecoveryFlow({
     setPhase("review");
   }, [analytics]);
   const submitting = phase === "submitting";
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs14(
     "div",
     {
       className: "rs-history-recovery",
       role: "dialog",
       "aria-label": "Recover deposit",
       children: [
-        /* @__PURE__ */ jsxs15("div", { className: "rs-modal-header--redesigned", children: [
-          /* @__PURE__ */ jsx21("div", { className: "rs-modal-header-nav-left", children: !submitting && /* @__PURE__ */ jsxs15(
+        /* @__PURE__ */ jsxs14("div", { className: "rs-modal-header--redesigned", children: [
+          /* @__PURE__ */ jsx21("div", { className: "rs-modal-header-nav-left", children: !submitting && /* @__PURE__ */ jsxs14(
             "button",
             {
               type: "button",
@@ -5454,8 +6027,7 @@ function HistoryRecoveryFlow({
             token: deposit.token,
             amountRaw: deposit.amountRaw,
             txHash: deposit.sourceTxHash,
-            defaultDestination: deposit.destinationPrefill,
-            destinationHint: "Prefilled with the account this deposit was for. Editable.",
+            defaultDestination: destination,
             depositAddress: deposit.depositAddress,
             submitting,
             onSubmit: submit,
@@ -5469,11 +6041,15 @@ function HistoryRecoveryFlow({
         phase === "success" && outcome && /* @__PURE__ */ jsx21(
           RecoveryOutcomeScreen,
           {
-            result: { ...outcome, chainId: deposit.sourceChainId },
+            result: {
+              ...outcome,
+              chainId: deposit.sourceChainId,
+              token: deposit.token
+            },
             children: /* @__PURE__ */ jsx21(Button, { variant: "outline", onClick: onBack, fullWidth: true, children: "Back to history" })
           }
         ),
-        phase === "failed" && /* @__PURE__ */ jsxs15(RecoveryOutcomeScreen, { error, children: [
+        phase === "failed" && /* @__PURE__ */ jsxs14(RecoveryOutcomeScreen, { error, children: [
           /* @__PURE__ */ jsx21(Button, { variant: "outline", onClick: onBack, fullWidth: true, children: "Back to history" }),
           retryable && /* @__PURE__ */ jsx21(Button, { onClick: retry, fullWidth: true, children: "Try again" })
         ] })
@@ -5484,9 +6060,11 @@ function HistoryRecoveryFlow({
 HistoryRecoveryFlow.displayName = "HistoryRecoveryFlow";
 
 // src/components/history/HistoryOverlay.tsx
-import { Fragment as Fragment4, jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
 function HistoryOverlay({
   controller,
+  bankHistory,
+  bankSupportUrl,
   backLabel,
   title,
   recipient,
@@ -5503,9 +6081,9 @@ function HistoryOverlay({
   onEvent
 }) {
   const recovering = signRecovery ? controller.recovering : null;
-  const [fallbackOpen, setFallbackOpen] = useState8(false);
-  const [attempt, setAttempt] = useState8(null);
-  const claimControllerRef = useRef7(null);
+  const [fallbackOpen, setFallbackOpen] = useState9(false);
+  const [attempt, setAttempt] = useState9(null);
+  const claimControllerRef = useRef6(null);
   const beginAttempt = useCallback7(
     (entrySource) => {
       const id = randomUuid();
@@ -5590,15 +6168,15 @@ function HistoryOverlay({
       claim?.close("host_controlled");
     };
   }, [attempt]);
-  const claimSessionProperties = useMemo6(
+  const claimSessionProperties = useMemo8(
     () => ({
       presentation: inline ? "inline" : "overlay",
       overlay_close_enabled: !inline && Boolean(closeOnOverlayClick),
-      prefills: { transaction_hash: false, refund_destination: true }
+      prefills: { transaction_hash: false, refund_destination: false }
     }),
     [inline, closeOnOverlayClick]
   );
-  const layers = /* @__PURE__ */ jsxs16(Fragment4, { children: [
+  const layers = /* @__PURE__ */ jsxs15(Fragment4, { children: [
     fallbackOpen && recipient && !recovering && /* @__PURE__ */ jsx22(
       HistoryFallbackFlow,
       {
@@ -5624,10 +6202,12 @@ function HistoryOverlay({
       }
     )
   ] });
-  return /* @__PURE__ */ jsxs16(Fragment4, { children: [
+  return /* @__PURE__ */ jsxs15(Fragment4, { children: [
     /* @__PURE__ */ jsx22(
       DepositHistoryPanel,
       {
+        bankHistory,
+        bankSupportUrl,
         deposits: controller.deposits,
         isLoading: controller.isLoading,
         error: controller.error,
@@ -5669,7 +6249,7 @@ function HistoryOverlay({
 }
 
 // src/components/history/useHistoryPanel.ts
-import { useCallback as useCallback8, useEffect as useEffect11, useMemo as useMemo7, useRef as useRef8, useState as useState9 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect11, useMemo as useMemo9, useRef as useRef7, useState as useState10 } from "react";
 var MAX_TIMEOUT_MS = 2147483647;
 function sortByCreatedAtDesc(items) {
   return [...items].sort((a, b) => {
@@ -5685,19 +6265,19 @@ function useHistoryPanel({
   canRecover,
   analytics
 }) {
-  const [isPanelOpen, setIsPanelOpen] = useState9(false);
-  const [deposits, setDeposits] = useState9([]);
-  const [hasMore, setHasMore] = useState9(false);
-  const [isLoading, setIsLoading] = useState9(false);
-  const [isLoadingMore, setIsLoadingMore] = useState9(false);
-  const [error, setError] = useState9(null);
-  const cursorRef = useRef8(null);
-  const staleRef = useRef8(false);
-  const loadedRef = useRef8(false);
-  const recipientRef = useRef8(recipient);
-  const requestRef = useRef8(0);
-  const [recovering, setRecovering] = useState9(null);
-  const [recoverySubmitting, setRecoverySubmitting] = useState9(false);
+  const [isPanelOpen, setIsPanelOpen] = useState10(false);
+  const [deposits, setDeposits] = useState10([]);
+  const [hasMore, setHasMore] = useState10(false);
+  const [isLoading, setIsLoading] = useState10(false);
+  const [isLoadingMore, setIsLoadingMore] = useState10(false);
+  const [error, setError] = useState10(null);
+  const cursorRef = useRef7(null);
+  const staleRef = useRef7(false);
+  const loadedRef = useRef7(false);
+  const recipientRef = useRef7(recipient);
+  const requestRef = useRef7(0);
+  const [recovering, setRecovering] = useState10(null);
+  const [recoverySubmitting, setRecoverySubmitting] = useState10(false);
   const fetchHistory = useCallback8(
     async (mode = "initial") => {
       if (!recipient) return;
@@ -5821,7 +6401,7 @@ function useHistoryPanel({
     staleRef.current = true;
   }, []);
   const cancelRecovery = useCallback8(() => setRecovering(null), []);
-  return useMemo7(
+  return useMemo9(
     () => ({
       deposits,
       isLoading,
@@ -6068,6 +6648,9 @@ var REMOVED_UI_CONFIG_KEYS = {
   checkLiquidity: "removed \u2014 the modal no longer surfaces a liquidity cap. Route capacity is enforced when the deposit is processed.",
   showHistoryButton: "removed \u2014 deposit history is always offered, from the modal's home screen. There is no way to hide it."
 };
+var REMOVED_BANK_ONRAMP_KEYS = {
+  currency: "removed \u2014 the currency follows the residence the customer declares at verification: EUR inside SEPA, USD elsewhere."
+};
 var warned = /* @__PURE__ */ new Set();
 function warnOnce(component, key, replacement) {
   const id = `${component}.${key}`;
@@ -6085,6 +6668,18 @@ function warnRemovedProps(component, props) {
       warnOnce(component, key, table[key]);
     }
   }
+  const bankOnramp = props.bankOnramp;
+  if (bankOnramp && typeof bankOnramp === "object") {
+    for (const key of Object.keys(REMOVED_BANK_ONRAMP_KEYS)) {
+      if (Object.prototype.hasOwnProperty.call(bankOnramp, key)) {
+        warnOnce(
+          component,
+          `bankOnramp.${key}`,
+          REMOVED_BANK_ONRAMP_KEYS[key]
+        );
+      }
+    }
+  }
   const uiConfig = props.uiConfig;
   if (uiConfig && typeof uiConfig === "object") {
     for (const key of Object.keys(REMOVED_UI_CONFIG_KEYS)) {
@@ -6254,22 +6849,22 @@ function isSubmissionUncertain(error) {
 }
 
 // src/components/steps/ProcessingStep.tsx
-import { useCallback as useCallback10, useEffect as useEffect14, useRef as useRef10, useState as useState13 } from "react";
+import { useCallback as useCallback10, useEffect as useEffect13, useRef as useRef9, useState as useState13 } from "react";
 
 // src/components/ui/Tooltip.tsx
 import {
-  useState as useState10,
-  useRef as useRef9,
+  useState as useState11,
+  useRef as useRef8,
   useEffect as useEffect12,
   useCallback as useCallback9
 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
-import { jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
 function Tooltip({ content, children, className }) {
-  const [open, setOpen] = useState10(false);
-  const [position, setPosition] = useState10(null);
-  const triggerRef = useRef9(null);
-  const bubbleRef = useRef9(null);
+  const [open, setOpen] = useState11(false);
+  const [position, setPosition] = useState11(null);
+  const triggerRef = useRef8(null);
+  const bubbleRef = useRef8(null);
   const updatePosition = useCallback9(() => {
     const trigger = triggerRef.current;
     if (!trigger) return;
@@ -6305,7 +6900,7 @@ function Tooltip({ content, children, className }) {
       window.removeEventListener("resize", updatePosition);
     };
   }, [open, updatePosition]);
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs16(
     "span",
     {
       ref: triggerRef,
@@ -6354,18 +6949,18 @@ function Tooltip({ content, children, className }) {
 Tooltip.displayName = "Tooltip";
 
 // src/components/ui/FeesAccordion.tsx
-import { useState as useState11 } from "react";
-import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
+import { useState as useState12 } from "react";
+import { jsx as jsx24, jsxs as jsxs17 } from "react/jsx-runtime";
 function FeesAccordion({ total, rows, tooltip }) {
-  const [open, setOpen] = useState11(false);
+  const [open, setOpen] = useState12(false);
   const expandable = rows.length > 0;
-  return /* @__PURE__ */ jsxs18("div", { className: "rs-fees-accordion", children: [
-    /* @__PURE__ */ jsxs18("div", { className: "rs-fees-accordion-summary", children: [
-      /* @__PURE__ */ jsxs18("span", { className: "rs-fees-accordion-label", children: [
+  return /* @__PURE__ */ jsxs17("div", { className: "rs-fees-accordion", children: [
+    /* @__PURE__ */ jsxs17("div", { className: "rs-fees-accordion-summary", children: [
+      /* @__PURE__ */ jsxs17("span", { className: "rs-fees-accordion-label", children: [
         /* @__PURE__ */ jsx24("span", { children: "Fees" }),
         tooltip && /* @__PURE__ */ jsx24(Tooltip, { content: tooltip, children: /* @__PURE__ */ jsx24("span", { className: "rs-review-detail-info", "aria-label": "Fees info", children: /* @__PURE__ */ jsx24(InfoIcon, {}) }) })
       ] }),
-      /* @__PURE__ */ jsxs18(
+      /* @__PURE__ */ jsxs17(
         "button",
         {
           type: "button",
@@ -6388,9 +6983,9 @@ function FeesAccordion({ total, rows, tooltip }) {
         }
       )
     ] }),
-    expandable && open && /* @__PURE__ */ jsx24("div", { className: "rs-fees-accordion-rows", children: rows.map((row, i) => /* @__PURE__ */ jsxs18("div", { className: "rs-fees-accordion-row", children: [
+    expandable && open && /* @__PURE__ */ jsx24("div", { className: "rs-fees-accordion-rows", children: rows.map((row, i) => /* @__PURE__ */ jsxs17("div", { className: "rs-fees-accordion-row", children: [
       /* @__PURE__ */ jsx24("span", { children: row.label }),
-      /* @__PURE__ */ jsxs18("span", { className: "rs-review-detail-value", children: [
+      /* @__PURE__ */ jsxs17("span", { className: "rs-review-detail-value", children: [
         /* @__PURE__ */ jsx24(
           "span",
           {
@@ -6413,13 +7008,14 @@ function FeesAccordion({ total, rows, tooltip }) {
 FeesAccordion.displayName = "FeesAccordion";
 
 // src/components/steps/SwappedReceipt.tsx
-import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs18 } from "react/jsx-runtime";
 function SwappedReceipt({
   onrampMethod,
   onrampMethodIcon,
   amountPaid,
   depositedAmount,
   depositedSymbol,
+  depositedToken,
   feesTotal,
   feeRows,
   feesTooltip,
@@ -6427,26 +7023,26 @@ function SwappedReceipt({
   onNewDeposit,
   onClose
 }) {
-  return /* @__PURE__ */ jsxs19("div", { className: "rs-screen", children: [
-    /* @__PURE__ */ jsxs19("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
+  return /* @__PURE__ */ jsxs18("div", { className: "rs-screen", children: [
+    /* @__PURE__ */ jsxs18("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
       /* @__PURE__ */ jsx25(BodyHeader, { icon: /* @__PURE__ */ jsx25(CheckIcon, {}), title: "Deposit successful" }),
-      /* @__PURE__ */ jsxs19("div", { className: "rs-review-details", children: [
-        onrampMethod && /* @__PURE__ */ jsxs19("div", { className: "rs-review-detail-row", children: [
+      /* @__PURE__ */ jsxs18("div", { className: "rs-review-details", children: [
+        onrampMethod && /* @__PURE__ */ jsxs18("div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ jsx25("span", { children: "Onramp method" }),
-          /* @__PURE__ */ jsxs19("span", { className: "rs-review-detail-value", children: [
+          /* @__PURE__ */ jsxs18("span", { className: "rs-review-detail-value", children: [
             /* @__PURE__ */ jsx25("span", { children: onrampMethod }),
             onrampMethodIcon && /* @__PURE__ */ jsx25("span", { className: "rs-review-detail-icon rs-review-detail-icon--square", children: /* @__PURE__ */ jsx25(CdnIcon, { src: onrampMethodIcon }) })
           ] })
         ] }),
-        amountPaid && /* @__PURE__ */ jsxs19("div", { className: "rs-review-detail-row", children: [
+        amountPaid && /* @__PURE__ */ jsxs18("div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ jsx25("span", { children: "Amount paid" }),
           /* @__PURE__ */ jsx25("span", { className: "rs-review-detail-value", children: amountPaid })
         ] }),
-        /* @__PURE__ */ jsxs19("div", { className: "rs-review-detail-row", children: [
+        /* @__PURE__ */ jsxs18("div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ jsx25("span", { children: "Deposited amount" }),
-          /* @__PURE__ */ jsxs19("span", { className: "rs-review-detail-value", children: [
+          /* @__PURE__ */ jsxs18("span", { className: "rs-review-detail-value", children: [
             /* @__PURE__ */ jsx25("span", { children: depositedAmount }),
-            depositedSymbol && /* @__PURE__ */ jsx25("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx25(TokenIcon, { symbol: depositedSymbol }) })
+            depositedSymbol && /* @__PURE__ */ jsx25("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx25(TokenIcon, { token: depositedToken, symbol: depositedSymbol }) })
           ] })
         ] }),
         feesTotal != null && /* @__PURE__ */ jsx25(
@@ -6458,7 +7054,7 @@ function SwappedReceipt({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs19("div", { className: "rs-screen-button-row", children: [
+      /* @__PURE__ */ jsxs18("div", { className: "rs-screen-button-row", children: [
         onNewDeposit && /* @__PURE__ */ jsx25(Button, { variant: "outline", onClick: onNewDeposit, fullWidth: true, children: newLabel }),
         onClose && /* @__PURE__ */ jsx25(Button, { onClick: onClose, fullWidth: true, children: "Done" })
       ] })
@@ -6644,73 +7240,35 @@ function failureMessageForEvent(event) {
 }
 
 // src/core/useTokenPrices.ts
-import { useEffect as useEffect13, useState as useState12 } from "react";
-var PRICE_SERVICE_NATIVE = "0xeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee";
-var WRAPPED_SOL_MINT = "So11111111111111111111111111111111111111112";
-var SOL_SYSTEM_PROGRAM = "11111111111111111111111111111111";
-function isSolanaNativeAddress(address) {
-  if (!address) return true;
-  const lower = address.toLowerCase();
-  return lower === "native" || lower === SOL_SYSTEM_PROGRAM;
-}
-function isNativeAddress(address) {
-  if (!address) return true;
-  return address.toLowerCase() === NATIVE_TOKEN_ADDRESS.toLowerCase();
-}
-function caip2For(token) {
-  if (token.chainId === "solana") {
-    const mint = isSolanaNativeAddress(token.address) ? WRAPPED_SOL_MINT : token.address;
-    return mint ? `${SOLANA_MAINNET_CAIP2}:${mint}` : void 0;
-  }
-  if (typeof token.chainId !== "number") return void 0;
-  const address = isNativeAddress(token.address) ? PRICE_SERVICE_NATIVE : token.address;
-  return `${toEvmCaip2(token.chainId)}:${address.toLowerCase()}`;
-}
-async function fetchTokenPriceUsd(service, token) {
-  const caip2 = caip2For(token);
-  if (!caip2) return null;
-  const prices = await service.fetchPricesByAddress([caip2]);
-  const price = prices[caip2];
-  return typeof price === "number" && price > 0 ? price : null;
-}
-function useTokenPrices(service, tokens) {
-  const [prices, setPrices] = useState12({});
+import { useMemo as useMemo10 } from "react";
+var ZERO_ADDRESS2 = "0x0000000000000000000000000000000000000000";
+function addressFor(token) {
+  if (token.address) return token.address;
+  return token.chainId === "solana" ? "native" : ZERO_ADDRESS2;
+}
+function useTokenPrices(tokens) {
   const defined = tokens.filter((t) => Boolean(t?.symbol));
-  const entries = [
-    ...new Map(
-      defined.flatMap((token) => {
-        const caip2 = caip2For(token);
-        return caip2 ? [{ symbol: token.symbol.toUpperCase(), caip2 }] : [];
-      }).map((entry) => [entry.caip2, entry])
-    ).values()
-  ].sort((a, b) => a.caip2.localeCompare(b.caip2));
-  const key = JSON.stringify(entries);
-  useEffect13(() => {
-    if (key === "[]") return;
-    let cancelled = false;
-    const parsed = JSON.parse(key);
-    const caip2Ids = [...new Set(parsed.map((e) => e.caip2))];
-    service.fetchPricesByAddress(caip2Ids).then((byAddress) => {
-      if (cancelled) return;
-      const merged = {};
-      for (const entry of parsed) {
-        const price = byAddress[entry.caip2];
-        if (typeof price === "number") merged[entry.symbol] = price;
-      }
-      setPrices(merged);
-    }).catch(() => {
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [service, key]);
-  return prices;
+  const refs = defined.map((token) => ({
+    chain: token.chainId,
+    address: addressFor(token)
+  }));
+  const byId = useAssetPrices(refs);
+  const key = defined.map((t) => `${String(t.chainId)}:${addressFor(t)}:${t.symbol}`).join("|");
+  return useMemo10(() => {
+    const out = {};
+    for (const token of defined) {
+      const id = assetIdFor(token.chainId, addressFor(token));
+      const usd = id ? byId[id] : void 0;
+      if (typeof usd === "number") out[token.symbol.toUpperCase()] = usd;
+    }
+    return out;
+  }, [key, byId]);
 }
 
 // src/components/steps/ProcessingStep.tsx
-import { Fragment as Fragment5, jsx as jsx27, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx27, jsxs as jsxs19 } from "react/jsx-runtime";
 function SuccessBadge() {
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs19(
     "svg",
     {
       width: "40",
@@ -6744,7 +7302,7 @@ function SuccessBadge() {
   );
 }
 function FailedBadge() {
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs19(
     "svg",
     {
       width: "40",
@@ -6886,7 +7444,7 @@ function TickerChar({ value }) {
   const [current, setCurrent] = useState13(value);
   const [previous, setPrevious] = useState13(null);
   const [animKey, setAnimKey] = useState13(0);
-  useEffect14(() => {
+  useEffect13(() => {
     if (value === current) return;
     setPrevious(current);
     setCurrent(value);
@@ -6894,7 +7452,7 @@ function TickerChar({ value }) {
     const timeout = setTimeout(() => setPrevious(null), 360);
     return () => clearTimeout(timeout);
   }, [value, current]);
-  return /* @__PURE__ */ jsxs20("span", { className: "rs-ticker-slot", children: [
+  return /* @__PURE__ */ jsxs19("span", { className: "rs-ticker-slot", children: [
     previous !== null && /* @__PURE__ */ jsx27("span", { className: "rs-ticker-out", children: previous }, `out-${animKey}`),
     /* @__PURE__ */ jsx27("span", { className: "rs-ticker-in", children: current }, `in-${animKey}`)
   ] });
@@ -7026,10 +7584,10 @@ function ProcessingStep({
   onSettledChange,
   onError
 }) {
-  const startTimeRef = useRef10(Date.now());
-  const pollIntervalRef = useRef10(INITIAL_POLL_INTERVAL);
-  const pollTimeoutRef = useRef10(null);
-  const escalatedDelayRef = useRef10(false);
+  const startTimeRef = useRef9(Date.now());
+  const pollIntervalRef = useRef9(INITIAL_POLL_INTERVAL);
+  const pollTimeoutRef = useRef9(null);
+  const escalatedDelayRef = useRef9(false);
   const processingContextRef = useLatestRef({
     amount,
     sourceChain,
@@ -7043,8 +7601,8 @@ function ProcessingStep({
   const onDepositFailedRef = useLatestRef(onDepositFailed);
   const onErrorRef = useLatestRef(onError);
   const explorerTxUrl = useExplorerTxUrl();
-  const initialTerminalEventRef = useRef10(null);
-  const completedDirectTransferTxHashRef = useRef10(null);
+  const initialTerminalEventRef = useRef9(null);
+  const completedDirectTransferTxHashRef = useRef9(null);
   const [state, setState] = useState13(() => {
     if (directTransfer) return { type: "complete" };
     const initial = getInitialProcessingState(
@@ -7074,8 +7632,8 @@ function ProcessingStep({
   if (latchedTiming === void 0 && quote?.timing !== void 0) {
     setLatchedTiming(quote.timing);
   }
-  const timingStateRef = useRef10("expected");
-  const servedTimingLatchRef = useRef10(false);
+  const timingStateRef = useRef9("expected");
+  const servedTimingLatchRef = useRef9(false);
   const updatePhaseTimings = useCallback10(
     (updater) => {
       setPhaseTimings((previous) => {
@@ -7086,7 +7644,7 @@ function ProcessingStep({
     },
     [txHash]
   );
-  useEffect14(() => {
+  useEffect13(() => {
     if (!directTransfer || completedDirectTransferTxHashRef.current === txHash) {
       return;
     }
@@ -7120,7 +7678,7 @@ function ProcessingStep({
     txHash,
     updatePhaseTimings
   ]);
-  useEffect14(() => {
+  useEffect13(() => {
     const event = initialTerminalEventRef.current;
     if (!event) return;
     initialTerminalEventRef.current = null;
@@ -7164,13 +7722,13 @@ function ProcessingStep({
     processingContextRef,
     txHash
   ]);
-  const onSettledChangeRef = useRef10(onSettledChange);
+  const onSettledChangeRef = useRef9(onSettledChange);
   onSettledChangeRef.current = onSettledChange;
-  useEffect14(() => {
+  useEffect13(() => {
     onSettledChangeRef.current?.(state.type !== "processing");
     return () => onSettledChangeRef.current?.(false);
   }, [state.type]);
-  useEffect14(() => {
+  useEffect13(() => {
     if (directTransfer || state.type !== "processing") return;
     const updateElapsed = () => {
       setElapsedSeconds(
@@ -7181,7 +7739,7 @@ function ProcessingStep({
     const intervalId = setInterval(updateElapsed, 1e3);
     return () => clearInterval(intervalId);
   }, [directTransfer, state.type]);
-  useEffect14(() => {
+  useEffect13(() => {
     if (state.type === "processing") return;
     const endedAt = state.type === "complete" ? phaseTimings.completedAt ?? Date.now() : Date.now();
     setElapsedSeconds(Math.floor((endedAt - startTimeRef.current) / 1e3));
@@ -7189,31 +7747,26 @@ function ProcessingStep({
       (previous) => previous.endedAt !== void 0 ? previous : { ...previous, endedAt }
     );
   }, [phaseTimings.completedAt, state.type, updatePhaseTimings]);
-  useEffect14(() => {
+  useEffect13(() => {
     if (!state.lastEvent) return;
     updatePhaseTimings(
       (previous) => syncPhaseTimings(previous, state.lastEvent)
     );
   }, [state.lastEvent?.time, state.lastEvent?.type, updatePhaseTimings]);
   const [swappedFiatContext, setSwappedFiatContext] = useState13(null);
-  useEffect14(() => {
+  useEffect13(() => {
     let cancelled = false;
     let timeoutId;
     const isFiatSwappedOrder = isSwappedOrder && swappedContext?.variant === "fiat";
     const expectedOrderUuid = swappedContext?.expectedOrderUuid ?? null;
     setSwappedFiatContext(null);
-    if (isFiatSwappedOrder && !expectedOrderUuid) {
+    if (!isSwappedOrder || !expectedOrderUuid) {
       return () => {
         cancelled = true;
       };
     }
+    const orderId = expectedOrderUuid;
     let attempts = 0;
-    const matchesCurrentDeposit = (res) => {
-      if (isFiatSwappedOrder) {
-        return res.orderId === expectedOrderUuid;
-      }
-      return res.transactionId != null && res.transactionId.toLowerCase() === txHash.toLowerCase();
-    };
     const scheduleRetry = () => {
       if (cancelled || !isFiatSwappedOrder || attempts >= SWAPPED_FIAT_STATUS_MAX_ATTEMPTS) {
         return;
@@ -7226,9 +7779,9 @@ function ProcessingStep({
     async function fetchContext() {
       attempts += 1;
       try {
-        const res = await service.fetchSwappedOrderStatus(smartAccount);
+        const res = await service.fetchSwappedOrder(orderId);
         if (cancelled) return;
-        if (!res || !matchesCurrentDeposit(res)) {
+        if (!res || res.orderId !== orderId) {
           scheduleRetry();
           return;
         }
@@ -7247,13 +7800,11 @@ function ProcessingStep({
     };
   }, [
     service,
-    smartAccount,
-    txHash,
     isSwappedOrder,
     swappedContext?.variant,
     swappedContext?.expectedOrderUuid
   ]);
-  useEffect14(() => {
+  useEffect13(() => {
     if (directTransfer) return;
     if (state.type !== "processing") {
       pollIntervalRef.current = INITIAL_POLL_INTERVAL;
@@ -7401,46 +7952,53 @@ function ProcessingStep({
   const targetChainId = targetChainToChainId(targetChain);
   const settledSourceTxHash = lastEvent?.data?.source?.transactionHash;
   const sourceExplorerHash = settledSourceTxHash ?? (sourceTxHashPending ? null : sourceTxHash);
-  useEffect14(() => {
+  useEffect13(() => {
     if (sourceTxHashPending && settledSourceTxHash) {
       onSourceTransactionObserved?.(settledSourceTxHash);
     }
   }, [onSourceTransactionObserved, settledSourceTxHash, sourceTxHashPending]);
   const sourceExplorerUrl = sourceExplorerHash ? explorerTxUrl(displaySourceChain, sourceExplorerHash) : null;
   const destExplorerUrl = destinationTxHash ? explorerTxUrl(targetChainId, destinationTxHash) : null;
-  const sourceDisplay = (() => {
-    const resolved = resolveTokenDisplay(displaySourceToken, displaySourceChain, {
-      symbol: providedSourceSymbol ?? (displaySourceChain === "solana" ? "SOL" : "Token"),
-      decimals: providedSourceDecimals
-    });
-    return {
-      symbol: resolved.symbol,
-      decimals: resolved.decimals ?? (displaySourceChain === "solana" ? 9 : 18)
-    };
-  })();
-  const sourceSymbol = sourceDisplay.symbol;
-  const formattedSentAmount = formatRawTokenAmount(displayAmount, sourceDisplay) ?? // Not raw base units (e.g. a decimal string) — render the number as-is.
-  formatTokenAmount(Number(displayAmount), sourceDisplay.symbol) ?? displayAmount;
   const eventDestination = getEventDestinationDetails(lastEvent);
-  const targetDisplay = resolveTokenDisplay(
-    eventDestination.token ?? targetToken,
-    eventDestination.chainId ?? targetChainId,
-    // Dapp deposits default to USDC targets; mirror the source symbol last so
-    // unresolvable same-token routes still label sensibly.
-    { symbol: providedSourceSymbol ?? "USDC" }
-  );
+  const displayTargetChain = eventDestination.chainId ?? targetChainId;
+  const displayTargetToken = eventDestination.token ?? targetToken;
+  const [sourceDisplay, targetDisplay] = useTokenDisplays([
+    {
+      chain: displaySourceChain,
+      address: displaySourceToken,
+      fallback: {
+        symbol: providedSourceSymbol ?? (displaySourceChain === "solana" ? "SOL" : "Token"),
+        decimals: providedSourceDecimals
+      }
+    },
+    {
+      chain: displayTargetChain,
+      address: displayTargetToken,
+      // Dapp deposits default to USDC targets; mirror the source symbol last
+      // so unresolvable same-token routes still label sensibly.
+      fallback: { symbol: providedSourceSymbol ?? "USDC" }
+    }
+  ]);
+  const sourceSymbol = sourceDisplay.symbol;
   const targetSymbol = targetDisplay.symbol;
+  const formattedSentAmount = formatRawTokenAmount(displayAmount, sourceDisplay) ?? // Unknown decimals: no figure rather than a guess off by 10^12.
+  (sourceDisplay.decimals === void 0 ? "\u2014" : (
+    // Not raw base units (e.g. a decimal string) — render the number as-is.
+    formatTokenAmount(Number(displayAmount), sourceDisplay.symbol) ?? displayAmount
+  ));
+  const sourceTokenRef = displaySourceToken ? { chain: displaySourceChain, address: displaySourceToken } : void 0;
+  const targetTokenRef = displayTargetToken ? { chain: displayTargetChain, address: displayTargetToken } : void 0;
   const formattedDestinationAmount = eventDestination.amount !== void 0 ? formatRawTokenAmount(eventDestination.amount, targetDisplay) : void 0;
   const amountUsdNumber = amountUsd !== void 0 && Number(amountUsd) > 0 ? Number(amountUsd) : void 0;
-  const prices = useTokenPrices(service, [
+  const prices = useTokenPrices([
     {
       chainId: displaySourceChain,
       address: displaySourceToken,
       symbol: sourceDisplay.symbol
     },
     {
-      chainId: eventDestination.chainId ?? targetChainId,
-      address: eventDestination.token ?? targetToken,
+      chainId: displayTargetChain,
+      address: displayTargetToken,
       symbol: targetDisplay.symbol
     }
   ]);
@@ -7450,7 +8008,7 @@ function ProcessingStep({
       sourceSymbol: sourceDisplay.symbol,
       targetSymbol: targetDisplay.symbol,
       sourceAmountUsd: amountUsdNumber,
-      sourceTrusted: isRecognizedToken(displaySourceToken, displaySourceChain),
+      sourceTrusted: sourceDisplay.curated,
       prices
     });
     return estimate !== void 0 ? formatTokenAmount(estimate, targetDisplay.symbol) : void 0;
@@ -7498,7 +8056,7 @@ function ProcessingStep({
   ) : timingStateRef.current;
   timingStateRef.current = timingState;
   const expectedDuration = latchedTiming && timingState === "expected" ? formatExpectedDuration(latchedTiming.expectedSeconds) : void 0;
-  useEffect14(() => {
+  useEffect13(() => {
     if (directTransfer || !isProcessing || timingState !== "escalated") return;
     if (escalatedDelayRef.current) return;
     escalatedDelayRef.current = true;
@@ -7529,10 +8087,10 @@ function ProcessingStep({
   const feeTooltip = uiConfig?.feeTooltip ?? (feeSponsored ? "Network fees are sponsored for this deposit." : "Network fees apply.");
   const stateTitle = isComplete ? `${flowCapitalized} successful` : isFailed ? `${flowCapitalized} failed` : "Processing...";
   const handleRetry = onRetry ?? onNewDeposit;
-  const headerContent = isComplete ? /* @__PURE__ */ jsxs20("div", { className: "rs-body-header", children: [
+  const headerContent = isComplete ? /* @__PURE__ */ jsxs19("div", { className: "rs-body-header", children: [
     /* @__PURE__ */ jsx27(SuccessBadge, {}),
     /* @__PURE__ */ jsx27("div", { className: "rs-body-header-text", children: /* @__PURE__ */ jsx27("h2", { className: "rs-body-header-title", children: stateTitle }) })
-  ] }) : isFailed ? /* @__PURE__ */ jsxs20("div", { className: "rs-body-header", children: [
+  ] }) : isFailed ? /* @__PURE__ */ jsxs19("div", { className: "rs-body-header", children: [
     /* @__PURE__ */ jsx27(FailedBadge, {}),
     /* @__PURE__ */ jsx27("div", { className: "rs-body-header-text", children: /* @__PURE__ */ jsx27("h2", { className: "rs-body-header-title", children: stateTitle }) })
   ] }) : /* @__PURE__ */ jsx27(BodyHeader, { icon: /* @__PURE__ */ jsx27(WalletIcon, {}), title: stateTitle });
@@ -7583,6 +8141,7 @@ function ProcessingStep({
         amountPaid,
         depositedAmount,
         depositedSymbol: targetSymbol,
+        depositedToken: targetTokenRef,
         feesTotal,
         feeRows,
         feesTooltip,
@@ -7592,13 +8151,13 @@ function ProcessingStep({
       }
     );
   }
-  return /* @__PURE__ */ jsxs20("div", { className: "rs-screen", children: [
-    /* @__PURE__ */ jsxs20("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
+  return /* @__PURE__ */ jsxs19("div", { className: "rs-screen", children: [
+    /* @__PURE__ */ jsxs19("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
       headerContent,
-      /* @__PURE__ */ jsxs20("div", { className: "rs-review-details", children: [
-        /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
+      /* @__PURE__ */ jsxs19("div", { className: "rs-review-details", children: [
+        /* @__PURE__ */ jsxs19("div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ jsx27("span", { children: "Source chain" }),
-          /* @__PURE__ */ jsxs20("span", { className: "rs-review-detail-value", children: [
+          /* @__PURE__ */ jsxs19("span", { className: "rs-review-detail-value", children: [
             /* @__PURE__ */ jsx27("span", { children: sourceChainName }),
             sourceChainIcon && /* @__PURE__ */ jsx27("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx27(CdnIcon, { src: sourceChainIcon }) }),
             sourceExplorerUrl && /* @__PURE__ */ jsx27(
@@ -7614,9 +8173,9 @@ function ProcessingStep({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
+        /* @__PURE__ */ jsxs19("div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ jsx27("span", { children: "Destination chain" }),
-          /* @__PURE__ */ jsxs20("span", { className: "rs-review-detail-value", children: [
+          /* @__PURE__ */ jsxs19("span", { className: "rs-review-detail-value", children: [
             /* @__PURE__ */ jsx27("span", { children: targetChainName }),
             targetChainIcon && /* @__PURE__ */ jsx27("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx27(CdnIcon, { src: targetChainIcon }) }),
             destExplorerUrl && /* @__PURE__ */ jsx27(
@@ -7632,70 +8191,70 @@ function ProcessingStep({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
+        /* @__PURE__ */ jsxs19("div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ jsx27("span", { children: isProcessing ? "Time elapsed" : "Total time" }),
           /* @__PURE__ */ jsx27("span", { className: "rs-review-detail-value", children: /* @__PURE__ */ jsx27(Ticker, { value: timerText }) })
         ] }),
-        isSwappedOrder ? /* @__PURE__ */ jsxs20(Fragment5, { children: [
-          swappedFiatContext?.paidAmountUsd != null && /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
+        isSwappedOrder ? /* @__PURE__ */ jsxs19(Fragment5, { children: [
+          swappedFiatContext?.paidAmountUsd != null && /* @__PURE__ */ jsxs19("div", { className: "rs-review-detail-row", children: [
             /* @__PURE__ */ jsx27("span", { children: "You pay" }),
-            /* @__PURE__ */ jsxs20("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsxs19("span", { className: "rs-review-detail-value", children: [
               "$",
               swappedFiatContext.paidAmountUsd.toFixed(2),
-              swappedFiatContext.paymentMethod && /* @__PURE__ */ jsxs20("span", { style: { color: "#71717b", marginLeft: 6 }, children: [
+              swappedFiatContext.paymentMethod && /* @__PURE__ */ jsxs19("span", { style: { color: "#71717b", marginLeft: 6 }, children: [
                 "via",
                 " ",
                 formatPaymentMethod(swappedFiatContext.paymentMethod)
               ] })
             ] })
           ] }),
-          swappedFiatContext?.onrampFeeUsd != null && /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
+          swappedFiatContext?.onrampFeeUsd != null && /* @__PURE__ */ jsxs19("div", { className: "rs-review-detail-row", children: [
             /* @__PURE__ */ jsx27("span", { children: "On-ramp fee" }),
-            /* @__PURE__ */ jsxs20("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsxs19("span", { className: "rs-review-detail-value", children: [
               "$",
               swappedFiatContext.onrampFeeUsd.toFixed(2)
             ] })
           ] }),
-          formattedBridgingCost && /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
+          formattedBridgingCost && /* @__PURE__ */ jsxs19("div", { className: "rs-review-detail-row", children: [
             /* @__PURE__ */ jsx27("span", { children: "Bridging cost" }),
-            /* @__PURE__ */ jsxs20("span", { className: "rs-review-detail-value", children: [
-              /* @__PURE__ */ jsxs20("span", { children: [
+            /* @__PURE__ */ jsxs19("span", { className: "rs-review-detail-value", children: [
+              /* @__PURE__ */ jsxs19("span", { children: [
                 formattedBridgingCost,
                 " ",
                 sourceSymbol
               ] }),
-              /* @__PURE__ */ jsx27("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx27(TokenIcon, { symbol: sourceSymbol }) })
+              /* @__PURE__ */ jsx27("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx27(TokenIcon, { token: sourceTokenRef, symbol: sourceSymbol }) })
             ] })
           ] })
-        ] }) : /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
+        ] }) : /* @__PURE__ */ jsxs19("div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ jsx27("span", { children: isProcessing ? "You send" : "You sent" }),
-          /* @__PURE__ */ jsxs20("span", { className: "rs-review-detail-value", children: [
-            /* @__PURE__ */ jsxs20("span", { children: [
+          /* @__PURE__ */ jsxs19("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsxs19("span", { children: [
               formattedSentAmount,
               " ",
               sourceSymbol
             ] }),
-            /* @__PURE__ */ jsx27("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx27(TokenIcon, { symbol: sourceSymbol }) })
+            /* @__PURE__ */ jsx27("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx27(TokenIcon, { token: sourceTokenRef, symbol: sourceSymbol }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
+        /* @__PURE__ */ jsxs19("div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ jsx27("span", { children: isProcessing ? "Receive" : "Received" }),
-          /* @__PURE__ */ jsxs20("span", { className: "rs-review-detail-value", children: [
+          /* @__PURE__ */ jsxs19("span", { className: "rs-review-detail-value", children: [
             /* @__PURE__ */ jsx27("span", { children: receiveDisplay }),
-            /* @__PURE__ */ jsx27("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx27(TokenIcon, { symbol: targetSymbol }) })
+            /* @__PURE__ */ jsx27("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx27(TokenIcon, { token: targetTokenRef, symbol: targetSymbol }) })
           ] })
         ] }),
-        isFailed && balanceAfterUsd !== void 0 && /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
+        isFailed && balanceAfterUsd !== void 0 && /* @__PURE__ */ jsxs19("div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ jsx27("span", { children: "Balance" }),
-          /* @__PURE__ */ jsxs20("span", { className: "rs-review-detail-value", children: [
+          /* @__PURE__ */ jsxs19("span", { className: "rs-review-detail-value", children: [
             "$",
             balanceAfterUsd.toFixed(2)
           ] })
         ] }),
-        isSwappedOrder ? quotedFeeAmount !== void 0 && /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
+        isSwappedOrder ? quotedFeeAmount !== void 0 && /* @__PURE__ */ jsxs19("div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ jsx27("span", { children: "Fees" }),
-          /* @__PURE__ */ jsxs20("span", { className: "rs-review-detail-value", children: [
-            /* @__PURE__ */ jsxs20(
+          /* @__PURE__ */ jsxs19("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsxs19(
               "span",
               {
                 style: feeSponsored ? { textDecoration: "line-through" } : void 0,
@@ -7718,7 +8277,7 @@ function ProcessingStep({
         ] }) : (() => {
           const { display, struck } = quoteFeeRow(quote?.fees);
           if (display !== null) {
-            return /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
+            return /* @__PURE__ */ jsxs19("div", { className: "rs-review-detail-row", children: [
               /* @__PURE__ */ jsx27("span", { children: "Fees" }),
               /* @__PURE__ */ jsx27("span", { className: "rs-review-detail-value", children: /* @__PURE__ */ jsx27(
                 "span",
@@ -7731,9 +8290,9 @@ function ProcessingStep({
           }
           const feeValue = quotedFeeAmount ?? formattedBridgingCost;
           if (feeValue === void 0) return null;
-          return /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
+          return /* @__PURE__ */ jsxs19("div", { className: "rs-review-detail-row", children: [
             /* @__PURE__ */ jsx27("span", { children: "Fees" }),
-            /* @__PURE__ */ jsx27("span", { className: "rs-review-detail-value", children: /* @__PURE__ */ jsxs20(
+            /* @__PURE__ */ jsx27("span", { className: "rs-review-detail-value", children: /* @__PURE__ */ jsxs19(
               "span",
               {
                 style: feeSponsored ? { textDecoration: "line-through" } : void 0,
@@ -7748,7 +8307,7 @@ function ProcessingStep({
         })()
       ] }),
       isFailed && failureMessage && /* @__PURE__ */ jsx27(Callout, { variant: "error", children: failureMessage }),
-      isProcessing && expectedDuration !== void 0 && /* @__PURE__ */ jsxs20("p", { className: "rs-pending-expectation", children: [
+      isProcessing && expectedDuration !== void 0 && /* @__PURE__ */ jsxs19("p", { className: "rs-pending-expectation", children: [
         "Usually arrives in ",
         expectedDuration
       ] }),
@@ -7763,14 +8322,14 @@ function ProcessingStep({
           children: "Submitting transaction\u2026"
         }
       ),
-      isComplete && /* @__PURE__ */ jsxs20("div", { className: "rs-screen-button-row", children: [
-        onNewDeposit && /* @__PURE__ */ jsxs20(Button, { variant: "outline", onClick: onNewDeposit, fullWidth: true, children: [
+      isComplete && /* @__PURE__ */ jsxs19("div", { className: "rs-screen-button-row", children: [
+        onNewDeposit && /* @__PURE__ */ jsxs19(Button, { variant: "outline", onClick: onNewDeposit, fullWidth: true, children: [
           "New ",
           flowNoun
         ] }),
         onClose && /* @__PURE__ */ jsx27(Button, { onClick: () => onClose("success_done"), fullWidth: true, children: "Done" })
       ] }),
-      isFailed && /* @__PURE__ */ jsxs20("div", { className: "rs-screen-button-row", children: [
+      isFailed && /* @__PURE__ */ jsxs19("div", { className: "rs-screen-button-row", children: [
         onClose && /* @__PURE__ */ jsx27(
           Button,
           {
@@ -7982,36 +8541,24 @@ function mapError(error) {
 
 export {
   Modal,
-  WalletIcon,
-  ExternalLinkIcon,
-  CheckIcon,
-  TransferCryptoIcon,
-  ChevronLeftIcon,
-  ChevronDownIcon,
-  CloseIcon,
-  HandCoinsIcon,
-  InfoIcon,
-  CopyIcon,
-  CircleArrowOutUpLeftIcon,
-  CardIcon,
-  BankIcon,
-  UnplugIcon,
-  MigrateAssetsIcon,
-  AppleIcon,
-  BodyHeader,
+  Callout,
   CdnIcon,
   ListRow,
   PoweredBy,
-  Spinner,
   catalogKeyForChain,
   debugLog,
   debugError,
+  SOLANA_TOKENS,
+  resolveSolanaToken,
+  isNativeSol,
+  hostedOrderStateFromSwapped,
+  mergeHostedOrderState,
+  hasReached,
   getAssetId,
   chainIdsByValue,
   portfolioToAssets,
   isNativeAsset,
   quoteFeeRow,
-  SwappedConnectFeeChangedError,
   SUPPORTED_CONNECT_EXCHANGE_COUNT,
   resolveAppFeeBps,
   isDepositPolicyRefusal,
@@ -8041,10 +8588,15 @@ export {
   ChainCatalogProvider,
   getExchangeLogoSrc,
   getExchangeLogo,
-  useLatestRef,
   Button,
-  Callout,
+  assetIdFor,
+  AssetMetadataProvider,
+  useAssetStore,
   TokenIcon,
+  resolveCuratedToken,
+  useTokenDisplays,
+  useTokenDisplay,
+  useIsRecognizedToken,
   currencyFormatter,
   tokenFormatter,
   isUnsupportedChainSwitchError,
@@ -8055,7 +8607,6 @@ export {
   isSubmissionUncertain,
   formatTokenAmount,
   isDisplayStablecoinSymbol,
-  isRecognizedToken,
   formatQuotedReceive,
   formatReceiveEstimate,
   getEventTxHash,
@@ -8064,7 +8615,6 @@ export {
   isFailedEvent,
   txRefsMatch,
   failureMessageForEvent,
-  fetchTokenPriceUsd,
   useTokenPrices,
   ProcessingStep,
   AnalyticsSession,