@skip-go/widget 3.10.1 → 3.10.3

package/build/{index-16Gtjmg-.js → index-CydGcbEG.js}

@@ -1,13 +1,13 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import o, { useState, useMemo, useEffect, useContext, useRef, useDebugValue, createElement, useCallback, Fragment as Fragment$1 } from "react";
+import o, { useContext, useState, useMemo, useEffect, useRef, useDebugValue, createElement, useCallback, Fragment as Fragment$1, forwardRef } from "react";
 import { Scope } from "react-shadow-scope";
 import { atom as atom$1, useAtomValue, useAtom, useSetAtom, createStore, Provider } from "jotai";
 import NiceModal, { useModal } from "@ebay/nice-modal-react";
 import { assets, chains, bridges, venues, transactionStatus, ChainType, getSigningStargateClient, route, executeRoute, balances, FeeType, GAS_STATION_CHAIN_IDS, setClientOptions } from "@skip-go/client";
 import { atomWithQuery, atomWithMutation } from "jotai-tanstack-query";
 import pluralize from "pluralize";
-import { track, setUserId, add, init as init$1 } from "@amplitude/analytics-browser";
-import { setTag, setUser, getReplay, init, breadcrumbsIntegration, dedupeIntegration, functionToStringIntegration, httpContextIntegration, inboundFiltersIntegration, linkedErrorsIntegration, browserSessionIntegration, replayIntegration } from "@sentry/react";
+import { track, init, add, setUserId } from "@amplitude/analytics-browser";
+import { setTag, setUser, getReplay, init as init$1, breadcrumbsIntegration, dedupeIntegration, functionToStringIntegration, httpContextIntegration, inboundFiltersIntegration, linkedErrorsIntegration, browserSessionIntegration, replayIntegration } from "@sentry/react";
 import { useQuery, useMutation, QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { atomEffect } from "jotai-effect";
 import { getWallet, WalletType, useActiveWalletType, useDisconnect, isWalletConnect, checkWallet, connect, useAccount as useAccount$1, getChainInfo as getChainInfo$1, GrazProvider } from "graz";
@@ -1734,21 +1734,22 @@ function atomWithStorage(key, initialValue, storage = defaultStorage, options) {
   );
   return anAtom;
 }
-const errorAtom = atomWithReset(void 0);
-var ErrorType = /* @__PURE__ */ ((ErrorType2) => {
-  ErrorType2[ErrorType2["AuthFailed"] = 0] = "AuthFailed";
-  ErrorType2[ErrorType2["Timeout"] = 1] = "Timeout";
-  ErrorType2[ErrorType2["AdditionalSigningRequired"] = 2] = "AdditionalSigningRequired";
-  ErrorType2[ErrorType2["BadPriceWarning"] = 3] = "BadPriceWarning";
-  ErrorType2[ErrorType2["TransactionFailed"] = 4] = "TransactionFailed";
-  ErrorType2[ErrorType2["TransactionReverted"] = 5] = "TransactionReverted";
-  ErrorType2[ErrorType2["Unexpected"] = 6] = "Unexpected";
-  ErrorType2[ErrorType2["CosmosLedgerWarning"] = 7] = "CosmosLedgerWarning";
-  ErrorType2[ErrorType2["GoFastWarning"] = 8] = "GoFastWarning";
-  ErrorType2[ErrorType2["LowInfoWarning"] = 9] = "LowInfoWarning";
-  ErrorType2[ErrorType2["InsufficientBalanceForGas"] = 10] = "InsufficientBalanceForGas";
-  return ErrorType2;
-})(ErrorType || {});
+const errorWarningAtom = atomWithReset(void 0);
+var ErrorWarningType = /* @__PURE__ */ ((ErrorWarningType2) => {
+  ErrorWarningType2[ErrorWarningType2["AuthFailed"] = 0] = "AuthFailed";
+  ErrorWarningType2[ErrorWarningType2["Timeout"] = 1] = "Timeout";
+  ErrorWarningType2[ErrorWarningType2["AdditionalSigningRequired"] = 2] = "AdditionalSigningRequired";
+  ErrorWarningType2[ErrorWarningType2["BadPriceWarning"] = 3] = "BadPriceWarning";
+  ErrorWarningType2[ErrorWarningType2["TransactionFailed"] = 4] = "TransactionFailed";
+  ErrorWarningType2[ErrorWarningType2["TransactionReverted"] = 5] = "TransactionReverted";
+  ErrorWarningType2[ErrorWarningType2["Unexpected"] = 6] = "Unexpected";
+  ErrorWarningType2[ErrorWarningType2["CosmosLedgerWarning"] = 7] = "CosmosLedgerWarning";
+  ErrorWarningType2[ErrorWarningType2["GoFastWarning"] = 8] = "GoFastWarning";
+  ErrorWarningType2[ErrorWarningType2["LowInfoWarning"] = 9] = "LowInfoWarning";
+  ErrorWarningType2[ErrorWarningType2["InsufficientBalanceForGas"] = 10] = "InsufficientBalanceForGas";
+  ErrorWarningType2[ErrorWarningType2["ExpiredRelayFeeQuote"] = 11] = "ExpiredRelayFeeQuote";
+  return ErrorWarningType2;
+})(ErrorWarningType || {});
 const flexProps = lt`
   display: flex;
   ${({ align }) => align && `align-items: ${align}`};
@@ -1805,7 +1806,7 @@ function atomWithStorageNoCrossTabSync(storageKey, initialValue) {
     },
     removeItem: (key) => {
       if (typeof window === "undefined") return;
-      localStorage.delete(key);
+      localStorage.removeItem(key);
     }
   };
   return atomWithStorage(storageKey, initialValue, defaultStorage2, { getOnInit: true });
@@ -2199,7 +2200,7 @@ const TextButton = dt(Text).attrs({ as: "button" })`
   ${removeButtonStyles}
   cursor: pointer;
 `;
-const ErrorPageContent = ({
+const ErrorWarningPageContent = ({
   title,
   description: description2,
   textColor,
@@ -2211,7 +2212,7 @@ const ErrorPageContent = ({
   backgroundColor ?? (backgroundColor = theme.primary.background.normal);
   const Icon = iconMap[icon];
   return /* @__PURE__ */ jsxs(
-    StyledErrorStateContainer,
+    StyledErrorWarningStateContainer,
     {
       align: "center",
       justify: "center",
@@ -2221,7 +2222,7 @@ const ErrorPageContent = ({
       children: [
         /* @__PURE__ */ jsx(Icon, { backgroundColor: textColor, color: backgroundColor, height: 40, width: 40 }),
         typeof title === "string" ? /* @__PURE__ */ jsx(Text, { fontSize: 20, color: textColor, textAlign: "center", children: title }) : title,
-        typeof description2 === "string" ? /* @__PURE__ */ jsx(StyledErrorTextInnerContainer, { children: /* @__PURE__ */ jsx(
+        typeof description2 === "string" ? /* @__PURE__ */ jsx(StyledErrorWarningTextInnerContainer, { children: /* @__PURE__ */ jsx(
           SmallText,
           {
             color: textColor,
@@ -2236,13 +2237,13 @@ const ErrorPageContent = ({
     }
   );
 };
-const StyledErrorStateContainer = dt(Column)`
+const StyledErrorWarningStateContainer = dt(Column)`
   width: 100%;
   height: 225px;
   border-radius: 25px;
   ${({ backgroundColor }) => backgroundColor && `background: ${backgroundColor}`};
 `;
-const StyledErrorTextInnerContainer = dt(Column)`
+const StyledErrorWarningTextInnerContainer = dt(Column)`
   padding: 8px;
   max-height: 100px;
   overflow-y: auto;
@@ -2587,7 +2588,7 @@ const ROUTE_PREFERENCE_OPTIONS = [
   RoutePreference.FASTEST,
   RoutePreference.CHEAPEST
 ];
-const DEFAULT_DECIMAL_PLACES = 8;
+const DEFAULT_DECIMAL_PLACES = 6;
 var isNumeric = /^-?(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?$/i, mathceil = Math.ceil, mathfloor = Math.floor, bignumberError = "[BigNumber Error] ", tooManyDigits = bignumberError + "Number primitive has more than 15 significant digits: ", BASE = 1e14, LOG_BASE = 14, MAX_SAFE_INTEGER = 9007199254740991, POWS_TEN = [1, 10, 100, 1e3, 1e4, 1e5, 1e6, 1e7, 1e8, 1e9, 1e10, 1e11, 1e12, 1e13], SQRT_BASE = 1e7, MAX = 1e9;
 function clone(configObject) {
   var div, convertBase, parseNumeric, P2 = BigNumber2.prototype = { constructor: BigNumber2, toString: null, valueOf: null }, ONE = new BigNumber2(1), DECIMAL_PLACES = 20, ROUNDING_MODE = 4, TO_EXP_NEG = -7, TO_EXP_POS = 21, MIN_EXP = -1e7, MAX_EXP = 1e7, CRYPTO = false, MODULO_MODE = 1, POW_PRECISION = 0, FORMAT = {
@@ -4031,7 +4032,11 @@ function shouldReduceFontSize(value) {
   return valueWithoutCommas.length >= 14;
 }
 const formatDisplayAmount = (input, options = {}) => {
-  const { showLessThanSign = true, decimals = 6 } = options;
+  const {
+    showLessThanSign = true,
+    decimals = DEFAULT_DECIMAL_PLACES,
+    abbreviate = true
+  } = options;
   if (input === void 0) {
     return "";
   }
@@ -4050,6 +4055,18 @@ const formatDisplayAmount = (input, options = {}) => {
     const thresholdStr = THRESHOLD.toFixed(decimals);
     return showLessThanSign ? `< ${thresholdStr}` : thresholdStr;
   }
+  if (abbreviate) {
+    const scales = [
+      { value: 1e6, symbol: "M" },
+      { value: 1e3, symbol: "K" }
+    ];
+    for (const { value, symbol } of scales) {
+      if (abs2 >= value) {
+        const formatted = (num / value).toFixed(2).replace(/\.?0+$/, "");
+        return `${formatted}${symbol}`;
+      }
+    }
+  }
   return num.toFixed(decimals).replace(/\.?0+$/, "");
 };
 function limitDecimalsDisplayed(input, decimalPlaces = DEFAULT_DECIMAL_PLACES) {
@@ -4158,7 +4175,7 @@ const SwapPageHeader = ({ leftButton, rightButton, rightContent }) => {
 const StyledSwapPageHeaderContainer = dt(Row)`
   height: 30px;
 `;
-const ErrorPageBadPriceWarning = ({
+const WarningPageBadPrice = ({
   onClickContinue,
   onClickBack,
   route: route2
@@ -4256,14 +4273,14 @@ const ErrorPageBadPriceWarning = ({
           label: "Back",
           icon: ICONS.thinArrow,
           onClick: () => {
-            track("error page: bad price warning - header back button clicked");
+            track("warning page: bad price - header back button clicked");
             onClickBack();
           }
         }
       }
     ),
     /* @__PURE__ */ jsx(
-      ErrorPageContent,
+      ErrorWarningPageContent,
       {
         title,
         description: /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -4272,7 +4289,7 @@ const ErrorPageBadPriceWarning = ({
             SmallTextButton,
             {
               onClick: () => {
-                track("error page: bad price warning - continue anyway button clicked");
+                track("warning page: bad price - continue anyway button clicked");
                 onClickContinue();
               },
               color: theme.primary.text.lowContrast,
@@ -4291,7 +4308,7 @@ const ErrorPageBadPriceWarning = ({
         label: "Back",
         icon: ICONS.leftArrow,
         onClick: () => {
-          track("error page: bad price warning - main back button clicked");
+          track("warning page: bad price - main back button clicked");
           onClickBack();
         },
         backgroundColor: theme.error.text
@@ -4299,12 +4316,12 @@ const ErrorPageBadPriceWarning = ({
     )
   ] });
 };
-const ErrorPageAuthFailed = ({ onClickBack }) => {
-  const setErrorAtom = useSetAtom(errorAtom);
+const ExpectedErrorPageAuthFailed = ({ onClickBack }) => {
+  const setErrorWarningAtom = useSetAtom(errorWarningAtom);
   const theme = nt();
   const handleOnClickBack = () => {
-    track("error page: user rejected request - back button clicked");
-    setErrorAtom(void 0);
+    track("expected error page: user rejected request - back button clicked");
+    setErrorWarningAtom(void 0);
     onClickBack == null ? void 0 : onClickBack();
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -4319,7 +4336,7 @@ const ErrorPageAuthFailed = ({ onClickBack }) => {
       }
     ),
     /* @__PURE__ */ jsx(
-      ErrorPageContent,
+      ErrorWarningPageContent,
       {
         title: "Transaction failed",
         description: "User rejected authentication request",
@@ -4370,14 +4387,14 @@ const currentPageAtom = atom$1(
   0
   /* SwapPage */
 );
-const ErrorPageTransactionFailed = ({
+const UnexpectedErrorPageTransactionFailed = ({
   txHash,
   explorerLink,
   onClickContactSupport,
   onClickBack
 }) => {
   const theme = nt();
-  const setErrorAtom = useSetAtom(errorAtom);
+  const setErrorWarningAtom = useSetAtom(errorWarningAtom);
   const setCurrentPage = useSetAtom(currentPageAtom);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
@@ -4387,8 +4404,8 @@ const ErrorPageTransactionFailed = ({
           label: "Back",
           icon: ICONS.thinArrow,
           onClick: () => {
-            track("error page: transaction failed - header back button clicked");
-            setErrorAtom(void 0);
+            track("unexpected error page: transaction failed - header back button clicked");
+            setErrorWarningAtom(void 0);
             if (onClickBack) {
               onClickBack();
             }
@@ -4398,7 +4415,7 @@ const ErrorPageTransactionFailed = ({
       }
     ),
     /* @__PURE__ */ jsx(
-      ErrorPageContent,
+      ErrorWarningPageContent,
       {
         title: "Transaction failed",
         description: /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -4409,7 +4426,7 @@ const ErrorPageTransactionFailed = ({
               as: SmallTextButton,
               gap: 5,
               onClick: () => {
-                track("error page: transaction failed - explorer link clicked");
+                track("unexpected error page: transaction failed - explorer link clicked");
                 window.open(explorerLink, "_blank");
               },
               color: theme.primary.text.lowContrast,
@@ -4432,7 +4449,7 @@ const ErrorPageTransactionFailed = ({
         label: "Contact support",
         icon: ICONS.rightArrow,
         onClick: () => {
-          track("error page: transaction failed - contact support button clicked");
+          track("unexpected error page: transaction failed - contact support button clicked");
           onClickContactSupport();
         },
         backgroundColor: theme.error.text
@@ -4440,15 +4457,18 @@ const ErrorPageTransactionFailed = ({
     )
   ] });
 };
-const ErrorPageUnexpected = ({ error, onClickBack }) => {
+const UnexpectedErrorPageUnexpected = ({
+  error,
+  onClickBack
+}) => {
   const theme = nt();
-  const setErrorAtom = useSetAtom(errorAtom);
+  const setErrorWarningAtom = useSetAtom(errorWarningAtom);
   const setCurrentPage = useSetAtom(currentPageAtom);
   useEffect(() => {
     setTag("errorMessage", error == null ? void 0 : error.message);
   }, [error == null ? void 0 : error.message]);
   const onClickRetry = () => {
-    setErrorAtom(void 0);
+    setErrorWarningAtom(void 0);
     setCurrentPage(Routes.SwapPage);
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -4459,8 +4479,8 @@ const ErrorPageUnexpected = ({ error, onClickBack }) => {
           label: "Back",
           icon: ICONS.thinArrow,
           onClick: () => {
-            track("error page: unexpected error - header back button clicked");
-            setErrorAtom(void 0);
+            track("unexpected error page: unexpected error - header back button clicked");
+            setErrorWarningAtom(void 0);
             onClickBack == null ? void 0 : onClickBack();
             setCurrentPage(Routes.SwapPage);
           }
@@ -4468,7 +4488,7 @@ const ErrorPageUnexpected = ({ error, onClickBack }) => {
       }
     ),
     /* @__PURE__ */ jsx(
-      ErrorPageContent,
+      ErrorWarningPageContent,
       {
         title: "An unexpected error has occurred",
         description: error == null ? void 0 : error.message,
@@ -4483,7 +4503,7 @@ const ErrorPageUnexpected = ({ error, onClickBack }) => {
         label: "Retry",
         icon: ICONS.rightArrow,
         onClick: () => {
-          track("error page: unexpected error - retry button clicked");
+          track("unexpected error page: unexpected error - retry button clicked");
           onClickRetry();
         },
         backgroundColor: theme.error.text
@@ -4965,7 +4985,7 @@ const resetWidget = ({ onlyClearInputValues } = {}) => {
   }
   set(setRouteToDefaultRouteAtom);
   set(currentPageAtom, Routes.SwapPage);
-  set(errorAtom, void 0);
+  set(errorWarningAtom, void 0);
 };
 const sourceAssetAmountAtom = atom$1(
   (get) => {
@@ -5149,10 +5169,10 @@ const _skipRouteAtom = atomWithQuery((get) => {
   const params = get(skipRouteRequestAtom);
   const currentPage = get(currentPageAtom);
   const isInvertingSwap = get(isInvertingSwapAtom);
-  const error = get(errorAtom);
+  const errorWarning = get(errorWarningAtom);
   const routeConfig = get(routeConfigAtom);
   const swapSettings = get(swapSettingsAtom);
-  const queryEnabled = params !== void 0 && (Number(params.amountIn) > 0 || Number(params.amountOut) > 0) && !isInvertingSwap && currentPage === Routes.SwapPage && error === void 0;
+  const queryEnabled = params !== void 0 && (Number(params.amountIn) > 0 || Number(params.amountOut) > 0) && !isInvertingSwap && currentPage === Routes.SwapPage && errorWarning === void 0;
   return {
     queryKey: ["skipRoute", params, routeConfig, swapSettings],
     queryFn: async () => {
@@ -5168,10 +5188,10 @@ const _skipRouteAtom = atomWithQuery((get) => {
           abortDuplicateRequests: true
         });
         return response;
-      } catch (error2) {
+      } catch (error) {
         return {
           isError: true,
-          error: error2
+          error
         };
       }
     },
@@ -43189,7 +43209,7 @@ function walletConnect(parameters) {
         const optionalChains = config2.chains.map((x2) => x2.id);
         if (!optionalChains.length)
           return;
-        const { EthereumProvider } = await import("./index.es-DI-xtNqN.js");
+        const { EthereumProvider } = await import("./index.es-CPA_Zoq7.js");
         return await EthereumProvider.init({
           ...parameters,
           disableProviderPing: true,
@@ -43683,7 +43703,7 @@ const setSwapExecutionStateAtom = atom$1(null, (get, set) => {
       set(setOverallStatusAtom, "pending");
     },
     onError: (error, transactionDetailsArray) => {
-      var _a2, _b;
+      var _a2, _b, _c;
       const currentPage = get(currentPageAtom);
       track("execute route: error", { error, route: route2 });
       (_a2 = callbacks == null ? void 0 : callbacks.onTransactionFailed) == null ? void 0 : _a2.call(callbacks, {
@@ -43691,29 +43711,38 @@ const setSwapExecutionStateAtom = atom$1(null, (get, set) => {
       });
       const lastTransaction = transactionDetailsArray == null ? void 0 : transactionDetailsArray[(transactionDetailsArray == null ? void 0 : transactionDetailsArray.length) - 1];
       if (isUserRejectedRequestError(error)) {
-        track("error page: user rejected request");
+        track("expected error page: user rejected request");
         if (currentPage === Routes.SwapExecutionPage) {
-          set(errorAtom, {
-            errorType: ErrorType.AuthFailed,
+          set(errorWarningAtom, {
+            errorWarningType: ErrorWarningType.AuthFailed,
             onClickBack: () => {
               set(setOverallStatusAtom, "unconfirmed");
               set(clearIsValidatingGasBalanceAtom);
             }
           });
         }
-      } else if ((_b = error == null ? void 0 : error.message) == null ? void 0 : _b.toLowerCase().includes("insufficient balance for gas")) {
-        track("error page: insufficient balance for gas");
-        set(errorAtom, {
-          errorType: ErrorType.InsufficientBalanceForGas,
+      } else if ((_b = error == null ? void 0 : error.message) == null ? void 0 : _b.toLowerCase().includes("relay fee quote has expired")) {
+        track("error page: relay fee quote has expired");
+        set(errorWarningAtom, {
+          errorType: ErrorWarningType.ExpiredRelayFeeQuote,
+          error,
+          onClickBack: () => {
+            set(setOverallStatusAtom, "unconfirmed");
+          }
+        });
+      } else if ((_c = error == null ? void 0 : error.message) == null ? void 0 : _c.toLowerCase().includes("insufficient balance for gas")) {
+        track("expected error page: insufficient gas balance");
+        set(errorWarningAtom, {
+          errorWarningType: ErrorWarningType.InsufficientBalanceForGas,
           error,
           onClickBack: () => {
             set(setOverallStatusAtom, "unconfirmed");
           }
         });
       } else if (lastTransaction == null ? void 0 : lastTransaction.explorerLink) {
-        track("error page: transaction failed", { lastTransaction });
-        set(errorAtom, {
-          errorType: ErrorType.TransactionFailed,
+        track("unexpected error page: transaction failed", { lastTransaction });
+        set(errorWarningAtom, {
+          errorWarningType: ErrorWarningType.TransactionFailed,
           onClickBack: () => {
             set(setOverallStatusAtom, "unconfirmed");
           },
@@ -43724,9 +43753,9 @@ const setSwapExecutionStateAtom = atom$1(null, (get, set) => {
           }
         });
       } else {
-        track("error page: unexpected error", { error, route: route2 });
-        set(errorAtom, {
-          errorType: ErrorType.Unexpected,
+        track("unexpected error page: unexpected error", { error, route: route2 });
+        set(errorWarningAtom, {
+          errorWarningType: ErrorWarningType.Unexpected,
           error,
           onClickBack: () => {
             set(setOverallStatusAtom, "unconfirmed");
@@ -43793,30 +43822,11 @@ const chainAddressEffectAtom = atomEffect((get, set) => {
   }));
 });
 const submitSwapExecutionCallbacksAtom = atom$1();
-const fallbackGasAmountFnAtom = atom$1((get) => {
-  var _a;
-  const swapVenues = (_a = get(skipSwapVenuesAtom)) == null ? void 0 : _a.data;
-  return async (chainId, chainType) => {
-    if (chainType === ChainType.Evm) {
-      return EVM_GAS_AMOUNT;
-    }
-    if (chainType !== ChainType.Cosmos) return void 0;
-    const isSwapChain = (swapVenues == null ? void 0 : swapVenues.some((venue) => venue.chainId === chainId)) ?? false;
-    const defaultGasAmount = Math.ceil(
-      isSwapChain ? COSMOS_GAS_AMOUNT.SWAP : COSMOS_GAS_AMOUNT.DEFAULT
-    );
-    if (chainId === "carbon-1") {
-      return COSMOS_GAS_AMOUNT.CARBON;
-    }
-    return defaultGasAmount;
-  };
-});
 const simulateTxAtom = atom$1();
 const skipSubmitSwapExecutionAtom = atomWithMutation((get) => {
   var _a;
   const { route: route2, userAddresses, transactionDetailsArray } = get(swapExecutionStateAtom);
   const submitSwapExecutionCallbacks = get(submitSwapExecutionCallbacksAtom);
-  const getFallbackGasAmount = get(fallbackGasAmountFnAtom);
   const simulateTx = get(simulateTxAtom);
   const swapSettings = get(swapSettingsAtom);
   const getSigners = get(getConnectedSignersAtom);
@@ -43850,7 +43860,6 @@ const skipSubmitSwapExecutionAtom = atomWithMutation((get) => {
           slippageTolerancePercent: swapSettings.slippage.toString(),
           useUnlimitedApproval: swapSettings.useUnlimitedApproval,
           simulate: simulateTx !== void 0 ? simulateTx : route2.sourceAssetChainId !== "984122",
-          getFallbackGasAmount,
           ...submitSwapExecutionCallbacks,
           getCosmosSigner: async (chainId) => {
             if (getSigners == null ? void 0 : getSigners.getCosmosSigner) {
@@ -43913,9 +43922,13 @@ const useIsSwapOperation = (route2) => {
     return (clientOperations == null ? void 0 : clientOperations.some((item) => swapOperations.includes(item.type))) ?? false;
   }, [route2 == null ? void 0 : route2.operations]);
 };
-const ErrorPageTimeout = ({ txHash, explorerLink, onClickBack }) => {
+const UnexpectedErrorPageTimeout = ({
+  txHash,
+  explorerLink,
+  onClickBack
+}) => {
   const theme = nt();
-  const [error, setError] = useAtom(errorAtom);
+  const [errorWarning, setErrorWarning] = useAtom(errorWarningAtom);
   const setCurrentPage = useSetAtom(currentPageAtom);
   const { route: route2, transactionDetailsArray } = useAtomValue(swapExecutionStateAtom);
   const isGoFast = useIsGoFast(route2);
@@ -43924,11 +43937,11 @@ const ErrorPageTimeout = ({ txHash, explorerLink, onClickBack }) => {
     txs: transactionDetailsArray
   });
   useEffect(() => {
-    if (error && (data == null ? void 0 : data.isSettled)) {
-      track("error page: transaction timeover - transaction settled");
-      setError(void 0);
+    if (errorWarning && (data == null ? void 0 : data.isSettled)) {
+      track("unexpected error page: transaction timeover - transaction settled");
+      setErrorWarning(void 0);
     }
-  }, [data == null ? void 0 : data.isSettled, error, setError]);
+  }, [data == null ? void 0 : data.isSettled, errorWarning, setErrorWarning]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       SwapPageHeader,
@@ -43937,8 +43950,8 @@ const ErrorPageTimeout = ({ txHash, explorerLink, onClickBack }) => {
           label: "Back",
           icon: ICONS.thinArrow,
           onClick: () => {
-            track("error page: transaction timeover - header back button clicked");
-            setError(void 0);
+            track("unexpected error page: transaction timeover - header back button clicked");
+            setErrorWarning(void 0);
             onClickBack == null ? void 0 : onClickBack();
             setCurrentPage(Routes.SwapPage);
           }
@@ -43946,7 +43959,7 @@ const ErrorPageTimeout = ({ txHash, explorerLink, onClickBack }) => {
       }
     ),
     /* @__PURE__ */ jsx(
-      ErrorPageContent,
+      ErrorWarningPageContent,
       {
         title: "Sorry, your transaction is taking longer than usual.",
         description: /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -43964,7 +43977,7 @@ const ErrorPageTimeout = ({ txHash, explorerLink, onClickBack }) => {
               align: "center",
               as: SmallTextButton,
               onClick: () => {
-                track("error page: transaction timeover - view on explorer clicked");
+                track("unexpected error page: transaction timeover - view on explorer clicked");
                 window.open(explorerLink, "_blank");
               },
               color: theme.primary.text.lowContrast,
@@ -43983,19 +43996,20 @@ const ErrorPageTimeout = ({ txHash, explorerLink, onClickBack }) => {
     /* @__PURE__ */ jsx(MainButton, { isGoFast, label: "Processing", loading: true })
   ] });
 };
-const ErrorPageTradeAdditionalSigningRequired = ({
+const WarningPageTradeAdditionalSigningRequired = ({
   onClickContinue,
   signaturesRequired,
   onClickBack
 }) => {
   const theme = nt();
-  const setErrorAtom = useSetAtom(errorAtom);
+  const setErrorWarningAtom = useSetAtom(errorWarningAtom);
+  track("warning page: two signatures required");
   const handleOnClickBack = () => {
-    setErrorAtom(void 0);
+    setErrorWarningAtom(void 0);
     onClickBack == null ? void 0 : onClickBack();
   };
   const handleOnClickContinue = () => {
-    setErrorAtom(void 0);
+    setErrorWarningAtom(void 0);
     onClickContinue();
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -44006,14 +44020,14 @@ const ErrorPageTradeAdditionalSigningRequired = ({
           label: "Back",
           icon: ICONS.thinArrow,
           onClick: () => {
-            track("error page: additional signing required - header back button clicked");
+            track("warning page: additional signing required - header back button clicked");
             handleOnClickBack();
           }
         }
       }
     ),
     /* @__PURE__ */ jsx(
-      ErrorPageContent,
+      ErrorWarningPageContent,
       {
         title: "This transaction requires additional signing steps",
         description: /* @__PURE__ */ jsxs(SmallText, { textWrap: "balance", textAlign: "center", color: theme.warning.text, children: [
@@ -44035,7 +44049,7 @@ const ErrorPageTradeAdditionalSigningRequired = ({
         label: "Continue",
         icon: ICONS.rightArrow,
         onClick: () => {
-          track("error page: additional signing required - main continue button clicked");
+          track("warning page: additional signing required - main continue button clicked");
           handleOnClickContinue();
         },
         backgroundColor: theme.warning.text
@@ -44043,13 +44057,13 @@ const ErrorPageTradeAdditionalSigningRequired = ({
     )
   ] });
 };
-const ErrorPageTransactionReverted = ({
+const UnexpectedErrorPageTransactionReverted = ({
   explorerUrl,
   transferAssetRelease,
   onClickContinueTransaction,
   onClickBack
 }) => {
-  const setErrorAtom = useSetAtom(errorAtom);
+  const setErrorWarningAtom = useSetAtom(errorWarningAtom);
   const setCurrentPage = useSetAtom(currentPageAtom);
   const theme = nt();
   const assetDetails = useGetAssetDetails({
@@ -44065,8 +44079,8 @@ const ErrorPageTransactionReverted = ({
           label: "Back",
           icon: ICONS.thinArrow,
           onClick: () => {
-            track("error page: transaction reverted - header back button clicked");
-            setErrorAtom(void 0);
+            track("unexpected error page: transaction reverted - header back button clicked");
+            setErrorWarningAtom(void 0);
             onClickBack == null ? void 0 : onClickBack();
             setCurrentPage(Routes.SwapPage);
           }
@@ -44074,7 +44088,7 @@ const ErrorPageTransactionReverted = ({
       }
     ),
     /* @__PURE__ */ jsx(
-      ErrorPageContent,
+      ErrorWarningPageContent,
       {
         title: "Action Required",
         description: /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -44099,7 +44113,7 @@ const ErrorPageTransactionReverted = ({
               align: "center",
               as: SmallTextButton,
               onClick: () => {
-                track("error page: transaction reverted - view on explorer clicked");
+                track("unexpected error page: transaction reverted - view on explorer clicked");
                 window.open(explorerUrl, "_blank");
               },
               color: theme.primary.text.lowContrast,
@@ -44122,14 +44136,14 @@ const ErrorPageTransactionReverted = ({
         backgroundColor: theme.warning.text,
         icon: ICONS.rightArrow,
         onClick: () => {
-          track("error page: transaction reverted - main continue button clicked");
+          track("unexpected error page: transaction reverted - main continue button clicked");
           onClickContinueTransaction();
         }
       }
     )
   ] });
 };
-const ErrorPageCosmosLedgerWarning = ({ onClickBack }) => {
+const WarningPageCosmosLedger = ({ onClickBack }) => {
   const theme = nt();
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
@@ -44139,14 +44153,14 @@ const ErrorPageCosmosLedgerWarning = ({ onClickBack }) => {
           label: "Back",
           icon: ICONS.thinArrow,
           onClick: () => {
-            track("error page: cosmos ledger warning - header back button clicked");
+            track("warning page: cosmos ledger - header back button clicked");
             onClickBack();
           }
         }
       }
     ),
     /* @__PURE__ */ jsx(
-      ErrorPageContent,
+      ErrorWarningPageContent,
       {
         title: "Warning: Ledger not supported",
         description: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(SmallText, { color: theme.error.text, textAlign: "center", textWrap: "balance", children: "Ledger isn't currently supported on Ethermint chains (such as Injective, Dymension, EVMOS, and similar networks)." }) }),
@@ -44161,7 +44175,7 @@ const ErrorPageCosmosLedgerWarning = ({ onClickBack }) => {
         label: "Back",
         icon: ICONS.leftArrow,
         onClick: () => {
-          track("error page: cosmos ledger warning - main back button clicked");
+          track("warning page: cosmos ledger - main back button clicked");
           onClickBack();
         },
         backgroundColor: theme.error.text
@@ -44240,6 +44254,9 @@ const Modal = ({ children, drawer, container, onOpenChange, theme }) => {
         "data-root-id": rootId,
         onAnimationEnd: () => {
           if (!modal.visible) {
+            if (modalRef.current) {
+              modalRef.current.style.display = "none";
+            }
             modal.remove();
           }
         },
@@ -44261,13 +44278,13 @@ const Modal = ({ children, drawer, container, onOpenChange, theme }) => {
 const createModal = (component) => {
   const Component = component;
   const WrappedComponent = (props) => {
-    const setError = useSetAtom(errorAtom);
+    const setErrorWarning = useSetAtom(errorWarningAtom);
     const theme = useAtomValue(themeAtom);
     return /* @__PURE__ */ jsx(Modal, { ...props, theme, children: /* @__PURE__ */ jsx(
       ErrorBoundary,
       {
         fallback: null,
-        onError: (error) => setError({ errorType: ErrorType.Unexpected, error }),
+        onError: (error) => setErrorWarning({ errorWarningType: ErrorWarningType.Unexpected, error }),
         children: /* @__PURE__ */ jsx(Component, { ...props })
       }
     ) });
@@ -44341,6 +44358,7 @@ const StyledOverlay = dt.div`
   place-items: center;
   z-index: 10;
   animation: ${({ open }) => open ? fadeIn$1 : fadeOut} 150ms ease-in-out forwards;
+
   /* For Chrome */
   &::-webkit-scrollbar {
     display: none;
@@ -44364,6 +44382,8 @@ const StyledOverlay = dt.div`
       /* For Internet Explorer and Edge */
       -ms-overflow-style: none;
     `};
+
+  pointer-events: ${({ open }) => open ? "auto" : "none"};
 `;
 const StyledContent = dt.div`
   max-width: 600px;
@@ -44497,12 +44517,14 @@ const VirtualList = ({
   renderItem,
   itemKey,
   className,
-  empty
+  empty,
+  expandedItemKey
 }) => {
   const theme = nt();
   const [currentlyFocusedElement, setCurrentlyFocusedElement] = useState();
   const listHeight = useListHeight(itemHeight);
   const listRef = useRef(null);
+  const itemRefs = useRef({});
   useEffect(() => {
     var _a, _b, _c;
     const listElement = (_c = (_b = (_a = listRef.current) == null ? void 0 : _a.nativeElement) == null ? void 0 : _b.getElementsByClassName(
@@ -44541,6 +44563,13 @@ const VirtualList = ({
       (_a = listRef.current) == null ? void 0 : _a.scrollTo(0);
     }, 0);
   }, [listItems.length]);
+  useEffect(() => {
+    if (!listRef.current || expandedItemKey == null) return;
+    const index = listItems.findIndex((item) => itemKey(item) === expandedItemKey);
+    if (index !== -1) {
+      listRef.current.scrollTo({ index, align: "top" });
+    }
+  }, [expandedItemKey, listItems, itemKey]);
   if (listItems.length === 0) {
     return /* @__PURE__ */ jsxs(StyledNoResultsContainer, { gap: 10, height: height ?? listHeight, children: [
       empty == null ? void 0 : empty.icon,
@@ -44567,7 +44596,9 @@ const VirtualList = ({
           backgroundColor: getHexColor(theme.primary.text.normal) + opacityToHex(50)
         }
       },
-      children: (item, index) => renderItem(item, index)
+      children: (item, index) => renderItem(item, index, (el) => {
+        itemRefs.current[itemKey(item)] = el;
+      })
     }
   );
 };
@@ -48566,11 +48597,8 @@ const useSettingsDrawer = () => {
   };
   return { SettingsFooter, drawerOpen };
 };
-const ErrorPageGoFastWarning = ({
-  onClickBack,
-  onClickContinue
-}) => {
-  const setErrorAtom = useSetAtom(errorAtom);
+const WarningPageGoFast = ({ onClickBack, onClickContinue }) => {
+  const setErrorWarningAtom = useSetAtom(errorWarningAtom);
   const setShowGoFastErrorAtom = useSetAtom(goFastWarningAtom);
   const { SettingsFooter, drawerOpen } = useSettingsDrawer();
   const theme = nt();
@@ -48579,7 +48607,7 @@ const ErrorPageGoFastWarning = ({
     setTag("goFastWarning", true);
   }, [setShowGoFastErrorAtom]);
   const handleOnClickBack = () => {
-    setErrorAtom(void 0);
+    setErrorWarningAtom(void 0);
     onClickBack == null ? void 0 : onClickBack();
   };
   return /* @__PURE__ */ jsxs(
@@ -48597,14 +48625,14 @@ const ErrorPageGoFastWarning = ({
               label: "Back",
               icon: ICONS.thinArrow,
               onClick: () => {
-                track("error page: go fast warning - header back button clicked");
+                track("warning page: go fast - header back button clicked");
                 handleOnClickBack();
               }
             }
           }
         ),
         /* @__PURE__ */ jsx(
-          ErrorPageContent,
+          ErrorWarningPageContent,
           {
             title: "You're on the fastest route",
             description: /* @__PURE__ */ jsxs(SmallText, { textAlign: "center", textWrap: "balance", lineHeight: "17px", children: [
@@ -48627,7 +48655,7 @@ const ErrorPageGoFastWarning = ({
             label: "Continue",
             icon: ICONS.rightArrow,
             onClick: () => {
-              track("error page: go fast warning - main continue button clicked");
+              track("warning page: go fast - main continue button clicked");
               onClickContinue();
             }
           }
@@ -48640,7 +48668,7 @@ const ErrorPageGoFastWarning = ({
 const StyledSettingsContainer = dt(Row)`
   display: inline-flex;
 `;
-const ErrorPageLowInfoWarning = ({
+const WarningPageLowInfo = ({
   onClickContinue,
   onClickBack,
   route: route2
@@ -48672,14 +48700,14 @@ const ErrorPageLowInfoWarning = ({
           label: "Back",
           icon: ICONS.thinArrow,
           onClick: () => {
-            track("error page: low info warning - header back button clicked");
+            track("warning page: low info - header back button clicked");
             onClickBack();
           }
         }
       }
     ),
     /* @__PURE__ */ jsx(
-      ErrorPageContent,
+      ErrorWarningPageContent,
       {
         title: "Warning: Incomplete Price Data",
         description: /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -48698,7 +48726,7 @@ const ErrorPageLowInfoWarning = ({
             SmallTextButton,
             {
               onClick: () => {
-                track("error page: low info warning - continue anyway clicked");
+                track("warning page: low info - continue anyway clicked");
                 onClickContinue();
               },
               color: theme.primary.text.lowContrast,
@@ -48717,7 +48745,7 @@ const ErrorPageLowInfoWarning = ({
         label: "Back",
         icon: ICONS.leftArrow,
         onClick: () => {
-          track("error page: low info warning - main back button clicked");
+          track("warning page: low info - main back button clicked");
           onClickBack();
         },
         backgroundColor: theme.warning.text
@@ -48725,15 +48753,18 @@ const ErrorPageLowInfoWarning = ({
     )
   ] });
 };
-const ErrorPageInsufficientGasBalance = ({ error, onClickBack }) => {
+const ExpectedErrorPageInsufficientGasBalance = ({
+  error,
+  onClickBack
+}) => {
   const theme = nt();
-  const setErrorAtom = useSetAtom(errorAtom);
+  const setErrorWarningAtom = useSetAtom(errorWarningAtom);
   const setCurrentPage = useSetAtom(currentPageAtom);
   useEffect(() => {
     setTag("errorMessage", error == null ? void 0 : error.message);
   }, [error == null ? void 0 : error.message]);
   const onClickRetry = () => {
-    setErrorAtom(void 0);
+    setErrorWarningAtom(void 0);
     setCurrentPage(Routes.SwapPage);
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -48744,8 +48775,8 @@ const ErrorPageInsufficientGasBalance = ({ error, onClickBack }) => {
           label: "Back",
           icon: ICONS.thinArrow,
           onClick: () => {
-            track("error page: insufficient gas balance - header back button clicked");
-            setErrorAtom(void 0);
+            track("expected error page: insufficient gas balance - header back button clicked");
+            setErrorWarningAtom(void 0);
             onClickBack == null ? void 0 : onClickBack();
             setCurrentPage(Routes.SwapPage);
           }
@@ -48753,7 +48784,7 @@ const ErrorPageInsufficientGasBalance = ({ error, onClickBack }) => {
       }
     ),
     /* @__PURE__ */ jsx(
-      ErrorPageContent,
+      ErrorWarningPageContent,
       {
         title: "Insufficient gas balance",
         description: error == null ? void 0 : error.message,
@@ -48768,7 +48799,7 @@ const ErrorPageInsufficientGasBalance = ({ error, onClickBack }) => {
         label: "Retry",
         icon: ICONS.rightArrow,
         onClick: () => {
-          track("error page: insufficient gas balance - retry button clicked");
+          track("expected error page: insufficient gas balance - retry button clicked");
           onClickRetry();
         },
         backgroundColor: theme.error.text
@@ -48776,37 +48807,90 @@ const ErrorPageInsufficientGasBalance = ({ error, onClickBack }) => {
     )
   ] });
 };
-const ErrorPage = () => {
-  const [error] = useAtom(errorAtom);
+const ExpectedErrorPageRelayFeeQuoteExpired = ({ error, onClickBack }) => {
+  const theme = nt();
+  const setErrorAtom = useSetAtom(errorWarningAtom);
+  const setCurrentPage = useSetAtom(currentPageAtom);
+  useEffect(() => {
+    setTag("errorMessage", error == null ? void 0 : error.message);
+  }, [error == null ? void 0 : error.message]);
+  const onClickRetry = () => {
+    setErrorAtom(void 0);
+    setCurrentPage(Routes.SwapPage);
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      SwapPageHeader,
+      {
+        leftButton: {
+          label: "Back",
+          icon: ICONS.thinArrow,
+          onClick: () => {
+            track("error page: relay fee quote expired - header back button clicked");
+            setErrorAtom(void 0);
+            onClickBack == null ? void 0 : onClickBack();
+            setCurrentPage(Routes.SwapPage);
+          }
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ErrorWarningPageContent,
+      {
+        title: "Relay fee quote expired",
+        description: "Please retry your route.",
+        icon: ICONS.triangleWarning,
+        backgroundColor: theme.error.background,
+        textColor: theme.error.text
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      MainButton,
+      {
+        label: "Retry",
+        icon: ICONS.rightArrow,
+        onClick: () => {
+          track("error page: relay fee quote expired - retry button clicked");
+          onClickRetry();
+        },
+        backgroundColor: theme.error.text
+      }
+    )
+  ] });
+};
+const ErrorWarningPage = () => {
+  const [errorWarningPage] = useAtom(errorWarningAtom);
   const renderErrorVariant = useMemo(() => {
-    switch (error == null ? void 0 : error.errorType) {
-      case ErrorType.AuthFailed:
-        return /* @__PURE__ */ jsx(ErrorPageAuthFailed, { ...error });
-      case ErrorType.GoFastWarning:
-        return /* @__PURE__ */ jsx(ErrorPageGoFastWarning, { ...error });
-      case ErrorType.Timeout:
-        return /* @__PURE__ */ jsx(ErrorPageTimeout, { ...error });
-      case ErrorType.AdditionalSigningRequired:
-        return /* @__PURE__ */ jsx(ErrorPageTradeAdditionalSigningRequired, { ...error });
-      case ErrorType.BadPriceWarning:
-        return /* @__PURE__ */ jsx(ErrorPageBadPriceWarning, { ...error });
-      case ErrorType.TransactionFailed:
-        return /* @__PURE__ */ jsx(ErrorPageTransactionFailed, { ...error });
-      case ErrorType.TransactionReverted:
-        return /* @__PURE__ */ jsx(ErrorPageTransactionReverted, { ...error });
-      case ErrorType.Unexpected:
-        return /* @__PURE__ */ jsx(ErrorPageUnexpected, { error: error.error });
-      case ErrorType.InsufficientBalanceForGas:
-        return /* @__PURE__ */ jsx(ErrorPageInsufficientGasBalance, { error: error.error });
-      case ErrorType.CosmosLedgerWarning:
-        return /* @__PURE__ */ jsx(ErrorPageCosmosLedgerWarning, { ...error });
-      case ErrorType.LowInfoWarning:
-        return /* @__PURE__ */ jsx(ErrorPageLowInfoWarning, { ...error });
+    switch (errorWarningPage == null ? void 0 : errorWarningPage.errorWarningType) {
+      case ErrorWarningType.AuthFailed:
+        return /* @__PURE__ */ jsx(ExpectedErrorPageAuthFailed, { ...errorWarningPage });
+      case ErrorWarningType.GoFastWarning:
+        return /* @__PURE__ */ jsx(WarningPageGoFast, { ...errorWarningPage });
+      case ErrorWarningType.Timeout:
+        return /* @__PURE__ */ jsx(UnexpectedErrorPageTimeout, { ...errorWarningPage });
+      case ErrorWarningType.AdditionalSigningRequired:
+        return /* @__PURE__ */ jsx(WarningPageTradeAdditionalSigningRequired, { ...errorWarningPage });
+      case ErrorWarningType.BadPriceWarning:
+        return /* @__PURE__ */ jsx(WarningPageBadPrice, { ...errorWarningPage });
+      case ErrorWarningType.TransactionFailed:
+        return /* @__PURE__ */ jsx(UnexpectedErrorPageTransactionFailed, { ...errorWarningPage });
+      case ErrorWarningType.TransactionReverted:
+        return /* @__PURE__ */ jsx(UnexpectedErrorPageTransactionReverted, { ...errorWarningPage });
+      case ErrorWarningType.Unexpected:
+        return /* @__PURE__ */ jsx(UnexpectedErrorPageUnexpected, { error: errorWarningPage.error });
+      case ErrorWarningType.InsufficientBalanceForGas:
+        return /* @__PURE__ */ jsx(ExpectedErrorPageInsufficientGasBalance, { error: errorWarningPage.error });
+      case ErrorWarningType.CosmosLedgerWarning:
+        return /* @__PURE__ */ jsx(WarningPageCosmosLedger, { ...errorWarningPage });
+      case ErrorWarningType.ExpiredRelayFeeQuote:
+        return /* @__PURE__ */ jsx(ExpectedErrorPageRelayFeeQuoteExpired, { ...errorWarningPage });
+      case ErrorWarningType.LowInfoWarning:
+        return /* @__PURE__ */ jsx(WarningPageLowInfo, { ...errorWarningPage });
       default:
         return;
     }
-  }, [error]);
-  if ((error == null ? void 0 : error.errorType) === void 0) return null;
+  }, [errorWarningPage]);
+  if ((errorWarningPage == null ? void 0 : errorWarningPage.errorWarningType) === void 0) return null;
   return /* @__PURE__ */ jsx(Column, { gap: 5, children: renderErrorVariant });
 };
 const SwapExecutionPageRouteSimpleRow = ({
@@ -48852,9 +48936,6 @@ const SwapExecutionPageRouteSimpleRow = ({
       }
     }
   }, [chainAddresses, context]);
-  const displayAmount = useMemo(() => {
-    return formatDisplayAmount(assetDetails.amount);
-  }, [assetDetails.amount]);
   const renderExplorerLink = useMemo(() => {
     if (!explorerLink) return;
     if (isMobileScreenSize) {
@@ -48883,7 +48964,7 @@ const SwapExecutionPageRouteSimpleRow = ({
     ),
     /* @__PURE__ */ jsxs(Column, { gap: 5, children: [
       /* @__PURE__ */ jsxs(StyledSymbolAndAmount, { children: [
-        displayAmount,
+        formatDisplayAmount(assetDetails.amount),
         " ",
         assetDetails == null ? void 0 : assetDetails.symbol
       ] }),
@@ -49470,7 +49551,7 @@ const useAutoSetAddress = () => {
 };
 const useHandleTransactionTimeout = (swapExecutionState) => {
   const { route: route2, transactionDetailsArray } = useAtomValue(swapExecutionStateAtom);
-  const setError = useSetAtom(errorAtom);
+  const setError = useSetAtom(errorWarningAtom);
   const setOverallStatus = useSetAtom(setOverallStatusAtom);
   const [transactionTimeoutTimer, setTransactionTimeoutTimer] = useState();
   useEffect(() => {
@@ -49479,9 +49560,9 @@ const useHandleTransactionTimeout = (swapExecutionState) => {
       const lastTransaction = transactionDetailsArray[transactionDetailsArray.length - 1];
       const timeoutTimer = setTimeout(
         () => {
-          track("error page: transaction overtime", { route: route2 });
+          track("unexpected error page: transaction timeover", { route: route2 });
           setError({
-            errorType: ErrorType.Timeout,
+            errorWarningType: ErrorWarningType.Timeout,
             onClickBack: () => {
               setOverallStatus("unconfirmed");
             },
@@ -49731,7 +49812,7 @@ const SwapExecutionButton = ({
     swapExecutionState
   });
   const theme = nt();
-  const setError = useSetAtom(errorAtom);
+  const setErrorWarning = useSetAtom(errorWarningAtom);
   const setCurrentPage = useSetAtom(currentPageAtom);
   const clearAssetInputAmounts = useSetAtom(clearAssetInputAmountsAtom);
   const isGoFast = useIsGoFast(route2);
@@ -49782,9 +49863,9 @@ const SwapExecutionButton = ({
       track("swap execution page: confirm button - clicked", { route: route2 });
       const onClickConfirmSwap = () => {
         if ((route2 == null ? void 0 : route2.txsRequired) && route2.txsRequired > 1) {
-          track("error page: additional signing required", { route: route2 });
-          setError({
-            errorType: ErrorType.AdditionalSigningRequired,
+          track("warning page: additional signing required", { route: route2 });
+          setErrorWarning({
+            errorWarningType: ErrorWarningType.AdditionalSigningRequired,
             onClickContinue: () => submitExecuteRouteMutation(),
             signaturesRequired: route2.txsRequired
           });
@@ -49845,7 +49926,7 @@ const SwapExecutionButton = ({
 };
 const useHandleTransactionFailed = (statusData) => {
   var _a, _b;
-  const setError = useSetAtom(errorAtom);
+  const setErrorWarning = useSetAtom(errorWarningAtom);
   const setCurrentPage = useSetAtom(currentPageAtom);
   const setSourceAssetAtom = useSetAtom(sourceAssetAtom);
   const setDebouncedSourceAssetAmountAtom = useSetAtom(debouncedSourceAssetAmountAtom);
@@ -49869,12 +49950,12 @@ const useHandleTransactionFailed = (statusData) => {
   useEffect(() => {
     if ((statusData == null ? void 0 : statusData.isSettled) && !(statusData == null ? void 0 : statusData.isSuccess)) {
       if (sourceClientAsset) {
-        track("error page: transaction reverted", {
+        track("unexpected error page: transaction reverted", {
           transferAssetRelease: statusData.transferAssetRelease,
           lastTransaction
         });
-        setError({
-          errorType: ErrorType.TransactionReverted,
+        setErrorWarning({
+          errorWarningType: ErrorWarningType.TransactionReverted,
           onClickContinueTransaction: () => {
             var _a2;
             setSourceAssetAtom(sourceClientAsset);
@@ -49884,16 +49965,16 @@ const useHandleTransactionFailed = (statusData) => {
               true
             );
             setCurrentPage(Routes.SwapPage);
-            setError(void 0);
+            setErrorWarning(void 0);
           },
           explorerUrl: (lastTransaction == null ? void 0 : lastTransaction.explorerLink) ?? "",
           transferAssetRelease: statusData.transferAssetRelease
         });
         return;
       }
-      track("error page: transaction failed", { lastTransaction });
-      setError({
-        errorType: ErrorType.TransactionFailed,
+      track("unexpected error page: transaction failed", { lastTransaction });
+      setErrorWarning({
+        errorWarningType: ErrorWarningType.TransactionFailed,
         onClickContactSupport: () => window.open("https://skip.build/discord", "_blank"),
         explorerLink: (lastTransaction == null ? void 0 : lastTransaction.explorerLink) ?? "",
         txHash: lastTransaction == null ? void 0 : lastTransaction.txHash
@@ -49905,7 +49986,7 @@ const useHandleTransactionFailed = (statusData) => {
     lastTransaction == null ? void 0 : lastTransaction.txHash,
     setCurrentPage,
     setDebouncedSourceAssetAmountAtom,
-    setError,
+    setErrorWarning,
     setSourceAssetAtom,
     sourceClientAsset,
     statusData == null ? void 0 : statusData.isSettled,
@@ -50602,7 +50683,8 @@ const useUpdateAmountWhenRouteChanges = () => {
         ...old,
         amount: formatDisplayAmount(swapInAmount, {
           decimals: destinationAsset.decimals,
-          showLessThanSign: false
+          showLessThanSign: false,
+          abbreviate: false
         })
       }));
     } else if (direction === "swap-out" && swapOutAmountChanged) {
@@ -50610,7 +50692,8 @@ const useUpdateAmountWhenRouteChanges = () => {
         ...old,
         amount: formatDisplayAmount(swapOutAmount, {
           decimals: sourceAsset.decimals,
-          showLessThanSign: false
+          showLessThanSign: false,
+          abbreviate: false
         })
       }));
     }
@@ -50631,6 +50714,177 @@ const useShowCosmosLedgerWarning = () => {
     return !!(account == null ? void 0 : account.wallet.isLedger);
   }, [sourceAsset == null ? void 0 : sourceAsset.chainId, chainType, getAccount]);
 };
+const name = "@skip-go/widget";
+const description = "Swap widget";
+const version = "3.10.3";
+const repository = {
+  url: "https://github.com/skip-mev/skip-go",
+  directory: "packages/widget"
+};
+const type = "module";
+const scripts = {
+  dev: "vite --force --host",
+  "dev:storybook": "storybook dev -p 6006",
+  build: "npm run generate-chains && NODE_OPTIONS=--max-old-space-size=16384 vite build",
+  "watch:build": "vite build --watch",
+  lint: "NODE_OPTIONS=--max-old-space-size=32384 eslint . --fix",
+  preview: "vite preview",
+  "build:web-component": "NODE_OPTIONS=--max-old-space-size=32384 webpack --config webpack.config.js",
+  "publish:web-component": "npm run build:web-component && cd web-component && npm publish && cd ..",
+  prepack: "yarn run pre",
+  postpack: "yarn run post",
+  pre: "npm run build && node scripts/prepublish.cjs",
+  post: "git checkout -- package.json",
+  "generate-chains": "node scripts/generate-chains.cjs",
+  "update-registries": "yarn up @initia/initia-registry chain-registry",
+  test: "yarn playwright test"
+};
+const exports = {
+  ".": {
+    types: "./build/index.d.ts",
+    "import": "./build/index.js"
+  }
+};
+const types = "./build/index.d.ts";
+const files = [
+  "build",
+  "README.md"
+];
+const devDependencies = {
+  "@chromatic-com/storybook": "^1.6.1",
+  "@eslint/js": "^9.9.0",
+  "@initia/initia-registry": "^1.0.5",
+  "@keplr-wallet/types": "^0.12.125",
+  "@playwright/test": "^1.51.1",
+  "@storybook/addon-essentials": "^8.2.6",
+  "@storybook/addon-interactions": "^8.2.6",
+  "@storybook/addon-links": "^8.2.6",
+  "@storybook/addon-onboarding": "^8.2.6",
+  "@storybook/blocks": "^8.2.6",
+  "@storybook/react": "^8.2.6",
+  "@storybook/react-vite": "^8.2.6",
+  "@storybook/test": "^8.2.6",
+  "@testing-library/dom": "^10.4.0",
+  "@testing-library/react": "^16.2.0",
+  "@types/eslint__js": "^8.42.3",
+  "@types/pluralize": "^0.0.33",
+  "@types/react": "^19.0.10",
+  "@types/react-dom": "^19.0.4",
+  "@typescript-eslint/eslint-plugin": "^7.15.0",
+  "@typescript-eslint/parser": "^7.15.0",
+  "@vitejs/plugin-react": "^4.3.1",
+  buffer: "^6.0.3",
+  "chain-registry": "^1.69.218",
+  download: "^8.0.0",
+  eslint: "^9.9.0",
+  "eslint-config-prettier": "^9.1.0",
+  "eslint-plugin-prettier": "^5.2.1",
+  "eslint-plugin-react-hooks": "^4.6.2",
+  "fs-extra": "^11.3.0",
+  "node-polyfill-webpack-plugin": "^4.0.0",
+  "pino-pretty": "^13.0.0",
+  "postcss-loader": "^8.1.1",
+  prettier: "^3.4.2",
+  process: "^0.11.10",
+  "raw-loader": "^4.0.2",
+  react: ">=17.0.0",
+  "react-dom": ">=17.0.0",
+  starknet: "6.11.0",
+  storybook: "^8.2.6",
+  "ts-loader": "^9.5.1",
+  typescript: "^5.5.4",
+  "typescript-eslint": "^8.2.0",
+  "url-loader": "^4.1.1",
+  vite: "^5.3.4",
+  "vite-plugin-dts": "^4.0.0-beta.1",
+  "vite-plugin-node-polyfills": "^0.22.0",
+  webpack: "^5.94.0",
+  "webpack-cli": "^5.1.4"
+};
+const peerDependencies = {
+  "@tanstack/react-query": "^5.51.21",
+  react: ">=17.0.0",
+  "react-dom": ">=17.0.0",
+  viem: "^2.21.55",
+  wagmi: "^2.14.1"
+};
+const dependencies = {
+  "@amplitude/analytics-browser": "^2.11.12",
+  "@amplitude/plugin-session-replay-browser": "^1.16.5",
+  "@cosmjs/amino": "0.33.1",
+  "@cosmjs/cosmwasm-stargate": "0.33.1",
+  "@cosmjs/encoding": "0.33.1",
+  "@cosmjs/math": "0.33.1",
+  "@cosmjs/proto-signing": "0.33.1",
+  "@cosmjs/stargate": "0.33.1",
+  "@ebay/nice-modal-react": "^1.2.13",
+  "@eslint/compat": "^1.1.1",
+  "@penumbra-zone/bech32m": "^13.0.0",
+  "@penumbra-zone/client": "^24.0.0",
+  "@penumbra-zone/protobuf": "^7.2.0",
+  "@penumbra-zone/transport-dom": "^7.5.0",
+  "@r2wc/react-to-web-component": "^2.0.3",
+  "@sentry/react": "^8.46.0",
+  "@skip-go/client": "workspace:^",
+  "@solana/spl-token": "^0.4.8",
+  "@solana/wallet-adapter-backpack": "^0.1.14",
+  "@solana/wallet-adapter-coinbase": "^0.1.19",
+  "@solana/wallet-adapter-ledger": "^0.9.25",
+  "@solana/wallet-adapter-phantom": "^0.9.24",
+  "@solana/wallet-adapter-solflare": "^0.6.28",
+  "@solana/wallet-adapter-trust": "^0.1.13",
+  "@solana/web3.js": "^1.95.8",
+  "@tanstack/query-core": "^5.51.21",
+  "@walletconnect/modal": "^2.7.0",
+  "@walletconnect/sign-client": "^2.20.3",
+  "@walletconnect/solana-adapter": "^0.0.8",
+  add: "^2.0.6",
+  bech32: "^2.0.0",
+  graz: "0.3.2",
+  jotai: "^2.10.1",
+  "jotai-effect": "^1.0.2",
+  "jotai-tanstack-query": "^0.8.6",
+  "lodash.debounce": "^4.0.8",
+  pluralize: "^8.0.0",
+  "rc-virtual-list": "^3.14.5",
+  "react-error-boundary": "^4.0.13",
+  "react-shadow-scope": "^1.0.5",
+  "styled-components": "^6.1.13",
+  yarn: "^1.22.22",
+  zod: "^3.23.8"
+};
+const publishConfig = {
+  access: "public"
+};
+const packageJson = {
+  name,
+  description,
+  version,
+  repository,
+  type,
+  scripts,
+  exports,
+  types,
+  files,
+  devDependencies,
+  peerDependencies,
+  dependencies,
+  publishConfig
+};
+let isAmplitudeInitialized = false;
+const initAmplitude = () => {
+  if (isAmplitudeInitialized) return;
+  init("14616a575f32087cf0403ab8f3ea3ce0", {
+    appVersion: version
+  });
+  isAmplitudeInitialized = true;
+};
+const startAmplitudeSessionReplay = () => {
+  if (isAmplitudeInitialized) {
+    const plugin = sessionReplayPlugin({});
+    add(plugin);
+  }
+};
 const SwapPage = () => {
   var _a;
   const { SettingsFooter, drawerOpen } = useSettingsDrawer();
@@ -50647,7 +50901,7 @@ const SwapPage = () => {
   const isInvertingSwap = useAtomValue(isInvertingSwapAtom);
   const insufficientBalance = useInsufficientSourceBalance();
   const setSwapExecutionState = useSetAtom(setSwapExecutionStateAtom);
-  const setError = useSetAtom(errorAtom);
+  const setError = useSetAtom(errorWarningAtom);
   const { isFetching, isPending } = useAtomValue(skipAllBalancesAtom);
   const isLoadingBalances = isFetching && isPending;
   const { data: route2, isError: isRouteError, error: routeError } = useAtomValue(skipRouteAtom);
@@ -50693,7 +50947,7 @@ const SwapPage = () => {
         switchEvmchainId(asset == null ? void 0 : asset.chainId);
         setSourceAssetAmount("");
         setDestinationAssetAmount("");
-        NiceModal.remove(Modals.AssetAndChainSelectorModal);
+        NiceModal.hide(Modals.AssetAndChainSelectorModal);
       }
     });
   }, [setDestinationAssetAmount, setSourceAsset, setSourceAssetAmount, switchEvmchainId]);
@@ -50708,7 +50962,7 @@ const SwapPage = () => {
           ...asset
         }));
         switchEvmchainId(asset == null ? void 0 : asset.chainId);
-        NiceModal.remove(Modals.AssetAndChainSelectorModal);
+        NiceModal.hide(Modals.AssetAndChainSelectorModal);
       },
       selectedAsset: getClientAsset(sourceAsset == null ? void 0 : sourceAsset.denom, sourceAsset == null ? void 0 : sourceAsset.chainId),
       selectChain: true
@@ -50724,7 +50978,7 @@ const SwapPage = () => {
           ...old,
           ...asset
         }));
-        NiceModal.remove(Modals.AssetAndChainSelectorModal);
+        NiceModal.hide(Modals.AssetAndChainSelectorModal);
       }
     });
   }, [setDestinationAsset]);
@@ -50738,7 +50992,7 @@ const SwapPage = () => {
           ...old,
           ...asset
         }));
-        NiceModal.remove(Modals.AssetAndChainSelectorModal);
+        NiceModal.hide(Modals.AssetAndChainSelectorModal);
       },
       selectedAsset: getClientAsset(destinationAsset == null ? void 0 : destinationAsset.denom, destinationAsset == null ? void 0 : destinationAsset.chainId),
       selectChain: true
@@ -50815,9 +51069,9 @@ const SwapPage = () => {
       });
       setUserId(sourceAccount == null ? void 0 : sourceAccount.address);
       if (showCosmosLedgerWarning) {
-        track("error page: cosmos ledger warning", { route: route2 });
+        track("warning page: cosmos ledger", { route: route2 });
         setError({
-          errorType: ErrorType.CosmosLedgerWarning,
+          errorWarningType: ErrorWarningType.CosmosLedgerWarning,
           onClickBack: () => {
             setError(void 0);
           }
@@ -50825,9 +51079,9 @@ const SwapPage = () => {
         return;
       }
       if (((_a3 = route2 == null ? void 0 : route2.warning) == null ? void 0 : _a3.type) === "BAD_PRICE_WARNING") {
-        track("error page: bad price warning", { route: route2 });
+        track("warning page: bad price", { route: route2 });
         setError({
-          errorType: ErrorType.BadPriceWarning,
+          errorWarningType: ErrorWarningType.BadPriceWarning,
           onClickContinue: () => {
             setError(void 0);
             setChainAddresses({});
@@ -50842,9 +51096,9 @@ const SwapPage = () => {
         return;
       }
       if (((_b = route2 == null ? void 0 : route2.warning) == null ? void 0 : _b.type) === "LOW_INFO_WARNING") {
-        track("error page: low info warning", { route: route2 });
+        track("warning page: low info", { route: route2 });
         setError({
-          errorType: ErrorType.LowInfoWarning,
+          errorWarningType: ErrorWarningType.LowInfoWarning,
           onClickContinue: () => {
             setError(void 0);
             setChainAddresses({});
@@ -50859,9 +51113,9 @@ const SwapPage = () => {
         return;
       }
       if (showGoFastWarning && isGoFast) {
-        track("error page: go fast warning", { route: route2 });
+        track("warning page: go fast", { route: route2 });
         setError({
-          errorType: ErrorType.GoFastWarning,
+          errorWarningType: ErrorWarningType.GoFastWarning,
           onClickContinue: () => {
             setError(void 0);
             setChainAddresses({});
@@ -50879,6 +51133,7 @@ const SwapPage = () => {
       setCurrentPage(Routes.SwapExecutionPage);
       setUser({ username: sourceAccount == null ? void 0 : sourceAccount.address });
       if (sourceAccount == null ? void 0 : sourceAccount.address) {
+        startAmplitudeSessionReplay();
         const replay = getReplay();
         replay == null ? void 0 : replay.start();
       }
@@ -51820,144 +52075,142 @@ const FilledWarningIcon = ({
     }
   )
 ] });
-const TransactionHistoryPageHistoryItem = ({
-  index,
-  txHistoryItem,
-  showDetails,
-  onClickRow
-}) => {
-  var _a, _b, _c;
-  const theme = nt();
-  const isMobileScreenSize = useIsMobileScreenSize();
-  const { data: chains2 } = useAtomValue(skipChainsAtom);
-  const {
-    status: historyStatus,
-    explorerLinks: txHistoryExplorerLinks,
-    transferAssetRelease
-  } = useTxHistory({
-    txHistoryItem,
-    index
-  });
-  const removeTransactionHistoryItem = useSetAtom(removeTransactionHistoryItemAtom);
-  const {
-    route: {
-      amountIn,
-      amountOut,
-      sourceAssetDenom,
-      sourceAssetChainId,
-      destAssetDenom,
-      destAssetChainId
-    },
-    timestamp,
-    transactionDetails
-  } = txHistoryItem;
-  const initialTxHash = (_a = transactionDetails == null ? void 0 : transactionDetails[0]) == null ? void 0 : _a.txHash;
-  const chainId = (_b = transactionDetails == null ? void 0 : transactionDetails[0]) == null ? void 0 : _b.chainId;
-  const chainType = (_c = chains2 == null ? void 0 : chains2.find((chain) => chain.chainId === chainId)) == null ? void 0 : _c.chainType;
-  const derivedExplorerLink = createExplorerLink({
-    txHash: initialTxHash,
-    chainId,
-    chainType
-  });
-  const explorerLinks = useMemo(() => {
-    if (txHistoryExplorerLinks.length === 0 && derivedExplorerLink) {
-      return [derivedExplorerLink];
-    }
-    return txHistoryExplorerLinks;
-  }, [derivedExplorerLink, txHistoryExplorerLinks]);
-  const sourceAssetDetails = useGetAssetDetails({
-    assetDenom: sourceAssetDenom,
-    chainId: sourceAssetChainId,
-    tokenAmount: amountIn
-  });
-  const destinationAssetDetails = useGetAssetDetails({
-    assetDenom: destAssetDenom,
-    chainId: destAssetChainId,
-    tokenAmount: amountOut
-  });
-  const source = {
-    amount: sourceAssetDetails.amount,
-    asset: sourceAssetDetails.asset,
-    assetImage: sourceAssetDetails.assetImage ?? "",
-    chainName: sourceAssetDetails.chainName
-  };
-  const destination = {
-    amount: destinationAssetDetails.amount,
-    asset: destinationAssetDetails.asset,
-    assetImage: destinationAssetDetails.assetImage ?? "",
-    chainName: destinationAssetDetails.chainName
-  };
-  const renderStatus = useMemo(() => {
-    switch (historyStatus) {
-      case "unconfirmed":
-      case "pending":
-        return /* @__PURE__ */ jsx(
-          StyledAnimatedBorder,
-          {
-            width: 10,
-            height: 10,
-            backgroundColor: theme.primary.text.normal,
-            status: "pending"
-          }
-        );
-      case "completed":
-        return /* @__PURE__ */ jsx(StyledGreenDot, {});
-      case "incomplete":
-      case "failed": {
-        if (transferAssetRelease) {
-          return /* @__PURE__ */ jsx(FilledWarningIcon, { backgroundColor: theme.warning.text });
-        } else return /* @__PURE__ */ jsx(XIcon, { color: theme.error.text });
-      }
-    }
-  }, [
-    historyStatus,
-    theme.primary.text.normal,
-    theme.error.text,
-    theme.warning.text,
-    transferAssetRelease
-  ]);
-  const absoluteTimeString = useMemo(() => {
-    if (isMobileScreenSize) {
-      return getMobileDateFormat(new Date(timestamp));
-    }
-    return new Date(timestamp).toLocaleString();
-  }, [isMobileScreenSize, timestamp]);
-  const relativeTime = useMemo(() => {
-    if (historyStatus === "pending") {
-      return "In Progress";
-    }
-    if (!timestamp) return "";
-    return formatDistanceStrict(new Date(timestamp), /* @__PURE__ */ new Date(), {
-      addSuffix: true
-    }).replace("minutes", "mins").replace("minute", "min").replace("hours", "hrs").replace("hour", "hr").replace("seconds", "secs").replace("second", "sec").replace("months", "mos").replace("month", "mo").replace("years", "yrs").replace("year", "yr");
-  }, [timestamp, historyStatus]);
-  if (!txHistoryItem.route) return null;
-  return /* @__PURE__ */ jsxs(StyledHistoryContainer, { showDetails, children: [
-    /* @__PURE__ */ jsxs(StyledHistoryItemRow, { align: "center", justify: "space-between", onClick: onClickRow, children: [
-      /* @__PURE__ */ jsxs(Row, { gap: 8, align: "center", children: [
-        /* @__PURE__ */ jsx(RenderAssetAmount, { ...source, sourceAsset: true }),
-        /* @__PURE__ */ jsx(ThinArrowIcon, { color: theme.primary.text.lowContrast, direction: "right" }),
-        /* @__PURE__ */ jsx(RenderAssetAmount, { ...destination })
+const TransactionHistoryPageHistoryItem = forwardRef(
+  ({ index, txHistoryItem, showDetails, onClickRow }, ref) => {
+    var _a, _b, _c;
+    const theme = nt();
+    const isMobileScreenSize = useIsMobileScreenSize();
+    const { data: chains2 } = useAtomValue(skipChainsAtom);
+    const {
+      status: historyStatus,
+      explorerLinks: txHistoryExplorerLinks,
+      transferAssetRelease
+    } = useTxHistory({
+      txHistoryItem,
+      index
+    });
+    const removeTransactionHistoryItem = useSetAtom(removeTransactionHistoryItemAtom);
+    const {
+      route: {
+        amountIn,
+        amountOut,
+        sourceAssetDenom,
+        sourceAssetChainId,
+        destAssetDenom,
+        destAssetChainId
+      },
+      timestamp,
+      transactionDetails
+    } = txHistoryItem;
+    const initialTxHash = (_a = transactionDetails == null ? void 0 : transactionDetails[0]) == null ? void 0 : _a.txHash;
+    const chainId = (_b = transactionDetails == null ? void 0 : transactionDetails[0]) == null ? void 0 : _b.chainId;
+    const chainType = (_c = chains2 == null ? void 0 : chains2.find((chain) => chain.chainId === chainId)) == null ? void 0 : _c.chainType;
+    const derivedExplorerLink = createExplorerLink({
+      txHash: initialTxHash,
+      chainId,
+      chainType
+    });
+    const explorerLinks = useMemo(() => {
+      if (txHistoryExplorerLinks.length === 0 && derivedExplorerLink) {
+        return [derivedExplorerLink];
+      }
+      return txHistoryExplorerLinks;
+    }, [derivedExplorerLink, txHistoryExplorerLinks]);
+    const sourceAssetDetails = useGetAssetDetails({
+      assetDenom: sourceAssetDenom,
+      chainId: sourceAssetChainId,
+      tokenAmount: amountIn
+    });
+    const destinationAssetDetails = useGetAssetDetails({
+      assetDenom: destAssetDenom,
+      chainId: destAssetChainId,
+      tokenAmount: amountOut
+    });
+    const source = {
+      amount: sourceAssetDetails.amount,
+      asset: sourceAssetDetails.asset,
+      assetImage: sourceAssetDetails.assetImage ?? "",
+      chainName: sourceAssetDetails.chainName
+    };
+    const destination = {
+      amount: destinationAssetDetails.amount,
+      asset: destinationAssetDetails.asset,
+      assetImage: destinationAssetDetails.assetImage ?? "",
+      chainName: destinationAssetDetails.chainName
+    };
+    const renderStatus = useMemo(() => {
+      switch (historyStatus) {
+        case "unconfirmed":
+        case "pending":
+          return /* @__PURE__ */ jsx(
+            StyledAnimatedBorder,
+            {
+              width: 10,
+              height: 10,
+              backgroundColor: theme.primary.text.normal,
+              status: "pending"
+            }
+          );
+        case "completed":
+          return /* @__PURE__ */ jsx(StyledGreenDot, {});
+        case "incomplete":
+        case "failed": {
+          if (transferAssetRelease) {
+            return /* @__PURE__ */ jsx(FilledWarningIcon, { backgroundColor: theme.warning.text });
+          } else return /* @__PURE__ */ jsx(XIcon, { color: theme.error.text });
+        }
+      }
+    }, [
+      historyStatus,
+      theme.primary.text.normal,
+      theme.error.text,
+      theme.warning.text,
+      transferAssetRelease
+    ]);
+    const absoluteTimeString = useMemo(() => {
+      if (isMobileScreenSize) {
+        return getMobileDateFormat(new Date(timestamp));
+      }
+      return new Date(timestamp).toLocaleString();
+    }, [isMobileScreenSize, timestamp]);
+    const relativeTime = useMemo(() => {
+      if (historyStatus === "pending") {
+        return "In Progress";
+      }
+      if (!timestamp) return "";
+      return formatDistanceStrict(new Date(timestamp), /* @__PURE__ */ new Date(), {
+        addSuffix: true
+      }).replace("minutes", "mins").replace("minute", "min").replace("hours", "hrs").replace("hour", "hr").replace("seconds", "secs").replace("second", "sec").replace("months", "mos").replace("month", "mo").replace("years", "yrs").replace("year", "yr");
+    }, [timestamp, historyStatus]);
+    if (!txHistoryItem.route) return null;
+    return /* @__PURE__ */ jsxs(StyledHistoryContainer, { ref, showDetails, children: [
+      /* @__PURE__ */ jsxs(StyledHistoryItemRow, { align: "center", justify: "space-between", onClick: onClickRow, children: [
+        /* @__PURE__ */ jsxs(Row, { gap: 8, align: "center", children: [
+          /* @__PURE__ */ jsx(RenderAssetAmount, { ...source, sourceAsset: true }),
+          /* @__PURE__ */ jsx(ThinArrowIcon, { color: theme.primary.text.lowContrast, direction: "right" }),
+          /* @__PURE__ */ jsx(RenderAssetAmount, { ...destination })
+        ] }),
+        /* @__PURE__ */ jsxs(Row, { align: "center", gap: 6, children: [
+          /* @__PURE__ */ jsx(SmallText, { children: relativeTime }),
+          /* @__PURE__ */ jsx(Row, { width: 20, align: "center", justify: "center", children: renderStatus })
+        ] })
       ] }),
-      /* @__PURE__ */ jsxs(Row, { align: "center", gap: 6, children: [
-        /* @__PURE__ */ jsx(SmallText, { children: relativeTime }),
-        /* @__PURE__ */ jsx(Row, { width: 20, align: "center", justify: "center", children: renderStatus })
-      ] })
-    ] }),
-    showDetails && /* @__PURE__ */ jsx(
-      TransactionHistoryPageHistoryItemDetails,
-      {
-        status: historyStatus,
-        sourceChainName: sourceAssetDetails.chainName ?? "--",
-        destinationChainName: destinationAssetDetails.chainName ?? "--",
-        absoluteTimeString,
-        onClickDelete: () => removeTransactionHistoryItem(index),
-        explorerLinks,
-        transferAssetRelease
-      }
-    )
-  ] });
-};
+      showDetails && /* @__PURE__ */ jsx(
+        TransactionHistoryPageHistoryItemDetails,
+        {
+          status: historyStatus,
+          sourceChainName: sourceAssetDetails.chainName ?? "--",
+          destinationChainName: destinationAssetDetails.chainName ?? "--",
+          absoluteTimeString,
+          onClickDelete: () => removeTransactionHistoryItem(index),
+          explorerLinks,
+          transferAssetRelease
+        }
+      )
+    ] });
+  }
+);
+TransactionHistoryPageHistoryItem.displayName = "TransactionHistoryPageHistoryItem";
 const RenderAssetAmount = ({
   amount,
   asset,
@@ -51966,13 +52219,6 @@ const RenderAssetAmount = ({
   sourceAsset = false
 }) => {
   const isMobileScreenSize = useIsMobileScreenSize();
-  const formattedAmount = useMemo(() => {
-    const numberAfterLimitTwoDecimalPlaces = limitDecimalsDisplayed(amount, 2);
-    if (numberAfterLimitTwoDecimalPlaces === "0.00") {
-      return "< 0.01";
-    }
-    return numberAfterLimitTwoDecimalPlaces;
-  }, [amount]);
   const subtitle = useMemo(() => {
     if (!asset) return;
     const verboseString = `${asset == null ? void 0 : asset.recommendedSymbol} on ${chainName ?? (asset == null ? void 0 : asset.chainName)}`;
@@ -51981,10 +52227,12 @@ const RenderAssetAmount = ({
     }
     return verboseString;
   }, [asset, chainName, isMobileScreenSize, sourceAsset]);
-  return /* @__PURE__ */ jsxs(Row, { gap: 8, children: [
-    /* @__PURE__ */ jsx("img", { height: 35, width: 35, src: assetImage, alt: subtitle }),
+  return /* @__PURE__ */ jsxs(Row, { gap: 8, align: "center", children: [
+    /* @__PURE__ */ jsx("img", { height: 30, width: 30, src: assetImage, alt: subtitle }),
     /* @__PURE__ */ jsxs(Column, { style: sourceAsset ? { width: 50 } : void 0, children: [
-      /* @__PURE__ */ jsx(Tooltip, { content: amount, style: { width: "min-content" }, children: /* @__PURE__ */ jsx(Text, { normalTextColor: true, style: { width: "max-content" }, children: formattedAmount }) }),
+      /* @__PURE__ */ jsx(Tooltip, { content: amount, style: { width: "min-content" }, children: /* @__PURE__ */ jsx(Text, { normalTextColor: true, style: { width: "max-content" }, children: formatDisplayAmount(amount, {
+        decimals: 2
+      }) }) }),
       /* @__PURE__ */ jsx(SmallText, { title: asset == null ? void 0 : asset.chainName, textWrap: "nowrap", overflowEllipsis: true, children: subtitle })
     ] })
   ] });
@@ -52013,7 +52261,7 @@ const StyledGreenDot = dt.div`
   border-radius: 50%;
 `;
 const TransactionHistoryPage = () => {
-  var _a;
+  var _a, _b, _c, _d;
   const theme = nt();
   const setCurrentPage = useSetAtom(currentPageAtom);
   const [itemIndexToShowDetail, setItemIndexToShowDetail] = useState(void 0);
@@ -52045,10 +52293,11 @@ const TransactionHistoryPage = () => {
           details: "No transactions yet",
           icon: /* @__PURE__ */ jsx(HistoryIcon, { width: 30, height: 30, color: (_a = theme == null ? void 0 : theme.primary) == null ? void 0 : _a.text.lowContrast })
         },
-        itemHeight: 1,
-        renderItem: (item, index) => /* @__PURE__ */ jsx(
+        itemHeight: 55,
+        renderItem: (item, index, refSetter) => /* @__PURE__ */ jsx(
           TransactionHistoryPageHistoryItem,
           {
+            ref: refSetter,
             index,
             txHistoryItem: item,
             showDetails: index === itemIndexToShowDetail,
@@ -52061,9 +52310,10 @@ const TransactionHistoryPage = () => {
           }
         ),
         itemKey: (item) => {
-          var _a2;
-          return (_a2 = item.transactionDetails) == null ? void 0 : _a2[0].txHash;
-        }
+          var _a2, _b2;
+          return (_b2 = (_a2 = item == null ? void 0 : item.transactionDetails) == null ? void 0 : _a2[0]) == null ? void 0 : _b2.txHash;
+        },
+        expandedItemKey: itemIndexToShowDetail ? (_d = (_c = (_b = historyList[itemIndexToShowDetail]) == null ? void 0 : _b.transactionDetails) == null ? void 0 : _c[0]) == null ? void 0 : _d.txHash : void 0
       },
       txHistory.length
     ) }),
@@ -52157,9 +52407,9 @@ const useKeepWalletStateSynced = () => {
 const Router = () => {
   useKeepWalletStateSynced();
   const [currentPage] = useAtom(currentPageAtom);
-  const [error, setError] = useAtom(errorAtom);
-  if (error) {
-    return /* @__PURE__ */ jsx(ErrorPage, {});
+  const [errorWarning, setErrorWarning] = useAtom(errorWarningAtom);
+  if (errorWarning) {
+    return /* @__PURE__ */ jsx(ErrorWarningPage, {});
   }
   switch (currentPage) {
     case Routes.SwapPage:
@@ -52167,9 +52417,9 @@ const Router = () => {
         ErrorBoundary,
         {
           fallback: null,
-          onError: (error2) => {
-            track("error page: unexpected error from swap page", { error: error2 });
-            setError({ errorType: ErrorType.Unexpected, error: error2 });
+          onError: (error) => {
+            track("unexpected error page: unexpected error from swap page", { error });
+            setErrorWarning({ errorWarningType: ErrorWarningType.Unexpected, error });
           },
           children: /* @__PURE__ */ jsx(SwapPage, {})
         }
@@ -52179,9 +52429,9 @@ const Router = () => {
         ErrorBoundary,
         {
           fallback: null,
-          onError: (error2) => {
-            track("error page: unexpected error from execution page", { error: error2 });
-            setError({ errorType: ErrorType.Unexpected, error: error2 });
+          onError: (error) => {
+            track("unexpected error page: unexpected error from execution page", { error });
+            setErrorWarning({ errorWarningType: ErrorWarningType.Unexpected, error });
           },
           children: /* @__PURE__ */ jsx(SwapExecutionPage, {})
         }
@@ -52191,9 +52441,11 @@ const Router = () => {
         ErrorBoundary,
         {
           fallback: null,
-          onError: (error2) => {
-            track("error page: unexpected error from transaction history page", { error: error2 });
-            setError({ errorType: ErrorType.Unexpected, error: error2 });
+          onError: (error) => {
+            track("unexpected error page: unexpected error from transaction history page", {
+              error
+            });
+            setErrorWarning({ errorWarningType: ErrorWarningType.Unexpected, error });
           },
           children: /* @__PURE__ */ jsx(TransactionHistoryPage, {})
         }
@@ -52213,7 +52465,7 @@ const useInitDefaultRoute = (defaultRoute) => {
 let isSentryInitialized = false;
 const initSentry = () => {
   if (isSentryInitialized) return;
-  init({
+  init$1({
     dsn: "https://10ce608bdd1c68a13d3849d6b242333c@o4504768725909504.ingest.us.sentry.io/4508485201231872",
     tunnel: "https://go.skip.build/api/sentry",
     defaultIntegrations: false,
@@ -52238,164 +52490,6 @@ const initSentry = () => {
   });
   isSentryInitialized = true;
 };
-const name = "@skip-go/widget";
-const description = "Swap widget";
-const version = "3.10.1";
-const repository = {
-  url: "https://github.com/skip-mev/skip-go",
-  directory: "packages/widget"
-};
-const type = "module";
-const scripts = {
-  dev: "vite --force --host",
-  "dev:storybook": "storybook dev -p 6006",
-  build: "npm run generate-chains && NODE_OPTIONS=--max-old-space-size=16384 vite build",
-  "watch:build": "vite build --watch",
-  lint: "NODE_OPTIONS=--max-old-space-size=32384 eslint . --fix",
-  preview: "vite preview",
-  "build:web-component": "NODE_OPTIONS=--max-old-space-size=32384 webpack --config webpack.config.js",
-  "publish:web-component": "npm run build:web-component && cd web-component && npm publish && cd ..",
-  prepack: "yarn run pre",
-  postpack: "yarn run post",
-  pre: "npm run build && node scripts/prepublish.cjs",
-  post: "git checkout -- package.json",
-  "generate-chains": "node scripts/generate-chains.cjs",
-  "update-registries": "yarn up @initia/initia-registry chain-registry",
-  test: "yarn playwright test"
-};
-const exports = {
-  ".": {
-    types: "./build/index.d.ts",
-    "import": "./build/index.js"
-  }
-};
-const types = "./build/index.d.ts";
-const files = [
-  "build",
-  "README.md"
-];
-const devDependencies = {
-  "@chromatic-com/storybook": "^1.6.1",
-  "@eslint/js": "^9.9.0",
-  "@initia/initia-registry": "^1.0.5",
-  "@keplr-wallet/types": "^0.12.125",
-  "@playwright/test": "^1.51.1",
-  "@storybook/addon-essentials": "^8.2.6",
-  "@storybook/addon-interactions": "^8.2.6",
-  "@storybook/addon-links": "^8.2.6",
-  "@storybook/addon-onboarding": "^8.2.6",
-  "@storybook/blocks": "^8.2.6",
-  "@storybook/react": "^8.2.6",
-  "@storybook/react-vite": "^8.2.6",
-  "@storybook/test": "^8.2.6",
-  "@testing-library/dom": "^10.4.0",
-  "@testing-library/react": "^16.2.0",
-  "@types/eslint__js": "^8.42.3",
-  "@types/pluralize": "^0.0.33",
-  "@types/react": "^19.0.10",
-  "@types/react-dom": "^19.0.4",
-  "@typescript-eslint/eslint-plugin": "^7.15.0",
-  "@typescript-eslint/parser": "^7.15.0",
-  "@vitejs/plugin-react": "^4.3.1",
-  buffer: "^6.0.3",
-  "chain-registry": "^1.69.212",
-  download: "^8.0.0",
-  eslint: "^9.9.0",
-  "eslint-config-prettier": "^9.1.0",
-  "eslint-plugin-prettier": "^5.2.1",
-  "eslint-plugin-react-hooks": "^4.6.2",
-  "fs-extra": "^11.3.0",
-  "node-polyfill-webpack-plugin": "^4.0.0",
-  "pino-pretty": "^13.0.0",
-  "postcss-loader": "^8.1.1",
-  prettier: "^3.4.2",
-  process: "^0.11.10",
-  "raw-loader": "^4.0.2",
-  react: ">=17.0.0",
-  "react-dom": ">=17.0.0",
-  starknet: "6.11.0",
-  storybook: "^8.2.6",
-  "ts-loader": "^9.5.1",
-  typescript: "^5.5.4",
-  "typescript-eslint": "^8.2.0",
-  "url-loader": "^4.1.1",
-  vite: "^5.3.4",
-  "vite-plugin-dts": "^4.0.0-beta.1",
-  "vite-plugin-node-polyfills": "^0.22.0",
-  webpack: "^5.94.0",
-  "webpack-cli": "^5.1.4"
-};
-const peerDependencies = {
-  "@tanstack/react-query": "^5.51.21",
-  react: ">=17.0.0",
-  "react-dom": ">=17.0.0",
-  viem: "^2.21.55",
-  wagmi: "^2.14.1"
-};
-const dependencies = {
-  "@amplitude/analytics-browser": "^2.11.12",
-  "@amplitude/plugin-session-replay-browser": "^1.16.5",
-  "@cosmjs/amino": "0.33.1",
-  "@cosmjs/cosmwasm-stargate": "0.33.1",
-  "@cosmjs/encoding": "0.33.1",
-  "@cosmjs/math": "0.33.1",
-  "@cosmjs/proto-signing": "0.33.1",
-  "@cosmjs/stargate": "0.33.1",
-  "@ebay/nice-modal-react": "^1.2.13",
-  "@eslint/compat": "^1.1.1",
-  "@leapwallet/cosmos-social-login-capsule-provider": "^0.0.44",
-  "@penumbra-zone/bech32m": "^13.0.0",
-  "@penumbra-zone/client": "^24.0.0",
-  "@penumbra-zone/protobuf": "^7.2.0",
-  "@penumbra-zone/transport-dom": "^7.5.0",
-  "@r2wc/react-to-web-component": "^2.0.3",
-  "@sentry/react": "^8.46.0",
-  "@skip-go/client": "workspace:^",
-  "@solana/spl-token": "^0.4.8",
-  "@solana/wallet-adapter-backpack": "^0.1.14",
-  "@solana/wallet-adapter-coinbase": "^0.1.19",
-  "@solana/wallet-adapter-ledger": "^0.9.25",
-  "@solana/wallet-adapter-phantom": "^0.9.24",
-  "@solana/wallet-adapter-solflare": "^0.6.28",
-  "@solana/wallet-adapter-trust": "^0.1.13",
-  "@solana/web3.js": "^1.95.8",
-  "@tanstack/query-core": "^5.51.21",
-  "@walletconnect/modal": "2.7.0",
-  "@walletconnect/sign-client": "2.17.2",
-  "@walletconnect/solana-adapter": "^0.0.6",
-  add: "^2.0.6",
-  bech32: "^2.0.0",
-  graz: "0.3.2",
-  jotai: "^2.10.1",
-  "jotai-effect": "^1.0.2",
-  "jotai-tanstack-query": "^0.8.6",
-  "lodash.debounce": "^4.0.8",
-  pluralize: "^8.0.0",
-  "rc-virtual-list": "^3.14.5",
-  "react-error-boundary": "^4.0.13",
-  "react-shadow-scope": "^1.0.5",
-  "styled-components": "^6.1.13",
-  yarn: "^1.22.22",
-  zod: "^3.23.8"
-};
-const publishConfig = {
-  access: "public"
-};
-const packageJson = {
-  name,
-  description,
-  version,
-  repository,
-  type,
-  scripts,
-  exports,
-  types,
-  files,
-  devDependencies,
-  peerDependencies,
-  dependencies,
-  publishConfig
-};
 const useMobileRouteConfig = () => {
   const isMobile2 = useIsMobileScreenSize();
   const setRouteConfig = useSetAtom(routeConfigAtom);
@@ -52406,17 +52500,6 @@ const useMobileRouteConfig = () => {
     }));
   }, [isMobile2, setRouteConfig]);
 };
-let isAmplitudeInitialized = false;
-const initAmplitude = () => {
-  if (isAmplitudeInitialized) return;
-  const plugin = sessionReplayPlugin();
-  add(plugin);
-  init$1("14616a575f32087cf0403ab8f3ea3ce0", {
-    autocapture: true,
-    appVersion: version
-  });
-  isAmplitudeInitialized = true;
-};
 const useInitWidget = (props) => {
   var _a, _b;
   if (props.enableSentrySessionReplays) {