@wheelx-widget/widget 0.1.4 → 0.1.6

package/dist/index.js

@@ -1,20 +1,20 @@
 'use strict';
 
 var React5 = require('react');
+var react = require('@chakra-ui/react');
 var reactQuery = require('@tanstack/react-query');
 var sdkReactCore = require('@dynamic-labs/sdk-react-core');
 var ethereum = require('@dynamic-labs/ethereum');
 var solana = require('@dynamic-labs/solana');
 var wagmiConnector = require('@dynamic-labs/wagmi-connector');
 var wagmi = require('wagmi');
+var viem = require('viem');
 var chains$1 = require('wagmi/chains');
 var react$1 = require('@emotion/react');
 var jsxRuntime = require('react/jsx-runtime');
 var axios6 = require('axios');
 var zustand = require('zustand');
-var react = require('@chakra-ui/react');
 var biFraction = require('bi-fraction');
-var viem = require('viem');
 var chains = require('viem/chains');
 var web3_js = require('@solana/web3.js');
 var utils = require('viem/utils');
@@ -26,6 +26,8 @@ var io5 = require('react-icons/io5');
 var fa6 = require('react-icons/fa6');
 var io = require('react-icons/io');
 var bs = require('react-icons/bs');
+var hi2 = require('react-icons/hi2');
+var ri = require('react-icons/ri');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -181,7 +183,11 @@ var useWalletConnectedStore = zustand.create((set, get) => ({
   evmWalletConnectorId: null,
   setEvmWalletInfo: (address, connectorId) => set({ evmWalletAddress: address, evmWalletConnectorId: connectorId }),
   isEvmWalletMetamask: false,
-  setIsEvmWalletMetamask: (isEvmWalletMetamask) => set({ isEvmWalletMetamask })
+  setIsEvmWalletMetamask: (isEvmWalletMetamask) => set({ isEvmWalletMetamask }),
+  isLoggingOut: false,
+  setIsLoggingOut: (isLoggingOut) => set({ isLoggingOut }),
+  lastDisconnectTimestamp: 0,
+  setLastDisconnectTimestamp: (ts) => set({ lastDisconnectTimestamp: ts })
 }));
 
 // src/stores/useSyncWalletConnectedStore.ts
@@ -191,14 +197,25 @@ var getEvmConnectorId = (wallet) => {
 };
 var useSyncWalletConnectedStore = () => {
   const userWallets = sdkReactCore.useUserWallets();
-  const { address: wagmiAddress, connector: wagmiConnector, isConnected } = wagmi.useAccount();
+  const { address: wagmiAddress, connector: wagmiConnector } = wagmi.useAccount();
   const {
     setSolanaWalletAddress,
     setIsSolanaWalletConnected,
     setEvmWalletInfo,
-    setIsEthWalletConnected
+    setIsEthWalletConnected,
+    isLoggingOut,
+    lastDisconnectTimestamp
   } = useWalletConnectedStore();
   React5.useEffect(() => {
+    if (isLoggingOut) return;
+    const msSinceDisconnect = Date.now() - lastDisconnectTimestamp;
+    if (msSinceDisconnect < 2e3) {
+      const { isEthWalletConnected, isSolanaWalletConnected } = useWalletConnectedStore.getState();
+      const hasNoConnectedWallets = !isEthWalletConnected && !isSolanaWalletConnected;
+      if (hasNoConnectedWallets) {
+        return;
+      }
+    }
     const solanaWallet = userWallets.find((wallet) => {
       const chain = String(
         wallet.chain ?? ""
@@ -214,15 +231,16 @@ var useSyncWalletConnectedStore = () => {
       ).toLowerCase();
       return chain.includes("evm");
     });
-    const evmAddress = evmWallet?.address ?? wagmiAddress ?? null;
+    const evmAddress = evmWallet?.address ?? (evmWallet ? wagmiAddress : null) ?? null;
     const evmConnectorId = wagmiConnector?.id ?? getEvmConnectorId(evmWallet) ?? null;
     setEvmWalletInfo(evmAddress, evmConnectorId);
-    setIsEthWalletConnected(Boolean(evmAddress || isConnected));
+    setIsEthWalletConnected(Boolean(evmAddress));
   }, [
     userWallets,
     wagmiAddress,
     wagmiConnector?.id,
-    isConnected,
+    isLoggingOut,
+    lastDisconnectTimestamp,
     setSolanaWalletAddress,
     setIsSolanaWalletConnected,
     setEvmWalletInfo,
@@ -231,7 +249,8 @@ var useSyncWalletConnectedStore = () => {
 };
 var useEvmAddress = () => {
   const { address } = wagmi.useAccount();
-  const { evmWalletAddress } = useWalletConnectedStore();
+  const { evmWalletAddress, isEthWalletConnected } = useWalletConnectedStore();
+  if (!isEthWalletConnected) return void 0;
   return evmWalletAddress || address;
 };
 var FavoritesContext = React5.createContext({
@@ -434,21 +453,140 @@ var useTokenFavoritesContext = () => {
   if (c === void 0) throw new Error("useTokenFavoritesContext must be used within TokenFavoritesProvider");
   return c;
 };
-var supportedChains = [chains$1.mainnet, chains$1.base, chains$1.soneium, chains$1.polygon, chains$1.arbitrum, chains$1.optimism, chains$1.sepolia, chains$1.arbitrumSepolia, chains$1.optimismSepolia, chains$1.baseSepolia, chains$1.unichainSepolia, chains$1.arcTestnet];
+var tempo = viem.defineChain({
+  id: 4217,
+  name: "Tempo",
+  network: "Tempo",
+  nativeCurrency: { name: "USD", symbol: "USD", decimals: 6 },
+  rpcUrls: { default: { http: ["https://rpc.tempo.xyz"] } },
+  blockExplorers: { default: { name: "Tempo Explorer", url: "https://explore.tempo.xyz" } },
+  testnet: true
+});
+var katana = viem.defineChain({ id: 747474, name: "Katana", network: "Katana", nativeCurrency: { name: "ETH", symbol: "ETH", decimals: 18 }, rpcUrls: { default: { http: ["https://rpc.katana.network"] } }, blockExplorers: { default: { name: "Katana Explorer", url: "https://explorer.katanarpc.com" } } });
+var hyperevm = viem.defineChain({ id: 999, name: "HyperEVM", network: "HyperEVM", nativeCurrency: { name: "HYPE", symbol: "HYPE", decimals: 18 }, rpcUrls: { default: { http: ["https://rpc.hyperliquid.xyz/evm", "https://rpc.hypurrscan.io"] } }, blockExplorers: { default: { name: "Purrsec", url: "https://hyperevmscan.io" } } });
+var stable = viem.defineChain({ id: 988, name: "Stable", network: "Stable", nativeCurrency: { name: "STB", symbol: "STB", decimals: 18 }, rpcUrls: { default: { http: ["https://rpc.stable.xyz"] } }, blockExplorers: { default: { name: "Stablescan", url: "https://stablescan.xyz" } } });
+var monad = viem.defineChain({ id: 143, name: "Monad", network: "Monad", nativeCurrency: { name: "MON", symbol: "MON", decimals: 18 }, rpcUrls: { default: { http: ["https://rpc.monad.xyz", "https://rpc1.monad.xyz"] } }, blockExplorers: { default: { name: "MonadVision", url: "https://monadvision.com" } } });
+var metis = viem.defineChain({ id: 1088, name: "Metis", network: "Metis", nativeCurrency: { name: "METIS", symbol: "METIS", decimals: 18 }, rpcUrls: { default: { http: ["https://metis.api.onfinality.io/public", "https://metis-public.nodies.app"] } }, blockExplorers: { default: { name: "Metis Explorer", url: "https://explorer.metis.io" } } });
+var polygonZkEvm = viem.defineChain({ id: 1101, name: "Polygon zkEVM", network: "Polygon zkEVM", nativeCurrency: { name: "ETH", symbol: "ETH", decimals: 18 }, rpcUrls: { default: { http: ["https://zkevm-rpc.com"] } }, blockExplorers: { default: { name: "PolygonScan zkEVM", url: "https://www.oklink.com/polygon-zkevm" } } });
+var megaeth = viem.defineChain({ id: 4326, name: "MegaETH", network: "MegaETH", nativeCurrency: { name: "ETH", symbol: "ETH", decimals: 18 }, rpcUrls: { default: { http: ["https://mainnet.megaeth.com/rpc"] } }, blockExplorers: { default: { name: "MegaETH Explorer", url: "https://megaeth.blockscout.com/" } } });
+var pharos = viem.defineChain({ id: 1672, name: "Pharos", network: "Pharos", nativeCurrency: { name: "ETH", symbol: "ETH", decimals: 18 }, rpcUrls: { default: { http: ["https://rpc.pharos.xyz"] } }, blockExplorers: { default: { name: "Pharoscan", url: "https://pharosscan.xyz" } } });
+var kite = viem.defineChain({ id: 2366, name: "Kite", network: "Kite", nativeCurrency: { name: "ETH", symbol: "ETH", decimals: 18 }, rpcUrls: { default: { http: ["https://rpc.gokite.ai/"] } }, blockExplorers: { default: { name: "Kitescan", url: "https://kitescan.ai/" } } });
+var plasma = viem.defineChain({ id: 9745, name: "Plasma", network: "Plasma", nativeCurrency: { name: "ETH", symbol: "ETH", decimals: 18 }, rpcUrls: { default: { http: ["https://rpc.plasma.to"] } }, blockExplorers: { default: { name: "Plasma Explorer", url: "https://plasmascan.to" } }, testnet: true });
+var rari = viem.defineChain({ id: 1380012617, name: "RARI", network: "RARI", nativeCurrency: { name: "ETH", symbol: "ETH", decimals: 18 }, rpcUrls: { default: { http: ["https://mainnet.rpc.rarichain.org/http"] } }, blockExplorers: { default: { name: "RARI Explorer", url: "https://mainnet.explorer.rarichain.org/" } }, testnet: true });
+var stabletestnet = viem.defineChain({ id: 2201, name: "Stable Testnet", network: "Stable Testnet", nativeCurrency: { name: "STB", symbol: "STB", decimals: 18 }, rpcUrls: { default: { http: ["https://rpc.testnet.stable.xyz"] } }, blockExplorers: { default: { name: "Stablescan Testnet", url: "https://testnet.stablescan.xyz" } }, testnet: true });
+var giwa = viem.defineChain({ id: 91342, name: "GIWA Testnet", network: "GIWA Testnet", nativeCurrency: { name: "ETH", symbol: "ETH", decimals: 18 }, rpcUrls: { default: { http: ["https://sepolia-rpc.giwa.io"] } }, blockExplorers: { default: { name: "GIWA Explorer", url: "https://sepolia-explorer.giwa.io" } }, testnet: true });
+var robinhoodTestnet = viem.defineChain({ id: 46630, name: "Robinhood Testnet", network: "Robinhood Testnet", nativeCurrency: { name: "ETH", symbol: "ETH", decimals: 18 }, rpcUrls: { default: { http: ["https://rpc.testnet.chain.robinhood.com"] } }, blockExplorers: { default: { name: "Robinhood Explorer", url: "https://explorer.testnet.chain.robinhood.com/" } }, testnet: true });
+var litvm = viem.defineChain({ id: 4441, name: "LitVM Testnet", network: "LitVM Testnet", nativeCurrency: { name: "ETH", symbol: "ETH", decimals: 18 }, rpcUrls: { default: { http: ["https://liteforge.rpc.caldera.xyz/http"] } }, blockExplorers: { default: { name: "LitVM Explorer", url: "https://liteforge.explorer.caldera.xyz" } }, testnet: true });
+var supportedChains = [
+  // Mainnet (wagmi/chains)
+  chains$1.mainnet,
+  chains$1.arbitrum,
+  chains$1.optimism,
+  chains$1.unichain,
+  chains$1.base,
+  chains$1.ink,
+  chains$1.linea,
+  chains$1.soneium,
+  chains$1.bsc,
+  chains$1.worldchain,
+  chains$1.opBNB,
+  chains$1.mode,
+  chains$1.lisk,
+  chains$1.zksync,
+  chains$1.celo,
+  chains$1.polygon,
+  chains$1.avalanche,
+  chains$1.plumeMainnet,
+  chains$1.zora,
+  chains$1.sonic,
+  chains$1.berachain,
+  chains$1.bob,
+  chains$1.abstract,
+  chains$1.morph,
+  chains$1.taiko,
+  chains$1.scroll,
+  chains$1.hemi,
+  chains$1.xLayer,
+  chains$1.mantle,
+  chains$1.cronos,
+  chains$1.gravity,
+  chains$1.blast,
+  chains$1.manta,
+  chains$1.zircuit,
+  chains$1.xdc,
+  chains$1.sei,
+  chains$1.plume,
+  chains$1.gnosis,
+  chains$1.hashkey,
+  chains$1.flowMainnet,
+  chains$1.etherlink,
+  chains$1.ronin,
+  chains$1.flare,
+  chains$1.rootstock,
+  chains$1.iota,
+  chains$1.pulsechain,
+  // Mainnet (custom chains — not in wagmi/chains)
+  katana,
+  hyperevm,
+  stable,
+  monad,
+  metis,
+  polygonZkEvm,
+  megaeth,
+  pharos,
+  kite,
+  tempo,
+  plasma,
+  rari,
+  // Testnet (wagmi/chains)
+  chains$1.sepolia,
+  chains$1.arbitrumSepolia,
+  chains$1.optimismSepolia,
+  chains$1.baseSepolia,
+  chains$1.unichainSepolia,
+  chains$1.arcTestnet,
+  // Testnet (custom chains — not in wagmi/chains)
+  stabletestnet,
+  giwa,
+  robinhoodTestnet,
+  litvm
+];
 var CORS_FRIENDLY_RPC_MAP = {
+  // wagmi/chains mainnet
   1: "https://eth-mainnet.public.blastapi.io",
   8453: "https://mainnet.base.org",
   1868: "https://soneium.rpc.scs.startale.com",
   137: "https://polygon-rpc.com",
+  56: "https://bsc-dataseed.binance.org",
+  130: "https://rpc.therpc.io/unichain",
+  196: "https://rpc.xlayer.io",
   42161: "https://arbitrum.gateway.tenderly.co",
   10: "https://optimism.gateway.tenderly.co",
+  // Custom chains (mainnet)
+  4217: "https://rpc.tempo.xyz",
+  747474: "https://rpc.katana.network",
+  999: "https://rpc.hyperliquid.xyz/evm",
+  988: "https://rpc.stable.xyz",
+  143: "https://rpc.monad.xyz",
+  1088: "https://metis.api.onfinality.io/public",
+  1101: "https://zkevm-rpc.com",
+  4326: "https://mainnet.megaeth.com/rpc",
+  1672: "https://rpc.pharos.xyz",
+  2366: "https://rpc.gokite.ai/",
+  9745: "https://rpc.plasma.to",
+  1380012617: "https://mainnet.rpc.rarichain.org/http",
   // Testnet
   11155111: "https://ethereum-sepolia.publicnode.com",
   421614: "https://sepolia-rollup.arbitrum.io/rpc",
   11155420: "https://optimism-sepolia.gateway.tenderly.co",
   84532: "https://sepolia.base.org",
   1301: "https://sepolia.unichain.org",
-  5042002: "https://rpc.testnet.arc.network"
+  5042002: "https://rpc.testnet.arc.network",
+  // Custom chains (testnet)
+  2201: "https://rpc.testnet.stable.xyz",
+  91342: "https://sepolia-rpc.giwa.io",
+  46630: "https://rpc.testnet.chain.robinhood.com",
+  4441: "https://liteforge.rpc.caldera.xyz/http"
 };
 function buildStableTransports() {
   const transports = {};
@@ -474,6 +612,37 @@ function WalletConnectionStateSync() {
   useSyncWalletConnectedStore();
   return null;
 }
+function LoadingSkeleton() {
+  const { theme } = useWidgetTheme();
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    react.Box,
+    {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      justifyContent: "center",
+      w: { base: "100%", md: "480px" },
+      h: { base: "400px", md: "440px" },
+      borderRadius: "24px",
+      bg: theme.assistBgColor,
+      gap: 4,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          react.Box,
+          {
+            w: "40px",
+            h: "40px",
+            borderRadius: "full",
+            bg: theme.defaultBorderColor,
+            opacity: 0.4,
+            animation: "pulse 1.5s ease-in-out infinite"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: "14px", color: theme.defaultTextColor, children: "Loading chains and tokens..." })
+      ]
+    }
+  );
+}
 function ChainsAndTokensLoader({ children, config }) {
   const { data } = useChainsAndTokens(true);
   const { setChains, setSlippagePolicies } = useChainsStore();
@@ -530,7 +699,7 @@ function ChainsAndTokensLoader({ children, config }) {
   }, [filteredChains, filteredTokens, data, setChains, setTokens, setSlippagePolicies]);
   const isReady = filteredChains && filteredTokens;
   if (!isReady) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", height: "200px" }, children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Loading chains and tokens..." }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(LoadingSkeleton, {});
   }
   return /* @__PURE__ */ jsxRuntime.jsx(FavoritesProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(TokenFavoritesProvider, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(WalletConnectionStateSync, {}),
@@ -857,6 +1026,16 @@ var formatDate = (dateString) => {
   const formattedTime = `${month}/${day}/${year} ${hours}:${minutes}:${seconds}`;
   return formattedTime;
 };
+var dateFormatter = (isoString) => {
+  const date = new Date(isoString);
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const day = String(date.getDate()).padStart(2, "0");
+  const year = date.getFullYear();
+  const hours = String(date.getHours()).padStart(2, "0");
+  const minutes = String(date.getMinutes()).padStart(2, "0");
+  const seconds = String(date.getSeconds()).padStart(2, "0");
+  return `${month}/${day}/${year} ${hours}:${minutes}:${seconds}`;
+};
 
 // src/utils/address.ts
 var sliceAddress = (address, startLength = 4, endLength = 4) => {
@@ -928,25 +1107,6 @@ var isSolanaChain = (chain_id) => {
   return chain_id === SOLANA_MAINNET.chain_id;
 };
 
-// src/utils/shortLinkRegex.ts
-var toRegex = /^\/[a-zA-Z0-9]+$/;
-var toAndTokenRegex = /^\/(?!from)[a-zA-Z0-9-+]+&[a-zA-Z0-9-+.₮Ï]+$/;
-var fromRegex = /^\/from&[a-zA-Z0-9-+]+$/;
-var fromAndTokenRegex = /^\/from&[a-zA-Z0-9-+]+&[a-zA-Z0-9-+.₮Ï]+$/;
-var fromAndToRegex = /^\/[a-zA-Z0-9-+]+\/[a-zA-Z0-9-+]+$/;
-var fromAndTokenAndToAndTokenRegex = /^\/[a-zA-Z0-9-+]+&[a-zA-Z0-9-+.₮Ï]+\/[a-zA-Z0-9-+]+&[a-zA-Z0-9-+.₮Ï]+$/;
-var allRegexPatterns = [
-  toRegex,
-  toAndTokenRegex,
-  fromRegex,
-  fromAndTokenRegex,
-  fromAndToRegex,
-  fromAndTokenAndToAndTokenRegex
-];
-function matchesAnyPatternUsingArray(inputString) {
-  return allRegexPatterns.some((regex) => regex.test(inputString));
-}
-
 // src/utils/tokenSelectionCache.ts
 var TOKEN_SELECTION = "tokenSelection";
 var tokenSelectionStore = new localstorage_default(TOKEN_SELECTION);
@@ -1034,7 +1194,7 @@ var logger = {
   error: errorWithTimestamp,
   debug: debugWithTimestamp
 };
-var wagmiSupportedChains = [chains$1.mainnet, chains$1.base, chains$1.soneium, chains$1.polygon, chains$1.arbitrum, chains$1.optimism];
+var wagmiSupportedChains = [chains$1.mainnet, chains$1.base, chains$1.soneium, chains$1.polygon, chains$1.arbitrum, chains$1.optimism, chains$1.bsc];
 var getTxLink = (txHash, chainId) => {
   if (isSolanaChain(chainId)) {
     return `${SOLANA_MAINNET.explorerUrl}/tx/${txHash}`;
@@ -1106,20 +1266,6 @@ var isSolanaChain2 = (chain_id) => {
 };
 
 // src/core/hooks/useSwapAndBridgeContextStore.ts
-function findItemByName(arr, targetName) {
-  const foundItem = arr.find(
-    (item) => item.name.replace(/\s+/g, "").toLowerCase() === targetName.replace(/\s+/g, "").toLowerCase()
-  );
-  return [foundItem !== void 0, foundItem];
-}
-function findItemBySymbol(arr, targetName, chainId, platform_id) {
-  const foundItem = arr.find((item) => {
-    {
-      return item.symbol.replace(/\s+/g, "").toLowerCase() === targetName.replace(/\s+/g, "").toLowerCase() && item.chain_id === chainId;
-    }
-  });
-  return [foundItem !== void 0, foundItem];
-}
 var DEFAULT_FROM_TOKEN = {
   name: "Base",
   address: viem.zeroAddress,
@@ -1222,8 +1368,6 @@ var useInitSwapAndBridgeState = (config) => {
   const {
     setFromTokenInfo,
     setToTokenInfo,
-    setIsShortLink,
-    setShortLink,
     setFromAmount,
     setToAmount
   } = useSwapAndBridgeContextStore();
@@ -1233,11 +1377,6 @@ var useInitSwapAndBridgeState = (config) => {
   const address = useEvmAddress();
   const { resetTxState } = useTxStateContextStore();
   const hasInitialized = React5.useRef(false);
-  const currentPathname = React5.useMemo(() => {
-    if (typeof window === "undefined") return "/";
-    return window.location.pathname;
-  }, []);
-  const pathname = currentPathname;
   React5.useEffect(() => {
     if (hasInitialized.current) return;
     if (!chains || !tokens) return;
@@ -1279,46 +1418,8 @@ var useInitSwapAndBridgeState = (config) => {
         }
       }
     }
-    if (matchesAnyPatternUsingArray(pathname) && chains && tokens) {
-      setIsShortLink(true);
-      setShortLink(pathname);
-      try {
-        const decodedPath = decodeURIComponent(pathname);
-        const match = decodedPath.match(
-          /^\/([a-zA-Z0-9-+]+)&([a-zA-Z0-9-+.₮Ï]+)\/([a-zA-Z0-9-+]+)&([a-zA-Z0-9-+.₮Ï]+)$/
-        );
-        if (match) {
-          const [, fromChainName, fromTokenSymbol, toChainName, toTokenSymbol] = match;
-          const [, foundFromChain] = findItemByName(
-            chains,
-            fromChainName
-          );
-          const [, foundToChain] = findItemByName(
-            chains,
-            toChainName
-          );
-          if (foundFromChain && foundToChain && tokens) {
-            const [, foundFromToken] = findItemBySymbol(
-              tokens,
-              fromTokenSymbol,
-              foundFromChain.chain_id
-            );
-            const [, foundToToken] = findItemBySymbol(
-              tokens,
-              toTokenSymbol,
-              foundToChain.chain_id
-            );
-            if (foundFromToken && foundToToken) {
-              setFromTokenInfo(foundFromToken);
-              setToTokenInfo(foundToToken);
-            }
-          }
-        }
-      } catch {
-      }
-    }
     const cached = tokenSelectionStore.get(address || "default");
-    if (cached?.from && cached?.to && !matchesAnyPatternUsingArray(pathname)) {
+    if (cached?.from && cached?.to) {
       setFromTokenInfo(cached.from);
       setToTokenInfo(cached.to);
     }
@@ -1330,15 +1431,12 @@ var useInitSwapAndBridgeState = (config) => {
       resetTxState();
     };
   }, [
-    pathname,
     address,
     chains,
     tokens,
     config,
     setFromTokenInfo,
     setToTokenInfo,
-    setIsShortLink,
-    setShortLink,
     setFromAmount,
     setToAmount,
     setDifferentAddress,
@@ -2858,13 +2956,17 @@ var extractVPathSegment = () => {
   const match = pathname.match(/^\/v\/([a-zA-Z0-9-+]+)/);
   return match ? match[1] : "";
 };
-var toBigInt = (value) => {
-  try {
-    return BigInt(value);
-  } catch {
-    return BigInt(0);
-  }
-};
+function toBigInt(balance, decimals = 6) {
+  const balanceStr = typeof balance === "number" ? balance.toString() : balance;
+  const [integerPart, decimalPart = ""] = balanceStr.split(".");
+  const integerBigInt = BigInt(integerPart);
+  const neededDecimalDigits = Math.min(decimalPart.length, decimals);
+  const trimmedDecimal = decimalPart.slice(0, neededDecimalDigits);
+  const paddedDecimal = trimmedDecimal.padEnd(decimals, "0");
+  const decimalBigInt = BigInt(paddedDecimal);
+  const multiplier = BigInt(10 ** decimals);
+  return integerBigInt * multiplier + decimalBigInt;
+}
 function BackIcon(props = {}) {
   return React5.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2886,7 +2988,7 @@ function ArrowRightIcon(props = {}) {
     height: props.size || 16,
     ...props,
     style: { display: "inline-block", verticalAlign: "middle", ...props.style || {} },
-    dangerouslySetInnerHTML: { __html: `<circle cx="23.0434" cy="23.5005" r="22.9565" fill="#81728C" />
+    dangerouslySetInnerHTML: { __html: `<circle cx="23.0434" cy="23.5005" r="22.9565" fill="currentColor" />
   <path
     d="M14.0898 22.8301C14.0896 22.822 14.0889 22.8138 14.0889 22.8057C14.0889 22.3529 14.463 21.9813 14.9424 21.9365L15.0391 21.9316L29.0293 21.9316L25.582 18.7607C25.1215 18.3371 25.0489 17.7165 25.4199 17.375C25.7913 17.0335 26.466 17.1007 26.9268 17.5244L31.7939 22.001C32.1346 22.1339 32.374 22.4439 32.374 22.8057C32.374 22.8251 32.3715 22.8442 32.3701 22.8633C32.3705 22.874 32.3721 22.8847 32.3721 22.8955C32.3718 23.2561 32.1341 23.5657 31.7949 23.6992L26.9268 28.1768C26.4661 28.6002 25.7912 28.6674 25.4199 28.3262C25.0488 27.9848 25.1218 27.3641 25.582 26.9404L29.0293 23.7695L15.0371 23.7695L14.9404 23.7646C14.4611 23.7198 14.0872 23.3481 14.0869 22.8955C14.0869 22.8735 14.0881 22.8517 14.0898 22.8301Z"
     fill="white" />` }
@@ -3242,7 +3344,7 @@ var textRecipe = react.defineRecipe({
   }
 });
 var Heading = react.chakra("h2", headingRecipe);
-var Text = react.chakra("p", textRecipe);
+var Text2 = react.chakra("p", textRecipe);
 var isTouchDevice = () => {
   if (typeof window === "undefined") return false;
   return "ontouchstart" in window || navigator.maxTouchPoints > 0;
@@ -3370,6 +3472,12 @@ var FormButton = ({
 }) => {
   const { theme } = useWidgetTheme();
   const address = useEvmAddress();
+  const {
+    solanaWalletAddress,
+    isSolanaWalletConnected,
+    isEthWalletConnected,
+    evmWalletConnectorId
+  } = useWalletConnectedStore();
   const {
     address: wagmiAddress,
     connector,
@@ -3387,8 +3495,11 @@ var FormButton = ({
     return dynamicEvmWallet?.address || void 0;
   }, [userWallets]);
   const effectiveEvmAddress = React5.useMemo(
-    () => address || wagmiAddress || dynamicEvmWalletAddress || void 0,
-    [address, wagmiAddress, dynamicEvmWalletAddress]
+    () => {
+      if (!isEthWalletConnected) return void 0;
+      return address || wagmiAddress || dynamicEvmWalletAddress || void 0;
+    },
+    [address, wagmiAddress, dynamicEvmWalletAddress, isEthWalletConnected]
   );
   const { openModal, openConnectModal } = useWalletConnectModal();
   const slippage = address ? slippageStore.get(address) : void 0;
@@ -3417,15 +3528,9 @@ var FormButton = ({
   } = useUSDTHandler(fromTokenInfo.chain_id);
   const { isSelectPredictionChain, slippagePolicies, chains } = useChainsStore();
   const { differentAddress } = useDifferentAddressStore();
-  const {
-    solanaWalletAddress,
-    isSolanaWalletConnected,
-    isEthWalletConnected,
-    evmWalletConnectorId
-  } = useWalletConnectedStore();
   const connectors = wagmi.useConnectors();
   const hasEvmUiWallet = Boolean(
-    effectiveEvmAddress || isEthWalletConnected || isWagmiConnected
+    effectiveEvmAddress || isEthWalletConnected
   );
   const hasEvmExecutionWallet = Boolean(
     effectiveEvmAddress && (isWagmiConnected && connector || evmWalletConnectorId && connectors.some((c) => c.id === evmWalletConnectorId) || isEthWalletConnected && connectors.length > 0)
@@ -3919,7 +4024,7 @@ var FormButton = ({
   const renderButton = () => {
     if (errorMessage || quoteMessage) {
       return /* @__PURE__ */ jsxRuntime.jsx(react.Button, { ...buttonStyles, disabled: true, bg: theme.disabledButtonBg, children: /* @__PURE__ */ jsxRuntime.jsx(
-        Text,
+        Text2,
         {
           variant: {
             base: "content9",
@@ -3985,7 +4090,7 @@ var FormButton = ({
                     }
                   ),
                   /* @__PURE__ */ jsxRuntime.jsx(
-                    Text,
+                    Text2,
                     {
                       position: "absolute",
                       w: "28px",
@@ -4000,7 +4105,7 @@ var FormButton = ({
                 ]
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(Text, { children: "AI is Thinking the Best Price" })
+            /* @__PURE__ */ jsxRuntime.jsx(Text2, { children: "AI is Thinking the Best Price" })
           ] }) })
         }
       );
@@ -4192,13 +4297,13 @@ function filterTokenUnType(items, excludeTypes) {
 var mainnet3 = { id: 1 };
 
 // src/consts/monad.ts
-var monad = { id: 10143 };
+var monad2 = { id: 10143 };
 
 // src/consts/stable.ts
-var stable = { id: 1 };
+var stable2 = { id: 1 };
 
 // src/core/SelectTokenModal/hooks/useChainsAndTokensForSelect.ts
-[mainnet3.id, chains.base.id, chains.ink.id, chains.bsc.id, monad.id, chains.soneium.id, stable.id];
+[mainnet3.id, chains.base.id, chains.ink.id, chains.bsc.id, monad2.id, chains.soneium.id, stable2.id];
 var useChainsAndTokensForSelect = ({
   data,
   selectedChain,
@@ -4596,7 +4701,7 @@ var Network = ({
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsxs(
-                Text,
+                Text2,
                 {
                   variant: {
                     base: "content7",
@@ -4664,20 +4769,6 @@ function countLeadingZerosAfterDecimal(numStr) {
   if (firstNonZeroIndex === -1) return 0;
   return firstNonZeroIndex;
 }
-function findItemByName2(arr, targetName) {
-  const foundItem = arr.find(
-    (item) => item.name.replace(/\s+/g, "").toLowerCase() === targetName.replace(/\s+/g, "").toLowerCase()
-  );
-  return [foundItem !== void 0, foundItem];
-}
-function findItemBySymbol2(arr, targetName, chainId, platform_id) {
-  const foundItem = arr.find((item) => {
-    {
-      return item.symbol.replace(/\s+/g, "").toLowerCase() === targetName.replace(/\s+/g, "").toLowerCase() && item.chain_id === chainId;
-    }
-  });
-  return [foundItem !== void 0, foundItem];
-}
 var TokenAmountHeading = ({
   amount,
   decimals,
@@ -4685,13 +4776,14 @@ var TokenAmountHeading = ({
   suffix,
   ...props
 }) => {
+  const { theme } = useWidgetTheme();
   const _amount = formatTokenAmount({
     amount,
     decimals
   });
   const leadingZeros = countLeadingZerosAfterDecimal(_amount);
   if (leadingZeros > 5) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(Heading, { variant: "heading8", ...props, as: "div", children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(Heading, { variant: "heading8", ...props, as: "div", color: theme.defaultTextColor, whiteSpace: "nowrap", children: [
       prefix,
       " ",
       _amount.slice(0, 3),
@@ -4710,7 +4802,7 @@ var TokenAmountHeading = ({
       suffix
     ] });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(Heading, { variant: "heading11", ...props, as: "div", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Heading, { variant: "heading11", ...props, as: "div", color: theme.defaultTextColor, whiteSpace: "nowrap", children: [
     prefix,
     " ",
     _amount,
@@ -4731,7 +4823,7 @@ var TokenAmountText = ({
   });
   const leadingZeros = countLeadingZerosAfterDecimal(_amount);
   if (leadingZeros > 5) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(Text, { variant: "content8", ...props, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(Text2, { variant: "content8", ...props, children: [
       prefix,
       " ",
       _amount.slice(0, 3),
@@ -4750,7 +4842,7 @@ var TokenAmountText = ({
       suffix
     ] });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(Text, { variant: "content7", ...props, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Text2, { variant: "content7", ...props, children: [
     prefix,
     " ",
     _amount,
@@ -5063,7 +5155,7 @@ var TokenAndAddress = ({
               )
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              Text,
+              Text2,
               {
                 variant: {
                   base: "content9",
@@ -5091,7 +5183,7 @@ var TokenAndAddress = ({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            Text,
+            Text2,
             {
               variant: {
                 base: "content9",
@@ -5295,7 +5387,7 @@ var TokenList = ({
         }
       } else {
         return /* @__PURE__ */ jsxRuntime.jsx(react.HStack, { w: "100%", h: "50px", justify: "center", align: "center", children: /* @__PURE__ */ jsxRuntime.jsx(
-          Text,
+          Text2,
           {
             color: theme.weakTextColor,
             variant: {
@@ -5394,7 +5486,7 @@ var TokenList = ({
           cursor: "pointer",
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(react.Icon, { as: item.icon, boxSize: "14px" }),
-            /* @__PURE__ */ jsxRuntime.jsx(Text, { children: item.name })
+            /* @__PURE__ */ jsxRuntime.jsx(Text2, { children: item.name })
           ]
         },
         index
@@ -5694,7 +5786,7 @@ var MobileContent = React5.memo(function MobileContent2({
                     objectFit: "cover"
                   }
                 ) }),
-                /* @__PURE__ */ jsxRuntime.jsx(react.Icon, { as: ArrowDownIcon, boxSize: "16px" })
+                /* @__PURE__ */ jsxRuntime.jsx(react.Icon, { as: ArrowDownIcon, boxSize: "16px", color: theme.defaultTextColor })
               ]
             }
           )
@@ -5750,10 +5842,10 @@ var MobileContent = React5.memo(function MobileContent2({
                       children: [
                         /* @__PURE__ */ jsxRuntime.jsx(AllChainsIcon, {}),
                         /* @__PURE__ */ jsxRuntime.jsx(
-                          Text,
+                          Text2,
                           {
                             variant: "content6_1",
-                            color: "brand-grey1",
+                            color: theme.defaultTextColor,
                             whiteSpace: "nowrap",
                             children: "Chains with assets"
                           }
@@ -5765,7 +5857,7 @@ var MobileContent = React5.memo(function MobileContent2({
                 ]
               }
             ),
-            !isPreconfigured && /* @__PURE__ */ jsxRuntime.jsx(Text, { px: 2, color: theme.weakTextColor, variant: "content7", my: 2, children: "Popular" }),
+            !isPreconfigured && /* @__PURE__ */ jsxRuntime.jsx(Text2, { px: 2, color: theme.weakTextColor, variant: "content7", my: 2, children: "Popular" }),
             /* @__PURE__ */ jsxRuntime.jsxs(react.VStack, { w: "100%", align: "start", gap: 0, children: [
               popularChains?.map((chain) => /* @__PURE__ */ jsxRuntime.jsx(
                 Network,
@@ -5801,7 +5893,7 @@ var MobileContent = React5.memo(function MobileContent2({
                 chain.chain_id + "fav-chains"
               ))
             ] }),
-            !isPreconfigured && /* @__PURE__ */ jsxRuntime.jsx(Text, { px: 2, color: theme.weakTextColor, variant: "content7", my: 2, children: "Chains (A-Z)" }),
+            !isPreconfigured && /* @__PURE__ */ jsxRuntime.jsx(Text2, { px: 2, color: theme.weakTextColor, variant: "content7", my: 2, children: "Chains (A-Z)" }),
             /* @__PURE__ */ jsxRuntime.jsx(react.VStack, { w: "100%", align: "start", gap: 0, children: orderedChains?.filter((chain) => chain.is_testnet !== true)?.map((chain) => /* @__PURE__ */ jsxRuntime.jsx(
               Network,
               {
@@ -5818,7 +5910,7 @@ var MobileContent = React5.memo(function MobileContent2({
               chain.chain_id + "ordered-chains"
             )) }),
             !isSelectingFromToken && !isPreconfigured && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(Text, { px: 2, color: theme.weakTextColor, variant: "content7", my: 2, children: "Prediction" }),
+              /* @__PURE__ */ jsxRuntime.jsx(Text2, { px: 2, color: theme.weakTextColor, variant: "content7", my: 2, children: "Prediction" }),
               orderedPredictionChains?.map((chain) => /* @__PURE__ */ jsxRuntime.jsx(
                 Network,
                 {
@@ -5836,7 +5928,7 @@ var MobileContent = React5.memo(function MobileContent2({
                 chain.chain_id + "prediction-chains"
               ))
             ] }),
-            !isPreconfigured && /* @__PURE__ */ jsxRuntime.jsx(Text, { px: 2, color: theme.weakTextColor, variant: "content7", my: 2, children: "Testnet" }),
+            !isPreconfigured && /* @__PURE__ */ jsxRuntime.jsx(Text2, { px: 2, color: theme.weakTextColor, variant: "content7", my: 2, children: "Testnet" }),
             orderedChains?.filter((chain) => chain.is_testnet === true)?.map((chain) => /* @__PURE__ */ jsxRuntime.jsx(
               Network,
               {
@@ -6030,7 +6122,7 @@ var DesktopContent = ({
                           children: [
                             /* @__PURE__ */ jsxRuntime.jsx(AllChainsIcon, {}),
                             /* @__PURE__ */ jsxRuntime.jsx(
-                              Text,
+                              Text2,
                               {
                                 variant: "content6_1",
                                 color: theme.defaultTextColor,
@@ -6057,7 +6149,7 @@ var DesktopContent = ({
                   },
                   chain.chain_id + "search-chains"
                 )) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                  !isPreconfigured && /* @__PURE__ */ jsxRuntime.jsx(Text, { px: 2, color: theme.weakTextColor, variant: "content7", mb: 2, children: "Popular" }),
+                  !isPreconfigured && /* @__PURE__ */ jsxRuntime.jsx(Text2, { px: 2, color: theme.weakTextColor, variant: "content7", mb: 2, children: "Popular" }),
                   popularChains?.map((chain) => /* @__PURE__ */ jsxRuntime.jsx(
                     Network,
                     {
@@ -6085,7 +6177,7 @@ var DesktopContent = ({
                     },
                     chain.chain_id + "fav-chains"
                   )),
-                  !isPreconfigured && /* @__PURE__ */ jsxRuntime.jsx(Text, { px: 2, color: theme.weakTextColor, variant: "content7", my: 2, children: "Chains (A-Z)" }),
+                  !isPreconfigured && /* @__PURE__ */ jsxRuntime.jsx(Text2, { px: 2, color: theme.weakTextColor, variant: "content7", my: 2, children: "Chains (A-Z)" }),
                   orderedChains?.filter((chain) => chain.is_testnet === false)?.map((chain) => /* @__PURE__ */ jsxRuntime.jsx(
                     Network,
                     {
@@ -6101,7 +6193,7 @@ var DesktopContent = ({
                   )),
                   !isSelectingFromToken && !isPreconfigured && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                     /* @__PURE__ */ jsxRuntime.jsx(
-                      Text,
+                      Text2,
                       {
                         px: 2,
                         color: theme.weakTextColor,
@@ -6127,7 +6219,7 @@ var DesktopContent = ({
                       chain.chain_id + "prediction-chains"
                     ))
                   ] }),
-                  !isPreconfigured && /* @__PURE__ */ jsxRuntime.jsx(Text, { px: 2, color: theme.weakTextColor, variant: "content7", my: 2, children: "Testnet" }),
+                  !isPreconfigured && /* @__PURE__ */ jsxRuntime.jsx(Text2, { px: 2, color: theme.weakTextColor, variant: "content7", my: 2, children: "Testnet" }),
                   orderedChains?.filter((chain) => chain.is_testnet === true)?.map((chain) => /* @__PURE__ */ jsxRuntime.jsx(
                     Network,
                     {
@@ -6258,6 +6350,7 @@ var SelectTokenModal = ({
     allTokens: tokens
   });
   const { userHasSelectedFromNetwork, setUserHasSelectedFromNetwork } = useUserHasSelectedFromNetwork();
+  const prevUserHasSelectedRef = React5.useRef(userHasSelectedFromNetwork);
   const { chains } = useChainsStore();
   const [disableTestnetLimit, setDisableTestnetLimit] = React5.useState(false);
   const [tempSelectAll, setTempSelectAll] = React5.useState(false);
@@ -6292,6 +6385,8 @@ var SelectTokenModal = ({
           setTempSelectedPlatformId(null);
         }
       }
+      const userJustSelected = userHasSelectedFromNetwork && !prevUserHasSelectedRef.current;
+      prevUserHasSelectedRef.current = userHasSelectedFromNetwork;
       if (isSelectingFromToken) {
         if (isLoadingUserBalances) return;
         if (isArcTestnetShortLink) {
@@ -6305,7 +6400,9 @@ var SelectTokenModal = ({
           setSelectedChain(null);
         } else {
           setIsSelectAll(false);
-          setSelectedChain(fromChainId);
+          if (!userJustSelected) {
+            setSelectedChain(fromChainId);
+          }
         }
       } else {
         setIsSelectAll(false);
@@ -6557,7 +6654,7 @@ var TokenInfoCom = ({ tokenInfo, priority = false }) => {
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        Text,
+        Text2,
         {
           variant: {
             base: "content9",
@@ -6638,7 +6735,9 @@ var TokenSelectAndInput = ({
   const toTokenBalanceHyper = {
     formatted: toTokenBalanceHyperBack?.withdrawable,
     value: toBigInt(
-      toTokenBalanceHyperBack?.withdrawable ? toTokenBalanceHyperBack?.withdrawable : "0")
+      toTokenBalanceHyperBack?.withdrawable ? toTokenBalanceHyperBack?.withdrawable : "0",
+      6
+    )
   };
   React5.useEffect(() => {
     if (!isFrom) {
@@ -6827,7 +6926,7 @@ var TokenSelectAndInput = ({
         const loss = -(+toAmountToUsd - +fromAmountToUsd) / +fromAmountToUsd;
         if (loss >= 0.1) {
           return /* @__PURE__ */ jsxRuntime.jsx(
-            Text,
+            Text2,
             {
               as: "span",
               color: "#ff4267",
@@ -6862,7 +6961,7 @@ var TokenSelectAndInput = ({
     return /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { gap: 1, children: [
       renderSolanaWalletIcon(),
       /* @__PURE__ */ jsxRuntime.jsx(
-        Text,
+        Text2,
         {
           variant: "content8",
           backgroundColor: theme.highlightBgColor,
@@ -6879,7 +6978,7 @@ var TokenSelectAndInput = ({
     return /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { gap: 1, children: [
       walletIcon,
       /* @__PURE__ */ jsxRuntime.jsx(
-        Text,
+        Text2,
         {
           variant: "content8",
           backgroundColor: theme.highlightBgColor,
@@ -6898,7 +6997,7 @@ var TokenSelectAndInput = ({
           return /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { gap: 1, children: [
             walletIcon,
             /* @__PURE__ */ jsxRuntime.jsx(
-              Text,
+              Text2,
               {
                 variant: "content8",
                 backgroundColor: theme.assistBgColor,
@@ -6912,7 +7011,7 @@ var TokenSelectAndInput = ({
         }
         return /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { gap: 1, children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            Text,
+            Text2,
             {
               variant: "content8",
               backgroundColor: theme.assistBgColor,
@@ -6941,7 +7040,7 @@ var TokenSelectAndInput = ({
               cursor: "pointer",
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  Text,
+                  Text2,
                   {
                     variant: "content8",
                     backgroundColor: theme.assistBgColor,
@@ -6980,7 +7079,7 @@ var TokenSelectAndInput = ({
               cursor: "pointer",
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  Text,
+                  Text2,
                   {
                     variant: "content8",
                     backgroundColor: theme.assistBgColor,
@@ -7014,7 +7113,7 @@ var TokenSelectAndInput = ({
       return /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { gap: 1, children: [
         walletIcon,
         /* @__PURE__ */ jsxRuntime.jsx(
-          Text,
+          Text2,
           {
             variant: "content8",
             backgroundColor: theme.assistBgColor,
@@ -7074,7 +7173,7 @@ var TokenSelectAndInput = ({
                     border: "1px solid",
                     borderColor: theme.highlightTextColor,
                     onClick: () => handleQuickInput("50%"),
-                    children: /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "content9", color: theme.highlightTextColor, children: "50%" })
+                    children: /* @__PURE__ */ jsxRuntime.jsx(Text2, { variant: "content9", color: theme.highlightTextColor, children: "50%" })
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
@@ -7087,10 +7186,10 @@ var TokenSelectAndInput = ({
                     borderRadius: "4px",
                     bg: theme.highlightButtonBg,
                     onClick: () => handleQuickInput("Max"),
-                    children: /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "content9", color: theme.highlightButtonText, children: "Max" })
+                    children: /* @__PURE__ */ jsxRuntime.jsx(Text2, { variant: "content9", color: theme.highlightButtonText, children: "Max" })
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsxs(Text, { variant: "content8", color: theme.weakTextColor, children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(Text2, { variant: "content8", color: theme.weakTextColor, children: [
                   "Balance:",
                   " ",
                   tokenInfo.isSolana && solanaBalance ? solanaBalance.formatted : balance
@@ -7207,7 +7306,7 @@ var TokenSelectAndInput = ({
                       }
                     ),
                     /* @__PURE__ */ jsxRuntime.jsxs(
-                      Text,
+                      Text2,
                       {
                         variant: {
                           base: "content9",
@@ -7245,10 +7344,10 @@ var TokenSelectAndInput = ({
             bottom: ["6px", "8px"],
             left: 0,
             paddingRight: [2, 4],
-            children: !isFrom && !isDepositPlatformToken && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: tokenInfo.isSolana ? solanaWalletAddress && /* @__PURE__ */ jsxRuntime.jsxs(Text, { variant: "content8", children: [
+            children: !isFrom && !isDepositPlatformToken && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: tokenInfo.isSolana ? solanaWalletAddress && /* @__PURE__ */ jsxRuntime.jsxs(Text2, { variant: "content8", children: [
               "Balance: ",
               displayBalance
-            ] }) : address && /* @__PURE__ */ jsxRuntime.jsxs(Text, { variant: "content8", children: [
+            ] }) : address && /* @__PURE__ */ jsxRuntime.jsxs(Text2, { variant: "content8", children: [
               "Balance: ",
               displayBalance
             ] }) })
@@ -7342,7 +7441,7 @@ var TipsContent = ({
   const renderFee = (fee) => {
     if (fee === "0") {
       return /* @__PURE__ */ jsxRuntime.jsx(
-        Text,
+        Text2,
         {
           variant: "content9",
           color: "white",
@@ -7354,7 +7453,7 @@ var TipsContent = ({
       );
     }
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      Text,
+      Text2,
       {
         variant: {
           base: "content9",
@@ -7379,7 +7478,7 @@ var TipsContent = ({
     const sif = +swapImpactFee();
     if (toAmountToUsd === null) {
       return /* @__PURE__ */ jsxRuntime.jsx(
-        Text,
+        Text2,
         {
           variant: {
             base: "content9",
@@ -7392,7 +7491,7 @@ var TipsContent = ({
     }
     if (sif > 0 || sif === 0) {
       return /* @__PURE__ */ jsxRuntime.jsxs(
-        Text,
+        Text2,
         {
           variant: {
             base: "content9",
@@ -7407,7 +7506,7 @@ var TipsContent = ({
       );
     }
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      Text,
+      Text2,
       {
         variant: {
           base: "content9",
@@ -7442,7 +7541,7 @@ var TipsContent = ({
       ),
       /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { justify: "space-between", w: "100%", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          Text,
+          Text2,
           {
             variant: {
               base: "content9",
@@ -7456,7 +7555,7 @@ var TipsContent = ({
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { justify: "space-between", w: "100%", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          Text,
+          Text2,
           {
             variant: {
               base: "content9",
@@ -7467,7 +7566,7 @@ var TipsContent = ({
           }
         ),
         points === "0" && !fromTokenInfo.isSolana ? /* @__PURE__ */ jsxRuntime.jsx(
-          Text,
+          Text2,
           {
             variant: "content9",
             color: "white",
@@ -7506,7 +7605,7 @@ var TipsContent = ({
     ),
     /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { justify: "space-between", w: "100%", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        Text,
+        Text2,
         {
           variant: {
             base: "content9",
@@ -7520,7 +7619,7 @@ var TipsContent = ({
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { justify: "space-between", w: "100%", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        Text,
+        Text2,
         {
           variant: {
             base: "content9",
@@ -7537,7 +7636,7 @@ var TipsContent = ({
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { justify: "space-between", w: "100%", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        Text,
+        Text2,
         {
           variant: {
             base: "content9",
@@ -7548,7 +7647,7 @@ var TipsContent = ({
         }
       ),
       points === "0" && !fromTokenInfo.isSolana ? /* @__PURE__ */ jsxRuntime.jsx(
-        Text,
+        Text2,
         {
           variant: "content9",
           color: "white",
@@ -7605,7 +7704,7 @@ var TxInfo = ({
   const renderPriceImpactPercentage = () => {
     if (priceImpact.bridgeFee === "0" && priceImpact.dstGasFee === "0" && priceImpact.swapFee === "0") {
       return /* @__PURE__ */ jsxRuntime.jsx(
-        Text,
+        Text2,
         {
           variant: "content9",
           color: theme.highlightButtonText,
@@ -7620,17 +7719,17 @@ var TxInfo = ({
       const inPrice = Number(fromAmountToUsd.replace(/,/g, ""));
       const outPrice = Number(toAmountToUsd.replace(/,/g, ""));
       if (outPrice > inPrice) {
-        return /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: textVariant, color: theme.defaultTextColor, children: `+${((outPrice - inPrice) / inPrice * 100).toFixed(2)}%` });
+        return /* @__PURE__ */ jsxRuntime.jsx(Text2, { variant: textVariant, color: theme.defaultTextColor, children: `+${((outPrice - inPrice) / inPrice * 100).toFixed(2)}%` });
       }
-      return /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: textVariant, color: theme.defaultTextColor, children: `-${((inPrice - outPrice) / inPrice * 100).toFixed(2)}%` });
+      return /* @__PURE__ */ jsxRuntime.jsx(Text2, { variant: textVariant, color: theme.defaultTextColor, children: `-${((inPrice - outPrice) / inPrice * 100).toFixed(2)}%` });
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: textVariant, color: theme.defaultTextColor, children: "-" });
+    return /* @__PURE__ */ jsxRuntime.jsx(Text2, { variant: textVariant, color: theme.defaultTextColor, children: "-" });
   };
   const renderSoneiumScore = React5.useMemo(() => {
     if (fromTokenInfo.chain_id === 1868 && toTokenInfo.chain_id !== 1868 || fromTokenInfo.chain_id === 1868 && toTokenInfo.chain_id === 1868) {
       return /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { w: "100%", justify: "space-between", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: textVariant, color: theme.weakTextColor, children: "Soneium Score" }),
-        /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: textVariant, children: "+ 1" })
+        /* @__PURE__ */ jsxRuntime.jsx(Text2, { variant: textVariant, color: theme.weakTextColor, children: "Soneium Score" }),
+        /* @__PURE__ */ jsxRuntime.jsx(Text2, { variant: textVariant, children: "+ 1" })
       ] });
     }
     return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
@@ -7649,7 +7748,7 @@ var TxInfo = ({
           alignItems: "center",
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              Text,
+              Text2,
               {
                 variant: textVariant,
                 fontSize: ["10px", "12px"],
@@ -7666,7 +7765,7 @@ var TxInfo = ({
                 margin: "0 2px"
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: textVariant, fontSize: ["10px", "12px"], children: "Score" })
+            /* @__PURE__ */ jsxRuntime.jsx(Text2, { variant: textVariant, fontSize: ["10px", "12px"], children: "Score" })
           ]
         }
       );
@@ -7732,7 +7831,7 @@ var TxInfo = ({
         ] }, index);
       }) });
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: textVariant, children: router });
+    return /* @__PURE__ */ jsxRuntime.jsx(Text2, { variant: textVariant, children: router });
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(
     react.Collapsible.Root,
@@ -7762,7 +7861,7 @@ var TxInfo = ({
                     h: "14px"
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: textVariant, whiteSpace: "nowrap", children: isRateReversed ? `1 ${toTokenInfo.symbol} = ${fromAmountInUnit} ${fromTokenInfo.symbol}` : `1 ${fromTokenInfo.symbol} = ${toAmountInUnitStr} ${toTokenInfo.symbol}` })
+                /* @__PURE__ */ jsxRuntime.jsx(Text2, { variant: textVariant, whiteSpace: "nowrap", children: isRateReversed ? `1 ${toTokenInfo.symbol} = ${fromAmountInUnit} ${fromTokenInfo.symbol}` : `1 ${fromTokenInfo.symbol} = ${toAmountInUnitStr} ${toTokenInfo.symbol}` })
               ]
             }
           ),
@@ -7784,7 +7883,7 @@ var TxInfo = ({
         /* @__PURE__ */ jsxRuntime.jsx(react.Collapsible.Content, { w: "100%", pb: 1.5, color: theme.defaultTextColor, children: /* @__PURE__ */ jsxRuntime.jsxs(react.VStack, { w: "100%", align: "start", fontSize: "xs", gap: 3, children: [
           /* @__PURE__ */ jsxRuntime.jsxs(react.VStack, { bg: theme.defaultBgColor, p: 3, borderRadius: "12px", w: "100%", children: [
             /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { w: "100%", justify: "space-between", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: textVariant, color: theme.weakTextColor, children: "Price Impact" }),
+              /* @__PURE__ */ jsxRuntime.jsx(Text2, { variant: textVariant, color: theme.weakTextColor, children: "Price Impact" }),
               /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { gap: 1, children: [
                 renderPriceImpactPercentage(),
                 /* @__PURE__ */ jsxRuntime.jsx(
@@ -7814,14 +7913,14 @@ var TxInfo = ({
               ] })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { w: "100%", justify: "space-between", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: textVariant, color: theme.weakTextColor, children: "Slippage" }),
-              /* @__PURE__ */ jsxRuntime.jsxs(Text, { variant: textVariant, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Text2, { variant: textVariant, color: theme.weakTextColor, children: "Slippage" }),
+              /* @__PURE__ */ jsxRuntime.jsxs(Text2, { variant: textVariant, children: [
                 formatSlippage(slippage),
                 "%"
               ] })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { w: "100%", justify: "space-between", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: textVariant, color: theme.weakTextColor, children: "Min. Received" }),
+              /* @__PURE__ */ jsxRuntime.jsx(Text2, { variant: textVariant, color: theme.weakTextColor, children: "Min. Received" }),
               /* @__PURE__ */ jsxRuntime.jsx(react.HStack, { gap: 1, children: /* @__PURE__ */ jsxRuntime.jsx(
                 TokenAmountText,
                 {
@@ -7834,10 +7933,10 @@ var TxInfo = ({
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs(react.VStack, { bg: theme.defaultBgColor, p: 3, borderRadius: "12px", w: "100%", children: [
             /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { w: "100%", justify: "space-between", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: textVariant, color: theme.weakTextColor, children: "Estimated Time" }),
+              /* @__PURE__ */ jsxRuntime.jsx(Text2, { variant: textVariant, color: theme.weakTextColor, children: "Estimated Time" }),
               /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { gap: 1, children: [
                 /* @__PURE__ */ jsxRuntime.jsx(react.Icon, { boxSize: "14px", children: /* @__PURE__ */ jsxRuntime.jsx(TimeIcon, {}) }),
-                /* @__PURE__ */ jsxRuntime.jsxs(Text, { variant: textVariant, children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(Text2, { variant: textVariant, children: [
                   "~",
                   estimatedTime,
                   "s"
@@ -7845,11 +7944,11 @@ var TxInfo = ({
               ] })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { w: "100%", justify: "space-between", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: textVariant, color: theme.weakTextColor, children: "Recipient Address" }),
-              /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: textVariant, children: sliceAddress(recipient) })
+              /* @__PURE__ */ jsxRuntime.jsx(Text2, { variant: textVariant, color: theme.weakTextColor, children: "Recipient Address" }),
+              /* @__PURE__ */ jsxRuntime.jsx(Text2, { variant: textVariant, children: sliceAddress(recipient) })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { w: "100%", justify: "space-between", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: textVariant, color: theme.weakTextColor, children: "AI Router" }),
+              /* @__PURE__ */ jsxRuntime.jsx(Text2, { variant: textVariant, color: theme.weakTextColor, children: "AI Router" }),
               renderAiRouter()
             ] }),
             renderSoneiumScore
@@ -8256,10 +8355,6 @@ var DifferentAddressDialog = ({
   );
 };
 var DifferentAddressDialog_default = DifferentAddressDialog;
-var useRouter = () => ({ push: (_url) => {
-}, replace: (_url) => {
-} });
-var usePathname = () => "";
 var FormBody = ({
   getQuote,
   quoteInfo,
@@ -8271,6 +8366,7 @@ var FormBody = ({
   refetchQuote,
   config
 }) => {
+  const { theme } = useWidgetTheme();
   const {
     fromAmount,
     toAmount,
@@ -8286,129 +8382,8 @@ var FormBody = ({
   } = useSwapAndBridgeContextStore();
   const { chains } = useChainsStore();
   const { tokens } = useTokensStore();
-  const { replace: replaceLink } = useRouter();
-  const pathname = usePathname();
-  const { isTrendingOpen, setTrendingClientReact, setIsTrendingLonger } = { isTrendingOpen: false, setTrendingClientReact: (_v) => {
-  }, setIsTrendingLonger: (_v) => {
-  } };
-  const isMobile = react.useBreakpointValue({ base: true, md: false });
   const [isFromHyperChain, setIsFromHyperChain] = React5.useState(false);
   const [isToHyperChain, setIsToHyperChain] = React5.useState(false);
-  const updateSearchParams = React5.useCallback(
-    (params) => {
-      if (typeof window === "undefined") return;
-      const searchParams = window?.location?.search;
-      const newParams = new URLSearchParams(searchParams);
-      Object.entries(params).forEach(([key, value]) => {
-        newParams.set(key, value);
-      });
-      const newPath = decodeURIComponent(pathname.replace(/\/+$/, ""));
-      if (tokens && chains && matchesAnyPatternUsingArray(newPath)) {
-        if (toRegex.test(newPath)) {
-          const [exists, chainsInfo2] = findItemByName2(
-            chains || [],
-            newPath.replace("/", "")
-          );
-          if (!exists) return;
-          const foundItem = tokens.find(
-            (item) => item.chain_id === chainsInfo2?.chain_id
-          );
-          if (foundItem) {
-            newParams.set("to_chain", foundItem.chain_id.toString());
-            newParams.set("to_token", foundItem.address.toString());
-          }
-        } else if (toAndTokenRegex.test(newPath)) {
-          const arr = newPath.replace("/", "").split("&");
-          const [exists, chainsInfo2] = findItemByName2(chains, arr[0]);
-          if (!exists) return;
-          const [result, foundItem] = findItemBySymbol2(
-            tokens,
-            arr[1],
-            chainsInfo2?.chain_id
-          );
-          if (!result) return;
-          if (result && foundItem) {
-            newParams.set("to_chain", foundItem.chain_id.toString());
-            newParams.set("to_token", foundItem.address.toString());
-          }
-        } else if (fromRegex.test(newPath)) {
-          const arr = newPath.split("&");
-          const [exists, chainsInfo2] = findItemByName2(chains, arr[1]);
-          if (!exists) return;
-          const foundItem = tokens.find(
-            (item) => item.chain_id === chainsInfo2?.chain_id
-          );
-          if (foundItem) {
-            newParams.set("from_chain", foundItem.chain_id.toString());
-            newParams.set("from_token", foundItem.address.toString());
-          }
-        } else if (fromAndTokenRegex.test(newPath)) {
-          const arr = newPath.replace("/", "").split("&");
-          const [exists, chainsInfo2] = findItemByName2(chains, arr[0]);
-          if (!exists) return;
-          const [result, foundItem] = findItemBySymbol2(
-            tokens,
-            arr[1],
-            chainsInfo2?.chain_id
-          );
-          if (!result) return;
-          if (result && foundItem) {
-            newParams.set("from_chain", foundItem.chain_id.toString());
-            newParams.set("from_token", foundItem.address.toString());
-          }
-        } else if (fromAndToRegex.test(newPath)) {
-          const arr = newPath.split("/");
-          const [resultFrom, fromChainsInfo] = findItemByName2(chains, arr[1]);
-          if (!resultFrom) return;
-          const foundFromItem = tokens.find(
-            (item) => item.chain_id === fromChainsInfo?.chain_id
-          );
-          if (!foundFromItem) return;
-          newParams.set("from_chain", foundFromItem.chain_id.toString());
-          newParams.set("from_token", foundFromItem.address.toString());
-          const [resultTo, toChainsInfo] = findItemByName2(chains, arr[2]);
-          if (!resultTo) return;
-          const foundToItem = tokens.find(
-            (item) => item.chain_id === toChainsInfo?.chain_id
-          );
-          if (!foundToItem) return;
-          newParams.set("to_chain", foundToItem.chain_id.toString());
-          newParams.set("to_token", foundToItem.address.toString());
-        } else if (fromAndTokenAndToAndTokenRegex.test(newPath)) {
-          const arr = newPath.split("/");
-          const arrFrom = arr[1].split("&");
-          const [resultFrom, fromChainsInfo] = findItemByName2(
-            chains,
-            arrFrom[0]
-          );
-          if (!resultFrom) return;
-          const [resultFromToken, fromTokenInfo2] = findItemBySymbol2(
-            tokens,
-            arrFrom[1],
-            fromChainsInfo?.chain_id
-          );
-          if (!resultFromToken) return;
-          const arrTo = arr[2].split("&");
-          const [resultTo, toChainsInfo] = findItemByName2(chains, arrTo[0]);
-          if (!resultTo) return;
-          const [resultToToken, toTokenInfo2] = findItemBySymbol2(
-            tokens,
-            arrTo[1],
-            toChainsInfo?.chain_id
-          );
-          if (!resultToToken) return;
-          if (fromTokenInfo2 && toTokenInfo2) {
-            newParams.set("to_chain", toTokenInfo2.chain_id.toString());
-            newParams.set("to_token", toTokenInfo2.address.toString());
-            newParams.set("from_chain", fromTokenInfo2.chain_id.toString());
-            newParams.set("from_token", fromTokenInfo2.address.toString());
-          }
-        }
-      }
-      replaceLink(`${pathname.replace(pathname, "")}/?${newParams.toString()}`);
-    },
-    [pathname, replaceLink, chains, tokens]
-  );
   const [isModalOpen, setIsModalOpen] = React5.useState(false);
   const [isDifferentAddressDialogOpen, setIsDifferentAddressDialogOpen] = React5.useState(false);
   const [isSelectingFromToken, setIsSelectingFromToken] = React5.useState(false);
@@ -8432,20 +8407,24 @@ var FormBody = ({
     address,
     isToHyperChain
   );
-  const fromTokenBalanceHyper = {
+  const fromTokenBalanceHyper = React5.useMemo(() => ({
     decimals: 6,
     formatted: fromTokenBalanceHyperBack?.withdrawable,
     symbol: "USDC",
     value: toBigInt(
-      fromTokenBalanceHyperBack?.withdrawable ? fromTokenBalanceHyperBack?.withdrawable : "0")
-  };
-  const toTokenBalanceHyper = {
+      fromTokenBalanceHyperBack?.withdrawable ? fromTokenBalanceHyperBack?.withdrawable : "0",
+      6
+    )
+  }), [fromTokenBalanceHyperBack?.withdrawable]);
+  const toTokenBalanceHyper = React5.useMemo(() => ({
     decimals: 6,
     formatted: toTokenBalanceHyperBack?.withdrawable,
     symbol: "USDC",
     value: toBigInt(
-      toTokenBalanceHyperBack?.withdrawable ? toTokenBalanceHyperBack?.withdrawable : "0")
-  };
+      toTokenBalanceHyperBack?.withdrawable ? toTokenBalanceHyperBack?.withdrawable : "0",
+      6
+    )
+  }), [toTokenBalanceHyperBack?.withdrawable]);
   React5.useEffect(() => {
     if (fromTokenInfo.chain_id === hyperliquidChainId) {
       setIsFromHyperChain(true);
@@ -8615,15 +8594,12 @@ var FormBody = ({
   }, [tokens]);
   const handleSelectToken = React5.useCallback(
     (tokenInfo) => {
-      const params = {};
       const isTestnetChain = (chainId) => {
         const chainInfo = chains?.find((chain) => chain.chain_id === chainId);
         return chainInfo?.is_testnet === true;
       };
       if (isSelectingFromToken) {
         setFromTokenInfo(tokenInfo);
-        params.from_chain = tokenInfo.chain_id.toString();
-        params.from_token = tokenInfo.address;
         if (isTestnetChain(tokenInfo.chain_id)) {
           const isNativeToken = tokenInfo.tags?.includes("native") || tokenInfo.address === viem.zeroAddress;
           if (isNativeToken) {
@@ -8632,8 +8608,6 @@ var FormBody = ({
             );
             if (otherToken) {
               setToTokenInfo(otherToken);
-              params.to_chain = otherToken.chain_id.toString();
-              params.to_token = otherToken.address;
             }
           } else {
             const nativeToken = tokens?.find(
@@ -8641,16 +8615,12 @@ var FormBody = ({
             );
             if (nativeToken && (nativeToken.chain_id !== toTokenInfo?.chain_id || nativeToken.address !== toTokenInfo?.address)) {
               setToTokenInfo(nativeToken);
-              params.to_chain = nativeToken.chain_id.toString();
-              params.to_token = nativeToken.address;
             } else if (!nativeToken) {
               const otherToken = tokens?.find(
                 (t) => t.chain_id === tokenInfo.chain_id && t.address !== tokenInfo.address
               );
               if (otherToken) {
                 setToTokenInfo(otherToken);
-                params.to_chain = otherToken.chain_id.toString();
-                params.to_token = otherToken.address;
               }
             }
           }
@@ -8661,15 +8631,11 @@ var FormBody = ({
             );
             if (baseEthToken) {
               setToTokenInfo(baseEthToken);
-              params.to_chain = baseEthToken.chain_id.toString();
-              params.to_token = baseEthToken.address;
             }
           }
         }
       } else {
         setToTokenInfo(tokenInfo);
-        params.to_chain = tokenInfo.chain_id.toString();
-        params.to_token = tokenInfo.address;
         if (isTestnetChain(tokenInfo.chain_id)) {
           const isNativeToken = tokenInfo.tags?.includes("native") || tokenInfo.address === viem.zeroAddress;
           if (isNativeToken) {
@@ -8678,8 +8644,6 @@ var FormBody = ({
             );
             if (otherToken) {
               setFromTokenInfo(otherToken);
-              params.from_chain = otherToken.chain_id.toString();
-              params.from_token = otherToken.address;
             }
           } else {
             const nativeToken = tokens?.find(
@@ -8687,16 +8651,12 @@ var FormBody = ({
             );
             if (nativeToken && (nativeToken.chain_id !== fromTokenInfo?.chain_id || nativeToken.address !== fromTokenInfo?.address)) {
               setFromTokenInfo(nativeToken);
-              params.from_chain = nativeToken.chain_id.toString();
-              params.from_token = nativeToken.address;
             } else if (!nativeToken) {
               const otherToken = tokens?.find(
                 (t) => t.chain_id === tokenInfo.chain_id && t.address !== tokenInfo.address
               );
               if (otherToken) {
                 setFromTokenInfo(otherToken);
-                params.from_chain = otherToken.chain_id.toString();
-                params.from_token = otherToken.address;
               }
             }
           }
@@ -8707,13 +8667,10 @@ var FormBody = ({
             );
             if (soneiumEthToken) {
               setFromTokenInfo(soneiumEthToken);
-              params.from_chain = soneiumEthToken.chain_id.toString();
-              params.from_token = soneiumEthToken.address;
             }
           }
         }
       }
-      updateSearchParams(params);
       handleCloseModal();
       setQuoteInfo(initialQuoteInfo);
       saveTokenSelection();
@@ -8724,7 +8681,6 @@ var FormBody = ({
       setFromTokenInfo,
       setQuoteInfo,
       setToTokenInfo,
-      updateSearchParams,
       tokens,
       fromTokenInfo,
       toTokenInfo,
@@ -8742,12 +8698,6 @@ var FormBody = ({
     const _fromAmount = toAmount;
     setDifferentAddress(void 0);
     switchTokens();
-    updateSearchParams({
-      from_chain: _fromTokenInfo.chain_id.toString(),
-      from_token: _fromTokenInfo.address,
-      to_chain: _toTokenInfo.chain_id.toString(),
-      to_token: _toTokenInfo.address
-    });
     const _fromAddress = () => {
       if (_fromTokenInfo.isSolana) {
         return solanaWalletAddress || "";
@@ -8802,15 +8752,6 @@ var FormBody = ({
   const handleToAmountChange = (value) => {
     setToAmount(value);
   };
-  React5.useEffect(() => {
-    document.getElementById("js_main_form");
-  }, [
-    isMobile,
-    isTrendingOpen,
-    setTrendingClientReact,
-    quoteInfo,
-    setIsTrendingLonger
-  ]);
   React5.useEffect(() => {
     const refetchQuote2 = async () => {
       await getQuote({
@@ -8866,7 +8807,7 @@ var FormBody = ({
               transform: ["translate(-50%, -100%)", "translate(-50%, -82.5%)"],
               cursor: toTokenInfo.chain_id === hyperliquidChainId ? "default" : "pointer",
               onClick: handleSwitchTokens,
-              color: "#81728C",
+              color: theme.weakTextColor,
               boxSize: {
                 base: "20px",
                 md: "30px"
@@ -9111,7 +9052,9 @@ var SlippageSettings = ({ refetchQuote }) => {
             base: "20px",
             md: "22px"
           },
-          as: SettingsIcon
+          as: SettingsIcon,
+          position: "relative",
+          top: "-2px"
         }
       ),
       showYellowDot && /* @__PURE__ */ jsxRuntime.jsx(
@@ -9159,7 +9102,7 @@ var SlippageSettings = ({ refetchQuote }) => {
                       boxShadow: "0px 0px 10px 0px rgba(0, 0, 0, 0.1)"
                     },
                     content: /* @__PURE__ */ jsxRuntime.jsx(
-                      Text,
+                      Text2,
                       {
                         variant: {
                           base: "content8",
@@ -9194,7 +9137,7 @@ var SlippageSettings = ({ refetchQuote }) => {
                     top: 0,
                     right: 0,
                     children: /* @__PURE__ */ jsxRuntime.jsx(
-                      Text,
+                      Text2,
                       {
                         variant: {
                           base: "content9",
@@ -9225,7 +9168,7 @@ var SlippageSettings = ({ refetchQuote }) => {
                       borderRadius: "10px",
                       onClick: () => handlePresetClick(presetValue),
                       children: /* @__PURE__ */ jsxRuntime.jsxs(
-                        Text,
+                        Text2,
                         {
                           variant: {
                             base: "content9",
@@ -9313,7 +9256,7 @@ var SlippageSettings = ({ refetchQuote }) => {
                       }
                     ),
                     /* @__PURE__ */ jsxRuntime.jsx(
-                      Text,
+                      Text2,
                       {
                         variant: {
                           base: "content9",
@@ -9338,10 +9281,92 @@ var FormTop = ({
   quoteInfo,
   clearLockedRequestId,
   refreshInterval = 30,
-  hideCountdown = false
+  hideCountdown = false,
+  onHistoryClick
 }) => {
   const { isLoading: isLoadingRefresh } = useRefreshLoading();
   const { theme } = useWidgetTheme();
+  const { disconnect } = wagmi.useDisconnect();
+  const connectors = wagmi.useConnectors();
+  const { connector: wagmiConnector } = wagmi.useAccount();
+  const { removeWallet } = sdkReactCore.useDynamicContext();
+  const userWallets = sdkReactCore.useUserWallets();
+  const {
+    isEthWalletConnected,
+    evmWalletConnectorId,
+    isSolanaWalletConnected,
+    setEvmWalletInfo,
+    setIsEthWalletConnected,
+    setSolanaWalletAddress,
+    setIsSolanaWalletConnected,
+    setIsLoggingOut: setStoreLoggingOut,
+    setLastDisconnectTimestamp
+  } = useWalletConnectedStore();
+  const isAnyWalletConnected = isEthWalletConnected || isSolanaWalletConnected;
+  const [isLogoutDialogOpen, setIsLogoutDialogOpen] = React5.useState(false);
+  const [isLoggingOut, setIsLoggingOut] = React5.useState(false);
+  const handleLogout = React5.useCallback(async () => {
+    setIsLoggingOut(true);
+    setStoreLoggingOut(true);
+    const currentEvmConnectorId = evmWalletConnectorId;
+    try {
+      for (const wallet of userWallets) {
+        const walletId = wallet.id || wallet.walletId;
+        if (walletId) {
+          try {
+            await removeWallet(walletId);
+          } catch (e) {
+            console.error("Dynamic removeWallet failed:", e);
+          }
+        }
+      }
+      const evmConnector = connectors.find((c) => c.id === currentEvmConnectorId);
+      if (evmConnector) {
+        disconnect({ connector: evmConnector });
+      } else if (wagmiConnector) {
+        disconnect({ connector: wagmiConnector });
+      }
+      if (typeof window !== "undefined") {
+        window.localStorage.removeItem("wagmi.cache");
+        window.localStorage.removeItem("wagmi.wallet");
+        window.sessionStorage.removeItem("wagmi.cache");
+        window.sessionStorage.removeItem("wagmi.wallet");
+        const storages = [window.localStorage, window.sessionStorage];
+        storages.forEach((storage) => {
+          const keysToRemove = [];
+          for (let i = 0; i < storage.length; i++) {
+            const key = storage.key(i);
+            if (key && (key.startsWith("dynamic_") || key.includes("_dynamic_"))) {
+              keysToRemove.push(key);
+            }
+          }
+          keysToRemove.forEach((key) => storage.removeItem(key));
+        });
+      }
+      setEvmWalletInfo(null, null);
+      setIsEthWalletConnected(false);
+      setSolanaWalletAddress(null);
+      setIsSolanaWalletConnected(false);
+      setLastDisconnectTimestamp(Date.now());
+    } finally {
+      setStoreLoggingOut(false);
+      setIsLoggingOut(false);
+      setIsLogoutDialogOpen(false);
+    }
+  }, [
+    userWallets,
+    removeWallet,
+    connectors,
+    evmWalletConnectorId,
+    wagmiConnector,
+    disconnect,
+    setEvmWalletInfo,
+    setIsEthWalletConnected,
+    setSolanaWalletAddress,
+    setIsSolanaWalletConnected,
+    setStoreLoggingOut,
+    setLastDisconnectTimestamp
+  ]);
   const isPolling = Boolean(quoteInfo?.request_id && !isLoadingRefresh);
   const [countdown, setCountdown] = React5.useState(refreshInterval);
   React5.useEffect(() => {
@@ -9379,7 +9404,24 @@ var FormTop = ({
         children: "Bridge & Swap"
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { color: theme.weakTextColor || "#81728C", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { color: theme.weakTextColor, children: [
+      isAnyWalletConnected && /* @__PURE__ */ jsxRuntime.jsx(
+        react.Box,
+        {
+          w: "21px",
+          h: "21px",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          cursor: "pointer",
+          onClick: onHistoryClick,
+          title: "Transaction history",
+          children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("path", { fill: theme.weakTextColor, d: "M14 2l-8 8v20h22v-28h-14zM14 4.8v5.2h-5.2l5.2-5.2zM26 28h-18v-16h8v-8h10v24z" }),
+            /* @__PURE__ */ jsxRuntime.jsx("path", { fill: theme.weakTextColor, d: "M10 14h14v2h-14v-2zM10 18h14v2h-14v-2zM10 22h14v2h-14v-2z" })
+          ] })
+        }
+      ),
       /* @__PURE__ */ jsxRuntime.jsxs(
         react.HStack,
         {
@@ -9442,15 +9484,43 @@ var FormTop = ({
                 textAlign: "center",
                 lineHeight: "28px",
                 fontSize: "10px",
-                color: countdown <= 10 ? "#FF4D4F" : "#81728C",
+                color: countdown <= 10 ? theme.defaultTextColor : theme.highlightTextColor,
                 children: isPolling && !hideCountdown && countdown > 0 ? countdown : ""
               }
             )
           ]
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(SlippageSettings, { refetchQuote })
-    ] })
+      /* @__PURE__ */ jsxRuntime.jsx(SlippageSettings, { refetchQuote }),
+      isAnyWalletConnected && /* @__PURE__ */ jsxRuntime.jsx(
+        react.HStack,
+        {
+          w: "30px",
+          h: "30px",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          cursor: "pointer",
+          title: "Disconnect all wallets",
+          onClick: () => setIsLogoutDialogOpen(true),
+          children: /* @__PURE__ */ jsxRuntime.jsx(io.IoMdLogOut, { style: { width: "22px", height: "22px" }, color: theme.weakTextColor })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(react.Dialog.Root, { open: isLogoutDialogOpen, onOpenChange: (e) => setIsLogoutDialogOpen(e.open), children: /* @__PURE__ */ jsxRuntime.jsxs(react.Portal, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(react.Dialog.Backdrop, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(react.Dialog.Positioner, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsxRuntime.jsxs(react.Dialog.Content, { bgColor: theme.defaultBgColor, color: theme.defaultTextColor, width: ["90vw", "400px"], children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(react.Dialog.Header, { justifyContent: "center", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(react.Dialog.Title, { padding: "15px 0", children: "Disconnect Wallet" }),
+          /* @__PURE__ */ jsxRuntime.jsx(react.Dialog.CloseTrigger, {})
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(react.Dialog.Body, { marginBottom: "20px", children: /* @__PURE__ */ jsxRuntime.jsx(react.Text, { textAlign: "center", padding: ["0 15px", "0 30px"], children: "This operation will disconnect all connected wallets." }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(react.Dialog.Footer, { padding: ["10px 20px 20px"], justifyContent: "center", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(react.Dialog.ActionTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(react.Button, { variant: "outline", disabled: isLoggingOut, w: "100px", bgColor: theme.normalButtonBg, color: theme.normalButtonText, children: "Cancel" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(react.Button, { bgColor: theme.highlightButtonBg, color: theme.highlightButtonText, onClick: handleLogout, loading: isLoggingOut, w: "100px", children: "Disconnect" })
+        ] })
+      ] }) })
+    ] }) })
   ] });
 };
 var Timer = ({ stop, onTick }) => {
@@ -9497,7 +9567,7 @@ var Timer = ({ stop, onTick }) => {
     }
   }, [stop]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Text,
+    Text2,
     {
       variant: {
         base: "content8",
@@ -9879,7 +9949,7 @@ var TxState = ({
     if (isSolanaTransaction && solanaFromTxHash) {
       if (solanaStatus === "confirmed") {
         return /* @__PURE__ */ jsxRuntime.jsx(react.Link, { href: getSolanaTxLink(solanaFromTxHash), target: "_blank", children: /* @__PURE__ */ jsxRuntime.jsxs(
-          Text,
+          Text2,
           {
             variant: {
               base: "content9",
@@ -9897,7 +9967,7 @@ var TxState = ({
       }
       if (solanaStatus === "failed") {
         return /* @__PURE__ */ jsxRuntime.jsx(
-          Text,
+          Text2,
           {
             variant: {
               base: "content9",
@@ -9909,7 +9979,7 @@ var TxState = ({
         );
       }
       return /* @__PURE__ */ jsxRuntime.jsx(
-        Text,
+        Text2,
         {
           variant: {
             base: "content9",
@@ -9927,7 +9997,7 @@ var TxState = ({
           href: getTxLink(fromTxHash, fromTokenInfo.chain_id),
           target: "_blank",
           children: /* @__PURE__ */ jsxRuntime.jsxs(
-            Text,
+            Text2,
             {
               variant: {
                 base: "content9",
@@ -9947,7 +10017,7 @@ var TxState = ({
     }
     if (fromTxHash && receiptStatus === "failed" || isFetched) {
       return /* @__PURE__ */ jsxRuntime.jsx(
-        Text,
+        Text2,
         {
           variant: {
             base: "content9",
@@ -9960,7 +10030,7 @@ var TxState = ({
     }
     if (isTransactionBlocked) {
       return /* @__PURE__ */ jsxRuntime.jsx(
-        Text,
+        Text2,
         {
           variant: {
             base: "content9",
@@ -9972,7 +10042,7 @@ var TxState = ({
       );
     }
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Text,
+      Text2,
       {
         variant: {
           base: "content9",
@@ -10122,7 +10192,7 @@ var TxState = ({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            Text,
+            Text2,
             {
               variant: {
                 base: "content8",
@@ -10134,7 +10204,7 @@ var TxState = ({
           )
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          Text,
+          Text2,
           {
             variant: {
               base: "content8",
@@ -10186,6 +10256,7 @@ var TxState = ({
               md: "16px"
             },
             w: "100%",
+            backgroundColor: theme.assistBgColor,
             children: /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { w: "100%", justify: "space-between", gap: 1, children: [
               /* @__PURE__ */ jsxRuntime.jsx(
                 BoxWithBg,
@@ -10229,6 +10300,7 @@ var TxState = ({
                     base: "20px",
                     md: "32px"
                   },
+                  color: theme.weakTextColor,
                   as: ArrowRightIcon
                 }
               ),
@@ -10275,7 +10347,7 @@ var TxState = ({
                           ),
                           target: "_blank",
                           children: /* @__PURE__ */ jsxRuntime.jsxs(
-                            Text,
+                            Text2,
                             {
                               variant: {
                                 base: "content9",
@@ -10292,7 +10364,7 @@ var TxState = ({
                           )
                         }
                       ) : /* @__PURE__ */ jsxRuntime.jsx(
-                        Text,
+                        Text2,
                         {
                           variant: {
                             base: "content9",
@@ -10326,7 +10398,7 @@ var TxState = ({
                 /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { gap: 1, children: [
                   /* @__PURE__ */ jsxRuntime.jsx(react.Icon, { as: DateIcon }),
                   /* @__PURE__ */ jsxRuntime.jsx(
-                    Text,
+                    Text2,
                     {
                       variant: {
                         base: "content8",
@@ -10338,7 +10410,7 @@ var TxState = ({
                   )
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  Text,
+                  Text2,
                   {
                     variant: {
                       base: "content8",
@@ -10353,7 +10425,7 @@ var TxState = ({
                 /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { gap: 1, children: [
                   /* @__PURE__ */ jsxRuntime.jsx(react.Icon, { as: TimeIcon }),
                   /* @__PURE__ */ jsxRuntime.jsx(
-                    Text,
+                    Text2,
                     {
                       variant: {
                         base: "content8",
@@ -10376,7 +10448,7 @@ var TxState = ({
                 /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { gap: 1, children: [
                   /* @__PURE__ */ jsxRuntime.jsx(react.Icon, { as: MoneyIcon }),
                   /* @__PURE__ */ jsxRuntime.jsx(
-                    Text,
+                    Text2,
                     {
                       variant: {
                         base: "content8",
@@ -10388,7 +10460,7 @@ var TxState = ({
                   )
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  Text,
+                  Text2,
                   {
                     variant: {
                       base: "content8",
@@ -10409,6 +10481,381 @@ var TxState = ({
     }
   ) });
 };
+async function getOrderHistory(address, offset = 0, limit = 4) {
+  const url = `${BASE_API_URL}/v1/orders`;
+  const res = await axios6__default.default.get(url, {
+    params: {
+      address: Array.isArray(address) ? address : [address],
+      offset,
+      limit
+    },
+    paramsSerializer: {
+      indexes: null
+    }
+  });
+  return res.data;
+}
+var useOrderHistory = (address, address2, offset, limit) => {
+  const addresses = address && address2 ? [address, address2] : address;
+  return reactQuery.useQuery({
+    queryKey: ["orderHistory", addresses, offset],
+    queryFn: () => addresses ? getOrderHistory(addresses, offset, limit) : Promise.reject("No address provided"),
+    enabled: !!addresses,
+    placeholderData: reactQuery.keepPreviousData,
+    refetchOnWindowFocus: false
+  });
+};
+function SuccessIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsx(react.Box, { w: "16px", h: "16px", borderRadius: "full", bg: "#00CBB3", display: "flex", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "10", height: "8", viewBox: "0 0 10 8", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M1 4L3.5 6.5L9 1", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) });
+}
+function ErrorIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsx(react.Box, { w: "16px", h: "16px", borderRadius: "full", bg: "#FF4267", display: "flex", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M1 1L7 7M7 1L1 7", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }) }) });
+}
+function PendingIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsx(react.Box, { w: "16px", h: "16px", borderRadius: "full", bg: "#FFD200", display: "flex", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "4", cy: "4", r: "3", stroke: "white", strokeWidth: "1.5" }) }) });
+}
+function getStatusIcon(status) {
+  switch (status) {
+    case "Filled":
+      return /* @__PURE__ */ jsxRuntime.jsx(SuccessIcon, {});
+    case "Refund":
+    case "Failed":
+      return /* @__PURE__ */ jsxRuntime.jsx(ErrorIcon, {});
+    case "Open":
+      return /* @__PURE__ */ jsxRuntime.jsx(PendingIcon, {});
+    default:
+      return /* @__PURE__ */ jsxRuntime.jsx(SuccessIcon, {});
+  }
+}
+function OrderHistoryItem({ order }) {
+  const { theme } = useWidgetTheme();
+  const fromTokenInfo = order.from_token_info;
+  const toTokenInfo = order.to_token_info;
+  const isSameChainSwap = order.from_chain === order.to_chain;
+  const renderTxLink = (txHash, chainId, label) => {
+    const link = getTxLink(txHash, chainId);
+    if (!link) {
+      return /* @__PURE__ */ jsxRuntime.jsx(Text2, { variant: "content8", color: theme.defaultTextColor, children: sliceAddress(txHash, 6) });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("a", { href: link, target: "_blank", rel: "noreferrer", style: { textDecoration: "none" }, children: /* @__PURE__ */ jsxRuntime.jsx(react.HStack, { gap: 1, children: /* @__PURE__ */ jsxRuntime.jsx(Text2, { variant: "content8", color: theme.highlightTextColor, children: sliceAddress(txHash, 6) }) }) });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    react.Box,
+    {
+      w: "100%",
+      borderRadius: "12px",
+      p: "10px 15px",
+      bg: theme.assistBgColor,
+      _hover: { bg: theme.highlightBgColor },
+      transition: "background 0.15s",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { justify: "center", mb: 2, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { gap: 1.5, children: [
+            getStatusIcon(isSameChainSwap ? "Filled" : order.status),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Text2,
+              {
+                variant: "content7",
+                color: theme.defaultTextColor || "#15003E",
+                fontWeight: 500,
+                children: isSameChainSwap ? "Filled" : order.status
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(Text2, { variant: "content8", color: theme.weakTextColor || "#81728C", children: dateFormatter(order.open_timestamp) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { justify: "space-between", w: "100%", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { gap: 2, mb: 1.5, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(react.Box, { w: "32px", h: "32px", flexShrink: 0, marginRight: "10px", children: /* @__PURE__ */ jsxRuntime.jsx(
+              TokenIconWithNetworkLogo,
+              {
+                w: "100%",
+                h: "100%",
+                tokenInfo: fromTokenInfo
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsxs(react.VStack, { align: "start", gap: 0.5, flex: 1, w: "80px", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                TokenAmountHeading,
+                {
+                  amount: new biFraction.Fraction(order.from_amount),
+                  decimals: fromTokenInfo?.decimals,
+                  suffix: fromTokenInfo?.symbol,
+                  variant: "heading12"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(react.HStack, { gap: 1, children: renderTxLink(order.open_tx_hash, order.from_chain) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(react.HStack, { justify: "center", my: 0.5, flex: 1, children: /* @__PURE__ */ jsxRuntime.jsx(hi2.HiMiniArrowRight, { color: theme.weakTextColor, width: "30px", height: "30px" }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { gap: 2, mt: 0, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(react.VStack, { align: "start", gap: 0.5, flex: 1, w: "80px", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                TokenAmountHeading,
+                {
+                  amount: new biFraction.Fraction(order.to_amount || order.amount_out || "0"),
+                  decimals: toTokenInfo?.decimals,
+                  suffix: toTokenInfo?.symbol,
+                  variant: "heading12",
+                  justifyContent: "flex-end",
+                  width: "100%",
+                  display: "flex"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(react.HStack, { gap: 1, justifyContent: "flex-end", w: "100%", children: isSameChainSwap ? renderTxLink(order.open_tx_hash, order.from_chain) : order.fill_tx_hash ? renderTxLink(order.fill_tx_hash, order.to_chain) : /* @__PURE__ */ jsxRuntime.jsx(Text2, { variant: "content8", color: theme.defaultTextColor, children: "Receiving..." }) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(react.Box, { w: "32px", h: "32px", flexShrink: 0, marginRight: "10px", marginLeft: "3px", children: /* @__PURE__ */ jsxRuntime.jsx(
+              TokenIconWithNetworkLogo,
+              {
+                w: "100%",
+                h: "100%",
+                tokenInfo: toTokenInfo
+              }
+            ) })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+var PaginationButton = ({
+  currentPage,
+  page,
+  onClick
+}) => {
+  const { theme } = useWidgetTheme();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    react.Box,
+    {
+      bg: currentPage === page ? theme.highlightButtonBg : "transparent",
+      color: currentPage === page ? theme.highlightButtonText : theme.weakTextColor,
+      w: "24px",
+      h: "24px",
+      borderRadius: "full",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      cursor: "pointer",
+      onClick,
+      fontSize: "12px",
+      fontWeight: 500,
+      transition: "all 0.2s",
+      children: page
+    }
+  );
+};
+function OrderHistoryPagination({
+  currentPage,
+  totalPages,
+  setCurrentPage
+}) {
+  const { theme } = useWidgetTheme();
+  const handlePrevious = () => {
+    if (currentPage > 1) setCurrentPage(currentPage - 1);
+  };
+  const handleNext = () => {
+    if (currentPage < totalPages) setCurrentPage(currentPage + 1);
+  };
+  if (totalPages <= 1) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    react.HStack,
+    {
+      justify: "space-between",
+      align: "center",
+      pt: 2,
+      pb: 1,
+      gap: 2,
+      w: "100%",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          react.Button,
+          {
+            variant: "plain",
+            onClick: handlePrevious,
+            disabled: currentPage === 1,
+            h: "28px",
+            minW: "28px",
+            p: 0,
+            children: /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { gap: 0, color: currentPage === 1 ? theme.disabledButtonText || "#B5B5B5" : theme.defaultTextColor || "#15003E", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(BackIcon, { size: 20 }),
+              /* @__PURE__ */ jsxRuntime.jsx(Text2, { variant: "content7", fontSize: "11px", children: "Prev" })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(react.HStack, { gap: 1, color: theme.weakTextColor || "#81728C", children: totalPages <= 7 ? Array.from({ length: totalPages }, (_, i) => i + 1).map((page) => /* @__PURE__ */ jsxRuntime.jsx(
+          PaginationButton,
+          {
+            currentPage,
+            page,
+            onClick: () => setCurrentPage(page)
+          },
+          page
+        )) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            PaginationButton,
+            {
+              currentPage,
+              page: 1,
+              onClick: () => setCurrentPage(1)
+            }
+          ),
+          currentPage > 4 && /* @__PURE__ */ jsxRuntime.jsx(Text2, { variant: "content7", fontSize: "12px", children: "..." }),
+          Array.from({ length: 3 }, (_, i) => {
+            const page = currentPage - 1 + i;
+            if (page > 1 && page < totalPages) {
+              return /* @__PURE__ */ jsxRuntime.jsx(
+                PaginationButton,
+                {
+                  currentPage,
+                  page,
+                  onClick: () => setCurrentPage(page)
+                },
+                page
+              );
+            }
+            return null;
+          }),
+          currentPage < totalPages - 3 && /* @__PURE__ */ jsxRuntime.jsx(Text2, { variant: "content7", fontSize: "12px", children: "..." }),
+          totalPages > 1 && /* @__PURE__ */ jsxRuntime.jsx(
+            PaginationButton,
+            {
+              currentPage,
+              page: totalPages,
+              onClick: () => setCurrentPage(totalPages)
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          react.Button,
+          {
+            variant: "plain",
+            onClick: handleNext,
+            disabled: currentPage === totalPages,
+            h: "28px",
+            minW: "28px",
+            p: 0,
+            children: /* @__PURE__ */ jsxRuntime.jsxs(
+              react.HStack,
+              {
+                gap: 0,
+                color: currentPage === totalPages ? theme.disabledButtonText || "#B5B5B5" : theme.defaultTextColor || "#15003E",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(Text2, { variant: "content7", fontSize: "11px", children: "Next" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(react.Box, { transform: "rotate(180deg)", children: /* @__PURE__ */ jsxRuntime.jsx(BackIcon, { size: 20 }) })
+                ]
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+var PAGE_SIZE = 4;
+function OrderHistory({ address, solanaAddress, onBack }) {
+  const { theme } = useWidgetTheme();
+  const [currentPage, setCurrentPage] = React5.useState(1);
+  const [offset, setOffset] = React5.useState(0);
+  const { data, isLoading, error, isFetching } = useOrderHistory(
+    address,
+    solanaAddress,
+    offset,
+    PAGE_SIZE
+  );
+  const totalItems = data?.total || 0;
+  const totalPages = Math.ceil(totalItems / PAGE_SIZE);
+  const currentOrders = data?.orders || [];
+  const handlePageChange = (page) => {
+    const newOffset = (page - 1) * PAGE_SIZE;
+    setOffset(newOffset);
+    setCurrentPage(page);
+  };
+  const renderContent = () => {
+    if (isLoading) {
+      return /* @__PURE__ */ jsxRuntime.jsxs(react.VStack, { gap: 4, py: 10, align: "center", w: "100%", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(react.Spinner, { size: "md", color: theme.highlightTextColor }),
+        /* @__PURE__ */ jsxRuntime.jsx(Text2, { variant: "content7", color: theme.weakTextColor || "#81728C", children: "Loading transactions..." })
+      ] });
+    }
+    if (error) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        react.Box,
+        {
+          border: "1px solid #FF4267",
+          borderRadius: "8px",
+          p: 3,
+          my: 4,
+          bg: "#FFF5F5",
+          children: /* @__PURE__ */ jsxRuntime.jsx(Text2, { variant: "content7", color: "#FF4267", textAlign: "center", children: "Failed to load transaction history. Please try again." })
+        }
+      );
+    }
+    if (currentOrders.length === 0) {
+      const emptyColor = theme.defaultBorderColor || "#E0D8E8";
+      return /* @__PURE__ */ jsxRuntime.jsxs(react.VStack, { gap: 4, py: 10, align: "center", w: "100%", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "8", width: "40", height: "32", rx: "4", stroke: emptyColor, strokeWidth: "2", fill: "none" }),
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 20H32", stroke: emptyColor, strokeWidth: "2", strokeLinecap: "round" }),
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 28H28", stroke: emptyColor, strokeWidth: "2", strokeLinecap: "round" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(Text2, { variant: "content7", color: theme.weakTextColor || "#81728C", textAlign: "center", children: "No transaction history yet" })
+      ] });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs(react.Box, { position: "relative", w: "100%", children: [
+      isFetching && /* @__PURE__ */ jsxRuntime.jsx(
+        react.Box,
+        {
+          position: "absolute",
+          zIndex: 10,
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          children: /* @__PURE__ */ jsxRuntime.jsx(react.Spinner, { size: "sm", color: theme.highlightTextColor })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(react.VStack, { gap: 2.5, w: "100%", children: currentOrders.map((order) => /* @__PURE__ */ jsxRuntime.jsx(OrderHistoryItem, { order }, order.order_id)) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        OrderHistoryPagination,
+        {
+          currentPage,
+          totalPages,
+          setCurrentPage: handlePageChange
+        }
+      )
+    ] });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(react.VStack, { w: "100%", gap: 4, align: "start", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { w: "100%", justify: "space-between", align: "center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        react.Button,
+        {
+          variant: "plain",
+          onClick: onBack,
+          h: "24px",
+          minW: "24px",
+          p: 0,
+          children: /* @__PURE__ */ jsxRuntime.jsx(ri.RiArrowGoBackFill, { color: theme.defaultTextColor, size: 20 })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Text2,
+        {
+          color: theme.defaultTextColor,
+          textAlign: "center",
+          fontWeight: 600,
+          fontSize: "16px",
+          children: "Transaction history"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(react.Box, { w: "24px" })
+    ] }),
+    renderContent()
+  ] });
+}
 var initialQuoteInfo = {
   isFetching: false,
   error: null,
@@ -10457,6 +10904,7 @@ var MainForm = ({ config }) => {
   const refreshIntervalRef = React5.useRef(30);
   const timerRef = React5.useRef(null);
   const isQuoteStoppedRef = React5.useRef(false);
+  const [showHistory, setShowHistory] = React5.useState(false);
   const { differentAddress } = useDifferentAddressStore();
   const { chains, slippagePolicies } = useChainsStore();
   const prevAddressRef = React5.useRef(address);
@@ -10861,6 +11309,16 @@ var MainForm = ({ config }) => {
         }
       ) });
     }
+    if (showHistory) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        OrderHistory,
+        {
+          address,
+          solanaAddress: solanaWalletAddress || void 0,
+          onBack: () => setShowHistory(false)
+        }
+      );
+    }
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         FormTop,
@@ -10869,7 +11327,8 @@ var MainForm = ({ config }) => {
           quoteInfo,
           clearLockedRequestId,
           refreshInterval,
-          hideCountdown: isETHtoETHBridge(fromTokenInfo, toTokenInfo, chains)
+          hideCountdown: isETHtoETHBridge(fromTokenInfo, toTokenInfo, chains),
+          onHistoryClick: () => setShowHistory(true)
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -10940,7 +11399,23 @@ var MainForm = ({ config }) => {
                     src: "https://wheelx.fi/images/success-sprites.png",
                     alt: "success"
                   }
-                )
+                ),
+                !showHistory && /* @__PURE__ */ jsxRuntime.jsx(react.HStack, { w: "100%", justifyContent: "center", alignItems: "center", opacity: "0.7", fontSize: "13px", children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: "https://wheelx.fi/", target: "_blank", style: { display: "block" }, children: /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { color: theme.weakTextColor, fontSize: "12px", alignContent: "center", alignItems: "center", w: "100%", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(react.Box, { children: "Powered by" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    react.Box,
+                    {
+                      w: "14px",
+                      h: "14px",
+                      backgroundColor: "currentColor",
+                      maskSize: "contain",
+                      maskRepeat: "no-repeat",
+                      maskPosition: "center center",
+                      maskImage: "url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA/CAMAAACLtlvuAAAAeFBMVEUAAAAVAD4VAD4VAD4VAD4VAD4dAEAUAD8VAD4VAD8VAD4VAD4VAD8XAD8VAD4VAD4VAD4XAD8XAD8VAD4VAD4VAD8VAD8XAD8XAD8VAD4WAD8WAD8WAD8VAD4XAD8XAD8XAD8WAD4VAD4VAD4WAD8WAD8VAD4TAD0voTQoAAAAJnRSTlMA+ufG7bEXnPRh0KlsPuHZj3RDvLZWSiwfl1wwE6MmDAaIfcE6USqlGmwAAAMlSURBVEjHnZbpgqowDEZTFqnsiCgoAm4f7/+GVypMpkivjueXSo6pNWlD/2GfC+E29BU7KKKv5BgK/8vE36deT/L9Czma5D19wRWKLX3CJk1v2gfu4AaGGJ3tLLSJKjw4rYvWEMMEUHijObwVthS5A0Be2t8x1dw9YqQc9soCrocVkSWGQstiIF89XnCM4Y/Z0cqHc6AHSla06ZDvzjE6xc+3boCCiOWRFP4FI5uZXMuxGD24RAsylRYEFFZLM0I8EWvSZeYERX+gFwoH2Ma4klG2AenA2tEC3ZFC2HAN8srpd2fcqaNljv2ZqvlvZndNFFtkQiZE5MFdkGtrcKnpTwb3giNNNsucl2NeaXEiYptldh+IqyFxSZMdsKy7lC33t2MTEedmWbm8Pm9pq3EgzVaycrWy2IoF+YyaZnYGpG2n9plZa+tehWm4IvJjIs2+JnggJfRyLBFSmaVhzUfshoRLDFfy68mBs2p+Ef10uLzJ8/z8m9jPH1hQdkkenrgy1I86/HA2LCklC08cBx8iMJKTjyeJE+c2kyccbQ0P+ImFEZcu09qcTL9fWQ4Nyw5pTG2TqF7O4uVrMrHzUSFqh28KOrJsvU18YPG+6XBRd4nXPavktlKXC5F2boSe2pUT9AK44T4otfbhYepU7oVS4vZT51zGLb1Q4/zbPXBXVZodJ7RALrS8LGu5j7z5ek0VWl6W2eatmZM4nFeXyZv2vMHFNEhk7LKs5fZBBk5oeM26TJXKHfbm8SZJ6mTKyzLn3uNinEnWheTLl2W2E2TZZkHtrgCsGD69uyVd40ziS2dlkDcSit44kyRRjHBRDpDIdzPJjVw40YucAbvo7Uzy8CIHTtb+kksPsGu6v5tJLNWluxiQQbhx5O1+sQHkpRZjmEmmAikzHxACAsC26LSYNb1QWEC8m+9iRZ0pRmffkI4fe4heYj7D7hty+4i+Ieg3qo2aL9zz2F0O6j+7WZ+N5wqsv7oFV/C+t//mRr37+03wF7fpfX0Z6eduPblsZ594a991gxjbdLu1nzeId90GlUQeuHb1Rk7xQDiCm8cax5oHCen8A09+fN7BIX4wAAAAAElFTkSuQmCC)"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(react.Box, { children: "WheelX" })
+                ] }) }) })
               ]
             }
           ),
@@ -10954,39 +11429,7 @@ var MainForm = ({ config }) => {
                 md: "480px"
               }
             }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(react.Box, { marginTop: "30px", fontSize: "14px", children: /* @__PURE__ */ jsxRuntime.jsx(
-            "a",
-            {
-              href: "https://github.com/wheelx-fi/wheelx-contracts/blob/main/audits/ABDK_WheelX_WheelXContracts_v_1_0.pdf",
-              target: "_blank",
-              children: /* @__PURE__ */ jsxRuntime.jsxs(
-                Text,
-                {
-                  color: "#5D6270",
-                  display: "flex",
-                  alignItems: "center",
-                  justifyContent: "center",
-                  children: [
-                    "Audited By",
-                    " ",
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      react.Image,
-                      {
-                        display: "block",
-                        width: "70px",
-                        height: "28px",
-                        marginLeft: "2px",
-                        objectFit: "contain",
-                        src: "https://wheelx.fi/images/adbk.png",
-                        alt: ""
-                      }
-                    )
-                  ]
-                }
-              )
-            }
-          ) })
+          )
         ] })
       }
     ),