@rash2x/bridge-widget 0.3.2 → 0.3.5

package/dist/evaa-bridge.mjs

@@ -2,10 +2,10 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useEffect, useMemo, createContext, useContext, useState, useCallback, forwardRef } from "react";
+import { useEffect, useMemo, createContext, useContext, useState, useCallback, forwardRef, useRef } from "react";
 import { initReactI18next, I18nextProvider, useTranslation } from "react-i18next";
 import i18n from "i18next";
-import { Button } from "@/components/ui/button";
+import { Button, buttonVariants } from "@/components/ui/button";
 import { create } from "zustand";
 import { useAccount, usePublicClient, useConnect, useDisconnect, useWalletClient } from "wagmi";
 import { useWallet } from "@tronweb3/tronwallet-adapter-react-hooks";
@@ -31,7 +31,7 @@ import { CardHeader, CardTitle, CardAction, Card, CardContent, CardFooter } from
 import { Badge } from "@/components/ui/badge";
 const common$1 = { "connecting": "Connecting…", "initializing": "Initializing...", "loading": "Loading...", "paste": "paste", "close": "Close", "zeroPlaceholder": "0", "nativeToken": "Native Token" };
 const wallets$1 = { "addTonWallet": "Add TON wallet", "addEvmWallet": "Add EVM wallet", "connectTonWallet": "Connect TON wallet", "connectEvmWallet": "Connect EVM wallet", "initializingMetamask": "Initializing MetaMask SDK...", "initializingTronlink": "Initializing TronLink...", "failedToConnectTon": "Failed to connect to TON wallet", "failedToDisconnect": "Failed to disconnect", "metamaskConnectionError": "MetaMask connection error", "failedToConnectMetamask": "Failed to connect to MetaMask", "failedToDisconnectMetamask": "Failed to disconnect from MetaMask", "selectWallet": "Select Wallet", "tonWallets": "TON", "evmWallets": "EVM", "tronWallets": "TRON", "tonconnect": "TonConnect", "metaMask": "WalletConnect", "tronLink": "TronLink", "addTronWallet": "Add Tron wallet", "comingSoon": "Coming Soon", "connected": "CONNECTED", "disconnect": "Disconnect", "chooseWallet": "Choose wallet", "oneWalletPerEnv": "You can only connect one wallet per environment.", "connect": "Connect", "connectTronWallet": "Connect Tron wallet", "connectWallet": "Connect wallet" };
-const bridge$1 = { "max": "Max", "sourceNetwork": "Source network", "destinationNetwork": "Destination network", "selectToken": "Select token", "selectNetwork": "Select network", "searchToken": "Search token", "searchDestinationChain": "Search destination chain", "myTokens": "My tokens", "allTokens": "All tokens", "willChangeSourceChain": "Will change source network", "willChangeSourceNetworkAndToken": "Will change source token", "noBalancesFound": "No balances found.", "noResults": "No results", "sendToAnotherAddress": "Send to another address", "youWillReceive": "You will receive", "anotherAddressPlaceholder": "Address", "addressDoesntMatch": "Address doesn't match the {{network}} network", "checkBeforeTransfer": "Check correctness before transfer" };
+const bridge$1 = { "max": "Max", "sourceNetwork": "Source network", "destinationNetwork": "Destination network", "selectToken": "Select token", "selectNetwork": "Select network", "selectSourceNetwork": "Select source network", "selectDestinationNetwork": "Select destination network", "searchToken": "Search token", "myTokens": "My tokens", "allTokens": "All tokens", "search": "Search", "select": "Select", "willChangeSourceChain": "Will change source network", "willChangeSourceNetworkAndToken": "Will change source token", "noBalancesFound": "No balances found.", "noResults": "No results", "tokenNotFound": "We couldn't find a token with that name or symbol. Please try again.", "chainNotFound": "We couldn't find a chain with that name. Please try again.", "sendToAnotherAddress": "Send to another address", "youWillReceive": "You will receive", "anotherAddressPlaceholder": "Address", "addressDoesntMatch": "Address doesn't match the {{network}} network", "checkBeforeTransfer": "Check correctness before transfer" };
 const transaction$1 = { "enterAmount": "Enter amount", "transfer": "Transfer", "getQuote": "Get quote", "failed": "Transaction Failed", "confirm": "Confirm transaction", "signTransaction": "Sign in transaction in wallet", "quoting": "Quoting...", "inProgress": "Processing...", "checkingBalance": "Checking balance...", "insufficientBalance": "Insufficient balance", "amountTooSmall": "Min {{min}}", "amountTooLarge": "Max {{max}}", "success": "Success", "successTitle": "Success", "done": "Done", "hashCopied": "Hash copied to clipboard", "bridged": "Bridged", "transferTitle": "Transfer", "hash": "Hash", "finalFee": "Final Fee", "route": "Route", "estTime": "Est. Time", "slippage": "Slippage", "minimumReceived": "Minimum received", "totalFee": "Total Fee", "noRouteFound": "No route found", "notEnoughGas": "Not enough gas", "noRouteFoundForSettings": "No route found for current settings.", "tryAdjustSettings": "Try disabling Gas on Destination, or adjust amount/networks.", "quoteError": "Quote error" };
 const app$1 = { "stargateWidgetName": "Stargate Bridge Widget", "liveWidget": "Live Widget", "getStarted": "Get Started" };
 const settings$1 = { "title": "Settings", "gasOnDestination": "Gas on destination", "slippageTolerance": "Slippage tolerance", "routePriority": "Route Priority", "highSlippageWarning": "High slippage warning", "gasPresets": { "auto": "Auto", "none": "None", "medium": "Medium", "max": "Max" }, "routePresets": { "fastest": "Fastest", "cheapest": "Cheapest", "recommended": "Recommended" } };
@@ -47,7 +47,7 @@ const en = {
 };
 const common = { "connecting": "Подключение…", "initializing": "Инициализация...", "loading": "Загрузка...", "paste": "вставить", "close": "Закрыть", "zeroPlaceholder": "0", "nativeToken": "Нативный токен" };
 const wallets = { "addTonWallet": "Добавить TON кошелёк", "addEvmWallet": "Добавить EVM кошелёк", "connectTonWallet": "Подключить TON кошелёк", "connectEvmWallet": "Подключить EVM кошелёк", "initializingMetamask": "Инициализация MetaMask SDK...", "initializingTronlink": "Инициализация TronLink...", "failedToConnectTon": "Не удалось подключиться к TON кошельку", "failedToDisconnect": "Не удалось отключиться", "metamaskConnectionError": "Ошибка подключения MetaMask", "failedToConnectMetamask": "Не удалось подключиться к MetaMask", "failedToDisconnectMetamask": "Не удалось отключиться от MetaMask", "selectWallet": "Выберите кошелёк", "tonWallets": "TON", "evmWallets": "EVM", "tronWallets": "TRON", "tonconnect": "TonConnect", "metaMask": "WalletConnect", "tronLink": "TronLink", "addTronWallet": "Добавить Tron кошелёк", "comingSoon": "Скоро", "connected": "ПОДКЛЮЧЕНО", "disconnect": "Отключить", "chooseWallet": "Выберите кошелёк", "oneWalletPerEnv": "Можно подключить только один кошелёк на окружение.", "connect": "Подключить", "connectTronWallet": "Подключить Tron кошелёк", "connectWallet": "Подключить кошелёк" };
-const bridge = { "max": "Макс", "sourceNetwork": "Исходная сеть", "destinationNetwork": "Целевая сеть", "selectToken": "Выбрать токен", "selectNetwork": "Выбрать сеть", "searchToken": "Поиск токена", "searchDestinationChain": "Поиск целевой сети", "myTokens": "Мои токены", "allTokens": "Все токены", "willChangeSourceChain": "Сменит исходную сеть", "willChangeSourceNetworkAndToken": "Сменит исходный токен", "noBalancesFound": "Балансы не найдены.", "noResults": "Нет результатов", "sendToAnotherAddress": "Отправить на другой адрес", "youWillReceive": "Вы получите", "anotherAddressPlaceholder": "Адрес", "addressDoesntMatch": "Адрес не соответствует сети {{network}}", "checkBeforeTransfer": "Проверьте корректность перед переводом" };
+const bridge = { "max": "Макс", "sourceNetwork": "Исходная сеть", "destinationNetwork": "Целевая сеть", "selectToken": "Выбрать токен", "selectNetwork": "Выбрать сеть", "selectSourceNetwork": "Выбрать исходную сеть", "selectDestinationNetwork": "Выбрать целевую сеть", "searchToken": "Поиск токена", "myTokens": "Мои токены", "allTokens": "Все токены", "search": "Поиск", "select": "Выбрать", "willChangeSourceChain": "Сменит исходную сеть", "willChangeSourceNetworkAndToken": "Сменит исходный токен", "noBalancesFound": "Балансы не найдены.", "noResults": "Нет результатов", "tokenNotFound": "Мы не смогли найти токен с таким названием или символом. Пожалуйста, попробуйте снова.", "chainNotFound": "Мы не смогли найти сеть с таким названием. Пожалуйста, попробуйте снова.", "sendToAnotherAddress": "Отправить на другой адрес", "youWillReceive": "Вы получите", "anotherAddressPlaceholder": "Адрес", "addressDoesntMatch": "Адрес не соответствует сети {{network}}", "checkBeforeTransfer": "Проверьте корректность перед переводом" };
 const transaction = { "enterAmount": "Введите сумму", "transfer": "Перевести", "getQuote": "Получить котировку", "quoting": "Расчет котировки...", "failed": "Ошибка транзакции", "confirm": "Подтвердите транзакцию", "signTransaction": "Подпишите транзакцию в кошельке", "inProgress": "Выполнение...", "checkingBalance": "Проверка баланса...", "insufficientBalance": "Недостаточно средств", "amountTooSmall": "Минимум {{min}}", "amountTooLarge": "Максимум {{max}}", "success": "Успех", "successTitle": "Успех", "done": "Готово", "hashCopied": "Хэш скопирован в буфер обмена", "bridged": "Переведено", "transferTitle": "Перевод", "hash": "Хэш", "finalFee": "Итоговая комиссия", "route": "Маршрут", "estTime": "Время", "slippage": "Проскальзывание", "minimumReceived": "Минимум к получению", "totalFee": "Общая комиссия", "noRouteFound": "Маршрут не найден", "notEnoughGas": "Недостаточно газа", "noRouteFoundForSettings": "Маршрут не найден для текущих настроек.", "tryAdjustSettings": "Попробуйте отключить Gas on Destination или измените сумму/сети.", "quoteError": "Ошибка котировки" };
 const app = { "stargateWidgetName": "Виджет Stargate Bridge", "liveWidget": "Живой виджет", "getStarted": "Начало работы" };
 const settings = { "title": "Настройки", "gasOnDestination": "Газ на назначении", "slippageTolerance": "Толерантность к проскальзыванию", "routePriority": "Приоритет маршрута", "highSlippageWarning": "Высокое проскальзывание", "gasPresets": { "auto": "Авто", "none": "Нет", "medium": "Средний", "max": "Макс" }, "routePresets": { "fastest": "Быстрейший", "cheapest": "Дешевейший", "recommended": "Рекомендуемый" } };
@@ -2259,10 +2259,10 @@ const SwapButton = () => {
     {
       onClick: handleSwap,
       disabled: !canSwap || isSwapping,
-      variant: "secondary",
+      variant: "card",
       size: "sm",
       className: cn(
-        "backdrop-blur-md h-9 w-9",
+        "bg-bridge-button text-bridge-button-foreground backdrop-blur-md h-9 w-9 p-0",
         "absolute top-1/2 -translate-y-1/2 left-1/2 -translate-x-1/2",
         !canSwap || isSwapping ? "opacity-50 cursor-not-allowed" : "hover:scale-110"
       ),
@@ -2299,7 +2299,7 @@ const WalletBalance = (props) => {
         variant: "ghost",
         size: "sm",
         onClick: onMaxClick,
-        className: "h-auto p-0 px-0 text-xs text-link font-medium underline hover:opacity-70 cursor-pointer rounded-none",
+        className: "h-auto p-0 px-0 text-xs text-primary font-medium underline hover:opacity-70 cursor-pointer rounded-none",
         children: t("bridge.max")
       }
     )
@@ -2331,7 +2331,7 @@ const SelectNetworkButton = ({
       size: "sm",
       variant: "secondary",
       type: "button",
-      className: "shrink-0 gap-2 h-9 !pl-2",
+      className: "shrink-0 gap-2 h-9 !pl-2 bg-bridge-button text-bridge-button-foreground",
       "aria-label": label,
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex gap-2 items-center", children: [
@@ -2431,7 +2431,7 @@ const SearchInput = ({
       {
         placeholder,
         className: cn(
-          "w-full outline-none px-5 py-4 relative z-10 pl-16 bg-input border-none rounded-xs ring-0 leading-0 h-13 text-base focus-visible:border focus-visible:border-ring",
+          "w-full outline-none px-5 py-4 relative z-10 pl-16 bg-input border transition-all border-transparent rounded-xs ring-0 leading-0 h-13 text-base focus-visible:border focus-visible:border-ring",
           className
         ),
         value,
@@ -2569,7 +2569,7 @@ const ChainSelectModal = ({
         onClick: () => onChainPick(chain, willChangeSrc, willChangeTokenAndSrc),
         className: cn(
           "w-full cursor-pointer flex shadow-none rounded-xs items-center justify-between gap-3 px-5 py-4 h-13 font-semibold capitalize bg-transparent hover:scale-100 hover:bg-accent",
-          isSelected ? "bg-accent" : "",
+          isSelected ? "border border-primary" : "",
           willChangeSrc || willChangeTokenAndSrc ? "opacity-50 hover:opacity-100" : ""
         ),
         children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
@@ -2587,12 +2587,15 @@ const ChainSelectModal = ({
       chain.chainKey
     );
   };
-  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: (open) => !open && handleClose(), children: /* @__PURE__ */ jsxs(DialogContent, { className: "md:max-h-[90dvh] md:h-[90dvh] overflow-hidden flex flex-col p-10", children: [
-    /* @__PURE__ */ jsx(DialogHeader, { className: "text-left", children: /* @__PURE__ */ jsx(DialogTitle, { className: "text-2xl leading-8", children: t("bridge.selectNetwork") }) }),
+  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: (open) => !open && handleClose(), children: /* @__PURE__ */ jsxs(DialogContent, { className: "md:max-h-[90dvh] md:h-[90dvh] overflow-hidden flex flex-col", children: [
+    /* @__PURE__ */ jsx(DialogHeader, { className: "text-left pb-0", children: /* @__PURE__ */ jsx(DialogTitle, { className: "text-xl leading-8", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0", children: [
+      /* @__PURE__ */ jsx("div", { children: t("bridge.select") }),
+      /* @__PURE__ */ jsx("div", { children: t(isSource ? "bridge.sourceNetwork" : "bridge.destinationNetwork") })
+    ] }) }) }),
     /* @__PURE__ */ jsx(
       SearchInput,
       {
-        placeholder: t("bridge.searchDestinationChain"),
+        placeholder: t("bridge.search"),
         value: query,
         onChange: setQuery,
         className: "text-foreground placeholder:text-muted-foreground"
@@ -2624,7 +2627,7 @@ const ChainSelectModal = ({
           (c) => renderChainItem(c, false, true)
         )
       ] }),
-      groupedChains.available.length === 0 && groupedChains.willChangeSrc.length === 0 && groupedChains.willChangeTokenAndSrc.length === 0 && /* @__PURE__ */ jsx("div", { className: "px-5 py-4 text-sm text-muted-foreground", children: t("bridge.noResults") })
+      groupedChains.available.length === 0 && groupedChains.willChangeSrc.length === 0 && groupedChains.willChangeTokenAndSrc.length === 0 && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground px-12 py-2 h-28 flex items-center justify-center text-center", children: t("bridge.chainNotFound") })
     ] })
   ] }) });
 };
@@ -2634,6 +2637,52 @@ const useWalletSelectModal = create((set) => ({
   onOpen: (addressType) => set({ isOpen: true, addressType }),
   onClose: () => set({ isOpen: false, addressType: void 0 })
 }));
+const EditIcon = (props) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "18",
+      height: "18",
+      viewBox: "0 0 18 18",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("g", { "clip-path": "url(#clip0_551_3851)", children: [
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M9.76159 5.01068L4.91742 9.85489C4.72585 10.0465 4.54793 10.4023 4.50687 10.6622L4.24687 12.5096C4.15108 13.1801 4.61636 13.6454 5.28688 13.5496L7.13425 13.2896C7.39425 13.2486 7.76372 13.0707 7.94161 12.8791L12.7858 8.03491C13.6206 7.20018 14.0174 6.2286 12.7858 4.99702C11.5679 3.77913 10.5963 4.17594 9.76159 5.01068Z",
+              stroke: "currentColor",
+              "stroke-miterlimit": "10",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M9.0625 5.70312C9.47303 7.18102 10.6225 8.33049 12.1004 8.74101",
+              stroke: "currentColor",
+              "stroke-miterlimit": "10",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_551_3851", children: /* @__PURE__ */ jsx(
+          "rect",
+          {
+            width: "12",
+            height: "12",
+            fill: "white",
+            transform: "translate(3 3)"
+          }
+        ) }) })
+      ]
+    }
+  );
+};
 const prefixIcons = {
   tronlink: /* @__PURE__ */ jsx(TronLinkIcon, { className: "w-5 h-5" }),
   metamask: /* @__PURE__ */ jsx(MetaMaskIcon, { className: "w-5 h-5" }),
@@ -2691,7 +2740,8 @@ const WalletInlineButton = ({
         className: "flex gap-1 cursor-pointer hover:opacity-60 hover:bg-transparent !px-0 pr-1 h-5",
         children: [
           /* @__PURE__ */ jsx("span", { children: isConnected ? prefixIcons[wallet] : null }),
-          /* @__PURE__ */ jsx("span", { className: "leading-3 text-sm border-b border-dotted border-link text-link", children: buttonText })
+          /* @__PURE__ */ jsx("span", { className: "leading-3 text-sm border-b border-dotted border-primary text-primary", children: buttonText }),
+          isConnected && /* @__PURE__ */ jsx(EditIcon, { className: "text-primary -ml-0.5" })
         ]
       }
     ),
@@ -3107,12 +3157,12 @@ const Details = () => {
   );
   const symbol = (selectedAssetSymbol ?? dstToken?.symbol ?? "—").toUpperCase();
   const isLoading = status === "loading";
-  const receiveText = quoteDetails.outputAmount != null ? Number(quoteDetails.outputAmount).toFixed(6) : "0.00";
+  const receiveText = quoteDetails.outputAmount != null ? Number(quoteDetails.outputAmount).toFixed(quote ? 6 : 2) : "0.00";
   const etaText = quoteDetails.etaSeconds != null ? `≈ ${Math.max(1, Math.round(quoteDetails.etaSeconds / 60))}m` : "—";
-  const totalFeeDisplay = gas.requiredNative > 0 ? `${gas.requiredNative.toFixed(6)} ${gas.nativeSym}` : "—";
-  const currentSlippageText = formatPercentage(slippageBps);
+  const totalFeeDisplay = !quote ? "—" : gas.requiredNative > 0 ? `${gas.requiredNative.toFixed(6)} ${gas.nativeSym}` : "—";
+  const currentSlippageText = !quote ? "—" : formatPercentage(slippageBps);
   const routeText = quote?.route ? getRouteDisplayName(quote.route) : t(`settings.routePresets.${routePriority}`);
-  return /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: "w-full", children: /* @__PURE__ */ jsxs(AccordionItem, { value: "item-1", className: "bg-muted/50 rounded-sm", children: [
+  return /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: "w-full border-b-0", children: /* @__PURE__ */ jsxs(AccordionItem, { value: "item-1", className: "bg-muted/50 rounded-sm", children: [
     /* @__PURE__ */ jsx(AccordionTrigger, { className: "w-full gap-1 items-center py-6 px-5 rounded-b-sm data-[state=open]:pb-3", children: /* @__PURE__ */ jsxs("div", { className: "w-full flex items-center justify-between", children: [
       /* @__PURE__ */ jsx("p", { className: "text-sm font-normal text-priority leading-4", children: t("bridge.youWillReceive", { defaultValue: "You will receive" }) }),
       /* @__PURE__ */ jsxs("div", { className: "bg-transparent hover:bg-transparent shadow-none h-4 p-0 px-0 py-0 flex items-center gap-2", children: [
@@ -3808,7 +3858,6 @@ const SubmitButton = () => {
     }
   ) });
 };
-const buttonBaseClasses = "w-full bg-transparent flex shadow-none items-center justify-start gap-3 px-3 py-3 h-auto rounded-md hover:bg-accent hover:scale-100";
 const WalletModalButton = (props) => {
   const { t } = useTranslation();
   const { icon: IconComponent, name, onClose } = props;
@@ -3817,24 +3866,33 @@ const WalletModalButton = (props) => {
   const [isConnecting, setIsConnecting] = useState(false);
   if (props.variant === "connected") {
     const { address, onDisconnect } = props;
-    return /* @__PURE__ */ jsx("div", { className: "-mx-3", children: /* @__PURE__ */ jsxs("div", { className: buttonBaseClasses, children: [
-      /* @__PURE__ */ jsx(IconComponent, { className: "min-w-8 min-h-8" }),
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start min-w-0", children: [
-        /* @__PURE__ */ jsx("p", { className: "font-semibold text-foreground text-sm leading-4 truncate", children: formatAddress(address) }),
-        /* @__PURE__ */ jsx("div", { className: "text-xs leading-3 font-semibold text-muted-foreground", children: name })
-      ] }),
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          onClick: () => {
-            onDisconnect();
-            onClose?.();
-          },
-          className: "text-sm ml-auto font-medium text-muted-foreground cursor-pointer hover:text-foreground transition-colors",
-          children: /* @__PURE__ */ jsx(ExitIcon, { className: "w-6 h-6" })
-        }
-      )
-    ] }) });
+    return /* @__PURE__ */ jsx("div", { className: "-mx-3", children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          buttonVariants({ variant: "ghost", size: "default" }),
+          "rounded-xs w-full"
+        ),
+        children: [
+          /* @__PURE__ */ jsx(IconComponent, { className: "min-w-8 min-h-8" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start min-w-0", children: [
+            /* @__PURE__ */ jsx("p", { className: "font-semibold text-foreground text-sm leading-4 truncate", children: formatAddress(address) }),
+            /* @__PURE__ */ jsx("div", { className: "text-xs leading-3 font-medium text-muted-foreground", children: name })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              onClick: () => {
+                onDisconnect();
+                onClose?.();
+              },
+              className: "text-sm ml-auto font-medium text-muted-foreground cursor-pointer hover:text-foreground transition-colors",
+              children: /* @__PURE__ */ jsx(ExitIcon, { className: "w-6 h-6" })
+            }
+          )
+        ]
+      }
+    ) });
   }
   const { walletId, connector } = props;
   const handleConnect = async () => {
@@ -3862,14 +3920,15 @@ const WalletModalButton = (props) => {
     Button,
     {
       type: "button",
+      variant: "ghost",
       onClick: handleConnect,
       disabled: isDisabled,
-      className: `${buttonBaseClasses} cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed`,
+      className: `w-full rounded-xs flex justify-start gap-3`,
       children: [
         /* @__PURE__ */ jsx(IconComponent, { className: "min-w-8 min-h-8" }),
         /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start min-w-0", children: [
           /* @__PURE__ */ jsx("p", { className: "font-semibold text-foreground text-sm leading-4 truncate", children: name }),
-          /* @__PURE__ */ jsx("div", { className: "text-xs leading-3 font-semibold text-muted-foreground", children: t("wallets.connect") })
+          /* @__PURE__ */ jsx("div", { className: "text-xs leading-3 font-medium text-muted-foreground", children: t("wallets.connect") })
         ] })
       ]
     }
@@ -3967,14 +4026,14 @@ const WalletSelectModal = () => {
       wallets: tronWallets.filter(notConnected)
     }
   ].filter((category) => category.wallets.length > 0);
-  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxs(DialogContent, { className: "p-10", children: [
+  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxs(DialogContent, { children: [
     /* @__PURE__ */ jsxs(DialogHeader, { className: "text-left", children: [
       /* @__PURE__ */ jsx(DialogTitle, { className: "text-2xl leading-8", children: t("wallets.chooseWallet") }),
       /* @__PURE__ */ jsx(DialogDescription, { children: t("wallets.oneWalletPerEnv") })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
       connectedWallets.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("div", { className: "py-2 font-semibold text-muted-foreground uppercase", children: t("wallets.connected") }),
+        /* @__PURE__ */ jsx("div", { className: "py-1 text-muted-foreground uppercase", children: t("wallets.connected") }),
         /* @__PURE__ */ jsx("div", { children: connectedWallets.map((wallet) => /* @__PURE__ */ jsx(
           WalletModalButton,
           {
@@ -3989,7 +4048,7 @@ const WalletSelectModal = () => {
         )) })
       ] }),
       categories.map((category) => /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("div", { className: "py-2 font-semibold text-muted-foreground uppercase", children: category.title }),
+        /* @__PURE__ */ jsx("div", { className: "py-1 text-muted-foreground uppercase", children: category.title }),
         /* @__PURE__ */ jsx("div", { className: "-mx-3", children: category.wallets.map((wallet) => {
           const isEvmConnector = category.title === t("wallets.evmWallets");
           const connector = isEvmConnector ? connectors.find((c) => c.id === wallet.id) : void 0;
@@ -6046,7 +6105,7 @@ const SettingsModal = ({ isOpen, onClose }) => {
   );
   const activeBtn = "bg-primary hover:bg-primary/80 text-primary-foreground transition-colors";
   const notActiveBtn = "bg-accent hover:bg-accent/80 text-accent-foreground transition-colors";
-  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxs(DialogContent, { onOpenAutoFocus: (e) => e.preventDefault(), className: "p-10", children: [
+  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxs(DialogContent, { onOpenAutoFocus: (e) => e.preventDefault(), children: [
     /* @__PURE__ */ jsx(DialogHeader, { className: "text-left", children: /* @__PURE__ */ jsx(DialogTitle, { className: "text-2xl leading-8", children: t("settings.title") }) }),
     /* @__PURE__ */ jsxs("div", { className: "space-y-5", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5", children: [
@@ -6151,7 +6210,7 @@ const TokenRow = ({
     Button,
     {
       onClick: onPick,
-      className: `w-full px-5 rounded-xs bg-transparent flex items-center justify-between gap-3 hover:bg-accent hover:scale-100 ${isSelected ? "bg-accent hover:bg-accent/50" : ""}`,
+      className: `w-full px-5 rounded-xs bg-transparent flex items-center justify-between gap-3 hover:bg-accent hover:scale-100 ${isSelected ? "border border-primary" : ""}`,
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
           /* @__PURE__ */ jsx(
@@ -6187,6 +6246,7 @@ const TokenSelectModal = ({
   const { t } = useBridgeTranslation();
   const [query, setQuery] = useState("");
   const [tab, setTab] = useState("my");
+  const [manualTabSwitch, setManualTabSwitch] = useState(false);
   const { srcAddress } = useAddresses();
   const { fromChain, setFromChain, chains } = useChainsStore();
   const { assetMatrix, selectedAssetSymbol } = useTokensStore();
@@ -6268,9 +6328,23 @@ const TokenSelectModal = ({
     () => groupedTokens.withBalance,
     [groupedTokens.withBalance]
   );
+  useEffect(() => {
+    if (query.trim() !== "" && tab === "my" && myTokens.length === 0 && !manualTabSwitch) {
+      setTab("all");
+    }
+  }, [query, tab, myTokens.length, manualTabSwitch]);
+  useEffect(() => {
+    if (query.trim() !== "" && tab === "all" && myTokens.length > 0 && !manualTabSwitch) {
+      setTab("my");
+    }
+  }, [query, tab, myTokens.length, manualTabSwitch]);
+  useEffect(() => {
+    setManualTabSwitch(false);
+  }, [query]);
   const resetState = useCallback(() => {
     setQuery("");
     setTab("my");
+    setManualTabSwitch(false);
   }, []);
   const handleClose = useCallback(() => {
     resetState();
@@ -6315,7 +6389,7 @@ const TokenSelectModal = ({
     [groupedTokens.willChangeSrcChain]
   );
   const hasNoResults = tokensToRender.length === 0 && willChangeSrcTokens.length === 0;
-  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: (open) => !open && handleClose(), children: /* @__PURE__ */ jsxs(DialogContent, { className: "md:max-h-[90dvh] md:h-[90dvh] overflow-hidden flex flex-col p-10", children: [
+  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: (open) => !open && handleClose(), children: /* @__PURE__ */ jsxs(DialogContent, { className: "md:max-h-[90dvh] md:h-[90dvh] overflow-hidden flex flex-col", children: [
     /* @__PURE__ */ jsx(DialogHeader, { className: "text-left", children: /* @__PURE__ */ jsx(DialogTitle, { className: "text-2xl leading-8", children: t("bridge.selectToken") }) }),
     /* @__PURE__ */ jsx(
       SearchInput,
@@ -6330,9 +6404,15 @@ const TokenSelectModal = ({
         Button,
         {
           variant: tab === "my" ? "default" : "ghost",
-          onClick: () => setTab("my"),
+          onClick: () => {
+            setTab("my");
+            setManualTabSwitch(true);
+          },
           size: "sm",
-          className: cn("px-4", tab !== "my" && "bg-muted hover:bg-accent"),
+          className: cn(
+            "px-4 cursor-pointer",
+            tab !== "my" && "bg-muted hover:bg-accent"
+          ),
           children: t("bridge.myTokens")
         }
       ),
@@ -6340,17 +6420,20 @@ const TokenSelectModal = ({
         Button,
         {
           variant: tab === "all" ? "default" : "ghost",
-          onClick: () => setTab("all"),
+          onClick: () => {
+            setTab("all");
+            setManualTabSwitch(true);
+          },
           size: "sm",
           className: cn(
-            "px-4",
+            "px-4 cursor-pointer",
             tab !== "all" && "bg-muted hover:bg-accent"
           ),
           children: t("bridge.allTokens")
         }
       )
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto -mx-5", children: hasNoResults ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground px-5 py-4", children: t("bridge.noResults") }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto -mx-5", children: hasNoResults ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground px-12 py-2 h-28 flex items-center justify-center text-center", children: t("bridge.tokenNotFound") }) : /* @__PURE__ */ jsxs(Fragment, { children: [
       effectiveTab === "my" && myTokens.length === 0 && /* @__PURE__ */ jsx("p", { className: "leading-4 px-5 text-base text-muted-foreground uppercase py-2", children: t("bridge.noBalancesFound") }),
       tokensToRender.map(({ token, willChangeSrc }) => {
         const bal = getBalance(token.symbol);
@@ -6470,7 +6553,7 @@ const RefreshButton = () => {
       onClick: handleRefresh,
       disabled: spinning,
       variant: "secondary",
-      className: "h-9 w-11",
+      className: "bg-bridge-button text-bridge-button-foreground h-9 w-11",
       size: "sm",
       children: /* @__PURE__ */ jsx(
         ReloadIcon,
@@ -6498,7 +6581,7 @@ const SelectTokenButton = ({
       onClick,
       size: "sm",
       variant: "secondary",
-      className: "shrink-0 gap-2 h-9 !pl-2",
+      className: "shrink-0 gap-2 h-9 !pl-2 bg-bridge-button text-bridge-button-foreground",
       type: "button",
       "aria-label": label,
       children: [
@@ -6546,7 +6629,7 @@ const Toolbar = () => {
         {
           onClick: onOpenSettings,
           size: "sm",
-          className: "h-9 w-11",
+          className: "bg-bridge-button text-bridge-button-foreground h-9 w-11",
           variant: "secondary",
           children: /* @__PURE__ */ jsx(BoltIcon, { stroke: "currentColor" })
         }
@@ -6567,6 +6650,45 @@ const Toolbar = () => {
     /* @__PURE__ */ jsx(SettingsModal, { isOpen: isOpenSettings, onClose: onCloseSettings })
   ] });
 };
+const useAutoSelectNetwork = ({
+  tonAddress,
+  tronConnected,
+  evmIsConnected
+}) => {
+  const { hasAnyWallet } = useConnectedWalletsStore();
+  const { chains, setFromChain } = useChainsStore();
+  const previousHadWallet = useRef(hasAnyWallet());
+  useEffect(() => {
+    const currentHasWallet = hasAnyWallet();
+    const isFirstWalletConnection = !previousHadWallet.current && currentHasWallet;
+    if (isFirstWalletConnection && chains?.length) {
+      let targetChainKey = null;
+      if (tonAddress) {
+        targetChainKey = "ton";
+      } else if (tronConnected) {
+        targetChainKey = "tron";
+      } else if (evmIsConnected) {
+        targetChainKey = "ethereum";
+      }
+      if (targetChainKey) {
+        const matchingChain = chains.find(
+          (chain) => chain.chainKey.toLowerCase() === targetChainKey
+        );
+        if (matchingChain) {
+          setFromChain(matchingChain);
+        }
+      }
+    }
+    previousHadWallet.current = currentHasWallet;
+  }, [
+    tonAddress,
+    tronConnected,
+    evmIsConnected,
+    hasAnyWallet,
+    chains,
+    setFromChain
+  ]);
+};
 const EvaaBridgeWithProviders = (props) => {
   const [tonConnectUI] = useTonConnectUI();
   const tonAddress = useTonAddress();
@@ -6591,6 +6713,11 @@ const EvaaBridgeWithProviders = (props) => {
   useEffect(() => {
     setTronConnected(!!tronConnected);
   }, [tronConnected, setTronConnected]);
+  useAutoSelectNetwork({
+    tonAddress,
+    tronConnected,
+    evmIsConnected
+  });
   return /* @__PURE__ */ jsx(BridgeI18nProvider, { defaultLanguage: props.defaultLanguage, children: /* @__PURE__ */ jsx(
     ChainStrategyProvider,
     {