@skip-go/widget 3.12.11 → 3.14.0

package/build/{index-CSCk_22k.js → index-D_ZwdovB.js}

@@ -3,12 +3,10 @@ import o, { useContext, useState, useMemo, useEffect, useRef, useDebugValue, cre
 import { Scope } from "react-shadow-scope";
 import { atom as atom$1, useAtomValue, useAtom, useSetAtom, createStore, Provider } from "jotai";
 import NiceModal, { useModal } from "@ebay/nice-modal-react";
-import { assets, chains, bridges, venues, transactionStatus, ChainType, getSigningStargateClient, route, executeRoute, balances, BridgeType, FeeType, GAS_STATION_CHAIN_IDS, setClientOptions } from "@skip-go/client";
+import { assets, chains, bridges, venues, ChainType, getSigningStargateClient, route, balances, executeMultipleRoutes, executeRoute, BridgeType, FeeType, GAS_STATION_CHAIN_IDS, subscribeToRouteStatus, setClientOptions } from "@skip-go/client";
 import { atomWithQuery, atomWithMutation } from "jotai-tanstack-query";
 import pluralize from "pluralize";
-import { track, setUserId, init as init$1, add } from "@amplitude/analytics-browser";
-import { setTag, setUser, getReplay, init, breadcrumbsIntegration, dedupeIntegration, functionToStringIntegration, httpContextIntegration, inboundFiltersIntegration, linkedErrorsIntegration, browserSessionIntegration, replayIntegration } from "@sentry/react";
-import { useQuery, useMutation, QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { track, init, add, setUserId } from "@amplitude/analytics-browser";
 import { atomEffect } from "jotai-effect";
 import { WalletType, isWalletConnect, useActiveWalletType, useDisconnect, getWallet, checkWallet, connect, useAccount as useAccount$1, getChainInfo as getChainInfo$1, GrazProvider } from "graz";
 import { createPenumbraClient } from "@penumbra-zone/client";
@@ -19,12 +17,14 @@ import { createConfig, createStorage, useAccount, useConnect, useConnectors, Wag
 import { ErrorBoundary } from "react-error-boundary";
 import { createPortal } from "react-dom";
 import List from "rc-virtual-list";
+import { useMutation, useQuery, QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { useWallet, WalletProvider } from "@solana/wallet-adapter-react";
 import { PublicKey } from "@solana/web3.js";
 import { CosmWasmClient } from "@cosmjs/cosmwasm-stargate";
 import { Decimal } from "@cosmjs/math";
 import { GasPrice, calculateFee } from "@cosmjs/stargate";
 import { sessionReplayPlugin } from "@amplitude/plugin-session-replay-browser";
+import { v4 } from "uuid";
 import { LedgerWalletAdapter } from "@solana/wallet-adapter-ledger";
 import { WalletConnectWalletAdapter } from "@walletconnect/solana-adapter";
 function getDefaultExportFromCjs$1(x2) {
@@ -1765,8 +1765,8 @@ const flexProps = lt`
   ${({ flexDirection }) => flexDirection && `flex-direction: ${flexDirection}`};
 `;
 const Row = dt.div`
-  ${({ width }) => width && `width: ${width}px`};
-  ${({ height }) => height && `height: ${height}px`};
+  ${({ width }) => width !== void 0 && `width: ${typeof width === "number" ? `${width}px` : width}`};
+  ${({ height }) => height !== void 0 && `height: ${typeof height === "number" ? `${height}px` : height}`};
   flex-direction: row;
   ${flexProps};
 `;
@@ -1774,10 +1774,24 @@ const Column = dt(Row)`
   flex-direction: column;
 `;
 const Spacer = dt.div`
-  ${({ width }) => width && `width: ${width}px`};
-  ${({ height }) => height && `height: ${height}px`};
+  position: relative;
   flex-shrink: 0;
   flex-grow: 0;
+  ${({ width }) => width !== void 0 && `width: ${typeof width === "number" ? `${width}px` : width}`};
+  ${({ height }) => height !== void 0 && `height: ${typeof height === "number" ? `${height}px` : height}`};
+
+  ${({ showLine, lineColor = "#ccc", lineThickness = 1 }) => showLine && `
+      &::after {
+        content: '';
+        position: absolute;
+        top: 50%;
+        left: 0;
+        width: 100%;
+        height: ${lineThickness}px;
+        background-color: ${lineColor};
+        transform: translateY(-50%);
+      }
+    `}
 `;
 const withBoundProps = (WrappedComponent, boundProps) => {
   return (props) => {
@@ -2193,7 +2207,7 @@ const Text = dt(SmallText)`
   ${({ useWindowsTextHack }) => useWindowsTextHack && isWindows() ? "margin-bottom: -4px" : ""};
   ${textProps}
 `;
-const TextButton = dt(Text).attrs({ as: "button" })`
+dt(Text).attrs({ as: "button" })`
   ${removeButtonStyles}
   cursor: pointer;
 `;
@@ -4143,11 +4157,7 @@ function shouldReduceFontSize(value) {
   return valueWithoutCommas.length >= 14;
 }
 const formatDisplayAmount = (input, options = {}) => {
-  const {
-    showLessThanSign = true,
-    decimals = DEFAULT_DECIMAL_PLACES,
-    abbreviate = true
-  } = options;
+  const { showLessThanSign = true, decimals = DEFAULT_DECIMAL_PLACES, abbreviate = true } = options;
   if (input === void 0) {
     return "";
   }
@@ -4616,9 +4626,6 @@ const UnexpectedErrorPageUnexpected = ({
   const theme = nt();
   const setErrorWarningAtom = useSetAtom(errorWarningAtom);
   const setCurrentPage = useSetAtom(currentPageAtom);
-  useEffect(() => {
-    setTag("errorMessage", error == null ? void 0 : error.message);
-  }, [error == null ? void 0 : error.message]);
   const onClickRetry = () => {
     setErrorWarningAtom(void 0);
     setCurrentPage(Routes.SwapPage);
@@ -4663,336 +4670,6 @@ const UnexpectedErrorPageUnexpected = ({
     )
   ] });
 };
-var OperationType = /* @__PURE__ */ ((OperationType2) => {
-  OperationType2["swap"] = "swap";
-  OperationType2["evmSwap"] = "evmSwap";
-  OperationType2["transfer"] = "transfer";
-  OperationType2["axelarTransfer"] = "axelarTransfer";
-  OperationType2["cctpTransfer"] = "cctpTransfer";
-  OperationType2["hyperlaneTransfer"] = "hyperlaneTransfer";
-  OperationType2["opInitTransfer"] = "opInitTransfer";
-  OperationType2["bankSend"] = "bankSend";
-  OperationType2["goFastTransfer"] = "goFastTransfer";
-  OperationType2["stargateTransfer"] = "stargateTransfer";
-  OperationType2["eurekaTransfer"] = "eurekaTransfer";
-  OperationType2["layerZeroTransfer"] = "layerZeroTransfer";
-  return OperationType2;
-})(OperationType || {});
-function getOperationDetailsAndType(operation) {
-  const combinedOperation = operation;
-  let returnValue = {
-    details: {},
-    type: void 0
-  };
-  Object.values(OperationType).find((type2) => {
-    var _a;
-    const originalDetails = combinedOperation == null ? void 0 : combinedOperation[type2];
-    if (originalDetails) {
-      const operationDetails = { ...originalDetails };
-      switch (type2) {
-        case "swap":
-        case "evmSwap":
-          operationDetails.toChainId = originalDetails.fromChainId;
-          break;
-        case "axelarTransfer":
-          operationDetails.denomIn = ((_a = originalDetails.ibcTransferToAxelar) == null ? void 0 : _a.denomIn) ?? originalDetails.denomIn;
-          break;
-        case "bankSend": {
-          const bankSend = originalDetails;
-          operationDetails.denomIn = bankSend.denom;
-          operationDetails.denomOut = bankSend.denom;
-          operationDetails.fromChainId = bankSend.chainId;
-          operationDetails.toChainId = bankSend.chainId;
-          break;
-        }
-      }
-      returnValue = {
-        details: operationDetails,
-        type: type2
-      };
-    }
-  });
-  return returnValue;
-}
-function getClientOperation(operation) {
-  const { details, type: type2 } = getOperationDetailsAndType(operation);
-  return {
-    type: type2,
-    ...details,
-    txIndex: operation.txIndex,
-    amountIn: operation.amountIn,
-    amountOut: operation.amountOut,
-    swapVenues: [
-      ...details.swapVenues ?? [],
-      ...(details == null ? void 0 : details.swapIn) ? [details == null ? void 0 : details.swapIn.swapVenue] : [],
-      ...(details == null ? void 0 : details.swapOut) ? [details == null ? void 0 : details.swapOut.swapVenue] : []
-    ]
-  };
-}
-function getClientOperations(operations) {
-  if (!operations) return [];
-  let transferIndex = 0;
-  const filteredOperations = filterNeutronSwapFee(operations);
-  return filteredOperations.map((operation, index, arr) => {
-    const prevOperation = arr[index - 1];
-    const signRequired = (() => {
-      if (index === 0) {
-        return false;
-      } else {
-        if (operation.txIndex > prevOperation.txIndex) {
-          return true;
-        }
-        return false;
-      }
-    })();
-    const clientOperation = getClientOperation(operation);
-    const isSwap = clientOperation.type === "swap" || clientOperation.type === "evmSwap";
-    const result = {
-      ...clientOperation,
-      transferIndex,
-      signRequired,
-      isSwap
-    };
-    if (!isSwap) {
-      transferIndex++;
-    }
-    return result;
-  });
-}
-function filterNeutronSwapFee(operations) {
-  return operations.filter((op, i) => {
-    var _a, _b, _c, _d, _e2, _f, _g, _h;
-    const clientOperation = getClientOperation(op);
-    if (clientOperation.type === "swap" && ((_b = (_a = clientOperation.swapOut) == null ? void 0 : _a.swapVenue) == null ? void 0 : _b.name) === "neutron-astroport" && ((_c = clientOperation.swapOut) == null ? void 0 : _c.swapVenue.chainId) === "neutron-1" && clientOperation.chainId === "neutron-1" && clientOperation.denomOut === "untrn" && clientOperation.fromChainId === "neutron-1" && ((_d = clientOperation.swapOut) == null ? void 0 : _d.swapAmountOut) === "200000") {
-      const nextOperation = operations[i + 1];
-      if (nextOperation) {
-        const nextClientOperation = getClientOperation(nextOperation);
-        if (nextClientOperation.type === "swap" && ((_f = (_e2 = nextClientOperation.swapIn) == null ? void 0 : _e2.swapVenue) == null ? void 0 : _f.name) === "neutron-astroport" && ((_h = (_g = nextClientOperation.swapIn) == null ? void 0 : _g.swapVenue) == null ? void 0 : _h.chainId) === "neutron-1" && nextClientOperation.chainId === "neutron-1") {
-          return false;
-        }
-      }
-    }
-    return true;
-  });
-}
-function getClientTransferEvent(transferEvent) {
-  const combinedTransferEvent = transferEvent;
-  const axelarTransfer = combinedTransferEvent == null ? void 0 : combinedTransferEvent.axelarTransfer;
-  const ibcTransfer = combinedTransferEvent == null ? void 0 : combinedTransferEvent.ibcTransfer;
-  const cctpTransfer = combinedTransferEvent == null ? void 0 : combinedTransferEvent.cctpTransfer;
-  const hyperlaneTransfer = combinedTransferEvent == null ? void 0 : combinedTransferEvent.hyperlaneTransfer;
-  const opInitTransfer = combinedTransferEvent == null ? void 0 : combinedTransferEvent.opInitTransfer;
-  const goFastTransfer = combinedTransferEvent == null ? void 0 : combinedTransferEvent.goFastTransfer;
-  const stargateTransfer = combinedTransferEvent == null ? void 0 : combinedTransferEvent.stargateTransfer;
-  const eurekaTransfer = combinedTransferEvent == null ? void 0 : combinedTransferEvent.eurekaTransfer;
-  const layerZeroTransfer = combinedTransferEvent == null ? void 0 : combinedTransferEvent.layerZeroTransfer;
-  let transferType = "";
-  if (axelarTransfer) {
-    transferType = "axelarTransfer";
-  } else if (ibcTransfer) {
-    transferType = "ibcTransfer";
-  } else if (cctpTransfer) {
-    transferType = "cctpTransfer";
-  } else if (hyperlaneTransfer) {
-    transferType = "hyperlaneTransfer";
-  } else if (opInitTransfer) {
-    transferType = "opInitTransfer";
-  } else if (goFastTransfer) {
-    transferType = "goFastTransfer";
-  } else if (stargateTransfer) {
-    transferType = "stargateTransfer";
-  } else if (eurekaTransfer) {
-    transferType = "eurekaTransfer";
-  } else if (layerZeroTransfer) {
-    transferType = "layerZeroTransfer";
-  }
-  const getExplorerLink = (type2) => {
-    var _a, _b, _c, _d, _e2, _f, _g, _h, _i, _j, _k, _l;
-    switch (transferType) {
-      case "ibcTransfer":
-        if (type2 === "send") {
-          return (_a = ibcTransfer.packetTxs.sendTx) == null ? void 0 : _a.explorerLink;
-        }
-        return (_b = ibcTransfer.packetTxs.receiveTx) == null ? void 0 : _b.explorerLink;
-      case "eurekaTransfer":
-        if (type2 === "send") {
-          return (_c = eurekaTransfer.packetTxs.sendTx) == null ? void 0 : _c.explorerLink;
-        }
-        return (_d = eurekaTransfer.packetTxs.receiveTx) == null ? void 0 : _d.explorerLink;
-      case "goFastTransfer":
-        if (type2 === "send") {
-          return (_e2 = goFastTransfer.txs.orderSubmittedTx) == null ? void 0 : _e2.explorerLink;
-        }
-        return (_f = goFastTransfer.txs.orderFilledTx) == null ? void 0 : _f.explorerLink;
-      case "axelarTransfer":
-        return axelarTransfer == null ? void 0 : axelarTransfer.axelarScanLink;
-      default:
-        if (type2 === "send") {
-          return (_i = (_h = (_g = combinedTransferEvent[transferType]) == null ? void 0 : _g.txs) == null ? void 0 : _h.sendTx) == null ? void 0 : _i.explorerLink;
-        }
-        return (_l = (_k = (_j = combinedTransferEvent[transferType]) == null ? void 0 : _j.txs) == null ? void 0 : _k.receiveTx) == null ? void 0 : _l.explorerLink;
-    }
-  };
-  const _result = {
-    ...ibcTransfer,
-    ...axelarTransfer,
-    ...cctpTransfer,
-    ...hyperlaneTransfer,
-    ...stargateTransfer,
-    ...hyperlaneTransfer,
-    ...opInitTransfer,
-    ...goFastTransfer,
-    ...stargateTransfer,
-    ...eurekaTransfer,
-    ...layerZeroTransfer,
-    fromExplorerLink: getExplorerLink("send"),
-    toExplorerLink: getExplorerLink("receive")
-  };
-  const status = getSimpleStatus(_result.state);
-  const result = {
-    ..._result,
-    status
-  };
-  return result;
-}
-function getTransferEventsFromTxStatusResponse(txStatusResponse) {
-  if (!txStatusResponse) return [];
-  return txStatusResponse == null ? void 0 : txStatusResponse.flatMap((txStatus) => {
-    return txStatus.transferSequence.map((transferEvent) => {
-      return getClientTransferEvent(transferEvent);
-    });
-  });
-}
-function getSimpleOverallStatus(state) {
-  switch (state) {
-    case "STATE_SUBMITTED":
-    case "STATE_PENDING":
-      return "pending";
-    case "STATE_COMPLETED_SUCCESS":
-      return "success";
-    case "STATE_COMPLETED_ERROR":
-    case "STATE_PENDING_ERROR":
-    default:
-      return "failed";
-  }
-}
-function getSimpleStatus(state) {
-  switch (state) {
-    case "TRANSFER_PENDING":
-    case "TRANSFER_RECEIVED":
-    case "AXELAR_TRANSFER_PENDING_CONFIRMATION":
-    case "AXELAR_TRANSFER_PENDING_RECEIPT":
-    case "CCTP_TRANSFER_SENT":
-    case "CCTP_TRANSFER_PENDING_CONFIRMATION":
-    case "CCTP_TRANSFER_CONFIRMED":
-    case "HYPERLANE_TRANSFER_SENT":
-    case "OPINIT_TRANSFER_SENT":
-    case "GO_FAST_TRANSFER_SENT":
-    case "STARGATE_TRANSFER_SENT":
-    case "LAYER_ZERO_TRANSFER_SENT":
-    case "LAYER_ZERO_TRANSFER_WAITING_FOR_COMPOSE":
-      return "pending";
-    case "TRANSFER_SUCCESS":
-    case "AXELAR_TRANSFER_SUCCESS":
-    case "CCTP_TRANSFER_RECEIVED":
-    case "HYPERLANE_TRANSFER_RECEIVED":
-    case "OPINIT_TRANSFER_RECEIVED":
-    case "STARGATE_TRANSFER_RECEIVED":
-    case "GO_FAST_TRANSFER_FILLED":
-    case "LAYER_ZERO_TRANSFER_RECEIVED":
-      return "completed";
-    default:
-      return "failed";
-  }
-}
-const useBroadcastedTxsStatus = ({
-  transactionDetails,
-  txsRequired,
-  enabled
-}) => {
-  const [isSettled, setIsSettled] = useState(false);
-  const [prevData, setPrevData] = useState(void 0);
-  const queryKey = useMemo(
-    () => ["txs-status", txsRequired, transactionDetails],
-    [transactionDetails, txsRequired]
-  );
-  const incompleteTxs = useMemo(() => {
-    return transactionDetails == null ? void 0 : transactionDetails.filter(
-      (tx) => {
-        var _a, _b, _c;
-        return ((_a = tx.status) == null ? void 0 : _a.state) !== "STATE_COMPLETED_SUCCESS" && ((_b = tx.status) == null ? void 0 : _b.state) !== "STATE_COMPLETED_ERROR" && ((_c = tx.status) == null ? void 0 : _c.state) !== "STATE_ABANDONED";
-      }
-    );
-  }, [transactionDetails]);
-  const queryEnabled = useMemo(() => {
-    return (incompleteTxs == null ? void 0 : incompleteTxs.length) !== 0 && enabled;
-  }, [enabled, incompleteTxs == null ? void 0 : incompleteTxs.length]);
-  return useQuery({
-    queryKey,
-    queryFn: async ({ queryKey: [, txsRequired2, txs] }) => {
-      var _a, _b;
-      if (!txs || !incompleteTxs) return;
-      try {
-        const statusResponseMap = /* @__PURE__ */ new Map();
-        txs.forEach((tx) => {
-          if (tx.status) statusResponseMap.set(tx.txHash, tx.status);
-        });
-        await Promise.all(
-          incompleteTxs.map(async (tx) => {
-            const status = await transactionStatus(tx);
-            statusResponseMap.set(tx.txHash, status);
-          })
-        );
-        const updatedTransactionDetails = txs.map((tx) => ({
-          ...tx,
-          status: statusResponseMap.get(tx.txHash) ?? tx.status
-        }));
-        const validStatuses = updatedTransactionDetails.map((tx) => tx.status).filter((status) => status !== void 0);
-        const transferEvents = getTransferEventsFromTxStatusResponse(validStatuses);
-        const isFinalState = (state) => {
-          return state === "STATE_COMPLETED_SUCCESS" || state === "STATE_COMPLETED_ERROR" || state === "STATE_ABANDONED";
-        };
-        const isAllSettled = txsRequired2 === validStatuses.length && validStatuses.every((status) => isFinalState(status.state));
-        if (isAllSettled) {
-          setIsSettled(true);
-        }
-        const someTxFailed = validStatuses.some(
-          (status) => status.state === "STATE_COMPLETED_ERROR" || status.state === "STATE_ABANDONED"
-        );
-        const lastTx = validStatuses.at(-1);
-        const lastTxStatus = (lastTx == null ? void 0 : lastTx.state) ? getSimpleOverallStatus(lastTx.state) : void 0;
-        const transferAssetRelease = (_a = validStatuses.reverse().find((tx) => tx.transferAssetRelease)) == null ? void 0 : _a.transferAssetRelease;
-        const resData = {
-          isSuccess: isAllSettled && !someTxFailed && lastTxStatus === "success",
-          lastTxStatus,
-          transactionDetails: updatedTransactionDetails,
-          isSettled: isAllSettled,
-          transferEvents,
-          transferAssetRelease
-        };
-        setPrevData(resData);
-        return resData;
-      } catch (_error) {
-        const validStatuses = (transactionDetails ?? []).map((tx) => tx.status).filter((status) => status !== void 0);
-        const transferEvents = getTransferEventsFromTxStatusResponse(validStatuses);
-        const transferAssetRelease = (_b = validStatuses.reverse().find((tx) => tx.transferAssetRelease)) == null ? void 0 : _b.transferAssetRelease;
-        const fallbackData = {
-          isSuccess: false,
-          isSettled: true,
-          transactionDetails: transactionDetails ?? [],
-          lastTxStatus: "failed",
-          transferEvents,
-          transferAssetRelease
-        };
-        setPrevData(fallbackData);
-        return fallbackData;
-      }
-    },
-    enabled: !isSettled && queryEnabled,
-    refetchInterval: 500,
-    initialData: prevData
-  });
-};
 function atomWithDebounce(delayMilliseconds = 250) {
   const prevTimeoutAtom = atom$1(void 0);
   const _currentValueAtom = atom$1();
@@ -6283,6 +5960,47 @@ const _mainnetChains = [
       coinType: 118
     }
   },
+  {
+    chainId: "axone-1",
+    currencies: [
+      {
+        coinDenom: "axone",
+        coinMinimalDenom: "uaxone",
+        coinDecimals: 6
+      }
+    ],
+    rest: "https://api.axone.cumulo.com.es",
+    rpc: "https://rpc.axone.cumulo.com.es",
+    bech32Config: {
+      bech32PrefixAccAddr: "axone",
+      bech32PrefixAccPub: "axonepub",
+      bech32PrefixValAddr: "axonevaloper",
+      bech32PrefixValPub: "axonevaloperpub",
+      bech32PrefixConsAddr: "axonevalcons",
+      bech32PrefixConsPub: "axonevalconspub"
+    },
+    chainName: "axone",
+    feeCurrencies: [
+      {
+        coinDenom: "axone",
+        coinMinimalDenom: "uaxone",
+        coinDecimals: 6,
+        gasPriceStep: {
+          low: 1e-3,
+          average: 5e-3,
+          high: 0.01
+        }
+      }
+    ],
+    stakeCurrency: {
+      coinDenom: "axone",
+      coinMinimalDenom: "uaxone",
+      coinDecimals: 6
+    },
+    bip44: {
+      coinType: 118
+    }
+  },
   {
     chainId: "bbn-1",
     currencies: [
@@ -6633,11 +6351,6 @@ const _mainnetChains = [
         coinDenom: "badge",
         coinMinimalDenom: "ubadge",
         coinDecimals: 9
-      },
-      {
-        coinDenom: "stake",
-        coinMinimalDenom: "ustake",
-        coinDecimals: 9
       }
     ],
     rest: "http://134.122.12.165:1317",
@@ -7560,6 +7273,11 @@ const _mainnetChains = [
         coinMinimalDenom: "factory/chihuahua1x4q2vkrz4dfgd9hcw0p5m2f2nuv2uqmt9xr8k2/achihuahuawifhat",
         coinDecimals: 6
       },
+      {
+        coinDenom: "BEER",
+        coinMinimalDenom: "factory/chihuahua1sj9verkuk8aa9jrngnpwup6zjht4vwngjlpemnt9w38ccp0qnlcswvsuzc/beer",
+        coinDecimals: 6
+      },
       {
         coinDenom: "WOOF",
         coinMinimalDenom: "factory/chihuahua13jawsn574rf3f0u5rhu7e8n6sayx5gkw3eddhp/uwoof",
@@ -7703,8 +7421,8 @@ const _mainnetChains = [
         coinDecimals: 6
       }
     ],
-    rest: "https://api.cifer.ai",
-    rpc: "http://34.128.114.243:26657",
+    rest: "https://lcd.cifer.ai",
+    rpc: "https://rpc.cifer.ai",
     bech32Config: {
       bech32PrefixAccAddr: "cife",
       bech32PrefixAccPub: "cifepub",
@@ -8992,6 +8710,11 @@ const _mainnetChains = [
         coinDenom: "saga",
         coinMinimalDenom: "ibc/B88C39AD6C8550716DFD64C3AD28F355633554821249AC9F8BCC21341641CD18",
         coinDecimals: 6
+      },
+      {
+        coinDenom: "xrp",
+        coinMinimalDenom: "ibc/8464A63954C0350A26C8588E20719F3A0AC8705E4CA0F7450B60C3F16B2D3421",
+        coinDecimals: 18
       }
     ],
     rest: "https://api.elys.network",
@@ -9035,6 +8758,16 @@ const _mainnetChains = [
           average: 0.025,
           high: 0.03
         }
+      },
+      {
+        coinDenom: "xrp",
+        coinMinimalDenom: "ibc/8464A63954C0350A26C8588E20719F3A0AC8705E4CA0F7450B60C3F16B2D3421",
+        coinDecimals: 18,
+        gasPriceStep: {
+          low: 11395e6,
+          average: 21395e6,
+          high: 31395e6
+        }
       }
     ],
     stakeCurrency: {
@@ -10561,6 +10294,11 @@ const _mainnetChains = [
         coinDenom: "Hydro Wrapped hINJ",
         coinMinimalDenom: "factory/inj14ejqjyq8um4p3xfqj74yld5waqljf88f9eneuk/inj18luqttqyckgpddndh8hvaq25d5nfwjc78m56lc",
         coinDecimals: 18
+      },
+      {
+        coinDenom: "wbtc",
+        coinMinimalDenom: "ibc/0E293A7622DC9A6439DB60E6D234B5AF446962E27CA3AB44D0590603DFF6968E",
+        coinDecimals: 8
       }
     ],
     rest: "https://6d0ff611-9009-4bd1-a7a7-acec7c70d454.injective-1.mesa-rest.newmetric.xyz",
@@ -11584,6 +11322,26 @@ const _mainnetChains = [
           average: 0.025,
           high: 0.03
         }
+      },
+      {
+        coinDenom: "kUSD",
+        coinMinimalDenom: "ukusd",
+        coinDecimals: 6,
+        gasPriceStep: {
+          low: 0.01,
+          average: 0.025,
+          high: 0.03
+        }
+      },
+      {
+        coinDenom: "USDC",
+        coinMinimalDenom: "ibc/295548A78785A1007F232DE286149A6FF512F180AF5657780FC89C009E2C348F",
+        coinDecimals: 6,
+        gasPriceStep: {
+          low: 0.01,
+          average: 0.025,
+          high: 0.03
+        }
       }
     ],
     stakeCurrency: {
@@ -13243,12 +13001,12 @@ const _mainnetChains = [
     currencies: [
       {
         coinDenom: "mtgbp",
-        coinMinimalDenom: "mtgbp",
-        coinDecimals: 0
+        coinMinimalDenom: "umtgbp",
+        coinDecimals: 6
       }
     ],
     rest: "https://lcd.mtgbp.com",
-    rpc: "https://rcp.mtgbp.com",
+    rpc: "https://rpc.mtgbp.com",
     bech32Config: {
       bech32PrefixAccAddr: "mtgbp",
       bech32PrefixAccPub: "mtgbppub",
@@ -13261,22 +13019,22 @@ const _mainnetChains = [
     feeCurrencies: [
       {
         coinDenom: "mtgbp",
-        coinMinimalDenom: "mtgbp",
-        coinDecimals: 0,
+        coinMinimalDenom: "umtgbp",
+        coinDecimals: 6,
         gasPriceStep: {
-          low: 1e-6,
-          average: 5e-6,
-          high: 1e-4
+          low: 0.025,
+          average: 0.03,
+          high: 0.035
         }
       }
     ],
     stakeCurrency: {
       coinDenom: "mtgbp",
-      coinMinimalDenom: "mtgbp",
-      coinDecimals: 0
+      coinMinimalDenom: "umtgbp",
+      coinDecimals: 6
     },
     bip44: {
-      coinType: 1179993441
+      coinType: 118
     }
   },
   {
@@ -13649,6 +13407,11 @@ const _mainnetChains = [
         coinDenom: "ltc",
         coinMinimalDenom: "ibc/C4C791209A16419A4BB3C3177E5E8AE4477C9D7457842E7F531F91C513FA79A0",
         coinDecimals: 8
+      },
+      {
+        coinDenom: "TAB",
+        coinMinimalDenom: "factory/neutron1r5qx58l3xx2y8gzjtkqjndjgx69mktmapl45vns0pa73z0zpn7fqgltnll/TAB",
+        coinDecimals: 6
       }
     ],
     rest: "https://rest-lb.neutron.org",
@@ -17405,9 +17168,24 @@ const _mainnetChains = [
         coinDecimals: 6
       },
       {
-        coinDenom: "xrp",
+        coinDenom: "XRP",
         coinMinimalDenom: "ibc/46EB46DB30D3BBC6F404A9232C09785F36D40DA05C662A8E295712ECBAFF1609",
         coinDecimals: 18
+      },
+      {
+        coinDenom: "titan",
+        coinMinimalDenom: "ibc/87B7A56E83C08DBFD567F0DE6463EC54181B8B819B3CAD7A584C47D59A2A05CF",
+        coinDecimals: 6
+      },
+      {
+        coinDenom: "ebaby",
+        coinMinimalDenom: "factory/osmo12r3yc76u9lxe33yemstatnw8602culdjzrtr8lmnpycmd3z7d4jsxx60kc/FwNhFaW3zLxoLUgXCdWjqBzcvGNPaB7B2XZqm2xgrB93",
+        coinDecimals: 6
+      },
+      {
+        coinDenom: "FOST",
+        coinMinimalDenom: "factory/osmo1q77cw0mmlluxu0wr29fcdd0tdnh78gzhkvhe4n6ulal9qvrtu43qtd0nh8/fost",
+        coinDecimals: 6
       }
     ],
     rest: "https://lcd.osmosis.zone/",
@@ -18530,7 +18308,7 @@ const _mainnetChains = [
         coinDecimals: 6
       }
     ],
-    rest: "https://shannon-grove-rest.mainnet.poktroll.com",
+    rest: "https://shannon-grove-api.mainnet.poktroll.com",
     rpc: "https://shannon-grove-rpc.mainnet.poktroll.com",
     bech32Config: {
       bech32PrefixAccAddr: "pokt",
@@ -19687,6 +19465,16 @@ const _mainnetChains = [
         coinMinimalDenom: "lp:33:upryzm",
         coinDecimals: 6
       },
+      {
+        coinDenom: "lp:34:pryzmypt-pryzm",
+        coinMinimalDenom: "lp:34:upryzmypt-upryzm",
+        coinDecimals: 6
+      },
+      {
+        coinDenom: "lp:35:pryzm-usdc",
+        coinMinimalDenom: "lp:35:upryzm-uusdc",
+        coinDecimals: 6
+      },
       {
         coinDenom: "lp:36:susds",
         coinMinimalDenom: "lp:36:asusds",
@@ -19745,6 +19533,26 @@ const _mainnetChains = [
     },
     chainName: "pryzm",
     feeCurrencies: [
+      {
+        coinDenom: "auuu",
+        coinMinimalDenom: "factory/pryzm1jnhcsa5ddjsjq2t97v6a82z542rduxvtw6wd9h/uauuu",
+        coinDecimals: 6,
+        gasPriceStep: {
+          low: 0.1,
+          average: 0.15,
+          high: 0.2
+        }
+      },
+      {
+        coinDenom: "pryzm",
+        coinMinimalDenom: "upryzm",
+        coinDecimals: 6,
+        gasPriceStep: {
+          low: 0.02,
+          average: 0.03,
+          high: 0.04
+        }
+      },
       {
         coinDenom: "atom",
         coinMinimalDenom: "ibc/27394FB092D2ECCD56123C74F36E4C1F926001CEADA9CA97EA622B25F41E5EB2",
@@ -19805,16 +19613,6 @@ const _mainnetChains = [
           high: 0.04
         }
       },
-      {
-        coinDenom: "auuu",
-        coinMinimalDenom: "factory/pryzm1jnhcsa5ddjsjq2t97v6a82z542rduxvtw6wd9h/uauuu",
-        coinDecimals: 6,
-        gasPriceStep: {
-          low: 0.01,
-          average: 0.015,
-          high: 0.02
-        }
-      },
       {
         coinDenom: "dydx",
         coinMinimalDenom: "ibc/F8CA5236869F819BC006EEF088E67889A26E4140339757878F0F4E229CDDA858",
@@ -19952,12 +19750,12 @@ const _mainnetChains = [
     currencies: [
       {
         coinDenom: "qfs",
-        coinMinimalDenom: "qfs",
-        coinDecimals: 0
+        coinMinimalDenom: "uqfs",
+        coinDecimals: 6
       }
     ],
     rest: "https://lcd.qfsone.com",
-    rpc: "https://rcp.qfsone.com",
+    rpc: "https://rpc.qfsone.com",
     bech32Config: {
       bech32PrefixAccAddr: "qfs",
       bech32PrefixAccPub: "qfspub",
@@ -19970,22 +19768,22 @@ const _mainnetChains = [
     feeCurrencies: [
       {
         coinDenom: "qfs",
-        coinMinimalDenom: "qfs",
-        coinDecimals: 0,
+        coinMinimalDenom: "uqfs",
+        coinDecimals: 6,
         gasPriceStep: {
-          low: 1e-6,
-          average: 5e-6,
-          high: 1e-4
+          low: 0.025,
+          average: 0.03,
+          high: 0.035
         }
       }
     ],
     stakeCurrency: {
       coinDenom: "qfs",
-      coinMinimalDenom: "qfs",
-      coinDecimals: 0
+      coinMinimalDenom: "uqfs",
+      coinDecimals: 6
     },
     bip44: {
-      coinType: 1179993431
+      coinType: 118
     }
   },
   {
@@ -21853,6 +21651,62 @@ const _mainnetChains = [
       coinType: 118
     }
   },
+  {
+    chainId: "symphony-1",
+    currencies: [
+      {
+        coinDenom: "mld",
+        coinMinimalDenom: "note",
+        coinDecimals: 6
+      },
+      {
+        coinDenom: "husd",
+        coinMinimalDenom: "uusd",
+        coinDecimals: 6
+      },
+      {
+        coinDenom: "hkhd",
+        coinMinimalDenom: "ukhd",
+        coinDecimals: 6
+      },
+      {
+        coinDenom: "hvnd",
+        coinMinimalDenom: "uvnd",
+        coinDecimals: 6
+      }
+    ],
+    rest: "https://symphony.api.nodeshub.online/",
+    rpc: "https://symphony.rpc.nodeshub.online/",
+    bech32Config: {
+      bech32PrefixAccAddr: "symphony",
+      bech32PrefixAccPub: "symphonypub",
+      bech32PrefixValAddr: "symphonyvaloper",
+      bech32PrefixValPub: "symphonyvaloperpub",
+      bech32PrefixConsAddr: "symphonyvalcons",
+      bech32PrefixConsPub: "symphonyvalconspub"
+    },
+    chainName: "symphony",
+    feeCurrencies: [
+      {
+        coinDenom: "mld",
+        coinMinimalDenom: "note",
+        coinDecimals: 6,
+        gasPriceStep: {
+          low: 25e-5,
+          average: 25e-4,
+          high: 4e-3
+        }
+      }
+    ],
+    stakeCurrency: {
+      coinDenom: "mld",
+      coinMinimalDenom: "note",
+      coinDecimals: 6
+    },
+    bip44: {
+      coinType: 118
+    }
+  },
   {
     chainId: "synternet-1",
     currencies: [
@@ -21895,44 +21749,44 @@ const _mainnetChains = [
     }
   },
   {
-    chainId: "taketitan-12",
+    chainId: "taketitan-1",
     currencies: [
       {
-        coinDenom: "ttnc",
-        coinMinimalDenom: "ttnc",
-        coinDecimals: 0
+        coinDenom: "titan",
+        coinMinimalDenom: "utitan",
+        coinDecimals: 6
       }
     ],
-    rest: "https://lcdttnc.taketitan.com",
-    rpc: "https://rcpttnc.taketitan.com",
+    rest: "https://lcd.taketitan.com",
+    rpc: "https://rpc.taketitan.com",
     bech32Config: {
-      bech32PrefixAccAddr: "taketitan",
-      bech32PrefixAccPub: "taketitanpub",
-      bech32PrefixValAddr: "taketitanvaloper",
-      bech32PrefixValPub: "taketitanvaloperpub",
-      bech32PrefixConsAddr: "taketitanvalcons",
-      bech32PrefixConsPub: "taketitanvalconspub"
+      bech32PrefixAccAddr: "titan",
+      bech32PrefixAccPub: "titanpub",
+      bech32PrefixValAddr: "titanvaloper",
+      bech32PrefixValPub: "titanvaloperpub",
+      bech32PrefixConsAddr: "titanvalcons",
+      bech32PrefixConsPub: "titanvalconspub"
     },
     chainName: "taketitan",
     feeCurrencies: [
       {
-        coinDenom: "ttnc",
-        coinMinimalDenom: "ttnc",
-        coinDecimals: 0,
+        coinDenom: "titan",
+        coinMinimalDenom: "utitan",
+        coinDecimals: 6,
         gasPriceStep: {
-          low: 1e-6,
-          average: 5e-6,
-          high: 1e-4
+          low: 0.025,
+          average: 0.03,
+          high: 0.035
         }
       }
     ],
     stakeCurrency: {
-      coinDenom: "ttnc",
-      coinMinimalDenom: "ttnc",
-      coinDecimals: 0
+      coinDenom: "titan",
+      coinMinimalDenom: "utitan",
+      coinDecimals: 6
     },
     bip44: {
-      coinType: 1179993421
+      coinType: 118
     }
   },
   {
@@ -24052,6 +23906,42 @@ const _mainnetChains = [
       coinType: 118
     }
   },
+  {
+    chainId: "xarchain",
+    currencies: [
+      {
+        coinDenom: "stxar",
+        coinMinimalDenom: "stxar",
+        coinDecimals: 0
+      }
+    ],
+    rest: "https://cosmos01-testnet.arcana.network",
+    rpc: "https://cosmos01-testnet.arcana.network:26650",
+    bech32Config: {
+      bech32PrefixAccAddr: "arcana",
+      bech32PrefixAccPub: "arcanapub",
+      bech32PrefixValAddr: "arcanavaloper",
+      bech32PrefixValPub: "arcanavaloperpub",
+      bech32PrefixConsAddr: "arcanavalcons",
+      bech32PrefixConsPub: "arcanavalconspub"
+    },
+    chainName: "xarchain",
+    feeCurrencies: [
+      {
+        coinDenom: "stxar",
+        coinMinimalDenom: "stxar",
+        coinDecimals: 0
+      }
+    ],
+    stakeCurrency: {
+      coinDenom: "stxar",
+      coinMinimalDenom: "stxar",
+      coinDecimals: 0
+    },
+    bip44: {
+      coinType: 118
+    }
+  },
   {
     chainId: "xion-mainnet-1",
     currencies: [
@@ -26027,7 +25917,7 @@ const _testnetChains = [
         coinDecimals: 6,
         gasPriceStep: {
           low: 0.01,
-          average: 0.025,
+          average: 0.02,
           high: 0.03
         }
       }
@@ -27650,7 +27540,7 @@ const _testnetChains = [
     }
   },
   {
-    chainId: "lumera-testnet-1",
+    chainId: "lumera-testnet-2",
     currencies: [
       {
         coinDenom: "LUME",
@@ -29453,6 +29343,47 @@ const _testnetChains = [
       coinType: 118
     }
   },
+  {
+    chainId: "safro-testnet-1",
+    currencies: [
+      {
+        coinDenom: "saf",
+        coinMinimalDenom: "usaf",
+        coinDecimals: 6
+      }
+    ],
+    rest: "https://rest.testnet.safrochain.com",
+    rpc: "https://rpc.testnet.safrochain.com",
+    bech32Config: {
+      bech32PrefixAccAddr: "addr_safro",
+      bech32PrefixAccPub: "addr_safropub",
+      bech32PrefixValAddr: "addr_safrovaloper",
+      bech32PrefixValPub: "addr_safrovaloperpub",
+      bech32PrefixConsAddr: "addr_safrovalcons",
+      bech32PrefixConsPub: "addr_safrovalconspub"
+    },
+    chainName: "safrochaintestnet",
+    feeCurrencies: [
+      {
+        coinDenom: "saf",
+        coinMinimalDenom: "usaf",
+        coinDecimals: 6,
+        gasPriceStep: {
+          low: 25e-4,
+          average: 0.025,
+          high: 0.04
+        }
+      }
+    ],
+    stakeCurrency: {
+      coinDenom: "saf",
+      coinMinimalDenom: "usaf",
+      coinDecimals: 6
+    },
+    bip44: {
+      coinType: 118
+    }
+  },
   {
     chainId: "ssc-testnet-2",
     currencies: [
@@ -30003,7 +29934,7 @@ const _testnetChains = [
     }
   },
   {
-    chainId: "sunrise-test-0.1",
+    chainId: "sunrise-test-da-5",
     currencies: [
       {
         coinDenom: "vrise",
@@ -30014,10 +29945,15 @@ const _testnetChains = [
         coinDenom: "rise",
         coinMinimalDenom: "urise",
         coinDecimals: 6
+      },
+      {
+        coinDenom: "usdrise",
+        coinMinimalDenom: "uusdrise",
+        coinDecimals: 6
       }
     ],
-    rest: "https://a-node.sunrise-test-1.cauchye.net:1318",
-    rpc: "https://a-node.sunrise-test-1.cauchye.net/",
+    rest: "https://sunrise-test-da-5.cauchye.net:1318",
+    rpc: "https://sunrise-test-da-5.cauchye.net",
     bech32Config: {
       bech32PrefixAccAddr: "sunrise",
       bech32PrefixAccPub: "sunrisepub",
@@ -30029,8 +29965,8 @@ const _testnetChains = [
     chainName: "sunrisetestnet",
     feeCurrencies: [
       {
-        coinDenom: "rise",
-        coinMinimalDenom: "urise",
+        coinDenom: "usdrise",
+        coinMinimalDenom: "uusdrise",
         coinDecimals: 6,
         gasPriceStep: {
           low: 25e-4,
@@ -30140,62 +30076,6 @@ const _testnetChains = [
       coinType: 118
     }
   },
-  {
-    chainId: "symphony-testnet-3",
-    currencies: [
-      {
-        coinDenom: "mld",
-        coinMinimalDenom: "note",
-        coinDecimals: 6
-      },
-      {
-        coinDenom: "husd",
-        coinMinimalDenom: "uusd",
-        coinDecimals: 6
-      },
-      {
-        coinDenom: "hkhd",
-        coinMinimalDenom: "ukhd",
-        coinDecimals: 6
-      },
-      {
-        coinDenom: "hvnd",
-        coinMinimalDenom: "uvnd",
-        coinDecimals: 6
-      }
-    ],
-    rest: "https://symphony.test.api.nodeshub.online/",
-    rpc: "https://symphony.test.rpc.nodeshub.online/",
-    bech32Config: {
-      bech32PrefixAccAddr: "symphony",
-      bech32PrefixAccPub: "symphonypub",
-      bech32PrefixValAddr: "symphonyvaloper",
-      bech32PrefixValPub: "symphonyvaloperpub",
-      bech32PrefixConsAddr: "symphonyvalcons",
-      bech32PrefixConsPub: "symphonyvalconspub"
-    },
-    chainName: "symphonytestnet3",
-    feeCurrencies: [
-      {
-        coinDenom: "mld",
-        coinMinimalDenom: "note",
-        coinDecimals: 6,
-        gasPriceStep: {
-          low: 25e-4,
-          average: 0.025,
-          high: 0.04
-        }
-      }
-    ],
-    stakeCurrency: {
-      coinDenom: "mld",
-      coinMinimalDenom: "note",
-      coinDecimals: 6
-    },
-    bip44: {
-      coinType: 118
-    }
-  },
   {
     chainId: "amber-2",
     currencies: [
@@ -31706,6 +31586,12 @@ const _explorers = [
         url: "https://explorer.whenmoonwhenlambo.money/arkeo",
         txPage: "https://explorer.whenmoonwhenlambo.money/arkeo/tx/${txHash}",
         accountPage: "https://explorer.whenmoonwhenlambo.money/arkeo/account/${accountAddress}"
+      },
+      {
+        kind: "NodeStake",
+        url: "https://explorer.nodestake.org/arkeo",
+        txPage: "https://explorer.nodestake.org/arkeo/tx/${txHash}",
+        accountPage: "https://explorer.nodestake.org/arkeo/account/${accountAddress}"
       }
     ]
   },
@@ -31973,6 +31859,23 @@ const _explorers = [
       }
     ]
   },
+  {
+    chainId: "axone-1",
+    explorers: [
+      {
+        kind: "valopers",
+        url: "https://axone.valopers.com/",
+        txPage: "https://axone.valopers.com/transactions/${txHash}",
+        accountPage: "https://axone.valopers.com/account/${accountAddress}"
+      },
+      {
+        kind: "NodeStake",
+        url: "https://explorer.nodestake.org/axone",
+        txPage: "https://explorer.nodestake.org/axone/tx/${txHash}",
+        accountPage: "https://explorer.nodestake.org/axone/account/${accountAddress}"
+      }
+    ]
+  },
   {
     chainId: "bbn-1",
     explorers: [
@@ -32403,6 +32306,16 @@ const _explorers = [
       }
     ]
   },
+  {
+    chainId: "bcx_323-1",
+    explorers: [
+      {
+        kind: "pingpub",
+        url: "https://cosmos.buycex.net",
+        txPage: "https://cosmos.buycex.net/tx/${txHash}"
+      }
+    ]
+  },
   {
     chainId: "canto_7700-1",
     explorers: [
@@ -32783,9 +32696,8 @@ const _explorers = [
     chainId: "cifer-2",
     explorers: [
       {
-        kind: "bigdipper",
-        url: "https://explorer.cifer.ai/",
-        txPage: "https://explorer.cifer.ai/transactions/${txHash}"
+        url: "https://www.cifscan.com/",
+        txPage: "https://www.cifscan.com/tx/${txHash}"
       }
     ]
   },
@@ -35580,7 +35492,7 @@ const _explorers = [
     explorers: [
       {
         kind: "ping.pub",
-        url: "https://blockexplorer.mtgbp.com/mtgbp",
+        url: "https://blockexplorer.mtgbp.com",
         txPage: "https://blockexplorer.mtgbp.com/mtgbp/tx/${txHash}",
         accountPage: "https://blockexplorer.mtgbp.com/mtgbp/accounts/${accountAddress}"
       }
@@ -36479,6 +36391,12 @@ const _explorers = [
         url: "https://shannon.pokt.network",
         txPage: "https://shannon.pokt.network/tx/${txHash}",
         accountPage: "https://shannon.pokt.network/poktroll/account/${accountAddress}"
+      },
+      {
+        kind: "🗺 Ping Pub fork Explorer by Blockval",
+        url: "https://explorer.blockval.io/pocket",
+        txPage: "https://explorer.blockval.io/pocket/tx/${txHash}",
+        accountPage: "https://explorer.blockval.io/pocket/account/${accountAddress}"
       }
     ]
   },
@@ -36648,7 +36566,7 @@ const _explorers = [
     explorers: [
       {
         kind: "ping.pub",
-        url: "https://blockexplorer.qfsone.com/qfs",
+        url: "https://blockexplorer.qfsone.com",
         txPage: "https://blockexplorer.qfsone.com/qfs/tx/${txHash}",
         accountPage: "https://blockexplorer.qfsone.com/qfs/accounts/${accountAddress}"
       }
@@ -37964,6 +37882,17 @@ const _explorers = [
     chainId: "sunrise-1",
     explorers: []
   },
+  {
+    chainId: "symphony-1",
+    explorers: [
+      {
+        kind: "VinjanXplorer",
+        url: "https://xplorer.vinjan.xyz/symphony",
+        txPage: "https://xplorer.vinjan.xyz/symphony/tx/${txHash}",
+        accountPage: "https://xplorer.vinjan.xyz/symphony/account/${accountAddress}"
+      }
+    ]
+  },
   {
     chainId: "synternet-1",
     explorers: [
@@ -37987,13 +37916,13 @@ const _explorers = [
     ]
   },
   {
-    chainId: "taketitan-12",
+    chainId: "taketitan-1",
     explorers: [
       {
         kind: "ping.pub",
-        url: "https://scan.taketitan.com/taketitan",
-        txPage: "https://scan.taketitan.com/taketitan/tx/${txHash}",
-        accountPage: "https://scan.taketitan.com/taketitan/accounts/${accountAddress}"
+        url: "https://blockexplorer.taketitan.com",
+        txPage: "https://blockexplorer.taketitan.com/taketitan/tx/${txHash}",
+        accountPage: "https://blockexplorer.taketitan.com/taketitan/accounts/${accountAddress}"
       }
     ]
   },
@@ -38251,12 +38180,6 @@ const _explorers = [
   {
     chainId: "umee-1",
     explorers: [
-      {
-        kind: "mintscan",
-        url: "https://www.mintscan.io/umee/",
-        txPage: "https://www.mintscan.io/umee/transactions/${txHash}",
-        accountPage: "https://www.mintscan.io/umee/accounts/${accountAddress}"
-      },
       {
         kind: "ping.pub",
         url: "https://ping.pub/umee",
@@ -38442,6 +38365,15 @@ const _explorers = [
       }
     ]
   },
+  {
+    chainId: "xarchain",
+    explorers: [
+      {
+        kind: "arcana ceries intent explorer",
+        url: "https://explorer.arcana.network"
+      }
+    ]
+  },
   {
     chainId: "xion-mainnet-1",
     explorers: [
@@ -39546,7 +39478,7 @@ const _explorers = [
     ]
   },
   {
-    chainId: "lumera-testnet-1",
+    chainId: "lumera-testnet-2",
     explorers: [
       {
         kind: "ping.pub",
@@ -39947,6 +39879,16 @@ const _explorers = [
       }
     ]
   },
+  {
+    chainId: "safro-testnet-1",
+    explorers: [
+      {
+        kind: "bigdipper",
+        url: "https://explorer.testnet.safrochain.com",
+        txPage: "https://explorer.testnet.safrochain.com/transactions/${txHash}"
+      }
+    ]
+  },
   {
     chainId: "ssc-testnet-2",
     explorers: [
@@ -40142,7 +40084,7 @@ const _explorers = [
     ]
   },
   {
-    chainId: "sunrise-test-0.1",
+    chainId: "sunrise-test-da-5",
     explorers: []
   },
   {
@@ -40156,10 +40098,15 @@ const _explorers = [
     ]
   },
   {
-    chainId: "symphony-testnet-4"
-  },
-  {
-    chainId: "symphony-testnet-3"
+    chainId: "symphony-testnet-4",
+    explorers: [
+      {
+        kind: "VinjanXplorer",
+        url: "https://xplorer.vinjan.xyz/symphony-testnet",
+        txPage: "https://xplorer.vinjan.xyz/symphony-testnet/tx/${txHash}",
+        accountPage: "https://xplorer.vinjan.xyz/symphony-testnet/account/${accountAddress}"
+      }
+    ]
   },
   {
     chainId: "amber-2",
@@ -41372,6 +41319,10 @@ const routePreferenceAtom = atom$1(
   }
 );
 const goFastWarningAtom = atomWithStorageNoCrossTabSync("showGoFastWarning", true);
+const ROUTE_ERROR_CODE_MAP = {
+  5: "no route found",
+  12: "no route found"
+};
 const initializeDebounceValuesEffect = atomEffect(
   (get, set) => {
     const sourceAsset = get(sourceAssetAtom);
@@ -41467,10 +41418,15 @@ const _skipRouteAtom = atomWithQuery((get) => {
   };
 });
 const skipRouteAtom = atom$1((get) => {
+  var _a;
   const { data, isError, error, isFetching, isPending } = get(_skipRouteAtom);
   const caughtError = data;
   const routeResponse = data;
   if (caughtError == null ? void 0 : caughtError.isError) {
+    const error2 = caughtError.error;
+    if (((_a = caughtError == null ? void 0 : caughtError.error) == null ? void 0 : _a.code) && ROUTE_ERROR_CODE_MAP[caughtError.error.code]) {
+      error2.message = ROUTE_ERROR_CODE_MAP[caughtError.error.code];
+    }
     return {
       data: void 0,
       isError: true,
@@ -41519,6 +41475,8 @@ const setRouteToDefaultRouteAtom = atom$1(null, (get, set, assets2) => {
 });
 var HISTORY_VERSION = /* @__PURE__ */ ((HISTORY_VERSION2) => {
   HISTORY_VERSION2[HISTORY_VERSION2["camelCase"] = 0] = "camelCase";
+  HISTORY_VERSION2[HISTORY_VERSION2["routeDetails"] = 1] = "routeDetails";
+  HISTORY_VERSION2[HISTORY_VERSION2["userAddresses"] = 2] = "userAddresses";
   return HISTORY_VERSION2;
 })(HISTORY_VERSION || {});
 const transactionHistoryVersionAtom = atomWithStorage(
@@ -41529,31 +41487,49 @@ const transactionHistoryAtom = atomWithStorage(
   LOCAL_STORAGE_KEYS.transactionHistory,
   []
 );
+const sortedHistoryItemsAtom = atom$1((get) => {
+  const history = get(transactionHistoryAtom);
+  const sortedAndFiltered = history.filter(
+    (historyItem) => historyItem.txsSigned > 0 && historyItem.mainRouteId === void 0 && historyItem.transactionDetails.some((tx) => tx.txHash)
+  ).map((historyItem) => {
+    const relatedRoutes = [...historyItem.relatedRoutes ?? []];
+    return {
+      ...historyItem,
+      relatedRoutes
+    };
+  }).sort((a, b) => b.timestamp - a.timestamp);
+  return sortedAndFiltered;
+});
 const setTransactionHistoryAtom = atom$1(
   null,
   (get, set, historyItem) => {
     const history = get(transactionHistoryAtom);
-    const index = history.findIndex((item) => item.timestamp === historyItem.timestamp);
+    const index = history.findIndex((item) => item.id === historyItem.id);
     const newHistory = [...history];
     if (index !== -1) {
       const oldItem = newHistory[index];
       newHistory[index] = { ...oldItem, ...historyItem };
     } else {
-      newHistory.push(historyItem);
+      if (historyItem.id) {
+        if (historyItem.mainRouteId === void 0) {
+          set(setCurrentTransactionIdAtom, historyItem.id);
+        }
+        newHistory.push(historyItem);
+      }
     }
     set(transactionHistoryAtom, newHistory);
   }
 );
-const lastTransactionInTimeAtom = atom$1((get) => {
+const currentTransactionAtom = atom$1((get) => {
+  const { currentTransactionId } = get(swapExecutionStateAtom);
   const history = get(transactionHistoryAtom);
+  return history.find((historyItem) => historyItem.id === currentTransactionId);
+});
+const lastTransactionInTimeAtom = atom$1((get) => {
+  const history = get(sortedHistoryItemsAtom);
   if (history.length === 0) return;
   const sorted = [...history].sort((a, b) => b.timestamp - a.timestamp);
-  const lastTx = sorted[0];
-  const originalIndex = history.findIndex((tx) => tx.timestamp === lastTx.timestamp);
-  return {
-    transactionHistoryItem: lastTx,
-    index: originalIndex
-  };
+  return sorted.at(0);
 });
 const removeTransactionHistoryItemAtom = atom$1(null, (get, set, timestamp) => {
   const history = get(transactionHistoryAtom);
@@ -41561,6 +41537,118 @@ const removeTransactionHistoryItemAtom = atom$1(null, (get, set, timestamp) => {
   const newHistory = history.filter((item) => item.timestamp !== timestamp);
   set(transactionHistoryAtom, newHistory);
 });
+var OperationType = /* @__PURE__ */ ((OperationType2) => {
+  OperationType2["swap"] = "swap";
+  OperationType2["evmSwap"] = "evmSwap";
+  OperationType2["transfer"] = "transfer";
+  OperationType2["axelarTransfer"] = "axelarTransfer";
+  OperationType2["cctpTransfer"] = "cctpTransfer";
+  OperationType2["hyperlaneTransfer"] = "hyperlaneTransfer";
+  OperationType2["opInitTransfer"] = "opInitTransfer";
+  OperationType2["bankSend"] = "bankSend";
+  OperationType2["goFastTransfer"] = "goFastTransfer";
+  OperationType2["stargateTransfer"] = "stargateTransfer";
+  OperationType2["eurekaTransfer"] = "eurekaTransfer";
+  OperationType2["layerZeroTransfer"] = "layerZeroTransfer";
+  return OperationType2;
+})(OperationType || {});
+function getOperationDetailsAndType(operation) {
+  const combinedOperation = operation;
+  let returnValue = {
+    details: {},
+    type: void 0
+  };
+  Object.values(OperationType).find((type2) => {
+    var _a;
+    const originalDetails = combinedOperation == null ? void 0 : combinedOperation[type2];
+    if (originalDetails) {
+      const operationDetails = { ...originalDetails };
+      switch (type2) {
+        case "swap":
+        case "evmSwap":
+          operationDetails.toChainId = originalDetails.fromChainId;
+          break;
+        case "axelarTransfer":
+          operationDetails.denomIn = ((_a = originalDetails.ibcTransferToAxelar) == null ? void 0 : _a.denomIn) ?? originalDetails.denomIn;
+          break;
+        case "bankSend": {
+          const bankSend = originalDetails;
+          operationDetails.denomIn = bankSend.denom;
+          operationDetails.denomOut = bankSend.denom;
+          operationDetails.fromChainId = bankSend.chainId;
+          operationDetails.toChainId = bankSend.chainId;
+          break;
+        }
+      }
+      returnValue = {
+        details: operationDetails,
+        type: type2
+      };
+    }
+  });
+  return returnValue;
+}
+function getClientOperation(operation) {
+  const { details, type: type2 } = getOperationDetailsAndType(operation);
+  return {
+    type: type2,
+    ...details,
+    txIndex: operation.txIndex,
+    amountIn: operation.amountIn,
+    amountOut: operation.amountOut,
+    swapVenues: [
+      ...details.swapVenues ?? [],
+      ...(details == null ? void 0 : details.swapIn) ? [details == null ? void 0 : details.swapIn.swapVenue] : [],
+      ...(details == null ? void 0 : details.swapOut) ? [details == null ? void 0 : details.swapOut.swapVenue] : []
+    ]
+  };
+}
+function getClientOperations(operations) {
+  if (!operations) return [];
+  let transferIndex = 0;
+  const filteredOperations = filterNeutronSwapFee(operations);
+  return filteredOperations.map((operation, index, arr) => {
+    const prevOperation = arr[index - 1];
+    const signRequired = (() => {
+      if (index === 0) {
+        return false;
+      } else {
+        if (operation.txIndex > prevOperation.txIndex) {
+          return true;
+        }
+        return false;
+      }
+    })();
+    const clientOperation = getClientOperation(operation);
+    const isSwap = clientOperation.type === "swap" || clientOperation.type === "evmSwap";
+    const result = {
+      ...clientOperation,
+      transferIndex,
+      signRequired,
+      isSwap
+    };
+    if (!isSwap) {
+      transferIndex++;
+    }
+    return result;
+  });
+}
+function filterNeutronSwapFee(operations) {
+  return operations.filter((op, i) => {
+    var _a, _b, _c, _d, _e2, _f, _g, _h;
+    const clientOperation = getClientOperation(op);
+    if (clientOperation.type === "swap" && ((_b = (_a = clientOperation.swapOut) == null ? void 0 : _a.swapVenue) == null ? void 0 : _b.name) === "neutron-astroport" && ((_c = clientOperation.swapOut) == null ? void 0 : _c.swapVenue.chainId) === "neutron-1" && clientOperation.chainId === "neutron-1" && clientOperation.denomOut === "untrn" && clientOperation.fromChainId === "neutron-1" && ((_d = clientOperation.swapOut) == null ? void 0 : _d.swapAmountOut) === "200000") {
+      const nextOperation = operations[i + 1];
+      if (nextOperation) {
+        const nextClientOperation = getClientOperation(nextOperation);
+        if (nextClientOperation.type === "swap" && ((_f = (_e2 = nextClientOperation.swapIn) == null ? void 0 : _e2.swapVenue) == null ? void 0 : _f.name) === "neutron-astroport" && ((_h = (_g = nextClientOperation.swapIn) == null ? void 0 : _g.swapVenue) == null ? void 0 : _h.chainId) === "neutron-1" && nextClientOperation.chainId === "neutron-1") {
+          return false;
+        }
+      }
+    }
+    return true;
+  });
+}
 function isUserRejectedRequestError(input) {
   if (input instanceof Error) {
     if (
@@ -45486,7 +45574,7 @@ function walletConnect(parameters) {
         const optionalChains = config2.chains.map((x2) => x2.id);
         if (!optionalChains.length)
           return;
-        const { EthereumProvider } = await import("./index.es-BhgJ58L0.js");
+        const { EthereumProvider } = await import("./index.es-DlJZjBcA.js");
         return await EthereumProvider.init({
           ...parameters,
           disableProviderPing: true,
@@ -45815,43 +45903,343 @@ const createExplorerLink = ({
 };
 const createSkipExplorerLink = (transactionDetails) => {
   var _a, _b;
+  if (!transactionDetails) return "";
   const { get } = jotaiStore;
   const txHashCommaSeperatedList = (_a = transactionDetails == null ? void 0 : transactionDetails.map((txDetails) => txDetails.txHash)) == null ? void 0 : _a.join(",");
   const isTestnet = get(onlyTestnetsAtom);
   const initialTxChainId = (_b = transactionDetails == null ? void 0 : transactionDetails[0]) == null ? void 0 : _b.chainId;
   return `https://explorer.skip.build/?tx_hash=${txHashCommaSeperatedList}&chain_id=${initialTxChainId}${isTestnet ? "&is_testnet=true" : ""}`;
 };
+const skipAllBalancesRequestAtom = atom$1(void 0);
+const skipAllBalancesAtom = atomWithQuery((get) => {
+  const params = get(skipAllBalancesRequestAtom);
+  const isInvertingSwap = get(isInvertingSwapAtom);
+  const enabled = params && !isInvertingSwap;
+  return {
+    queryKey: ["skipBalances", params],
+    queryFn: async () => {
+      if (!params) {
+        return { chains: {} };
+      }
+      if (Object.keys((params == null ? void 0 : params.chains) ?? {}).length === 0) {
+        return { chains: {} };
+      }
+      const res = await balances({ ...params, abortDuplicateRequests: true });
+      if (res === void 0) {
+        return { chains: {} };
+      }
+      if (res.chains === void 0) {
+        return { chains: {} };
+      }
+      return res;
+    },
+    enabled,
+    refetchInterval: 1e3 * 60,
+    retry: 1,
+    gcTime: 0,
+    placeholderData: (prevData) => prevData
+  };
+});
+const GAS_ON_RECEIVE_AMOUNT_USD = {
+  [ChainType.Cosmos]: 0.1,
+  evm_l2: 2
+};
+const gasOnReceiveAtom = atom$1(void 0);
+const gasOnReceiveAmountAtom = atom$1(void 0);
+const gasOnReceiveRouteRequestAtom = atom$1((get) => {
+  var _a, _b, _c, _d, _e2, _f;
+  const balances2 = get(skipAllBalancesAtom);
+  const chains2 = get(skipChainsAtom);
+  const sourceAsset = get(sourceAssetAtom);
+  const destinationAsset = get(destinationAssetAtom);
+  const _amount = get(gasOnReceiveAmountAtom);
+  if (!sourceAsset || !destinationAsset) return;
+  const destinationChain = (_a = chains2.data) == null ? void 0 : _a.find((c) => c.chainId === (destinationAsset == null ? void 0 : destinationAsset.chainId));
+  const amountUsd = (() => {
+    if (_amount !== void 0) {
+      const parsedAmount = Number(_amount);
+      if (!isNaN(parsedAmount)) return parsedAmount;
+    }
+    if ((destinationChain == null ? void 0 : destinationChain.chainType) === ChainType.Evm) {
+      return GAS_ON_RECEIVE_AMOUNT_USD.evm_l2;
+    }
+    return GAS_ON_RECEIVE_AMOUNT_USD[ChainType.Cosmos];
+  })();
+  const destinationFeeAssets = (() => {
+    var _a2;
+    if ((destinationChain == null ? void 0 : destinationChain.chainType) === ChainType.Evm) {
+      const assets2 = get(skipAssetsAtom);
+      const evmFeeAsset = (_a2 = assets2.data) == null ? void 0 : _a2.find(
+        (asset) => asset.chain_key === (destinationChain == null ? void 0 : destinationChain.chainId) && asset.denom.includes("-native")
+      );
+      if (evmFeeAsset) {
+        return [{ amountOut: void 0, denom: evmFeeAsset.denom }];
+      }
+    }
+    return destinationChain == null ? void 0 : destinationChain.feeAssets.map((asset) => {
+      var _a3, _b2, _c2;
+      const gasPrice = ((_a3 = asset.gasPrice) == null ? void 0 : _a3.average) ?? ((_b2 = asset.gasPrice) == null ? void 0 : _b2.high) ?? ((_c2 = asset.gasPrice) == null ? void 0 : _c2.low);
+      return {
+        amountOut: gasPrice && convertHumanReadableAmountToCryptoAmount(
+          BigNumber(gasPrice).multipliedBy(3).toNumber(),
+          destinationAsset == null ? void 0 : destinationAsset.decimals
+        ),
+        denom: asset.denom
+      };
+    });
+  })();
+  if (!(sourceAsset == null ? void 0 : sourceAsset.chainId) || !sourceAsset.denom || !destinationFeeAssets) return;
+  const sourceAssetUsdPrice = (_f = (_e2 = (_d = (_c = (_b = balances2 == null ? void 0 : balances2.data) == null ? void 0 : _b.chains) == null ? void 0 : _c[sourceAsset == null ? void 0 : sourceAsset.chainId]) == null ? void 0 : _d.denoms) == null ? void 0 : _e2[sourceAsset == null ? void 0 : sourceAsset.denom]) == null ? void 0 : _f.price;
+  if (!sourceAssetUsdPrice) return;
+  const amount = BigNumber(sourceAssetUsdPrice).multipliedBy(amountUsd).toString();
+  return {
+    amountIn: convertHumanReadableAmountToCryptoAmount(amount, destinationAsset == null ? void 0 : destinationAsset.decimals),
+    sourceAssetChainId: sourceAsset.chainId,
+    sourceAssetDenom: sourceAsset.denom,
+    destAssetChainId: destinationAsset == null ? void 0 : destinationAsset.chainId,
+    destAssetDenoms: destinationFeeAssets
+  };
+});
+const isSomeDestinationFeeBalanceAvailableAtom = atomWithQuery((get) => {
+  const chainAddresses = get(chainAddressesAtom);
+  const chainAddressesArray = Object.values(chainAddresses);
+  const destination = chainAddressesArray == null ? void 0 : chainAddressesArray[chainAddressesArray.length - 1];
+  const destinationAddress = destination == null ? void 0 : destination.address;
+  const gasOnReceiveRouteParams = get(gasOnReceiveRouteRequestAtom);
+  const queryEnabled = !!destinationAddress && !!gasOnReceiveRouteParams;
+  return {
+    enabled: queryEnabled,
+    retry: false,
+    refetchOnReconnect: false,
+    refetchOnWindowFocus: false,
+    refetchInterval: false,
+    queryKey: ["destinationBalances", { destination, gasOnReceiveRouteParams }],
+    queryFn: async () => {
+      if (!gasOnReceiveRouteParams) return false;
+      const balanceResponse = await balances({
+        chains: {
+          [destination.chainId]: {
+            address: destinationAddress
+          }
+        }
+      });
+      const isSomeBalanceAvailable = gasOnReceiveRouteParams == null ? void 0 : gasOnReceiveRouteParams.destAssetDenoms.some(
+        ({ denom, amountOut }) => {
+          var _a, _b, _c, _d;
+          const balanceAmount = (_d = (_c = (_b = (_a = balanceResponse == null ? void 0 : balanceResponse.chains) == null ? void 0 : _a[destination.chainId]) == null ? void 0 : _b.denoms) == null ? void 0 : _c[denom]) == null ? void 0 : _d.amount;
+          const isMoreThanAmountOut = !!balanceAmount && !!amountOut && BigNumber(balanceAmount).isGreaterThanOrEqualTo(amountOut);
+          return amountOut ? isMoreThanAmountOut : balanceAmount && balanceAmount !== "0";
+        }
+      );
+      if (!isSomeBalanceAvailable) {
+        track("gas on receive: no destination balance");
+      }
+      return isSomeBalanceAvailable;
+    }
+  };
+});
+const gasOnReceiveAtomEffect = atomEffect((get, set) => {
+  var _a;
+  const gorRoute = get(gasOnReceiveRouteAtom);
+  const isSomeDestinationFeeBalanceAvailable = get(isSomeDestinationFeeBalanceAvailableAtom);
+  const currentTransactionItem = get(currentTransactionAtom);
+  if (gorRoute.isLoading || isSomeDestinationFeeBalanceAvailable.isLoading) return;
+  if (currentTransactionItem) return;
+  if (!((_a = gorRoute.data) == null ? void 0 : _a.gasOnReceiveAsset)) return;
+  if (isSomeDestinationFeeBalanceAvailable.data) {
+    set(gasOnReceiveAtom, (prev2) => prev2 ?? false);
+  } else {
+    set(gasOnReceiveAtom, (prev2) => prev2 ?? true);
+  }
+});
+const gasOnReceiveRouteAtom = atomWithQuery((get) => {
+  const { data: chains2 } = get(skipChainsAtom);
+  const { data: originalRoute } = get(skipRouteAtom);
+  const params = get(skipRouteRequestAtom);
+  const currentPage = get(currentPageAtom);
+  const destinationAsset = get(destinationAssetAtom);
+  const routeConfig = get(routeConfigAtom);
+  const swapSettings = get(swapSettingsAtom);
+  const gasOnReceiveRouteParams = get(gasOnReceiveRouteRequestAtom);
+  const currentTransactionItem = get(currentTransactionAtom);
+  const destinationAssetIsAFeeAsset = gasOnReceiveRouteParams == null ? void 0 : gasOnReceiveRouteParams.destAssetDenoms.map((i) => i.denom).includes((destinationAsset == null ? void 0 : destinationAsset.denom) ?? "");
+  const chainAddresses = get(chainAddressesAtom);
+  const chainAddressesArray = Object.values(chainAddresses);
+  const destination = chainAddressesArray == null ? void 0 : chainAddressesArray[chainAddressesArray.length - 1];
+  const destinationAddress = destination == null ? void 0 : destination.address;
+  const enabledDestinationChainType = [ChainType.Cosmos, ChainType.Evm];
+  const disabledChainIds = ["1", "solana"];
+  const chain = chains2 == null ? void 0 : chains2.find((i) => i.chainId === (destination == null ? void 0 : destination.chainId));
+  const isRouteEnabled = (() => {
+    if (!chain) return false;
+    if (!enabledDestinationChainType.includes(chain.chainType)) return false;
+    if (disabledChainIds.includes(chain.chainId)) return false;
+    return true;
+  })();
+  const queryEnabled = originalRoute && currentPage === Routes.SwapExecutionPage && !destinationAssetIsAFeeAsset && !!destinationAddress && isRouteEnabled && !currentTransactionItem;
+  return {
+    enabled: queryEnabled,
+    queryKey: [
+      "gasOnReceiveRoute",
+      {
+        originalRoute: {
+          usdAmountOut: originalRoute == null ? void 0 : originalRoute.usdAmountOut
+        },
+        params,
+        destinationAddress,
+        sourceAssetChainId: gasOnReceiveRouteParams == null ? void 0 : gasOnReceiveRouteParams.sourceAssetChainId,
+        sourceAssetDenom: gasOnReceiveRouteParams == null ? void 0 : gasOnReceiveRouteParams.sourceAssetDenom,
+        destAssetChainId: gasOnReceiveRouteParams == null ? void 0 : gasOnReceiveRouteParams.destAssetChainId,
+        destAssetDenoms: gasOnReceiveRouteParams == null ? void 0 : gasOnReceiveRouteParams.destAssetDenoms
+      }
+    ],
+    retry: false,
+    refetchInterval: false,
+    queryFn: async () => {
+      if (!params) throw new Error("No route request provided");
+      let feeRoute;
+      if (destinationAssetIsAFeeAsset || !(gasOnReceiveRouteParams == null ? void 0 : gasOnReceiveRouteParams.destAssetDenoms) || gasOnReceiveRouteParams.destAssetDenoms.length === 0) {
+        return null;
+      }
+      const {
+        destAssetDenoms,
+        amountIn: amountInFallback,
+        ...restParams
+      } = gasOnReceiveRouteParams;
+      const splitDenoms = chunkArray(destAssetDenoms);
+      for (const chunk of splitDenoms) {
+        const feeAssetRoutes = chunk.map(async ({ amountOut, denom }) => {
+          try {
+            const res = await route({
+              destAssetDenom: denom,
+              amountIn: amountOut ? void 0 : amountInFallback,
+              amountOut: amountOut ?? void 0,
+              ...restParams,
+              smartRelay: true,
+              ...routeConfig,
+              goFast: swapSettings.routePreference === RoutePreference.FASTEST,
+              allowMultiTx: false,
+              abortDuplicateRequests: true
+            });
+            return res;
+          } catch (_e2) {
+            return null;
+          }
+        });
+        const result = await Promise.all(feeAssetRoutes);
+        const _feeRoute = result.find((result2) => result2 == null ? void 0 : result2.usdAmountOut);
+        if (_feeRoute == null ? void 0 : _feeRoute.usdAmountOut) {
+          feeRoute = _feeRoute;
+          break;
+        }
+      }
+      if (!(feeRoute == null ? void 0 : feeRoute.amountOut) || !originalRoute) return null;
+      params.amountIn = BigNumber(originalRoute.amountIn ?? 0).minus(BigNumber((feeRoute == null ? void 0 : feeRoute.amountIn) ?? 0)).toString();
+      params.amountOut = void 0;
+      const mainRoute = await route({
+        ...params,
+        smartRelay: true,
+        ...routeConfig,
+        goFast: swapSettings.routePreference === RoutePreference.FASTEST,
+        abortDuplicateRequests: true
+      });
+      if (!mainRoute) return null;
+      return {
+        mainRoute,
+        feeRoute,
+        gasOnReceiveAsset: {
+          amountOut: feeRoute.amountOut,
+          amountUsd: feeRoute.usdAmountOut,
+          denom: feeRoute.destAssetDenom,
+          chainId: feeRoute.destAssetChainId
+        }
+      };
+    }
+  };
+});
+const chunkArray = (arr, size2 = 3) => {
+  const result = [];
+  for (let i = 0; i < arr.length; i += size2) {
+    result.push(arr.slice(i, i + size2));
+  }
+  return result;
+};
 const chainAddressesAtom = atom$1({});
+const feeRouteChainAddressesAtom = atom$1({});
+const feeRouteAddressesAtomEffect = atomEffect((get, set) => {
+  var _a;
+  const isEnabled = get(gasOnReceiveAtom);
+  const gasRoute = get(gasOnReceiveRouteAtom);
+  const _chainAddresses = get(chainAddressesAtom);
+  const chainAddresses = Object.values(_chainAddresses);
+  const { data: chains2 } = get(skipChainsAtom);
+  if (isEnabled && ((_a = gasRoute.data) == null ? void 0 : _a.feeRoute)) {
+    gasRoute.data.feeRoute.requiredChainAddresses.forEach((chainId, i) => {
+      const chain = chains2 == null ? void 0 : chains2.find((c) => c.chainId === chainId);
+      const findAddress = chainAddresses.find((address) => address.chainId === chainId);
+      if (findAddress) {
+        set(feeRouteChainAddressesAtom, (prev2) => ({
+          ...prev2,
+          [i]: findAddress
+        }));
+      } else {
+        set(feeRouteChainAddressesAtom, (prev2) => ({
+          ...prev2,
+          [i]: {
+            chainId,
+            address: void 0,
+            chainType: chain == null ? void 0 : chain.chainType
+          }
+        }));
+      }
+    });
+  }
+});
 const swapExecutionStateAtom = atomWithStorageNoCrossTabSync(
   LOCAL_STORAGE_KEYS.swapExecutionState,
   {
     route: void 0,
     clientOperations: [],
     userAddresses: [],
-    transactionDetailsArray: [],
-    transactionHistoryIndex: 0,
-    overallStatus: "unconfirmed",
-    isValidatingGasBalance: void 0,
-    transactionsSigned: 0,
-    timestamp: -1
+    currentTransactionId: void 0
   }
 );
-const setOverallStatusAtom = atom$1(null, (_get, set, status) => {
-  set(swapExecutionStateAtom, (state) => ({ ...state, overallStatus: status }));
-});
-const clearIsValidatingGasBalanceAtom = atom$1(null, (_get, set) => {
-  set(swapExecutionStateAtom, (state) => ({
-    ...state,
-    isValidatingGasBalance: void 0
+const setCurrentTransactionIdAtom = atom$1(null, (_get, set, transactionId) => {
+  set(swapExecutionStateAtom, (prev2) => ({
+    ...prev2,
+    currentTransactionId: transactionId
   }));
 });
+const gasRouteEffect = atomEffect((get, set) => {
+  const { data: originalRoute } = get(skipRouteAtom);
+  const { data: gorRoute } = get(gasOnReceiveRouteAtom);
+  const isGorEnabled = get(gasOnReceiveAtom);
+  const currentTransaction = get(currentTransactionAtom);
+  if (currentTransaction) return;
+  set(swapExecutionStateAtom, (prev2) => {
+    var _a;
+    return {
+      ...prev2,
+      mainRoute: gorRoute == null ? void 0 : gorRoute.mainRoute,
+      feeRoute: gorRoute == null ? void 0 : gorRoute.feeRoute,
+      isFeeRouteEnabled: isGorEnabled,
+      ...isGorEnabled && (gorRoute == null ? void 0 : gorRoute.mainRoute) ? {
+        route: gorRoute.mainRoute,
+        clientOperations: getClientOperations(gorRoute.mainRoute.operations)
+      } : {
+        route: originalRoute ?? prev2.originalRoute,
+        clientOperations: getClientOperations(
+          (originalRoute == null ? void 0 : originalRoute.operations) ?? ((_a = prev2.originalRoute) == null ? void 0 : _a.operations)
+        )
+      }
+    };
+  });
+});
 const setSwapExecutionStateAtom = atom$1(null, (get, set) => {
   var _a;
   const { data: route2 } = get(skipRouteAtom);
   const { data: chains2 } = get(skipChainsAtom);
-  const transactionHistory = get(transactionHistoryAtom);
   const callbacks = get(callbacksAtom);
-  const transactionHistoryIndex = Array.isArray(transactionHistory) ? transactionHistory.length : 0;
   if (!route2) return;
   const {
     requiredChainAddresses,
@@ -45869,52 +46257,59 @@ const setSwapExecutionStateAtom = atom$1(null, (get, set) => {
       address: ""
     };
   });
+  set(gasOnReceiveAtom, void 0);
   set(chainAddressesAtom, initialChainAddresses);
   set(swapExecutionStateAtom, {
     userAddresses: [],
-    transactionDetailsArray: [],
     route: route2,
+    originalRoute: route2,
+    feeRoute: void 0,
+    mainRoute: void 0,
     clientOperations: getClientOperations(route2.operations),
-    transactionHistoryIndex,
-    overallStatus: "unconfirmed",
-    isValidatingGasBalance: void 0,
-    transactionsSigned: 0,
-    timestamp: Date.now()
+    currentTransactionId: void 0
   });
   set(submitSwapExecutionCallbacksAtom, {
-    onTransactionSignRequested: async (props) => {
+    onRouteStatusUpdated: async (routeStatus) => {
       var _a2;
-      track("execute route: transaction sign requested", { props });
-      (_a2 = callbacks == null ? void 0 : callbacks.onTransactionSignRequested) == null ? void 0 : _a2.call(callbacks, props);
+      const failedFeeRoute = (_a2 = routeStatus == null ? void 0 : routeStatus.relatedRoutes) == null ? void 0 : _a2.find(
+        (relatedRoute) => relatedRoute.status === "failed"
+      );
+      if (failedFeeRoute) {
+        track("gas on receive: fee route failed", { feeRoute: failedFeeRoute });
+      }
+      set(setTransactionHistoryAtom, routeStatus);
     },
     onTransactionUpdated: (txInfo) => {
-      var _a2;
       track("execute route: transaction updated", { txInfo });
-      if (((_a2 = txInfo.status) == null ? void 0 : _a2.status) !== "STATE_COMPLETED") {
-        set(setTransactionDetailsAtom, {
-          transactionDetails: txInfo
-        });
-      }
     },
     onApproveAllowance: async ({ status, allowance }) => {
       track("execute route: approve allowance", { status, allowance });
-      if (allowance && status === "pending") {
-        set(setOverallStatusAtom, "approving");
-      }
+    },
+    onTransactionSigned: async (txInfo) => {
+      track("execute route: transaction signed");
+      set(swapExecutionStateAtom, (prev2) => {
+        const clientOperations = prev2.clientOperations;
+        const signRequiredIndex = clientOperations.findIndex((operation) => {
+          return operation.signRequired && (operation.chainId === txInfo.chainId || operation.fromChainId === txInfo.chainId);
+        });
+        if (signRequiredIndex >= 0) {
+          clientOperations[signRequiredIndex].signRequired = false;
+        }
+        return {
+          ...prev2,
+          clientOperations
+        };
+      });
     },
     onTransactionBroadcast: async (txInfo) => {
       var _a2;
       track("execute route: transaction broadcasted", { txInfo });
-      setUser({ id: txInfo == null ? void 0 : txInfo.txHash });
       const chain = chains2 == null ? void 0 : chains2.find((chain2) => chain2.chainId === txInfo.chainId);
       const explorerLink = createExplorerLink({
         chainId: txInfo.chainId,
         chainType: chain == null ? void 0 : chain.chainType,
         txHash: txInfo.txHash
       });
-      set(setTransactionDetailsAtom, {
-        transactionDetails: { ...txInfo, explorerLink, status: void 0 }
-      });
       (_a2 = callbacks == null ? void 0 : callbacks.onTransactionBroadcasted) == null ? void 0 : _a2.call(callbacks, {
         chainId: txInfo.chainId,
         txHash: txInfo.txHash,
@@ -45929,8 +46324,11 @@ const setSwapExecutionStateAtom = atom$1(null, (get, set) => {
     },
     onTransactionCompleted: async ({ chainId, txHash, status }) => {
       var _a2;
-      track("execute route: transaction completed", { chainId, txHash, status });
-      setTag("txCompleted", true);
+      track("execute route: transaction completed", {
+        chainId,
+        txHash,
+        status
+      });
       const chain = chains2 == null ? void 0 : chains2.find((chain2) => chain2.chainId === chainId);
       const explorerLink = createExplorerLink({
         chainId,
@@ -45949,34 +46347,10 @@ const setSwapExecutionStateAtom = atom$1(null, (get, set) => {
         destAssetChainId
       });
     },
-    onTransactionSigned: async (txInfo) => {
-      track("execute route: transaction signed");
-      let transactionsSigned = 0;
-      set(swapExecutionStateAtom, (prev2) => {
-        transactionsSigned = (prev2.transactionsSigned ?? 0) + 1;
-        const clientOperations = prev2.clientOperations;
-        const signRequiredIndex = clientOperations.findIndex((operation) => {
-          return operation.signRequired && (operation.chainId === txInfo.chainId || operation.fromChainId === txInfo.chainId);
-        });
-        if (signRequiredIndex >= 0) {
-          clientOperations[signRequiredIndex].signRequired = false;
-        }
-        return {
-          ...prev2,
-          clientOperations,
-          transactionsSigned
-        };
-      });
-      const { timestamp } = get(swapExecutionStateAtom);
-      set(setTransactionHistoryAtom, {
-        timestamp,
-        signatures: transactionsSigned
-      });
-      set(setOverallStatusAtom, "pending");
-    },
     onError: (error) => {
       var _a2, _b, _c;
       const currentPage = get(currentPageAtom);
+      set(setCurrentTransactionIdAtom);
       track("execute route: error", { error, route: route2 });
       (_a2 = callbacks == null ? void 0 : callbacks.onTransactionFailed) == null ? void 0 : _a2.call(callbacks, {
         error: error == null ? void 0 : error.message
@@ -45985,83 +46359,37 @@ const setSwapExecutionStateAtom = atom$1(null, (get, set) => {
         track("expected error page: user rejected request");
         if (currentPage === Routes.SwapExecutionPage) {
           set(errorWarningAtom, {
-            errorWarningType: ErrorWarningType.AuthFailed,
-            onClickBack: () => {
-              set(setOverallStatusAtom, "unconfirmed");
-              set(clearIsValidatingGasBalanceAtom);
-            }
+            errorWarningType: ErrorWarningType.AuthFailed
           });
         }
       } else if ((_b = error == null ? void 0 : error.message) == null ? void 0 : _b.toLowerCase().includes("relay fee quote has expired")) {
-        track("error page: relay fee quote has expired");
+        track("expected error page: relay fee quote has expired");
         set(errorWarningAtom, {
-          errorWarningType: ErrorWarningType.ExpiredRelayFeeQuote,
-          error,
-          onClickBack: () => {
-            set(setOverallStatusAtom, "unconfirmed");
-          }
+          errorWarningType: ErrorWarningType.ExpiredRelayFeeQuote
         });
       } else if ((_c = error == null ? void 0 : error.message) == null ? void 0 : _c.toLowerCase().includes("insufficient balance for gas")) {
         track("expected error page: insufficient gas balance");
         set(errorWarningAtom, {
           errorWarningType: ErrorWarningType.InsufficientBalanceForGas,
-          error,
-          onClickBack: () => {
-            set(setOverallStatusAtom, "unconfirmed");
-          }
+          error
         });
       }
     },
     onValidateGasBalance: async (props) => {
       track("execute route: validate gas balance", { props });
-      if (props.status === "pending") {
-        set(setValidatingGasBalanceAtom, { status: "pending" });
-      } else if (props.status === "completed") {
-        set(setValidatingGasBalanceAtom, { status: "completed" });
-        set(setOverallStatusAtom, "signing");
-      }
     }
   });
 });
-const setValidatingGasBalanceAtom = atom$1(
+atom$1(
   null,
   (_get, set, isValidatingGasBalance) => {
-    set(swapExecutionStateAtom, (state) => ({ ...state, isValidatingGasBalance }));
-  }
-);
-const setTransactionDetailsAtom = atom$1(
-  null,
-  (get, set, { transactionDetails, status }) => {
-    const swapExecutionState = get(swapExecutionStateAtom);
-    const { transactionDetailsArray, route: route2 } = swapExecutionState;
-    const newTransactionDetailsArray = [...transactionDetailsArray];
-    const transactionIndexFound = newTransactionDetailsArray.findIndex(
-      (transaction) => transaction.txHash.toLowerCase() === transactionDetails.txHash.toLowerCase()
-    );
-    if (transactionIndexFound !== -1) {
-      newTransactionDetailsArray[transactionIndexFound] = {
-        ...newTransactionDetailsArray[transactionIndexFound],
-        ...transactionDetails
-      };
-    } else {
-      newTransactionDetailsArray.push(transactionDetails);
-    }
-    set(swapExecutionStateAtom, {
-      ...swapExecutionState,
-      transactionDetailsArray: newTransactionDetailsArray
-    });
-    set(setTransactionHistoryAtom, {
-      route: route2,
-      transactionDetails: newTransactionDetailsArray,
-      transferEvents: [],
-      isSettled: false,
-      isSuccess: false,
-      timestamp: swapExecutionState == null ? void 0 : swapExecutionState.timestamp,
-      ...status && { status }
-    });
+    set(swapExecutionStateAtom, (state) => ({
+      ...state,
+      isValidatingGasBalance
+    }));
   }
 );
-const chainAddressEffectAtom = atomEffect((get, set) => {
+const userAddressesEffectAtom = atomEffect((get, set) => {
   const chainAddresses = get(chainAddressesAtom);
   const addressesMatch = Object.values(chainAddresses).every(
     (chainAddress) => !!chainAddress.address
@@ -46078,18 +46406,36 @@ const chainAddressEffectAtom = atomEffect((get, set) => {
     userAddresses
   }));
 });
+const feeRouteUserAddressesEffectAtom = atomEffect((get, set) => {
+  const chainAddresses = get(feeRouteChainAddressesAtom);
+  const addressesMatch = Object.values(chainAddresses).every(
+    (chainAddress) => !!chainAddress.address
+  );
+  if (!addressesMatch) return;
+  const userAddresses = Object.values(chainAddresses).map((chainAddress) => {
+    return {
+      chainId: chainAddress.chainId,
+      address: chainAddress.address
+    };
+  });
+  set(swapExecutionStateAtom, (prev2) => ({
+    ...prev2,
+    feeRouteUserAddresses: userAddresses
+  }));
+});
 const submitSwapExecutionCallbacksAtom = atom$1();
 const simulateTxAtom = atom$1();
 const batchSignTxsAtom = atom$1(true);
 const skipSubmitSwapExecutionAtom = atomWithMutation((get) => {
   var _a;
-  const { route: route2, userAddresses, transactionDetailsArray } = get(swapExecutionStateAtom);
+  const { userAddresses, route: route2, mainRoute, feeRoute, isFeeRouteEnabled, feeRouteUserAddresses } = get(swapExecutionStateAtom);
   const submitSwapExecutionCallbacks = get(submitSwapExecutionCallbacksAtom);
   const simulateTx = get(simulateTxAtom);
   const batchSignTxs = get(batchSignTxsAtom);
   const swapSettings = get(swapSettingsAtom);
   const getSigners = get(getConnectedSignersAtom);
   const wallets = get(walletsAtom);
+  const isDestinationFeeBalanceAvailable = get(isSomeDestinationFeeBalanceAvailableAtom);
   const { timeoutSeconds } = get(routeConfigAtom);
   const { data: chains2 } = get(skipChainsAtom);
   const sourceAsset = get(sourceAssetAtom);
@@ -46109,16 +46455,11 @@ const skipSubmitSwapExecutionAtom = atomWithMutation((get) => {
     gcTime: Infinity,
     mutationFn: async ({ getSvmSigner }) => {
       var _a2;
-      if (!route2) return;
-      if (!userAddresses.length) return;
-      try {
-        await executeRoute({
-          route: route2,
-          userAddresses,
+      const createParams = (sourceChainId) => {
+        return {
           timeoutSeconds,
-          slippageTolerancePercent: swapSettings.slippage.toString(),
           useUnlimitedApproval: swapSettings.useUnlimitedApproval,
-          simulate: simulateTx !== void 0 ? simulateTx : route2.sourceAssetChainId !== "984122",
+          simulate: simulateTx !== void 0 ? simulateTx : sourceChainId !== "984122",
           batchSignTxs: batchSignTxs !== void 0 ? batchSignTxs : true,
           ...submitSwapExecutionCallbacks,
           getCosmosSigner: async (chainId) => {
@@ -46156,17 +46497,59 @@ const skipSubmitSwapExecutionAtom = atomWithMutation((get) => {
             }
             return adapter;
           }
-        });
+        };
+      };
+      try {
+        if (isFeeRouteEnabled && mainRoute && feeRoute) {
+          if (!(feeRouteUserAddresses == null ? void 0 : feeRouteUserAddresses.length)) return;
+          track("execute route", {
+            gasOnReceive: true,
+            isDestinationFeeBalanceAvailable: isDestinationFeeBalanceAvailable.data,
+            mainRoute,
+            feeRoute
+          });
+          await executeMultipleRoutes({
+            route: {
+              mainRoute,
+              ...isFeeRouteEnabled ? { feeRoute } : {}
+            },
+            userAddresses: {
+              mainRoute: userAddresses,
+              ...isFeeRouteEnabled ? { feeRoute: feeRouteUserAddresses } : {}
+            },
+            slippageTolerancePercent: {
+              mainRoute: swapSettings.slippage.toString(),
+              ...isFeeRouteEnabled ? { feeRoute: "10" } : {}
+            },
+            ...createParams(mainRoute.sourceAssetChainId)
+          });
+        } else {
+          if (!route2) return;
+          if (!userAddresses.length) return;
+          track("execute route", {
+            gasOnReceive: false,
+            isDestinationFeeBalanceAvailable: isDestinationFeeBalanceAvailable.data,
+            mainRoute: route2
+          });
+          await executeRoute({
+            route: route2,
+            userAddresses,
+            slippageTolerancePercent: swapSettings.slippage.toString(),
+            ...createParams(route2.sourceAssetChainId)
+          });
+        }
       } catch (error) {
         console.error(error);
-        (_a2 = submitSwapExecutionCallbacks == null ? void 0 : submitSwapExecutionCallbacks.onError) == null ? void 0 : _a2.call(submitSwapExecutionCallbacks, error, transactionDetailsArray);
+        const currentTransaction = get(currentTransactionAtom);
+        (_a2 = submitSwapExecutionCallbacks == null ? void 0 : submitSwapExecutionCallbacks.onError) == null ? void 0 : _a2.call(submitSwapExecutionCallbacks, error, currentTransaction == null ? void 0 : currentTransaction.transactionDetails);
       }
       return null;
     },
     onError: (error) => {
       var _a2;
       console.error(error);
-      (_a2 = submitSwapExecutionCallbacks == null ? void 0 : submitSwapExecutionCallbacks.onError) == null ? void 0 : _a2.call(submitSwapExecutionCallbacks, error, transactionDetailsArray);
+      const currentTransaction = get(currentTransactionAtom);
+      (_a2 = submitSwapExecutionCallbacks == null ? void 0 : submitSwapExecutionCallbacks.onError) == null ? void 0 : _a2.call(submitSwapExecutionCallbacks, error, currentTransaction == null ? void 0 : currentTransaction.transactionDetails);
     }
   };
 });
@@ -46191,18 +46574,15 @@ const UnexpectedErrorPageTimeout = ({
   const theme = nt();
   const [errorWarning, setErrorWarning] = useAtom(errorWarningAtom);
   const setCurrentPage = useSetAtom(currentPageAtom);
-  const { route: route2, transactionDetailsArray } = useAtomValue(swapExecutionStateAtom);
+  const { route: route2 } = useAtomValue(swapExecutionStateAtom);
   const isGoFast = useIsGoFast(route2);
-  const { data } = useBroadcastedTxsStatus({
-    txsRequired: route2 == null ? void 0 : route2.txsRequired,
-    transactionDetails: transactionDetailsArray
-  });
+  const lastTransactionInTime = useAtomValue(lastTransactionInTimeAtom);
   useEffect(() => {
-    if (errorWarning && (data == null ? void 0 : data.isSettled)) {
+    if (errorWarning && (lastTransactionInTime == null ? void 0 : lastTransactionInTime.status) !== "pending") {
       track("unexpected error page: transaction timeover - transaction settled");
       setErrorWarning(void 0);
     }
-  }, [data == null ? void 0 : data.isSettled, errorWarning, setErrorWarning]);
+  }, [errorWarning, lastTransactionInTime == null ? void 0 : lastTransactionInTime.status, setErrorWarning]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       PageHeader,
@@ -46710,12 +47090,12 @@ const ModalRowItem = ({
 const StyledModalRowItemContainer = dt(Row)`
   ${removeButtonStyles};
   position: relative;
-  width: 100%;
   height: 60px;
   border-radius: ${({ theme }) => {
   var _a;
   return convertToPxValue((_a = theme.borderRadius) == null ? void 0 : _a.rowItem);
 }};
+  width: 100%;
   padding: 12px 15px;
   margin-top: 5px;
 
@@ -46812,6 +47192,7 @@ const VirtualList = ({
 }) => {
   const theme = nt();
   const [currentlyFocusedElement, setCurrentlyFocusedElement] = useState();
+  const [currentlyFocusedItemKey, setCurrentlyFocusedItemKey] = useState();
   const listHeight = useListHeight(itemHeight);
   const listRef = useRef(null);
   const itemRefs = useRef({});
@@ -46856,10 +47237,11 @@ const VirtualList = ({
   useEffect(() => {
     if (!listRef.current || expandedItemKey == null) return;
     const index = listItems.findIndex((item) => itemKey(item) === expandedItemKey);
-    if (index !== -1) {
+    if (index !== -1 && currentlyFocusedItemKey !== expandedItemKey) {
       listRef.current.scrollTo({ index, align: "top" });
+      setCurrentlyFocusedItemKey(expandedItemKey);
     }
-  }, [expandedItemKey, listItems, itemKey]);
+  }, [expandedItemKey, listItems, itemKey, currentlyFocusedElement, currentlyFocusedItemKey]);
   if (listItems.length === 0) {
     return /* @__PURE__ */ jsxs(StyledNoResultsContainer, { gap: 10, height: height ?? listHeight, children: [
       empty == null ? void 0 : empty.icon,
@@ -46946,29 +47328,6 @@ const useCopyAddress = () => {
     isShowingCopyAddressFeedback
   };
 };
-const skipAllBalancesRequestAtom = atom$1(void 0);
-const skipAllBalancesAtom = atomWithQuery((get) => {
-  const params = get(skipAllBalancesRequestAtom);
-  const isInvertingSwap = get(isInvertingSwapAtom);
-  const enabled = params && !isInvertingSwap;
-  return {
-    queryKey: ["skipBalances", params],
-    queryFn: async () => {
-      if (!params) {
-        return { chains: {} };
-      }
-      if (Object.keys((params == null ? void 0 : params.chains) ?? {}).length === 0) {
-        return { chains: {} };
-      }
-      return balances({ ...params, abortDuplicateRequests: true });
-    },
-    enabled,
-    refetchInterval: 1e3 * 60,
-    retry: 1,
-    gcTime: 0,
-    placeholderData: (prevData) => prevData
-  };
-});
 const useGetBalance = () => {
   const { data: skipBalances } = useAtomValue(skipAllBalancesAtom);
   const getBalance = useCallback(
@@ -47196,10 +47555,17 @@ const SwapExecutionPageRouteDetailedRow = ({
     const selectedChainAddress = context === "destination" ? lastChainAddress : firstChainAddressFoundForChainId;
     return {
       address: selectedChainAddress == null ? void 0 : selectedChainAddress.address,
-      image: (selectedChainAddress == null ? void 0 : selectedChainAddress.source) === "wallet" && ((_a2 = selectedChainAddress == null ? void 0 : selectedChainAddress.wallet) == null ? void 0 : _a2.walletInfo.logo) || void 0
+      image: (selectedChainAddress == null ? void 0 : selectedChainAddress.source) === "wallet" && ((_a2 = selectedChainAddress == null ? void 0 : selectedChainAddress.wallet) == null ? void 0 : _a2.walletInfo.logo) || void 0,
+      source: selectedChainAddress == null ? void 0 : selectedChainAddress.source
     };
   }, [chainAddresses, chainId, context]);
   const walletImage = useCroppedImage(chainAddressWallet.image);
+  const renderWalletImage = useMemo(() => {
+    if ((chainAddressWallet == null ? void 0 : chainAddressWallet.source) === "injected" || (chainAddressWallet == null ? void 0 : chainAddressWallet.source) === "input") return;
+    if (!chainAddressWallet.address) return;
+    if (walletImage) return /* @__PURE__ */ jsx("img", { height: "100%", src: walletImage });
+    return /* @__PURE__ */ jsx(SkeletonElement, { height: 18, width: 18 });
+  }, [chainAddressWallet.address, chainAddressWallet == null ? void 0 : chainAddressWallet.source, walletImage]);
   const renderAddress = useMemo(() => {
     const Container2 = shouldRenderEditDestinationWallet ? ({ children }) => /* @__PURE__ */ jsx(Row, { gap: 5, children }) : o.Fragment;
     if (!chainAddressWallet.address) return;
@@ -47215,15 +47581,7 @@ const SwapExecutionPageRouteDetailedRow = ({
     };
     return /* @__PURE__ */ jsxs(Container2, { children: [
       /* @__PURE__ */ jsxs(AddressPillButton, { onClick: () => copyAddress(chainAddressWallet == null ? void 0 : chainAddressWallet.address), children: [
-        walletImage ? /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: walletImage,
-            style: {
-              height: "100%"
-            }
-          }
-        ) : /* @__PURE__ */ jsx(SkeletonElement, { height: 18, width: 18 }),
+        renderWalletImage,
         renderContent()
       ] }),
       shouldRenderEditDestinationWallet && /* @__PURE__ */ jsx(
@@ -47239,7 +47597,7 @@ const SwapExecutionPageRouteDetailedRow = ({
   }, [
     shouldRenderEditDestinationWallet,
     chainAddressWallet.address,
-    walletImage,
+    renderWalletImage,
     isMobileScreenSize,
     onClickEditDestinationWallet,
     theme.primary.text.lowContrast,
@@ -47283,7 +47641,7 @@ const SwapExecutionPageRouteDetailedRow = ({
         },
         justify: "space-between",
         children: /* @__PURE__ */ jsxs(Row, { align: "center", children: [
-          /* @__PURE__ */ jsxs(LeftContent, { children: [
+          /* @__PURE__ */ jsxs(LeftContent, { gap: 5, children: [
             /* @__PURE__ */ jsxs(Row, { gap: 5, align: "center", children: [
               /* @__PURE__ */ jsx(StyledAssetAmount, { normalTextColor: true, title: assetDetails == null ? void 0 : assetDetails.amount, children: formatDisplayAmount(assetDetails == null ? void 0 : assetDetails.amount) }),
               /* @__PURE__ */ jsx(StyledSymbol, { normalTextColor: true, children: assetDetails == null ? void 0 : assetDetails.symbol }),
@@ -48420,7 +48778,7 @@ const ConnectEcoRow = ({
           ),
           /* @__PURE__ */ jsx(ChainIndicator, { chainId: accountchainId })
         ] })
-      ] }) : /* @__PURE__ */ jsxs(TextButton, { children: [
+      ] }) : /* @__PURE__ */ jsxs(Text, { children: [
         "Connect to",
         " ",
         chainType === ChainType.Cosmos ? "Cosmos" : chainType === ChainType.Evm ? "Ethereum" : "Solana"
@@ -48662,6 +49020,16 @@ const QuestionMarkIcon = ({
     )
   }
 );
+const QuestionMarkTooltip = ({ content }) => {
+  return /* @__PURE__ */ jsx(Tooltip, { content, children: /* @__PURE__ */ jsx(StyledQuestionMarkIcon, {}) });
+};
+const StyledQuestionMarkIcon = dt(QuestionMarkIcon)`
+  color: ${({ theme }) => theme.primary.text.ultraLowContrast};
+  &:hover {
+    color: ${({ theme }) => theme.primary.text.normal};
+  }
+  transition: color 0.2s ease;
+`;
 const SlippageSelector = () => {
   const [isInputFocused, setIsInputFocused] = useState(false);
   const [customSlippageInput, setCustomSlippageInput] = useState("");
@@ -48677,10 +49045,9 @@ const SlippageSelector = () => {
       "Max Slippage",
       /* @__PURE__ */ jsx(Spacer, { width: 5 }),
       /* @__PURE__ */ jsx(
-        Tooltip,
+        QuestionMarkTooltip,
         {
-          content: /* @__PURE__ */ jsx(SmallText, { normalTextColor: true, style: { width: 250 }, children: "If price changes unfavorably during the transaction by more than this amount, the transaction will revert." }),
-          children: /* @__PURE__ */ jsx(QuestionMarkIcon, {})
+          content: /* @__PURE__ */ jsx(SmallText, { normalTextColor: true, style: { width: 250 }, children: "If price changes unfavorably during the transaction by more than this amount, the transaction will revert." })
         }
       )
     ] }),
@@ -48833,10 +49200,9 @@ const RoutePreferenceSelector = () => {
       "Route Preference",
       /* @__PURE__ */ jsx(Spacer, { width: 5 }),
       /* @__PURE__ */ jsx(
-        Tooltip,
+        QuestionMarkTooltip,
         {
-          content: /* @__PURE__ */ jsx(SmallText, { normalTextColor: true, style: { width: 250 }, children: "Choose if faster or cheaper routes should be prioritized. Fast routes require a $50 minimum from Ethereum and may not be available if there is insufficient liquidity for an asset." }),
-          children: /* @__PURE__ */ jsx(QuestionMarkIcon, {})
+          content: /* @__PURE__ */ jsx(SmallText, { normalTextColor: true, style: { width: 250 }, children: "Choose if faster or cheaper routes should be prioritized. Fast routes require a $50 minimum from Ethereum and may not be available if there is insufficient liquidity for an asset." })
         }
       )
     ] }),
@@ -48883,7 +49249,7 @@ const SwapSettingsDrawer = createModal(() => {
   }, [route2]);
   return /* @__PURE__ */ jsxs(StyledSwapPageSettings, { gap: 15, children: [
     /* @__PURE__ */ jsxs(Column, { gap: 10, children: [
-      /* @__PURE__ */ jsxs(Row, { justify: "space-between", align: "center", children: [
+      route2 && /* @__PURE__ */ jsxs(Row, { justify: "space-between", align: "center", children: [
         /* @__PURE__ */ jsx(SwapDetailText, { children: "Route" }),
         /* @__PURE__ */ jsx(Row, { align: "center", gap: 5, children: chainsRoute == null ? void 0 : chainsRoute.map((chain, index) => {
           var _a;
@@ -49562,7 +49928,7 @@ const SwapPageAssetChainInput = ({
             "%"
           ] })
         ] }) : /* @__PURE__ */ jsx(SmallText, { children: usdValue && formatUSD(usdValue) }),
-        usdValue && feeLabel && /* @__PURE__ */ jsx(Row, { align: "center", gap: 4, children: /* @__PURE__ */ jsx(SmallText, { color: feeColor, children: feeLabel }) })
+        usdValue && feeLabel && /* @__PURE__ */ jsx(Row, { style: { color: feeColor }, align: "center", gap: 4, children: typeof feeLabel === "string" ? /* @__PURE__ */ jsx(SmallText, { children: feeLabel }) : feeLabel })
       ] }),
       (assetDetails == null ? void 0 : assetDetails.chainName) ? /* @__PURE__ */ jsx(
         StyledOnChainGhostButton,
@@ -50006,9 +50372,9 @@ var WalletSource = /* @__PURE__ */ ((WalletSource2) => {
 const SetAddressModal = createModal((modalProps) => {
   var _a, _b, _c;
   const isMobileScreenSize = useIsMobileScreenSize();
-  const { chainId, chainAddressIndex } = modalProps;
-  const { route: route2 } = useAtomValue(swapExecutionStateAtom);
-  const requiredChainAddresses = route2 == null ? void 0 : route2.requiredChainAddresses;
+  const { chainId, chainAddressIndex, isFeeRoute } = modalProps;
+  const { route: route2, feeRoute } = useAtomValue(swapExecutionStateAtom);
+  const requiredChainAddresses = isFeeRoute ? feeRoute == null ? void 0 : feeRoute.requiredChainAddresses : route2 == null ? void 0 : route2.requiredChainAddresses;
   if (modalProps.chainAddressIndex === void 0) {
     throw new Error("chain address index cannot be undefined");
   }
@@ -50020,7 +50386,10 @@ const SetAddressModal = createModal((modalProps) => {
   const [showManualAddressInput, setShowManualAddressInput] = useState(false);
   const [manualWalletAddress, setManualWalletAddress] = useState("");
   const _walletList = useWalletList({ chainId, destinationWalletList: true });
-  const [chainAddresses, setChainAddresses] = useAtom(chainAddressesAtom);
+  const [_chainAddresses, _setChainAddresses] = useAtom(chainAddressesAtom);
+  const [feeRouteChainAddresses, setFeeRouteChainAddresses] = useAtom(feeRouteChainAddressesAtom);
+  const chainAddresses = isFeeRoute ? feeRouteChainAddresses : _chainAddresses;
+  const setChainAddresses = isFeeRoute ? setFeeRouteChainAddresses : _setChainAddresses;
   const showWithdrawalWarning = new Set(Object.values(chainAddresses).map(({ chainId: chainId2 }) => chainId2)).size > 1;
   const mobile = isMobile();
   const manualWalletEntry = {
@@ -50278,7 +50647,6 @@ const RoutePreferenceLabel = ({ preference }) => {
 };
 const SwapPageFooterItems = ({
   content,
-  showRouteInfo = false,
   showEstimatedTime = false,
   highlightSettings = false
 }) => {
@@ -50287,11 +50655,12 @@ const SwapPageFooterItems = ({
   const settingsChanged = useSettingsChanged();
   const isMobile2 = useIsMobileScreenSize();
   const isGoFast = useIsGoFast(route2);
+  const currentTransaction = useAtomValue(currentTransactionAtom);
   const estimatedSeconds = route2 == null ? void 0 : route2.estimatedRouteDurationSeconds;
-  const signaturesRequired = (route2 == null ? void 0 : route2.txsRequired) ?? 1;
+  const signaturesRequired = route2 ? (route2 == null ? void 0 : route2.txsRequired) - ((currentTransaction == null ? void 0 : currentTransaction.txsSigned) ?? 0) : 0;
   const leftContent = () => {
     if (content) return content;
-    if (isLoading || !showRouteInfo || !route2) return null;
+    if (isLoading) return null;
     return /* @__PURE__ */ jsxs(Row, { align: "flex-end", gap: 10, height: isMobile2 ? void 0 : 13, children: [
       showEstimatedTime && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(SettingsButton, { highlight: highlightSettings, changed: settingsChanged }),
@@ -50345,7 +50714,6 @@ const settingsDrawerAtom = atom$1(void 0);
 const useSettingsDrawer = () => {
   const [drawerOpen, setDrawerOpen] = useState(false);
   const settingsDrawer = useAtomValue(settingsDrawerAtom);
-  const { isError: isRouteError, data: route2 } = useAtomValue(skipRouteAtom);
   const isWaitingForNewRoute = useAtomValue(isWaitingForNewRouteAtom);
   const setShowGoFastErrorAtom = useSetAtom(goFastWarningAtom);
   const SettingsFooter = ({ content, ...props }) => {
@@ -50368,8 +50736,7 @@ const useSettingsDrawer = () => {
     return /* @__PURE__ */ jsx(
       SwapPageFooter,
       {
-        disabled: isRouteError || isWaitingForNewRoute || route2 === void 0,
-        showRouteInfo: true,
+        disabled: isWaitingForNewRoute,
         showEstimatedTime: true,
         onClick: openSettingsDrawer,
         ...props
@@ -50385,7 +50752,6 @@ const WarningPageGoFast = ({ onClickBack, onClickContinue }) => {
   const theme = nt();
   useEffect(() => {
     setShowGoFastErrorAtom(false);
-    setTag("goFastWarning", true);
   }, [setShowGoFastErrorAtom]);
   const handleOnClickBack = () => {
     setErrorWarningAtom(void 0);
@@ -50544,9 +50910,6 @@ const ExpectedErrorPageInsufficientGasBalance = ({
   const theme = nt();
   const setErrorWarningAtom = useSetAtom(errorWarningAtom);
   const setCurrentPage = useSetAtom(currentPageAtom);
-  useEffect(() => {
-    setTag("errorMessage", error == null ? void 0 : error.message);
-  }, [error == null ? void 0 : error.message]);
   const onClickRetry = () => {
     setErrorWarningAtom(void 0);
     setCurrentPage(Routes.SwapPage);
@@ -50592,15 +50955,11 @@ const ExpectedErrorPageInsufficientGasBalance = ({
   ] });
 };
 const ExpectedErrorPageRelayFeeQuoteExpired = ({
-  error,
   onClickBack
 }) => {
   const theme = nt();
   const setErrorAtom = useSetAtom(errorWarningAtom);
   const setCurrentPage = useSetAtom(currentPageAtom);
-  useEffect(() => {
-    setTag("errorMessage", error == null ? void 0 : error.message);
-  }, [error == null ? void 0 : error.message]);
   const onClickRetry = () => {
     setErrorAtom(void 0);
     setCurrentPage(Routes.SwapPage);
@@ -50613,7 +50972,7 @@ const ExpectedErrorPageRelayFeeQuoteExpired = ({
           label: "Back",
           icon: ICONS.thinArrow,
           onClick: () => {
-            track("error page: relay fee quote expired - header back button clicked");
+            track("expected error page: relay fee quote expired - header back button clicked");
             setErrorAtom(void 0);
             onClickBack == null ? void 0 : onClickBack();
             setCurrentPage(Routes.SwapPage);
@@ -50637,7 +50996,7 @@ const ExpectedErrorPageRelayFeeQuoteExpired = ({
         label: "Retry",
         icon: ICONS.rightArrow,
         onClick: () => {
-          track("error page: relay fee quote expired - retry button clicked");
+          track("expected error page: relay fee quote expired - retry button clicked");
           onClickRetry();
         },
         backgroundColor: theme.error.text
@@ -50700,6 +51059,20 @@ const SwapExecutionPageRouteSimpleRow = ({
   });
   const groupedAssets = useGroupedAssetByRecommendedSymbol();
   const groupedAsset = groupedAssets == null ? void 0 : groupedAssets.find((i) => i.id === (assetDetails == null ? void 0 : assetDetails.symbol));
+  const { feeRoute } = useAtomValue(swapExecutionStateAtom);
+  const isGorEnabled = useAtomValue(gasOnReceiveAtom);
+  const { data: assets2 } = useAtomValue(skipAssetsAtom);
+  const gasOnReceiveAsset = useMemo(() => {
+    const gasAsset = {
+      chainId: feeRoute == null ? void 0 : feeRoute.destAssetChainId,
+      denom: feeRoute == null ? void 0 : feeRoute.destAssetDenom
+    };
+    if (!gasAsset) return;
+    const asset = assets2 == null ? void 0 : assets2.find(
+      (a) => a.chainId === (gasAsset == null ? void 0 : gasAsset.chainId) && a.denom === (gasAsset == null ? void 0 : gasAsset.denom)
+    );
+    return asset;
+  }, [assets2, feeRoute == null ? void 0 : feeRoute.destAssetChainId, feeRoute == null ? void 0 : feeRoute.destAssetDenom]);
   const chainAddresses = useAtomValue(chainAddressesAtom);
   const source = useMemo(() => {
     var _a, _b;
@@ -50725,11 +51098,21 @@ const SwapExecutionPageRouteSimpleRow = ({
   }, [chainAddresses, context]);
   const walletImage = useCroppedImage(source.image);
   const renderWalletImage = useMemo(() => {
-    if (source.source === "injected") return;
+    if (source.source === "injected" || source.source === "input") return;
     if (!source.address) return;
     if (walletImage) return /* @__PURE__ */ jsx("img", { height: 12, width: 12, src: walletImage });
     return /* @__PURE__ */ jsx(SkeletonElement, { height: 12, width: 12 });
   }, [source.address, source.source, walletImage]);
+  const renderGasRouteAmount = useMemo(() => {
+    var _a;
+    if (!isGorEnabled) return;
+    if (context === "source") return;
+    if (!gasOnReceiveAsset) return;
+    const amountUsd = feeRoute == null ? void 0 : feeRoute.usdAmountOut;
+    if (!amountUsd) return;
+    const assetSymbol = ((_a = gasOnReceiveAsset == null ? void 0 : gasOnReceiveAsset.recommendedSymbol) == null ? void 0 : _a.toUpperCase()) ?? "";
+    return `+ ${formatUSD(amountUsd)} in ${assetSymbol}`;
+  }, [context, feeRoute == null ? void 0 : feeRoute.usdAmountOut, gasOnReceiveAsset, isGorEnabled]);
   const renderExplorerLink = useMemo(() => {
     if (!explorerLink) return;
     if (isMobileScreenSize) {
@@ -50762,7 +51145,11 @@ const SwapExecutionPageRouteSimpleRow = ({
         " ",
         assetDetails == null ? void 0 : assetDetails.symbol
       ] }),
-      usdValue && /* @__PURE__ */ jsx(SmallText, { children: formatUSD(usdValue) }),
+      usdValue && /* @__PURE__ */ jsxs(SmallText, { children: [
+        formatUSD(usdValue),
+        " ",
+        renderGasRouteAmount
+      ] }),
       /* @__PURE__ */ jsxs(Row, { align: "center", height: 18, gap: 5, children: [
         /* @__PURE__ */ jsxs(StyledChainName, { normalTextColor: true, textWrap: "nowrap", children: [
           "on ",
@@ -50842,11 +51229,12 @@ const SwapExecutionPageRouteSimple = ({
   statusData,
   onClickEditDestinationWallet,
   swapExecutionState,
-  firstOperationStatus
+  firstOperationStatus,
+  bottomContent
 }) => {
   var _a, _b;
   const theme = nt();
-  const { route: route2 } = useAtomValue(swapExecutionStateAtom);
+  const { route: route2, originalRoute } = useAtomValue(swapExecutionStateAtom);
   const firstOperation = operations[0];
   const lastOperation = operations[operations.length - 1];
   const status = statusData == null ? void 0 : statusData.transferEvents;
@@ -50862,10 +51250,10 @@ const SwapExecutionPageRouteSimple = ({
     }
   }, [firstOperationStatus, lastOperation.transferIndex, status, swapExecutionState]);
   const source = {
-    denom: firstOperation.denomIn,
-    tokenAmount: firstOperation.amountIn,
-    chainId: firstOperation.fromChainId ?? firstOperation.chainId,
-    usdValue: route2 == null ? void 0 : route2.usdAmountIn
+    denom: originalRoute == null ? void 0 : originalRoute.sourceAssetDenom,
+    tokenAmount: (originalRoute == null ? void 0 : originalRoute.amountIn) ?? "",
+    chainId: originalRoute == null ? void 0 : originalRoute.sourceAssetChainId,
+    usdValue: originalRoute == null ? void 0 : originalRoute.usdAmountIn
   };
   const destination = {
     denom: lastOperation.denomOut,
@@ -50896,7 +51284,8 @@ const SwapExecutionPageRouteSimple = ({
         explorerLink: destinationExplorerLink,
         context: "destination"
       }
-    )
+    ),
+    bottomContent
   ] });
 };
 const StyledBridgeArrowIcon = dt(BridgeArrowIcon)`
@@ -50905,11 +51294,6 @@ const StyledBridgeArrowIcon = dt(BridgeArrowIcon)`
 `;
 const StyledSwapExecutionPageRoute$1 = dt(Column)`
   padding: 30px;
-  background: ${({ theme }) => theme.primary.background.normal};
-  border-radius: ${({ theme }) => {
-  var _a;
-  return convertToPxValue((_a = theme.borderRadius) == null ? void 0 : _a.main);
-}};
   min-height: 225px;
 `;
 const SwapExecutionBridgeIcon = ({
@@ -51036,13 +51420,14 @@ const SwapExecutionPageRouteDetailed = ({
   onClickEditDestinationWallet,
   swapExecutionState,
   firstOperationStatus,
-  secondOperationStatus
+  secondOperationStatus,
+  bottomContent
 }) => {
   var _a;
   const { data: swapVenues } = useAtomValue(skipSwapVenuesAtom);
   const { data: bridges2 } = useAtomValue(skipBridgesAtom);
+  const { originalRoute } = useAtomValue(swapExecutionStateAtom);
   const isGasStationTx = useIsGasStationTx();
-  const firstOperation = operations[0];
   const status = statusData == null ? void 0 : statusData.transferEvents;
   const getBridgeSwapVenue = useCallback(
     (operation) => {
@@ -51148,22 +51533,25 @@ const SwapExecutionPageRouteDetailed = ({
     status,
     statusData
   ]);
-  return /* @__PURE__ */ jsx(StyledSwapExecutionPageRoute, { children: /* @__PURE__ */ jsxs(Column, { children: [
-    /* @__PURE__ */ jsx(
-      SwapExecutionPageRouteDetailedRow,
-      {
-        tokenAmount: firstOperation.amountIn,
-        denom: firstOperation.denomIn,
-        chainId: firstOperation.fromChainId,
-        explorerLink: (_a = status == null ? void 0 : status[0]) == null ? void 0 : _a.fromExplorerLink,
-        status: firstOperationStatus,
-        context: "source",
-        index: 0
-      }
-    ),
-    renderOperations,
-    isGasStationTx && /* @__PURE__ */ jsx(StyledGasStationTxText, { children: "Transactions from EVM to Babylon have gas provided automatically if no gas tokens are found." })
-  ] }) });
+  return /* @__PURE__ */ jsxs(StyledSwapExecutionPageRoute, { children: [
+    /* @__PURE__ */ jsxs(Column, { children: [
+      /* @__PURE__ */ jsx(
+        SwapExecutionPageRouteDetailedRow,
+        {
+          tokenAmount: (originalRoute == null ? void 0 : originalRoute.amountIn) ?? "",
+          denom: originalRoute == null ? void 0 : originalRoute.sourceAssetDenom,
+          chainId: originalRoute == null ? void 0 : originalRoute.sourceAssetChainId,
+          explorerLink: (_a = status == null ? void 0 : status[0]) == null ? void 0 : _a.fromExplorerLink,
+          status: firstOperationStatus,
+          context: "source",
+          index: 0
+        }
+      ),
+      renderOperations,
+      isGasStationTx && /* @__PURE__ */ jsx(StyledGasStationTxText, { children: "Transactions from EVM to Babylon have gas provided automatically if no gas tokens are found." })
+    ] }),
+    bottomContent
+  ] });
 };
 const OperationTypeIconContainer = dt(Column).attrs({
   as: Column
@@ -51175,12 +51563,7 @@ const OperationTypeIconContainer = dt(Column).attrs({
 `;
 const StyledSwapExecutionPageRoute = dt(Column)`
   padding: 25px;
-  gap: 20px;
-  background: ${({ theme }) => theme.primary.background.normal};
-  border-radius: ${({ theme }) => {
-  var _a;
-  return convertToPxValue((_a = theme.borderRadius) == null ? void 0 : _a.main);
-}};
+  gap: 5px;
   min-height: 225px;
 `;
 const StyledSwapVenueOrBridgeImage = dt.img`
@@ -51209,10 +51592,55 @@ const StyledGasStationTxText = dt(SmallText)`
   padding: 12px;
   border-radius: 6px;
 `;
+const SwapExecutionPageRouteContainer = ({
+  showDetailed,
+  ...routeProps
+}) => {
+  const simpleRef = useRef(null);
+  const detailedRef = useRef(null);
+  const [containerHeight, setContainerHeight] = useState(0);
+  useEffect(() => {
+    const updateHeight = () => {
+      const activeRef = showDetailed ? detailedRef : simpleRef;
+      if (activeRef.current) {
+        const height = activeRef.current.scrollHeight;
+        setContainerHeight(height);
+      }
+    };
+    updateHeight();
+    const timeoutId = setTimeout(updateHeight, 10);
+    return () => clearTimeout(timeoutId);
+  }, [showDetailed, routeProps.operations, routeProps.statusData, routeProps.bottomContent]);
+  return /* @__PURE__ */ jsxs(StyledContainer$1, { style: { height: containerHeight }, children: [
+    /* @__PURE__ */ jsx(StyledRouteWrapper, { ref: simpleRef, isVisible: !showDetailed, isActive: !showDetailed, children: /* @__PURE__ */ jsx(SwapExecutionPageRouteSimple, { ...routeProps }) }),
+    /* @__PURE__ */ jsx(StyledRouteWrapper, { ref: detailedRef, isVisible: showDetailed, isActive: showDetailed, children: /* @__PURE__ */ jsx(SwapExecutionPageRouteDetailed, { ...routeProps }) })
+  ] });
+};
+const StyledContainer$1 = dt.div`
+  position: relative;
+  overflow: hidden;
+  transition: height 0.25s cubic-bezier(0.4, 0, 0.2, 1);
+  min-height: 225px;
+  background: ${({ theme }) => theme.primary.background.normal};
+  border-radius: ${({ theme }) => {
+  var _a;
+  return convertToPxValue((_a = theme.borderRadius) == null ? void 0 : _a.main);
+}};
+`;
+const StyledRouteWrapper = dt.div`
+  position: ${({ isActive: $isActive }) => $isActive ? "relative" : "absolute"};
+  top: 0;
+  left: 0;
+  right: 0;
+  opacity: ${({ isVisible: $isVisible }) => $isVisible ? 1 : 0};
+  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  pointer-events: ${({ isVisible: $isVisible }) => $isVisible ? "auto" : "none"};
+`;
 const useAutoSetAddress = () => {
   var _a, _b, _c;
   const [chainAddresses, setChainAddresses] = useAtom(chainAddressesAtom);
-  const { route: route2, overallStatus } = useAtomValue(swapExecutionStateAtom);
+  const { route: route2 } = useAtomValue(swapExecutionStateAtom);
+  const currentTransaction = useAtomValue(currentTransactionAtom);
   const requiredChainAddresses = route2 == null ? void 0 : route2.requiredChainAddresses;
   const { data: chains2 } = useAtomValue(skipChainsAtom);
   const sourceWallet = useAtomValue(walletsAtom);
@@ -51223,7 +51651,7 @@ const useAutoSetAddress = () => {
   const { createCosmosWallets } = useCreateCosmosWallets();
   const { createEvmWallets } = useCreateEvmWallets();
   const { createSolanaWallets } = useCreateSolanaWallets();
-  useAtom(chainAddressEffectAtom);
+  useAtom(userAddressesEffectAtom);
   const connectedAddress = useAtomValue(connectedAddressesAtom);
   const signRequiredChains = useMemo(() => {
     if (!(route2 == null ? void 0 : route2.operations)) return;
@@ -51347,7 +51775,7 @@ const useAutoSetAddress = () => {
   );
   useEffect(() => {
     var _a2, _b2, _c2, _d, _e2, _f;
-    if (overallStatus !== "unconfirmed") {
+    if (currentTransaction && (currentTransaction == null ? void 0 : currentTransaction.status) !== "unconfirmed") {
       setIsLoading(false);
       return;
     }
@@ -51368,8 +51796,9 @@ const useAutoSetAddress = () => {
     (_a = currentSourceWallets == null ? void 0 : currentSourceWallets.cosmos) == null ? void 0 : _a.id,
     (_b = currentSourceWallets == null ? void 0 : currentSourceWallets.evm) == null ? void 0 : _b.id,
     (_c = currentSourceWallets == null ? void 0 : currentSourceWallets.svm) == null ? void 0 : _c.id,
+    currentTransaction,
+    currentTransaction == null ? void 0 : currentTransaction.status,
     isLoading,
-    overallStatus,
     requiredChainAddresses,
     sourceWallet
   ]);
@@ -51382,27 +51811,31 @@ const useAutoSetAddress = () => {
   return { connectRequiredChains, isLoading };
 };
 const useHandleTransactionTimeout = (swapExecutionState) => {
-  const { route: route2, transactionDetailsArray } = useAtomValue(swapExecutionStateAtom);
+  const currentTransaction = useAtomValue(currentTransactionAtom);
+  const setCurrentTransactionId = useSetAtom(setCurrentTransactionIdAtom);
   const setError = useSetAtom(errorWarningAtom);
-  const setOverallStatus = useSetAtom(setOverallStatusAtom);
   const [transactionTimeoutTimer, setTransactionTimeoutTimer] = useState();
   useEffect(() => {
-    if (!(route2 == null ? void 0 : route2.estimatedRouteDurationSeconds) || !(route2 == null ? void 0 : route2.txsRequired)) return;
-    if (swapExecutionState === SwapExecutionState.pending && transactionTimeoutTimer === void 0 && route2.txsRequired === transactionDetailsArray.length) {
-      const lastTransaction = transactionDetailsArray[transactionDetailsArray.length - 1];
+    var _a, _b, _c;
+    if (!((_a = currentTransaction == null ? void 0 : currentTransaction.route) == null ? void 0 : _a.estimatedRouteDurationSeconds) || !(currentTransaction == null ? void 0 : currentTransaction.txsRequired))
+      return;
+    if (swapExecutionState === SwapExecutionState.pending && transactionTimeoutTimer === void 0 && (currentTransaction == null ? void 0 : currentTransaction.txsRequired) === ((_b = currentTransaction == null ? void 0 : currentTransaction.transactionDetails) == null ? void 0 : _b.length)) {
       const timeoutTimer = setTimeout(
         () => {
-          track("unexpected error page: transaction timeover", { route: route2 });
+          var _a2, _b2;
+          track("unexpected error page: transaction timeover", {
+            route: currentTransaction == null ? void 0 : currentTransaction.route
+          });
           setError({
             errorWarningType: ErrorWarningType.Timeout,
             onClickBack: () => {
-              setOverallStatus("unconfirmed");
+              setCurrentTransactionId();
             },
-            explorerLink: createSkipExplorerLink(transactionDetailsArray),
-            txHash: lastTransaction == null ? void 0 : lastTransaction.txHash
+            explorerLink: (currentTransaction == null ? void 0 : currentTransaction.transactionDetails) ? createSkipExplorerLink(currentTransaction.transactionDetails) : "",
+            txHash: ((_b2 = (_a2 = currentTransaction == null ? void 0 : currentTransaction.transactionDetails) == null ? void 0 : _a2.at(-1)) == null ? void 0 : _b2.txHash) ?? ""
           });
         },
-        route2.estimatedRouteDurationSeconds * 1e3 * 3
+        ((_c = currentTransaction == null ? void 0 : currentTransaction.route) == null ? void 0 : _c.estimatedRouteDurationSeconds) * 1e3 * 3
       );
       setTransactionTimeoutTimer(timeoutTimer);
     }
@@ -51410,103 +51843,40 @@ const useHandleTransactionTimeout = (swapExecutionState) => {
       clearTimeout(transactionTimeoutTimer);
     };
   }, [
-    route2,
+    currentTransaction == null ? void 0 : currentTransaction.route,
+    currentTransaction == null ? void 0 : currentTransaction.transactionDetails,
+    currentTransaction == null ? void 0 : currentTransaction.txsRequired,
+    setCurrentTransactionId,
     setError,
-    setOverallStatus,
     swapExecutionState,
-    transactionDetailsArray,
     transactionTimeoutTimer
   ]);
 };
-const useSyncTxStatus = ({
-  statusData,
-  timestamp
-}) => {
-  const transferEvents = statusData == null ? void 0 : statusData.transferEvents;
-  const setOverallStatus = useSetAtom(setOverallStatusAtom);
-  const {
-    route: route2,
-    transactionDetailsArray,
-    overallStatus,
-    transactionHistoryIndex: currentTransactionHistoryIndex
-  } = useAtomValue(swapExecutionStateAtom);
-  const setTransactionHistory = useSetAtom(setTransactionHistoryAtom);
-  const transactionHistoryItems = useAtomValue(transactionHistoryAtom);
-  const { isPending } = useAtomValue(skipSubmitSwapExecutionAtom);
-  const clientOperations = useMemo(() => {
-    if (!(route2 == null ? void 0 : route2.operations)) return [];
-    return getClientOperations(route2.operations);
-  }, [route2 == null ? void 0 : route2.operations]);
-  const computedSwapStatus = useMemo(() => {
-    if ((statusData == null ? void 0 : statusData.lastTxStatus) === "pending") {
-      if (isPending) {
-        setOverallStatus("pending");
-      }
-      return "pending";
-    }
-    if (!transferEvents) return;
-    if (statusData.isSuccess) {
-      return "completed";
-    }
-    if (!statusData.isSuccess && statusData.isSettled) {
-      return "failed";
-    }
-    if (transferEvents == null ? void 0 : transferEvents.find(({ status }) => status === "pending")) {
-      return "pending";
-    }
-    if (transferEvents == null ? void 0 : transferEvents.every(({ status }) => status === "unconfirmed")) {
-      return "unconfirmed";
-    }
-  }, [
-    statusData == null ? void 0 : statusData.lastTxStatus,
-    statusData == null ? void 0 : statusData.isSettled,
-    statusData == null ? void 0 : statusData.isSuccess,
-    transferEvents,
-    isPending,
-    setOverallStatus
-  ]);
-  useEffect(() => {
-    if (computedSwapStatus && timestamp !== void 0) {
-      const index = transactionHistoryItems.findIndex(
-        (txHistoryItem) => txHistoryItem.timestamp === timestamp
-      );
-      const oldTxHistoryItem = transactionHistoryItems[index];
-      const newTxHistoryItem = {
-        ...oldTxHistoryItem,
-        ...statusData,
-        status: computedSwapStatus
-      };
-      if (JSON.stringify(newTxHistoryItem) !== JSON.stringify(oldTxHistoryItem)) {
-        setTransactionHistory(newTxHistoryItem);
-        setOverallStatus(computedSwapStatus);
-      }
-    }
-  }, [
-    clientOperations,
-    overallStatus,
-    computedSwapStatus,
-    setOverallStatus,
-    transactionDetailsArray.length,
-    transactionHistoryItems,
-    statusData,
-    setTransactionHistory,
-    currentTransactionHistoryIndex,
-    timestamp
-  ]);
-};
 function useSwapExecutionState({
   chainAddresses,
-  route: route2,
-  overallStatus,
-  isValidatingGasBalance,
-  signaturesRemaining,
-  isLoading
+  requiredChainAddresses,
+  isGettingAddressesLoading,
+  isFetchingDestinationBalance,
+  feeRouteChainAddresses,
+  feeRouteRequiredChainAddresses,
+  isGettingFeeRouteAddressesLoading
 }) {
+  const currentTransaction = useAtomValue(currentTransactionAtom);
+  const isFeeRouteEnabled = useAtomValue(gasOnReceiveAtom);
+  const showSignaturesRemaining = useMemo(() => {
+    if (!currentTransaction) return false;
+    if ((currentTransaction == null ? void 0 : currentTransaction.txsRequired) >= 2 && (currentTransaction == null ? void 0 : currentTransaction.txsSigned) !== (currentTransaction == null ? void 0 : currentTransaction.txsRequired)) {
+      return true;
+    }
+    return false;
+  }, [currentTransaction]);
   return useMemo(() => {
     var _a;
-    if (isLoading) return SwapExecutionState.pendingGettingAddresses;
+    if (isFetchingDestinationBalance) return SwapExecutionState.pendingGettingDestinationBalance;
+    if (isGettingAddressesLoading) return SwapExecutionState.pendingGettingAddresses;
+    if (isFeeRouteEnabled && isGettingFeeRouteAddressesLoading)
+      return SwapExecutionState.pendingGettingFeeRouteAddresses;
     if (!chainAddresses) return SwapExecutionState.destinationAddressUnset;
-    const requiredChainAddresses = route2 == null ? void 0 : route2.requiredChainAddresses;
     if (!requiredChainAddresses) return SwapExecutionState.destinationAddressUnset;
     const allAddressesSet = requiredChainAddresses.every(
       (_chainId, index) => {
@@ -51514,23 +51884,32 @@ function useSwapExecutionState({
         return (_a2 = chainAddresses[index]) == null ? void 0 : _a2.address;
       }
     );
+    const feeRouteAllAddressesSet = feeRouteRequiredChainAddresses == null ? void 0 : feeRouteRequiredChainAddresses.every(
+      (_chainId, index) => {
+        var _a2;
+        return (_a2 = feeRouteChainAddresses == null ? void 0 : feeRouteChainAddresses[index]) == null ? void 0 : _a2.address;
+      }
+    );
     const lastChainAddress = (_a = chainAddresses[requiredChainAddresses.length - 1]) == null ? void 0 : _a.address;
-    if (overallStatus === "completed") {
+    if ((currentTransaction == null ? void 0 : currentTransaction.status) === "failed") {
+      return SwapExecutionState.pendingError;
+    }
+    if ((currentTransaction == null ? void 0 : currentTransaction.status) === "completed") {
       return SwapExecutionState.confirmed;
     }
-    if (overallStatus === "pending" || overallStatus === "failed") {
-      if (signaturesRemaining > 0) {
-        return SwapExecutionState.signaturesRemaining;
-      }
+    if ((currentTransaction == null ? void 0 : currentTransaction.status) === "pending") {
       return SwapExecutionState.pending;
     }
-    if (overallStatus === "approving") {
+    if ((currentTransaction == null ? void 0 : currentTransaction.status) === "allowance") {
       return SwapExecutionState.approving;
     }
-    if (isValidatingGasBalance && isValidatingGasBalance.status !== "completed") {
+    if ((currentTransaction == null ? void 0 : currentTransaction.status) === "validating") {
       return SwapExecutionState.validatingGasBalance;
     }
-    if (overallStatus === "signing") {
+    if ((currentTransaction == null ? void 0 : currentTransaction.status) === "signing") {
+      if (showSignaturesRemaining) {
+        return SwapExecutionState.signaturesRemaining;
+      }
       return SwapExecutionState.waitingForSigning;
     }
     if (!lastChainAddress) {
@@ -51539,14 +51918,21 @@ function useSwapExecutionState({
     if (!allAddressesSet) {
       return SwapExecutionState.recoveryAddressUnset;
     }
+    if (isFeeRouteEnabled && feeRouteRequiredChainAddresses && !feeRouteAllAddressesSet) {
+      return SwapExecutionState.feeRouteRecoveryAddressUnset;
+    }
     return SwapExecutionState.ready;
   }, [
-    isLoading,
+    isFetchingDestinationBalance,
+    isGettingAddressesLoading,
+    isFeeRouteEnabled,
+    isGettingFeeRouteAddressesLoading,
     chainAddresses,
-    route2 == null ? void 0 : route2.requiredChainAddresses,
-    overallStatus,
-    isValidatingGasBalance,
-    signaturesRemaining
+    requiredChainAddresses,
+    feeRouteRequiredChainAddresses,
+    currentTransaction == null ? void 0 : currentTransaction.status,
+    feeRouteChainAddresses,
+    showSignaturesRemaining
   ]);
 }
 const LightningIcon = ({
@@ -51631,18 +52017,29 @@ const useCountdown = ({
   }, [estimatedRouteDurationSeconds, enabled, timer]);
   return countdown;
 };
+function useDebouncedValue(value, delay) {
+  const [debouncedValue, setDebouncedValue] = useState(value);
+  useEffect(() => {
+    const timeout = setTimeout(() => setDebouncedValue(value), delay);
+    return () => clearTimeout(timeout);
+  }, [value, delay]);
+  return debouncedValue;
+}
 const SwapExecutionButton = ({
   swapExecutionState,
   route: route2,
   signaturesRemaining,
   lastOperation,
   connectRequiredChains,
+  connectFeeRouteRequiredChains,
   submitExecuteRouteMutation
 }) => {
+  var _a, _b, _c;
   const countdown = useCountdown({
     estimatedRouteDurationSeconds: route2 == null ? void 0 : route2.estimatedRouteDurationSeconds,
     enabled: swapExecutionState === SwapExecutionState.pending
   });
+  const chainAddresses = useAtomValue(chainAddressesAtom);
   const { wallets: solanaWallets2 } = useWallet();
   const svmWallet = useAtomValue(svmWalletAtom);
   const theme = nt();
@@ -51662,7 +52059,8 @@ const SwapExecutionButton = ({
     route2 == null ? void 0 : route2.destAssetChainId,
     route2 == null ? void 0 : route2.txsRequired
   ]);
-  switch (swapExecutionState) {
+  const debouncedSwapExecutionState = useDebouncedValue(swapExecutionState, 150);
+  switch (debouncedSwapExecutionState) {
     case SwapExecutionState.recoveryAddressUnset:
       return /* @__PURE__ */ jsx(
         MainButton,
@@ -51675,6 +52073,18 @@ const SwapExecutionButton = ({
           }
         }
       );
+    case SwapExecutionState.feeRouteRecoveryAddressUnset:
+      return /* @__PURE__ */ jsx(
+        MainButton,
+        {
+          label: "Set intermediary address",
+          icon: ICONS.rightArrow,
+          onClick: () => {
+            track("swap execution page: set recovery address button - clicked");
+            connectFeeRouteRequiredChains == null ? void 0 : connectFeeRouteRequiredChains(true);
+          }
+        }
+      );
     case SwapExecutionState.destinationAddressUnset:
       return /* @__PURE__ */ jsx(
         MainButton,
@@ -51694,7 +52104,8 @@ const SwapExecutionButton = ({
         }
       );
     case SwapExecutionState.ready: {
-      track("swap execution page: confirm button - clicked", { route: route2 });
+      const destinationWalletSource = ((_a = route2 == null ? void 0 : route2.requiredChainAddresses) == null ? void 0 : _a.length) && ((_c = chainAddresses[((_b = route2 == null ? void 0 : route2.requiredChainAddresses) == null ? void 0 : _b.length) - 1]) == null ? void 0 : _c.source);
+      track("swap execution page: confirm button - clicked", { route: route2, destinationWalletSource });
       const onClickConfirmSwap = () => {
         if ((route2 == null ? void 0 : route2.txsRequired) && route2.txsRequired > 1) {
           track("warning page: additional signing required", { route: route2 });
@@ -51772,6 +52183,10 @@ const SwapExecutionButton = ({
       );
     case SwapExecutionState.pendingGettingAddresses:
       return /* @__PURE__ */ jsx(MainButton, { label: "Getting addresses", loading: true });
+    case SwapExecutionState.pendingGettingDestinationBalance:
+      return /* @__PURE__ */ jsx(MainButton, { label: "Getting destination balance", loading: true });
+    case SwapExecutionState.pendingError:
+      return /* @__PURE__ */ jsx(MainButton, { label: "Awaiting result", loading: true });
     default:
       return null;
   }
@@ -51781,11 +52196,12 @@ const useHandleTransactionFailed = (error, statusData) => {
   const setErrorWarning = useSetAtom(errorWarningAtom);
   const setCurrentPage = useSetAtom(currentPageAtom);
   const setSourceAsset = useSetAtom(sourceAssetAtom);
+  const setCurrentTransactionId = useSetAtom(setCurrentTransactionIdAtom);
   const setDebouncedSourceAssetAmount = useSetAtom(debouncedSourceAssetAmountAtom);
-  const setOverallStatus = useSetAtom(setOverallStatusAtom);
+  const currentTransaction = useAtomValue(currentTransactionAtom);
   const [{ data: assets2 }] = useAtom(skipAssetsAtom);
-  const { transactionDetailsArray, route: route2 } = useAtomValue(swapExecutionStateAtom);
-  const lastTransaction = transactionDetailsArray.at(-1);
+  const { route: route2 } = useAtomValue(swapExecutionStateAtom);
+  const lastTransaction = currentTransaction == null ? void 0 : currentTransaction.transactionDetails.at(-1);
   const lastTxHash = lastTransaction == null ? void 0 : lastTransaction.txHash;
   const getClientAsset = useCallback(
     (denom, chainId) => {
@@ -51796,7 +52212,7 @@ const useHandleTransactionFailed = (error, statusData) => {
     },
     [assets2]
   );
-  const explorerLink = createSkipExplorerLink(transactionDetailsArray);
+  const explorerLink = createSkipExplorerLink(currentTransaction == null ? void 0 : currentTransaction.transactionDetails);
   const handleTransactionFailed = useCallback(() => {
     var _a, _b;
     track("unexpected error page: error occurred", { error, route: route2 });
@@ -51838,7 +52254,9 @@ const useHandleTransactionFailed = (error, statusData) => {
       setErrorWarning({
         errorWarningType: ErrorWarningType.Unexpected,
         error,
-        onClickBack: () => setOverallStatus("unconfirmed")
+        onClickBack: () => {
+          setCurrentTransactionId();
+        }
       });
     }
   }, [
@@ -51849,28 +52267,24 @@ const useHandleTransactionFailed = (error, statusData) => {
     lastTxHash,
     route2,
     setCurrentPage,
+    setCurrentTransactionId,
     setDebouncedSourceAssetAmount,
     setErrorWarning,
-    setOverallStatus,
     setSourceAsset,
     statusData == null ? void 0 : statusData.transferAssetRelease
   ]);
   useEffect(() => {
-    if ((statusData == null ? void 0 : statusData.isSuccess) || !(statusData == null ? void 0 : statusData.isSettled)) return;
-    const timeout = setTimeout(() => {
-      handleTransactionFailed();
-    }, DELAY_EXPECTING_TRANSFER_ASSET_RELEASE);
-    if (statusData.transferAssetRelease) {
-      clearTimeout(timeout);
-      handleTransactionFailed();
+    if ((statusData == null ? void 0 : statusData.status) === "failed" || (statusData == null ? void 0 : statusData.status) === "incomplete") {
+      const timeout = setTimeout(() => {
+        handleTransactionFailed();
+      }, DELAY_EXPECTING_TRANSFER_ASSET_RELEASE);
+      if (statusData == null ? void 0 : statusData.transferAssetRelease) {
+        clearTimeout(timeout);
+        handleTransactionFailed();
+      }
+      return () => clearTimeout(timeout);
     }
-    return () => clearTimeout(timeout);
-  }, [
-    statusData == null ? void 0 : statusData.isSettled,
-    statusData == null ? void 0 : statusData.isSuccess,
-    statusData == null ? void 0 : statusData.transferAssetRelease,
-    handleTransactionFailed
-  ]);
+  }, [statusData == null ? void 0 : statusData.transferAssetRelease, handleTransactionFailed, statusData == null ? void 0 : statusData.status, statusData]);
 };
 function usePreventPageUnload(shouldWarn) {
   useEffect(() => {
@@ -51886,6 +52300,348 @@ function usePreventPageUnload(shouldWarn) {
     return () => window.removeEventListener("beforeunload", handleBeforeUnload);
   }, [shouldWarn]);
 }
+const GasIcon = ({ color = "currentColor" }) => /* @__PURE__ */ jsx("svg", { width: "16", height: "15", viewBox: "0 0 16 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    d: "M1.22261 1.84952C1.24188 1.32934 1.4249 0.895862 1.77169 0.549076C2.11847 0.202289 2.55195 0.0192658 3.07213 0H7.69592C8.2161 0.0192658 8.64958 0.202289 8.99636 0.549076C9.34315 0.895862 9.52617 1.32934 9.54544 1.84952V7.39807H9.77663C10.4895 7.41734 11.0867 7.66779 11.5684 8.14944C12.05 8.63109 12.3005 9.22832 12.3197 9.94116V10.8659C12.3582 11.2898 12.5894 11.521 13.0133 11.5595C13.4371 11.521 13.6683 11.2898 13.7069 10.8659V6.38662C13.3023 6.29029 12.9748 6.07836 12.7243 5.75084C12.4546 5.44259 12.3197 5.06691 12.3197 4.62379V2.77428L11.395 1.84952C11.1445 1.54126 11.1445 1.23301 11.395 0.924759C11.7032 0.674302 12.0115 0.674302 12.3197 0.924759L14.5449 3.14996C14.911 3.51601 15.094 3.95912 15.094 4.4793V10.8659C15.0747 11.4632 14.8724 11.9544 14.4871 12.3398C14.1018 12.7251 13.6105 12.9274 13.0133 12.9466C12.416 12.9274 11.9248 12.7251 11.5395 12.3398C11.1541 11.9544 10.9518 11.4632 10.9326 10.8659V9.94116C10.9326 9.61364 10.817 9.33429 10.5858 9.1031C10.3739 8.89117 10.1042 8.77558 9.77663 8.75631H9.54544V12.9466C9.81516 12.9466 10.0367 13.0333 10.2101 13.2067C10.3835 13.3801 10.4702 13.6017 10.4702 13.8714C10.4702 14.1411 10.3835 14.3627 10.2101 14.5361C10.0367 14.7094 9.81516 14.7961 9.54544 14.7961H1.22261C0.952888 14.7961 0.731333 14.7094 0.55794 14.5361C0.384547 14.3627 0.297852 14.1411 0.297852 13.8714C0.297852 13.6017 0.384547 13.3801 0.55794 13.2067C0.731333 13.0333 0.952888 12.9466 1.22261 12.9466V1.84952ZM3.07213 5.08617C3.09139 5.37516 3.24552 5.52929 3.53451 5.54855H7.23354C7.52253 5.52929 7.67666 5.37516 7.69592 5.08617V2.3119C7.67666 2.02291 7.52253 1.86878 7.23354 1.84952H3.53451C3.24552 1.86878 3.09139 2.02291 3.07213 2.3119V5.08617Z",
+    fill: color
+  }
+) });
+const SwitchWrapper = dt.div`
+  width: 42px;
+  height: 24px;
+  border-radius: ${({ theme }) => {
+  var _a;
+  return convertToPxValue((_a = theme.borderRadius) == null ? void 0 : _a.selectionButton);
+}};
+  background-color: ${({ checked, theme }) => checked ? theme.brandColor : theme.secondary.background.transparent};
+  display: flex;
+  align-items: center;
+  padding: 6px;
+  cursor: pointer;
+  transition: background-color 0.2s ease;
+  user-select: none;
+`;
+const SwitchThumb = dt.div`
+  width: 16px;
+  height: 16px;
+  border-radius: ${({ theme }) => {
+  var _a;
+  return convertToPxValue((_a = theme.borderRadius) == null ? void 0 : _a.selectionButton);
+}};
+  background-color: ${({ checked, theme }) => checked ? theme.secondary.background.normal : theme.primary.text.ultraLowContrast};
+  transition: transform 0.2s ease;
+  transform: translateX(${({ checked }) => checked ? "16px" : "0"});
+`;
+const Switch = ({ checked = false, onChange }) => {
+  const [isChecked, setIsChecked] = useState(checked);
+  const toggle = () => {
+    const newVal = !isChecked;
+    setIsChecked(newVal);
+    onChange == null ? void 0 : onChange(newVal);
+  };
+  return /* @__PURE__ */ jsx(SwitchWrapper, { checked: isChecked, onClick: toggle, children: /* @__PURE__ */ jsx(SwitchThumb, { checked: isChecked }) });
+};
+const SpinnerIcon = (props) => {
+  return /* @__PURE__ */ jsxs("svg", { fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", opacity: ".25", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z",
+        fill: "currentColor",
+        opacity: ".75"
+      }
+    )
+  ] });
+};
+const GasOnReceive = ({ routeDetails, hideContainer } = {}) => {
+  var _a, _b, _c, _d, _e2;
+  const theme = nt();
+  const [gasOnReceive, setGasOnReceive] = useAtom(gasOnReceiveAtom);
+  const { isLoading: fetchingGasRoute } = useAtomValue(gasOnReceiveRouteAtom);
+  const { feeRoute } = useAtomValue(swapExecutionStateAtom);
+  const { data: assets2 } = useAtomValue(skipAssetsAtom);
+  const isSomeDestinationFeeBalanceAvailable = useAtomValue(
+    isSomeDestinationFeeBalanceAvailableAtom
+  );
+  const currentTransaction = useAtomValue(currentTransactionAtom);
+  const isFetchingBalance = isSomeDestinationFeeBalanceAvailable.isLoading;
+  const gasOnReceiveAsset = useMemo(() => {
+    var _a2, _b2;
+    const gasAsset = {
+      chainId: ((_a2 = routeDetails == null ? void 0 : routeDetails.route) == null ? void 0 : _a2.destAssetChainId) ?? (feeRoute == null ? void 0 : feeRoute.destAssetChainId),
+      denom: ((_b2 = routeDetails == null ? void 0 : routeDetails.route) == null ? void 0 : _b2.destAssetDenom) ?? (feeRoute == null ? void 0 : feeRoute.destAssetDenom)
+    };
+    if (!gasAsset) return;
+    const asset = assets2 == null ? void 0 : assets2.find(
+      (a) => a.chainId === (gasAsset == null ? void 0 : gasAsset.chainId) && a.denom === (gasAsset == null ? void 0 : gasAsset.denom)
+    );
+    return asset;
+  }, [
+    assets2,
+    feeRoute == null ? void 0 : feeRoute.destAssetChainId,
+    feeRoute == null ? void 0 : feeRoute.destAssetDenom,
+    (_a = routeDetails == null ? void 0 : routeDetails.route) == null ? void 0 : _a.destAssetChainId,
+    (_b = routeDetails == null ? void 0 : routeDetails.route) == null ? void 0 : _b.destAssetDenom
+  ]);
+  const amountUsd = ((_c = routeDetails == null ? void 0 : routeDetails.route) == null ? void 0 : _c.usdAmountOut) ?? (feeRoute == null ? void 0 : feeRoute.usdAmountOut);
+  const amountOut = ((_d = routeDetails == null ? void 0 : routeDetails.route) == null ? void 0 : _d.amountOut) ?? (feeRoute == null ? void 0 : feeRoute.amountOut) ?? "";
+  const assetSymbol = ((_e2 = gasOnReceiveAsset == null ? void 0 : gasOnReceiveAsset.recommendedSymbol) == null ? void 0 : _e2.toUpperCase()) ?? "";
+  const gasOnReceiveText = useMemo(() => {
+    var _a2;
+    const formattedAmountText = amountUsd && Number(amountUsd) > 0 ? `${formatUSD(amountUsd)} in ${assetSymbol}` : `${convertTokenAmountToHumanReadableAmount(amountOut, gasOnReceiveAsset == null ? void 0 : gasOnReceiveAsset.decimals)} ${assetSymbol}`;
+    const transferAssetRelease = routeDetails == null ? void 0 : routeDetails.transferAssetRelease;
+    const transferAssetReleaseDetails = assets2 == null ? void 0 : assets2.find(
+      (a) => a.chainId === (transferAssetRelease == null ? void 0 : transferAssetRelease.chainId) && a.denom === (transferAssetRelease == null ? void 0 : transferAssetRelease.denom)
+    );
+    switch (routeDetails == null ? void 0 : routeDetails.status) {
+      case "pending":
+        return `Receiving ${formattedAmountText}`;
+      case "completed":
+        return `Received ${formattedAmountText} as gas top-up`;
+      case "failed":
+        if (transferAssetReleaseDetails) {
+          return `Gas top-up failed. Assets released as ${(transferAssetRelease == null ? void 0 : transferAssetRelease.amount) ? convertTokenAmountToHumanReadableAmount(transferAssetRelease == null ? void 0 : transferAssetRelease.amount, transferAssetReleaseDetails == null ? void 0 : transferAssetReleaseDetails.decimals) : void 0} ${(_a2 = transferAssetReleaseDetails == null ? void 0 : transferAssetReleaseDetails.recommendedSymbol) == null ? void 0 : _a2.toUpperCase()}`;
+        }
+        return `Failed to receive ${formattedAmountText} as gas top-up`;
+      default:
+        return /* @__PURE__ */ jsxs(Row, { align: "center", gap: 8, children: [
+          "Enable gas top up",
+          /* @__PURE__ */ jsx(
+            QuestionMarkTooltip,
+            {
+              content: /* @__PURE__ */ jsxs(SmallText, { normalTextColor: true, style: { whiteSpace: "nowrap" }, children: [
+                "You'll get ",
+                formattedAmountText
+              ] })
+            }
+          )
+        ] });
+    }
+  }, [amountOut, amountUsd, assetSymbol, assets2, gasOnReceiveAsset == null ? void 0 : gasOnReceiveAsset.decimals, routeDetails]);
+  const renderIcon = useMemo(() => {
+    if ((routeDetails == null ? void 0 : routeDetails.status) === "pending") {
+      return /* @__PURE__ */ jsx(
+        SmallText,
+        {
+          style: {
+            marginLeft: "8px",
+            marginRight: "8px",
+            position: "relative"
+          },
+          children: /* @__PURE__ */ jsx(
+            SpinnerIcon,
+            {
+              style: {
+                animation: "spin 1s linear infinite",
+                position: "absolute",
+                height: 14,
+                width: 14
+              }
+            }
+          )
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      GasIcon,
+      {
+        color: (routeDetails == null ? void 0 : routeDetails.status) === "failed" ? theme.warning.text : theme.primary.text.lowContrast
+      }
+    );
+  }, [routeDetails == null ? void 0 : routeDetails.status, theme.primary.text.lowContrast, theme.warning.text]);
+  if (!routeDetails && (!feeRoute || !gasOnReceiveAsset)) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(GasOnReceiveContainer, { hideContainer, align: "center", justify: "space-between", children: [
+    /* @__PURE__ */ jsxs(Row, { gap: 8, align: "center", children: [
+      renderIcon,
+      (isFetchingBalance || fetchingGasRoute) && !routeDetails ? /* @__PURE__ */ jsx(SkeletonElement, { height: 20, width: 300 }) : /* @__PURE__ */ jsx(
+        SmallText,
+        {
+          color: (routeDetails == null ? void 0 : routeDetails.status) === "failed" ? theme.warning.text : theme.primary.text.lowContrast,
+          children: gasOnReceiveText
+        }
+      )
+    ] }),
+    routeDetails ? null : !isFetchingBalance && !currentTransaction && /* @__PURE__ */ jsx(
+      Switch,
+      {
+        checked: gasOnReceive,
+        onChange: (value) => {
+          track("gas on receive: toggle button - clicked", {
+            gasOnReceive: value
+          });
+          setGasOnReceive(value);
+        }
+      }
+    )
+  ] });
+};
+const GasOnReceiveContainer = dt(Row)`
+  ${({ hideContainer, theme }) => !hideContainer && lt`
+      background-color: ${theme.secondary.background.transparent};
+      padding: 15px 20px;
+      height: 40px;
+    `}
+  border-radius: ${({ theme }) => {
+  var _a;
+  return convertToPxValue((_a = theme.borderRadius) == null ? void 0 : _a.selectionButton);
+}};
+`;
+const useFeeRouteAutoSetAddress = () => {
+  var _a, _b, _c;
+  const [feeRouteChainAddresses, setFeeRouteChainAddresses] = useAtom(feeRouteChainAddressesAtom);
+  const { feeRoute, isFeeRouteEnabled } = useAtomValue(swapExecutionStateAtom);
+  const [isLoading, setIsLoading] = useState(true);
+  const connectedAddress = useAtomValue(connectedAddressesAtom);
+  const sourceWallet = useAtomValue(walletsAtom);
+  const currentTransaction = useAtomValue(currentTransactionAtom);
+  const [walletHasChanged, setWalletHasChanged] = useState(false);
+  const [currentSourceWallets, setCurrentSourceWallets] = useState();
+  const [currentConnectedAddress, setCurrentConnectedAddress] = useState();
+  const { createCosmosWallets } = useCreateCosmosWallets();
+  const { createEvmWallets } = useCreateEvmWallets();
+  const { createSolanaWallets } = useCreateSolanaWallets();
+  useAtom(feeRouteUserAddressesEffectAtom);
+  const connectRequiredChains = useCallback(
+    async (openModal) => {
+      setIsLoading(true);
+      const createWallets = {
+        [ChainType.Cosmos]: createCosmosWallets,
+        [ChainType.Evm]: createEvmWallets,
+        [ChainType.Svm]: createSolanaWallets
+      };
+      try {
+        if (!feeRoute || !isFeeRouteEnabled) return;
+        const requiredChainAddresses = feeRoute.requiredChainAddresses;
+        if (!requiredChainAddresses) return;
+        Object.entries(feeRouteChainAddresses).forEach(async ([_index, chainAddress], index) => {
+          var _a2, _b2;
+          if (!chainAddress.address || chainAddress.address === "") {
+            const injectedAddress = connectedAddress == null ? void 0 : connectedAddress[chainAddress.chainId];
+            if (injectedAddress) {
+              setFeeRouteChainAddresses((prev2) => ({
+                ...prev2,
+                [index]: {
+                  ...chainAddress,
+                  address: injectedAddress,
+                  source: WalletSource.Injected
+                }
+              }));
+            } else {
+              if (!chainAddress.chainType) return;
+              const wallets = createWallets[chainAddress.chainType](chainAddress.chainId);
+              const walletName = (_a2 = sourceWallet[chainAddress.chainType]) == null ? void 0 : _a2.walletName;
+              const wallet = wallets.find((w2) => w2.walletName === walletName);
+              const response = await ((_b2 = wallet == null ? void 0 : wallet.getAddress) == null ? void 0 : _b2.call(wallet, {}));
+              const getLogo = () => {
+                var _a3;
+                if ((wallet == null ? void 0 : wallet.walletChainType) === "evm" && (wallet == null ? void 0 : wallet.walletName) === "app.keplr") {
+                  return getCosmosWalletInfo(WalletType.KEPLR).imgSrc;
+                }
+                return (response == null ? void 0 : response.logo) ?? ((_a3 = wallet == null ? void 0 : wallet.walletInfo) == null ? void 0 : _a3.logo);
+              };
+              if (response == null ? void 0 : response.address) {
+                setFeeRouteChainAddresses((prev2) => ({
+                  ...prev2,
+                  [index]: {
+                    ...chainAddress,
+                    address: response.address,
+                    logo: response.logo,
+                    source: WalletSource.Wallet,
+                    wallet: wallet ? {
+                      walletName: wallet == null ? void 0 : wallet.walletName,
+                      walletPrettyName: wallet == null ? void 0 : wallet.walletPrettyName,
+                      walletChainType: chainAddress.chainType,
+                      walletInfo: {
+                        logo: getLogo()
+                      }
+                    } : void 0
+                  }
+                }));
+              } else if (openModal) {
+                NiceModal.show(Modals.SetAddressModal, {
+                  chainId: chainAddress.chainId,
+                  chainAddressIndex: index,
+                  isFeeRoute: true
+                });
+              }
+            }
+          }
+        });
+      } catch (error) {
+        console.error("Error connecting required chains:", error);
+      } finally {
+        setIsLoading(false);
+      }
+    },
+    [
+      connectedAddress,
+      createCosmosWallets,
+      createEvmWallets,
+      createSolanaWallets,
+      feeRoute,
+      feeRouteChainAddresses,
+      isFeeRouteEnabled,
+      setFeeRouteChainAddresses,
+      sourceWallet
+    ]
+  );
+  useEffect(() => {
+    var _a2, _b2, _c2, _d, _e2, _f;
+    if (currentTransaction && (currentTransaction == null ? void 0 : currentTransaction.status) !== "unconfirmed") {
+      setIsLoading(false);
+      return;
+    }
+    const hasWalletChanged = ((_a2 = sourceWallet.cosmos) == null ? void 0 : _a2.id) !== ((_b2 = currentSourceWallets == null ? void 0 : currentSourceWallets.cosmos) == null ? void 0 : _b2.id) || ((_c2 = sourceWallet.evm) == null ? void 0 : _c2.id) !== ((_d = currentSourceWallets == null ? void 0 : currentSourceWallets.evm) == null ? void 0 : _d.id) || ((_e2 = sourceWallet.svm) == null ? void 0 : _e2.id) !== ((_f = currentSourceWallets == null ? void 0 : currentSourceWallets.svm) == null ? void 0 : _f.id);
+    const hasConnectedAddressChanged = JSON.stringify(connectedAddress) !== JSON.stringify(currentConnectedAddress);
+    if (hasConnectedAddressChanged) {
+      setCurrentConnectedAddress(connectedAddress);
+      setWalletHasChanged(true);
+    }
+    if (hasWalletChanged) {
+      setCurrentSourceWallets(sourceWallet);
+      setWalletHasChanged(true);
+    }
+  }, [
+    connectRequiredChains,
+    connectedAddress,
+    currentConnectedAddress,
+    (_a = currentSourceWallets == null ? void 0 : currentSourceWallets.cosmos) == null ? void 0 : _a.id,
+    (_b = currentSourceWallets == null ? void 0 : currentSourceWallets.evm) == null ? void 0 : _b.id,
+    (_c = currentSourceWallets == null ? void 0 : currentSourceWallets.svm) == null ? void 0 : _c.id,
+    currentTransaction,
+    currentTransaction == null ? void 0 : currentTransaction.status,
+    isLoading,
+    feeRoute == null ? void 0 : feeRoute.requiredChainAddresses,
+    sourceWallet
+  ]);
+  useEffect(() => {
+    if (!isFeeRouteEnabled) {
+      setIsLoading(false);
+      return;
+    } else {
+      setWalletHasChanged(true);
+    }
+  }, [isFeeRouteEnabled]);
+  useEffect(() => {
+    if (walletHasChanged && isFeeRouteEnabled) {
+      connectRequiredChains();
+      setWalletHasChanged(false);
+    }
+  }, [
+    connectRequiredChains,
+    isFeeRouteEnabled,
+    feeRoute == null ? void 0 : feeRoute.requiredChainAddresses,
+    walletHasChanged
+  ]);
+  return {
+    connectRequiredChains,
+    isLoading
+  };
+};
 var SwapExecutionState = /* @__PURE__ */ ((SwapExecutionState2) => {
   SwapExecutionState2[SwapExecutionState2["recoveryAddressUnset"] = 0] = "recoveryAddressUnset";
   SwapExecutionState2[SwapExecutionState2["destinationAddressUnset"] = 1] = "destinationAddressUnset";
@@ -51897,51 +52653,57 @@ var SwapExecutionState = /* @__PURE__ */ ((SwapExecutionState2) => {
   SwapExecutionState2[SwapExecutionState2["validatingGasBalance"] = 7] = "validatingGasBalance";
   SwapExecutionState2[SwapExecutionState2["approving"] = 8] = "approving";
   SwapExecutionState2[SwapExecutionState2["pendingGettingAddresses"] = 9] = "pendingGettingAddresses";
+  SwapExecutionState2[SwapExecutionState2["pendingGettingDestinationBalance"] = 10] = "pendingGettingDestinationBalance";
+  SwapExecutionState2[SwapExecutionState2["pendingGettingFeeRouteAddresses"] = 11] = "pendingGettingFeeRouteAddresses";
+  SwapExecutionState2[SwapExecutionState2["feeRouteRecoveryAddressUnset"] = 12] = "feeRouteRecoveryAddressUnset";
+  SwapExecutionState2[SwapExecutionState2["pendingError"] = 13] = "pendingError";
   return SwapExecutionState2;
 })(SwapExecutionState || {});
 const SwapExecutionPage = () => {
-  var _a;
+  const theme = nt();
   const setCurrentPage = useSetAtom(currentPageAtom);
-  const {
-    route: route2,
-    clientOperations,
-    overallStatus,
-    transactionDetailsArray,
-    isValidatingGasBalance,
-    transactionsSigned
-  } = useAtomValue(swapExecutionStateAtom);
-  const lastTransactionInTime = useAtomValue(lastTransactionInTimeAtom);
+  const { route: route2, clientOperations, feeRoute } = useAtomValue(swapExecutionStateAtom);
+  const currentTransaction = useAtomValue(currentTransactionAtom);
   const chainAddresses = useAtomValue(chainAddressesAtom);
-  const { connectRequiredChains, isLoading } = useAutoSetAddress();
+  const feeRouteChainAddresses = useAtomValue(feeRouteChainAddressesAtom);
+  const { connectRequiredChains, isLoading: isGettingAddressesLoading } = useAutoSetAddress();
+  const {
+    connectRequiredChains: connectFeeRouteRequiredChains,
+    isLoading: isGettingFeeRouteAddressesLoading
+  } = useFeeRouteAutoSetAddress();
   const [simpleRoute, setSimpleRoute] = useState(true);
+  const isSomeDestinationFeeBalanceAvailable = useAtomValue(
+    isSomeDestinationFeeBalanceAvailableAtom
+  );
+  const { data: gasRoute, isLoading: isGasRouteLoading } = useAtomValue(gasOnReceiveRouteAtom);
+  const gasRouteEnabled = useAtomValue(gasOnReceiveAtom);
+  const isFetchingDestinationBalance = isSomeDestinationFeeBalanceAvailable.isLoading || isGasRouteLoading;
+  useAtom(gasRouteEffect);
+  useAtom(feeRouteAddressesAtomEffect);
+  useAtom(gasOnReceiveAtomEffect);
   const { mutate: submitExecuteRouteMutation, error } = useAtomValue(skipSubmitSwapExecutionAtom);
-  const shouldDisplaySignaturesRemaining = (route2 == null ? void 0 : route2.txsRequired) && route2.txsRequired > 1;
-  const signaturesRemaining = shouldDisplaySignaturesRemaining ? route2.txsRequired - transactionsSigned : 0;
-  const { data: statusData } = useBroadcastedTxsStatus({
-    txsRequired: route2 == null ? void 0 : route2.txsRequired,
-    transactionDetails: transactionDetailsArray
-  });
-  const lastTransaction = transactionDetailsArray.at(-1);
+  const signaturesRemaining = useMemo(() => {
+    if (!currentTransaction) return 0;
+    return currentTransaction.txsRequired - currentTransaction.txsSigned;
+  }, [currentTransaction]);
+  const lastTransaction = currentTransaction == null ? void 0 : currentTransaction.transactionDetails.at(-1);
   const lastTxHash = lastTransaction == null ? void 0 : lastTransaction.txHash;
   const lastTxChainId = lastTransaction == null ? void 0 : lastTransaction.chainId;
-  useSyncTxStatus({
-    statusData,
-    timestamp: (_a = lastTransactionInTime == null ? void 0 : lastTransactionInTime.transactionHistoryItem) == null ? void 0 : _a.timestamp
-  });
   const lastOperation = clientOperations[clientOperations.length - 1];
   const swapExecutionState = useSwapExecutionState({
     chainAddresses,
-    route: route2,
-    overallStatus,
-    isValidatingGasBalance,
-    signaturesRemaining,
-    isLoading
+    requiredChainAddresses: route2 == null ? void 0 : route2.requiredChainAddresses,
+    feeRouteChainAddresses,
+    feeRouteRequiredChainAddresses: feeRoute == null ? void 0 : feeRoute.requiredChainAddresses,
+    isGettingAddressesLoading,
+    isGettingFeeRouteAddressesLoading,
+    isFetchingDestinationBalance
   });
-  const isSafeToleave = (route2 == null ? void 0 : route2.txsRequired) === transactionDetailsArray.length;
+  const isSafeToleave = (route2 == null ? void 0 : route2.txsRequired) === (currentTransaction == null ? void 0 : currentTransaction.transactionDetails.length);
   usePreventPageUnload(
     swapExecutionState === 5 || swapExecutionState === 4 || swapExecutionState === 8 || swapExecutionState === 7 || !isSafeToleave
   );
-  useHandleTransactionFailed(error, statusData);
+  useHandleTransactionFailed(error, currentTransaction);
   useHandleTransactionTimeout(swapExecutionState);
   const firstOperationStatus = useMemo(() => {
     if (swapExecutionState === 6 || swapExecutionState === 3 || swapExecutionState === 5) {
@@ -51949,18 +52711,18 @@ const SwapExecutionPage = () => {
     }
   }, [swapExecutionState]);
   const secondOperationStatus = useMemo(() => {
-    var _a2;
-    const status = statusData == null ? void 0 : statusData.transferEvents;
+    var _a;
+    const status = currentTransaction == null ? void 0 : currentTransaction.transferEvents;
     if (swapExecutionState === 6) {
       return "completed";
     }
-    if ((_a2 = status == null ? void 0 : status[0]) == null ? void 0 : _a2.status) {
+    if ((_a = status == null ? void 0 : status[0]) == null ? void 0 : _a.status) {
       return status[0].status;
     }
     if (swapExecutionState === 3 || swapExecutionState === 5) {
       return "pending";
     }
-  }, [statusData, swapExecutionState]);
+  }, [currentTransaction == null ? void 0 : currentTransaction.transferEvents, swapExecutionState]);
   const onClickEditDestinationWallet = useMemo(() => {
     track("swap execution page: edit destination address button - clicked");
     const loadingStates = [
@@ -51982,8 +52744,22 @@ const SwapExecutionPage = () => {
       });
     };
   }, [swapExecutionState, lastOperation.signRequired, lastOperation.fromChain, route2]);
-  const SwapExecutionPageRoute = simpleRoute ? SwapExecutionPageRouteSimple : SwapExecutionPageRouteDetailed;
-  const shouldRenderTrackProgressButton = lastTxHash && lastTxChainId && (route2 == null ? void 0 : route2.txsRequired) === transactionDetailsArray.length;
+  const shouldRenderTrackProgressButton = lastTxHash && lastTxChainId && (route2 == null ? void 0 : route2.txsRequired) === (currentTransaction == null ? void 0 : currentTransaction.transactionDetails.length);
+  const gasOnReceiveComponent = useMemo(() => {
+    var _a;
+    return (gasRoute || feeRoute) && !isGasRouteLoading && !currentTransaction && !isFetchingDestinationBalance || currentTransaction && gasRouteEnabled ? /* @__PURE__ */ jsxs(Column, { children: [
+      /* @__PURE__ */ jsx(Spacer, { height: 30, showLine: true, lineColor: theme.secondary.background.transparent }),
+      /* @__PURE__ */ jsx(GasOnReceive, { routeDetails: (_a = currentTransaction == null ? void 0 : currentTransaction.relatedRoutes) == null ? void 0 : _a[0] })
+    ] }) : null;
+  }, [
+    currentTransaction,
+    feeRoute,
+    gasRoute,
+    gasRouteEnabled,
+    isFetchingDestinationBalance,
+    isGasRouteLoading,
+    theme.secondary.background.transparent
+  ]);
   return /* @__PURE__ */ jsxs(Column, { gap: 5, children: [
     /* @__PURE__ */ jsx(
       PageHeader,
@@ -51999,7 +52775,10 @@ const SwapExecutionPage = () => {
         centerButton: shouldRenderTrackProgressButton ? {
           label: "Track progress",
           onClick: () => {
-            window.open(createSkipExplorerLink(transactionDetailsArray), "_blank");
+            window.open(
+              createSkipExplorerLink(currentTransaction == null ? void 0 : currentTransaction.transactionDetails),
+              "_blank"
+            );
             track("swap execution page: track progress button - clicked", {
               txHash: lastTxHash
             });
@@ -52018,14 +52797,16 @@ const SwapExecutionPage = () => {
       }
     ),
     /* @__PURE__ */ jsx(
-      SwapExecutionPageRoute,
+      SwapExecutionPageRouteContainer,
       {
+        showDetailed: !simpleRoute,
         onClickEditDestinationWallet,
         operations: clientOperations,
-        statusData,
+        statusData: currentTransaction,
         swapExecutionState,
         firstOperationStatus,
-        secondOperationStatus
+        secondOperationStatus,
+        bottomContent: gasOnReceiveComponent
       }
     ),
     /* @__PURE__ */ jsx(
@@ -52036,10 +52817,11 @@ const SwapExecutionPage = () => {
         signaturesRemaining,
         lastOperation,
         connectRequiredChains,
+        connectFeeRouteRequiredChains,
         submitExecuteRouteMutation
       }
     ),
-    /* @__PURE__ */ jsx(SwapPageFooter, { showRouteInfo: overallStatus === "unconfirmed" })
+    /* @__PURE__ */ jsx(SwapPageFooter, {})
   ] });
 };
 const BridgeIcon = ({
@@ -52466,8 +53248,8 @@ const useCleanupDebouncedAtoms = () => {
   }, [cleanupDebouncedDestinationAssetAmount, cleanupDebouncedSourceAssetAmount]);
 };
 const useUpdateAmountWhenRouteChanges = () => {
-  const [route2] = useAtom(skipRouteAtom);
-  const [direction] = useAtom(swapDirectionAtom);
+  const route2 = useAtomValue(skipRouteAtom);
+  const direction = useAtomValue(swapDirectionAtom);
   const [sourceAsset, setSourceAsset] = useAtom(sourceAssetAtom);
   const [destinationAsset, setDestinationAsset] = useAtom(destinationAssetAtom);
   const prevRoute = useRef(route2.data);
@@ -52488,12 +53270,16 @@ const useUpdateAmountWhenRouteChanges = () => {
     if (direction === "swap-in") {
       setDestinationAsset((old) => ({
         ...old,
-        amount: removeTrailingZeros(swapInAmount)
+        amount: removeTrailingZeros(
+          formatDisplayAmount(swapInAmount, { decimals: 5, abbreviate: false })
+        )
       }));
     } else if (direction === "swap-out") {
       setSourceAsset((old) => ({
         ...old,
-        amount: removeTrailingZeros(swapOutAmount)
+        amount: removeTrailingZeros(
+          formatDisplayAmount(swapOutAmount, { decimals: 5, abbreviate: false })
+        )
       }));
     }
   }, [route2.data, direction, sourceAsset, destinationAsset, setSourceAsset, setDestinationAsset]);
@@ -52513,19 +53299,6 @@ const useShowCosmosLedgerWarning = () => {
     return !!(account == null ? void 0 : account.wallet.isLedger);
   }, [sourceAsset == null ? void 0 : sourceAsset.chainId, chainType, getAccount]);
 };
-const SpinnerIcon = (props) => {
-  return /* @__PURE__ */ jsxs("svg", { fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
-    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", opacity: ".25", r: "10", stroke: "currentColor", strokeWidth: "4" }),
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z",
-        fill: "currentColor",
-        opacity: ".75"
-      }
-    )
-  ] });
-};
 const ConnectedWalletContent = () => {
   const sourceAsset = useAtomValue(sourceAssetAtom);
   const getAccount = useGetAccount();
@@ -52607,54 +53380,46 @@ const ConnectedWalletContent = () => {
   );
 };
 const useTxHistory = ({ txHistoryItem }) => {
-  var _a, _b;
-  const { data: chains2 } = useAtomValue(skipChainsAtom);
-  const transactionDetails = txHistoryItem == null ? void 0 : txHistoryItem.transactionDetails;
-  const chainIdFound = chains2 == null ? void 0 : chains2.some(
-    (chain) => transactionDetails == null ? void 0 : transactionDetails.map((tx) => tx.chainId).includes(chain.chainId ?? "")
-  );
-  const txsRequired = (_a = txHistoryItem == null ? void 0 : txHistoryItem.route) == null ? void 0 : _a.txsRequired;
-  let statusData = {
-    isSuccess: false,
-    isSettled: false,
-    transferEvents: [],
-    ...txHistoryItem,
-    transactionDetails: transactionDetails ?? []
-  };
-  const shouldFetchStatus = !(txHistoryItem == null ? void 0 : txHistoryItem.isSettled) && transactionDetails !== void 0 && chainIdFound;
-  const { data, isFetching, isPending } = useBroadcastedTxsStatus({
-    txsRequired,
-    transactionDetails,
-    enabled: shouldFetchStatus
-  });
-  if (data !== void 0) {
-    statusData = data;
-  }
-  useSyncTxStatus({
-    statusData,
-    timestamp: txHistoryItem == null ? void 0 : txHistoryItem.timestamp
-  });
-  const explorerLinks = /* @__PURE__ */ new Set();
-  (_b = statusData == null ? void 0 : statusData.transferEvents) == null ? void 0 : _b.forEach((transferEvent) => {
-    explorerLinks.add(transferEvent.fromExplorerLink);
-    explorerLinks.add(transferEvent.toExplorerLink);
-  });
-  const query = useQuery({
-    queryKey: ["tx-history-status", { transactionDetails, txsRequired, statusData }],
-    queryFn: () => {
-      if ((transactionDetails == null ? void 0 : transactionDetails.length) !== txsRequired) return "incomplete";
-      if (isFetching && isPending) return "unconfirmed";
-      if ((statusData == null ? void 0 : statusData.isSettled) && (statusData == null ? void 0 : statusData.isSuccess)) return "completed";
-      if ((statusData == null ? void 0 : statusData.isSettled) && !(statusData == null ? void 0 : statusData.isSuccess) || !chainIdFound) return "failed";
-      return "pending";
-    },
-    enabled: transactionDetails !== void 0 && txsRequired !== void 0 && statusData !== void 0
-  });
-  return {
-    status: query.data,
-    explorerLinks: Array.from(explorerLinks).filter((link) => link),
-    transferAssetRelease: (statusData == null ? void 0 : statusData.transferAssetRelease) ?? (txHistoryItem == null ? void 0 : txHistoryItem.transferAssetRelease)
-  };
+  const setTransactionHistory = useSetAtom(setTransactionHistoryAtom);
+  const unsubscribersRef = useRef(null);
+  const subscribedIdsRef = useRef(/* @__PURE__ */ new Set());
+  useEffect(() => {
+    var _a;
+    if (!txHistoryItem) return;
+    const unsubscribers = [];
+    const subscribedRouteIds = /* @__PURE__ */ new Set();
+    const subscribe = (route2) => {
+      if (!route2.id || subscribedRouteIds.has(route2.id)) return;
+      subscribedRouteIds.add(route2.id);
+      unsubscribers.push(
+        subscribeToRouteStatus({
+          routeDetails: route2,
+          onRouteStatusUpdated: (routeStatus) => {
+            var _a2;
+            const failedFeeRoute = (_a2 = routeStatus == null ? void 0 : routeStatus.relatedRoutes) == null ? void 0 : _a2.find(
+              (relatedRoute) => relatedRoute.status === "failed"
+            );
+            if (failedFeeRoute) {
+              track("gas on receive: fee route failed", { feeRoute: failedFeeRoute });
+            }
+            setTransactionHistory(routeStatus);
+          }
+        })
+      );
+    };
+    subscribe(txHistoryItem);
+    (_a = txHistoryItem.relatedRoutes) == null ? void 0 : _a.forEach((relatedRoute) => {
+      if (relatedRoute && relatedRoute.id) {
+        subscribe(relatedRoute);
+      }
+    });
+    unsubscribersRef.current = unsubscribers;
+    subscribedIdsRef.current = subscribedRouteIds;
+    return () => {
+      unsubscribers.forEach((unsub) => unsub());
+    };
+  }, [txHistoryItem, setTransactionHistory]);
+  return txHistoryItem;
 };
 const SwapPageHeader = memo(() => {
   const setCurrentPage = useSetAtom(currentPageAtom);
@@ -52713,15 +53478,9 @@ const SwapPageHeader = memo(() => {
 });
 const TrackLatestTxHistoryItemStatus = memo(() => {
   const lastTxHistoryItemInTime = useAtomValue(lastTransactionInTimeAtom);
-  const setOverallStatus = useSetAtom(setOverallStatusAtom);
-  const { transactionsSigned, transactionDetailsArray } = useAtomValue(swapExecutionStateAtom);
-  const { isPending } = useAtomValue(skipSubmitSwapExecutionAtom);
-  const { transferAssetRelease } = useTxHistory({
-    txHistoryItem: lastTxHistoryItemInTime == null ? void 0 : lastTxHistoryItemInTime.transactionHistoryItem
+  useTxHistory({
+    txHistoryItem: lastTxHistoryItemInTime
   });
-  if (transferAssetRelease && transactionsSigned !== transactionDetailsArray.length && !isPending) {
-    setOverallStatus("failed");
-  }
   return null;
 });
 const noHistoryItemsAtom = atom$1((get) => {
@@ -52729,10 +53488,8 @@ const noHistoryItemsAtom = atom$1((get) => {
   return (txHistoryItems == null ? void 0 : txHistoryItems.length) === 0;
 });
 const isFetchingLastTransactionStatusAtom = atom$1((get) => {
-  var _a, _b, _c;
-  const { overallStatus, route: route2, transactionsSigned } = get(swapExecutionStateAtom);
   const lastTxHistoryItemInTime = get(lastTransactionInTimeAtom);
-  return overallStatus === "pending" && transactionsSigned === (route2 == null ? void 0 : route2.txsRequired) || ((_a = lastTxHistoryItemInTime == null ? void 0 : lastTxHistoryItemInTime.transactionHistoryItem) == null ? void 0 : _a.isSettled) !== true && ((_c = (_b = lastTxHistoryItemInTime == null ? void 0 : lastTxHistoryItemInTime.transactionHistoryItem) == null ? void 0 : _b.route) == null ? void 0 : _c.txsRequired) === 1;
+  return (lastTxHistoryItemInTime == null ? void 0 : lastTxHistoryItemInTime.status) === "pending";
 });
 const useConnectToMissingCosmosChain = () => {
   const sourceAsset = useAtomValue(sourceAssetAtom);
@@ -52774,6 +53531,183 @@ const useConnectToMissingCosmosChain = () => {
   }, [sourceAsset, wallets, extraChainIdsToConnect, addExtraChainIdsToConnectForWalletType]);
   return { isAskingToApproveConnection };
 };
+const name = "@skip-go/widget";
+const description = "Swap widget";
+const version = "3.14.0";
+const repository = {
+  url: "https://github.com/skip-mev/skip-go",
+  directory: "packages/widget"
+};
+const type = "module";
+const scripts = {
+  dev: "vite --force --host",
+  "dev:visual-test": "VISUAL_TEST=true yarn dev",
+  "dev:storybook": "storybook dev -p 6006",
+  build: "npm run generate-chains && NODE_OPTIONS=--max-old-space-size=16384 vite build",
+  "watch:build": "vite build --watch",
+  lint: "NODE_OPTIONS=--max-old-space-size=32384 eslint . --fix",
+  preview: "vite preview",
+  "build:web-component": "NODE_OPTIONS=--max-old-space-size=32384 webpack --config webpack.config.js",
+  "publish:web-component": "npm run build:web-component && cd web-component && npm publish && cd ..",
+  prepack: "yarn run pre",
+  postpack: "yarn run post",
+  pre: "npm run build && node scripts/prepublish.cjs",
+  post: "git checkout -- package.json",
+  "generate-chains": "node scripts/generate-chains.cjs",
+  "update-registries": "yarn up @initia/initia-registry chain-registry",
+  test: "yarn playwright test",
+  "update-screenshots": "UPDATE_SCREENSHOTS=true yarn playwright test Keplr.test.tsx",
+  "combine-images": "node scripts/combine-images.mjs"
+};
+const exports = {
+  ".": {
+    types: "./build/index.d.ts",
+    "import": "./build/index.js"
+  }
+};
+const types = "./build/index.d.ts";
+const files = [
+  "build",
+  "README.md"
+];
+const devDependencies = {
+  "@chromatic-com/storybook": "^1.6.1",
+  "@eslint/js": "^9.9.0",
+  "@initia/initia-registry": "^1.0.6",
+  "@keplr-wallet/types": "^0.12.125",
+  "@playwright/test": "^1.51.1",
+  "@storybook/addon-essentials": "^8.2.6",
+  "@storybook/addon-interactions": "^8.2.6",
+  "@storybook/addon-links": "^8.2.6",
+  "@storybook/addon-onboarding": "^8.2.6",
+  "@storybook/blocks": "^8.2.6",
+  "@storybook/react": "^8.2.6",
+  "@storybook/react-vite": "^8.2.6",
+  "@storybook/test": "^8.2.6",
+  "@testing-library/dom": "^10.4.0",
+  "@testing-library/react": "^16.2.0",
+  "@types/eslint__js": "^8.42.3",
+  "@types/pluralize": "^0.0.33",
+  "@types/pngjs": "^6.0.5",
+  "@types/react": "^19.0.10",
+  "@types/react-dom": "^19.0.4",
+  "@typescript-eslint/eslint-plugin": "^7.15.0",
+  "@typescript-eslint/parser": "^7.15.0",
+  "@vitejs/plugin-react": "^4.3.1",
+  buffer: "^6.0.3",
+  "chain-registry": "^2.0.34",
+  download: "^8.0.0",
+  eslint: "^9.9.0",
+  "eslint-config-prettier": "^9.1.0",
+  "eslint-plugin-prettier": "^5.2.1",
+  "eslint-plugin-react-hooks": "^4.6.2",
+  "fs-extra": "^11.3.0",
+  "node-polyfill-webpack-plugin": "^4.0.0",
+  "pino-pretty": "^13.0.0",
+  pixelmatch: "^7.1.0",
+  pngjs: "^7.0.0",
+  "postcss-loader": "^8.1.1",
+  prettier: "^3.4.2",
+  process: "^0.11.10",
+  pureimage: "^0.4.18",
+  "raw-loader": "^4.0.2",
+  react: ">=17.0.0",
+  "react-dom": ">=17.0.0",
+  starknet: "6.11.0",
+  storybook: "^8.2.6",
+  "ts-loader": "^9.5.1",
+  typescript: "^5.5.4",
+  "typescript-eslint": "^8.2.0",
+  "url-loader": "^4.1.1",
+  vite: "^5.3.4",
+  "vite-plugin-dts": "^4.0.0-beta.1",
+  "vite-plugin-node-polyfills": "^0.22.0",
+  webpack: "^5.94.0",
+  "webpack-cli": "^5.1.4"
+};
+const peerDependencies = {
+  "@tanstack/react-query": "^5.51.21",
+  react: ">=17.0.0",
+  "react-dom": ">=17.0.0",
+  viem: "^2.21.55",
+  wagmi: "^2.14.1"
+};
+const dependencies = {
+  "@amplitude/analytics-browser": "^2.11.12",
+  "@amplitude/plugin-session-replay-browser": "^1.16.5",
+  "@cosmjs/amino": "0.33.1",
+  "@cosmjs/cosmwasm-stargate": "0.33.1",
+  "@cosmjs/encoding": "0.33.1",
+  "@cosmjs/math": "0.33.1",
+  "@cosmjs/proto-signing": "0.33.1",
+  "@cosmjs/stargate": "0.33.1",
+  "@ebay/nice-modal-react": "^1.2.13",
+  "@eslint/compat": "^1.1.1",
+  "@penumbra-zone/bech32m": "^13.0.0",
+  "@penumbra-zone/client": "^24.0.0",
+  "@penumbra-zone/protobuf": "^7.2.0",
+  "@penumbra-zone/transport-dom": "^7.5.0",
+  "@r2wc/react-to-web-component": "^2.0.3",
+  "@skip-go/client": "workspace:^",
+  "@solana/spl-token": "^0.4.8",
+  "@solana/wallet-adapter-ledger": "^0.9.25",
+  "@solana/wallet-adapter-react": "^0.15.39",
+  "@solana/wallet-adapter-wallets": "^0.19.37",
+  "@solana/web3.js": "^1.95.8",
+  "@tanstack/query-core": "^5.51.21",
+  "@walletconnect/modal": "^2.7.0",
+  "@walletconnect/sign-client": "^2.20.3",
+  "@walletconnect/solana-adapter": "^0.0.8",
+  add: "^2.0.6",
+  bech32: "^2.0.0",
+  graz: "0.3.3",
+  jotai: "^2.10.1",
+  "jotai-effect": "^1.0.2",
+  "jotai-tanstack-query": "^0.8.6",
+  "lodash.debounce": "^4.0.8",
+  pluralize: "^8.0.0",
+  "rc-virtual-list": "^3.14.5",
+  "react-error-boundary": "^4.0.13",
+  "react-shadow-scope": "^1.0.5",
+  "styled-components": "^6.1.13",
+  uuid: "^11.1.0",
+  yarn: "^1.22.22",
+  zod: "^3.23.8"
+};
+const publishConfig = {
+  access: "public"
+};
+const packageJson = {
+  name,
+  description,
+  version,
+  repository,
+  type,
+  scripts,
+  exports,
+  types,
+  files,
+  devDependencies,
+  peerDependencies,
+  dependencies,
+  publishConfig
+};
+let isAmplitudeInitialized = false;
+const initAmplitude = () => {
+  if (isAmplitudeInitialized) return;
+  init("14616a575f32087cf0403ab8f3ea3ce0", {
+    appVersion: version
+  });
+  isAmplitudeInitialized = true;
+};
+const startAmplitudeSessionReplay = () => {
+  if (isAmplitudeInitialized) {
+    const plugin = sessionReplayPlugin({
+      sampleRate: 1
+    });
+    add(plugin);
+  }
+};
 const SwapPage = () => {
   var _a;
   const { SettingsFooter, drawerOpen } = useSettingsDrawer();
@@ -52804,6 +53738,7 @@ const SwapPage = () => {
   const getBalance = useGetBalance();
   const callbacks = useAtomValue(callbacksAtom);
   const setChainAddresses = useSetAtom(chainAddressesAtom);
+  const setFeeRouteChainAddresses = useSetAtom(feeRouteChainAddressesAtom);
   useFetchAllBalances();
   useCleanupDebouncedAtoms();
   useUpdateAmountWhenRouteChanges();
@@ -52926,13 +53861,16 @@ const SwapPage = () => {
     var _a2;
     const formattedUsdAmount = (_a2 = getTotalFees(fees2)) == null ? void 0 : _a2.formattedUsdAmount;
     if (formattedUsdAmount) {
-      return `${formattedUsdAmount} in fees`;
+      return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(SmallText, { color: "inherit", children: [
+        formattedUsdAmount,
+        " in fees"
+      ] }) });
     }
-    return "no fees";
+    return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(SmallText, { color: "inherit", children: "no fees" }) });
   }, [fees2]);
   const feeWarning = useMemo(() => {
     if (!(route2 == null ? void 0 : route2.usdAmountIn) || !(route2 == null ? void 0 : route2.usdAmountOut)) return false;
-    return parseFloat(route2.usdAmountOut) <= parseFloat(route2.usdAmountIn) * 0.9;
+    return parseFloat(route2.usdAmountOut) < parseFloat(route2.usdAmountIn) * 0.9;
   }, [route2 == null ? void 0 : route2.usdAmountIn, route2 == null ? void 0 : route2.usdAmountOut]);
   const swapButton = useMemo(() => {
     var _a2;
@@ -52994,6 +53932,7 @@ const SwapPage = () => {
     }
     const onClick = () => {
       var _a3, _b;
+      startAmplitudeSessionReplay();
       track("swap page: continue button - clicked", {
         route: route2,
         type: isSwapOperation ? "swap" : "send",
@@ -53004,12 +53943,8 @@ const SwapPage = () => {
         startTransition(() => {
           setError(void 0);
           setChainAddresses({});
+          setFeeRouteChainAddresses({});
           setSwapExecutionState();
-          setUser({ username: sourceAccount == null ? void 0 : sourceAccount.address });
-          if (sourceAccount == null ? void 0 : sourceAccount.address) {
-            const replay = getReplay();
-            replay == null ? void 0 : replay.start();
-          }
           setCurrentPage(Routes.SwapExecutionPage);
         });
       };
@@ -53101,6 +54036,7 @@ const SwapPage = () => {
     showGoFastWarning,
     isGoFast,
     setChainAddresses,
+    setFeeRouteChainAddresses,
     setCurrentPage,
     setSwapExecutionState,
     setError
@@ -53190,6 +54126,8 @@ const HistoryArrowIcon = ({
 );
 const statusMap = {
   unconfirmed: "Unconfirmed",
+  allowance: "In Progress",
+  validating: "In Progress",
   signing: "In Progress",
   broadcasted: "In Progress",
   pending: "In Progress",
@@ -53205,7 +54143,10 @@ const TransactionHistoryPageHistoryItemDetails = ({
   absoluteTimeString,
   onClickDelete,
   transferAssetRelease,
-  transactionDetails
+  transactionDetails,
+  feeAssetRouteDetails,
+  senderAddress,
+  receiverAddress
 }) => {
   var _a;
   const theme = nt();
@@ -53275,6 +54216,18 @@ const TransactionHistoryPageHistoryItemDetails = ({
         }
       )
     ] }),
+    senderAddress && /* @__PURE__ */ jsxs(StyledHistoryItemDetailRow, { align: "center", children: [
+      /* @__PURE__ */ jsx(StyledDetailsLabel, { children: "Sender" }),
+      /* @__PURE__ */ jsx(SmallText, { normalTextColor: true, children: senderAddress })
+    ] }),
+    receiverAddress && /* @__PURE__ */ jsxs(StyledHistoryItemDetailRow, { align: "center", children: [
+      /* @__PURE__ */ jsx(StyledDetailsLabel, { children: "Receiver" }),
+      /* @__PURE__ */ jsx(SmallText, { normalTextColor: true, children: receiverAddress })
+    ] }),
+    feeAssetRouteDetails && /* @__PURE__ */ jsx(StyledHistoryItemDetailRow, { align: "center", children: /* @__PURE__ */ jsxs(Column, { width: "100%", children: [
+      /* @__PURE__ */ jsx(Spacer, { height: 20, showLine: true, lineColor: theme.secondary.background.transparent }),
+      /* @__PURE__ */ jsx(GasOnReceive, { hideContainer: true, routeDetails: feeAssetRouteDetails })
+    ] }) }),
     /* @__PURE__ */ jsx(Row, { align: "center", style: { marginTop: 10, padding: "0px 10px" }, children: /* @__PURE__ */ jsxs(Button, { onClick: onClickDelete, gap: 5, align: "center", children: [
       /* @__PURE__ */ jsx(SmallText, { color: theme.error.text, children: "Delete" }),
       /* @__PURE__ */ jsx(TrashIcon, { color: theme.error.text })
@@ -53933,118 +54886,177 @@ const FilledWarningIcon = ({
     }
   )
 ] });
-const TransactionHistoryPageHistoryItem = forwardRef(({ txHistoryItem, showDetails, onClickRow }, ref) => {
-  const theme = nt();
-  const isMobileScreenSize = useIsMobileScreenSize();
-  const { status: historyStatus, transferAssetRelease } = useTxHistory({
-    txHistoryItem
-  });
-  const removeTransactionHistoryItem = useSetAtom(removeTransactionHistoryItemAtom);
-  const {
-    route: {
-      amountIn,
-      amountOut,
-      sourceAssetDenom,
-      sourceAssetChainId,
-      destAssetDenom,
-      destAssetChainId
-    } = {},
-    timestamp,
-    transactionDetails
-  } = txHistoryItem;
-  const sourceAssetDetails = useGetAssetDetails({
-    assetDenom: sourceAssetDenom,
-    chainId: sourceAssetChainId,
-    tokenAmount: amountIn
-  });
-  const destinationAssetDetails = useGetAssetDetails({
-    assetDenom: destAssetDenom,
-    chainId: destAssetChainId,
-    tokenAmount: amountOut
-  });
-  const source = {
-    amount: sourceAssetDetails.amount,
-    asset: sourceAssetDetails.asset,
-    assetImage: sourceAssetDetails.assetImage ?? "",
-    chainName: sourceAssetDetails.chainName
-  };
-  const destination = {
-    amount: destinationAssetDetails.amount,
-    asset: destinationAssetDetails.asset,
-    assetImage: destinationAssetDetails.assetImage ?? "",
-    chainName: destinationAssetDetails.chainName
-  };
-  const renderStatus = useMemo(() => {
-    switch (historyStatus) {
-      case "unconfirmed":
-      case "pending":
-        return /* @__PURE__ */ jsx(
-          StyledAnimatedBorder,
-          {
-            width: 10,
-            height: 10,
-            backgroundColor: theme.primary.text.normal,
-            status: "pending"
+const TransactionHistoryPageHistoryItem = forwardRef(
+  ({
+    txHistoryItem,
+    showDetails,
+    onClickRow,
+    onClickDelete
+  }, ref) => {
+    var _a, _b;
+    const theme = nt();
+    const isMobileScreenSize = useIsMobileScreenSize();
+    const historyItem = useTxHistory({
+      txHistoryItem
+    });
+    const removeTransactionHistoryItem = useSetAtom(removeTransactionHistoryItemAtom);
+    const {
+      route: {
+        amountIn,
+        amountOut,
+        sourceAssetDenom,
+        sourceAssetChainId,
+        destAssetDenom,
+        destAssetChainId
+      },
+      timestamp,
+      transactionDetails
+    } = txHistoryItem;
+    const totalSourceTokenAmount = useMemo(() => {
+      var _a2;
+      const totalRelatedRouteSourceAmount = ((_a2 = txHistoryItem == null ? void 0 : txHistoryItem.relatedRoutes) == null ? void 0 : _a2.reduce(
+        (acc, routeDetail) => {
+          var _a3;
+          return BigNumber(acc).plus(BigNumber(((_a3 = routeDetail.route) == null ? void 0 : _a3.amountIn) || 0)).toNumber();
+        },
+        0
+      )) ?? 0;
+      return BigNumber(amountIn ?? 0).plus(BigNumber(totalRelatedRouteSourceAmount)).toString();
+    }, [amountIn, txHistoryItem]);
+    const sourceAssetDetails = useGetAssetDetails({
+      assetDenom: sourceAssetDenom,
+      chainId: sourceAssetChainId,
+      tokenAmount: totalSourceTokenAmount
+    });
+    const destinationAssetDetails = useGetAssetDetails({
+      assetDenom: destAssetDenom,
+      chainId: destAssetChainId,
+      tokenAmount: amountOut
+    });
+    const source = {
+      amount: sourceAssetDetails.amount,
+      asset: sourceAssetDetails.asset,
+      assetImage: sourceAssetDetails.assetImage ?? "",
+      chainName: sourceAssetDetails.chainName
+    };
+    const destination = {
+      amount: destinationAssetDetails.amount,
+      asset: destinationAssetDetails.asset,
+      assetImage: destinationAssetDetails.assetImage ?? "",
+      chainName: destinationAssetDetails.chainName
+    };
+    const feeAssetRouteDetails = useMemo(() => {
+      var _a2, _b2;
+      return ((_a2 = historyItem == null ? void 0 : historyItem.relatedRoutes) == null ? void 0 : _a2[0]) || ((_b2 = txHistoryItem == null ? void 0 : txHistoryItem.relatedRoutes) == null ? void 0 : _b2[0]);
+    }, [historyItem, txHistoryItem]);
+    const renderStatus = useMemo(() => {
+      switch (historyItem == null ? void 0 : historyItem.status) {
+        case "unconfirmed":
+        case "pending":
+          return /* @__PURE__ */ jsx(
+            StyledAnimatedBorder,
+            {
+              width: 10,
+              height: 10,
+              backgroundColor: theme.primary.text.normal,
+              status: "pending"
+            }
+          );
+        case "completed":
+          return /* @__PURE__ */ jsx(StyledGreenDot, {});
+        case "incomplete":
+        case "failed": {
+          if (historyItem == null ? void 0 : historyItem.transferAssetRelease) {
+            return /* @__PURE__ */ jsx(FilledWarningIcon, { backgroundColor: theme.warning.text });
+          } else return /* @__PURE__ */ jsx(XIcon, { color: theme.error.text });
+        }
+      }
+    }, [
+      historyItem == null ? void 0 : historyItem.status,
+      historyItem == null ? void 0 : historyItem.transferAssetRelease,
+      theme.primary.text.normal,
+      theme.error.text,
+      theme.warning.text
+    ]);
+    const absoluteTimeString = useMemo(() => {
+      if (isMobileScreenSize) {
+        return getMobileDateFormat(new Date(timestamp));
+      }
+      return new Date(timestamp).toLocaleString();
+    }, [isMobileScreenSize, timestamp]);
+    const relativeTime = useMemo(() => {
+      if ((historyItem == null ? void 0 : historyItem.status) === "pending") {
+        return "In Progress";
+      }
+      if (!timestamp) return "";
+      return formatDistanceStrict(new Date(timestamp), /* @__PURE__ */ new Date(), {
+        addSuffix: true
+      }).replace("minutes", "mins").replace("minute", "min").replace("hours", "hrs").replace("hour", "hr").replace("seconds", "secs").replace("second", "sec").replace("months", "mos").replace("month", "mo").replace("years", "yrs").replace("year", "yr");
+    }, [historyItem == null ? void 0 : historyItem.status, timestamp]);
+    const senderAddress = useMemo(() => {
+      var _a2, _b2;
+      return (_b2 = (_a2 = historyItem == null ? void 0 : historyItem.userAddresses) == null ? void 0 : _a2.find(
+        (address) => {
+          var _a3;
+          return address.chainId === ((_a3 = historyItem == null ? void 0 : historyItem.route) == null ? void 0 : _a3.sourceAssetChainId);
+        }
+      )) == null ? void 0 : _b2.address;
+    }, [(_a = historyItem == null ? void 0 : historyItem.route) == null ? void 0 : _a.sourceAssetChainId, historyItem == null ? void 0 : historyItem.userAddresses]);
+    const receiverAddress = useMemo(() => {
+      var _a2, _b2, _c, _d;
+      if ((historyItem == null ? void 0 : historyItem.transferAssetRelease) !== void 0) {
+        return (_b2 = (_a2 = historyItem == null ? void 0 : historyItem.userAddresses) == null ? void 0 : _a2.find(
+          (address) => {
+            var _a3;
+            return address.chainId === ((_a3 = historyItem == null ? void 0 : historyItem.transferAssetRelease) == null ? void 0 : _a3.chainId);
           }
-        );
-      case "completed":
-        return /* @__PURE__ */ jsx(StyledGreenDot, {});
-      case "incomplete":
-      case "failed": {
-        if (transferAssetRelease) {
-          return /* @__PURE__ */ jsx(FilledWarningIcon, { backgroundColor: theme.warning.text });
-        } else return /* @__PURE__ */ jsx(XIcon, { color: theme.error.text });
-      }
-    }
-  }, [
-    historyStatus,
-    theme.primary.text.normal,
-    theme.error.text,
-    theme.warning.text,
-    transferAssetRelease
-  ]);
-  const absoluteTimeString = useMemo(() => {
-    if (isMobileScreenSize) {
-      return getMobileDateFormat(new Date(timestamp));
-    }
-    return new Date(timestamp).toLocaleString();
-  }, [isMobileScreenSize, timestamp]);
-  const relativeTime = useMemo(() => {
-    if (historyStatus === "pending") {
-      return "In Progress";
-    }
-    if (!timestamp) return "";
-    return formatDistanceStrict(new Date(timestamp), /* @__PURE__ */ new Date(), {
-      addSuffix: true
-    }).replace("minutes", "mins").replace("minute", "min").replace("hours", "hrs").replace("hour", "hr").replace("seconds", "secs").replace("second", "sec").replace("months", "mos").replace("month", "mo").replace("years", "yrs").replace("year", "yr");
-  }, [timestamp, historyStatus]);
-  if (!txHistoryItem.route) return null;
-  return /* @__PURE__ */ jsxs(StyledHistoryContainer, { ref, showDetails, children: [
-    /* @__PURE__ */ jsxs(StyledHistoryItemRow, { align: "center", justify: "space-between", onClick: onClickRow, children: [
-      /* @__PURE__ */ jsxs(Row, { gap: 8, align: "center", children: [
-        /* @__PURE__ */ jsx(RenderAssetAmount, { ...source, sourceAsset: true }),
-        /* @__PURE__ */ jsx(ThinArrowIcon, { color: theme.primary.text.lowContrast, direction: "right" }),
-        /* @__PURE__ */ jsx(RenderAssetAmount, { ...destination })
+        )) == null ? void 0 : _b2.address;
+      }
+      return (_d = (_c = historyItem == null ? void 0 : historyItem.userAddresses) == null ? void 0 : _c.find(
+        (address) => {
+          var _a3;
+          return address.chainId === ((_a3 = historyItem == null ? void 0 : historyItem.route) == null ? void 0 : _a3.destAssetChainId);
+        }
+      )) == null ? void 0 : _d.address;
+    }, [
+      (_b = historyItem == null ? void 0 : historyItem.route) == null ? void 0 : _b.destAssetChainId,
+      historyItem == null ? void 0 : historyItem.transferAssetRelease,
+      historyItem == null ? void 0 : historyItem.userAddresses
+    ]);
+    if (!txHistoryItem.route) return null;
+    return /* @__PURE__ */ jsxs(StyledHistoryContainer, { ref, showDetails, children: [
+      /* @__PURE__ */ jsxs(StyledHistoryItemRow, { align: "center", justify: "space-between", onClick: onClickRow, children: [
+        /* @__PURE__ */ jsxs(Row, { gap: 8, align: "center", children: [
+          /* @__PURE__ */ jsx(RenderAssetAmount, { ...source, sourceAsset: true }),
+          /* @__PURE__ */ jsx(ThinArrowIcon, { color: theme.primary.text.lowContrast, direction: "right" }),
+          /* @__PURE__ */ jsx(RenderAssetAmount, { ...destination })
+        ] }),
+        /* @__PURE__ */ jsxs(Row, { align: "center", gap: 6, children: [
+          /* @__PURE__ */ jsx(SmallText, { children: relativeTime }),
+          /* @__PURE__ */ jsx(Row, { width: 20, align: "center", justify: "center", children: renderStatus })
+        ] })
       ] }),
-      /* @__PURE__ */ jsxs(Row, { align: "center", gap: 6, children: [
-        /* @__PURE__ */ jsx(SmallText, { children: relativeTime }),
-        /* @__PURE__ */ jsx(Row, { width: 20, align: "center", justify: "center", children: renderStatus })
-      ] })
-    ] }),
-    showDetails && /* @__PURE__ */ jsx(
-      TransactionHistoryPageHistoryItemDetails,
-      {
-        status: historyStatus,
-        transactionDetails,
-        sourceChainName: sourceAssetDetails.chainName ?? "--",
-        destinationChainName: destinationAssetDetails.chainName ?? "--",
-        absoluteTimeString,
-        onClickDelete: () => removeTransactionHistoryItem(txHistoryItem.timestamp),
-        transferAssetRelease
-      }
-    )
-  ] });
-});
+      showDetails && /* @__PURE__ */ jsx(
+        TransactionHistoryPageHistoryItemDetails,
+        {
+          status: historyItem == null ? void 0 : historyItem.status,
+          transactionDetails,
+          sourceChainName: sourceAssetDetails.chainName ?? "--",
+          destinationChainName: destinationAssetDetails.chainName ?? "--",
+          absoluteTimeString,
+          onClickDelete: () => {
+            removeTransactionHistoryItem(txHistoryItem.timestamp);
+            onClickDelete == null ? void 0 : onClickDelete();
+          },
+          transferAssetRelease: historyItem == null ? void 0 : historyItem.transferAssetRelease,
+          feeAssetRouteDetails,
+          senderAddress,
+          receiverAddress
+        }
+      )
+    ] });
+  }
+);
 TransactionHistoryPageHistoryItem.displayName = "TransactionHistoryPageHistoryItem";
 const RenderAssetAmount = ({
   amount,
@@ -54099,15 +55111,11 @@ const StyledGreenDot = dt.div`
   border-radius: 50%;
 `;
 const TransactionHistoryPage = () => {
-  var _a, _b, _c;
+  var _a, _b;
   const theme = nt();
   const setCurrentPage = useSetAtom(currentPageAtom);
   const [itemIndexToShowDetail, setItemIndexToShowDetail] = useState(void 0);
-  const txHistory = useAtomValue(transactionHistoryAtom);
-  const historyList = useMemo(
-    () => txHistory.sort((a, b) => b.timestamp - a.timestamp),
-    [txHistory]
-  );
+  const sortedHistoryItems = useAtomValue(sortedHistoryItemsAtom);
   return /* @__PURE__ */ jsxs(Column, { gap: 5, children: [
     /* @__PURE__ */ jsx(
       PageHeader,
@@ -54125,7 +55133,7 @@ const TransactionHistoryPage = () => {
     /* @__PURE__ */ jsx(StyledContainer, { gap: 5, children: /* @__PURE__ */ jsx(
       VirtualList,
       {
-        listItems: historyList,
+        listItems: sortedHistoryItems,
         height: 262,
         empty: {
           details: "No transactions yet",
@@ -54144,18 +55152,15 @@ const TransactionHistoryPage = () => {
                 item
               });
               setItemIndexToShowDetail((prev2) => prev2 === index ? void 0 : index);
-            }
+            },
+            onClickDelete: () => setItemIndexToShowDetail(void 0)
           }
         ),
-        itemKey: (item) => {
-          var _a2;
-          return (_a2 = item.timestamp) == null ? void 0 : _a2.toString();
-        },
-        expandedItemKey: itemIndexToShowDetail ? (_c = (_b = historyList[itemIndexToShowDetail]) == null ? void 0 : _b.timestamp) == null ? void 0 : _c.toString() : void 0
+        itemKey: (item) => item.id,
+        expandedItemKey: itemIndexToShowDetail ? (_b = sortedHistoryItems[itemIndexToShowDetail]) == null ? void 0 : _b.id : void 0
       },
-      txHistory.length
-    ) }),
-    /* @__PURE__ */ jsx(SwapPageFooter, {})
+      sortedHistoryItems.length
+    ) })
   ] });
 };
 const StyledContainer = dt(Column)`
@@ -54304,195 +55309,6 @@ const useInitDefaultRoute = (defaultRoute) => {
     setRouteToDefaultRoute(assets2);
   }, [assets2, defaultRoute, setDefaultRoute, setRouteToDefaultRoute]);
 };
-let isSentryInitialized = false;
-const initSentry = () => {
-  if (isSentryInitialized) return;
-  init({
-    dsn: "https://10ce608bdd1c68a13d3849d6b242333c@o4504768725909504.ingest.us.sentry.io/4508485201231872",
-    tunnel: "https://go.skip.build/api/sentry",
-    defaultIntegrations: false,
-    integrations: [
-      breadcrumbsIntegration(),
-      dedupeIntegration(),
-      functionToStringIntegration(),
-      httpContextIntegration(),
-      inboundFiltersIntegration(),
-      linkedErrorsIntegration(),
-      browserSessionIntegration(),
-      replayIntegration({
-        maskAllText: false,
-        maskAllInputs: false,
-        blockAllMedia: false,
-        networkDetailAllowUrls: [/^https:\/\/go\.skip\.build\//],
-        networkRequestHeaders: ["X-Custom-Header"],
-        networkResponseHeaders: ["X-Custom-Header"],
-        useCompression: false
-      })
-    ]
-  });
-  isSentryInitialized = true;
-};
-const name = "@skip-go/widget";
-const description = "Swap widget";
-const version = "3.12.11";
-const repository = {
-  url: "https://github.com/skip-mev/skip-go",
-  directory: "packages/widget"
-};
-const type = "module";
-const scripts = {
-  dev: "vite --force --host",
-  "dev:visual-test": "VISUAL_TEST=true yarn dev",
-  "dev:storybook": "storybook dev -p 6006",
-  build: "npm run generate-chains && NODE_OPTIONS=--max-old-space-size=16384 vite build",
-  "watch:build": "vite build --watch",
-  lint: "NODE_OPTIONS=--max-old-space-size=32384 eslint . --fix",
-  preview: "vite preview",
-  "build:web-component": "NODE_OPTIONS=--max-old-space-size=32384 webpack --config webpack.config.js",
-  "publish:web-component": "npm run build:web-component && cd web-component && npm publish && cd ..",
-  prepack: "yarn run pre",
-  postpack: "yarn run post",
-  pre: "npm run build && node scripts/prepublish.cjs",
-  post: "git checkout -- package.json",
-  "generate-chains": "node scripts/generate-chains.cjs",
-  "update-registries": "yarn up @initia/initia-registry chain-registry",
-  test: "yarn playwright test",
-  "update-screenshots": "UPDATE_SCREENSHOTS=true yarn playwright test Keplr.test.tsx",
-  "combine-images": "node scripts/combine-images.mjs"
-};
-const exports = {
-  ".": {
-    types: "./build/index.d.ts",
-    "import": "./build/index.js"
-  }
-};
-const types = "./build/index.d.ts";
-const files = [
-  "build",
-  "README.md"
-];
-const devDependencies = {
-  "@chromatic-com/storybook": "^1.6.1",
-  "@eslint/js": "^9.9.0",
-  "@initia/initia-registry": "^1.0.6",
-  "@keplr-wallet/types": "^0.12.125",
-  "@playwright/test": "^1.51.1",
-  "@storybook/addon-essentials": "^8.2.6",
-  "@storybook/addon-interactions": "^8.2.6",
-  "@storybook/addon-links": "^8.2.6",
-  "@storybook/addon-onboarding": "^8.2.6",
-  "@storybook/blocks": "^8.2.6",
-  "@storybook/react": "^8.2.6",
-  "@storybook/react-vite": "^8.2.6",
-  "@storybook/test": "^8.2.6",
-  "@testing-library/dom": "^10.4.0",
-  "@testing-library/react": "^16.2.0",
-  "@types/eslint__js": "^8.42.3",
-  "@types/pluralize": "^0.0.33",
-  "@types/pngjs": "^6.0.5",
-  "@types/react": "^19.0.10",
-  "@types/react-dom": "^19.0.4",
-  "@typescript-eslint/eslint-plugin": "^7.15.0",
-  "@typescript-eslint/parser": "^7.15.0",
-  "@vitejs/plugin-react": "^4.3.1",
-  buffer: "^6.0.3",
-  "chain-registry": "^2.0.11",
-  download: "^8.0.0",
-  eslint: "^9.9.0",
-  "eslint-config-prettier": "^9.1.0",
-  "eslint-plugin-prettier": "^5.2.1",
-  "eslint-plugin-react-hooks": "^4.6.2",
-  "fs-extra": "^11.3.0",
-  "node-polyfill-webpack-plugin": "^4.0.0",
-  "pino-pretty": "^13.0.0",
-  pixelmatch: "^7.1.0",
-  pngjs: "^7.0.0",
-  "postcss-loader": "^8.1.1",
-  prettier: "^3.4.2",
-  process: "^0.11.10",
-  pureimage: "^0.4.18",
-  "raw-loader": "^4.0.2",
-  react: ">=17.0.0",
-  "react-dom": ">=17.0.0",
-  starknet: "6.11.0",
-  storybook: "^8.2.6",
-  "ts-loader": "^9.5.1",
-  typescript: "^5.5.4",
-  "typescript-eslint": "^8.2.0",
-  "url-loader": "^4.1.1",
-  vite: "^5.3.4",
-  "vite-plugin-dts": "^4.0.0-beta.1",
-  "vite-plugin-node-polyfills": "^0.22.0",
-  webpack: "^5.94.0",
-  "webpack-cli": "^5.1.4"
-};
-const peerDependencies = {
-  "@tanstack/react-query": "^5.51.21",
-  react: ">=17.0.0",
-  "react-dom": ">=17.0.0",
-  viem: "^2.21.55",
-  wagmi: "^2.14.1"
-};
-const dependencies = {
-  "@amplitude/analytics-browser": "^2.11.12",
-  "@amplitude/plugin-session-replay-browser": "^1.16.5",
-  "@cosmjs/amino": "0.33.1",
-  "@cosmjs/cosmwasm-stargate": "0.33.1",
-  "@cosmjs/encoding": "0.33.1",
-  "@cosmjs/math": "0.33.1",
-  "@cosmjs/proto-signing": "0.33.1",
-  "@cosmjs/stargate": "0.33.1",
-  "@ebay/nice-modal-react": "^1.2.13",
-  "@eslint/compat": "^1.1.1",
-  "@penumbra-zone/bech32m": "^13.0.0",
-  "@penumbra-zone/client": "^24.0.0",
-  "@penumbra-zone/protobuf": "^7.2.0",
-  "@penumbra-zone/transport-dom": "^7.5.0",
-  "@r2wc/react-to-web-component": "^2.0.3",
-  "@sentry/react": "^8.46.0",
-  "@skip-go/client": "workspace:^",
-  "@solana/spl-token": "^0.4.8",
-  "@solana/wallet-adapter-ledger": "^0.9.25",
-  "@solana/wallet-adapter-react": "^0.15.39",
-  "@solana/wallet-adapter-wallets": "^0.19.37",
-  "@solana/web3.js": "^1.95.8",
-  "@tanstack/query-core": "^5.51.21",
-  "@walletconnect/modal": "^2.7.0",
-  "@walletconnect/sign-client": "^2.20.3",
-  "@walletconnect/solana-adapter": "^0.0.8",
-  add: "^2.0.6",
-  bech32: "^2.0.0",
-  graz: "0.3.2",
-  jotai: "^2.10.1",
-  "jotai-effect": "^1.0.2",
-  "jotai-tanstack-query": "^0.8.6",
-  "lodash.debounce": "^4.0.8",
-  pluralize: "^8.0.0",
-  "rc-virtual-list": "^3.14.5",
-  "react-error-boundary": "^4.0.13",
-  "react-shadow-scope": "^1.0.5",
-  "styled-components": "^6.1.13",
-  yarn: "^1.22.22",
-  zod: "^3.23.8"
-};
-const publishConfig = {
-  access: "public"
-};
-const packageJson = {
-  name,
-  description,
-  version,
-  repository,
-  type,
-  scripts,
-  exports,
-  types,
-  files,
-  devDependencies,
-  peerDependencies,
-  dependencies,
-  publishConfig
-};
 const useMobileRouteConfig = () => {
   const isMobile2 = useIsMobileScreenSize();
   const setRouteConfig = useSetAtom(routeConfigAtom);
@@ -54503,24 +55319,11 @@ const useMobileRouteConfig = () => {
     }));
   }, [isMobile2, setRouteConfig]);
 };
-const initAmplitude = () => {
-  init$1("14616a575f32087cf0403ab8f3ea3ce0", {
-    appVersion: version
-  });
-  const plugin = sessionReplayPlugin({
-    sampleRate: 1
-  });
-  add(plugin);
-};
 const useInitWidget = (props) => {
   var _a, _b;
-  if (props.enableSentrySessionReplays) {
-    initSentry();
-  }
   if (props.enableAmplitudeAnalytics) {
     initAmplitude();
   }
-  setTag("widget_version", version);
   useInitDefaultRoute(props.defaultRoute);
   useInitGetSigners(props);
   useMobileRouteConfig();
@@ -54545,16 +55348,18 @@ const useInitWidget = (props) => {
   const getSigners = useAtomValue(getConnectedSignersAtom);
   const wallets = useAtomValue(walletsAtom);
   const mergedSkipClientConfig = useMemo(() => {
-    const { apiUrl, chainIdsToAffiliates, endpointOptions: endpointOptions2 } = props;
+    const { apiUrl, chainIdsToAffiliates, endpointOptions: endpointOptions2, apiKey } = props;
     const fromWidgetProps = {
       apiUrl,
       chainIdsToAffiliates,
-      endpointOptions: endpointOptions2
+      endpointOptions: endpointOptions2,
+      apiKey
     };
     return {
       apiUrl: fromWidgetProps.apiUrl ?? defaultSkipClientConfig.apiUrl,
       endpointOptions: fromWidgetProps.endpointOptions ?? defaultSkipClientConfig.endpointOptions,
-      chainIdsToAffiliates: fromWidgetProps.chainIdsToAffiliates ?? {}
+      chainIdsToAffiliates: fromWidgetProps.chainIdsToAffiliates ?? {},
+      apiKey: fromWidgetProps.apiKey
     };
   }, [props]);
   const mergedTheme = useMemo(() => {
@@ -54706,6 +55511,130 @@ const useInitGetSigners = (props) => {
     }));
   }, [props.getCosmosSigner, props.getEvmSigner, props.getSvmSigner, setGetSigners]);
 };
+const updateHistoryFromCamelCaseToRouteDetails = () => {
+  const { set } = jotaiStore;
+  try {
+    const transactionHistoryVersion = JSON.parse(
+      localStorage.getItem(LOCAL_STORAGE_KEYS.transactionHistoryVersion) ?? "0"
+    );
+    const transactionHistory = JSON.parse(
+      localStorage.getItem(LOCAL_STORAGE_KEYS.transactionHistory) ?? "[]"
+    );
+    if (!transactionHistory) {
+      throw new Error("transactionHistory not found in localStorage");
+    }
+    if (transactionHistoryVersion === HISTORY_VERSION.camelCase) {
+      const updatedTransactionHistory = transactionHistory.map(
+        (txHistoryItem) => {
+          var _a, _b, _c, _d;
+          return {
+            id: v4(),
+            timestamp: txHistoryItem.timestamp,
+            route: getSimpleRoute(txHistoryItem.route),
+            status: txHistoryItem.status,
+            txsRequired: (_a = txHistoryItem.route) == null ? void 0 : _a.txsRequired,
+            txsSigned: txHistoryItem.signatures,
+            transactionDetails: getTransactionDetailsWithSimpleTransactionDetailsStatus(
+              txHistoryItem.transactionDetails
+            ),
+            transferEvents: txHistoryItem.transferEvents,
+            transferAssetRelease: txHistoryItem.transferAssetRelease ?? ((_d = (_c = (_b = txHistoryItem.transactionDetails) == null ? void 0 : _b.at(-1)) == null ? void 0 : _c.status) == null ? void 0 : _d.transferAssetRelease)
+          };
+        }
+      );
+      localStorage.setItem(
+        LOCAL_STORAGE_KEYS.transactionHistory,
+        JSON.stringify(updatedTransactionHistory)
+      );
+      console.info(
+        `updated from transactionHistoryVersion ${HISTORY_VERSION.camelCase} to ${HISTORY_VERSION.routeDetails}`
+      );
+      set(transactionHistoryVersionAtom, HISTORY_VERSION.routeDetails);
+    }
+  } catch {
+    console.warn(
+      `Failed to update transactionHistoryVersion from ${HISTORY_VERSION.camelCase} to ${HISTORY_VERSION.routeDetails}`
+    );
+  }
+};
+const getSimpleRoute = (route2) => {
+  return {
+    amountIn: route2 == null ? void 0 : route2.amountIn,
+    amountOut: route2 == null ? void 0 : route2.amountOut,
+    sourceAssetDenom: route2 == null ? void 0 : route2.sourceAssetDenom,
+    sourceAssetChainId: route2 == null ? void 0 : route2.sourceAssetChainId,
+    destAssetDenom: route2 == null ? void 0 : route2.destAssetDenom,
+    destAssetChainId: route2 == null ? void 0 : route2.destAssetChainId,
+    estimatedRouteDurationSeconds: route2 == null ? void 0 : route2.estimatedRouteDurationSeconds
+  };
+};
+const getTransactionStatus = (state) => {
+  switch (state) {
+    case "STATE_SUBMITTED":
+    case "STATE_PENDING":
+      return "pending";
+    case "STATE_COMPLETED_SUCCESS":
+      return "success";
+    case "STATE_COMPLETED_ERROR":
+    case "STATE_PENDING_ERROR":
+      return "failed";
+    default:
+      return "pending";
+  }
+};
+const getTransactionDetailsWithSimpleTransactionDetailsStatus = (transactionDetails) => {
+  return transactionDetails.map((txDetails) => {
+    var _a;
+    return {
+      ...txDetails,
+      status: getTransactionStatus((_a = txDetails.status) == null ? void 0 : _a.state)
+    };
+  });
+};
+const updateHistoryFromRouteDetailsToUserAddresses = () => {
+  const { set } = jotaiStore;
+  try {
+    const transactionHistoryVersion = JSON.parse(
+      localStorage.getItem(LOCAL_STORAGE_KEYS.transactionHistoryVersion) ?? "0"
+    );
+    const transactionHistory = JSON.parse(
+      localStorage.getItem(LOCAL_STORAGE_KEYS.transactionHistory) ?? "[]"
+    );
+    if (!transactionHistory) {
+      throw new Error("transactionHistory not found in localStorage");
+    }
+    if (transactionHistoryVersion === HISTORY_VERSION.routeDetails) {
+      const updatedTransactionHistory = transactionHistory.map((txHistoryItem) => {
+        const { senderAddress, receiverAddress, ...rest } = txHistoryItem;
+        return {
+          ...rest,
+          userAddresses: [
+            {
+              chainId: txHistoryItem.route.sourceAssetChainId,
+              address: senderAddress
+            },
+            {
+              chainId: txHistoryItem.route.destAssetChainId,
+              address: receiverAddress
+            }
+          ]
+        };
+      });
+      localStorage.setItem(
+        LOCAL_STORAGE_KEYS.transactionHistory,
+        JSON.stringify(updatedTransactionHistory)
+      );
+      console.info(
+        `updated from transactionHistoryVersion ${HISTORY_VERSION.routeDetails} to ${HISTORY_VERSION.userAddresses}`
+      );
+      set(transactionHistoryVersionAtom, HISTORY_VERSION.userAddresses);
+    }
+  } catch {
+    console.warn(
+      `Failed to update transactionHistoryVersion from ${HISTORY_VERSION.routeDetails} to ${HISTORY_VERSION.userAddresses}`
+    );
+  }
+};
 const migrateOldLocalStorageValues = () => {
   if (typeof window === "undefined") return;
   const { set } = jotaiStore;
@@ -54745,6 +55674,8 @@ const migrateOldLocalStorageValues = () => {
       console.warn(`Failed to migrate localStorage key "${key}":`, err);
     }
   });
+  updateHistoryFromCamelCaseToRouteDetails();
+  updateHistoryFromRouteDetailsToUserAddresses();
 };
 function toCamelCase(obj) {
   return convertKeys(obj, (key) => {