@wheelx-widget/widget 0.1.4 → 0.1.6

package/dist/index.mjs

@@ -1,19 +1,19 @@
 import * as React5 from 'react';
 import React5__default, { createContext, memo, useState, useMemo, useRef, useEffect, useContext, createElement, useCallback } from 'react';
-import { useQuery, QueryClient, QueryClientProvider, useMutation } from '@tanstack/react-query';
-import { useUserWallets, DynamicContextProvider, useRpcProviders, useTokenBalances, ChainEnum, useDynamicContext, useDynamicModals, useIsLoggedIn } from '@dynamic-labs/sdk-react-core';
+import { defineRecipe, chakra, Tooltip as Tooltip$1, Portal, VStack, Box, HStack, InputGroup, Input, Icon, Image, useBreakpointValue, Dialog, Spinner, Link, Button, Text, Popover, Collapsible, useDisclosure } from '@chakra-ui/react';
+import { useQuery, QueryClient, QueryClientProvider, useMutation, keepPreviousData } from '@tanstack/react-query';
+import { useUserWallets, DynamicContextProvider, useRpcProviders, useDynamicContext, useTokenBalances, ChainEnum, useDynamicModals, useIsLoggedIn } from '@dynamic-labs/sdk-react-core';
 import { EthereumWalletConnectors } from '@dynamic-labs/ethereum';
 import { SolanaWalletConnectorsWithConfig } from '@dynamic-labs/solana';
 import { DynamicWagmiConnector } from '@dynamic-labs/wagmi-connector';
-import { useAccount, WagmiProvider, useChainId, useConfig, useReconnect, createConfig, useEstimateFeesPerGas, fallback, http as http$1, useWaitForTransactionReceipt, useConnectors, useSendTransaction } from 'wagmi';
-import { mainnet, base as base$1, soneium as soneium$1, polygon, arbitrum, optimism, sepolia, arbitrumSepolia, optimismSepolia, baseSepolia, unichainSepolia, arcTestnet } from 'wagmi/chains';
+import { useAccount, WagmiProvider, useChainId, useConfig, useReconnect, createConfig, useDisconnect, useConnectors, useEstimateFeesPerGas, fallback, http as http$1, useWaitForTransactionReceipt, useSendTransaction } from 'wagmi';
+import { defineChain, zeroAddress, createPublicClient, http, parseUnits, erc20Abi, formatUnits, isAddress, hexToString, createClient, custom } from 'viem';
+import { mainnet, arbitrum, optimism, unichain, base as base$1, ink as ink$1, linea, soneium as soneium$1, bsc as bsc$1, worldchain, opBNB, mode, lisk, zksync, celo, polygon, avalanche, plumeMainnet, zora, sonic, berachain, bob, abstract, morph, taiko, scroll, hemi, xLayer, mantle, cronos, gravity, blast, manta, zircuit, xdc, sei, plume, gnosis, hashkey, flowMainnet, etherlink, ronin, flare, rootstock, iota, pulsechain, sepolia, arbitrumSepolia, optimismSepolia, baseSepolia, unichainSepolia, arcTestnet } from 'wagmi/chains';
 import { ThemeProvider } from '@emotion/react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import axios6, { AxiosError } from 'axios';
 import { create } from 'zustand';
-import { defineRecipe, chakra, Tooltip as Tooltip$1, Portal, VStack, Box, HStack, InputGroup, Input, Icon, Image, useBreakpointValue, Dialog, Spinner, Link, Button, Popover, Collapsible, useDisclosure } from '@chakra-ui/react';
 import { Fraction, RoundingMode } from 'bi-fraction';
-import { zeroAddress, createPublicClient, http, parseUnits, erc20Abi, formatUnits, isAddress, hexToString, createClient, custom } from 'viem';
 import { base, soneium, ink, bsc } from 'viem/chains';
 import { PublicKey, VersionedTransaction, VersionedMessage, Transaction } from '@solana/web3.js';
 import { parseAccount, getAddress } from 'viem/utils';
@@ -23,8 +23,10 @@ import { WalletIcon as WalletIcon$1 } from '@dynamic-labs/wallet-book';
 import { FiEdit } from 'react-icons/fi';
 import { IoAddCircleOutline, IoClose } from 'react-icons/io5';
 import { FaTriangleExclamation, FaGasPump } from 'react-icons/fa6';
-import { IoIosFlash } from 'react-icons/io';
+import { IoMdLogOut, IoIosFlash } from 'react-icons/io';
 import { BsFillClipboardMinusFill } from 'react-icons/bs';
+import { HiMiniArrowRight } from 'react-icons/hi2';
+import { RiArrowGoBackFill } from 'react-icons/ri';
 
 // src/providers/WheelXProvider.tsx
 
@@ -157,7 +159,11 @@ var useWalletConnectedStore = 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
@@ -167,14 +173,25 @@ var getEvmConnectorId = (wallet) => {
 };
 var useSyncWalletConnectedStore = () => {
   const userWallets = useUserWallets();
-  const { address: wagmiAddress, connector: wagmiConnector, isConnected } = useAccount();
+  const { address: wagmiAddress, connector: wagmiConnector } = useAccount();
   const {
     setSolanaWalletAddress,
     setIsSolanaWalletConnected,
     setEvmWalletInfo,
-    setIsEthWalletConnected
+    setIsEthWalletConnected,
+    isLoggingOut,
+    lastDisconnectTimestamp
   } = useWalletConnectedStore();
   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 ?? ""
@@ -190,15 +207,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,
@@ -207,7 +225,8 @@ var useSyncWalletConnectedStore = () => {
 };
 var useEvmAddress = () => {
   const { address } = useAccount();
-  const { evmWalletAddress } = useWalletConnectedStore();
+  const { evmWalletAddress, isEthWalletConnected } = useWalletConnectedStore();
+  if (!isEthWalletConnected) return void 0;
   return evmWalletAddress || address;
 };
 var FavoritesContext = createContext({
@@ -410,21 +429,140 @@ var useTokenFavoritesContext = () => {
   if (c === void 0) throw new Error("useTokenFavoritesContext must be used within TokenFavoritesProvider");
   return c;
 };
-var supportedChains = [mainnet, base$1, soneium$1, polygon, arbitrum, optimism, sepolia, arbitrumSepolia, optimismSepolia, baseSepolia, unichainSepolia, arcTestnet];
+var tempo = 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 = 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 = 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 = 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 = 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 = 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 = 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 = 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 = 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 = 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 = 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 = 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 = 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 = 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 = 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 = 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)
+  mainnet,
+  arbitrum,
+  optimism,
+  unichain,
+  base$1,
+  ink$1,
+  linea,
+  soneium$1,
+  bsc$1,
+  worldchain,
+  opBNB,
+  mode,
+  lisk,
+  zksync,
+  celo,
+  polygon,
+  avalanche,
+  plumeMainnet,
+  zora,
+  sonic,
+  berachain,
+  bob,
+  abstract,
+  morph,
+  taiko,
+  scroll,
+  hemi,
+  xLayer,
+  mantle,
+  cronos,
+  gravity,
+  blast,
+  manta,
+  zircuit,
+  xdc,
+  sei,
+  plume,
+  gnosis,
+  hashkey,
+  flowMainnet,
+  etherlink,
+  ronin,
+  flare,
+  rootstock,
+  iota,
+  pulsechain,
+  // Mainnet (custom chains — not in wagmi/chains)
+  katana,
+  hyperevm,
+  stable,
+  monad,
+  metis,
+  polygonZkEvm,
+  megaeth,
+  pharos,
+  kite,
+  tempo,
+  plasma,
+  rari,
+  // Testnet (wagmi/chains)
+  sepolia,
+  arbitrumSepolia,
+  optimismSepolia,
+  baseSepolia,
+  unichainSepolia,
+  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 = {};
@@ -450,6 +588,37 @@ function WalletConnectionStateSync() {
   useSyncWalletConnectedStore();
   return null;
 }
+function LoadingSkeleton() {
+  const { theme } = useWidgetTheme();
+  return /* @__PURE__ */ jsxs(
+    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__ */ jsx(
+          Box,
+          {
+            w: "40px",
+            h: "40px",
+            borderRadius: "full",
+            bg: theme.defaultBorderColor,
+            opacity: 0.4,
+            animation: "pulse 1.5s ease-in-out infinite"
+          }
+        ),
+        /* @__PURE__ */ jsx(Text, { fontSize: "14px", color: theme.defaultTextColor, children: "Loading chains and tokens..." })
+      ]
+    }
+  );
+}
 function ChainsAndTokensLoader({ children, config }) {
   const { data } = useChainsAndTokens(true);
   const { setChains, setSlippagePolicies } = useChainsStore();
@@ -506,7 +675,7 @@ function ChainsAndTokensLoader({ children, config }) {
   }, [filteredChains, filteredTokens, data, setChains, setTokens, setSlippagePolicies]);
   const isReady = filteredChains && filteredTokens;
   if (!isReady) {
-    return /* @__PURE__ */ jsx("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", height: "200px" }, children: /* @__PURE__ */ jsx("span", { children: "Loading chains and tokens..." }) });
+    return /* @__PURE__ */ jsx(LoadingSkeleton, {});
   }
   return /* @__PURE__ */ jsx(FavoritesProvider, { children: /* @__PURE__ */ jsxs(TokenFavoritesProvider, { children: [
     /* @__PURE__ */ jsx(WalletConnectionStateSync, {}),
@@ -833,6 +1002,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) => {
@@ -904,25 +1083,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);
@@ -1010,7 +1170,7 @@ var logger = {
   error: errorWithTimestamp,
   debug: debugWithTimestamp
 };
-var wagmiSupportedChains = [mainnet, base$1, soneium$1, polygon, arbitrum, optimism];
+var wagmiSupportedChains = [mainnet, base$1, soneium$1, polygon, arbitrum, optimism, bsc$1];
 var getTxLink = (txHash, chainId) => {
   if (isSolanaChain(chainId)) {
     return `${SOLANA_MAINNET.explorerUrl}/tx/${txHash}`;
@@ -1082,20 +1242,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: zeroAddress,
@@ -1198,8 +1344,6 @@ var useInitSwapAndBridgeState = (config) => {
   const {
     setFromTokenInfo,
     setToTokenInfo,
-    setIsShortLink,
-    setShortLink,
     setFromAmount,
     setToAmount
   } = useSwapAndBridgeContextStore();
@@ -1209,11 +1353,6 @@ var useInitSwapAndBridgeState = (config) => {
   const address = useEvmAddress();
   const { resetTxState } = useTxStateContextStore();
   const hasInitialized = useRef(false);
-  const currentPathname = useMemo(() => {
-    if (typeof window === "undefined") return "/";
-    return window.location.pathname;
-  }, []);
-  const pathname = currentPathname;
   useEffect(() => {
     if (hasInitialized.current) return;
     if (!chains || !tokens) return;
@@ -1255,46 +1394,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);
     }
@@ -1306,15 +1407,12 @@ var useInitSwapAndBridgeState = (config) => {
       resetTxState();
     };
   }, [
-    pathname,
     address,
     chains,
     tokens,
     config,
     setFromTokenInfo,
     setToTokenInfo,
-    setIsShortLink,
-    setShortLink,
     setFromAmount,
     setToAmount,
     setDifferentAddress,
@@ -2834,13 +2932,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 createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2862,7 +2964,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" />` }
@@ -3218,7 +3320,7 @@ var textRecipe = defineRecipe({
   }
 });
 var Heading = chakra("h2", headingRecipe);
-var Text = chakra("p", textRecipe);
+var Text2 = chakra("p", textRecipe);
 var isTouchDevice = () => {
   if (typeof window === "undefined") return false;
   return "ontouchstart" in window || navigator.maxTouchPoints > 0;
@@ -3346,6 +3448,12 @@ var FormButton = ({
 }) => {
   const { theme } = useWidgetTheme();
   const address = useEvmAddress();
+  const {
+    solanaWalletAddress,
+    isSolanaWalletConnected,
+    isEthWalletConnected,
+    evmWalletConnectorId
+  } = useWalletConnectedStore();
   const {
     address: wagmiAddress,
     connector,
@@ -3363,8 +3471,11 @@ var FormButton = ({
     return dynamicEvmWallet?.address || void 0;
   }, [userWallets]);
   const effectiveEvmAddress = 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;
@@ -3393,15 +3504,9 @@ var FormButton = ({
   } = useUSDTHandler(fromTokenInfo.chain_id);
   const { isSelectPredictionChain, slippagePolicies, chains } = useChainsStore();
   const { differentAddress } = useDifferentAddressStore();
-  const {
-    solanaWalletAddress,
-    isSolanaWalletConnected,
-    isEthWalletConnected,
-    evmWalletConnectorId
-  } = useWalletConnectedStore();
   const connectors = 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)
@@ -3895,7 +4000,7 @@ var FormButton = ({
   const renderButton = () => {
     if (errorMessage || quoteMessage) {
       return /* @__PURE__ */ jsx(Button, { ...buttonStyles, disabled: true, bg: theme.disabledButtonBg, children: /* @__PURE__ */ jsx(
-        Text,
+        Text2,
         {
           variant: {
             base: "content9",
@@ -3961,7 +4066,7 @@ var FormButton = ({
                     }
                   ),
                   /* @__PURE__ */ jsx(
-                    Text,
+                    Text2,
                     {
                       position: "absolute",
                       w: "28px",
@@ -3976,7 +4081,7 @@ var FormButton = ({
                 ]
               }
             ),
-            /* @__PURE__ */ jsx(Text, { children: "AI is Thinking the Best Price" })
+            /* @__PURE__ */ jsx(Text2, { children: "AI is Thinking the Best Price" })
           ] }) })
         }
       );
@@ -4168,13 +4273,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, base.id, ink.id, bsc.id, monad.id, soneium.id, stable.id];
+[mainnet3.id, base.id, ink.id, bsc.id, monad2.id, soneium.id, stable2.id];
 var useChainsAndTokensForSelect = ({
   data,
   selectedChain,
@@ -4572,7 +4677,7 @@ var Network = ({
                 }
               ),
               /* @__PURE__ */ jsxs(
-                Text,
+                Text2,
                 {
                   variant: {
                     base: "content7",
@@ -4640,20 +4745,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,
@@ -4661,13 +4752,14 @@ var TokenAmountHeading = ({
   suffix,
   ...props
 }) => {
+  const { theme } = useWidgetTheme();
   const _amount = formatTokenAmount({
     amount,
     decimals
   });
   const leadingZeros = countLeadingZerosAfterDecimal(_amount);
   if (leadingZeros > 5) {
-    return /* @__PURE__ */ jsxs(Heading, { variant: "heading8", ...props, as: "div", children: [
+    return /* @__PURE__ */ jsxs(Heading, { variant: "heading8", ...props, as: "div", color: theme.defaultTextColor, whiteSpace: "nowrap", children: [
       prefix,
       " ",
       _amount.slice(0, 3),
@@ -4686,7 +4778,7 @@ var TokenAmountHeading = ({
       suffix
     ] });
   }
-  return /* @__PURE__ */ jsxs(Heading, { variant: "heading11", ...props, as: "div", children: [
+  return /* @__PURE__ */ jsxs(Heading, { variant: "heading11", ...props, as: "div", color: theme.defaultTextColor, whiteSpace: "nowrap", children: [
     prefix,
     " ",
     _amount,
@@ -4707,7 +4799,7 @@ var TokenAmountText = ({
   });
   const leadingZeros = countLeadingZerosAfterDecimal(_amount);
   if (leadingZeros > 5) {
-    return /* @__PURE__ */ jsxs(Text, { variant: "content8", ...props, children: [
+    return /* @__PURE__ */ jsxs(Text2, { variant: "content8", ...props, children: [
       prefix,
       " ",
       _amount.slice(0, 3),
@@ -4726,7 +4818,7 @@ var TokenAmountText = ({
       suffix
     ] });
   }
-  return /* @__PURE__ */ jsxs(Text, { variant: "content7", ...props, children: [
+  return /* @__PURE__ */ jsxs(Text2, { variant: "content7", ...props, children: [
     prefix,
     " ",
     _amount,
@@ -5039,7 +5131,7 @@ var TokenAndAddress = ({
               )
             ] }),
             /* @__PURE__ */ jsx(
-              Text,
+              Text2,
               {
                 variant: {
                   base: "content9",
@@ -5067,7 +5159,7 @@ var TokenAndAddress = ({
             }
           ),
           /* @__PURE__ */ jsx(
-            Text,
+            Text2,
             {
               variant: {
                 base: "content9",
@@ -5271,7 +5363,7 @@ var TokenList = ({
         }
       } else {
         return /* @__PURE__ */ jsx(HStack, { w: "100%", h: "50px", justify: "center", align: "center", children: /* @__PURE__ */ jsx(
-          Text,
+          Text2,
           {
             color: theme.weakTextColor,
             variant: {
@@ -5370,7 +5462,7 @@ var TokenList = ({
           cursor: "pointer",
           children: [
             /* @__PURE__ */ jsx(Icon, { as: item.icon, boxSize: "14px" }),
-            /* @__PURE__ */ jsx(Text, { children: item.name })
+            /* @__PURE__ */ jsx(Text2, { children: item.name })
           ]
         },
         index
@@ -5670,7 +5762,7 @@ var MobileContent = memo(function MobileContent2({
                     objectFit: "cover"
                   }
                 ) }),
-                /* @__PURE__ */ jsx(Icon, { as: ArrowDownIcon, boxSize: "16px" })
+                /* @__PURE__ */ jsx(Icon, { as: ArrowDownIcon, boxSize: "16px", color: theme.defaultTextColor })
               ]
             }
           )
@@ -5726,10 +5818,10 @@ var MobileContent = memo(function MobileContent2({
                       children: [
                         /* @__PURE__ */ jsx(AllChainsIcon, {}),
                         /* @__PURE__ */ jsx(
-                          Text,
+                          Text2,
                           {
                             variant: "content6_1",
-                            color: "brand-grey1",
+                            color: theme.defaultTextColor,
                             whiteSpace: "nowrap",
                             children: "Chains with assets"
                           }
@@ -5741,7 +5833,7 @@ var MobileContent = memo(function MobileContent2({
                 ]
               }
             ),
-            !isPreconfigured && /* @__PURE__ */ jsx(Text, { px: 2, color: theme.weakTextColor, variant: "content7", my: 2, children: "Popular" }),
+            !isPreconfigured && /* @__PURE__ */ jsx(Text2, { px: 2, color: theme.weakTextColor, variant: "content7", my: 2, children: "Popular" }),
             /* @__PURE__ */ jsxs(VStack, { w: "100%", align: "start", gap: 0, children: [
               popularChains?.map((chain) => /* @__PURE__ */ jsx(
                 Network,
@@ -5777,7 +5869,7 @@ var MobileContent = memo(function MobileContent2({
                 chain.chain_id + "fav-chains"
               ))
             ] }),
-            !isPreconfigured && /* @__PURE__ */ jsx(Text, { px: 2, color: theme.weakTextColor, variant: "content7", my: 2, children: "Chains (A-Z)" }),
+            !isPreconfigured && /* @__PURE__ */ jsx(Text2, { px: 2, color: theme.weakTextColor, variant: "content7", my: 2, children: "Chains (A-Z)" }),
             /* @__PURE__ */ jsx(VStack, { w: "100%", align: "start", gap: 0, children: orderedChains?.filter((chain) => chain.is_testnet !== true)?.map((chain) => /* @__PURE__ */ jsx(
               Network,
               {
@@ -5794,7 +5886,7 @@ var MobileContent = memo(function MobileContent2({
               chain.chain_id + "ordered-chains"
             )) }),
             !isSelectingFromToken && !isPreconfigured && /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(Text, { px: 2, color: theme.weakTextColor, variant: "content7", my: 2, children: "Prediction" }),
+              /* @__PURE__ */ jsx(Text2, { px: 2, color: theme.weakTextColor, variant: "content7", my: 2, children: "Prediction" }),
               orderedPredictionChains?.map((chain) => /* @__PURE__ */ jsx(
                 Network,
                 {
@@ -5812,7 +5904,7 @@ var MobileContent = memo(function MobileContent2({
                 chain.chain_id + "prediction-chains"
               ))
             ] }),
-            !isPreconfigured && /* @__PURE__ */ jsx(Text, { px: 2, color: theme.weakTextColor, variant: "content7", my: 2, children: "Testnet" }),
+            !isPreconfigured && /* @__PURE__ */ jsx(Text2, { px: 2, color: theme.weakTextColor, variant: "content7", my: 2, children: "Testnet" }),
             orderedChains?.filter((chain) => chain.is_testnet === true)?.map((chain) => /* @__PURE__ */ jsx(
               Network,
               {
@@ -6006,7 +6098,7 @@ var DesktopContent = ({
                           children: [
                             /* @__PURE__ */ jsx(AllChainsIcon, {}),
                             /* @__PURE__ */ jsx(
-                              Text,
+                              Text2,
                               {
                                 variant: "content6_1",
                                 color: theme.defaultTextColor,
@@ -6033,7 +6125,7 @@ var DesktopContent = ({
                   },
                   chain.chain_id + "search-chains"
                 )) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                  !isPreconfigured && /* @__PURE__ */ jsx(Text, { px: 2, color: theme.weakTextColor, variant: "content7", mb: 2, children: "Popular" }),
+                  !isPreconfigured && /* @__PURE__ */ jsx(Text2, { px: 2, color: theme.weakTextColor, variant: "content7", mb: 2, children: "Popular" }),
                   popularChains?.map((chain) => /* @__PURE__ */ jsx(
                     Network,
                     {
@@ -6061,7 +6153,7 @@ var DesktopContent = ({
                     },
                     chain.chain_id + "fav-chains"
                   )),
-                  !isPreconfigured && /* @__PURE__ */ jsx(Text, { px: 2, color: theme.weakTextColor, variant: "content7", my: 2, children: "Chains (A-Z)" }),
+                  !isPreconfigured && /* @__PURE__ */ 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__ */ jsx(
                     Network,
                     {
@@ -6077,7 +6169,7 @@ var DesktopContent = ({
                   )),
                   !isSelectingFromToken && !isPreconfigured && /* @__PURE__ */ jsxs(Fragment, { children: [
                     /* @__PURE__ */ jsx(
-                      Text,
+                      Text2,
                       {
                         px: 2,
                         color: theme.weakTextColor,
@@ -6103,7 +6195,7 @@ var DesktopContent = ({
                       chain.chain_id + "prediction-chains"
                     ))
                   ] }),
-                  !isPreconfigured && /* @__PURE__ */ jsx(Text, { px: 2, color: theme.weakTextColor, variant: "content7", my: 2, children: "Testnet" }),
+                  !isPreconfigured && /* @__PURE__ */ jsx(Text2, { px: 2, color: theme.weakTextColor, variant: "content7", my: 2, children: "Testnet" }),
                   orderedChains?.filter((chain) => chain.is_testnet === true)?.map((chain) => /* @__PURE__ */ jsx(
                     Network,
                     {
@@ -6234,6 +6326,7 @@ var SelectTokenModal = ({
     allTokens: tokens
   });
   const { userHasSelectedFromNetwork, setUserHasSelectedFromNetwork } = useUserHasSelectedFromNetwork();
+  const prevUserHasSelectedRef = useRef(userHasSelectedFromNetwork);
   const { chains } = useChainsStore();
   const [disableTestnetLimit, setDisableTestnetLimit] = useState(false);
   const [tempSelectAll, setTempSelectAll] = useState(false);
@@ -6268,6 +6361,8 @@ var SelectTokenModal = ({
           setTempSelectedPlatformId(null);
         }
       }
+      const userJustSelected = userHasSelectedFromNetwork && !prevUserHasSelectedRef.current;
+      prevUserHasSelectedRef.current = userHasSelectedFromNetwork;
       if (isSelectingFromToken) {
         if (isLoadingUserBalances) return;
         if (isArcTestnetShortLink) {
@@ -6281,7 +6376,9 @@ var SelectTokenModal = ({
           setSelectedChain(null);
         } else {
           setIsSelectAll(false);
-          setSelectedChain(fromChainId);
+          if (!userJustSelected) {
+            setSelectedChain(fromChainId);
+          }
         }
       } else {
         setIsSelectAll(false);
@@ -6533,7 +6630,7 @@ var TokenInfoCom = ({ tokenInfo, priority = false }) => {
         }
       ),
       /* @__PURE__ */ jsx(
-        Text,
+        Text2,
         {
           variant: {
             base: "content9",
@@ -6614,7 +6711,9 @@ var TokenSelectAndInput = ({
   const toTokenBalanceHyper = {
     formatted: toTokenBalanceHyperBack?.withdrawable,
     value: toBigInt(
-      toTokenBalanceHyperBack?.withdrawable ? toTokenBalanceHyperBack?.withdrawable : "0")
+      toTokenBalanceHyperBack?.withdrawable ? toTokenBalanceHyperBack?.withdrawable : "0",
+      6
+    )
   };
   useEffect(() => {
     if (!isFrom) {
@@ -6803,7 +6902,7 @@ var TokenSelectAndInput = ({
         const loss = -(+toAmountToUsd - +fromAmountToUsd) / +fromAmountToUsd;
         if (loss >= 0.1) {
           return /* @__PURE__ */ jsx(
-            Text,
+            Text2,
             {
               as: "span",
               color: "#ff4267",
@@ -6838,7 +6937,7 @@ var TokenSelectAndInput = ({
     return /* @__PURE__ */ jsxs(HStack, { gap: 1, children: [
       renderSolanaWalletIcon(),
       /* @__PURE__ */ jsx(
-        Text,
+        Text2,
         {
           variant: "content8",
           backgroundColor: theme.highlightBgColor,
@@ -6855,7 +6954,7 @@ var TokenSelectAndInput = ({
     return /* @__PURE__ */ jsxs(HStack, { gap: 1, children: [
       walletIcon,
       /* @__PURE__ */ jsx(
-        Text,
+        Text2,
         {
           variant: "content8",
           backgroundColor: theme.highlightBgColor,
@@ -6874,7 +6973,7 @@ var TokenSelectAndInput = ({
           return /* @__PURE__ */ jsxs(HStack, { gap: 1, children: [
             walletIcon,
             /* @__PURE__ */ jsx(
-              Text,
+              Text2,
               {
                 variant: "content8",
                 backgroundColor: theme.assistBgColor,
@@ -6888,7 +6987,7 @@ var TokenSelectAndInput = ({
         }
         return /* @__PURE__ */ jsxs(HStack, { gap: 1, children: [
           /* @__PURE__ */ jsx(
-            Text,
+            Text2,
             {
               variant: "content8",
               backgroundColor: theme.assistBgColor,
@@ -6917,7 +7016,7 @@ var TokenSelectAndInput = ({
               cursor: "pointer",
               children: [
                 /* @__PURE__ */ jsx(
-                  Text,
+                  Text2,
                   {
                     variant: "content8",
                     backgroundColor: theme.assistBgColor,
@@ -6956,7 +7055,7 @@ var TokenSelectAndInput = ({
               cursor: "pointer",
               children: [
                 /* @__PURE__ */ jsx(
-                  Text,
+                  Text2,
                   {
                     variant: "content8",
                     backgroundColor: theme.assistBgColor,
@@ -6990,7 +7089,7 @@ var TokenSelectAndInput = ({
       return /* @__PURE__ */ jsxs(HStack, { gap: 1, children: [
         walletIcon,
         /* @__PURE__ */ jsx(
-          Text,
+          Text2,
           {
             variant: "content8",
             backgroundColor: theme.assistBgColor,
@@ -7050,7 +7149,7 @@ var TokenSelectAndInput = ({
                     border: "1px solid",
                     borderColor: theme.highlightTextColor,
                     onClick: () => handleQuickInput("50%"),
-                    children: /* @__PURE__ */ jsx(Text, { variant: "content9", color: theme.highlightTextColor, children: "50%" })
+                    children: /* @__PURE__ */ jsx(Text2, { variant: "content9", color: theme.highlightTextColor, children: "50%" })
                   }
                 ),
                 /* @__PURE__ */ jsx(
@@ -7063,10 +7162,10 @@ var TokenSelectAndInput = ({
                     borderRadius: "4px",
                     bg: theme.highlightButtonBg,
                     onClick: () => handleQuickInput("Max"),
-                    children: /* @__PURE__ */ jsx(Text, { variant: "content9", color: theme.highlightButtonText, children: "Max" })
+                    children: /* @__PURE__ */ jsx(Text2, { variant: "content9", color: theme.highlightButtonText, children: "Max" })
                   }
                 ),
-                /* @__PURE__ */ jsxs(Text, { variant: "content8", color: theme.weakTextColor, children: [
+                /* @__PURE__ */ jsxs(Text2, { variant: "content8", color: theme.weakTextColor, children: [
                   "Balance:",
                   " ",
                   tokenInfo.isSolana && solanaBalance ? solanaBalance.formatted : balance
@@ -7183,7 +7282,7 @@ var TokenSelectAndInput = ({
                       }
                     ),
                     /* @__PURE__ */ jsxs(
-                      Text,
+                      Text2,
                       {
                         variant: {
                           base: "content9",
@@ -7221,10 +7320,10 @@ var TokenSelectAndInput = ({
             bottom: ["6px", "8px"],
             left: 0,
             paddingRight: [2, 4],
-            children: !isFrom && !isDepositPlatformToken && /* @__PURE__ */ jsx(Fragment, { children: tokenInfo.isSolana ? solanaWalletAddress && /* @__PURE__ */ jsxs(Text, { variant: "content8", children: [
+            children: !isFrom && !isDepositPlatformToken && /* @__PURE__ */ jsx(Fragment, { children: tokenInfo.isSolana ? solanaWalletAddress && /* @__PURE__ */ jsxs(Text2, { variant: "content8", children: [
               "Balance: ",
               displayBalance
-            ] }) : address && /* @__PURE__ */ jsxs(Text, { variant: "content8", children: [
+            ] }) : address && /* @__PURE__ */ jsxs(Text2, { variant: "content8", children: [
               "Balance: ",
               displayBalance
             ] }) })
@@ -7318,7 +7417,7 @@ var TipsContent = ({
   const renderFee = (fee) => {
     if (fee === "0") {
       return /* @__PURE__ */ jsx(
-        Text,
+        Text2,
         {
           variant: "content9",
           color: "white",
@@ -7330,7 +7429,7 @@ var TipsContent = ({
       );
     }
     return /* @__PURE__ */ jsxs(
-      Text,
+      Text2,
       {
         variant: {
           base: "content9",
@@ -7355,7 +7454,7 @@ var TipsContent = ({
     const sif = +swapImpactFee();
     if (toAmountToUsd === null) {
       return /* @__PURE__ */ jsx(
-        Text,
+        Text2,
         {
           variant: {
             base: "content9",
@@ -7368,7 +7467,7 @@ var TipsContent = ({
     }
     if (sif > 0 || sif === 0) {
       return /* @__PURE__ */ jsxs(
-        Text,
+        Text2,
         {
           variant: {
             base: "content9",
@@ -7383,7 +7482,7 @@ var TipsContent = ({
       );
     }
     return /* @__PURE__ */ jsxs(
-      Text,
+      Text2,
       {
         variant: {
           base: "content9",
@@ -7418,7 +7517,7 @@ var TipsContent = ({
       ),
       /* @__PURE__ */ jsxs(HStack, { justify: "space-between", w: "100%", children: [
         /* @__PURE__ */ jsx(
-          Text,
+          Text2,
           {
             variant: {
               base: "content9",
@@ -7432,7 +7531,7 @@ var TipsContent = ({
       ] }),
       /* @__PURE__ */ jsxs(HStack, { justify: "space-between", w: "100%", children: [
         /* @__PURE__ */ jsx(
-          Text,
+          Text2,
           {
             variant: {
               base: "content9",
@@ -7443,7 +7542,7 @@ var TipsContent = ({
           }
         ),
         points === "0" && !fromTokenInfo.isSolana ? /* @__PURE__ */ jsx(
-          Text,
+          Text2,
           {
             variant: "content9",
             color: "white",
@@ -7482,7 +7581,7 @@ var TipsContent = ({
     ),
     /* @__PURE__ */ jsxs(HStack, { justify: "space-between", w: "100%", children: [
       /* @__PURE__ */ jsx(
-        Text,
+        Text2,
         {
           variant: {
             base: "content9",
@@ -7496,7 +7595,7 @@ var TipsContent = ({
     ] }),
     /* @__PURE__ */ jsxs(HStack, { justify: "space-between", w: "100%", children: [
       /* @__PURE__ */ jsx(
-        Text,
+        Text2,
         {
           variant: {
             base: "content9",
@@ -7513,7 +7612,7 @@ var TipsContent = ({
     ] }),
     /* @__PURE__ */ jsxs(HStack, { justify: "space-between", w: "100%", children: [
       /* @__PURE__ */ jsx(
-        Text,
+        Text2,
         {
           variant: {
             base: "content9",
@@ -7524,7 +7623,7 @@ var TipsContent = ({
         }
       ),
       points === "0" && !fromTokenInfo.isSolana ? /* @__PURE__ */ jsx(
-        Text,
+        Text2,
         {
           variant: "content9",
           color: "white",
@@ -7581,7 +7680,7 @@ var TxInfo = ({
   const renderPriceImpactPercentage = () => {
     if (priceImpact.bridgeFee === "0" && priceImpact.dstGasFee === "0" && priceImpact.swapFee === "0") {
       return /* @__PURE__ */ jsx(
-        Text,
+        Text2,
         {
           variant: "content9",
           color: theme.highlightButtonText,
@@ -7596,17 +7695,17 @@ var TxInfo = ({
       const inPrice = Number(fromAmountToUsd.replace(/,/g, ""));
       const outPrice = Number(toAmountToUsd.replace(/,/g, ""));
       if (outPrice > inPrice) {
-        return /* @__PURE__ */ jsx(Text, { variant: textVariant, color: theme.defaultTextColor, children: `+${((outPrice - inPrice) / inPrice * 100).toFixed(2)}%` });
+        return /* @__PURE__ */ jsx(Text2, { variant: textVariant, color: theme.defaultTextColor, children: `+${((outPrice - inPrice) / inPrice * 100).toFixed(2)}%` });
       }
-      return /* @__PURE__ */ jsx(Text, { variant: textVariant, color: theme.defaultTextColor, children: `-${((inPrice - outPrice) / inPrice * 100).toFixed(2)}%` });
+      return /* @__PURE__ */ jsx(Text2, { variant: textVariant, color: theme.defaultTextColor, children: `-${((inPrice - outPrice) / inPrice * 100).toFixed(2)}%` });
     }
-    return /* @__PURE__ */ jsx(Text, { variant: textVariant, color: theme.defaultTextColor, children: "-" });
+    return /* @__PURE__ */ jsx(Text2, { variant: textVariant, color: theme.defaultTextColor, children: "-" });
   };
   const renderSoneiumScore = useMemo(() => {
     if (fromTokenInfo.chain_id === 1868 && toTokenInfo.chain_id !== 1868 || fromTokenInfo.chain_id === 1868 && toTokenInfo.chain_id === 1868) {
       return /* @__PURE__ */ jsxs(HStack, { w: "100%", justify: "space-between", children: [
-        /* @__PURE__ */ jsx(Text, { variant: textVariant, color: theme.weakTextColor, children: "Soneium Score" }),
-        /* @__PURE__ */ jsx(Text, { variant: textVariant, children: "+ 1" })
+        /* @__PURE__ */ jsx(Text2, { variant: textVariant, color: theme.weakTextColor, children: "Soneium Score" }),
+        /* @__PURE__ */ jsx(Text2, { variant: textVariant, children: "+ 1" })
       ] });
     }
     return /* @__PURE__ */ jsx(Fragment, {});
@@ -7625,7 +7724,7 @@ var TxInfo = ({
           alignItems: "center",
           children: [
             /* @__PURE__ */ jsx(
-              Text,
+              Text2,
               {
                 variant: textVariant,
                 fontSize: ["10px", "12px"],
@@ -7642,7 +7741,7 @@ var TxInfo = ({
                 margin: "0 2px"
               }
             ),
-            /* @__PURE__ */ jsx(Text, { variant: textVariant, fontSize: ["10px", "12px"], children: "Score" })
+            /* @__PURE__ */ jsx(Text2, { variant: textVariant, fontSize: ["10px", "12px"], children: "Score" })
           ]
         }
       );
@@ -7708,7 +7807,7 @@ var TxInfo = ({
         ] }, index);
       }) });
     }
-    return /* @__PURE__ */ jsx(Text, { variant: textVariant, children: router });
+    return /* @__PURE__ */ jsx(Text2, { variant: textVariant, children: router });
   };
   return /* @__PURE__ */ jsxs(
     Collapsible.Root,
@@ -7738,7 +7837,7 @@ var TxInfo = ({
                     h: "14px"
                   }
                 ),
-                /* @__PURE__ */ jsx(Text, { variant: textVariant, whiteSpace: "nowrap", children: isRateReversed ? `1 ${toTokenInfo.symbol} = ${fromAmountInUnit} ${fromTokenInfo.symbol}` : `1 ${fromTokenInfo.symbol} = ${toAmountInUnitStr} ${toTokenInfo.symbol}` })
+                /* @__PURE__ */ jsx(Text2, { variant: textVariant, whiteSpace: "nowrap", children: isRateReversed ? `1 ${toTokenInfo.symbol} = ${fromAmountInUnit} ${fromTokenInfo.symbol}` : `1 ${fromTokenInfo.symbol} = ${toAmountInUnitStr} ${toTokenInfo.symbol}` })
               ]
             }
           ),
@@ -7760,7 +7859,7 @@ var TxInfo = ({
         /* @__PURE__ */ jsx(Collapsible.Content, { w: "100%", pb: 1.5, color: theme.defaultTextColor, children: /* @__PURE__ */ jsxs(VStack, { w: "100%", align: "start", fontSize: "xs", gap: 3, children: [
           /* @__PURE__ */ jsxs(VStack, { bg: theme.defaultBgColor, p: 3, borderRadius: "12px", w: "100%", children: [
             /* @__PURE__ */ jsxs(HStack, { w: "100%", justify: "space-between", children: [
-              /* @__PURE__ */ jsx(Text, { variant: textVariant, color: theme.weakTextColor, children: "Price Impact" }),
+              /* @__PURE__ */ jsx(Text2, { variant: textVariant, color: theme.weakTextColor, children: "Price Impact" }),
               /* @__PURE__ */ jsxs(HStack, { gap: 1, children: [
                 renderPriceImpactPercentage(),
                 /* @__PURE__ */ jsx(
@@ -7790,14 +7889,14 @@ var TxInfo = ({
               ] })
             ] }),
             /* @__PURE__ */ jsxs(HStack, { w: "100%", justify: "space-between", children: [
-              /* @__PURE__ */ jsx(Text, { variant: textVariant, color: theme.weakTextColor, children: "Slippage" }),
-              /* @__PURE__ */ jsxs(Text, { variant: textVariant, children: [
+              /* @__PURE__ */ jsx(Text2, { variant: textVariant, color: theme.weakTextColor, children: "Slippage" }),
+              /* @__PURE__ */ jsxs(Text2, { variant: textVariant, children: [
                 formatSlippage(slippage),
                 "%"
               ] })
             ] }),
             /* @__PURE__ */ jsxs(HStack, { w: "100%", justify: "space-between", children: [
-              /* @__PURE__ */ jsx(Text, { variant: textVariant, color: theme.weakTextColor, children: "Min. Received" }),
+              /* @__PURE__ */ jsx(Text2, { variant: textVariant, color: theme.weakTextColor, children: "Min. Received" }),
               /* @__PURE__ */ jsx(HStack, { gap: 1, children: /* @__PURE__ */ jsx(
                 TokenAmountText,
                 {
@@ -7810,10 +7909,10 @@ var TxInfo = ({
           ] }),
           /* @__PURE__ */ jsxs(VStack, { bg: theme.defaultBgColor, p: 3, borderRadius: "12px", w: "100%", children: [
             /* @__PURE__ */ jsxs(HStack, { w: "100%", justify: "space-between", children: [
-              /* @__PURE__ */ jsx(Text, { variant: textVariant, color: theme.weakTextColor, children: "Estimated Time" }),
+              /* @__PURE__ */ jsx(Text2, { variant: textVariant, color: theme.weakTextColor, children: "Estimated Time" }),
               /* @__PURE__ */ jsxs(HStack, { gap: 1, children: [
                 /* @__PURE__ */ jsx(Icon, { boxSize: "14px", children: /* @__PURE__ */ jsx(TimeIcon, {}) }),
-                /* @__PURE__ */ jsxs(Text, { variant: textVariant, children: [
+                /* @__PURE__ */ jsxs(Text2, { variant: textVariant, children: [
                   "~",
                   estimatedTime,
                   "s"
@@ -7821,11 +7920,11 @@ var TxInfo = ({
               ] })
             ] }),
             /* @__PURE__ */ jsxs(HStack, { w: "100%", justify: "space-between", children: [
-              /* @__PURE__ */ jsx(Text, { variant: textVariant, color: theme.weakTextColor, children: "Recipient Address" }),
-              /* @__PURE__ */ jsx(Text, { variant: textVariant, children: sliceAddress(recipient) })
+              /* @__PURE__ */ jsx(Text2, { variant: textVariant, color: theme.weakTextColor, children: "Recipient Address" }),
+              /* @__PURE__ */ jsx(Text2, { variant: textVariant, children: sliceAddress(recipient) })
             ] }),
             /* @__PURE__ */ jsxs(HStack, { w: "100%", justify: "space-between", children: [
-              /* @__PURE__ */ jsx(Text, { variant: textVariant, color: theme.weakTextColor, children: "AI Router" }),
+              /* @__PURE__ */ jsx(Text2, { variant: textVariant, color: theme.weakTextColor, children: "AI Router" }),
               renderAiRouter()
             ] }),
             renderSoneiumScore
@@ -8232,10 +8331,6 @@ var DifferentAddressDialog = ({
   );
 };
 var DifferentAddressDialog_default = DifferentAddressDialog;
-var useRouter = () => ({ push: (_url) => {
-}, replace: (_url) => {
-} });
-var usePathname = () => "";
 var FormBody = ({
   getQuote,
   quoteInfo,
@@ -8247,6 +8342,7 @@ var FormBody = ({
   refetchQuote,
   config
 }) => {
+  const { theme } = useWidgetTheme();
   const {
     fromAmount,
     toAmount,
@@ -8262,129 +8358,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 = useBreakpointValue({ base: true, md: false });
   const [isFromHyperChain, setIsFromHyperChain] = useState(false);
   const [isToHyperChain, setIsToHyperChain] = useState(false);
-  const updateSearchParams = 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] = useState(false);
   const [isDifferentAddressDialogOpen, setIsDifferentAddressDialogOpen] = useState(false);
   const [isSelectingFromToken, setIsSelectingFromToken] = useState(false);
@@ -8408,20 +8383,24 @@ var FormBody = ({
     address,
     isToHyperChain
   );
-  const fromTokenBalanceHyper = {
+  const fromTokenBalanceHyper = 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 = useMemo(() => ({
     decimals: 6,
     formatted: toTokenBalanceHyperBack?.withdrawable,
     symbol: "USDC",
     value: toBigInt(
-      toTokenBalanceHyperBack?.withdrawable ? toTokenBalanceHyperBack?.withdrawable : "0")
-  };
+      toTokenBalanceHyperBack?.withdrawable ? toTokenBalanceHyperBack?.withdrawable : "0",
+      6
+    )
+  }), [toTokenBalanceHyperBack?.withdrawable]);
   useEffect(() => {
     if (fromTokenInfo.chain_id === hyperliquidChainId) {
       setIsFromHyperChain(true);
@@ -8591,15 +8570,12 @@ var FormBody = ({
   }, [tokens]);
   const handleSelectToken = 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 === zeroAddress;
           if (isNativeToken) {
@@ -8608,8 +8584,6 @@ var FormBody = ({
             );
             if (otherToken) {
               setToTokenInfo(otherToken);
-              params.to_chain = otherToken.chain_id.toString();
-              params.to_token = otherToken.address;
             }
           } else {
             const nativeToken = tokens?.find(
@@ -8617,16 +8591,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;
               }
             }
           }
@@ -8637,15 +8607,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 === zeroAddress;
           if (isNativeToken) {
@@ -8654,8 +8620,6 @@ var FormBody = ({
             );
             if (otherToken) {
               setFromTokenInfo(otherToken);
-              params.from_chain = otherToken.chain_id.toString();
-              params.from_token = otherToken.address;
             }
           } else {
             const nativeToken = tokens?.find(
@@ -8663,16 +8627,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;
               }
             }
           }
@@ -8683,13 +8643,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();
@@ -8700,7 +8657,6 @@ var FormBody = ({
       setFromTokenInfo,
       setQuoteInfo,
       setToTokenInfo,
-      updateSearchParams,
       tokens,
       fromTokenInfo,
       toTokenInfo,
@@ -8718,12 +8674,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 || "";
@@ -8778,15 +8728,6 @@ var FormBody = ({
   const handleToAmountChange = (value) => {
     setToAmount(value);
   };
-  useEffect(() => {
-    document.getElementById("js_main_form");
-  }, [
-    isMobile,
-    isTrendingOpen,
-    setTrendingClientReact,
-    quoteInfo,
-    setIsTrendingLonger
-  ]);
   useEffect(() => {
     const refetchQuote2 = async () => {
       await getQuote({
@@ -8842,7 +8783,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"
@@ -9087,7 +9028,9 @@ var SlippageSettings = ({ refetchQuote }) => {
             base: "20px",
             md: "22px"
           },
-          as: SettingsIcon
+          as: SettingsIcon,
+          position: "relative",
+          top: "-2px"
         }
       ),
       showYellowDot && /* @__PURE__ */ jsx(
@@ -9135,7 +9078,7 @@ var SlippageSettings = ({ refetchQuote }) => {
                       boxShadow: "0px 0px 10px 0px rgba(0, 0, 0, 0.1)"
                     },
                     content: /* @__PURE__ */ jsx(
-                      Text,
+                      Text2,
                       {
                         variant: {
                           base: "content8",
@@ -9170,7 +9113,7 @@ var SlippageSettings = ({ refetchQuote }) => {
                     top: 0,
                     right: 0,
                     children: /* @__PURE__ */ jsx(
-                      Text,
+                      Text2,
                       {
                         variant: {
                           base: "content9",
@@ -9201,7 +9144,7 @@ var SlippageSettings = ({ refetchQuote }) => {
                       borderRadius: "10px",
                       onClick: () => handlePresetClick(presetValue),
                       children: /* @__PURE__ */ jsxs(
-                        Text,
+                        Text2,
                         {
                           variant: {
                             base: "content9",
@@ -9289,7 +9232,7 @@ var SlippageSettings = ({ refetchQuote }) => {
                       }
                     ),
                     /* @__PURE__ */ jsx(
-                      Text,
+                      Text2,
                       {
                         variant: {
                           base: "content9",
@@ -9314,10 +9257,92 @@ var FormTop = ({
   quoteInfo,
   clearLockedRequestId,
   refreshInterval = 30,
-  hideCountdown = false
+  hideCountdown = false,
+  onHistoryClick
 }) => {
   const { isLoading: isLoadingRefresh } = useRefreshLoading();
   const { theme } = useWidgetTheme();
+  const { disconnect } = useDisconnect();
+  const connectors = useConnectors();
+  const { connector: wagmiConnector } = useAccount();
+  const { removeWallet } = useDynamicContext();
+  const userWallets = useUserWallets();
+  const {
+    isEthWalletConnected,
+    evmWalletConnectorId,
+    isSolanaWalletConnected,
+    setEvmWalletInfo,
+    setIsEthWalletConnected,
+    setSolanaWalletAddress,
+    setIsSolanaWalletConnected,
+    setIsLoggingOut: setStoreLoggingOut,
+    setLastDisconnectTimestamp
+  } = useWalletConnectedStore();
+  const isAnyWalletConnected = isEthWalletConnected || isSolanaWalletConnected;
+  const [isLogoutDialogOpen, setIsLogoutDialogOpen] = useState(false);
+  const [isLoggingOut, setIsLoggingOut] = useState(false);
+  const handleLogout = 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] = useState(refreshInterval);
   useEffect(() => {
@@ -9355,7 +9380,24 @@ var FormTop = ({
         children: "Bridge & Swap"
       }
     ),
-    /* @__PURE__ */ jsxs(HStack, { color: theme.weakTextColor || "#81728C", children: [
+    /* @__PURE__ */ jsxs(HStack, { color: theme.weakTextColor, children: [
+      isAnyWalletConnected && /* @__PURE__ */ jsx(
+        Box,
+        {
+          w: "21px",
+          h: "21px",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          cursor: "pointer",
+          onClick: onHistoryClick,
+          title: "Transaction history",
+          children: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", children: [
+            /* @__PURE__ */ 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__ */ jsx("path", { fill: theme.weakTextColor, d: "M10 14h14v2h-14v-2zM10 18h14v2h-14v-2zM10 22h14v2h-14v-2z" })
+          ] })
+        }
+      ),
       /* @__PURE__ */ jsxs(
         HStack,
         {
@@ -9418,15 +9460,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__ */ jsx(SlippageSettings, { refetchQuote })
-    ] })
+      /* @__PURE__ */ jsx(SlippageSettings, { refetchQuote }),
+      isAnyWalletConnected && /* @__PURE__ */ jsx(
+        HStack,
+        {
+          w: "30px",
+          h: "30px",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          cursor: "pointer",
+          title: "Disconnect all wallets",
+          onClick: () => setIsLogoutDialogOpen(true),
+          children: /* @__PURE__ */ jsx(IoMdLogOut, { style: { width: "22px", height: "22px" }, color: theme.weakTextColor })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(Dialog.Root, { open: isLogoutDialogOpen, onOpenChange: (e) => setIsLogoutDialogOpen(e.open), children: /* @__PURE__ */ jsxs(Portal, { children: [
+      /* @__PURE__ */ jsx(Dialog.Backdrop, {}),
+      /* @__PURE__ */ jsx(Dialog.Positioner, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsxs(Dialog.Content, { bgColor: theme.defaultBgColor, color: theme.defaultTextColor, width: ["90vw", "400px"], children: [
+        /* @__PURE__ */ jsxs(Dialog.Header, { justifyContent: "center", children: [
+          /* @__PURE__ */ jsx(Dialog.Title, { padding: "15px 0", children: "Disconnect Wallet" }),
+          /* @__PURE__ */ jsx(Dialog.CloseTrigger, {})
+        ] }),
+        /* @__PURE__ */ jsx(Dialog.Body, { marginBottom: "20px", children: /* @__PURE__ */ jsx(Text, { textAlign: "center", padding: ["0 15px", "0 30px"], children: "This operation will disconnect all connected wallets." }) }),
+        /* @__PURE__ */ jsxs(Dialog.Footer, { padding: ["10px 20px 20px"], justifyContent: "center", children: [
+          /* @__PURE__ */ jsx(Dialog.ActionTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "outline", disabled: isLoggingOut, w: "100px", bgColor: theme.normalButtonBg, color: theme.normalButtonText, children: "Cancel" }) }),
+          /* @__PURE__ */ jsx(Button, { bgColor: theme.highlightButtonBg, color: theme.highlightButtonText, onClick: handleLogout, loading: isLoggingOut, w: "100px", children: "Disconnect" })
+        ] })
+      ] }) })
+    ] }) })
   ] });
 };
 var Timer = ({ stop, onTick }) => {
@@ -9473,7 +9543,7 @@ var Timer = ({ stop, onTick }) => {
     }
   }, [stop]);
   return /* @__PURE__ */ jsx(
-    Text,
+    Text2,
     {
       variant: {
         base: "content8",
@@ -9855,7 +9925,7 @@ var TxState = ({
     if (isSolanaTransaction && solanaFromTxHash) {
       if (solanaStatus === "confirmed") {
         return /* @__PURE__ */ jsx(Link, { href: getSolanaTxLink(solanaFromTxHash), target: "_blank", children: /* @__PURE__ */ jsxs(
-          Text,
+          Text2,
           {
             variant: {
               base: "content9",
@@ -9873,7 +9943,7 @@ var TxState = ({
       }
       if (solanaStatus === "failed") {
         return /* @__PURE__ */ jsx(
-          Text,
+          Text2,
           {
             variant: {
               base: "content9",
@@ -9885,7 +9955,7 @@ var TxState = ({
         );
       }
       return /* @__PURE__ */ jsx(
-        Text,
+        Text2,
         {
           variant: {
             base: "content9",
@@ -9903,7 +9973,7 @@ var TxState = ({
           href: getTxLink(fromTxHash, fromTokenInfo.chain_id),
           target: "_blank",
           children: /* @__PURE__ */ jsxs(
-            Text,
+            Text2,
             {
               variant: {
                 base: "content9",
@@ -9923,7 +9993,7 @@ var TxState = ({
     }
     if (fromTxHash && receiptStatus === "failed" || isFetched) {
       return /* @__PURE__ */ jsx(
-        Text,
+        Text2,
         {
           variant: {
             base: "content9",
@@ -9936,7 +10006,7 @@ var TxState = ({
     }
     if (isTransactionBlocked) {
       return /* @__PURE__ */ jsx(
-        Text,
+        Text2,
         {
           variant: {
             base: "content9",
@@ -9948,7 +10018,7 @@ var TxState = ({
       );
     }
     return /* @__PURE__ */ jsx(
-      Text,
+      Text2,
       {
         variant: {
           base: "content9",
@@ -10098,7 +10168,7 @@ var TxState = ({
             }
           ),
           /* @__PURE__ */ jsx(
-            Text,
+            Text2,
             {
               variant: {
                 base: "content8",
@@ -10110,7 +10180,7 @@ var TxState = ({
           )
         ] }),
         /* @__PURE__ */ jsx(
-          Text,
+          Text2,
           {
             variant: {
               base: "content8",
@@ -10162,6 +10232,7 @@ var TxState = ({
               md: "16px"
             },
             w: "100%",
+            backgroundColor: theme.assistBgColor,
             children: /* @__PURE__ */ jsxs(HStack, { w: "100%", justify: "space-between", gap: 1, children: [
               /* @__PURE__ */ jsx(
                 BoxWithBg,
@@ -10205,6 +10276,7 @@ var TxState = ({
                     base: "20px",
                     md: "32px"
                   },
+                  color: theme.weakTextColor,
                   as: ArrowRightIcon
                 }
               ),
@@ -10251,7 +10323,7 @@ var TxState = ({
                           ),
                           target: "_blank",
                           children: /* @__PURE__ */ jsxs(
-                            Text,
+                            Text2,
                             {
                               variant: {
                                 base: "content9",
@@ -10268,7 +10340,7 @@ var TxState = ({
                           )
                         }
                       ) : /* @__PURE__ */ jsx(
-                        Text,
+                        Text2,
                         {
                           variant: {
                             base: "content9",
@@ -10302,7 +10374,7 @@ var TxState = ({
                 /* @__PURE__ */ jsxs(HStack, { gap: 1, children: [
                   /* @__PURE__ */ jsx(Icon, { as: DateIcon }),
                   /* @__PURE__ */ jsx(
-                    Text,
+                    Text2,
                     {
                       variant: {
                         base: "content8",
@@ -10314,7 +10386,7 @@ var TxState = ({
                   )
                 ] }),
                 /* @__PURE__ */ jsx(
-                  Text,
+                  Text2,
                   {
                     variant: {
                       base: "content8",
@@ -10329,7 +10401,7 @@ var TxState = ({
                 /* @__PURE__ */ jsxs(HStack, { gap: 1, children: [
                   /* @__PURE__ */ jsx(Icon, { as: TimeIcon }),
                   /* @__PURE__ */ jsx(
-                    Text,
+                    Text2,
                     {
                       variant: {
                         base: "content8",
@@ -10352,7 +10424,7 @@ var TxState = ({
                 /* @__PURE__ */ jsxs(HStack, { gap: 1, children: [
                   /* @__PURE__ */ jsx(Icon, { as: MoneyIcon }),
                   /* @__PURE__ */ jsx(
-                    Text,
+                    Text2,
                     {
                       variant: {
                         base: "content8",
@@ -10364,7 +10436,7 @@ var TxState = ({
                   )
                 ] }),
                 /* @__PURE__ */ jsx(
-                  Text,
+                  Text2,
                   {
                     variant: {
                       base: "content8",
@@ -10385,6 +10457,381 @@ var TxState = ({
     }
   ) });
 };
+async function getOrderHistory(address, offset = 0, limit = 4) {
+  const url = `${BASE_API_URL}/v1/orders`;
+  const res = await axios6.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 useQuery({
+    queryKey: ["orderHistory", addresses, offset],
+    queryFn: () => addresses ? getOrderHistory(addresses, offset, limit) : Promise.reject("No address provided"),
+    enabled: !!addresses,
+    placeholderData: keepPreviousData,
+    refetchOnWindowFocus: false
+  });
+};
+function SuccessIcon() {
+  return /* @__PURE__ */ jsx(Box, { w: "16px", h: "16px", borderRadius: "full", bg: "#00CBB3", display: "flex", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsx("svg", { width: "10", height: "8", viewBox: "0 0 10 8", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M1 4L3.5 6.5L9 1", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) });
+}
+function ErrorIcon() {
+  return /* @__PURE__ */ jsx(Box, { w: "16px", h: "16px", borderRadius: "full", bg: "#FF4267", display: "flex", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsx("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M1 1L7 7M7 1L1 7", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }) }) });
+}
+function PendingIcon() {
+  return /* @__PURE__ */ jsx(Box, { w: "16px", h: "16px", borderRadius: "full", bg: "#FFD200", display: "flex", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsx("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", children: /* @__PURE__ */ jsx("circle", { cx: "4", cy: "4", r: "3", stroke: "white", strokeWidth: "1.5" }) }) });
+}
+function getStatusIcon(status) {
+  switch (status) {
+    case "Filled":
+      return /* @__PURE__ */ jsx(SuccessIcon, {});
+    case "Refund":
+    case "Failed":
+      return /* @__PURE__ */ jsx(ErrorIcon, {});
+    case "Open":
+      return /* @__PURE__ */ jsx(PendingIcon, {});
+    default:
+      return /* @__PURE__ */ 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__ */ jsx(Text2, { variant: "content8", color: theme.defaultTextColor, children: sliceAddress(txHash, 6) });
+    }
+    return /* @__PURE__ */ jsx("a", { href: link, target: "_blank", rel: "noreferrer", style: { textDecoration: "none" }, children: /* @__PURE__ */ jsx(HStack, { gap: 1, children: /* @__PURE__ */ jsx(Text2, { variant: "content8", color: theme.highlightTextColor, children: sliceAddress(txHash, 6) }) }) });
+  };
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      w: "100%",
+      borderRadius: "12px",
+      p: "10px 15px",
+      bg: theme.assistBgColor,
+      _hover: { bg: theme.highlightBgColor },
+      transition: "background 0.15s",
+      children: [
+        /* @__PURE__ */ jsxs(HStack, { justify: "center", mb: 2, children: [
+          /* @__PURE__ */ jsxs(HStack, { gap: 1.5, children: [
+            getStatusIcon(isSameChainSwap ? "Filled" : order.status),
+            /* @__PURE__ */ jsx(
+              Text2,
+              {
+                variant: "content7",
+                color: theme.defaultTextColor || "#15003E",
+                fontWeight: 500,
+                children: isSameChainSwap ? "Filled" : order.status
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(Text2, { variant: "content8", color: theme.weakTextColor || "#81728C", children: dateFormatter(order.open_timestamp) })
+        ] }),
+        /* @__PURE__ */ jsxs(HStack, { justify: "space-between", w: "100%", children: [
+          /* @__PURE__ */ jsxs(HStack, { gap: 2, mb: 1.5, children: [
+            /* @__PURE__ */ jsx(Box, { w: "32px", h: "32px", flexShrink: 0, marginRight: "10px", children: /* @__PURE__ */ jsx(
+              TokenIconWithNetworkLogo,
+              {
+                w: "100%",
+                h: "100%",
+                tokenInfo: fromTokenInfo
+              }
+            ) }),
+            /* @__PURE__ */ jsxs(VStack, { align: "start", gap: 0.5, flex: 1, w: "80px", children: [
+              /* @__PURE__ */ jsx(
+                TokenAmountHeading,
+                {
+                  amount: new Fraction(order.from_amount),
+                  decimals: fromTokenInfo?.decimals,
+                  suffix: fromTokenInfo?.symbol,
+                  variant: "heading12"
+                }
+              ),
+              /* @__PURE__ */ jsx(HStack, { gap: 1, children: renderTxLink(order.open_tx_hash, order.from_chain) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(HStack, { justify: "center", my: 0.5, flex: 1, children: /* @__PURE__ */ jsx(HiMiniArrowRight, { color: theme.weakTextColor, width: "30px", height: "30px" }) }),
+          /* @__PURE__ */ jsxs(HStack, { gap: 2, mt: 0, children: [
+            /* @__PURE__ */ jsxs(VStack, { align: "start", gap: 0.5, flex: 1, w: "80px", children: [
+              /* @__PURE__ */ jsx(
+                TokenAmountHeading,
+                {
+                  amount: new Fraction(order.to_amount || order.amount_out || "0"),
+                  decimals: toTokenInfo?.decimals,
+                  suffix: toTokenInfo?.symbol,
+                  variant: "heading12",
+                  justifyContent: "flex-end",
+                  width: "100%",
+                  display: "flex"
+                }
+              ),
+              /* @__PURE__ */ jsx(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__ */ jsx(Text2, { variant: "content8", color: theme.defaultTextColor, children: "Receiving..." }) })
+            ] }),
+            /* @__PURE__ */ jsx(Box, { w: "32px", h: "32px", flexShrink: 0, marginRight: "10px", marginLeft: "3px", children: /* @__PURE__ */ jsx(
+              TokenIconWithNetworkLogo,
+              {
+                w: "100%",
+                h: "100%",
+                tokenInfo: toTokenInfo
+              }
+            ) })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+var PaginationButton = ({
+  currentPage,
+  page,
+  onClick
+}) => {
+  const { theme } = useWidgetTheme();
+  return /* @__PURE__ */ jsx(
+    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__ */ jsxs(
+    HStack,
+    {
+      justify: "space-between",
+      align: "center",
+      pt: 2,
+      pb: 1,
+      gap: 2,
+      w: "100%",
+      children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "plain",
+            onClick: handlePrevious,
+            disabled: currentPage === 1,
+            h: "28px",
+            minW: "28px",
+            p: 0,
+            children: /* @__PURE__ */ jsxs(HStack, { gap: 0, color: currentPage === 1 ? theme.disabledButtonText || "#B5B5B5" : theme.defaultTextColor || "#15003E", children: [
+              /* @__PURE__ */ jsx(BackIcon, { size: 20 }),
+              /* @__PURE__ */ jsx(Text2, { variant: "content7", fontSize: "11px", children: "Prev" })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx(HStack, { gap: 1, color: theme.weakTextColor || "#81728C", children: totalPages <= 7 ? Array.from({ length: totalPages }, (_, i) => i + 1).map((page) => /* @__PURE__ */ jsx(
+          PaginationButton,
+          {
+            currentPage,
+            page,
+            onClick: () => setCurrentPage(page)
+          },
+          page
+        )) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            PaginationButton,
+            {
+              currentPage,
+              page: 1,
+              onClick: () => setCurrentPage(1)
+            }
+          ),
+          currentPage > 4 && /* @__PURE__ */ jsx(Text2, { variant: "content7", fontSize: "12px", children: "..." }),
+          Array.from({ length: 3 }, (_, i) => {
+            const page = currentPage - 1 + i;
+            if (page > 1 && page < totalPages) {
+              return /* @__PURE__ */ jsx(
+                PaginationButton,
+                {
+                  currentPage,
+                  page,
+                  onClick: () => setCurrentPage(page)
+                },
+                page
+              );
+            }
+            return null;
+          }),
+          currentPage < totalPages - 3 && /* @__PURE__ */ jsx(Text2, { variant: "content7", fontSize: "12px", children: "..." }),
+          totalPages > 1 && /* @__PURE__ */ jsx(
+            PaginationButton,
+            {
+              currentPage,
+              page: totalPages,
+              onClick: () => setCurrentPage(totalPages)
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "plain",
+            onClick: handleNext,
+            disabled: currentPage === totalPages,
+            h: "28px",
+            minW: "28px",
+            p: 0,
+            children: /* @__PURE__ */ jsxs(
+              HStack,
+              {
+                gap: 0,
+                color: currentPage === totalPages ? theme.disabledButtonText || "#B5B5B5" : theme.defaultTextColor || "#15003E",
+                children: [
+                  /* @__PURE__ */ jsx(Text2, { variant: "content7", fontSize: "11px", children: "Next" }),
+                  /* @__PURE__ */ jsx(Box, { transform: "rotate(180deg)", children: /* @__PURE__ */ jsx(BackIcon, { size: 20 }) })
+                ]
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+var PAGE_SIZE = 4;
+function OrderHistory({ address, solanaAddress, onBack }) {
+  const { theme } = useWidgetTheme();
+  const [currentPage, setCurrentPage] = useState(1);
+  const [offset, setOffset] = 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__ */ jsxs(VStack, { gap: 4, py: 10, align: "center", w: "100%", children: [
+        /* @__PURE__ */ jsx(Spinner, { size: "md", color: theme.highlightTextColor }),
+        /* @__PURE__ */ jsx(Text2, { variant: "content7", color: theme.weakTextColor || "#81728C", children: "Loading transactions..." })
+      ] });
+    }
+    if (error) {
+      return /* @__PURE__ */ jsx(
+        Box,
+        {
+          border: "1px solid #FF4267",
+          borderRadius: "8px",
+          p: 3,
+          my: 4,
+          bg: "#FFF5F5",
+          children: /* @__PURE__ */ 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__ */ jsxs(VStack, { gap: 4, py: 10, align: "center", w: "100%", children: [
+        /* @__PURE__ */ jsxs("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", children: [
+          /* @__PURE__ */ jsx("rect", { x: "4", y: "8", width: "40", height: "32", rx: "4", stroke: emptyColor, strokeWidth: "2", fill: "none" }),
+          /* @__PURE__ */ jsx("path", { d: "M16 20H32", stroke: emptyColor, strokeWidth: "2", strokeLinecap: "round" }),
+          /* @__PURE__ */ jsx("path", { d: "M16 28H28", stroke: emptyColor, strokeWidth: "2", strokeLinecap: "round" })
+        ] }),
+        /* @__PURE__ */ jsx(Text2, { variant: "content7", color: theme.weakTextColor || "#81728C", textAlign: "center", children: "No transaction history yet" })
+      ] });
+    }
+    return /* @__PURE__ */ jsxs(Box, { position: "relative", w: "100%", children: [
+      isFetching && /* @__PURE__ */ jsx(
+        Box,
+        {
+          position: "absolute",
+          zIndex: 10,
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          children: /* @__PURE__ */ jsx(Spinner, { size: "sm", color: theme.highlightTextColor })
+        }
+      ),
+      /* @__PURE__ */ jsx(VStack, { gap: 2.5, w: "100%", children: currentOrders.map((order) => /* @__PURE__ */ jsx(OrderHistoryItem, { order }, order.order_id)) }),
+      /* @__PURE__ */ jsx(
+        OrderHistoryPagination,
+        {
+          currentPage,
+          totalPages,
+          setCurrentPage: handlePageChange
+        }
+      )
+    ] });
+  };
+  return /* @__PURE__ */ jsxs(VStack, { w: "100%", gap: 4, align: "start", children: [
+    /* @__PURE__ */ jsxs(HStack, { w: "100%", justify: "space-between", align: "center", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "plain",
+          onClick: onBack,
+          h: "24px",
+          minW: "24px",
+          p: 0,
+          children: /* @__PURE__ */ jsx(RiArrowGoBackFill, { color: theme.defaultTextColor, size: 20 })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Text2,
+        {
+          color: theme.defaultTextColor,
+          textAlign: "center",
+          fontWeight: 600,
+          fontSize: "16px",
+          children: "Transaction history"
+        }
+      ),
+      /* @__PURE__ */ jsx(Box, { w: "24px" })
+    ] }),
+    renderContent()
+  ] });
+}
 var initialQuoteInfo = {
   isFetching: false,
   error: null,
@@ -10433,6 +10880,7 @@ var MainForm = ({ config }) => {
   const refreshIntervalRef = useRef(30);
   const timerRef = useRef(null);
   const isQuoteStoppedRef = useRef(false);
+  const [showHistory, setShowHistory] = useState(false);
   const { differentAddress } = useDifferentAddressStore();
   const { chains, slippagePolicies } = useChainsStore();
   const prevAddressRef = useRef(address);
@@ -10837,6 +11285,16 @@ var MainForm = ({ config }) => {
         }
       ) });
     }
+    if (showHistory) {
+      return /* @__PURE__ */ jsx(
+        OrderHistory,
+        {
+          address,
+          solanaAddress: solanaWalletAddress || void 0,
+          onBack: () => setShowHistory(false)
+        }
+      );
+    }
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
         FormTop,
@@ -10845,7 +11303,8 @@ var MainForm = ({ config }) => {
           quoteInfo,
           clearLockedRequestId,
           refreshInterval,
-          hideCountdown: isETHtoETHBridge(fromTokenInfo, toTokenInfo, chains)
+          hideCountdown: isETHtoETHBridge(fromTokenInfo, toTokenInfo, chains),
+          onHistoryClick: () => setShowHistory(true)
         }
       ),
       /* @__PURE__ */ jsx(
@@ -10916,7 +11375,23 @@ var MainForm = ({ config }) => {
                     src: "https://wheelx.fi/images/success-sprites.png",
                     alt: "success"
                   }
-                )
+                ),
+                !showHistory && /* @__PURE__ */ jsx(HStack, { w: "100%", justifyContent: "center", alignItems: "center", opacity: "0.7", fontSize: "13px", children: /* @__PURE__ */ jsx("a", { href: "https://wheelx.fi/", target: "_blank", style: { display: "block" }, children: /* @__PURE__ */ jsxs(HStack, { color: theme.weakTextColor, fontSize: "12px", alignContent: "center", alignItems: "center", w: "100%", children: [
+                  /* @__PURE__ */ jsx(Box, { children: "Powered by" }),
+                  /* @__PURE__ */ jsx(
+                    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__ */ jsx(Box, { children: "WheelX" })
+                ] }) }) })
               ]
             }
           ),
@@ -10930,39 +11405,7 @@ var MainForm = ({ config }) => {
                 md: "480px"
               }
             }
-          ),
-          /* @__PURE__ */ jsx(Box, { marginTop: "30px", fontSize: "14px", children: /* @__PURE__ */ jsx(
-            "a",
-            {
-              href: "https://github.com/wheelx-fi/wheelx-contracts/blob/main/audits/ABDK_WheelX_WheelXContracts_v_1_0.pdf",
-              target: "_blank",
-              children: /* @__PURE__ */ jsxs(
-                Text,
-                {
-                  color: "#5D6270",
-                  display: "flex",
-                  alignItems: "center",
-                  justifyContent: "center",
-                  children: [
-                    "Audited By",
-                    " ",
-                    /* @__PURE__ */ jsx(
-                      Image,
-                      {
-                        display: "block",
-                        width: "70px",
-                        height: "28px",
-                        marginLeft: "2px",
-                        objectFit: "contain",
-                        src: "https://wheelx.fi/images/adbk.png",
-                        alt: ""
-                      }
-                    )
-                  ]
-                }
-              )
-            }
-          ) })
+          )
         ] })
       }
     ),