@embarkai/ui-kit 0.4.41 → 0.4.42

package/dist/index.cjs

@@ -5285,7 +5285,7 @@ var init_highlight = __esm({
 });
 
 // src/internal/components/ui/button.tsx
-var import_react_slot, import_class_variance_authority, import_react9, import_jsx_runtime6, buttonVariants, Button;
+var import_react_slot, import_class_variance_authority, import_react9, import_jsx_runtime6, buttonVariants, BORDER_RADIUSES, Button;
 var init_button = __esm({
   "src/internal/components/ui/button.tsx"() {
     init_utils2();
@@ -5306,25 +5306,44 @@ var init_button = __esm({
       {
         variants: {
           variant: {
-            default: cn2(
+            "default": cn2(
               "border border-transparent",
               "bg-[var(--ui-kit-primary)] text-[var(--ui-kit-fg-inverted)]",
               "hover:opacity-80 active:opacity-60",
               "disabled:hover:opacity-50 disabled:active:opacity-50"
             ),
-            outline: cn2(
-              "border border-[var(--ui-kit-bd)] bg-transparent text-[var(--ui-kit-fg)]",
+            "default-glow": cn2(
+              "border border-[var(--ui-kit-bd)]",
+              "bg-[var(--ui-kit-primary)] text-[var(--ui-kit-fg-inverted)]",
+              "hover:opacity-80 active:opacity-60",
+              "disabled:hover:opacity-50 disabled:active:opacity-50"
+            ),
+            "secondary": cn2(
+              "border border-transparent",
+              "bg-[var(--ui-kit-secondary)] text-[var(--ui-kit-fg)]",
+              "hover:opacity-80 active:opacity-60",
+              "disabled:hover:opacity-50 disabled:active:opacity-50"
+            ),
+            "secondary-glow": cn2(
+              "border border-[var(--ui-kit-bd)]",
+              "bg-[var(--ui-kit-secondary)] text-[var(--ui-kit-fg)]",
+              "hover:opacity-80 active:opacity-60",
+              "disabled:hover:opacity-50 disabled:active:opacity-50"
+            ),
+            "outline": cn2(
+              "border border-[var(--ui-kit-bd)]",
+              "bg-transparent text-[var(--ui-kit-fg)]",
               "hover:opacity-80 active:opacity-60",
               "disabled:hover:opacity-50 disabled:active:opacity-50"
             ),
-            ghost: cn2(
+            "ghost": cn2(
               "border border-transparent bg-transparent text-[var(--ui-kit-fg)]",
               "hover:opacity-80 active:opacity-60",
               "disabled:hover:opacity-50 disabled:active:opacity-50"
             )
           },
           size: {
-            small: "h-6 px-2 gap-2",
+            small: "h-6 px-2 gap-2 rounded-[calc(var(--ui-kit-el-bdrs)_/_2)]",
             medium: "h-8 px-[var(--ui-kit-pd)] rounded-[var(--ui-kit-el-bdrs)] gap-2",
             large: "h-12 px-[var(--ui-kit-pd)] rounded-[var(--ui-kit-el-bdrs)] gap-[var(--ui-kit-gap)]",
             icon: "h-8 w-8 p-0"
@@ -5336,12 +5355,39 @@ var init_button = __esm({
         }
       }
     );
-    Button = (0, import_react9.forwardRef)(
-      ({ className, variant = "default", size = "large", asChild = false, ...props }, ref) => {
-        const Comp = asChild ? import_react_slot.Slot : "button";
-        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Comp, { className: cn2(buttonVariants({ variant, size, className })), ref, ...props });
-      }
-    );
+    BORDER_RADIUSES = {
+      small: "calc(var(--ui-kit-el-bdrs) / 2)",
+      medium: "var(--ui-kit-el-bdrs)",
+      large: "var(--ui-kit-el-bdrs)",
+      icon: ""
+    };
+    Button = (0, import_react9.forwardRef)((props, ref) => {
+      const { className, variant = "default", size = "large", asChild = false, children, ...buttonProps } = props;
+      const Comp = asChild ? import_react_slot.Slot : "button";
+      const isBorderGlow = variant === "secondary-glow" || variant === "default-glow";
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+        Comp,
+        {
+          ref,
+          ...buttonProps,
+          className: cn2(buttonVariants({ variant, size, className }), { relative: isBorderGlow }),
+          children: [
+            isBorderGlow && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              "div",
+              {
+                style: {
+                  "--ui-kit-fg": variant === "default-glow" ? "var(--ui-kit-fg-inverted)" : "var(--ui-kit-fg)",
+                  "borderRadius": BORDER_RADIUSES[size]
+                },
+                className: "button-shine-outline",
+                children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "button-shine-outline-shiner" })
+              }
+            ),
+            children
+          ]
+        }
+      );
+    });
     Button.displayName = "Button";
   }
 });
@@ -9074,7 +9120,7 @@ function CryptoSelectorTrigger(props) {
       Button,
       {
         disabled,
-        variant: "outline",
+        variant: "secondary",
         className: "w-full justify-between",
         onClick: () => {
           useBuyMenuStore.getState().setError(null);
@@ -9092,7 +9138,7 @@ function CryptoSelectorTrigger(props) {
     Button,
     {
       disabled,
-      variant: "outline",
+      variant: "secondary",
       className: "w-full justify-between",
       onClick: () => {
         useBuyMenuStore.getState().setError(null);
@@ -9169,6 +9215,7 @@ function ResolvedFiatIcon(props) {
     "div",
     {
       className: cn2(
+        "flex-none",
         "bg-[var(--ui-kit-primary)]",
         "border border-[var(--ui-kit-bd)]",
         "flex items-center justify-center",
@@ -9194,8 +9241,17 @@ var init_ResolvedFiatIcon = __esm({
 });
 
 // src/internal/components/BuyMenu/components/FiatSelector.tsx
+function getCurrencyName(ticker, locale = "en") {
+  try {
+    return new Intl.DisplayNames([locale], { type: "currency" }).of(ticker.toUpperCase()) ?? ticker;
+  } catch {
+    return ticker;
+  }
+}
 function FiatItem(props) {
-  const { name, ticker } = props;
+  const { ticker } = props;
+  const { i18n } = useT();
+  const locale = i18n.resolvedLanguage || "en";
   const selectedFiat = useBuyMenuStore((st) => st.selectedFiat);
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
     Button,
@@ -9208,7 +9264,10 @@ function FiatItem(props) {
       },
       className: "justify-between",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex flex-1 items-center gap-[var(--ui-kit-gap)] text-left", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "block whitespace-nowrap flex-1 text-ellipsis overflow-hidden", children: name?.toUpperCase() }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-1 items-center gap-[var(--ui-kit-gap)] text-left", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "block flex-none", children: ticker.toUpperCase() }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "block whitespace-nowrap flex-1 text-ellipsis overflow-hidden", children: getCurrencyName(ticker, locale) })
+        ] }),
         !!ticker && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ResolvedFiatIcon, { ticker })
       ]
     }
@@ -9217,23 +9276,61 @@ function FiatItem(props) {
 function FiatSelector(props) {
   const { fiats } = props;
   const { t } = useT();
+  const [search, setSearch] = (0, import_react20.useState)("");
+  const [target, setTarget] = (0, import_react20.useState)("");
+  const setSearchDebounced = (0, import_react20.useCallback)(
+    (0, import_lodash_es5.debounce)((value) => {
+      setTarget(value);
+      useBuyMenuStore.getState().setRenderKey(`on-ramp-fiat-selector-${Date.now()}`);
+    }, 1e3),
+    []
+  );
+  const filteredFiats = (0, import_react20.useMemo)(() => {
+    const sorted = [...fiats].sort((a, b) => {
+      const aIdx = POPULAR_FIATS.indexOf(a.ticker.toUpperCase());
+      const bIdx = POPULAR_FIATS.indexOf(b.ticker.toUpperCase());
+      if (aIdx !== -1 && bIdx !== -1) return aIdx - bIdx;
+      if (aIdx !== -1) return -1;
+      if (bIdx !== -1) return 1;
+      return a.name.localeCompare(b.name);
+    });
+    if (!target) return sorted;
+    return sorted.filter((f) => f.ticker.toLowerCase().includes(target.toLowerCase()));
+  }, [fiats, target]);
+  console.warn("[FIAT SELECTOR]", filteredFiats);
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
+    fiats.length > 5 && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      Input,
+      {
+        name: "search-binance-on-ramp-fiat",
+        autoComplete: "off",
+        type: "text",
+        placeholder: 'Search fiat (e.g. "USD")',
+        value: search || "",
+        Icon: import_lucide_react10.SearchIcon,
+        onChange: (e) => {
+          setSearch(e.target.value);
+          setSearchDebounced(e.target.value);
+        }
+      }
+    ),
     /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "block text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:buyMenu.selectFiat") }),
     /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
-      fiats.map((f) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(FiatItem, { ...f }, `${f.ticker}-${f.name}`)),
-      !fiats.length && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Highlight, { type: "info", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-[10px]", children: "No fiat available to pay with at the moment." }) })
+      filteredFiats.map((f) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(FiatItem, { ...f }, `${f.ticker}-${f.name}`)),
+      !filteredFiats.length && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Highlight, { type: "info", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-[10px]", children: "No fiat fiats found." }) })
     ] })
   ] });
 }
 function FiatSelectorTrigger(props) {
   const { disabled, fiats } = props;
-  const { t } = useT();
+  const { t, i18n } = useT();
+  const locale = i18n.resolvedLanguage || "en";
   const selectedFiat = useBuyMenuStore((st) => st.selectedFiat);
   const fiatMeta = fiats.find((f) => f.ticker.toLowerCase() === selectedFiat?.toLowerCase());
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     Button,
     {
-      variant: "outline",
+      variant: "secondary",
       className: "w-full justify-between",
       disabled,
       onClick: () => {
@@ -9241,7 +9338,7 @@ function FiatSelectorTrigger(props) {
         useBuyMenuStore.getState().setIsFiatSelector(true);
       },
       children: fiatMeta ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { children: fiatMeta.name?.toUpperCase() }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "block whitespace-nowrap flex-1 text-ellipsis overflow-hidden text-left", children: getCurrencyName(fiatMeta.ticker, locale) }),
         /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ResolvedFiatIcon, { ticker: fiatMeta.ticker })
       ] }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { className: "flex items-center gap-[var(--ui-kit-gap)] text-[var(--ui-kit-fg-muted)]", children: [
         /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react10.PointerIcon, { className: "w-4 h-4 flex-none" }),
@@ -9250,16 +9347,20 @@ function FiatSelectorTrigger(props) {
     }
   );
 }
-var import_lucide_react10, import_jsx_runtime33;
+var import_lodash_es5, import_lucide_react10, import_react20, import_jsx_runtime33, POPULAR_FIATS;
 var init_FiatSelector = __esm({
   "src/internal/components/BuyMenu/components/FiatSelector.tsx"() {
     init_i18n();
+    import_lodash_es5 = require("lodash-es");
     import_lucide_react10 = require("lucide-react");
+    import_react20 = require("react");
     init_button();
     init_highlight();
+    init_input();
     init_useBuyMenuStore();
     init_ResolvedFiatIcon();
     import_jsx_runtime33 = require("react/jsx-runtime");
+    POPULAR_FIATS = ["USD", "EUR", "GBP", "JPY", "CAD", "AUD", "CHF", "CNY", "SEK", "NZD"];
   }
 });
 
@@ -9331,7 +9432,7 @@ function PaymentModeSelectorTrigger(props) {
     Button,
     {
       size: "large",
-      variant: "outline",
+      variant: "secondary",
       className: "w-full justify-between",
       disabled,
       onClick: () => useBuyMenuStore.getState().setIsPaymentModeSelector(true),
@@ -9347,8 +9448,8 @@ var init_PaymentModeSelector = __esm({
     import_lucide_react11 = require("lucide-react");
     init_button();
     init_highlight();
-    init_useBuyMenuStore();
     init_useBinanceStore();
+    init_useBuyMenuStore();
     import_jsx_runtime34 = require("react/jsx-runtime");
   }
 });
@@ -9667,10 +9768,10 @@ var init_badge = __esm({
 });
 
 // src/internal/components/BuyMenu/binance/statuses.ts
-var import_lodash_es5, STATUS_CODE_TO_MESSAGE, STATUSES_FILTERS;
+var import_lodash_es6, STATUS_CODE_TO_MESSAGE, STATUSES_FILTERS;
 var init_statuses = __esm({
   "src/internal/components/BuyMenu/binance/statuses.ts"() {
-    import_lodash_es5 = require("lodash-es");
+    import_lodash_es6 = require("lodash-es");
     STATUS_CODE_TO_MESSAGE = {
       "0": {
         code: "0",
@@ -9775,7 +9876,7 @@ var init_statuses = __esm({
         remarks: "On-ramp"
       }
     };
-    STATUSES_FILTERS = (0, import_lodash_es5.values)(STATUS_CODE_TO_MESSAGE).filter(
+    STATUSES_FILTERS = (0, import_lodash_es6.values)(STATUS_CODE_TO_MESSAGE).filter(
       (status) => status.remarks.toLowerCase().includes("on-ramp")
     );
   }
@@ -9872,7 +9973,7 @@ function BinanceTxHistoryItem(props) {
 function BinanceTxHistory() {
   const { t } = useT();
   const walletAddress = useSession((st) => st.address);
-  const [cursor, setCursor] = (0, import_react20.useState)(1);
+  const [pagePointer, setPagePointer] = (0, import_react21.useState)(1);
   const {
     data: txData,
     isLoading: isTxDataLoading,
@@ -9892,18 +9993,27 @@ function BinanceTxHistory() {
   });
   const { pageParams = [], pages: loadedPages = [] } = txData || {};
   const pageCount = loadedPages[loadedPages.length - 1]?.pageCount || 1;
-  const txList = loadedPages.map((p) => p.data)[cursor - 1] || [];
-  console.log("[BINANCE] txList", txData);
-  const handleNextPage = (0, import_react20.useCallback)(
+  const txList = loadedPages.map((p) => p.data)[pagePointer - 1] || [];
+  const updateExpandable = (0, import_react21.useCallback)(
+    (0, import_lodash_es7.debounce)(() => {
+      useBuyMenuStore.getState().setRenderKey(`binance-history-loaded-${Date.now()}`);
+    }, 250),
+    []
+  );
+  (0, import_react21.useEffect)(() => {
+    if (isTxDataLoading || txList?.length === 0) return;
+    updateExpandable();
+  }, [isTxDataLoading, txList]);
+  const handleNextPage = (0, import_react21.useCallback)(
     async (curCursor, curPageParams) => {
       const maxLoadedPage = Math.max(...curPageParams);
       if (curCursor !== maxLoadedPage) {
-        setCursor((prev) => prev + 1);
+        setPagePointer((prev) => prev + 1);
       } else {
         const nPage = await fetchNextPage();
         const nextPageParams = nPage?.data?.pageParams || [];
         const nextCursor = Number(nextPageParams[nextPageParams.length - 1]) || 1;
-        setCursor(nextCursor);
+        setPagePointer(nextCursor);
       }
     },
     [fetchNextPage]
@@ -9918,38 +10028,38 @@ function BinanceTxHistory() {
     txList.map((tx) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(BinanceTxHistoryItem, { ...tx }, tx.id)),
     /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center justify-between gap-[var(--ui-kit-gap)]", children: [
       /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
-        cursor > 1 && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        pagePointer > 1 && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
           Button,
           {
             variant: "ghost",
             size: "medium",
             disabled: isTxDataFetching,
             className: "text-xs",
-            onClick: () => setCursor((prev) => prev - 1),
+            onClick: () => setPagePointer((prev) => prev - 1),
             children: t("passport:common.prev")
           }
         ),
-        (cursor < loadedPages.length || !!hasNextPage) && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        (pagePointer < loadedPages.length || !!hasNextPage) && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
           Button,
           {
             variant: "ghost",
             size: "medium",
             disabled: isTxDataFetching,
             className: "text-xs",
-            onClick: () => handleNextPage(cursor, pageParams),
+            onClick: () => handleNextPage(pagePointer, pageParams),
             children: t("passport:common.next")
           }
         )
       ] }),
       isTxDataFetching ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react13.LoaderIcon, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: "text-xs leading-4 text-[var(--ui-kit-fg-muted)]", children: [
-        cursor,
+        pagePointer,
         " / ",
         pageCount
       ] })
     ] })
   ] });
 }
-var import_react_query8, import_dayjs, import_lucide_react13, import_react20, import_jsx_runtime37, TRANSACTIONS_PAGESIZE, SHOW_STATUSES, TX_TYPES;
+var import_react_query8, import_dayjs, import_lodash_es7, import_lucide_react13, import_react21, import_jsx_runtime37, TRANSACTIONS_PAGESIZE, SHOW_STATUSES, TX_TYPES;
 var init_BinanceTxHistory = __esm({
   "src/internal/components/BuyMenu/binance/BinanceTxHistory.tsx"() {
     init_utils2();
@@ -9957,13 +10067,15 @@ var init_BinanceTxHistory = __esm({
     init_i18n();
     import_react_query8 = require("@tanstack/react-query");
     import_dayjs = __toESM(require("dayjs"), 1);
+    import_lodash_es7 = require("lodash-es");
     import_lucide_react13 = require("lucide-react");
-    import_react20 = require("react");
+    import_react21 = require("react");
     init_priceFormatter();
     init_badge();
     init_button();
     init_highlight();
     init_queryKeys();
+    init_useBuyMenuStore();
     init_api();
     init_statuses();
     import_jsx_runtime37 = require("react/jsx-runtime");
@@ -9976,8 +10088,8 @@ var init_BinanceTxHistory = __esm({
 // src/internal/components/BuyMenu/binance/useBinanceSseTracing.ts
 function useBinanceSseTxTracing(walletAddress) {
   const qc = (0, import_react_query9.useQueryClient)();
-  const debounceRef = (0, import_react21.useRef)(null);
-  (0, import_react21.useEffect)(() => {
+  const debounceRef = (0, import_react22.useRef)(null);
+  (0, import_react22.useEffect)(() => {
     if (!walletAddress) return;
     const iframeManager = getIframeManager();
     if (!iframeManager) return;
@@ -9999,11 +10111,11 @@ function useBinanceSseTxTracing(walletAddress) {
     };
   }, [walletAddress, qc]);
 }
-var import_react_query9, import_react21;
+var import_react_query9, import_react22;
 var init_useBinanceSseTracing = __esm({
   "src/internal/components/BuyMenu/binance/useBinanceSseTracing.ts"() {
     import_react_query9 = require("@tanstack/react-query");
-    import_react21 = require("react");
+    import_react22 = require("react");
     init_iframe_manager();
     init_queryKeys();
     init_api();
@@ -10046,7 +10158,7 @@ function Binance() {
   } = useBuyMenuStore();
   const paymentMode = useBinanceStore((st) => st.paymentMode);
   const isCurrurenciesSelected = !!selectedCrypto && !!selectedFiat;
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!isCurrurenciesSelected) return;
     useBuyMenuStore.getState().setRenderKey(`${selectedCrypto}-${selectedFiat}-${Date.now()}`);
   }, [isCurrurenciesSelected]);
@@ -10081,7 +10193,7 @@ function Binance() {
   });
   const paymentModes = paymentModesData?.data?.paymentMethods || [];
   const selectedPaymentMode = paymentModes?.find((el) => getPayMethodID(el) === paymentMode) || null;
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     useBuyMenuStore.getState().setMinAmount(Number(selectedPaymentMode?.fiatMinLimit || "0"));
   }, [selectedPaymentMode]);
   const { mutate: estimateQuote, isPending: isQuoteEstimating } = (0, import_react_query10.useMutation)({
@@ -10109,20 +10221,21 @@ function Binance() {
     }
   });
   const availableFiats = (tradingPairsData?.data?.fiatCurrencies || []).filter((ticker) => ticker !== "DEFAULT").map((ticker) => ({ name: ticker, ticker }));
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!!selectedFiat || !availableFiats?.length) return;
-    useBuyMenuStore.getState().setSelectedFiat(availableFiats[0].ticker);
+    const targetFiat = availableFiats.find((item) => item.ticker === "USD" || item.ticker === "EUR") || availableFiats[0];
+    useBuyMenuStore.getState().setSelectedFiat(targetFiat.ticker);
   }, [availableFiats, selectedFiat]);
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!!selectedCrypto || !networkAvailableCryptoList?.length) return;
     useBuyMenuStore.getState().setSelectedCrypto(networkAvailableCryptoList[0].cryptoCurrency);
   }, [networkAvailableCryptoList, selectedCrypto]);
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!!paymentMode || !paymentModes.length) return;
     const targetPaymentMode = paymentModes.find((item) => item.payMethodCode === PREFERRED_PAYMENT_METHOD) || paymentModes[0];
     useBinanceStore.getState().setPaymentMode(getPayMethodID(targetPaymentMode));
   }, [paymentModes]);
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     return () => {
       useBinanceStore.getState().setPaymentMode(null);
       qc.resetQueries({ queryKey: [QUERY_KEYS2.binanceTradingPairs] });
@@ -10244,7 +10357,7 @@ function Binance() {
     )
   ] });
 }
-var import_react_query10, import_lucide_react14, import_react22, import_jsx_runtime38, PREFERRED_PAYMENT_METHOD;
+var import_react_query10, import_lucide_react14, import_react23, import_jsx_runtime38, PREFERRED_PAYMENT_METHOD;
 var init_Binance = __esm({
   "src/internal/components/BuyMenu/binance/Binance.tsx"() {
     init_utils2();
@@ -10252,7 +10365,7 @@ var init_Binance = __esm({
     init_i18n();
     import_react_query10 = require("@tanstack/react-query");
     import_lucide_react14 = require("lucide-react");
-    import_react22 = require("react");
+    import_react23 = require("react");
     init_button();
     init_highlight();
     init_input();
@@ -10524,7 +10637,7 @@ function FinchPayTxHistoryItem(props) {
 function FinchPayTxHistory() {
   const { t } = useT();
   const walletAddress = useSession((st) => st.address);
-  const [cursor, setCursor] = (0, import_react23.useState)(1);
+  const [cursor, setCursor] = (0, import_react24.useState)(1);
   const {
     data: txData,
     isLoading: isTxDataLoading,
@@ -10546,7 +10659,7 @@ function FinchPayTxHistory() {
   const pageCount = loadedPages[loadedPages.length - 1]?.pageCount || 1;
   const txList = loadedPages.map((p) => p.data)[cursor - 1] || [];
   console.log("[FINCHPAY] txList", txData);
-  const handleNextPage = (0, import_react23.useCallback)(
+  const handleNextPage = (0, import_react24.useCallback)(
     async (curCursor, curPageParams) => {
       const maxLoadedPage = Math.max(...curPageParams);
       if (curCursor !== maxLoadedPage) {
@@ -10601,7 +10714,7 @@ function FinchPayTxHistory() {
     ] })
   ] });
 }
-var import_react_query12, import_dayjs2, import_lucide_react16, import_react23, import_jsx_runtime40, TRANSACTIONS_PAGESIZE2;
+var import_react_query12, import_dayjs2, import_lucide_react16, import_react24, import_jsx_runtime40, TRANSACTIONS_PAGESIZE2;
 var init_FinchPayTxHistory = __esm({
   "src/internal/components/BuyMenu/finchpay/FinchPayTxHistory.tsx"() {
     init_utils2();
@@ -10610,7 +10723,7 @@ var init_FinchPayTxHistory = __esm({
     import_react_query12 = require("@tanstack/react-query");
     import_dayjs2 = __toESM(require("dayjs"), 1);
     import_lucide_react16 = require("lucide-react");
-    import_react23 = require("react");
+    import_react24 = require("react");
     init_priceFormatter();
     init_badge();
     init_button();
@@ -10639,8 +10752,8 @@ var init_networks2 = __esm({
 // src/internal/components/BuyMenu/finchpay/useFinchpaySseTxTracing.ts
 function useFinchpaySseTxTracing(walletAddress) {
   const qc = (0, import_react_query13.useQueryClient)();
-  const debounceRef = (0, import_react24.useRef)(null);
-  (0, import_react24.useEffect)(() => {
+  const debounceRef = (0, import_react25.useRef)(null);
+  (0, import_react25.useEffect)(() => {
     if (!walletAddress) return;
     const iframeManager = getIframeManager();
     if (!iframeManager) return;
@@ -10662,11 +10775,11 @@ function useFinchpaySseTxTracing(walletAddress) {
     };
   }, [walletAddress, qc]);
 }
-var import_react_query13, import_react24;
+var import_react_query13, import_react25;
 var init_useFinchpaySseTxTracing = __esm({
   "src/internal/components/BuyMenu/finchpay/useFinchpaySseTxTracing.ts"() {
     import_react_query13 = require("@tanstack/react-query");
-    import_react24 = require("react");
+    import_react25 = require("react");
     init_iframe_manager();
     init_queryKeys();
     init_api2();
@@ -10764,11 +10877,11 @@ function FinchPay() {
     })
   });
   const minimum = Number(limitsData?.min_amount || "0");
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (minimum <= 0) return;
     useBuyMenuStore.getState().setMinAmount(minimum);
   }, [minimum]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (srcInputAmount >= minimum) return;
     useBuyMenuStore.getState().setRenderKey(`finchpay-input-minimum-warning-${Date.now()}`);
   }, [minimum, srcInputAmount]);
@@ -10796,23 +10909,23 @@ function FinchPay() {
       // defaults to CARD estimation, widgetUrl
     })
   });
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     const { error: errorTitle, message: errorMessage } = handleErrors([currenciesError, limitsError, estimateError]);
     if (!errorTitle && !errorMessage) return;
     console.error(`[BuyModal][Binance] ${errorTitle}: ${errorMessage}`);
     useBuyMenuStore.getState().setError(errorMessage);
   }, [currenciesError, limitsError, estimateError]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (!!selectedFiat || currenciesData.fiats.length === 0) return;
     const fallbackFiat = currenciesData.fiats[0];
     const targetFiat = currenciesData.fiats.find((f) => f.ticker.toUpperCase() === "USD") || fallbackFiat;
     useBuyMenuStore.getState().setSelectedFiat(targetFiat.ticker);
   }, [currenciesData, selectedFiat]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (!!selectedCrypto || currenciesData.currentNetworkCoins.length === 0) return;
     useBuyMenuStore.getState().setSelectedCrypto(currenciesData.currentNetworkCoins[0].ticker);
   }, [currenciesData, selectedCrypto]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     return () => {
       qc.resetQueries({ queryKey: [QUERY_KEYS2.finchPayCurrencies] });
       qc.resetQueries({ queryKey: [QUERY_KEYS2.finchPayLimits] });
@@ -10940,7 +11053,7 @@ function FinchPay() {
     )
   ] });
 }
-var import_react_query14, import_lucide_react17, import_react25, import_jsx_runtime41;
+var import_react_query14, import_lucide_react17, import_react26, import_jsx_runtime41;
 var init_FinchPay = __esm({
   "src/internal/components/BuyMenu/finchpay/FinchPay.tsx"() {
     init_priceFormatter();
@@ -10949,7 +11062,7 @@ var init_FinchPay = __esm({
     init_i18n();
     import_react_query14 = require("@tanstack/react-query");
     import_lucide_react17 = require("lucide-react");
-    import_react25 = require("react");
+    import_react26 = require("react");
     init_button();
     init_highlight();
     init_input();
@@ -11037,7 +11150,7 @@ function ProviderItem(props) {
     {
       size: "large",
       disabled,
-      variant: rampProvider === id ? "default" : "outline",
+      variant: rampProvider === id ? "default" : "secondary",
       onClick: () => {
         const { setRampProvider, setIsProviderSelector } = useBuyMenuStore.getState();
         setRampProvider(id);
@@ -11076,7 +11189,7 @@ var init_ProviderSelector = __esm({
 });
 
 // src/internal/utils/debounce.ts
-function debounce2(func, waitFor) {
+function debounce4(func, waitFor) {
   let timeout;
   return (...args) => {
     if (timeout) clearTimeout(timeout);
@@ -11089,29 +11202,29 @@ var init_debounce = __esm({
 });
 
 // src/internal/components/BuyMenu/useHandleInputAmount.ts
-var import_react26, ON_INPUT_QUERY_DELAY, useHandleInputAmount;
+var import_react27, ON_INPUT_QUERY_DELAY, useHandleInputAmount;
 var init_useHandleInputAmount = __esm({
   "src/internal/components/BuyMenu/useHandleInputAmount.ts"() {
-    import_react26 = require("react");
+    import_react27 = require("react");
     init_debounce();
     init_contants();
     init_useBuyMenuStore();
     ON_INPUT_QUERY_DELAY = 3e3;
     useHandleInputAmount = () => {
-      const lastRampProviderRef = (0, import_react26.useRef)(DEFAULT_PROVIDER2);
+      const lastRampProviderRef = (0, import_react27.useRef)(DEFAULT_PROVIDER2);
       const rampProvider = useBuyMenuStore((st) => st.rampProvider);
       const srcInputAmount = useBuyMenuStore((st) => st.srcInputAmount);
       const minAmount = useBuyMenuStore((st) => st.minAmount);
-      const setQueryAmountDebounced = (0, import_react26.useCallback)(
-        debounce2((inputAmount) => {
+      const setQueryAmountDebounced = (0, import_react27.useCallback)(
+        debounce4((inputAmount) => {
           const checkedValue = Math.ceil(Math.max(inputAmount, minAmount));
           useBuyMenuStore.getState().setSrcInputAmount(checkedValue);
           useBuyMenuStore.getState().setSrcQueryAmount(checkedValue);
         }, ON_INPUT_QUERY_DELAY),
         [minAmount]
       );
-      (0, import_react26.useEffect)(() => setQueryAmountDebounced(srcInputAmount), [srcInputAmount, setQueryAmountDebounced]);
-      (0, import_react26.useEffect)(() => {
+      (0, import_react27.useEffect)(() => setQueryAmountDebounced(srcInputAmount), [srcInputAmount, setQueryAmountDebounced]);
+      (0, import_react27.useEffect)(() => {
         if (lastRampProviderRef.current === rampProvider) return;
         const {
           setIsProviderSummary,
@@ -11165,103 +11278,92 @@ function BuyMenu() {
         "--ui-kit-list-scrollbar-pd-r": "var(--ui-kit-pd)"
       },
       className: "list-scrollbar-y w-full p-[var(--ui-kit-pd)]",
-      children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
-        Expandable,
-        {
-          isExpanded: true,
-          contentClassName: cn2(
-            "relative",
-            //
-            "w-full flex flex-col gap-[var(--ui-kit-gap)]"
-          ),
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-                Button,
-                {
-                  variant: "ghost",
-                  size: "icon",
-                  className: "flex-none",
-                  onClick: () => {
-                    const {
-                      setIsProviderSummary,
-                      setIsTransactionHistory,
-                      setIsProviderSelector,
-                      setIsCryptoSelector,
-                      setIsFiatSelector,
-                      setIsPaymentModeSelector,
-                      setError
-                    } = useBuyMenuStore.getState();
-                    setError(null);
-                    if (isProviderSummary) {
-                      setIsProviderSummary(false);
-                      return;
-                    }
-                    if (isTransactionHistory) {
-                      setIsTransactionHistory(false);
-                      return;
-                    }
-                    if (isProviderSelector) {
-                      setIsProviderSelector(false);
-                      return;
-                    }
-                    if (isCryptoSelector) {
-                      setIsCryptoSelector(false);
-                      return;
-                    }
-                    if (isFiatSelector) {
-                      setIsFiatSelector(false);
-                      return;
-                    }
-                    if (isPaymentModeSelector) {
-                      setIsPaymentModeSelector(false);
-                      return;
-                    }
-                    setPage("main-menu" /* MAIN_MENU */);
-                  },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react18.ArrowLeft, { className: "h-4 w-4" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(Expandable, { isExpanded: true, contentClassName: "relative w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "flex-none",
+              onClick: () => {
+                const {
+                  setIsProviderSummary,
+                  setIsTransactionHistory,
+                  setIsProviderSelector,
+                  setIsCryptoSelector,
+                  setIsFiatSelector,
+                  setIsPaymentModeSelector,
+                  setError
+                } = useBuyMenuStore.getState();
+                setError(null);
+                if (isProviderSummary) {
+                  setIsProviderSummary(false);
+                  return;
                 }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "block flex-none text-xl font-semibold", children: t("passport:buyMenu.title") }),
-              showTXHistorySwitch && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "flex-1 h-8 flex items-center justify-end gap-[var(--ui-kit-gap)]", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-                Switch,
-                {
-                  labels: { checked: "TRACK TX", unchecked: "PURCHASE" },
-                  checked: isTransactionHistory,
-                  onChange: () => {
-                    useBuyMenuStore.getState().setError(null);
-                    useBuyMenuStore.getState().setIsTransactionHistory();
-                  }
+                if (isTransactionHistory) {
+                  setIsTransactionHistory(false);
+                  return;
                 }
-              ) })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "w-full h-0" }, renderKey),
-            showProviderTrigger && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "block text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:buyMenu.selectProvider") }),
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
-                Button,
-                {
-                  variant: !!selectedProvider?.id ? "default" : "outline",
-                  onClick: () => {
-                    useBuyMenuStore.getState().setError(null);
-                    useBuyMenuStore.getState().setIsProviderSelector(true);
-                  },
-                  className: cn2("w-full justify-center", {
-                    [ACTIVE_PROVIDER_CNS[selectedProvider?.id]]: rampProvider === selectedProvider?.id,
-                    [IDLE_PROVIDERS_CNS[selectedProvider?.id]]: rampProvider !== selectedProvider?.id
-                  }),
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(selectedProvider.icon, {}),
-                    !selectedProvider.icon && t("passport:buyMenu.selectProvider")
-                  ]
+                if (isProviderSelector) {
+                  setIsProviderSelector(false);
+                  return;
                 }
-              )
-            ] }),
-            isProviderSelector ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ProviderSelector, { providers: AVAILABLE_RAMP_PROVIDERS.map((el) => ({ ...el, Icon: el.icon })) }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ProviderComponent, { walletAddress }),
-            error && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Highlight, { type: "error", children: error })
-          ]
-        }
-      )
+                if (isCryptoSelector) {
+                  setIsCryptoSelector(false);
+                  return;
+                }
+                if (isFiatSelector) {
+                  setIsFiatSelector(false);
+                  return;
+                }
+                if (isPaymentModeSelector) {
+                  setIsPaymentModeSelector(false);
+                  return;
+                }
+                setPage("main-menu" /* MAIN_MENU */);
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react18.ArrowLeft, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "block flex-none text-xl font-semibold", children: t("passport:buyMenu.title") }),
+          showTXHistorySwitch && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "flex-1 h-8 flex items-center justify-end gap-[var(--ui-kit-gap)]", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+            Switch,
+            {
+              labels: { checked: "PURCHASE", unchecked: "HISTORY" },
+              checked: isTransactionHistory,
+              onChange: () => {
+                useBuyMenuStore.getState().setError(null);
+                useBuyMenuStore.getState().setIsTransactionHistory();
+              }
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "w-full h-0" }, renderKey),
+        showProviderTrigger && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "block text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:buyMenu.selectProvider") }),
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+            Button,
+            {
+              variant: !!selectedProvider?.id ? "default" : "secondary",
+              onClick: () => {
+                useBuyMenuStore.getState().setError(null);
+                useBuyMenuStore.getState().setIsProviderSelector(true);
+              },
+              className: cn2("w-full justify-center", {
+                [ACTIVE_PROVIDER_CNS[selectedProvider?.id]]: rampProvider === selectedProvider?.id,
+                [IDLE_PROVIDERS_CNS[selectedProvider?.id]]: rampProvider !== selectedProvider?.id
+              }),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(selectedProvider.icon, {}),
+                !selectedProvider.icon && t("passport:buyMenu.selectProvider")
+              ]
+            }
+          )
+        ] }),
+        isProviderSelector ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ProviderSelector, { providers: AVAILABLE_RAMP_PROVIDERS.map((el) => ({ ...el, Icon: el.icon })) }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ProviderComponent, { walletAddress }),
+        error && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Highlight, { type: "error", children: error })
+      ] })
     }
   );
 }
@@ -11634,9 +11736,9 @@ function ChainsMenu() {
   const isLoading = useSession((st) => st.isLoading);
   const activeChainId = useSession((st) => st.activeChainId);
   const setActiveChainId = useSession((st) => st.setActiveChainId);
-  const [nextChainId, setNextChainId] = (0, import_react27.useState)(null);
-  const [copiedChainId, setCopiedChainId] = (0, import_react27.useState)(null);
-  const copiedResetTimerRef = (0, import_react27.useRef)(null);
+  const [nextChainId, setNextChainId] = (0, import_react28.useState)(null);
+  const [copiedChainId, setCopiedChainId] = (0, import_react28.useState)(null);
+  const copiedResetTimerRef = (0, import_react28.useRef)(null);
   const { t } = useT();
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
   const setPage = useLayoutDataStore((st) => st.setPage);
@@ -11664,7 +11766,7 @@ function ChainsMenu() {
       chainId: activeChainId
     } : void 0
   });
-  (0, import_react27.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     return () => {
       if (copiedResetTimerRef.current) {
         clearTimeout(copiedResetTimerRef.current);
@@ -11782,7 +11884,7 @@ function ChainsMenu() {
     }
   );
 }
-var import_core2, import_read12, import_react_query15, import_lucide_react19, import_react27, import_jsx_runtime50;
+var import_core2, import_read12, import_react_query15, import_lucide_react19, import_react28, import_jsx_runtime50;
 var init_ChainsMenu = __esm({
   "src/internal/components/ChainsMenu/ChainsMenu.tsx"() {
     init_networks3();
@@ -11793,7 +11895,7 @@ var init_ChainsMenu = __esm({
     import_read12 = require("@embarkai/core/read");
     import_react_query15 = require("@tanstack/react-query");
     import_lucide_react19 = require("lucide-react");
-    import_react27 = require("react");
+    import_react28 = require("react");
     init_PositiveIcon();
     init_resolve_paymaster();
     init_useLayoutDataStore();
@@ -11816,8 +11918,8 @@ function ChainSwitchRequest() {
   const setActiveChainId = useSession((st) => st.setActiveChainId);
   const setPage = useLayoutDataStore((st) => st.setPage);
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
-  const changeTouchedRef = (0, import_react28.useRef)(false);
-  (0, import_react28.useEffect)(() => {
+  const changeTouchedRef = (0, import_react29.useRef)(false);
+  (0, import_react29.useEffect)(() => {
     if (!changeTouchedRef.current || chainConfig?.id !== config.current?.network?.chainId) return;
     setPage(null);
     return () => {
@@ -11889,7 +11991,7 @@ function ChainSwitchRequest() {
     }
   );
 }
-var import_lucide_react20, import_react28, import_react_i18next2, import_jsx_runtime51;
+var import_lucide_react20, import_react29, import_react_i18next2, import_jsx_runtime51;
 var init_ChainSwitchRequest = __esm({
   "src/internal/components/ChainsMenu/ChainSwitchRequest.tsx"() {
     init_networks3();
@@ -11897,7 +11999,7 @@ var init_ChainSwitchRequest = __esm({
     init_SessionContext();
     init_useT();
     import_lucide_react20 = require("lucide-react");
-    import_react28 = require("react");
+    import_react29 = require("react");
     import_react_i18next2 = require("react-i18next");
     init_useLayoutDataStore();
     init_useLayoutStore();
@@ -11994,8 +12096,8 @@ function DeviceLinkScreen() {
   const setPage = useLayoutDataStore((s) => s.setPage);
   const maxScrollHeight = useLayoutStore((s) => s.maxScrollHeight);
   const { mutate: link, isPending } = useLinkDevice();
-  const [code, setCode] = (0, import_react29.useState)("");
-  const [error, setError] = (0, import_react29.useState)(null);
+  const [code, setCode] = (0, import_react30.useState)("");
+  const [error, setError] = (0, import_react30.useState)(null);
   const isValid = code.length === 6 && VALID_CHARS.test(code);
   function handleCodeChange(value) {
     const upper = value.toUpperCase().slice(0, 6);
@@ -12054,10 +12156,10 @@ function DeviceLinkScreen() {
     }
   );
 }
-var import_react29, import_lucide_react21, import_jsx_runtime52, VALID_CHARS;
+var import_react30, import_lucide_react21, import_jsx_runtime52, VALID_CHARS;
 var init_DeviceLinkScreen = __esm({
   "src/internal/components/DevicesMenu/DeviceLinkScreen.tsx"() {
-    import_react29 = require("react");
+    import_react30 = require("react");
     import_lucide_react21 = require("lucide-react");
     init_Expandable2();
     init_button();
@@ -12590,19 +12692,19 @@ function DeviceManageScreen() {
   const userId = session?.mpcUserId || "";
   const deviceId = pageParams?.deviceId;
   const deviceName = pageParams?.deviceName;
-  const guardianRef = (0, import_react30.useRef)(null);
-  const [screen, setScreen] = (0, import_react30.useState)({ step: "connecting" });
-  const [actionState, setActionState] = (0, import_react30.useState)(null);
-  const [password, setPassword] = (0, import_react30.useState)("");
-  const [statusMessage, setStatusMessage] = (0, import_react30.useState)(null);
-  const [errorMessage, setErrorMessage] = (0, import_react30.useState)(null);
-  const [waitingConfirm, setWaitingConfirm] = (0, import_react30.useState)(false);
-  (0, import_react30.useEffect)(() => {
+  const guardianRef = (0, import_react31.useRef)(null);
+  const [screen, setScreen] = (0, import_react31.useState)({ step: "connecting" });
+  const [actionState, setActionState] = (0, import_react31.useState)(null);
+  const [password, setPassword] = (0, import_react31.useState)("");
+  const [statusMessage, setStatusMessage] = (0, import_react31.useState)(null);
+  const [errorMessage, setErrorMessage] = (0, import_react31.useState)(null);
+  const [waitingConfirm, setWaitingConfirm] = (0, import_react31.useState)(false);
+  (0, import_react31.useEffect)(() => {
     if (!statusMessage) return;
     const t = setTimeout(() => setStatusMessage(null), 3e3);
     return () => clearTimeout(t);
   }, [statusMessage]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react31.useEffect)(() => {
     if (!deviceId || !isWebSerialAvailable()) {
       setScreen({ step: "error", message: "WebSerial not available" });
       return;
@@ -12634,7 +12736,7 @@ function DeviceManageScreen() {
       guardianRef.current?.close();
     };
   }, [deviceId]);
-  const refreshList = (0, import_react30.useCallback)(async () => {
+  const refreshList = (0, import_react31.useCallback)(async () => {
     const guardian = guardianRef.current;
     if (!guardian || screen.step !== "connected") return;
     try {
@@ -12643,7 +12745,7 @@ function DeviceManageScreen() {
     } catch {
     }
   }, [screen]);
-  const handleBackup = (0, import_react30.useCallback)(async () => {
+  const handleBackup = (0, import_react31.useCallback)(async () => {
     const guardian = guardianRef.current;
     const iframe4 = getIframeManager();
     if (!guardian || !iframe4 || !userId) return;
@@ -12667,7 +12769,7 @@ function DeviceManageScreen() {
       setActionState(null);
     }
   }, [password, userId, refreshList]);
-  const handleOverwrite = (0, import_react30.useCallback)(async () => {
+  const handleOverwrite = (0, import_react31.useCallback)(async () => {
     const guardian = guardianRef.current;
     const iframe4 = getIframeManager();
     if (!guardian || !iframe4 || !userId) return;
@@ -12687,7 +12789,7 @@ function DeviceManageScreen() {
       setActionState(null);
     }
   }, [password, userId, refreshList]);
-  const handleDelete = (0, import_react30.useCallback)(async (keyshareId) => {
+  const handleDelete = (0, import_react31.useCallback)(async (keyshareId) => {
     const guardian = guardianRef.current;
     if (!guardian) return;
     setActionState({ action: "delete", keyshareId, substep: "confirm-device" });
@@ -12854,10 +12956,10 @@ function DeviceManageScreen() {
     }
   );
 }
-var import_react30, import_lucide_react22, import_jsx_runtime53;
+var import_react31, import_lucide_react22, import_jsx_runtime53;
 var init_DeviceManageScreen = __esm({
   "src/internal/components/DevicesMenu/DeviceManageScreen.tsx"() {
-    import_react30 = require("react");
+    import_react31 = require("react");
     import_lucide_react22 = require("lucide-react");
     init_Expandable2();
     init_button();
@@ -12880,11 +12982,11 @@ function DeviceRestoreScreen() {
   const keyshareId = pageParams?.keyshareId;
   const deviceId = pageParams?.deviceId;
   const deviceName = pageParams?.deviceName;
-  const [password, setPassword] = (0, import_react31.useState)("");
-  const [isWorking, setIsWorking] = (0, import_react31.useState)(false);
-  const [statusMessage, setStatusMessage] = (0, import_react31.useState)(null);
-  const [errorMessage, setErrorMessage] = (0, import_react31.useState)(null);
-  const handleRestore = (0, import_react31.useCallback)(async () => {
+  const [password, setPassword] = (0, import_react32.useState)("");
+  const [isWorking, setIsWorking] = (0, import_react32.useState)(false);
+  const [statusMessage, setStatusMessage] = (0, import_react32.useState)(null);
+  const [errorMessage, setErrorMessage] = (0, import_react32.useState)(null);
+  const handleRestore = (0, import_react32.useCallback)(async () => {
     if (!password || !keyshareId || !userId) return;
     const iframe4 = getIframeManager();
     if (!iframe4) {
@@ -12971,10 +13073,10 @@ function DeviceRestoreScreen() {
     }
   );
 }
-var import_react31, import_lucide_react23, import_jsx_runtime54;
+var import_react32, import_lucide_react23, import_jsx_runtime54;
 var init_DeviceRestoreScreen = __esm({
   "src/internal/components/DevicesMenu/DeviceRestoreScreen.tsx"() {
-    import_react31 = require("react");
+    import_react32 = require("react");
     import_lucide_react23 = require("lucide-react");
     init_Expandable2();
     init_button();
@@ -12997,8 +13099,8 @@ function truncateAddress(address) {
   return `${address.slice(0, 6)}...${address.slice(-4)}`;
 }
 function DeviceRow({ device }) {
-  const [confirmingUnlink, setConfirmingUnlink] = (0, import_react32.useState)(false);
-  const [unlinkError, setUnlinkError] = (0, import_react32.useState)(null);
+  const [confirmingUnlink, setConfirmingUnlink] = (0, import_react33.useState)(false);
+  const [unlinkError, setUnlinkError] = (0, import_react33.useState)(null);
   const { mutate: unlink, isPending } = useUnlinkDevice();
   if (confirmingUnlink) {
     return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex flex-col gap-2 p-3 rounded-lg bg-[var(--ui-kit-bg)]", children: [
@@ -13112,10 +13214,10 @@ function DevicesMenu() {
     }
   );
 }
-var import_react32, import_lucide_react24, import_jsx_runtime55;
+var import_react33, import_lucide_react24, import_jsx_runtime55;
 var init_DevicesMenu = __esm({
   "src/internal/components/DevicesMenu/DevicesMenu.tsx"() {
-    import_react32 = require("react");
+    import_react33 = require("react");
     import_lucide_react24 = require("lucide-react");
     init_Expandable2();
     init_button();
@@ -13177,7 +13279,7 @@ function useOnRestoreSuccess() {
     setStatus
   } = useSession();
   const { setError, setSuccess } = useRestoreStore();
-  const createSessionWithKeyshare = (0, import_react33.useCallback)(
+  const createSessionWithKeyshare = (0, import_react34.useCallback)(
     async (userId, hasServerKeyshare, isNewUser) => {
       try {
         try {
@@ -13218,7 +13320,7 @@ function useOnRestoreSuccess() {
     },
     [setStatus, usePaymaster, activeChainId, publicClient]
   );
-  const onRestoreSuccess = (0, import_react33.useCallback)(async () => {
+  const onRestoreSuccess = (0, import_react34.useCallback)(async () => {
     const { verifyToken: verifyToken2, jwtTokenManager: jwtTokenManager4 } = await Promise.resolve().then(() => (init_auth(), auth_exports));
     const verify = await verifyToken2();
     const hasServerKeyshare = verify?.hasKeyshare ?? jwtTokenManager4.getHasKeyshare() ?? false;
@@ -13283,12 +13385,12 @@ function useOnRestoreSuccess() {
   ]);
   return { onRestoreSuccess };
 }
-var import_react33;
+var import_react34;
 var init_useOnRestoreSuccess = __esm({
   "src/internal/components/KeyshareRestoreMenu/hooks/useOnRestoreSuccess.ts"() {
     init_ProviderContext();
     init_SessionContext();
-    import_react33 = require("react");
+    import_react34 = require("react");
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_useRestoreStore();
@@ -13712,7 +13814,7 @@ function useCreateBackup() {
   const hasServerVault = useSession((st) => st.hasServerVault);
   const setIsDialogForced = useLayoutStore((st) => st.setIsDialogForced);
   const { usePasskey, restorePassword, selectedCloudProvider, setSuccess, setError, setMethod, setIsCreatingPasskey } = useRestoreStore();
-  (0, import_react34.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     if (!hasServerVault) {
       setMethod("server");
       setIsDialogForced(true);
@@ -13877,12 +13979,12 @@ function useCreateBackup() {
     createPasskey
   };
 }
-var import_react_query17, import_react34;
+var import_react_query17, import_react35;
 var init_useCreateBackup = __esm({
   "src/internal/components/KeyshareRestoreMenu/hooks/useCreateBackup.ts"() {
     init_SessionContext();
     import_react_query17 = require("@tanstack/react-query");
-    import_react34 = require("react");
+    import_react35 = require("react");
     init_useLayoutStore();
     init_iframe_manager();
     init_constants4();
@@ -14016,7 +14118,7 @@ function useValidateFileBackup() {
   const restoreFile = useRestoreStore((st) => st.restoreFile);
   const setError = useRestoreStore((st) => st.setError);
   const setUsePasskey = useRestoreStore((st) => st.setUsePasskey);
-  (0, import_react35.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (!restoreFile) {
       return;
     }
@@ -14037,10 +14139,10 @@ function useValidateFileBackup() {
     reader.readAsText(restoreFile);
   }, [restoreFile]);
 }
-var import_react35;
+var import_react36;
 var init_useValidateFileBackup = __esm({
   "src/internal/components/KeyshareRestoreMenu/hooks/useValidateFileBackup.ts"() {
-    import_react35 = require("react");
+    import_react36 = require("react");
     init_useRestoreStore();
   }
 });
@@ -14068,7 +14170,7 @@ function MethodSelector(props) {
     setError,
     setSuccess
   } = useRestoreStore();
-  const recoveryRenderMethods = (0, import_react36.useMemo)(() => {
+  const recoveryRenderMethods = (0, import_react37.useMemo)(() => {
     const methodsWithBackupData = getRecoveryRenderMethods(mode).map((mt) => {
       let data = null;
       switch (true) {
@@ -14083,7 +14185,7 @@ function MethodSelector(props) {
     return methodsWithBackupData;
   }, [mode, serverRecoveryStatus]);
   if (!!selectedRecoveryMethod) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react36.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react37.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "div",
     {
       style: { gridTemplateColumns: `repeat(${recoveryRenderMethods.length}, minmax(0, 1fr))` },
@@ -14117,12 +14219,12 @@ function MethodSelector(props) {
     }
   ) });
 }
-var import_lucide_react26, import_react36, import_jsx_runtime56, getRecoveryRenderMethods;
+var import_lucide_react26, import_react37, import_jsx_runtime56, getRecoveryRenderMethods;
 var init_MethodSelector = __esm({
   "src/internal/components/KeyshareRestoreMenu/components/MethodSelector.tsx"() {
     init_useT();
     import_lucide_react26 = require("lucide-react");
-    import_react36 = require("react");
+    import_react37 = require("react");
     init_guardian_backup();
     init_PositiveIcon();
     init_button();
@@ -14156,7 +14258,7 @@ function PasswordPasskey(props) {
     onCreatePasskey
   } = props;
   const hasServerVault = useSession((st) => st.hasServerVault);
-  const actionRef = (0, import_react37.useRef)(null);
+  const actionRef = (0, import_react38.useRef)(null);
   const {
     showPassword,
     restorePassword,
@@ -14170,7 +14272,7 @@ function PasswordPasskey(props) {
   } = useRestoreStore();
   const { config } = useProviderConfig();
   const isPasskeyEnabled = config.current.passkey.enabled;
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (!isPasskeyEnabled && usePasskey) setUsePasskey(false);
   }, [isPasskeyEnabled, usePasskey]);
   return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
@@ -14325,7 +14427,7 @@ function PasswordPasskey(props) {
     ] })
   ] });
 }
-var import_lucide_react27, import_react37, import_jsx_runtime57;
+var import_lucide_react27, import_react38, import_jsx_runtime57;
 var init_PasswordPasskey = __esm({
   "src/internal/components/KeyshareRestoreMenu/components/PasswordPasskey.tsx"() {
     init_ProviderContext();
@@ -14333,7 +14435,7 @@ var init_PasswordPasskey = __esm({
     init_i18n();
     init_utils2();
     import_lucide_react27 = require("lucide-react");
-    import_react37 = require("react");
+    import_react38 = require("react");
     init_OtpIcon();
     init_button();
     init_highlight();
@@ -14509,7 +14611,7 @@ function Server(props) {
   const usePasskey = useRestoreStore((st) => st.usePasskey);
   const setUsePasskey = useRestoreStore((st) => st.setUsePasskey);
   const serverRecoveryStatus = qc.getQueryData([CHECK_BACKUP_QUERY_KEY, address]);
-  (0, import_react38.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     if (mode === "backup" || !serverRecoveryStatus?.created?.encryptionMethod) return;
     setUsePasskey(serverRecoveryStatus.created.encryptionMethod === "passkey");
   }, [mode, serverRecoveryStatus, setUsePasskey]);
@@ -14544,7 +14646,7 @@ function Server(props) {
     ] })
   ] });
 }
-var import_react_query19, import_dayjs3, import_lucide_react30, import_react38, import_jsx_runtime60;
+var import_react_query19, import_dayjs3, import_lucide_react30, import_react39, import_jsx_runtime60;
 var init_Server = __esm({
   "src/internal/components/KeyshareRestoreMenu/methods/Server.tsx"() {
     init_SessionContext();
@@ -14553,7 +14655,7 @@ var init_Server = __esm({
     import_react_query19 = require("@tanstack/react-query");
     import_dayjs3 = __toESM(require("dayjs"), 1);
     import_lucide_react30 = require("lucide-react");
-    import_react38 = require("react");
+    import_react39 = require("react");
     init_highlight();
     init_PasswordPasskey();
     init_constants4();
@@ -14716,7 +14818,7 @@ function Cloud2(props) {
       return availableProviders.map((p) => ({ id: p.id, name: p.name, available: p.isAvailable() }));
     }
   });
-  (0, import_react39.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (isCloudProvidersLoading) return;
     if (!!cloudProvidersError) {
       console.error("[KeyshareBackup] Failed to load cloud providers:", cloudProvidersError);
@@ -14780,13 +14882,13 @@ function Cloud2(props) {
     )
   ] });
 }
-var import_react_query20, import_lucide_react32, import_react39, import_jsx_runtime62;
+var import_react_query20, import_lucide_react32, import_react40, import_jsx_runtime62;
 var init_Cloud = __esm({
   "src/internal/components/KeyshareRestoreMenu/methods/Cloud.tsx"() {
     init_SessionContext();
     import_react_query20 = require("@tanstack/react-query");
     import_lucide_react32 = require("lucide-react");
-    import_react39 = require("react");
+    import_react40 = require("react");
     init_button();
     init_select();
     init_PasswordPasskey();
@@ -14803,8 +14905,8 @@ function Guardian(props) {
   const session = useSession((st) => st.session);
   const recoveryUserId = useSession((st) => st.recoveryUserId);
   const { onRestoreSuccess } = useOnRestoreSuccess();
-  const [isWorking, setIsWorking] = (0, import_react40.useState)(false);
-  const [step, setStep] = (0, import_react40.useState)("idle");
+  const [isWorking, setIsWorking] = (0, import_react41.useState)(false);
+  const [step, setStep] = (0, import_react41.useState)("idle");
   const handleGuardianBackup = async () => {
     if (!restorePassword) {
       setError("Please enter a password");
@@ -14933,11 +15035,11 @@ function Guardian(props) {
     ] })
   ] });
 }
-var import_react40, import_lucide_react33, import_jsx_runtime63;
+var import_react41, import_lucide_react33, import_jsx_runtime63;
 var init_Guardian = __esm({
   "src/internal/components/KeyshareRestoreMenu/methods/Guardian.tsx"() {
     init_SessionContext();
-    import_react40 = require("react");
+    import_react41 = require("react");
     import_lucide_react33 = require("lucide-react");
     init_iframe_manager();
     init_guardian_backup();
@@ -14960,7 +15062,7 @@ var init_methods = __esm({
 });
 
 // src/internal/components/KeyshareRestoreMenu/KeyshareRestoreMenu.tsx
-var import_react_query21, import_lucide_react34, import_react41, import_jsx_runtime64, RESTORE_COMPONENTS, KeyshareRestoreMenu;
+var import_react_query21, import_lucide_react34, import_react42, import_jsx_runtime64, RESTORE_COMPONENTS, KeyshareRestoreMenu;
 var init_KeyshareRestoreMenu = __esm({
   "src/internal/components/KeyshareRestoreMenu/KeyshareRestoreMenu.tsx"() {
     init_ProviderContext();
@@ -14968,7 +15070,7 @@ var init_KeyshareRestoreMenu = __esm({
     init_i18n();
     import_react_query21 = require("@tanstack/react-query");
     import_lucide_react34 = require("lucide-react");
-    import_react41 = require("react");
+    import_react42 = require("react");
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_vaultClient();
@@ -15008,7 +15110,7 @@ var init_KeyshareRestoreMenu = __esm({
         setSuccess,
         setMethod
       } = useRestoreStore();
-      (0, import_react41.useEffect)(() => {
+      (0, import_react42.useEffect)(() => {
         setIsDialogForced(true);
         return () => {
           setRestorePassword("");
@@ -15034,7 +15136,7 @@ var init_KeyshareRestoreMenu = __esm({
         queryFn: async () => await getShareRecoveryStats()
       });
       const hasServerBackup = serverRecoveryStatus?.created || serverRecoveryStatus?.devices?.length > 0;
-      (0, import_react41.useEffect)(() => {
+      (0, import_react42.useEffect)(() => {
         if (!!hasServerBackup) setMethod("server");
       }, [hasServerBackup]);
       const { mutate: disconnect, isPending: isDisconnecting } = (0, import_react_query21.useMutation)({
@@ -15182,7 +15284,7 @@ function KeyshareBackupMenu() {
     setUsePasskey,
     setMethod
   } = useRestoreStore();
-  (0, import_react42.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     return () => {
       setSuccess(null);
       setError(null);
@@ -15201,7 +15303,7 @@ function KeyshareBackupMenu() {
     queryFn: async () => await getShareRecoveryStats()
   });
   const hasRecoveryData = serverRecoveryStatus?.created || serverRecoveryStatus?.devices?.length > 0;
-  (0, import_react42.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     if (!!hasRecoveryData) setMethod("server");
   }, [hasRecoveryData]);
   const {
@@ -15309,14 +15411,14 @@ function KeyshareBackupMenu() {
     }
   );
 }
-var import_react_query22, import_lucide_react35, import_react42, import_jsx_runtime65, COMPONENTS;
+var import_react_query22, import_lucide_react35, import_react43, import_jsx_runtime65, COMPONENTS;
 var init_KeyshareBackupMenu = __esm({
   "src/internal/components/KeyshareRestoreMenu/KeyshareBackupMenu.tsx"() {
     init_SessionContext();
     init_i18n();
     import_react_query22 = require("@tanstack/react-query");
     import_lucide_react35 = require("lucide-react");
-    import_react42 = require("react");
+    import_react43 = require("react");
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_vaultClient();
@@ -15354,14 +15456,14 @@ function useColorMode() {
   const preferedColorMode = config?.preferedColorMode;
   const colorMode = useLayoutStore((st) => st.colorMode);
   const handleStoreColorMode = useLayoutStore((st) => st.setColorMode);
-  const setColorMode = (0, import_react43.useCallback)(
+  const setColorMode = (0, import_react44.useCallback)(
     (mode) => {
       localStorage.setItem(LOCAL_COLOR_MODE_KEY, mode);
       handleStoreColorMode(mode);
     },
     [handleStoreColorMode]
   );
-  (0, import_react43.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     let targetColorMode = localStorage.getItem(LOCAL_COLOR_MODE_KEY);
     if (!targetColorMode && !preferedColorMode) {
       const systemMode = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
@@ -15376,10 +15478,10 @@ function useColorMode() {
   }, []);
   return { colorMode, setColorMode };
 }
-var import_react43;
+var import_react44;
 var init_useColorMode = __esm({
   "src/hooks/useColorMode.ts"() {
-    import_react43 = require("react");
+    import_react44 = require("react");
     init_ProviderContext();
     init_constants();
     init_useLayoutStore();
@@ -15481,13 +15583,13 @@ var init_SumsubIframeManager = __esm({
 function useSumsubIframe({ iframeUrl }) {
   const config = useProviderConfig().config;
   const { colorMode } = useColorMode();
-  const iframeRef = (0, import_react44.useRef)(null);
-  const [isLoading, setIsLoading] = (0, import_react44.useState)(true);
-  const [error, setError] = (0, import_react44.useState)(null);
-  const [height, setHeight] = (0, import_react44.useState)(0);
-  const [status, setStatus] = (0, import_react44.useState)("");
+  const iframeRef = (0, import_react45.useRef)(null);
+  const [isLoading, setIsLoading] = (0, import_react45.useState)(true);
+  const [error, setError] = (0, import_react45.useState)(null);
+  const [height, setHeight] = (0, import_react45.useState)(0);
+  const [status, setStatus] = (0, import_react45.useState)("");
   const levelName = config.current?.kyc?.options?.levelName;
-  (0, import_react44.useEffect)(() => {
+  (0, import_react45.useEffect)(() => {
     setError(null);
     setIsLoading(true);
     setStatus("Preparing verification...");
@@ -15528,12 +15630,12 @@ function useSumsubIframe({ iframeUrl }) {
     status
   };
 }
-var import_react44;
+var import_react45;
 var init_useSumsubIframe = __esm({
   "src/internal/components/KYC/useSumsubIframe.ts"() {
     init_ProviderContext();
     init_useColorMode();
-    import_react44 = require("react");
+    import_react45 = require("react");
     init_sumsub();
     init_SumsubIframeManager();
   }
@@ -15807,7 +15909,7 @@ function MainMenu() {
   const { t } = useT();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const setTransitionPageHeight = useLayoutDataStore((st) => st.setTransitionPageHeight);
-  (0, import_react45.useEffect)(() => setTransitionPageHeight(DEFAULT_MAIN_MENU_HEIGHT), []);
+  (0, import_react46.useEffect)(() => setTransitionPageHeight(DEFAULT_MAIN_MENU_HEIGHT), []);
   useProvidersList();
   return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "w-full p-[var(--ui-kit-pd)] flex flex-col gap-[var(--ui-kit-gap)]", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "w-full grid grid-cols-4 gap-0 md:gap-[var(--ui-kit-gap)] py-[10px] md:py-1", children: MAIN_MENU_BUTTONS.map(({ id, label, icon: Icon2 }) => /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
     Button,
@@ -15825,13 +15927,13 @@ function MainMenu() {
     id
   )) }) });
 }
-var import_lucide_react40, import_react45, import_jsx_runtime70, MAIN_MENU_BUTTONS;
+var import_lucide_react40, import_react46, import_jsx_runtime70, MAIN_MENU_BUTTONS;
 var init_MainMenu = __esm({
   "src/internal/components/MainMenu/MainMenu.tsx"() {
     init_SessionContext();
     init_useT();
     import_lucide_react40 = require("lucide-react");
-    import_react45 = require("react");
+    import_react46 = require("react");
     init_constants();
     init_useLayoutDataStore();
     init_useProvidersList();
@@ -15877,16 +15979,16 @@ function useLinkedProfiles() {
     }
   });
   const { profiles = [], avatar = null } = data || {};
-  const refresh = (0, import_react46.useCallback)(async () => {
+  const refresh = (0, import_react47.useCallback)(async () => {
     await qc.invalidateQueries({ queryKey: [LINKED_PROFILES_QUERY_KEY, address] });
   }, [qc, address]);
   return { profiles, avatar, isLoading, isFetching, error, refresh };
 }
-var import_react_query25, import_react46, LINKED_PROFILES_QUERY_KEY;
+var import_react_query25, import_react47, LINKED_PROFILES_QUERY_KEY;
 var init_linkedProfiles = __esm({
   "src/modules/linkedProfiles.ts"() {
     import_react_query25 = require("@tanstack/react-query");
-    import_react46 = require("react");
+    import_react47 = require("react");
     init_SessionContext();
     init_auth();
     init_common();
@@ -16377,7 +16479,7 @@ function useLinkSocial() {
   const setPage = useLayoutDataStore((st) => st.setPage);
   const isWalletLinking = useLayoutDataStore((st) => st.isWalletLinking);
   const { providerType, linkIsLoading, setProviderType, setAlert, setLinkIsLoading } = useManageWalletStore();
-  const handleLinkSocialProvider = import_react47.default.useCallback(
+  const handleLinkSocialProvider = import_react48.default.useCallback(
     async (providerIdRaw) => {
       const providerKey = providerIdRaw.toLowerCase();
       const normalizedKey = providerKey === "twitter" ? "x" : providerKey;
@@ -16435,8 +16537,8 @@ function useLinkSocial() {
     },
     [config.social?.providers]
   );
-  const [socialLinkStarted, setSocialLinkStarted] = import_react47.default.useState(false);
-  (0, import_react47.useEffect)(() => {
+  const [socialLinkStarted, setSocialLinkStarted] = import_react48.default.useState(false);
+  (0, import_react48.useEffect)(() => {
     const key = providerType?.toLowerCase();
     console.log("[useLinkSocial] Effect triggered:", { key, linkIsLoading, socialLinkStarted, isWalletLinking });
     if (isWalletLinking) {
@@ -16454,7 +16556,7 @@ function useLinkSocial() {
     }
   }, [providerType, linkIsLoading, socialLinkStarted, isWalletLinking, handleLinkSocialProvider]);
 }
-var import_react_query30, import_react47;
+var import_react_query30, import_react48;
 var init_useLinkSocial = __esm({
   "src/internal/components/ManageWalletMenu/hooks/useLinkSocial.ts"() {
     init_useLayoutDataStore();
@@ -16462,7 +16564,7 @@ var init_useLinkSocial = __esm({
     init_SessionContext();
     init_linkedProfiles();
     import_react_query30 = require("@tanstack/react-query");
-    import_react47 = __toESM(require("react"), 1);
+    import_react48 = __toESM(require("react"), 1);
     init_auth();
     init_telegramBrowser();
     init_useProvidersList();
@@ -16531,7 +16633,7 @@ function useLinkTelegram() {
   const isWalletLinking = useLayoutDataStore((st) => st.isWalletLinking);
   const { providerType, linkIsLoading, setLinkIsLoading, setProviderType, setAlert } = useManageWalletStore();
   const setPage = useLayoutDataStore((st) => st.setPage);
-  const handleLinkTelegram = (0, import_react48.useCallback)(async () => {
+  const handleLinkTelegram = (0, import_react49.useCallback)(async () => {
     try {
       if (shouldBlockSocialAuthInTelegram("telegram")) {
         setAlert(buildTelegramBrowserRestriction("Telegram", "linking"));
@@ -16578,8 +16680,8 @@ function useLinkTelegram() {
       setLinkIsLoading(false);
     }
   }, [config.social?.providers]);
-  const [telegramLinkStarted, setTelegramLinkStarted] = (0, import_react48.useState)(false);
-  (0, import_react48.useEffect)(() => {
+  const [telegramLinkStarted, setTelegramLinkStarted] = (0, import_react49.useState)(false);
+  (0, import_react49.useEffect)(() => {
     console.log("[useLinkTelegram] Effect triggered:", {
       providerType,
       linkIsLoading,
@@ -16596,20 +16698,20 @@ function useLinkTelegram() {
       handleLinkTelegram();
     }
   }, [providerType, handleLinkTelegram, linkIsLoading, telegramLinkStarted, isWalletLinking]);
-  (0, import_react48.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     if (providerType !== "telegram") {
       setTelegramLinkStarted(false);
     }
   }, [providerType]);
 }
-var import_react_query31, import_react48;
+var import_react_query31, import_react49;
 var init_useLinkTelegram = __esm({
   "src/internal/components/ManageWalletMenu/hooks/useLinkTelegram.ts"() {
     init_ProviderContext();
     init_SessionContext();
     init_linkedProfiles();
     import_react_query31 = require("@tanstack/react-query");
-    import_react48 = require("react");
+    import_react49 = require("react");
     init_telegram2();
     init_useLayoutDataStore();
     init_telegramBrowser();
@@ -16720,7 +16822,7 @@ function getConfiguredProviders(config) {
       });
       return acc;
     },
-    (0, import_lodash_es6.fromPairs)(POSSIBLE_PROVIDERS.map((p) => [p, false]))
+    (0, import_lodash_es8.fromPairs)(POSSIBLE_PROVIDERS.map((p) => [p, false]))
   );
 }
 function ManageWalletMenu() {
@@ -16742,7 +16844,7 @@ function ManageWalletMenu() {
   } = useManageWalletStore();
   const configuredProviders = getConfiguredProviders(config.current);
   const { data: providers = [], isLoading: isProvidersLoading, error: providersError } = useProvidersList();
-  const renderProviders = (0, import_react49.useMemo)(() => {
+  const renderProviders = (0, import_react50.useMemo)(() => {
     const normalizeProviderName = (name) => {
       if (name === "x") return "twitter";
       return name;
@@ -16864,16 +16966,16 @@ function ManageWalletMenu() {
     }
   );
 }
-var import_lodash_es6, import_lucide_react44, import_react49, import_jsx_runtime75, POSSIBLE_PROVIDERS, MULTI_PROVIDERS;
+var import_lodash_es8, import_lucide_react44, import_react50, import_jsx_runtime75, POSSIBLE_PROVIDERS, MULTI_PROVIDERS;
 var init_ManageWallet = __esm({
   "src/internal/components/ManageWalletMenu/ManageWallet.tsx"() {
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_ProviderContext();
     init_i18n();
-    import_lodash_es6 = require("lodash-es");
+    import_lodash_es8 = require("lodash-es");
     import_lucide_react44 = require("lucide-react");
-    import_react49 = require("react");
+    import_react50 = require("react");
     init_constants();
     init_telegramBrowser();
     init_Expandable2();
@@ -16941,7 +17043,7 @@ function UnlinkProviderMenu() {
   const { t } = useT();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const { confirmUnlink, setConfirmUnlink, setAlert } = useManageWalletStore();
-  const [confirmInput, setConfirmInput] = (0, import_react50.useState)("");
+  const [confirmInput, setConfirmInput] = (0, import_react51.useState)("");
   const { mutate: handleUnlinkProvider, isPending: isProviderUnlinking } = (0, import_react_query32.useMutation)({
     mutationFn: async () => {
       if (!confirmUnlink) {
@@ -17023,7 +17125,7 @@ function UnlinkProviderMenu() {
     ] })
   ] });
 }
-var import_react_query32, import_lucide_react45, import_react50, import_wagmi, import_jsx_runtime76;
+var import_react_query32, import_lucide_react45, import_react51, import_wagmi, import_jsx_runtime76;
 var init_UnlinkProviderMenu = __esm({
   "src/internal/components/ManageWalletMenu/UnlinkProviderMenu.tsx"() {
     init_useLayoutDataStore();
@@ -17033,7 +17135,7 @@ var init_UnlinkProviderMenu = __esm({
     init_linkedProfiles();
     import_react_query32 = require("@tanstack/react-query");
     import_lucide_react45 = require("lucide-react");
-    import_react50 = require("react");
+    import_react51 = require("react");
     import_wagmi = require("wagmi");
     init_auth();
     init_useExternalWalletStore();
@@ -17192,7 +17294,7 @@ function NicknameEditForm(props) {
   const { t } = useT();
   const passportWalletAddress = useSession((st) => st.address);
   const { callbacksRef } = useProviderConfig();
-  const [isNicknameCopied, setIsNicknameCopied] = (0, import_react51.useState)(false);
+  const [isNicknameCopied, setIsNicknameCopied] = (0, import_react52.useState)(false);
   const {
     mutate: changeNickname2,
     isError: isNicknameChangeError,
@@ -17224,7 +17326,7 @@ function NicknameEditForm(props) {
       );
     }
   });
-  const handleInputChange = (0, import_react51.useCallback)(
+  const handleInputChange = (0, import_react52.useCallback)(
     (e) => {
       const value = e.target.value;
       setInputValue(value);
@@ -17238,7 +17340,7 @@ function NicknameEditForm(props) {
     },
     [clientError, isNicknameChangeError, isNicknameChangeSuccess, reset, t]
   );
-  const handleSubmit = (0, import_react51.useCallback)(
+  const handleSubmit = (0, import_react52.useCallback)(
     (e) => {
       if (!canChange) return;
       e.preventDefault();
@@ -17302,7 +17404,7 @@ function NicknameEditForm(props) {
     !!canChange && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "w-full flex items-center leadding-4 text-[10px]", children: t("passport:nicknameMenu.hint") })
   ] });
 }
-var import_react_query33, import_lucide_react47, import_react51, import_jsx_runtime78;
+var import_react_query33, import_lucide_react47, import_react52, import_jsx_runtime78;
 var init_NicknameEditForm = __esm({
   "src/internal/components/NicknameMenu/NicknameEditForm.tsx"() {
     init_ProviderContext();
@@ -17310,7 +17412,7 @@ var init_NicknameEditForm = __esm({
     init_i18n();
     import_react_query33 = require("@tanstack/react-query");
     import_lucide_react47 = require("lucide-react");
-    import_react51 = require("react");
+    import_react52 = require("react");
     init_PositiveIcon();
     init_nickname();
     init_profile();
@@ -17326,17 +17428,17 @@ var init_NicknameEditForm = __esm({
 
 // src/internal/components/NicknameMenu/useNickname.ts
 function useNicknameForm(currentNickname) {
-  const [inputValue, setInputValue] = (0, import_react52.useState)("");
+  const [inputValue, setInputValue] = (0, import_react53.useState)("");
   const normalizedInputValue = normalizeNickname(inputValue);
   const validation = validateNickname(inputValue);
   const isValidForCheck = validation.valid && normalizedInputValue.length > 0;
-  (0, import_react52.useEffect)(() => {
+  (0, import_react53.useEffect)(() => {
     setInputValue(currentNickname);
   }, [currentNickname]);
-  const [queryInputValue, setQueryInputValue] = (0, import_react52.useState)("");
+  const [queryInputValue, setQueryInputValue] = (0, import_react53.useState)("");
   const isSameAsCurrentNickname = normalizedInputValue === currentNickname.toLowerCase();
   const shouldCheckAvailability = validation.valid && !isSameAsCurrentNickname && inputValue.length > 0;
-  (0, import_react52.useEffect)(() => {
+  (0, import_react53.useEffect)(() => {
     if (!isValidForCheck || !shouldCheckAvailability) {
       setQueryInputValue("");
       return;
@@ -17365,11 +17467,11 @@ function useNicknameForm(currentNickname) {
     availabilityQuery: query
   };
 }
-var import_react_query34, import_react52, DEBOUNCE_MS;
+var import_react_query34, import_react53, DEBOUNCE_MS;
 var init_useNickname = __esm({
   "src/internal/components/NicknameMenu/useNickname.ts"() {
     import_react_query34 = require("@tanstack/react-query");
-    import_react52 = require("react");
+    import_react53 = require("react");
     init_nickname();
     init_profile();
     init_nickname_validation();
@@ -17381,7 +17483,7 @@ var init_useNickname = __esm({
 function NicknameMenu() {
   const address = useSession((st) => st.address);
   const { t } = useT();
-  const [clientError, setClientError] = (0, import_react53.useState)(null);
+  const [clientError, setClientError] = (0, import_react54.useState)(null);
   const setPage = useLayoutDataStore((st) => st.setPage);
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
   const {
@@ -17468,7 +17570,7 @@ function NicknameMenu() {
     }
   );
 }
-var import_react_query35, import_dayjs4, import_lucide_react48, import_react53, import_jsx_runtime79;
+var import_react_query35, import_dayjs4, import_lucide_react48, import_react54, import_jsx_runtime79;
 var init_NicknameMenu = __esm({
   "src/internal/components/NicknameMenu/NicknameMenu.tsx"() {
     init_SessionContext();
@@ -17476,7 +17578,7 @@ var init_NicknameMenu = __esm({
     import_react_query35 = require("@tanstack/react-query");
     import_dayjs4 = __toESM(require("dayjs"), 1);
     import_lucide_react48 = require("lucide-react");
-    import_react53 = require("react");
+    import_react54 = require("react");
     init_nickname();
     init_profile();
     init_useLayoutDataStore();
@@ -17513,11 +17615,11 @@ function useResolvedPublicClient(chainId, logScope = "useResolvedPublicClient")
   const activeChainConfig = useSession((st) => st.chainConfig);
   const resolvedChainId = chainId ?? activeChainId;
   const shouldUseActiveClient = !chainId || chainId === activeChainId;
-  const chainConfig = (0, import_react54.useMemo)(() => {
+  const chainConfig = (0, import_react55.useMemo)(() => {
     if (shouldUseActiveClient) return activeChainConfig;
     return (0, import_read13.getChainConfig)(chainId);
   }, [activeChainConfig, chainId, shouldUseActiveClient]);
-  const publicClient = (0, import_react54.useMemo)(() => {
+  const publicClient = (0, import_react55.useMemo)(() => {
     if (shouldUseActiveClient) return activePublicClient;
     if (!chainId) return activePublicClient;
     try {
@@ -17534,12 +17636,12 @@ function useResolvedPublicClient(chainId, logScope = "useResolvedPublicClient")
     resolvedChainId
   };
 }
-var import_read13, import_react54, publicClientByChainId;
+var import_read13, import_react55, publicClientByChainId;
 var init_useResolvedPublicClient = __esm({
   "src/internal/hooks/useResolvedPublicClient.ts"() {
     init_SessionContext();
     import_read13 = require("@embarkai/core/read");
-    import_react54 = require("react");
+    import_react55 = require("react");
     publicClientByChainId = /* @__PURE__ */ new Map();
   }
 });
@@ -17549,7 +17651,7 @@ function useWatchTokens(options) {
   const { address, chainId, enabled = true } = options;
   const { config } = useProviderConfig();
   const { publicClient, resolvedChainId } = useResolvedPublicClient(chainId, "useWatchTokens");
-  const watchTokens = (0, import_react55.useMemo)(() => {
+  const watchTokens = (0, import_react56.useMemo)(() => {
     const allWatchTokens = config.current.watchTokens;
     const tokensForChain = resolvedChainId ? allWatchTokens?.[resolvedChainId] || [] : [];
     return tokensForChain;
@@ -17631,12 +17733,12 @@ function useWatchTokens(options) {
     refetch
   };
 }
-var import_react_query36, import_react55, import_viem6, WATCH_TOKENS_QUERY_KEY;
+var import_react_query36, import_react56, import_viem6, WATCH_TOKENS_QUERY_KEY;
 var init_useWatchTokens = __esm({
   "src/internal/hooks/useWatchTokens.ts"() {
     init_ProviderContext();
     import_react_query36 = require("@tanstack/react-query");
-    import_react55 = require("react");
+    import_react56 = require("react");
     import_viem6 = require("viem");
     init_useResolvedPublicClient();
     WATCH_TOKENS_QUERY_KEY = "watch-tokens";
@@ -17774,11 +17876,11 @@ function useBlockscoutAssets(options) {
   const customTokenBalancesQuery = portfolioConfig?.tokenBalancesQuery;
   const customTokenBalancesQueryKey = portfolioConfig?.tokenBalancesQueryKey;
   const blockscoutApiUrl = getBlockscoutApiUrl(chainConfig);
-  const blockscoutClient = (0, import_react56.useMemo)(
+  const blockscoutClient = (0, import_react57.useMemo)(
     () => blockscoutApiUrl ? (0, import_clients2.createBlockscoutClient)({ baseUrl: blockscoutApiUrl }) : null,
     [blockscoutApiUrl]
   );
-  const lastRefreshRef = (0, import_react56.useRef)(0);
+  const lastRefreshRef = (0, import_react57.useRef)(0);
   const {
     assets: watchTokenAssets,
     isLoading: watchTokensLoading,
@@ -17847,7 +17949,7 @@ function useBlockscoutAssets(options) {
     retry: 2,
     retryDelay: 1e3
   });
-  const erc20TokenAddresses = (0, import_react56.useMemo)(() => {
+  const erc20TokenAddresses = (0, import_react57.useMemo)(() => {
     if (!tokenBalances) return [];
     return tokenBalances.filter((tb) => tb.token.type === "ERC-20").map((tb) => tb.token.address_hash);
   }, [tokenBalances]);
@@ -17891,7 +17993,7 @@ function useBlockscoutAssets(options) {
     gcTime: BLOCKSCOUT_QUERY_GC_TIME,
     retry: 1
   });
-  const assets = (0, import_react56.useMemo)(() => {
+  const assets = (0, import_react57.useMemo)(() => {
     const result = [];
     const addedAddresses = /* @__PURE__ */ new Set();
     if (nativeBalanceData) {
@@ -17937,7 +18039,7 @@ function useBlockscoutAssets(options) {
     }
     return result;
   }, [nativeBalanceData, tokenBalances, nftItems, erc3643Results, watchTokenAssets, chainConfig]);
-  const nativeBalance = (0, import_react56.useMemo)(() => {
+  const nativeBalance = (0, import_react57.useMemo)(() => {
     if (!nativeBalanceData) return null;
     return {
       value: nativeBalanceData.value,
@@ -17945,11 +18047,11 @@ function useBlockscoutAssets(options) {
       symbol: nativeBalanceData.symbol
     };
   }, [nativeBalanceData]);
-  const error = (0, import_react56.useMemo)(() => {
+  const error = (0, import_react57.useMemo)(() => {
     if (!tokensError) return null;
     return createError(tokensError);
   }, [tokensError]);
-  const refreshBalances = (0, import_react56.useCallback)(async () => {
+  const refreshBalances = (0, import_react57.useCallback)(async () => {
     const now = Date.now();
     if (now - lastRefreshRef.current < BLOCKSCOUT_REFRESH_DEBOUNCE) {
       return;
@@ -17957,7 +18059,7 @@ function useBlockscoutAssets(options) {
     lastRefreshRef.current = now;
     await Promise.all([refetchNative(), refetchTokens(), refetchNfts(), refetchWatchTokens()]);
   }, [refetchNative, refetchTokens, refetchNfts, refetchWatchTokens]);
-  const getTokenBalance = (0, import_react56.useCallback)(
+  const getTokenBalance = (0, import_react57.useCallback)(
     (tokenAddress) => {
       return assets.find((a) => a.address?.toLowerCase() === tokenAddress.toLowerCase()) || null;
     },
@@ -17975,13 +18077,13 @@ function useBlockscoutAssets(options) {
     lastUpdated: dataUpdatedAt || null
   };
 }
-var import_clients2, import_react_query37, import_react56, import_viem7, BLOCKSCOUT_QUERY_KEY, ERC3643_DETECTION_QUERY_KEY, ERC3643_ABI;
+var import_clients2, import_react_query37, import_react57, import_viem7, BLOCKSCOUT_QUERY_KEY, ERC3643_DETECTION_QUERY_KEY, ERC3643_ABI;
 var init_useBlockscoutAssets = __esm({
   "src/internal/hooks/useBlockscoutAssets.ts"() {
     init_ProviderContext();
     import_clients2 = require("@embarkai/core/clients");
     import_react_query37 = require("@tanstack/react-query");
-    import_react56 = require("react");
+    import_react57 = require("react");
     import_viem7 = require("viem");
     init_initial();
     init_constants();
@@ -18098,8 +18200,8 @@ async function resolveAssetRate(symbol, address, customAssetRateQuery) {
 }
 function PortfolioItemImage(props) {
   const { asset } = props;
-  const [nftImageError, setNftImageError] = (0, import_react57.useState)(false);
-  const [logoError, setLogoError] = (0, import_react57.useState)(false);
+  const [nftImageError, setNftImageError] = (0, import_react58.useState)(false);
+  const [logoError, setLogoError] = (0, import_react58.useState)(false);
   const isNft = isNftAsset(asset);
   const nftImage = getNftImage(asset);
   const isSecurity = isSecurityToken(asset);
@@ -18214,14 +18316,14 @@ function PortfolioItem(props) {
     }
   );
 }
-var import_react_query38, import_lucide_react49, import_react57, import_viem9, import_jsx_runtime81, SKIP_SYMBOLS2, ASSETS_RATES_QUERY_KEY;
+var import_react_query38, import_lucide_react49, import_react58, import_viem9, import_jsx_runtime81, SKIP_SYMBOLS2, ASSETS_RATES_QUERY_KEY;
 var init_PortfolioItem = __esm({
   "src/internal/components/PortfolioMenu/PortfolioItem.tsx"() {
     init_ProviderContext();
     init_tokens();
     import_react_query38 = require("@tanstack/react-query");
     import_lucide_react49 = require("lucide-react");
-    import_react57 = require("react");
+    import_react58 = require("react");
     import_viem9 = require("viem");
     init_base();
     init_priceFormatter();
@@ -18253,7 +18355,7 @@ function PortfolioMenu() {
     enabled: !!address
   });
   const shownProjectAssests = projectAssets.filter((asset) => !asset.hideInPortfolio);
-  const refreshAllAssetsBalances = (0, import_react58.useCallback)(() => {
+  const refreshAllAssetsBalances = (0, import_react59.useCallback)(() => {
     Promise.all(shownProjectAssests.map((asset) => qc.invalidateQueries({ queryKey: asset.balanceQueryKey })));
     refreshBlockscoutBalances();
   }, [qc, shownProjectAssests, refreshBlockscoutBalances]);
@@ -18303,7 +18405,7 @@ function PortfolioMenu() {
     }
   );
 }
-var import_react_query39, import_lucide_react50, import_react58, import_jsx_runtime82;
+var import_react_query39, import_lucide_react50, import_react59, import_jsx_runtime82;
 var init_PortfolioMenu = __esm({
   "src/internal/components/PortfolioMenu/PortfolioMenu.tsx"() {
     init_ProviderContext();
@@ -18311,7 +18413,7 @@ var init_PortfolioMenu = __esm({
     init_i18n();
     import_react_query39 = require("@tanstack/react-query");
     import_lucide_react50 = require("lucide-react");
-    import_react58 = require("react");
+    import_react59 = require("react");
     init_useBlockscoutAssets();
     init_useLayoutDataStore();
     init_useLayoutStore();
@@ -18420,10 +18522,10 @@ function ReceiveMenu() {
   const { t } = useT();
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
   const open = page === "receive";
-  const [qrCodeUrl, setQrCodeUrl] = (0, import_react59.useState)("");
-  const [copied, setCopied] = (0, import_react59.useState)(false);
-  const [fingerprintCopied, setFingerprintCopied] = (0, import_react59.useState)(false);
-  const fingerprint = (0, import_react59.useMemo)(() => {
+  const [qrCodeUrl, setQrCodeUrl] = (0, import_react60.useState)("");
+  const [copied, setCopied] = (0, import_react60.useState)(false);
+  const [fingerprintCopied, setFingerprintCopied] = (0, import_react60.useState)(false);
+  const fingerprint = (0, import_react60.useMemo)(() => {
     if (!session?.ownerAddress) return null;
     try {
       return generateFingerprint(session.ownerAddress);
@@ -18431,7 +18533,7 @@ function ReceiveMenu() {
       return null;
     }
   }, [session?.ownerAddress]);
-  (0, import_react59.useEffect)(() => {
+  (0, import_react60.useEffect)(() => {
     if (open && address) {
       import_qrcode.default.toDataURL(address, {
         width: 200,
@@ -18444,7 +18546,7 @@ function ReceiveMenu() {
       });
     }
   }, [open, address]);
-  const handleCopy = (0, import_react59.useCallback)(async () => {
+  const handleCopy = (0, import_react60.useCallback)(async () => {
     if (!address) return;
     try {
       await navigator.clipboard.writeText(address);
@@ -18454,7 +18556,7 @@ function ReceiveMenu() {
       console.error("Failed to copy address:", error);
     }
   }, [address]);
-  const handleCopyFingerprint = (0, import_react59.useCallback)(async () => {
+  const handleCopyFingerprint = (0, import_react60.useCallback)(async () => {
     if (!fingerprint) return;
     try {
       await navigator.clipboard.writeText(fingerprint);
@@ -18515,14 +18617,14 @@ function ReceiveMenu() {
     }
   );
 }
-var import_lucide_react51, import_qrcode, import_react59, import_jsx_runtime83;
+var import_lucide_react51, import_qrcode, import_react60, import_jsx_runtime83;
 var init_ReceiveMenu = __esm({
   "src/internal/components/ReceiveMenu/ReceiveMenu.tsx"() {
     init_SessionContext();
     init_i18n();
     import_lucide_react51 = require("lucide-react");
     import_qrcode = __toESM(require("qrcode"), 1);
-    import_react59 = require("react");
+    import_react60 = require("react");
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_nickname_fingerprint();
@@ -18996,7 +19098,7 @@ function SecurityMenu() {
   const setPage = useLayoutDataStore((st) => st.setPage);
   const userId = import_auth20.jwtTokenManager.getUserId();
   const serverHasKeyshare = import_auth20.jwtTokenManager.getHasKeyshare() ?? false;
-  const [appToUntrust, untrustApp] = (0, import_react60.useState)(null);
+  const [appToUntrust, untrustApp] = (0, import_react61.useState)(null);
   const { data: recoveryData, isLoading: isRecoveryLoading } = useKeyshareRecoveryStats();
   const localInfo = recoveryData?.keyshareInfo || {};
   const hasServerBackup = !!recoveryData?.shareRecoveryStats?.created || recoveryData?.shareRecoveryStats?.devices?.length > 0;
@@ -19072,13 +19174,13 @@ function SecurityMenu() {
     }
   );
 }
-var import_react_query41, import_lucide_react57, import_react60, import_jsx_runtime90;
+var import_react_query41, import_lucide_react57, import_react61, import_jsx_runtime90;
 var init_SecurityMenu = __esm({
   "src/internal/components/SecurityMenu/SecurityMenu.tsx"() {
     init_i18n();
     import_react_query41 = require("@tanstack/react-query");
     import_lucide_react57 = require("lucide-react");
-    import_react60 = require("react");
+    import_react61 = require("react");
     init_auth();
     init_useLayoutDataStore();
     init_useLayoutStore();
@@ -19345,12 +19447,12 @@ function SenderSelector(props) {
   const { openConnectModal } = (0, import_rainbowkit.useConnectModal)();
   const directWalletAddress = useExternalWalletStore((st) => st.externalAddress);
   const directWalletIsConnected = useExternalWalletStore((st) => st.isExternalConnected);
-  const pendingWalletRef = (0, import_react61.useRef)(null);
+  const pendingWalletRef = (0, import_react62.useRef)(null);
   const originChain = useBridgeStore((st) => st.originChain);
   const bridgeSender = useBridgeStore((st) => st.bridgeSender);
   const bridgeSenders = useBridgeStore((st) => st.bridgeSenders);
-  const [walletMessage, setWalletMessage] = (0, import_react61.useState)(null);
-  (0, import_react61.useEffect)(() => {
+  const [walletMessage, setWalletMessage] = (0, import_react62.useState)(null);
+  (0, import_react62.useEffect)(() => {
     useFlowSelectorStore.getState().setRenderKey(`sender-selected-${Date.now()}`);
   }, [walletMessage]);
   const { mutate: loginDirectWallet, isPending: isDirectWalletLoggingIn } = (0, import_react_query42.useMutation)({
@@ -19406,7 +19508,7 @@ function SenderSelector(props) {
       setWalletMessage(error instanceof Error ? error.message : "Wallet login failed. Please try again.");
     }
   });
-  (0, import_react61.useEffect)(() => {
+  (0, import_react62.useEffect)(() => {
     const pendingProfile = pendingWalletRef.current;
     if (!pendingProfile || !directWalletIsConnected || !directWalletAddress) return;
     if (directWalletAddress.toLowerCase() !== pendingProfile.externalId?.toLowerCase()) return;
@@ -19481,14 +19583,14 @@ function SenderSelector(props) {
     ] })
   ] });
 }
-var import_rainbowkit, import_react_query42, import_react61, import_wagmi2, import_jsx_runtime91;
+var import_rainbowkit, import_react_query42, import_react62, import_wagmi2, import_jsx_runtime91;
 var init_SenderSelector = __esm({
   "src/internal/components/SendMenu/hyperbridge/components/SenderSelector.tsx"() {
     init_ProviderContext();
     init_i18n();
     import_rainbowkit = require("@rainbow-me/rainbowkit");
     import_react_query42 = require("@tanstack/react-query");
-    import_react61 = require("react");
+    import_react62 = require("react");
     import_wagmi2 = require("wagmi");
     init_wallet();
     init_useLayoutDataStore();
@@ -19601,8 +19703,8 @@ var init_wallets = __esm({
 function useAvailableSenders() {
   const address = useSession((st) => st.address);
   const { profiles } = useLinkedProfiles();
-  const lastCalcedSenders = (0, import_react62.useRef)([]);
-  (0, import_react62.useEffect)(() => {
+  const lastCalcedSenders = (0, import_react63.useRef)([]);
+  (0, import_react63.useEffect)(() => {
     const sendersAccumulator = [
       {
         type: "embarkai-wallet",
@@ -19634,13 +19736,13 @@ function useAvailableSenders() {
     directWalletProfile: profiles.filter((p) => p.provider === "wallet")[0] || null
   };
 }
-var import_react62;
+var import_react63;
 var init_useAvailableSenders = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useAvailableSenders.ts"() {
     init_SessionContext();
     init_tokens();
     init_linkedProfiles();
-    import_react62 = require("react");
+    import_react63 = require("react");
     init_wallets();
     init_useFlowSelector();
     init_useBridgeStore();
@@ -19972,7 +20074,7 @@ function useHyperlaneHistory() {
   const page = useLayoutDataStore((st) => st.page);
   const flow = useFlowSelectorStore((st) => st.flow);
   const bridgeStep = useBridgeStore((st) => st.bridgeStep);
-  const [currentPage, setCurrentPage] = (0, import_react63.useState)(1);
+  const [currentPage, setCurrentPage] = (0, import_react64.useState)(1);
   const query = (0, import_react_query43.useQuery)({
     retry: false,
     refetchInterval: TX_HISTORY_POLLING_INTERVAL,
@@ -19980,13 +20082,13 @@ function useHyperlaneHistory() {
     queryKey: [HYPERLANE_HISTORY_QUERY_KEY, address, currentPage],
     queryFn: async () => await getHyperlaneBridgeHistory({ page: currentPage, pageSize: TX_HISTORY_PAGE_SIZE })
   });
-  const updateExpandable = (0, import_react63.useCallback)(
-    (0, import_lodash_es7.debounce)(() => {
+  const updateExpandable = (0, import_react64.useCallback)(
+    (0, import_lodash_es9.debounce)(() => {
       useFlowSelectorStore.getState().setRenderKey(`hyperlane-history-loaded-${Date.now()}`);
-    }, 500),
+    }, 250),
     []
   );
-  (0, import_react63.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     const { data, isLoading } = query;
     if (isLoading || data.data?.length === 0) return;
     updateExpandable();
@@ -19997,13 +20099,13 @@ function useHyperlaneHistory() {
     setCurrentPage
   };
 }
-var import_react_query43, import_lodash_es7, import_react63, HYPERLANE_HISTORY_QUERY_KEY, TX_HISTORY_PAGE_SIZE, TX_HISTORY_POLLING_INTERVAL;
+var import_react_query43, import_lodash_es9, import_react64, HYPERLANE_HISTORY_QUERY_KEY, TX_HISTORY_PAGE_SIZE, TX_HISTORY_POLLING_INTERVAL;
 var init_useHyperlaneHistory = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useHyperlaneHistory.ts"() {
     init_SessionContext();
     import_react_query43 = require("@tanstack/react-query");
-    import_lodash_es7 = require("lodash-es");
-    import_react63 = require("react");
+    import_lodash_es9 = require("lodash-es");
+    import_react64 = require("react");
     init_useLayoutDataStore();
     init_useFlowSelector();
     init_api3();
@@ -20035,7 +20137,7 @@ function useBridge() {
   const address = useSession((st) => st.address);
   const { data: walletClient } = (0, import_wagmi3.useWalletClient)();
   const { switchChainAsync } = (0, import_wagmi3.useSwitchChain)();
-  const swapDirection = (0, import_react64.useCallback)(() => {
+  const swapDirection = (0, import_react65.useCallback)(() => {
     const {
       bridgeStep,
       originChain,
@@ -20087,7 +20189,7 @@ function useBridge() {
       useFlowSelectorStore.getState().setError(error instanceof Error ? error.message : String(error));
     }
   });
-  const handleQuoteEstimation = (0, import_react64.useCallback)((amnt) => {
+  const handleQuoteEstimation = (0, import_react65.useCallback)((amnt) => {
     const { originChain, destinationChain, bridgeSender } = useBridgeStore.getState();
     if (!amnt || !Number(amnt)) {
       useBridgeStore.getState().setQuote(null);
@@ -20211,14 +20313,14 @@ function useBridge() {
     isAssetBridging
   };
 }
-var import_react_query44, import_react64, import_wagmi3;
+var import_react_query44, import_react65, import_wagmi3;
 var init_useBridge = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useBridge.ts"() {
     init_SessionContext();
     init_i18n();
     init_useExternalWalletStore();
     import_react_query44 = require("@tanstack/react-query");
-    import_react64 = require("react");
+    import_react65 = require("react");
     import_wagmi3 = require("wagmi");
     init_useLayoutStore();
     init_useFlowSelector();
@@ -20248,7 +20350,7 @@ function useHyperlaneRoutes() {
     queryKey: [HYPERLANE_WARP_ROUTES_QUERY_KEY, address],
     queryFn: async () => getHyperlaneWarpRoutes()
   });
-  (0, import_react65.useEffect)(() => {
+  (0, import_react66.useEffect)(() => {
     if (!errorWarpRoutes) return;
     useFlowSelectorStore.getState().setError(errorWarpRoutes.message);
     const { resetSelections, setRecipient, setOriginChain, setDestinationChain } = useBridgeStore.getState();
@@ -20257,7 +20359,7 @@ function useHyperlaneRoutes() {
     setOriginChain(null);
     setDestinationChain(null);
   }, [errorWarpRoutes]);
-  (0, import_react65.useEffect)(() => {
+  (0, import_react66.useEffect)(() => {
     if (!!hyperRoute || !hyperlaneWarpRoutes.length) return;
     const warpRouteToAutoSelect = hyperlaneWarpRoutes.find((route) => route.routeId === hyperRoute);
     if (!warpRouteToAutoSelect) return;
@@ -20276,12 +20378,12 @@ function useHyperlaneRoutes() {
   }, [hyperRoute, hyperlaneWarpRoutes]);
   return { hyperlaneWarpRoutes, isLoadingWarpRoutes };
 }
-var import_react_query45, import_react65, HYPERLANE_WARP_ROUTES_QUERY_KEY;
+var import_react_query45, import_react66, HYPERLANE_WARP_ROUTES_QUERY_KEY;
 var init_useHyperlaneRoutes = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useHyperlaneRoutes.ts"() {
     init_SessionContext();
     import_react_query45 = require("@tanstack/react-query");
-    import_react65 = require("react");
+    import_react66 = require("react");
     init_useLayoutDataStore();
     init_useFlowSelector();
     init_api3();
@@ -20297,7 +20399,7 @@ function useMenuTitle(warpRoutes) {
   const bridgeStep = useBridgeStore((st) => st.bridgeStep);
   const hyperRoute = useBridgeStore((st) => st.hyperRoute);
   const hyperRouteMeta = warpRoutes?.length ? warpRoutes.find((route) => route.routeId === hyperRoute) : null;
-  (0, import_react66.useEffect)(() => {
+  (0, import_react67.useEffect)(() => {
     const updateMenuTitle = useFlowSelectorStore.getState().setMenuTitle;
     switch (true) {
       case bridgeStep === "sender-selector":
@@ -20325,11 +20427,11 @@ function useMenuTitle(warpRoutes) {
     }
   }, [bridgeStep, hyperRouteMeta, t]);
 }
-var import_react66;
+var import_react67;
 var init_useMenuTitle = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useMenuTitle.ts"() {
     init_i18n();
-    import_react66 = require("react");
+    import_react67 = require("react");
     init_useFlowSelector();
     init_useBridgeStore();
   }
@@ -20421,18 +20523,22 @@ function useBridgeBalance(hyperlaneWarpRoutes) {
       return { value, decimals, symbol, formatted };
     }
   });
-  const {
-    data: externalNativeBalanceData,
-    refetch: refetchExternalNativeBalance,
-    isLoading: isExternalNativeBalanceLoading
-  } = (0, import_wagmi4.useBalance)({
-    address: directWalletAddress,
-    chainId: directWalletChainId,
-    query: {
-      enabled: bridgeSender === "direct-wallet" && isSelectedTokenNative && !!directWalletAddress && !!routeTokenAddress && !!originChain
+  const { data: externalNativeBalanceData, isLoading: isExternalNativeBalanceLoading } = (0, import_react_query46.useQuery)({
+    retry: false,
+    enabled: bridgeSender === "direct-wallet" && isSelectedTokenNative && !!directWalletAddress && !!originChain,
+    queryKey: [EXTERNAL_WALLET_BRIDGING_NATIVE_BALANCE_QUERY, originChain, directWalletAddress],
+    queryFn: async () => {
+      const chainTransport = import_core6.CHAINS_BROWSERS_TRANSPORTS[originChainMeta.chain.id] || (0, import_viem13.http)(originChainMeta.chain.rpcUrls.default.http[0]);
+      const client = (0, import_viem13.createPublicClient)({ chain: originChainMeta.chain, transport: chainTransport });
+      const rawBalance = await client.getBalance({ address: directWalletAddress });
+      return {
+        value: rawBalance,
+        decimals: originChainMeta.chain.nativeCurrency.decimals,
+        symbol: originChainMeta.chain.nativeCurrency.symbol
+      };
     }
   });
-  const refreshRouteTokenBalance = (0, import_react67.useCallback)(
+  const refreshRouteTokenBalance = (0, import_react68.useCallback)(
     (senderWallet) => {
       switch (true) {
         case senderWallet === "embarkai-wallet":
@@ -20442,13 +20548,13 @@ function useBridgeBalance(hyperlaneWarpRoutes) {
           qc.invalidateQueries({ queryKey: [EXTERNAL_WALLET_BRIDGING_BALANCE_QUERY] });
           break;
         case (senderWallet === "direct-wallet" && !!isSelectedTokenNative):
-          refetchExternalNativeBalance();
+          qc.invalidateQueries({ queryKey: [EXTERNAL_WALLET_BRIDGING_NATIVE_BALANCE_QUERY] });
           break;
       }
     },
-    [refreshBalances, qc, refetchExternalNativeBalance]
+    [refreshBalances, qc]
   );
-  (0, import_react67.useEffect)(() => {
+  (0, import_react68.useEffect)(() => {
     if (!bridgeSender || !originChain) return;
     switch (bridgeSender) {
       case "embarkai-wallet":
@@ -20479,14 +20585,14 @@ function useBridgeBalance(hyperlaneWarpRoutes) {
     isRouteTokenBalanceLoading: isAssetsLoading || isExternalBalanceLoading || isExternalNativeBalanceLoading
   };
 }
-var import_core6, import_react_query46, import_react67, import_viem13, import_wagmi4, EXTERNAL_WALLET_BRIDGING_BALANCE_QUERY;
+var import_core6, import_react_query46, import_react68, import_viem13, import_wagmi4, EXTERNAL_WALLET_BRIDGING_BALANCE_QUERY, EXTERNAL_WALLET_BRIDGING_NATIVE_BALANCE_QUERY;
 var init_useBridgeBalance = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useBridgeBalance.ts"() {
     init_SessionContext();
     init_i18n();
     import_core6 = require("@embarkai/core");
     import_react_query46 = require("@tanstack/react-query");
-    import_react67 = require("react");
+    import_react68 = require("react");
     import_viem13 = require("viem");
     import_wagmi4 = require("wagmi");
     init_useBlockscoutAssets();
@@ -20496,6 +20602,7 @@ var init_useBridgeBalance = __esm({
     init_useBridgeStore();
     init_utils8();
     EXTERNAL_WALLET_BRIDGING_BALANCE_QUERY = "external-wallet-bridging-balance-query";
+    EXTERNAL_WALLET_BRIDGING_NATIVE_BALANCE_QUERY = "external-wallet-bridging-native-balance-query";
   }
 });
 
@@ -20515,11 +20622,11 @@ function SelectStep(props) {
   } = useBridgeStore();
   const selectedSender = bridgeSenders?.find((s) => s.type === bridgeSender) || null;
   const { routeTokenBalance, isRouteTokenBalanceLoading } = useBridgeBalance(hyperlaneWarpRoutes);
-  const selectedWarpRoute = hyperlaneWarpRoutes.find((route) => {
+  const selectedWarpRoute = hyperlaneWarpRoutes?.find((route) => {
     const { routeId, chainPair } = route;
     const chainPairNames = chainPair.map((c) => c.chainName);
     return routeId === hyperRoute && chainPairNames.includes(originChain) && chainPairNames.includes(destinationChain);
-  });
+  }) || null;
   const SelectedWarpRoteIcon = TOKENS_ICONS[(selectedWarpRoute?.symbol || "null_icon").toUpperCase()] || TOKENS_ICONS.EMBARKAI;
   const isError = useFlowSelectorStore((st) => !!st.error);
   if (isLoadingWarpRoutes) {
@@ -20544,7 +20651,7 @@ function SelectStep(props) {
         Button,
         {
           disabled: !hyperlaneWarpRoutes.length || isQuoteEstimating,
-          variant: "default",
+          variant: "secondary",
           className: "w-full justify-between",
           onClick: () => {
             useFlowSelectorStore.getState().setError(null);
@@ -20583,7 +20690,7 @@ function SelectStep(props) {
         Button,
         {
           disabled: !hyperlaneWarpRoutes.length || isQuoteEstimating,
-          variant: "default",
+          variant: "secondary",
           className: "w-full justify-between",
           onClick: () => {
             useFlowSelectorStore.getState().setError(null);
@@ -20603,7 +20710,7 @@ function SelectStep(props) {
                 variant: "outline",
                 size: "medium",
                 className: "bg-[var(--ui-kit-bg)] flex items-center gap-[var(--ui-kit-gap)]",
-                children: selectedWarpRoute.chainPair.map((chain, chIdx) => /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_react68.Fragment, { children: [
+                children: selectedWarpRoute.chainPair.map((chain, chIdx) => /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_react69.Fragment, { children: [
                   chIdx > 0 && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_lucide_react59.ArrowLeftRightIcon, { className: "w-4 h-4 " }),
                   /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ResolveChainIcon, { chainName: chain.chainName, className: "w-4 h-4" })
                 ] }, `${selectedWarpRoute.id}-icon-${chain.chainID}-${chIdx}`))
@@ -20741,13 +20848,13 @@ function SelectStep(props) {
     )
   ] });
 }
-var import_lucide_react59, import_react68, import_jsx_runtime95;
+var import_lucide_react59, import_react69, import_jsx_runtime95;
 var init_SelectStep = __esm({
   "src/internal/components/SendMenu/hyperbridge/steps/SelectStep.tsx"() {
     init_tokens();
     init_i18n();
     import_lucide_react59 = require("lucide-react");
-    import_react68 = require("react");
+    import_react69 = require("react");
     init_priceFormatter();
     init_utils2();
     init_badge();
@@ -20796,7 +20903,7 @@ var init_checkbox = __esm({
 // src/internal/components/SendMenu/hyperbridge/steps/ConfirmStep.tsx
 function ConfirmStep(props) {
   const { isAssetBridging, bridgeAsset, hyperlaneWarpRoutes } = props;
-  const [userConsent, setUserConsent] = (0, import_react69.useState)(false);
+  const [userConsent, setUserConsent] = (0, import_react70.useState)(false);
   const { t } = useT();
   const address = useSession((st) => st.address);
   const bridgeSender = useBridgeStore((st) => st.bridgeSenders.find((s) => s.type === st.bridgeSender));
@@ -20812,6 +20919,7 @@ function ConfirmStep(props) {
     const chainPairNames = chainPair.map((c) => c.chainName);
     return routeId === hyperRoute && chainPairNames.includes(originChain) && chainPairNames.includes(destinationChain);
   });
+  const isConfirmationDisabled = !quote || isAssetBridging || !userConsent;
   return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex flex-col gap-[var(--ui-kit-gap)] w-full", children: [
     /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(Highlight, { type: "info", className: "flex flex-col gap-[var(--ui-kit-gap)] w-full", children: [
       /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("p", { className: P_CN, children: [
@@ -20893,7 +21001,7 @@ function ConfirmStep(props) {
       {
         size: "large",
         variant: "default",
-        disabled: !quote || isAssetBridging || !userConsent,
+        disabled: isConfirmationDisabled,
         onClick: () => bridgeAsset(),
         className: "w-full",
         children: [
@@ -20904,13 +21012,13 @@ function ConfirmStep(props) {
     )
   ] });
 }
-var import_lucide_react61, import_react69, import_jsx_runtime97, P_CN;
+var import_lucide_react61, import_react70, import_jsx_runtime97, P_CN;
 var init_ConfirmStep = __esm({
   "src/internal/components/SendMenu/hyperbridge/steps/ConfirmStep.tsx"() {
     init_SessionContext();
     init_i18n();
     import_lucide_react61 = require("lucide-react");
-    import_react69 = require("react");
+    import_react70 = require("react");
     init_priceFormatter();
     init_utils2();
     init_button();
@@ -21268,9 +21376,9 @@ var init_HistoryStep = __esm({
 function SelectAssetRoute(props) {
   const { hyperlaneWarpRoutes } = props;
   const { t } = useT();
-  const [isTokenSymbolSelector, setIsTokenSymbolSelector] = (0, import_react70.useState)(false);
+  const [isTokenSymbolSelector, setIsTokenSymbolSelector] = (0, import_react71.useState)(false);
   const selectedAssetSymbol = useBridgeStore((st) => st.bridgeAssetSymbol);
-  const tokenList = (0, import_react70.useMemo)(() => {
+  const tokenList = (0, import_react71.useMemo)(() => {
     const tokens = hyperlaneWarpRoutes.map((route) => route.symbol);
     const uniqueTokens = Array.from(new Set(tokens));
     return uniqueTokens.map((symbol) => ({
@@ -21304,7 +21412,7 @@ function SelectAssetRoute(props) {
     /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
       Button,
       {
-        variant: "default",
+        variant: "secondary",
         className: "w-full",
         onClick: () => {
           setIsTokenSymbolSelector(true);
@@ -21321,7 +21429,7 @@ function SelectAssetRoute(props) {
       /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: availableChainPairs.map(([fromChain, toChain]) => /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
         Button,
         {
-          variant: "outline",
+          variant: "secondary",
           className: "w-full",
           onClick: () => {
             const targetWarpRoute = hyperlaneWarpRoutes.find((route) => {
@@ -21367,13 +21475,13 @@ function SelectAssetRoute(props) {
     ] })
   ] });
 }
-var import_lucide_react63, import_react70, import_jsx_runtime100;
+var import_lucide_react63, import_react71, import_jsx_runtime100;
 var init_SelectAssetRoute = __esm({
   "src/internal/components/SendMenu/hyperbridge/steps/SelectAssetRoute.tsx"() {
     init_tokens();
     init_i18n();
     import_lucide_react63 = require("lucide-react");
-    import_react70 = require("react");
+    import_react71 = require("react");
     init_button();
     init_useFlowSelector();
     init_ResolveChainIcon();
@@ -21401,7 +21509,7 @@ function HyperlaneBridge() {
   const { hyperlaneWarpRoutes, isLoadingWarpRoutes } = useHyperlaneRoutes();
   const { directWalletProfile } = useAvailableSenders();
   useMenuTitle(hyperlaneWarpRoutes);
-  (0, import_react71.useEffect)(
+  (0, import_react72.useEffect)(
     () => () => {
       useBridgeStore.getState().resetSelections();
     },
@@ -21435,10 +21543,10 @@ function HyperlaneBridge() {
     bridgeStep === "tx-history-details" && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(HistoryDetailsStep, {})
   ] });
 }
-var import_react71, import_jsx_runtime101;
+var import_react72, import_jsx_runtime101;
 var init_HyperlaneBridge = __esm({
   "src/internal/components/SendMenu/hyperbridge/HyperlaneBridge.tsx"() {
-    import_react71 = require("react");
+    import_react72 = require("react");
     init_SenderSelector();
     init_useAvailableSenders();
     init_useBridge();
@@ -21456,7 +21564,7 @@ function BridgeHistorySwitch(props) {
   const selectorFlow = useFlowSelectorStore((st) => st.flow);
   const isUiLocked = useFlowSelectorStore((st) => st.isUiLocked);
   const bridgeStep = useBridgeStore((st) => st.bridgeStep);
-  const lastBridgeStepRef = (0, import_react72.useRef)(null);
+  const lastBridgeStepRef = (0, import_react73.useRef)(null);
   if (selectorFlow !== "bridge" || bridgeStep === "confirm" || bridgeStep === "success" || bridgeStep === "sender-selector" || bridgeStep === "select-token" || bridgeStep === "tx-history-details") {
     return null;
   }
@@ -21474,10 +21582,10 @@ function BridgeHistorySwitch(props) {
     }
   );
 }
-var import_react72, import_jsx_runtime102;
+var import_react73, import_jsx_runtime102;
 var init_HistorySwitch = __esm({
   "src/internal/components/SendMenu/hyperbridge/components/HistorySwitch.tsx"() {
-    import_react72 = require("react");
+    import_react73 = require("react");
     init_switch();
     init_useFlowSelector();
     init_useBridgeStore();
@@ -21568,11 +21676,11 @@ function looksLikeNickname(input) {
 }
 function useNicknameResolve(input, options) {
   const { enabled = true, chainId } = options;
-  const [debouncedInput, setDebouncedInput] = (0, import_react73.useState)("");
-  const [isDebouncing, setIsDebouncing] = (0, import_react73.useState)(false);
+  const [debouncedInput, setDebouncedInput] = (0, import_react74.useState)("");
+  const [isDebouncing, setIsDebouncing] = (0, import_react74.useState)(false);
   const normalized = normalizeNickname(input);
   const isNicknameInput = looksLikeNickname(input) && normalized.length >= 3;
-  (0, import_react73.useEffect)(() => {
+  (0, import_react74.useEffect)(() => {
     if (!isNicknameInput || !enabled) {
       setDebouncedInput("");
       setIsDebouncing(false);
@@ -21598,7 +21706,7 @@ function useNicknameResolve(input, options) {
   const isNotFound = query.isError && query.error?.code === "NICKNAME_NOT_FOUND";
   const isWalletNotSetup = !!query.data && query.data.resolvedTarget === null;
   const isFrozen = query.data?.isFrozen ?? false;
-  const fingerprintVerification = (0, import_react73.useMemo)(() => {
+  const fingerprintVerification = (0, import_react74.useMemo)(() => {
     if (!query.data?.owner || !query.data?.fingerprint) {
       return null;
     }
@@ -21620,11 +21728,11 @@ function useNicknameResolve(input, options) {
     resolvedAddress
   };
 }
-var import_react_query48, import_react73, DEBOUNCE_MS2;
+var import_react_query48, import_react74, DEBOUNCE_MS2;
 var init_useNicknameResolve = __esm({
   "src/hooks/useNicknameResolve.ts"() {
     import_react_query48 = require("@tanstack/react-query");
-    import_react73 = require("react");
+    import_react74 = require("react");
     init_nickname();
     init_profile();
     init_nickname_validation();
@@ -21637,10 +21745,10 @@ var init_useNicknameResolve = __esm({
 function useSendTransaction() {
   const session = useSession((st) => st.session);
   const address = useSession((st) => st.address);
-  const [isLoading, setIsLoading] = (0, import_react74.useState)(false);
-  const [error, setError] = (0, import_react74.useState)(null);
-  const [userOpHash, setUserOpHash] = (0, import_react74.useState)(null);
-  const sendTransaction = (0, import_react74.useCallback)(
+  const [isLoading, setIsLoading] = (0, import_react75.useState)(false);
+  const [error, setError] = (0, import_react75.useState)(null);
+  const [userOpHash, setUserOpHash] = (0, import_react75.useState)(null);
+  const sendTransaction = (0, import_react75.useCallback)(
     async (params) => {
       if (!session || !address) {
         setError("No active session");
@@ -21737,7 +21845,7 @@ function useSendTransaction() {
     },
     [session, address]
   );
-  const reset = (0, import_react74.useCallback)(() => {
+  const reset = (0, import_react75.useCallback)(() => {
     setError(null);
     setUserOpHash(null);
     setIsLoading(false);
@@ -21750,10 +21858,10 @@ function useSendTransaction() {
     reset
   };
 }
-var import_react74, import_viem14, ERC20_TRANSFER_ABI, ERC721_SAFE_TRANSFER_ABI, ERC1155_SAFE_TRANSFER_ABI;
+var import_react75, import_viem14, ERC20_TRANSFER_ABI, ERC721_SAFE_TRANSFER_ABI, ERC1155_SAFE_TRANSFER_ABI;
 var init_useSendTransaction = __esm({
   "src/hooks/useSendTransaction.ts"() {
-    import_react74 = require("react");
+    import_react75 = require("react");
     import_viem14 = require("viem");
     init_SessionContext();
     init_account2();
@@ -21904,7 +22012,7 @@ var init_AssetInputIcon = __esm({
 
 // src/internal/components/SendMenu/send/components/NftDisplayCard.tsx
 function NftDisplayCard({ asset }) {
-  const [imageError, setImageError] = (0, import_react75.useState)(false);
+  const [imageError, setImageError] = (0, import_react76.useState)(false);
   const nftImage = asset.image || asset.nftMetadata?.image;
   return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex items-center gap-3 p-3 rounded-[var(--ui-kit-el-bdrs)] bg-[var(--ui-kit-bg-secondary)]", children: [
     nftImage && !imageError ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
@@ -21932,11 +22040,11 @@ function NftDisplayCard({ asset }) {
     ] })
   ] });
 }
-var import_lucide_react65, import_react75, import_jsx_runtime104;
+var import_lucide_react65, import_react76, import_jsx_runtime104;
 var init_NftDisplayCard = __esm({
   "src/internal/components/SendMenu/send/components/NftDisplayCard.tsx"() {
     import_lucide_react65 = require("lucide-react");
-    import_react75 = require("react");
+    import_react76 = require("react");
     import_jsx_runtime104 = require("react/jsx-runtime");
   }
 });
@@ -22283,7 +22391,7 @@ function InputSendStep(props) {
       Button,
       {
         disabled: isAssetsLoading,
-        variant: "default",
+        variant: "secondary",
         size: "large",
         onClick: () => setTxStep("select-asset"),
         className: "justify-between",
@@ -22587,10 +22695,10 @@ function SendMenu() {
     userOpHash,
     reset
   } = useSendTransaction();
-  (0, import_react76.useEffect)(() => {
+  (0, import_react77.useEffect)(() => {
     useFlowSelectorStore.getState().setIsUiLocked(isAssetsLoading || isTransactionPending);
   }, [isAssetsLoading, isTransactionPending]);
-  (0, import_react76.useEffect)(() => {
+  (0, import_react77.useEffect)(() => {
     useFlowSelectorStore.getState().setError(sendTransactionError || null);
   }, [sendTransactionError]);
   const {
@@ -22605,7 +22713,7 @@ function SendMenu() {
   } = useSendStore();
   const isNft = isNftAsset3(selectedAsset);
   const isSecurity = isSecurityToken2(selectedAsset);
-  (0, import_react76.useEffect)(
+  (0, import_react77.useEffect)(
     () => () => {
       setSelectedAsset(null);
       setRecipient("");
@@ -22615,7 +22723,7 @@ function SendMenu() {
     },
     []
   );
-  (0, import_react76.useEffect)(() => {
+  (0, import_react77.useEffect)(() => {
     const shouldSetNativeAsset = assets.length > 0 && !selectedAsset;
     if (!shouldSetNativeAsset) return;
     const native = assets.find((a) => a.type === "native");
@@ -22626,7 +22734,7 @@ function SendMenu() {
   const isNicknameInput = looksLikeNickname(recipient);
   const resolvedNicknameData = useNicknameResolve(recipient, { enabled: isNicknameInput, chainId: activeChainId });
   const effectiveAddress = isNicknameInput ? resolvedNicknameData?.resolvedAddress : recipient;
-  const complianceAmount = (0, import_react76.useMemo)(() => {
+  const complianceAmount = (0, import_react77.useMemo)(() => {
     if (!isSecurity || !amount || !selectedAsset) return void 0;
     try {
       return (0, import_viem18.parseUnits)(amount, selectedAsset.decimals || 18);
@@ -22641,7 +22749,7 @@ function SendMenu() {
     enabled: isSecurity && !!effectiveAddress && !!complianceAmount,
     chainId: activeChainId
   });
-  (0, import_react76.useEffect)(() => {
+  (0, import_react77.useEffect)(() => {
     const updateMenuTitle = useFlowSelectorStore.getState().setMenuTitle;
     switch (true) {
       case txStep === "select-asset":
@@ -22705,7 +22813,7 @@ function SendMenu() {
     ] })
   ] });
 }
-var import_lucide_react69, import_react76, import_viem18, import_jsx_runtime109;
+var import_lucide_react69, import_react77, import_viem18, import_jsx_runtime109;
 var init_SendMenu = __esm({
   "src/internal/components/SendMenu/send/SendMenu.tsx"() {
     init_SessionContext();
@@ -22714,7 +22822,7 @@ var init_SendMenu = __esm({
     init_useSendTransaction();
     init_useT();
     import_lucide_react69 = require("lucide-react");
-    import_react76 = require("react");
+    import_react77 = require("react");
     import_viem18 = require("viem");
     init_useBlockscoutAssets();
     init_useLayoutDataStore();
@@ -22758,7 +22866,7 @@ function SelectorFlowButtons() {
           Button,
           {
             size: "medium",
-            variant: selectorFlow === "send" ? "default" : "ghost",
+            variant: selectorFlow === "send" ? "default" : "secondary",
             className: "flex-1 uppercase",
             onClick: () => {
               useFlowSelectorStore.getState().setError(null);
@@ -22774,7 +22882,7 @@ function SelectorFlowButtons() {
           Button,
           {
             size: "medium",
-            variant: selectorFlow === "bridge" ? "default" : "ghost",
+            variant: selectorFlow === "bridge" ? "default" : "secondary",
             className: "flex-1 uppercase",
             onClick: () => {
               useFlowSelectorStore.getState().setError(null);
@@ -22799,7 +22907,7 @@ function SendFlowSelector() {
   const error = useFlowSelectorStore((st) => st.error);
   const menuTitle = useFlowSelectorStore((st) => st.menuTitle);
   const selectorFlow = useFlowSelectorStore((st) => st.flow);
-  (0, import_react77.useEffect)(
+  (0, import_react78.useEffect)(
     () => () => {
       useFlowSelectorStore.getState().setError(null);
     },
@@ -22876,12 +22984,12 @@ function SendFlowSelector() {
     }
   );
 }
-var import_lucide_react70, import_react77, import_jsx_runtime110, SELECTOR_FLOW;
+var import_lucide_react70, import_react78, import_jsx_runtime110, SELECTOR_FLOW;
 var init_SendFlowSelector = __esm({
   "src/internal/components/SendMenu/SendFlowSelector.tsx"() {
     init_i18n();
     import_lucide_react70 = require("lucide-react");
-    import_react77 = require("react");
+    import_react78 = require("react");
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_utils2();
@@ -22936,12 +23044,12 @@ function getServerSnapshot() {
   return false;
 }
 function useProMode() {
-  return (0, import_react78.useSyncExternalStore)(subscribe, getSnapshot, getServerSnapshot);
+  return (0, import_react79.useSyncExternalStore)(subscribe, getSnapshot, getServerSnapshot);
 }
-var import_react78, STORAGE_KEY, EVENT_NAME;
+var import_react79, STORAGE_KEY, EVENT_NAME;
 var init_pro_mode = __esm({
   "src/internal/lib/pro-mode.ts"() {
-    import_react78 = require("react");
+    import_react79 = require("react");
     STORAGE_KEY = "embarkai_pro_mode";
     EVENT_NAME = "embarkai-pro-mode-changed";
   }
@@ -23001,7 +23109,7 @@ function useSettingsButtons() {
   if (proMode) {
     settingsButtons.push({ id: "devices" /* DEVICES */, name: "Guardians", Icon: import_lucide_react72.HardDrive });
   }
-  (0, import_react79.useEffect)(() => {
+  (0, import_react80.useEffect)(() => {
     const cssvEl = document.querySelector(".embarkai-ui-scope");
     if (!cssvEl || !window?.getComputedStyle) {
       return;
@@ -23065,7 +23173,7 @@ function SettingsMenu() {
     }
   );
 }
-var import_react_query49, import_lucide_react72, import_react79, import_jsx_runtime112;
+var import_react_query49, import_lucide_react72, import_react80, import_jsx_runtime112;
 var init_SettingsMenu = __esm({
   "src/internal/components/SettingsMenu/SettingsMenu.tsx"() {
     init_ProviderContext();
@@ -23073,7 +23181,7 @@ var init_SettingsMenu = __esm({
     init_i18n();
     import_react_query49 = require("@tanstack/react-query");
     import_lucide_react72 = require("lucide-react");
-    import_react79 = require("react");
+    import_react80 = require("react");
     init_nickname();
     init_profile();
     init_useLayoutDataStore();
@@ -24015,7 +24123,7 @@ function TransactionsMenu() {
   const { t } = useT();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
-  const [expandedGroups, setExpandedGroups] = (0, import_react80.useState)({});
+  const [expandedGroups, setExpandedGroups] = (0, import_react81.useState)({});
   const historySupported = isTransactionHistorySupported(chainConfig?.id);
   const {
     data: txHistoryGroups = [],
@@ -24028,7 +24136,7 @@ function TransactionsMenu() {
     queryKey: [TRANSACTIONS_HISTORY_QUERY_KEY, chainConfig.id, address],
     queryFn: () => getTransactionsListQuery({ address, chainConfig })
   });
-  const refreshTxHistory = (0, import_react80.useCallback)(
+  const refreshTxHistory = (0, import_react81.useCallback)(
     () => qc.invalidateQueries({ queryKey: [TRANSACTIONS_HISTORY_QUERY_KEY, chainConfig.id, address] }),
     [qc, chainConfig.id, address]
   );
@@ -24077,14 +24185,14 @@ function TransactionsMenu() {
     }
   );
 }
-var import_react_query50, import_lucide_react75, import_react80, import_jsx_runtime116;
+var import_react_query50, import_lucide_react75, import_react81, import_jsx_runtime116;
 var init_TransactionsMenu = __esm({
   "src/internal/components/TransactionsMenu/TransactionsMenu.tsx"() {
     init_SessionContext();
     init_i18n();
     import_react_query50 = require("@tanstack/react-query");
     import_lucide_react75 = require("lucide-react");
-    import_react80 = require("react");
+    import_react81 = require("react");
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_Expandable2();
@@ -24282,7 +24390,7 @@ function usePageMapper() {
     setIsDialogOpen,
     setIsDialogClosing
   } = useLayoutStore();
-  const closeDialog = (0, import_react81.useCallback)(() => {
+  const closeDialog = (0, import_react82.useCallback)(() => {
     setIsDialogClosing(true);
     setTimeout(() => {
       setDialogContent(null);
@@ -24293,7 +24401,7 @@ function usePageMapper() {
       setIsDialogOpen(false);
     }, CLEAR_DIALOG_TIMEOUT);
   }, [setDialogContent, setDialogDescription, setDialogTitle, setIsDialogForced, setIsDialogOpen, setIsDialogClosing]);
-  const openDialog = (0, import_react81.useCallback)(
+  const openDialog = (0, import_react82.useCallback)(
     (pageItem) => {
       const PageContentComponent = pageItem.component;
       setDialogTitle(pageItem.title);
@@ -24303,7 +24411,7 @@ function usePageMapper() {
     },
     [setDialogContent, setDialogDescription, setDialogTitle, setIsDialogOpen]
   );
-  (0, import_react81.useEffect)(() => {
+  (0, import_react82.useEffect)(() => {
     if (page === null) return closeDialog();
     const pageItem = PAGE_MAP[page];
     if (!pageItem) {
@@ -24314,10 +24422,10 @@ function usePageMapper() {
     openDialog(pageItem);
   }, [page, closeDialog, openDialog]);
 }
-var import_react81, import_jsx_runtime117, CLEAR_DIALOG_TIMEOUT;
+var import_react82, import_jsx_runtime117, CLEAR_DIALOG_TIMEOUT;
 var init_usePageMapper = __esm({
   "src/internal/hooks/usePageMapper.tsx"() {
-    import_react81 = require("react");
+    import_react82 = require("react");
     init_PageMap();
     init_constants();
     init_useLayoutDataStore();
@@ -24339,26 +24447,26 @@ function useSettingsNotifications() {
     queryKey: [QUERY_KEYS.userProfile, address],
     queryFn: getUserProfile
   });
-  (0, import_react82.useEffect)(() => {
+  (0, import_react83.useEffect)(() => {
     const isKYCVerified = userProfile?.kycDetails?.kycStatus === "verified";
     setSettingsNotifications({
       ...COMPLETE_KYC_PROGRESS,
       status: isKYCVerified ? "resolved" : "active"
     });
   }, [userProfile, setSettingsNotifications]);
-  (0, import_react82.useEffect)(() => {
+  (0, import_react83.useEffect)(() => {
     setSettingsNotifications({
       ...EMAIL_NOT_CONNECTED_NOTIFICATION,
       status: hasEmail ? "resolved" : "active"
     });
   }, [hasEmail, setSettingsNotifications]);
 }
-var import_react_query51, import_react82, EMAIL_NOT_CONNECTED_NOTIFICATION, COMPLETE_KYC_PROGRESS;
+var import_react_query51, import_react83, EMAIL_NOT_CONNECTED_NOTIFICATION, COMPLETE_KYC_PROGRESS;
 var init_useSettingsNotifications = __esm({
   "src/internal/hooks/useSettingsNotifications.ts"() {
     init_SessionContext();
     import_react_query51 = require("@tanstack/react-query");
-    import_react82 = require("react");
+    import_react83 = require("react");
     init_auth();
     init_profile();
     init_useLayoutDataStore();
@@ -24381,7 +24489,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.41",
+      version: "0.4.42",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -24608,11 +24716,11 @@ function Header() {
   const chainConfig = useSession((st) => st.chainConfig);
   const { t } = useT();
   const proMode = useProMode();
-  const [proToast, setProToast] = (0, import_react83.useState)(false);
-  const [copied, setCopied] = (0, import_react83.useState)(false);
-  const clickCountRef = (0, import_react83.useRef)(0);
-  const clickTimerRef = (0, import_react83.useRef)(null);
-  const handleAvatarClick = (0, import_react83.useCallback)(() => {
+  const [proToast, setProToast] = (0, import_react84.useState)(false);
+  const [copied, setCopied] = (0, import_react84.useState)(false);
+  const clickCountRef = (0, import_react84.useRef)(0);
+  const clickTimerRef = (0, import_react84.useRef)(null);
+  const handleAvatarClick = (0, import_react84.useCallback)(() => {
     clickCountRef.current += 1;
     if (clickTimerRef.current) {
       clearTimeout(clickTimerRef.current);
@@ -24712,7 +24820,7 @@ function Header() {
     }
   );
 }
-var import_react_query53, import_lucide_react77, import_react83, import_jsx_runtime119;
+var import_react_query53, import_lucide_react77, import_react84, import_jsx_runtime119;
 var init_Header = __esm({
   "src/internal/components/Header/Header.tsx"() {
     init_LumiaIcon3();
@@ -24722,7 +24830,7 @@ var init_Header = __esm({
     init_useT();
     import_react_query53 = require("@tanstack/react-query");
     import_lucide_react77 = require("lucide-react");
-    import_react83 = require("react");
+    import_react84 = require("react");
     init_PositiveIcon();
     init_auth();
     init_profile();
@@ -24750,26 +24858,26 @@ function useDecideContentStyles() {
   return {
     isClosing,
     isMobileView,
-    style: (0, import_lodash_es8.merge)({}, mobileStyles)
+    style: (0, import_lodash_es10.merge)({}, mobileStyles)
   };
 }
-var DialogPrimitive, import_lodash_es8, import_lucide_react78, import_react84, import_jsx_runtime120, Dialog, DialogPortal, DialogOverlay, CONTENT_BG_SETUP, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription;
+var DialogPrimitive, import_lodash_es10, import_lucide_react78, import_react85, import_jsx_runtime120, Dialog, DialogPortal, DialogOverlay, CONTENT_BG_SETUP, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription;
 var init_dialog = __esm({
   "src/internal/components/ui/dialog.tsx"() {
     init_utils2();
     init_SessionContext();
     init_i18n();
     DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
-    import_lodash_es8 = require("lodash-es");
+    import_lodash_es10 = require("lodash-es");
     import_lucide_react78 = require("lucide-react");
-    import_react84 = require("react");
+    import_react85 = require("react");
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_button();
     import_jsx_runtime120 = require("react/jsx-runtime");
     Dialog = DialogPrimitive.Root;
     DialogPortal = DialogPrimitive.Portal;
-    DialogOverlay = (0, import_react84.forwardRef)(
+    DialogOverlay = (0, import_react85.forwardRef)(
       ({ className, closing, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
         DialogPrimitive.Overlay,
         {
@@ -24791,7 +24899,7 @@ var init_dialog = __esm({
       border: "1px solid var(--ui-kit-bd)",
       boxShadow: "var(--ui-kit-shadow, 0px 4px 10px var(--ui-kit-shadow-c, rgba(0, 0, 0, 0.1)))"
     };
-    DialogContent = (0, import_react84.forwardRef)(
+    DialogContent = (0, import_react85.forwardRef)(
       ({ className, children, colorMode, ...props }, ref) => {
         const { t, i18n } = useT();
         const isSessionLoading = useSession((st) => st.isLoading);
@@ -24894,7 +25002,7 @@ var init_dialog = __esm({
     DialogHeader.displayName = "DialogHeader";
     DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: cn2("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
     DialogFooter.displayName = "DialogFooter";
-    DialogTitle = (0, import_react84.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+    DialogTitle = (0, import_react85.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
       DialogPrimitive.Title,
       {
         ref,
@@ -24903,7 +25011,7 @@ var init_dialog = __esm({
       }
     ));
     DialogTitle.displayName = DialogPrimitive.Title.displayName;
-    DialogDescription = (0, import_react84.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(DialogPrimitive.Description, { ref, className: cn2("text-sm text-muted-foreground", className), ...props }));
+    DialogDescription = (0, import_react85.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(DialogPrimitive.Description, { ref, className: cn2("text-sm text-muted-foreground", className), ...props }));
     DialogDescription.displayName = DialogPrimitive.Description.displayName;
   }
 });
@@ -24928,7 +25036,7 @@ function Dialog2() {
   const isWalletLinking = useLayoutDataStore((st) => st.isWalletLinking);
   const setPage = useLayoutDataStore((st) => st.setPage);
   const { colorMode, isDialogOpen, dialogTitle, dialogDescription, dialogContent, isDialogForced, setIsSettings } = useLayoutStore();
-  (0, import_react85.useEffect)(() => setIsSettings(!!session), [session, setIsSettings]);
+  (0, import_react86.useEffect)(() => setIsSettings(!!session), [session, setIsSettings]);
   usePageMapper();
   useAutoConnect();
   useBackupStatusChanges();
@@ -24966,13 +25074,13 @@ function Dialog2() {
     }
   );
 }
-var import_framer_motion, import_react85, import_jsx_runtime122;
+var import_framer_motion, import_react86, import_jsx_runtime122;
 var init_Dialog = __esm({
   "src/internal/components/Dialog/Dialog.tsx"() {
     init_ProviderContext();
     init_SessionContext();
     import_framer_motion = require("framer-motion");
-    import_react85 = require("react");
+    import_react86 = require("react");
     init_constants();
     init_useAutoConnect();
     init_useBackupStatusChanges();
@@ -24998,14 +25106,14 @@ var init_Dialog2 = __esm({
 });
 
 // src/internal/components/TssManager.tsx
-var import_react86, TssManagerWithRef;
+var import_react87, TssManagerWithRef;
 var init_TssManager = __esm({
   "src/internal/components/TssManager.tsx"() {
     init_SessionContext();
-    import_react86 = __toESM(require("react"), 1);
+    import_react87 = __toESM(require("react"), 1);
     init_auth();
     init_clients();
-    TssManagerWithRef = import_react86.default.forwardRef((props, ref) => {
+    TssManagerWithRef = import_react87.default.forwardRef((props, ref) => {
       const { mpcPin } = props;
       const usePaymaster = useSession((st) => st.usePaymaster);
       const publicClient = useSession((st) => st.publicClient);
@@ -25013,14 +25121,14 @@ var init_TssManager = __esm({
       const setStatus = useSession((st) => st.setStatus);
       const setSession = useSession((st) => st.setSession);
       const setAddress = useSession((st) => st.setAddress);
-      const onSessionCreated = (0, import_react86.useCallback)(
+      const onSessionCreated = (0, import_react87.useCallback)(
         (session, address) => {
           setSession(session);
           setAddress(address);
         },
         [setSession, setAddress]
       );
-      const createSessionWithKeyshare = import_react86.default.useCallback(
+      const createSessionWithKeyshare = import_react87.default.useCallback(
         async (userId, hasServerKeyshare, isNewUser) => {
           setStatus("checking key management setup...");
           await ensureKeyshare(userId, hasServerKeyshare, setStatus, isNewUser);
@@ -25045,7 +25153,7 @@ var init_TssManager = __esm({
         },
         [setStatus, usePaymaster, activeChainId, publicClient, mpcPin]
       );
-      import_react86.default.useImperativeHandle(ref, () => ({ createSessionWithKeyshare }), [createSessionWithKeyshare]);
+      import_react87.default.useImperativeHandle(ref, () => ({ createSessionWithKeyshare }), [createSessionWithKeyshare]);
       return null;
     });
   }
@@ -25073,7 +25181,7 @@ function WalletConnectHandler() {
   const projectId = providerConfig?.projectId;
   const setExternalWallet = useExternalWalletStore((st) => st.setExternalWallet);
   const setPendingWalletLogin = useLayoutDataStore((st) => st.setPendingWalletLogin);
-  const onLinkingComplete = (0, import_react87.useCallback)(
+  const onLinkingComplete = (0, import_react88.useCallback)(
     async (success) => {
       setIsWalletLinking(false);
       if (!success && !passportWalletAddress) {
@@ -25102,10 +25210,10 @@ function WalletConnectHandler() {
     },
     [qc, passportWalletAddress, setProviderType, setPage, setIsWalletLinking]
   );
-  const [hasStartedLinking, setHasStartedLinking] = import_react87.default.useState(false);
-  const [modalWasOpened, setModalWasOpened] = import_react87.default.useState(false);
-  const [pendingModalOpen, setPendingModalOpen] = import_react87.default.useState(false);
-  (0, import_react87.useEffect)(() => {
+  const [hasStartedLinking, setHasStartedLinking] = import_react88.default.useState(false);
+  const [modalWasOpened, setModalWasOpened] = import_react88.default.useState(false);
+  const [pendingModalOpen, setPendingModalOpen] = import_react88.default.useState(false);
+  (0, import_react88.useEffect)(() => {
     if (isWalletLinking && !hasStartedLinking) {
       console.log("[WalletConnectHandler] Starting wallet link flow:", {
         isConnected,
@@ -25143,18 +25251,18 @@ function WalletConnectHandler() {
     setProviderType,
     walletMode
   ]);
-  (0, import_react87.useEffect)(() => {
+  (0, import_react88.useEffect)(() => {
     if (pendingModalOpen && !isConnected && openConnectModal) {
       setPendingModalOpen(false);
       openConnectModal();
     }
   }, [pendingModalOpen, isConnected, openConnectModal]);
-  (0, import_react87.useEffect)(() => {
+  (0, import_react88.useEffect)(() => {
     if (connectModalOpen && hasStartedLinking) {
       setModalWasOpened(true);
     }
   }, [connectModalOpen, hasStartedLinking]);
-  (0, import_react87.useEffect)(() => {
+  (0, import_react88.useEffect)(() => {
     if (modalWasOpened && !connectModalOpen && !isConnected && isWalletLinking) {
       console.log("[WalletConnectHandler] Modal closed without connecting");
       onLinkingComplete(false);
@@ -25162,7 +25270,7 @@ function WalletConnectHandler() {
       setModalWasOpened(false);
     }
   }, [connectModalOpen, modalWasOpened, isConnected, isWalletLinking]);
-  (0, import_react87.useEffect)(() => {
+  (0, import_react88.useEffect)(() => {
     if (isWalletLinking) {
       const timeout = setTimeout(() => {
         console.warn("[WalletConnectHandler] Wallet linking timed out, resetting state");
@@ -25282,7 +25390,7 @@ function WalletConnectHandler() {
       setPage(passportWalletAddress ? "manage-wallet" /* MANAGE_WALLET */ : "auth" /* AUTH */);
     }
   });
-  (0, import_react87.useEffect)(() => {
+  (0, import_react88.useEffect)(() => {
     if (!!chain?.id && isConnected && walletAddress && isWalletLinking && hasStartedLinking && modalWasOpened && !pendingModalOpen) {
       console.log("[WalletConnectHandler] handleWalletSign triggered");
       if (!passportWalletAddress) {
@@ -25292,7 +25400,7 @@ function WalletConnectHandler() {
       handleWalletSign({ chainId: chain.id, signingWalletAddress: walletAddress });
     }
   }, [chain, isConnected, walletAddress, isWalletLinking, hasStartedLinking, modalWasOpened, pendingModalOpen]);
-  (0, import_react87.useEffect)(() => {
+  (0, import_react88.useEffect)(() => {
     if (isConnected && !chain?.id && isWalletLinking && hasStartedLinking && !connectModalOpen && !isWalletSigning) {
       const timeout = setTimeout(() => {
         console.warn("[WalletConnectHandler] Wallet connected but chain info missing, resetting");
@@ -25314,7 +25422,7 @@ function WalletConnectHandler() {
   ]);
   return null;
 }
-var import_rainbowkit2, import_react_query54, import_react87, import_wagmi6;
+var import_rainbowkit2, import_react_query54, import_react88, import_wagmi6;
 var init_WalletConnectHandler = __esm({
   "src/internal/components/WalletConnectHandler.tsx"() {
     init_ProviderContext();
@@ -25322,7 +25430,7 @@ var init_WalletConnectHandler = __esm({
     init_linkedProfiles();
     import_rainbowkit2 = require("@rainbow-me/rainbowkit");
     import_react_query54 = require("@tanstack/react-query");
-    import_react87 = __toESM(require("react"), 1);
+    import_react88 = __toESM(require("react"), 1);
     import_wagmi6 = require("wagmi");
     init_wallet();
     init_AuthMenu2();
@@ -25343,13 +25451,13 @@ function DirectWalletHandler() {
   const setExternalChainId = useExternalWalletStore((st) => st.setExternalChainId);
   const setConfigMode = useExternalWalletStore((st) => st.setConfigMode);
   const setActiveMode = useExternalWalletStore((st) => st.setActiveMode);
-  (0, import_react88.useEffect)(() => {
+  (0, import_react89.useEffect)(() => {
     setConfigMode(walletMode);
     if (walletMode !== "both") {
       setActiveMode(walletMode);
     }
   }, [walletMode, setConfigMode, setActiveMode]);
-  (0, import_react88.useEffect)(() => {
+  (0, import_react89.useEffect)(() => {
     if (isConnected && address && !isExternalConnected && connector && chain?.id) {
       setExternalWallet({
         address,
@@ -25358,17 +25466,17 @@ function DirectWalletHandler() {
       });
     }
   }, [isConnected, address, isExternalConnected, connector, chain?.id, setExternalWallet]);
-  (0, import_react88.useEffect)(() => {
+  (0, import_react89.useEffect)(() => {
     if (isExternalConnected && !isConnected) {
       clearExternalWallet();
     }
   }, [isConnected, isExternalConnected, clearExternalWallet]);
-  (0, import_react88.useEffect)(() => {
+  (0, import_react89.useEffect)(() => {
     if (isExternalConnected && isConnected && chain?.id) {
       setExternalChainId(chain.id);
     }
   }, [chain?.id, isConnected, isExternalConnected, setExternalChainId]);
-  (0, import_react88.useEffect)(() => {
+  (0, import_react89.useEffect)(() => {
     if (isExternalConnected && isConnected && address && address !== externalAddress && connector && chain?.id) {
       setExternalWallet({
         address,
@@ -25379,10 +25487,10 @@ function DirectWalletHandler() {
   }, [address, isConnected, isExternalConnected, externalAddress, chain?.id, connector, setExternalWallet]);
   return null;
 }
-var import_react88, import_wagmi7;
+var import_react89, import_wagmi7;
 var init_DirectWalletHandler = __esm({
   "src/internal/components/DirectWalletHandler.tsx"() {
-    import_react88 = require("react");
+    import_react89 = require("react");
     import_wagmi7 = require("wagmi");
     init_ProviderContext();
     init_useExternalWalletStore();
@@ -25407,7 +25515,7 @@ function waitForStoreHydration() {
 }
 function SessionProvider({ children }) {
   const config = useProviderConfig().config;
-  return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_react89.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_react90.Fragment, { children: [
     children,
     config.current?.wallet?.enabled && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(WalletConnectHandler, {}),
     config.current?.wallet?.enabled && (config.current?.wallet?.mode === "direct" || config.current?.wallet?.mode === "both") && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(DirectWalletHandler, {}),
@@ -25422,11 +25530,11 @@ function SessionProvider({ children }) {
     /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Dialog2, {})
   ] });
 }
-var import_read18, import_react89, import_zustand14, import_middleware4, import_jsx_runtime123, useSession, requireActiveChainId;
+var import_read18, import_react90, import_zustand14, import_middleware4, import_jsx_runtime123, useSession, requireActiveChainId;
 var init_SessionContext = __esm({
   "src/context/SessionContext.tsx"() {
     import_read18 = require("@embarkai/core/read");
-    import_react89 = require("react");
+    import_react90 = require("react");
     import_zustand14 = require("zustand");
     import_middleware4 = require("zustand/middleware");
     init_BalanceFeedProvider2();
@@ -28095,7 +28203,7 @@ var init_rainbowkit = __esm({
 function RainbowKitProvider({ children }) {
   const config = useProviderConfig().config;
   const colorMode = useLayoutStore((st) => st.colorMode);
-  const rainbowConfig = (0, import_react90.useMemo)(
+  const rainbowConfig = (0, import_react91.useMemo)(
     () => createRainbowConfig({
       projectId: config.current?.wallet?.walletConnectProjectId,
       allowedWallets: config.current?.wallet?.allowedWallets,
@@ -28109,7 +28217,7 @@ function RainbowKitProvider({ children }) {
       config.current?.wallet?.walletConnectProjectId
     ]
   );
-  const customTheme = (0, import_react90.useMemo)(() => {
+  const customTheme = (0, import_react91.useMemo)(() => {
     if (!config.current?.wallet?.enabled) return {};
     return colorMode === "dark" ? {
       ...(0, import_rainbowkit4.darkTheme)(),
@@ -28126,11 +28234,11 @@ function RainbowKitProvider({ children }) {
   if (!config.current?.wallet?.enabled) return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_jsx_runtime124.Fragment, { children });
   return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_wagmi9.WagmiProvider, { config: rainbowConfig, children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_rainbowkit4.RainbowKitProvider, { theme: customTheme, modalSize: "compact", showRecentTransactions: true, children }) });
 }
-var import_rainbowkit4, import_react90, import_wagmi9, import_styles, import_jsx_runtime124;
+var import_rainbowkit4, import_react91, import_wagmi9, import_styles, import_jsx_runtime124;
 var init_RainbowKitContext = __esm({
   "src/context/RainbowKitContext.tsx"() {
     import_rainbowkit4 = require("@rainbow-me/rainbowkit");
-    import_react90 = require("react");
+    import_react91 = require("react");
     import_wagmi9 = require("wagmi");
     init_rainbowkit();
     init_useLayoutStore();
@@ -28186,10 +28294,10 @@ function clearLegacyWagmiStorage() {
 }
 function Provider(props) {
   const { children, projectId, initialConfig = {}, callbacks } = props;
-  const callbacksRef = (0, import_react91.useRef)(callbacks);
-  (0, import_react91.useEffect)(() => notifyNoProjetctId(projectId), [projectId]);
-  const config = (0, import_react91.useRef)((0, import_lodash_es9.merge)({}, DEFAULT_PROVIDER_CONFIG, { projectId }, initialConfig));
-  const updateConfig = (0, import_react91.useCallback)((updates) => {
+  const callbacksRef = (0, import_react92.useRef)(callbacks);
+  (0, import_react92.useEffect)(() => notifyNoProjetctId(projectId), [projectId]);
+  const config = (0, import_react92.useRef)((0, import_lodash_es11.merge)({}, DEFAULT_PROVIDER_CONFIG, { projectId }, initialConfig));
+  const updateConfig = (0, import_react92.useCallback)((updates) => {
     const prev = config.current;
     const next = { ...prev };
     if (updates.projectId !== void 0) next.projectId = updates.projectId;
@@ -28223,14 +28331,14 @@ function Provider(props) {
     if (updates.translations) next.translations = { ...next.translations, ...updates.translations };
     config.current = next;
   }, []);
-  const updateCallbacks = (0, import_react91.useCallback)((updates) => {
+  const updateCallbacks = (0, import_react92.useCallback)((updates) => {
     const prev = callbacksRef.current;
     const next = updates ? { ...prev, ...updates } : void 0;
     callbacksRef.current = next;
   }, []);
-  (0, import_react91.useEffect)(() => {
+  (0, import_react92.useEffect)(() => {
     if (typeof window === "undefined" || !projectId) return;
-    const mergedConfig = (0, import_lodash_es9.merge)(DEFAULT_PROVIDER_CONFIG, initialConfig);
+    const mergedConfig = (0, import_lodash_es11.merge)(DEFAULT_PROVIDER_CONFIG, initialConfig);
     updateConfig(mergedConfig);
     if (mergedConfig.wallet?.enabled) {
       clearLegacyWagmiStorage();
@@ -28248,7 +28356,7 @@ function Provider(props) {
       useSession.getState().setActiveChainId(mergedConfig.network.chainId);
     }
   }, [projectId, initialConfig]);
-  (0, import_react91.useEffect)(() => {
+  (0, import_react92.useEffect)(() => {
     if (typeof window === "undefined" || !projectId) return;
     try {
       (0, import_error_tracking4.initSdkErrorTracking)();
@@ -28277,7 +28385,7 @@ function Provider(props) {
       console.error("[PROVIDER] Error setting up iframe manager:", error);
     }
   }, [projectId]);
-  const contextValue = (0, import_react91.useMemo)(
+  const contextValue = (0, import_react92.useMemo)(
     () => ({
       config,
       updateConfig,
@@ -28292,12 +28400,12 @@ function Provider(props) {
     return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(ErrorBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(UIContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(RainbowKitProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(SessionProvider, { children }) }) }) });
   return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(ErrorBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(WagmiProvider2, { children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(UIContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(SessionProvider, { children }) }) }) });
 }
-var import_error_tracking4, import_lodash_es9, import_react91, import_jsx_runtime126, UIContext, useProviderConfig;
+var import_error_tracking4, import_lodash_es11, import_react92, import_jsx_runtime126, UIContext, useProviderConfig;
 var init_ProviderContext = __esm({
   "src/context/ProviderContext.tsx"() {
     import_error_tracking4 = require("@embarkai/core/internal/error-tracking");
-    import_lodash_es9 = require("lodash-es");
-    import_react91 = require("react");
+    import_lodash_es11 = require("lodash-es");
+    import_react92 = require("react");
     init_ErrorBoundary2();
     init_initial();
     init_iframe_manager();
@@ -28306,9 +28414,9 @@ var init_ProviderContext = __esm({
     init_utils11();
     init_WagmiContext();
     import_jsx_runtime126 = require("react/jsx-runtime");
-    UIContext = (0, import_react91.createContext)(void 0);
+    UIContext = (0, import_react92.createContext)(void 0);
     useProviderConfig = () => {
-      const ctx = (0, import_react91.useContext)(UIContext);
+      const ctx = (0, import_react92.useContext)(UIContext);
       if (!ctx) throw new Error("useProviderConfig must be used within a Provider");
       return ctx;
     };
@@ -28365,7 +28473,7 @@ __export(index_exports, {
   useActiveChainId: () => useActiveChainId,
   useAddress: () => useAddress,
   useAssets: () => useAssets,
-  useBalance: () => useBalance2,
+  useBalance: () => useBalance,
   useBlockscoutAssets: () => useBlockscoutAssets,
   useColorMode: () => useColorMode,
   useConnectedApps: () => useConnectedApps,
@@ -28404,7 +28512,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/styles/built.css
-var built_default = `.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.embarkai-ui-scope .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.embarkai-ui-scope .pointer-events-none{pointer-events:none}.embarkai-ui-scope .pointer-events-auto{pointer-events:auto}.embarkai-ui-scope .visible{visibility:visible}.embarkai-ui-scope .invisible{visibility:hidden}.embarkai-ui-scope .static{position:static}.embarkai-ui-scope .fixed{position:fixed}.embarkai-ui-scope .absolute{position:absolute}.embarkai-ui-scope .relative{position:relative}.embarkai-ui-scope .sticky{position:sticky}.embarkai-ui-scope .inset-0{inset:0}.embarkai-ui-scope .-right-0\\.5{right:-.125rem}.embarkai-ui-scope .-right-1{right:-.25rem}.embarkai-ui-scope .-right-2{right:-.5rem}.embarkai-ui-scope .-top-0\\.5{top:-.125rem}.embarkai-ui-scope .-top-1{top:-.25rem}.embarkai-ui-scope .-top-2{top:-.5rem}.embarkai-ui-scope .bottom-0{bottom:0}.embarkai-ui-scope .bottom-full{bottom:100%}.embarkai-ui-scope .left-0{left:0}.embarkai-ui-scope .left-1\\/2{left:50%}.embarkai-ui-scope .left-4{left:1rem}.embarkai-ui-scope .right-0{right:0}.embarkai-ui-scope .right-3{right:.75rem}.embarkai-ui-scope .right-4{right:1rem}.embarkai-ui-scope .right-\\[var\\(--ui-kit-pd\\)\\]{right:var(--ui-kit-pd)}.embarkai-ui-scope .right-full{right:100%}.embarkai-ui-scope .top-0{top:0}.embarkai-ui-scope .top-1\\/2{top:50%}.embarkai-ui-scope .top-4{top:1rem}.embarkai-ui-scope .top-\\[var\\(--ui-kit-pd\\)\\]{top:var(--ui-kit-pd)}.embarkai-ui-scope .z-10{z-index:10}.embarkai-ui-scope .z-50{z-index:50}.embarkai-ui-scope .z-\\[9998\\]{z-index:9998}.embarkai-ui-scope .z-\\[9999\\]{z-index:9999}.embarkai-ui-scope .-m-px{margin:-1px}.embarkai-ui-scope .-mx-1{margin-left:-.25rem;margin-right:-.25rem}.embarkai-ui-scope .mx-auto{margin-left:auto;margin-right:auto}.embarkai-ui-scope .my-1{margin-top:.25rem;margin-bottom:.25rem}.embarkai-ui-scope .mb-1{margin-bottom:.25rem}.embarkai-ui-scope .mb-2{margin-bottom:.5rem}.embarkai-ui-scope .mb-3{margin-bottom:.75rem}.embarkai-ui-scope .mb-4{margin-bottom:1rem}.embarkai-ui-scope .ml-1{margin-left:.25rem}.embarkai-ui-scope .ml-2{margin-left:.5rem}.embarkai-ui-scope .ml-auto{margin-left:auto}.embarkai-ui-scope .mr-1{margin-right:.25rem}.embarkai-ui-scope .mt-0\\.5{margin-top:.125rem}.embarkai-ui-scope .mt-1{margin-top:.25rem}.embarkai-ui-scope .mt-2{margin-top:.5rem}.embarkai-ui-scope .mt-4{margin-top:1rem}.embarkai-ui-scope .block{display:block}.embarkai-ui-scope .inline-block{display:inline-block}.embarkai-ui-scope .inline{display:inline}.embarkai-ui-scope .flex{display:flex}.embarkai-ui-scope .inline-flex{display:inline-flex}.embarkai-ui-scope .table{display:table}.embarkai-ui-scope .grid{display:grid}.embarkai-ui-scope .hidden{display:none}.embarkai-ui-scope .aspect-square{aspect-ratio:1/1}.embarkai-ui-scope .size-4{width:1rem;height:1rem}.embarkai-ui-scope .size-8{width:2rem;height:2rem}.embarkai-ui-scope .size-auto{width:auto;height:auto}.embarkai-ui-scope .h-0{height:0}.embarkai-ui-scope .h-1{height:.25rem}.embarkai-ui-scope .h-10{height:2.5rem}.embarkai-ui-scope .h-12{height:3rem}.embarkai-ui-scope .h-16{height:4rem}.embarkai-ui-scope .h-2{height:.5rem}.embarkai-ui-scope .h-3{height:.75rem}.embarkai-ui-scope .h-3\\.5{height:.875rem}.embarkai-ui-scope .h-4{height:1rem}.embarkai-ui-scope .h-48{height:12rem}.embarkai-ui-scope .h-5{height:1.25rem}.embarkai-ui-scope .h-6{height:1.5rem}.embarkai-ui-scope .h-7{height:1.75rem}.embarkai-ui-scope .h-8{height:2rem}.embarkai-ui-scope .h-\\[100dvh\\]{height:100dvh}.embarkai-ui-scope .h-\\[48px\\]{height:48px}.embarkai-ui-scope .h-\\[var\\(--radix-select-trigger-height\\)\\]{height:var(--radix-select-trigger-height)}.embarkai-ui-scope .h-auto{height:auto}.embarkai-ui-scope .h-fit{height:-moz-fit-content;height:fit-content}.embarkai-ui-scope .h-full{height:100%}.embarkai-ui-scope .h-px{height:1px}.embarkai-ui-scope .max-h-64{max-height:16rem}.embarkai-ui-scope .max-h-96{max-height:24rem}.embarkai-ui-scope .max-h-\\[95dvh\\]{max-height:95dvh}.embarkai-ui-scope .min-h-10{min-height:2.5rem}.embarkai-ui-scope .w-1{width:.25rem}.embarkai-ui-scope .w-1\\/2{width:50%}.embarkai-ui-scope .w-10{width:2.5rem}.embarkai-ui-scope .w-12{width:3rem}.embarkai-ui-scope .w-16{width:4rem}.embarkai-ui-scope .w-2{width:.5rem}.embarkai-ui-scope .w-3{width:.75rem}.embarkai-ui-scope .w-3\\.5{width:.875rem}.embarkai-ui-scope .w-4{width:1rem}.embarkai-ui-scope .w-48{width:12rem}.embarkai-ui-scope .w-5{width:1.25rem}.embarkai-ui-scope .w-6{width:1.5rem}.embarkai-ui-scope .w-7{width:1.75rem}.embarkai-ui-scope .w-72{width:18rem}.embarkai-ui-scope .w-8{width:2rem}.embarkai-ui-scope .w-\\[100dvw\\]{width:100dvw}.embarkai-ui-scope .w-\\[40px\\]{width:40px}.embarkai-ui-scope .w-\\[var\\(--ui-kit-maw\\)\\]{width:var(--ui-kit-maw)}.embarkai-ui-scope .w-fit{width:-moz-fit-content;width:fit-content}.embarkai-ui-scope .w-full{width:100%}.embarkai-ui-scope .w-px{width:1px}.embarkai-ui-scope .min-w-0{min-width:0}.embarkai-ui-scope .min-w-10{min-width:2.5rem}.embarkai-ui-scope .min-w-16{min-width:4rem}.embarkai-ui-scope .min-w-\\[256px\\]{min-width:256px}.embarkai-ui-scope .min-w-\\[8rem\\]{min-width:8rem}.embarkai-ui-scope .min-w-\\[var\\(--radix-select-trigger-width\\)\\]{min-width:var(--radix-select-trigger-width)}.embarkai-ui-scope .max-w-\\[100px\\]{max-width:100px}.embarkai-ui-scope .max-w-\\[144px\\]{max-width:144px}.embarkai-ui-scope .max-w-\\[150px\\]{max-width:150px}.embarkai-ui-scope .max-w-\\[160px\\]{max-width:160px}.embarkai-ui-scope .max-w-\\[256px\\]{max-width:256px}.embarkai-ui-scope .max-w-\\[680px\\]{max-width:680px}.embarkai-ui-scope .max-w-\\[80px\\]{max-width:80px}.embarkai-ui-scope .max-w-\\[calc\\(50\\%-8px\\)\\]{max-width:calc(50% - 8px)}.embarkai-ui-scope .max-w-full{max-width:100%}.embarkai-ui-scope .max-w-sm{max-width:24rem}.embarkai-ui-scope .flex-1{flex:1 1 0%}.embarkai-ui-scope .flex-none{flex:none}.embarkai-ui-scope .flex-shrink-0,.embarkai-ui-scope .shrink-0{flex-shrink:0}.embarkai-ui-scope .-translate-x-1\\/2{--tw-translate-x:-50%}.embarkai-ui-scope .-translate-x-1\\/2,.embarkai-ui-scope .-translate-x-\\[var\\(--ui-kit-gap\\)\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .-translate-x-\\[var\\(--ui-kit-gap\\)\\]{--tw-translate-x:calc(var(--ui-kit-gap)*-1)}.embarkai-ui-scope .-translate-y-1\\/2{--tw-translate-y:-50%}.embarkai-ui-scope .-translate-y-1\\/2,.embarkai-ui-scope .-translate-y-1\\/3{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .-translate-y-1\\/3{--tw-translate-y:-33.333333%}.embarkai-ui-scope .rotate-180{--tw-rotate:180deg}.embarkai-ui-scope .rotate-180,.embarkai-ui-scope .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes glow-warning{0%,to{transform:scale(1);box-shadow:0 0 16px var(--ui-kit-bg-warning)}50%{transform:scale(.97);box-shadow:0 0 4px var(--ui-kit-bg-warning)}}.embarkai-ui-scope .animate-glow-warning{animation:glow-warning 2s ease infinite}@keyframes pulse{50%{opacity:.5}}.embarkai-ui-scope .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.embarkai-ui-scope .animate-spin{animation:spin 1s linear infinite}.embarkai-ui-scope .cursor-default{cursor:default}.embarkai-ui-scope .cursor-help{cursor:help}.embarkai-ui-scope .cursor-not-allowed{cursor:not-allowed}.embarkai-ui-scope .cursor-pointer{cursor:pointer}.embarkai-ui-scope .cursor-text{cursor:text}.embarkai-ui-scope .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.embarkai-ui-scope .select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.embarkai-ui-scope .scroll-my-1{scroll-margin-top:.25rem;scroll-margin-bottom:.25rem}.embarkai-ui-scope .list-inside{list-style-position:inside}.embarkai-ui-scope .list-disc{list-style-type:disc}.embarkai-ui-scope .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.embarkai-ui-scope .flex-col{flex-direction:column}.embarkai-ui-scope .flex-col-reverse{flex-direction:column-reverse}.embarkai-ui-scope .flex-wrap{flex-wrap:wrap}.embarkai-ui-scope .place-content-center{place-content:center}.embarkai-ui-scope .items-start{align-items:flex-start}.embarkai-ui-scope .items-end{align-items:flex-end}.embarkai-ui-scope .items-center{align-items:center}.embarkai-ui-scope .justify-start{justify-content:flex-start}.embarkai-ui-scope .justify-end{justify-content:flex-end}.embarkai-ui-scope .justify-center{justify-content:center}.embarkai-ui-scope .justify-between{justify-content:space-between}.embarkai-ui-scope .gap-0{gap:0}.embarkai-ui-scope .gap-1{gap:.25rem}.embarkai-ui-scope .gap-1\\.5{gap:.375rem}.embarkai-ui-scope .gap-2{gap:.5rem}.embarkai-ui-scope .gap-3{gap:.75rem}.embarkai-ui-scope .gap-4{gap:1rem}.embarkai-ui-scope .gap-\\[10px\\]{gap:10px}.embarkai-ui-scope .gap-\\[var\\(--ui-kit-gap\\)\\]{gap:var(--ui-kit-gap)}.embarkai-ui-scope :is(.space-x-1>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.25rem*var(--tw-space-x-reverse));margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope :is(.space-x-2>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope :is(.space-y-0\\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-1>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-1\\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-2>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.embarkai-ui-scope .overflow-hidden{overflow:hidden}.embarkai-ui-scope .overflow-y-auto{overflow-y:auto}.embarkai-ui-scope .overflow-x-hidden{overflow-x:hidden}.embarkai-ui-scope .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.embarkai-ui-scope .text-ellipsis{text-overflow:ellipsis}.embarkai-ui-scope .whitespace-nowrap{white-space:nowrap}.embarkai-ui-scope .whitespace-pre-line{white-space:pre-line}.embarkai-ui-scope .whitespace-pre-wrap{white-space:pre-wrap}.embarkai-ui-scope .break-normal{overflow-wrap:normal;word-break:normal}.embarkai-ui-scope .break-words{overflow-wrap:break-word}.embarkai-ui-scope .break-all{word-break:break-all}.embarkai-ui-scope .rounded{border-radius:.25rem}.embarkai-ui-scope .rounded-\\[10px\\]{border-radius:10px}.embarkai-ui-scope .rounded-\\[8px\\]{border-radius:8px}.embarkai-ui-scope .rounded-\\[var\\(--ui-kit-bdrs\\)\\]{border-radius:var(--ui-kit-bdrs)}.embarkai-ui-scope .rounded-\\[var\\(--ui-kit-el-bdrs\\)\\]{border-radius:var(--ui-kit-el-bdrs)}.embarkai-ui-scope .rounded-full{border-radius:9999px}.embarkai-ui-scope .rounded-lg{border-radius:.5rem}.embarkai-ui-scope .rounded-md{border-radius:.375rem}.embarkai-ui-scope .rounded-xl{border-radius:.75rem}.embarkai-ui-scope .border{border-width:1px}.embarkai-ui-scope .border-0{border-width:0}.embarkai-ui-scope .border-2{border-width:2px}.embarkai-ui-scope .border-b{border-bottom-width:1px}.embarkai-ui-scope .border-t{border-top-width:1px}.embarkai-ui-scope .border-dashed{border-style:dashed}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bd\\)\\]{border-color:var(--ui-kit-bd)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-error\\)\\]{border-color:var(--ui-kit-bg-error)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-success\\)\\]{border-color:var(--ui-kit-bg-success)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-warning\\)\\]{border-color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-error\\)\\]{border-color:var(--ui-kit-error)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-secondary\\)\\]{border-color:var(--ui-kit-secondary)}.embarkai-ui-scope .border-current{border-color:currentColor}.embarkai-ui-scope .border-transparent{border-color:transparent}.embarkai-ui-scope .border-t-transparent{border-top-color:transparent}.embarkai-ui-scope .bg-\\[\\#002c15\\]{--tw-bg-opacity:1;background-color:rgb(0 44 21/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#081f2c\\]{--tw-bg-opacity:1;background-color:rgb(8 31 44/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#f0f6f8\\]{--tw-bg-opacity:1;background-color:rgb(240 246 248/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#f3ba2f\\]{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-accent\\)\\]{background-color:var(--ui-kit-accent)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg\\)\\]{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-error\\)\\]{background-color:var(--ui-kit-bg-error)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-info\\)\\]{background-color:var(--ui-kit-bg-info)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-secondary\\)\\]{background-color:var(--ui-kit-bg-secondary)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-success\\)\\]{background-color:var(--ui-kit-bg-success)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-warning\\)\\]{background-color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-fg\\)\\]{background-color:var(--ui-kit-fg)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-overlay\\)\\]{background-color:var(--ui-kit-overlay)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-primary\\)\\]{background-color:var(--ui-kit-primary)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-secondary\\)\\]{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-secondary-h\\)\\]{background-color:var(--ui-kit-secondary-h)}.embarkai-ui-scope .bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-transparent{background-color:transparent}.embarkai-ui-scope .fill-\\[var\\(--ui-kit-bg-warning\\)\\]{fill:var(--ui-kit-bg-warning)}.embarkai-ui-scope .object-contain{-o-object-fit:contain;object-fit:contain}.embarkai-ui-scope .object-cover{-o-object-fit:cover;object-fit:cover}.embarkai-ui-scope .p-0{padding:0}.embarkai-ui-scope .p-1{padding:.25rem}.embarkai-ui-scope .p-2{padding:.5rem}.embarkai-ui-scope .p-3{padding:.75rem}.embarkai-ui-scope .p-4{padding:1rem}.embarkai-ui-scope .p-5{padding:1.25rem}.embarkai-ui-scope .p-6{padding:1.5rem}.embarkai-ui-scope .p-8{padding:2rem}.embarkai-ui-scope .p-\\[2px\\]{padding:2px}.embarkai-ui-scope .p-\\[var\\(--ui-kit-gap\\)\\]{padding:var(--ui-kit-gap)}.embarkai-ui-scope .p-\\[var\\(--ui-kit-pd\\)\\]{padding:var(--ui-kit-pd)}.embarkai-ui-scope .px-0{padding-left:0;padding-right:0}.embarkai-ui-scope .px-1{padding-left:.25rem;padding-right:.25rem}.embarkai-ui-scope .px-2{padding-left:.5rem;padding-right:.5rem}.embarkai-ui-scope .px-3{padding-left:.75rem;padding-right:.75rem}.embarkai-ui-scope .px-4{padding-left:1rem;padding-right:1rem}.embarkai-ui-scope .px-5{padding-left:1.25rem;padding-right:1.25rem}.embarkai-ui-scope .px-8{padding-left:2rem;padding-right:2rem}.embarkai-ui-scope .px-\\[var\\(--ui-kit-gap\\)\\]{padding-left:var(--ui-kit-gap);padding-right:var(--ui-kit-gap)}.embarkai-ui-scope .px-\\[var\\(--ui-kit-pd\\)\\]{padding-left:var(--ui-kit-pd);padding-right:var(--ui-kit-pd)}.embarkai-ui-scope .py-0{padding-top:0;padding-bottom:0}.embarkai-ui-scope .py-1{padding-top:.25rem;padding-bottom:.25rem}.embarkai-ui-scope .py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}.embarkai-ui-scope .py-2{padding-top:.5rem;padding-bottom:.5rem}.embarkai-ui-scope .py-3{padding-top:.75rem;padding-bottom:.75rem}.embarkai-ui-scope .py-4{padding-top:1rem;padding-bottom:1rem}.embarkai-ui-scope .py-8{padding-top:2rem;padding-bottom:2rem}.embarkai-ui-scope .py-\\[10px\\]{padding-top:10px;padding-bottom:10px}.embarkai-ui-scope .py-\\[var\\(--ui-kit-gap\\)\\]{padding-top:var(--ui-kit-gap);padding-bottom:var(--ui-kit-gap)}.embarkai-ui-scope .py-\\[var\\(--ui-kit-pd\\)\\]{padding-top:var(--ui-kit-pd);padding-bottom:var(--ui-kit-pd)}.embarkai-ui-scope .pb-2{padding-bottom:.5rem}.embarkai-ui-scope .pb-5{padding-bottom:1.25rem}.embarkai-ui-scope .pb-6{padding-bottom:1.5rem}.embarkai-ui-scope .pb-\\[var\\(--ui-kit-pd\\)\\]{padding-bottom:var(--ui-kit-pd)}.embarkai-ui-scope .pl-\\[var\\(--ui-kit-pd\\)\\]{padding-left:var(--ui-kit-pd)}.embarkai-ui-scope .pr-8{padding-right:2rem}.embarkai-ui-scope .pt-3{padding-top:.75rem}.embarkai-ui-scope .pt-4{padding-top:1rem}.embarkai-ui-scope .pt-5{padding-top:1.25rem}.embarkai-ui-scope .text-left{text-align:left}.embarkai-ui-scope .text-center{text-align:center}.embarkai-ui-scope .text-right{text-align:right}.embarkai-ui-scope .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.embarkai-ui-scope .font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.embarkai-ui-scope .text-2xl{font-size:1.5rem;line-height:2rem}.embarkai-ui-scope .text-\\[10px\\]{font-size:10px}.embarkai-ui-scope .text-\\[14px\\]{font-size:14px}.embarkai-ui-scope .text-\\[16px\\]{font-size:16px}.embarkai-ui-scope .text-\\[8px\\]{font-size:8px}.embarkai-ui-scope .text-lg{font-size:1.125rem;line-height:1.75rem}.embarkai-ui-scope .text-sm{font-size:.875rem;line-height:1.25rem}.embarkai-ui-scope .text-xl{font-size:1.25rem;line-height:1.75rem}.embarkai-ui-scope .text-xs{font-size:.75rem;line-height:1rem}.embarkai-ui-scope .font-bold{font-weight:700}.embarkai-ui-scope .font-medium{font-weight:500}.embarkai-ui-scope .font-normal{font-weight:400}.embarkai-ui-scope .font-semibold{font-weight:600}.embarkai-ui-scope .uppercase{text-transform:uppercase}.embarkai-ui-scope .lowercase{text-transform:lowercase}.embarkai-ui-scope .leading-3{line-height:.75rem}.embarkai-ui-scope .leading-4{line-height:1rem}.embarkai-ui-scope .leading-5{line-height:1.25rem}.embarkai-ui-scope .leading-6{line-height:1.5rem}.embarkai-ui-scope .leading-8{line-height:2rem}.embarkai-ui-scope .leading-\\[8px\\]{line-height:8px}.embarkai-ui-scope .leading-none{line-height:1}.embarkai-ui-scope .leading-tight{line-height:1.25}.embarkai-ui-scope .tracking-\\[0\\.3em\\]{letter-spacing:.3em}.embarkai-ui-scope .tracking-tight{letter-spacing:-.025em}.embarkai-ui-scope .tracking-wider{letter-spacing:.05em}.embarkai-ui-scope .text-\\[\\#c3f53c\\]{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-error\\)\\]{color:var(--ui-kit-bg-error)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-success\\)\\]{color:var(--ui-kit-bg-success)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-warning\\)\\]{color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-error\\)\\]{color:var(--ui-kit-error)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg\\)\\]{color:var(--ui-kit-fg)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg-inverted\\)\\]{color:var(--ui-kit-fg-inverted)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg-muted\\)\\]{color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-info\\)\\]{color:var(--ui-kit-info)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-primary\\)\\]{color:var(--ui-kit-primary)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-success\\)\\]{color:var(--ui-kit-success)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-text-secondary\\)\\]{color:var(--ui-kit-text-secondary)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-warning\\)\\]{color:var(--ui-kit-warning)}.embarkai-ui-scope .text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.embarkai-ui-scope .underline{text-decoration-line:underline}.embarkai-ui-scope .underline-offset-2{text-underline-offset:2px}.embarkai-ui-scope .underline-offset-4{text-underline-offset:4px}.embarkai-ui-scope .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.embarkai-ui-scope .opacity-0{opacity:0}.embarkai-ui-scope .opacity-100{opacity:1}.embarkai-ui-scope .opacity-50{opacity:.5}.embarkai-ui-scope .opacity-60{opacity:.6}.embarkai-ui-scope .opacity-70{opacity:.7}.embarkai-ui-scope .opacity-90{opacity:.9}.embarkai-ui-scope .shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.embarkai-ui-scope .shadow,.embarkai-ui-scope .shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.embarkai-ui-scope .shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.embarkai-ui-scope .outline-none{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .outline{outline-style:solid}.embarkai-ui-scope .blur{--tw-blur:blur(8px)}.embarkai-ui-scope .blur,.embarkai-ui-scope .grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.embarkai-ui-scope .grayscale{--tw-grayscale:grayscale(100%)}.embarkai-ui-scope .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.embarkai-ui-scope .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-\\[color\\2c box-shadow\\]{transition-property:color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-none{transition-property:none}.embarkai-ui-scope .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .duration-200{transition-duration:.2s}.embarkai-ui-scope .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.embarkai-ui-scope{--ui-kit-ff:var(--embark-ui-ff,-apple-system,BlinkMacSystemFont,"Inter",system-ui,sans-serif);--ui-kit-maw:var(--embark-ui-maw,384px);--ui-kit-pd:var(--embark-ui-pd,12px);--ui-kit-gap:var(--embark-ui-gap,10px);--ui-kit-bdrs:var(--embark-ui-bdrs,20px);--ui-kit-el-bdrs:var(--embark-ui-element-bdrs,10px);--ui-kit-backdrop-blur:var(--embark-ui-backdrop-blur,10px)}.embarkai-ui-scope[data-current-theme-mode=light]{--ui-kit-overlay:var(--embark-ui-overlay,hsla(0,0%,100%,.8));--ui-kit-bg:var(--embark-ui-bg,#fff);--ui-kit-fg:var(--embark-ui-fg,#000);--ui-kit-fg-inverted:var(--embark-ui-fg-inverted,#fff);--ui-kit-fg-muted:var(--embark-ui-fg-muted,rgba(0,0,0,.6));--ui-kit-primary:var(--embark-ui-primary,#000);--ui-kit-primary-h:var(--embark-ui-primary-h,rgba(0,0,0,.8));--ui-kit-primary-a:var(--embark-ui-primary-a,rgba(0,0,0,.6));--ui-kit-secondary:var(--embark-ui-secondary,#e4e4e4);--ui-kit-secondary-h:var(--embark-ui-secondary-h,hsla(0,0%,89%,.8));--ui-kit-secondary-a:var(--embark-ui-secondary-a,hsla(0,0%,89%,.6));--ui-kit-bd:var(--embark-ui-bd,#ebebeb);--ui-kit-bd-intense:var(--embark-ui-bd-intense,#a9a9a9);--ui-kit-shadow:var(--embark-ui-shadow,0 0 0 0 transparent);--ui-kit-shadow-c:var(--embark-ui-shadow-c,rgba(0,0,0,.1));--ui-kit-info:var(--embark-ui-info,var(--ui-kit-fg));--ui-kit-bg-info:var(--embark-ui-bg-info,var(--ui-kit-secondary));--ui-kit-success:var(--embark-ui-success,#000);--ui-kit-bg-success:var(--embark-ui-bg-success,#21ff51);--ui-kit-warning:var(--embark-ui-warning,#000);--ui-kit-bg-warning:var(--embark-ui-bg-warning,#e9fa00);--ui-kit-error:var(--embark-ui-error,#fff);--ui-kit-bg-error:var(--embark-ui-bg-error,#d6204e)}.embarkai-ui-scope[data-current-theme-mode=dark]{--ui-kit-overlay:var(--embark-ui-overlay,rgba(0,0,0,.8));--ui-kit-bg:var(--embark-ui-bg,#1a1a1a);--ui-kit-fg:var(--embark-ui-fg,#fff);--ui-kit-fg-inverted:var(--embark-ui-fg-inverted,#000);--ui-kit-fg-muted:var(--embark-ui-fg-muted,hsla(0,0%,100%,.6));--ui-kit-primary:var(--embark-ui-primary,#fff);--ui-kit-primary-h:var(--embark-ui-primary-h,hsla(0,0%,100%,.8));--ui-kit-primary-a:var(--embark-ui-primary-a,hsla(0,0%,100%,.6));--ui-kit-secondary:var(--embark-ui-secondary,#2a2a2a);--ui-kit-secondary-h:var(--embark-ui-secondary-h,rgba(42,42,42,.6));--ui-kit-secondary-a:var(--embark-ui-secondary-a,rgba(42,42,42,.4));--ui-kit-bd:var(--embark-ui-bd,#3a3a3a);--ui-kit-bd-intense:var(--embark-ui-bd-intense,#4a4a4a);--ui-kit-shadow:var(--embark-ui-shadow,0 0 0 0 transparent);--ui-kit-shadow-c:var(--embark-ui-shadow-c,rgba(0,0,0,.1));--ui-kit-info:var(--embark-ui-info,var(--ui-kit-fg));--ui-kit-bg-info:var(--embark-ui-bg-info,var(--ui-kit-secondary));--ui-kit-success:var(--embark-ui-success,#000);--ui-kit-bg-success:var(--embark-ui-bg-success,#21ff51);--ui-kit-warning:var(--embark-ui-warning,#000);--ui-kit-bg-warning:var(--embark-ui-bg-warning,#e9fa00);--ui-kit-error:var(--embark-ui-error,#fff);--ui-kit-bg-error:var(--embark-ui-bg-error,#d6204e)}.embarkai-ui-scope,.embarkai-ui-scope *{margin:0;box-sizing:border-box;font-family:var(--ui-kit-ff);font-optical-sizing:auto;-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.embarkai-ui-scope button,.embarkai-ui-scope h1,.embarkai-ui-scope h2,.embarkai-ui-scope h3,.embarkai-ui-scope h4,.embarkai-ui-scope h5,.embarkai-ui-scope h6,.embarkai-ui-scope input,.embarkai-ui-scope p,.embarkai-ui-scope select,.embarkai-ui-scope textarea{font-family:var(--ui-kit-ff)!important;margin:0}.embarkai-ui-scope button,.embarkai-ui-scope input,.embarkai-ui-scope select,.embarkai-ui-scope textarea{border-style:solid;outline:none!important;appearance:none!important;-webkit-appearance:none;-moz-appearance:none}.embarkai-ui-scope input,.embarkai-ui-scope textarea{font-size:16px!important}.embarkai-ui-scope .account-connect-button{box-shadow:0 4px 20px var(--ui-kit-shadow-c),inset 0 0 0 1px var(--ui-kit-bd);transition:transform .25s ease}.embarkai-ui-scope .account-connect-button:hover{transform:scale(1.02)}.embarkai-ui-scope .account-connect-button:active{transform:scale(1)}@keyframes lumia-mobile-dialog-fade-in{0%{opacity:0;transform:translateY(64px)}to{opacity:1;transform:translateY(0)}}@keyframes lumia-mobile-dialog-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(64px)}}.embarkai-ui-scope .animate-mobile-dialog-in{animation:lumia-mobile-dialog-fade-in 375ms ease}.embarkai-ui-scope .animate-mobile-dialog-out{animation:lumia-mobile-dialog-fade-out 375ms ease}@keyframes lumia-dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lumia-dialog-fade-out{0%{opacity:1}to{opacity:0}}.embarkai-ui-scope .animate-dialog-in{animation:lumia-dialog-fade-in 375ms ease}.embarkai-ui-scope .animate-dialog-out{animation:lumia-dialog-fade-out 375ms ease}.embarkai-ui-scope .list-scrollbar-y{width:100%;padding-right:var(--ui-kit-list-scrollbar-pd-r,0);overflow-y:auto;overflow-x:hidden;max-height:var(--ui-kit-scrollbar-mah,300px)}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar{width:4px;height:4px}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar-thumb{cursor:pointer;width:4px;border-radius:2px;background-color:var(--ui-kit-bd)}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar-track{margin-top:10px;margin-bottom:10px;background-color:transparent}.embarkai-ui-scope .noScrollbars::-webkit-scrollbar{display:none}.embarkai-ui-scope div[data-radix-popper-content-wrapper]{z-index:10000!important}.embarkai-ui-scope .file\\:mr-\\[var\\(--ui-kit-gap\\)\\]::file-selector-button{margin-right:var(--ui-kit-gap)}.embarkai-ui-scope .file\\:h-12::file-selector-button{height:3rem}.embarkai-ui-scope .file\\:cursor-pointer::file-selector-button{cursor:pointer}.embarkai-ui-scope .file\\:rounded-\\[var\\(--ui-kit-el-bdrs\\)\\]::file-selector-button{border-radius:var(--ui-kit-el-bdrs)}.embarkai-ui-scope .file\\:border-0::file-selector-button{border-width:0}.embarkai-ui-scope .file\\:bg-\\[var\\(--ui-kit-primary\\)\\]::file-selector-button{background-color:var(--ui-kit-primary)}.embarkai-ui-scope .file\\:bg-transparent::file-selector-button{background-color:transparent}.embarkai-ui-scope .file\\:px-\\[var\\(--ui-kit-pd\\)\\]::file-selector-button{padding-left:var(--ui-kit-pd);padding-right:var(--ui-kit-pd)}.embarkai-ui-scope .file\\:text-\\[16px\\]::file-selector-button{font-size:16px}.embarkai-ui-scope .file\\:text-base::file-selector-button{font-size:1rem;line-height:1.5rem}.embarkai-ui-scope .file\\:font-medium::file-selector-button{font-weight:500}.embarkai-ui-scope .file\\:text-\\[var\\(--ui-kit-fg-inverted\\)\\]::file-selector-button{color:var(--ui-kit-fg-inverted)}.embarkai-ui-scope .placeholder\\:text-\\[var\\(--ui-kit-fg-muted\\)\\]::-moz-placeholder{color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .placeholder\\:text-\\[var\\(--ui-kit-fg-muted\\)\\]::placeholder{color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .focus-within\\:bg-\\[var\\(--ui-kit-secondary-a\\)\\]:focus-within{background-color:var(--ui-kit-secondary-a)}.embarkai-ui-scope .focus-within\\:outline-none:focus-within{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .hover\\:bg-\\[\\#002c15\\]:hover{--tw-bg-opacity:1;background-color:rgb(0 44 21/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[\\#081f2c\\]:hover{--tw-bg-opacity:1;background-color:rgb(8 31 44/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[\\#f0f6f8\\]:hover{--tw-bg-opacity:1;background-color:rgb(240 246 248/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[\\#f3ba2f\\]:hover{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-bg\\)\\]:hover{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-bg-secondary\\)\\]:hover{background-color:var(--ui-kit-bg-secondary)}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-secondary\\)\\]:hover{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-secondary-h\\)\\]:hover{background-color:var(--ui-kit-secondary-h)}.embarkai-ui-scope .hover\\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:text-\\[\\#c3f53c\\]:hover{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.embarkai-ui-scope .hover\\:text-\\[var\\(--ui-kit-fg\\)\\]:hover{color:var(--ui-kit-fg)}.embarkai-ui-scope .hover\\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.embarkai-ui-scope .hover\\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.embarkai-ui-scope .hover\\:underline:hover{text-decoration-line:underline}.embarkai-ui-scope .hover\\:opacity-100:hover{opacity:1}.embarkai-ui-scope .hover\\:opacity-80:hover{opacity:.8}.embarkai-ui-scope .hover\\:brightness-110:hover{--tw-brightness:brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.embarkai-ui-scope .file\\:hover\\:opacity-90:hover::file-selector-button{opacity:.9}.embarkai-ui-scope .focus\\:border-\\[var\\(--ui-kit-primary\\)\\]:focus{border-color:var(--ui-kit-primary)}.embarkai-ui-scope .focus\\:bg-\\[var\\(--ui-kit-secondary-a\\)\\]:focus{background-color:var(--ui-kit-secondary-a)}.embarkai-ui-scope .focus\\:bg-transparent:focus{background-color:transparent}.embarkai-ui-scope .focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .focus-visible\\:ring-0:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.embarkai-ui-scope .focus-visible\\:ring-\\[2px\\]:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.embarkai-ui-scope .focus-visible\\:ring-transparent:focus-visible{--tw-ring-color:transparent}.embarkai-ui-scope .focus-visible\\:ring-offset-0:focus-visible{--tw-ring-offset-width:0px}.embarkai-ui-scope .active\\:bg-\\[\\#f3ba2f\\]:active{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.embarkai-ui-scope .active\\:bg-\\[var\\(--ui-kit-bg\\)\\]:active{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .active\\:bg-\\[var\\(--ui-kit-secondary-a\\)\\]:active{background-color:var(--ui-kit-secondary-a)}.embarkai-ui-scope .active\\:text-\\[\\#c3f53c\\]:active{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.embarkai-ui-scope .active\\:opacity-60:active{opacity:.6}.embarkai-ui-scope .file\\:active\\:opacity-80:active::file-selector-button{opacity:.8}.embarkai-ui-scope .disabled\\:cursor-default:disabled{cursor:default}.embarkai-ui-scope .disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.embarkai-ui-scope .disabled\\:opacity-50:disabled{opacity:.5}.embarkai-ui-scope .disabled\\:hover\\:bg-\\[var\\(--ui-kit-bg\\)\\]:hover:disabled{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .disabled\\:hover\\:bg-\\[var\\(--ui-kit-secondary\\)\\]:hover:disabled{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .disabled\\:hover\\:text-\\[var\\(--ui-kit-bg-error\\)\\]:hover:disabled{color:var(--ui-kit-bg-error)}.embarkai-ui-scope .disabled\\:hover\\:opacity-50:hover:disabled{opacity:.5}.embarkai-ui-scope .disabled\\:active\\:bg-\\[var\\(--ui-kit-bg\\)\\]:active:disabled{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .disabled\\:active\\:text-\\[var\\(--ui-kit-bg-error\\)\\]:active:disabled{color:var(--ui-kit-bg-error)}.embarkai-ui-scope .disabled\\:active\\:opacity-50:active:disabled{opacity:.5}.embarkai-ui-scope :is(.group:hover .group-hover\\:opacity-100){opacity:1}.embarkai-ui-scope .data-\\[disabled\\]\\:pointer-events-none[data-disabled]{pointer-events:none}.embarkai-ui-scope .data-\\[size\\=default\\]\\:h-12[data-size=default]{height:3rem}.embarkai-ui-scope .data-\\[size\\=sm\\]\\:h-10[data-size=sm]{height:2.5rem}.embarkai-ui-scope .data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom]{--tw-translate-y:0.25rem}.embarkai-ui-scope .data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom],.embarkai-ui-scope .data-\\[side\\=left\\]\\:-translate-x-1[data-side=left]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .data-\\[side\\=left\\]\\:-translate-x-1[data-side=left]{--tw-translate-x:-0.25rem}.embarkai-ui-scope .data-\\[side\\=right\\]\\:translate-x-1[data-side=right]{--tw-translate-x:0.25rem}.embarkai-ui-scope .data-\\[side\\=right\\]\\:translate-x-1[data-side=right],.embarkai-ui-scope .data-\\[side\\=top\\]\\:-translate-y-1[data-side=top]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .data-\\[side\\=top\\]\\:-translate-y-1[data-side=top]{--tw-translate-y:-0.25rem}.embarkai-ui-scope .data-\\[state\\=checked\\]\\:border-\\[var\\(--ui-kit-bd-intense\\)\\][data-state=checked]{border-color:var(--ui-kit-bd-intense)}.embarkai-ui-scope .data-\\[state\\=checked\\]\\:bg-\\[var\\(--ui-kit-secondary\\)\\][data-state=checked]{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .data-\\[state\\=checked\\]\\:text-\\[var\\(--ui-kit-fg\\)\\][data-state=checked]{color:var(--ui-kit-fg)}.embarkai-ui-scope .data-\\[disabled\\]\\:opacity-50[data-disabled]{opacity:.5}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:line-clamp-1[data-slot=select-value]>*){overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:flex[data-slot=select-value]>*){display:flex}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:items-center[data-slot=select-value]>*){align-items:center}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:gap-\\[var\\(--ui-kit-gap\\)\\][data-slot=select-value]>*){gap:var(--ui-kit-gap)}@media (min-width:640px){.embarkai-ui-scope .sm\\:flex-row{flex-direction:row}.embarkai-ui-scope .sm\\:justify-end{justify-content:flex-end}.embarkai-ui-scope :is(.sm\\:space-x-2>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope .sm\\:text-left{text-align:left}}@media (min-width:768px){.embarkai-ui-scope .md\\:h-8{height:2rem}.embarkai-ui-scope .md\\:w-8{width:2rem}.embarkai-ui-scope .md\\:gap-\\[var\\(--ui-kit-gap\\)\\]{gap:var(--ui-kit-gap)}.embarkai-ui-scope .md\\:py-1{padding-top:.25rem;padding-bottom:.25rem}.embarkai-ui-scope .md\\:text-sm{font-size:.875rem;line-height:1.25rem}.embarkai-ui-scope .md\\:text-xs{font-size:.75rem;line-height:1rem}}.embarkai-ui-scope :is(.\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-])){width:1rem;height:1rem}.embarkai-ui-scope :is(.\\[\\&_svg\\]\\:pointer-events-none svg){pointer-events:none}.embarkai-ui-scope :is(.\\[\\&_svg\\]\\:shrink-0 svg){flex-shrink:0}`;
+var built_default = `.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.embarkai-ui-scope .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.embarkai-ui-scope .pointer-events-none{pointer-events:none}.embarkai-ui-scope .pointer-events-auto{pointer-events:auto}.embarkai-ui-scope .visible{visibility:visible}.embarkai-ui-scope .invisible{visibility:hidden}.embarkai-ui-scope .static{position:static}.embarkai-ui-scope .fixed{position:fixed}.embarkai-ui-scope .absolute{position:absolute}.embarkai-ui-scope .relative{position:relative}.embarkai-ui-scope .sticky{position:sticky}.embarkai-ui-scope .inset-0{inset:0}.embarkai-ui-scope .-right-0\\.5{right:-.125rem}.embarkai-ui-scope .-right-1{right:-.25rem}.embarkai-ui-scope .-right-2{right:-.5rem}.embarkai-ui-scope .-top-0\\.5{top:-.125rem}.embarkai-ui-scope .-top-1{top:-.25rem}.embarkai-ui-scope .-top-2{top:-.5rem}.embarkai-ui-scope .bottom-0{bottom:0}.embarkai-ui-scope .bottom-full{bottom:100%}.embarkai-ui-scope .left-0{left:0}.embarkai-ui-scope .left-1\\/2{left:50%}.embarkai-ui-scope .left-4{left:1rem}.embarkai-ui-scope .right-0{right:0}.embarkai-ui-scope .right-3{right:.75rem}.embarkai-ui-scope .right-4{right:1rem}.embarkai-ui-scope .right-\\[var\\(--ui-kit-pd\\)\\]{right:var(--ui-kit-pd)}.embarkai-ui-scope .right-full{right:100%}.embarkai-ui-scope .top-0{top:0}.embarkai-ui-scope .top-1\\/2{top:50%}.embarkai-ui-scope .top-4{top:1rem}.embarkai-ui-scope .top-\\[var\\(--ui-kit-pd\\)\\]{top:var(--ui-kit-pd)}.embarkai-ui-scope .z-10{z-index:10}.embarkai-ui-scope .z-50{z-index:50}.embarkai-ui-scope .z-\\[9998\\]{z-index:9998}.embarkai-ui-scope .z-\\[9999\\]{z-index:9999}.embarkai-ui-scope .-m-px{margin:-1px}.embarkai-ui-scope .-mx-1{margin-left:-.25rem;margin-right:-.25rem}.embarkai-ui-scope .mx-auto{margin-left:auto;margin-right:auto}.embarkai-ui-scope .my-1{margin-top:.25rem;margin-bottom:.25rem}.embarkai-ui-scope .mb-1{margin-bottom:.25rem}.embarkai-ui-scope .mb-2{margin-bottom:.5rem}.embarkai-ui-scope .mb-3{margin-bottom:.75rem}.embarkai-ui-scope .mb-4{margin-bottom:1rem}.embarkai-ui-scope .ml-1{margin-left:.25rem}.embarkai-ui-scope .ml-2{margin-left:.5rem}.embarkai-ui-scope .ml-auto{margin-left:auto}.embarkai-ui-scope .mr-1{margin-right:.25rem}.embarkai-ui-scope .mt-0\\.5{margin-top:.125rem}.embarkai-ui-scope .mt-1{margin-top:.25rem}.embarkai-ui-scope .mt-2{margin-top:.5rem}.embarkai-ui-scope .mt-4{margin-top:1rem}.embarkai-ui-scope .block{display:block}.embarkai-ui-scope .inline-block{display:inline-block}.embarkai-ui-scope .inline{display:inline}.embarkai-ui-scope .flex{display:flex}.embarkai-ui-scope .inline-flex{display:inline-flex}.embarkai-ui-scope .table{display:table}.embarkai-ui-scope .grid{display:grid}.embarkai-ui-scope .hidden{display:none}.embarkai-ui-scope .aspect-square{aspect-ratio:1/1}.embarkai-ui-scope .size-4{width:1rem;height:1rem}.embarkai-ui-scope .size-8{width:2rem;height:2rem}.embarkai-ui-scope .size-auto{width:auto;height:auto}.embarkai-ui-scope .h-0{height:0}.embarkai-ui-scope .h-1{height:.25rem}.embarkai-ui-scope .h-10{height:2.5rem}.embarkai-ui-scope .h-12{height:3rem}.embarkai-ui-scope .h-16{height:4rem}.embarkai-ui-scope .h-2{height:.5rem}.embarkai-ui-scope .h-3{height:.75rem}.embarkai-ui-scope .h-3\\.5{height:.875rem}.embarkai-ui-scope .h-4{height:1rem}.embarkai-ui-scope .h-48{height:12rem}.embarkai-ui-scope .h-5{height:1.25rem}.embarkai-ui-scope .h-6{height:1.5rem}.embarkai-ui-scope .h-7{height:1.75rem}.embarkai-ui-scope .h-8{height:2rem}.embarkai-ui-scope .h-\\[100dvh\\]{height:100dvh}.embarkai-ui-scope .h-\\[48px\\]{height:48px}.embarkai-ui-scope .h-\\[var\\(--radix-select-trigger-height\\)\\]{height:var(--radix-select-trigger-height)}.embarkai-ui-scope .h-auto{height:auto}.embarkai-ui-scope .h-fit{height:-moz-fit-content;height:fit-content}.embarkai-ui-scope .h-full{height:100%}.embarkai-ui-scope .h-px{height:1px}.embarkai-ui-scope .max-h-64{max-height:16rem}.embarkai-ui-scope .max-h-96{max-height:24rem}.embarkai-ui-scope .max-h-\\[95dvh\\]{max-height:95dvh}.embarkai-ui-scope .min-h-10{min-height:2.5rem}.embarkai-ui-scope .w-1{width:.25rem}.embarkai-ui-scope .w-1\\/2{width:50%}.embarkai-ui-scope .w-10{width:2.5rem}.embarkai-ui-scope .w-12{width:3rem}.embarkai-ui-scope .w-16{width:4rem}.embarkai-ui-scope .w-2{width:.5rem}.embarkai-ui-scope .w-3{width:.75rem}.embarkai-ui-scope .w-3\\.5{width:.875rem}.embarkai-ui-scope .w-4{width:1rem}.embarkai-ui-scope .w-48{width:12rem}.embarkai-ui-scope .w-5{width:1.25rem}.embarkai-ui-scope .w-6{width:1.5rem}.embarkai-ui-scope .w-7{width:1.75rem}.embarkai-ui-scope .w-72{width:18rem}.embarkai-ui-scope .w-8{width:2rem}.embarkai-ui-scope .w-\\[100dvw\\]{width:100dvw}.embarkai-ui-scope .w-\\[40px\\]{width:40px}.embarkai-ui-scope .w-\\[var\\(--ui-kit-maw\\)\\]{width:var(--ui-kit-maw)}.embarkai-ui-scope .w-fit{width:-moz-fit-content;width:fit-content}.embarkai-ui-scope .w-full{width:100%}.embarkai-ui-scope .w-px{width:1px}.embarkai-ui-scope .min-w-0{min-width:0}.embarkai-ui-scope .min-w-10{min-width:2.5rem}.embarkai-ui-scope .min-w-16{min-width:4rem}.embarkai-ui-scope .min-w-\\[256px\\]{min-width:256px}.embarkai-ui-scope .min-w-\\[8rem\\]{min-width:8rem}.embarkai-ui-scope .min-w-\\[var\\(--radix-select-trigger-width\\)\\]{min-width:var(--radix-select-trigger-width)}.embarkai-ui-scope .max-w-\\[100px\\]{max-width:100px}.embarkai-ui-scope .max-w-\\[144px\\]{max-width:144px}.embarkai-ui-scope .max-w-\\[150px\\]{max-width:150px}.embarkai-ui-scope .max-w-\\[160px\\]{max-width:160px}.embarkai-ui-scope .max-w-\\[256px\\]{max-width:256px}.embarkai-ui-scope .max-w-\\[680px\\]{max-width:680px}.embarkai-ui-scope .max-w-\\[80px\\]{max-width:80px}.embarkai-ui-scope .max-w-\\[calc\\(50\\%-8px\\)\\]{max-width:calc(50% - 8px)}.embarkai-ui-scope .max-w-full{max-width:100%}.embarkai-ui-scope .max-w-sm{max-width:24rem}.embarkai-ui-scope .flex-1{flex:1 1 0%}.embarkai-ui-scope .flex-none{flex:none}.embarkai-ui-scope .flex-shrink-0,.embarkai-ui-scope .shrink-0{flex-shrink:0}.embarkai-ui-scope .-translate-x-1\\/2{--tw-translate-x:-50%}.embarkai-ui-scope .-translate-x-1\\/2,.embarkai-ui-scope .-translate-x-\\[var\\(--ui-kit-gap\\)\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .-translate-x-\\[var\\(--ui-kit-gap\\)\\]{--tw-translate-x:calc(var(--ui-kit-gap)*-1)}.embarkai-ui-scope .-translate-y-1\\/2{--tw-translate-y:-50%}.embarkai-ui-scope .-translate-y-1\\/2,.embarkai-ui-scope .-translate-y-1\\/3{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .-translate-y-1\\/3{--tw-translate-y:-33.333333%}.embarkai-ui-scope .rotate-180{--tw-rotate:180deg}.embarkai-ui-scope .rotate-180,.embarkai-ui-scope .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes glow-warning{0%,to{transform:scale(1);box-shadow:0 0 16px var(--ui-kit-bg-warning)}50%{transform:scale(.97);box-shadow:0 0 4px var(--ui-kit-bg-warning)}}.embarkai-ui-scope .animate-glow-warning{animation:glow-warning 2s ease infinite}@keyframes pulse{50%{opacity:.5}}.embarkai-ui-scope .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.embarkai-ui-scope .animate-spin{animation:spin 1s linear infinite}.embarkai-ui-scope .cursor-default{cursor:default}.embarkai-ui-scope .cursor-help{cursor:help}.embarkai-ui-scope .cursor-not-allowed{cursor:not-allowed}.embarkai-ui-scope .cursor-pointer{cursor:pointer}.embarkai-ui-scope .cursor-text{cursor:text}.embarkai-ui-scope .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.embarkai-ui-scope .select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.embarkai-ui-scope .scroll-my-1{scroll-margin-top:.25rem;scroll-margin-bottom:.25rem}.embarkai-ui-scope .list-inside{list-style-position:inside}.embarkai-ui-scope .list-disc{list-style-type:disc}.embarkai-ui-scope .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.embarkai-ui-scope .flex-col{flex-direction:column}.embarkai-ui-scope .flex-col-reverse{flex-direction:column-reverse}.embarkai-ui-scope .flex-wrap{flex-wrap:wrap}.embarkai-ui-scope .place-content-center{place-content:center}.embarkai-ui-scope .items-start{align-items:flex-start}.embarkai-ui-scope .items-end{align-items:flex-end}.embarkai-ui-scope .items-center{align-items:center}.embarkai-ui-scope .justify-start{justify-content:flex-start}.embarkai-ui-scope .justify-end{justify-content:flex-end}.embarkai-ui-scope .justify-center{justify-content:center}.embarkai-ui-scope .justify-between{justify-content:space-between}.embarkai-ui-scope .gap-0{gap:0}.embarkai-ui-scope .gap-1{gap:.25rem}.embarkai-ui-scope .gap-1\\.5{gap:.375rem}.embarkai-ui-scope .gap-2{gap:.5rem}.embarkai-ui-scope .gap-3{gap:.75rem}.embarkai-ui-scope .gap-4{gap:1rem}.embarkai-ui-scope .gap-\\[10px\\]{gap:10px}.embarkai-ui-scope .gap-\\[var\\(--ui-kit-gap\\)\\]{gap:var(--ui-kit-gap)}.embarkai-ui-scope :is(.space-x-1>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.25rem*var(--tw-space-x-reverse));margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope :is(.space-x-2>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope :is(.space-y-0\\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-1>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-1\\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-2>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.embarkai-ui-scope .overflow-hidden{overflow:hidden}.embarkai-ui-scope .overflow-y-auto{overflow-y:auto}.embarkai-ui-scope .overflow-x-hidden{overflow-x:hidden}.embarkai-ui-scope .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.embarkai-ui-scope .text-ellipsis{text-overflow:ellipsis}.embarkai-ui-scope .whitespace-nowrap{white-space:nowrap}.embarkai-ui-scope .whitespace-pre-line{white-space:pre-line}.embarkai-ui-scope .whitespace-pre-wrap{white-space:pre-wrap}.embarkai-ui-scope .break-normal{overflow-wrap:normal;word-break:normal}.embarkai-ui-scope .break-words{overflow-wrap:break-word}.embarkai-ui-scope .break-all{word-break:break-all}.embarkai-ui-scope .rounded{border-radius:.25rem}.embarkai-ui-scope .rounded-\\[10px\\]{border-radius:10px}.embarkai-ui-scope .rounded-\\[8px\\]{border-radius:8px}.embarkai-ui-scope .rounded-\\[calc\\(var\\(--ui-kit-el-bdrs\\)_\\/_2\\)\\]{border-radius:calc(var(--ui-kit-el-bdrs)/2)}.embarkai-ui-scope .rounded-\\[var\\(--ui-kit-bdrs\\)\\]{border-radius:var(--ui-kit-bdrs)}.embarkai-ui-scope .rounded-\\[var\\(--ui-kit-el-bdrs\\)\\]{border-radius:var(--ui-kit-el-bdrs)}.embarkai-ui-scope .rounded-full{border-radius:9999px}.embarkai-ui-scope .rounded-lg{border-radius:.5rem}.embarkai-ui-scope .rounded-md{border-radius:.375rem}.embarkai-ui-scope .rounded-xl{border-radius:.75rem}.embarkai-ui-scope .border{border-width:1px}.embarkai-ui-scope .border-0{border-width:0}.embarkai-ui-scope .border-2{border-width:2px}.embarkai-ui-scope .border-b{border-bottom-width:1px}.embarkai-ui-scope .border-t{border-top-width:1px}.embarkai-ui-scope .border-dashed{border-style:dashed}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bd\\)\\]{border-color:var(--ui-kit-bd)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-error\\)\\]{border-color:var(--ui-kit-bg-error)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-success\\)\\]{border-color:var(--ui-kit-bg-success)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-warning\\)\\]{border-color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-error\\)\\]{border-color:var(--ui-kit-error)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-secondary\\)\\]{border-color:var(--ui-kit-secondary)}.embarkai-ui-scope .border-current{border-color:currentColor}.embarkai-ui-scope .border-transparent{border-color:transparent}.embarkai-ui-scope .border-t-transparent{border-top-color:transparent}.embarkai-ui-scope .bg-\\[\\#002c15\\]{--tw-bg-opacity:1;background-color:rgb(0 44 21/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#081f2c\\]{--tw-bg-opacity:1;background-color:rgb(8 31 44/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#f0f6f8\\]{--tw-bg-opacity:1;background-color:rgb(240 246 248/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#f3ba2f\\]{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-accent\\)\\]{background-color:var(--ui-kit-accent)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg\\)\\]{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-error\\)\\]{background-color:var(--ui-kit-bg-error)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-info\\)\\]{background-color:var(--ui-kit-bg-info)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-secondary\\)\\]{background-color:var(--ui-kit-bg-secondary)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-success\\)\\]{background-color:var(--ui-kit-bg-success)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-warning\\)\\]{background-color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-fg\\)\\]{background-color:var(--ui-kit-fg)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-overlay\\)\\]{background-color:var(--ui-kit-overlay)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-primary\\)\\]{background-color:var(--ui-kit-primary)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-secondary\\)\\]{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-secondary-h\\)\\]{background-color:var(--ui-kit-secondary-h)}.embarkai-ui-scope .bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-transparent{background-color:transparent}.embarkai-ui-scope .fill-\\[var\\(--ui-kit-bg-warning\\)\\]{fill:var(--ui-kit-bg-warning)}.embarkai-ui-scope .object-contain{-o-object-fit:contain;object-fit:contain}.embarkai-ui-scope .object-cover{-o-object-fit:cover;object-fit:cover}.embarkai-ui-scope .p-0{padding:0}.embarkai-ui-scope .p-1{padding:.25rem}.embarkai-ui-scope .p-2{padding:.5rem}.embarkai-ui-scope .p-3{padding:.75rem}.embarkai-ui-scope .p-4{padding:1rem}.embarkai-ui-scope .p-5{padding:1.25rem}.embarkai-ui-scope .p-6{padding:1.5rem}.embarkai-ui-scope .p-8{padding:2rem}.embarkai-ui-scope .p-\\[2px\\]{padding:2px}.embarkai-ui-scope .p-\\[var\\(--ui-kit-gap\\)\\]{padding:var(--ui-kit-gap)}.embarkai-ui-scope .p-\\[var\\(--ui-kit-pd\\)\\]{padding:var(--ui-kit-pd)}.embarkai-ui-scope .px-0{padding-left:0;padding-right:0}.embarkai-ui-scope .px-1{padding-left:.25rem;padding-right:.25rem}.embarkai-ui-scope .px-2{padding-left:.5rem;padding-right:.5rem}.embarkai-ui-scope .px-3{padding-left:.75rem;padding-right:.75rem}.embarkai-ui-scope .px-4{padding-left:1rem;padding-right:1rem}.embarkai-ui-scope .px-5{padding-left:1.25rem;padding-right:1.25rem}.embarkai-ui-scope .px-8{padding-left:2rem;padding-right:2rem}.embarkai-ui-scope .px-\\[var\\(--ui-kit-gap\\)\\]{padding-left:var(--ui-kit-gap);padding-right:var(--ui-kit-gap)}.embarkai-ui-scope .px-\\[var\\(--ui-kit-pd\\)\\]{padding-left:var(--ui-kit-pd);padding-right:var(--ui-kit-pd)}.embarkai-ui-scope .py-0{padding-top:0;padding-bottom:0}.embarkai-ui-scope .py-1{padding-top:.25rem;padding-bottom:.25rem}.embarkai-ui-scope .py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}.embarkai-ui-scope .py-2{padding-top:.5rem;padding-bottom:.5rem}.embarkai-ui-scope .py-3{padding-top:.75rem;padding-bottom:.75rem}.embarkai-ui-scope .py-4{padding-top:1rem;padding-bottom:1rem}.embarkai-ui-scope .py-8{padding-top:2rem;padding-bottom:2rem}.embarkai-ui-scope .py-\\[10px\\]{padding-top:10px;padding-bottom:10px}.embarkai-ui-scope .py-\\[var\\(--ui-kit-gap\\)\\]{padding-top:var(--ui-kit-gap);padding-bottom:var(--ui-kit-gap)}.embarkai-ui-scope .py-\\[var\\(--ui-kit-pd\\)\\]{padding-top:var(--ui-kit-pd);padding-bottom:var(--ui-kit-pd)}.embarkai-ui-scope .pb-2{padding-bottom:.5rem}.embarkai-ui-scope .pb-5{padding-bottom:1.25rem}.embarkai-ui-scope .pb-6{padding-bottom:1.5rem}.embarkai-ui-scope .pb-\\[var\\(--ui-kit-pd\\)\\]{padding-bottom:var(--ui-kit-pd)}.embarkai-ui-scope .pl-\\[var\\(--ui-kit-pd\\)\\]{padding-left:var(--ui-kit-pd)}.embarkai-ui-scope .pr-8{padding-right:2rem}.embarkai-ui-scope .pt-3{padding-top:.75rem}.embarkai-ui-scope .pt-4{padding-top:1rem}.embarkai-ui-scope .pt-5{padding-top:1.25rem}.embarkai-ui-scope .text-left{text-align:left}.embarkai-ui-scope .text-center{text-align:center}.embarkai-ui-scope .text-right{text-align:right}.embarkai-ui-scope .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.embarkai-ui-scope .font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.embarkai-ui-scope .text-2xl{font-size:1.5rem;line-height:2rem}.embarkai-ui-scope .text-\\[10px\\]{font-size:10px}.embarkai-ui-scope .text-\\[14px\\]{font-size:14px}.embarkai-ui-scope .text-\\[16px\\]{font-size:16px}.embarkai-ui-scope .text-\\[8px\\]{font-size:8px}.embarkai-ui-scope .text-lg{font-size:1.125rem;line-height:1.75rem}.embarkai-ui-scope .text-sm{font-size:.875rem;line-height:1.25rem}.embarkai-ui-scope .text-xl{font-size:1.25rem;line-height:1.75rem}.embarkai-ui-scope .text-xs{font-size:.75rem;line-height:1rem}.embarkai-ui-scope .font-bold{font-weight:700}.embarkai-ui-scope .font-medium{font-weight:500}.embarkai-ui-scope .font-normal{font-weight:400}.embarkai-ui-scope .font-semibold{font-weight:600}.embarkai-ui-scope .uppercase{text-transform:uppercase}.embarkai-ui-scope .lowercase{text-transform:lowercase}.embarkai-ui-scope .leading-3{line-height:.75rem}.embarkai-ui-scope .leading-4{line-height:1rem}.embarkai-ui-scope .leading-5{line-height:1.25rem}.embarkai-ui-scope .leading-6{line-height:1.5rem}.embarkai-ui-scope .leading-8{line-height:2rem}.embarkai-ui-scope .leading-\\[8px\\]{line-height:8px}.embarkai-ui-scope .leading-none{line-height:1}.embarkai-ui-scope .leading-tight{line-height:1.25}.embarkai-ui-scope .tracking-\\[0\\.3em\\]{letter-spacing:.3em}.embarkai-ui-scope .tracking-tight{letter-spacing:-.025em}.embarkai-ui-scope .tracking-wider{letter-spacing:.05em}.embarkai-ui-scope .text-\\[\\#c3f53c\\]{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-error\\)\\]{color:var(--ui-kit-bg-error)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-success\\)\\]{color:var(--ui-kit-bg-success)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-warning\\)\\]{color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-error\\)\\]{color:var(--ui-kit-error)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg\\)\\]{color:var(--ui-kit-fg)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg-inverted\\)\\]{color:var(--ui-kit-fg-inverted)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg-muted\\)\\]{color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-info\\)\\]{color:var(--ui-kit-info)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-primary\\)\\]{color:var(--ui-kit-primary)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-success\\)\\]{color:var(--ui-kit-success)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-text-secondary\\)\\]{color:var(--ui-kit-text-secondary)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-warning\\)\\]{color:var(--ui-kit-warning)}.embarkai-ui-scope .text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.embarkai-ui-scope .underline{text-decoration-line:underline}.embarkai-ui-scope .underline-offset-2{text-underline-offset:2px}.embarkai-ui-scope .underline-offset-4{text-underline-offset:4px}.embarkai-ui-scope .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.embarkai-ui-scope .opacity-0{opacity:0}.embarkai-ui-scope .opacity-100{opacity:1}.embarkai-ui-scope .opacity-50{opacity:.5}.embarkai-ui-scope .opacity-60{opacity:.6}.embarkai-ui-scope .opacity-70{opacity:.7}.embarkai-ui-scope .opacity-90{opacity:.9}.embarkai-ui-scope .shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.embarkai-ui-scope .shadow,.embarkai-ui-scope .shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.embarkai-ui-scope .shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.embarkai-ui-scope .outline-none{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .outline{outline-style:solid}.embarkai-ui-scope .blur{--tw-blur:blur(8px)}.embarkai-ui-scope .blur,.embarkai-ui-scope .grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.embarkai-ui-scope .grayscale{--tw-grayscale:grayscale(100%)}.embarkai-ui-scope .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.embarkai-ui-scope .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-\\[color\\2c box-shadow\\]{transition-property:color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-none{transition-property:none}.embarkai-ui-scope .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .duration-200{transition-duration:.2s}.embarkai-ui-scope .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.embarkai-ui-scope{--ui-kit-ff:var(--embark-ui-ff,-apple-system,BlinkMacSystemFont,"Inter",system-ui,sans-serif);--ui-kit-maw:var(--embark-ui-maw,384px);--ui-kit-pd:var(--embark-ui-pd,12px);--ui-kit-gap:var(--embark-ui-gap,10px);--ui-kit-bdrs:var(--embark-ui-bdrs,20px);--ui-kit-el-bdrs:var(--embark-ui-element-bdrs,10px);--ui-kit-backdrop-blur:var(--embark-ui-backdrop-blur,10px)}.embarkai-ui-scope[data-current-theme-mode=light]{--ui-kit-overlay:var(--embark-ui-overlay,hsla(0,0%,100%,.8));--ui-kit-bg:var(--embark-ui-bg,#fff);--ui-kit-fg:var(--embark-ui-fg,#000);--ui-kit-fg-inverted:var(--embark-ui-fg-inverted,#fff);--ui-kit-fg-muted:var(--embark-ui-fg-muted,rgba(0,0,0,.6));--ui-kit-primary:var(--embark-ui-primary,#000);--ui-kit-primary-h:var(--embark-ui-primary-h,rgba(0,0,0,.8));--ui-kit-primary-a:var(--embark-ui-primary-a,rgba(0,0,0,.6));--ui-kit-secondary:var(--embark-ui-secondary,#e4e4e4);--ui-kit-secondary-h:var(--embark-ui-secondary-h,hsla(0,0%,89%,.8));--ui-kit-secondary-a:var(--embark-ui-secondary-a,hsla(0,0%,89%,.6));--ui-kit-bd:var(--embark-ui-bd,#ebebeb);--ui-kit-bd-intense:var(--embark-ui-bd-intense,#a9a9a9);--ui-kit-shadow:var(--embark-ui-shadow,0 0 0 0 transparent);--ui-kit-shadow-c:var(--embark-ui-shadow-c,rgba(0,0,0,.1));--ui-kit-info:var(--embark-ui-info,var(--ui-kit-fg));--ui-kit-bg-info:var(--embark-ui-bg-info,var(--ui-kit-secondary));--ui-kit-success:var(--embark-ui-success,#000);--ui-kit-bg-success:var(--embark-ui-bg-success,#21ff51);--ui-kit-warning:var(--embark-ui-warning,#000);--ui-kit-bg-warning:var(--embark-ui-bg-warning,#e9fa00);--ui-kit-error:var(--embark-ui-error,#fff);--ui-kit-bg-error:var(--embark-ui-bg-error,#d6204e)}.embarkai-ui-scope[data-current-theme-mode=dark]{--ui-kit-overlay:var(--embark-ui-overlay,rgba(0,0,0,.8));--ui-kit-bg:var(--embark-ui-bg,#1a1a1a);--ui-kit-fg:var(--embark-ui-fg,#fff);--ui-kit-fg-inverted:var(--embark-ui-fg-inverted,#000);--ui-kit-fg-muted:var(--embark-ui-fg-muted,hsla(0,0%,100%,.6));--ui-kit-primary:var(--embark-ui-primary,#fff);--ui-kit-primary-h:var(--embark-ui-primary-h,hsla(0,0%,100%,.8));--ui-kit-primary-a:var(--embark-ui-primary-a,hsla(0,0%,100%,.6));--ui-kit-secondary:var(--embark-ui-secondary,#2a2a2a);--ui-kit-secondary-h:var(--embark-ui-secondary-h,rgba(42,42,42,.6));--ui-kit-secondary-a:var(--embark-ui-secondary-a,rgba(42,42,42,.4));--ui-kit-bd:var(--embark-ui-bd,#3a3a3a);--ui-kit-bd-intense:var(--embark-ui-bd-intense,#4a4a4a);--ui-kit-shadow:var(--embark-ui-shadow,0 0 0 0 transparent);--ui-kit-shadow-c:var(--embark-ui-shadow-c,rgba(0,0,0,.1));--ui-kit-info:var(--embark-ui-info,var(--ui-kit-fg));--ui-kit-bg-info:var(--embark-ui-bg-info,var(--ui-kit-secondary));--ui-kit-success:var(--embark-ui-success,#000);--ui-kit-bg-success:var(--embark-ui-bg-success,#21ff51);--ui-kit-warning:var(--embark-ui-warning,#000);--ui-kit-bg-warning:var(--embark-ui-bg-warning,#e9fa00);--ui-kit-error:var(--embark-ui-error,#fff);--ui-kit-bg-error:var(--embark-ui-bg-error,#d6204e)}.embarkai-ui-scope,.embarkai-ui-scope *{margin:0;box-sizing:border-box;font-family:var(--ui-kit-ff);font-optical-sizing:auto;-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.embarkai-ui-scope button,.embarkai-ui-scope h1,.embarkai-ui-scope h2,.embarkai-ui-scope h3,.embarkai-ui-scope h4,.embarkai-ui-scope h5,.embarkai-ui-scope h6,.embarkai-ui-scope input,.embarkai-ui-scope p,.embarkai-ui-scope select,.embarkai-ui-scope textarea{font-family:var(--ui-kit-ff)!important;margin:0}.embarkai-ui-scope button,.embarkai-ui-scope input,.embarkai-ui-scope select,.embarkai-ui-scope textarea{border-style:solid;outline:none!important;appearance:none!important;-webkit-appearance:none;-moz-appearance:none}.embarkai-ui-scope input,.embarkai-ui-scope textarea{font-size:16px!important}.embarkai-ui-scope .account-connect-button{box-shadow:0 4px 20px var(--ui-kit-shadow-c),inset 0 0 0 1px var(--ui-kit-bd);transition:transform .25s ease}.embarkai-ui-scope .account-connect-button:hover{transform:scale(1.02)}.embarkai-ui-scope .account-connect-button:active{transform:scale(1)}@keyframes lumia-mobile-dialog-fade-in{0%{opacity:0;transform:translateY(64px)}to{opacity:1;transform:translateY(0)}}@keyframes lumia-mobile-dialog-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(64px)}}.embarkai-ui-scope .animate-mobile-dialog-in{animation:lumia-mobile-dialog-fade-in 375ms ease}.embarkai-ui-scope .animate-mobile-dialog-out{animation:lumia-mobile-dialog-fade-out 375ms ease}@keyframes lumia-dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lumia-dialog-fade-out{0%{opacity:1}to{opacity:0}}.embarkai-ui-scope .animate-dialog-in{animation:lumia-dialog-fade-in 375ms ease}.embarkai-ui-scope .animate-dialog-out{animation:lumia-dialog-fade-out 375ms ease}.embarkai-ui-scope .list-scrollbar-y{width:100%;padding-right:var(--ui-kit-list-scrollbar-pd-r,0);overflow-y:auto;overflow-x:hidden;max-height:var(--ui-kit-scrollbar-mah,300px)}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar{width:4px;height:4px}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar-thumb{cursor:pointer;width:4px;border-radius:2px;background-color:var(--ui-kit-bd)}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar-track{margin-top:10px;margin-bottom:10px;background-color:transparent}.embarkai-ui-scope .noScrollbars::-webkit-scrollbar{display:none}.embarkai-ui-scope div[data-radix-popper-content-wrapper]{z-index:10000!important}@keyframes rotateShine{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.embarkai-ui-scope .button-shine-outline{position:absolute;top:0;left:0;width:100%;height:100%;padding:1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) border-box;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) border-box;-webkit-mask-composite:xor;mask-composite:exclude}.embarkai-ui-scope .button-shine-outline-shiner{position:absolute;top:50%;left:50%;width:500px;height:500px;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent 0,var(--ui-kit-fg) 8%,transparent 24%);animation:rotateShine 3s linear infinite}.embarkai-ui-scope .file\\:mr-\\[var\\(--ui-kit-gap\\)\\]::file-selector-button{margin-right:var(--ui-kit-gap)}.embarkai-ui-scope .file\\:h-12::file-selector-button{height:3rem}.embarkai-ui-scope .file\\:cursor-pointer::file-selector-button{cursor:pointer}.embarkai-ui-scope .file\\:rounded-\\[var\\(--ui-kit-el-bdrs\\)\\]::file-selector-button{border-radius:var(--ui-kit-el-bdrs)}.embarkai-ui-scope .file\\:border-0::file-selector-button{border-width:0}.embarkai-ui-scope .file\\:bg-\\[var\\(--ui-kit-primary\\)\\]::file-selector-button{background-color:var(--ui-kit-primary)}.embarkai-ui-scope .file\\:bg-transparent::file-selector-button{background-color:transparent}.embarkai-ui-scope .file\\:px-\\[var\\(--ui-kit-pd\\)\\]::file-selector-button{padding-left:var(--ui-kit-pd);padding-right:var(--ui-kit-pd)}.embarkai-ui-scope .file\\:text-\\[16px\\]::file-selector-button{font-size:16px}.embarkai-ui-scope .file\\:text-base::file-selector-button{font-size:1rem;line-height:1.5rem}.embarkai-ui-scope .file\\:font-medium::file-selector-button{font-weight:500}.embarkai-ui-scope .file\\:text-\\[var\\(--ui-kit-fg-inverted\\)\\]::file-selector-button{color:var(--ui-kit-fg-inverted)}.embarkai-ui-scope .placeholder\\:text-\\[var\\(--ui-kit-fg-muted\\)\\]::-moz-placeholder{color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .placeholder\\:text-\\[var\\(--ui-kit-fg-muted\\)\\]::placeholder{color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .focus-within\\:bg-\\[var\\(--ui-kit-secondary-a\\)\\]:focus-within{background-color:var(--ui-kit-secondary-a)}.embarkai-ui-scope .focus-within\\:outline-none:focus-within{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .hover\\:bg-\\[\\#002c15\\]:hover{--tw-bg-opacity:1;background-color:rgb(0 44 21/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[\\#081f2c\\]:hover{--tw-bg-opacity:1;background-color:rgb(8 31 44/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[\\#f0f6f8\\]:hover{--tw-bg-opacity:1;background-color:rgb(240 246 248/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[\\#f3ba2f\\]:hover{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-bg\\)\\]:hover{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-bg-secondary\\)\\]:hover{background-color:var(--ui-kit-bg-secondary)}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-secondary\\)\\]:hover{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-secondary-h\\)\\]:hover{background-color:var(--ui-kit-secondary-h)}.embarkai-ui-scope .hover\\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:text-\\[\\#c3f53c\\]:hover{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.embarkai-ui-scope .hover\\:text-\\[var\\(--ui-kit-fg\\)\\]:hover{color:var(--ui-kit-fg)}.embarkai-ui-scope .hover\\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.embarkai-ui-scope .hover\\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.embarkai-ui-scope .hover\\:underline:hover{text-decoration-line:underline}.embarkai-ui-scope .hover\\:opacity-100:hover{opacity:1}.embarkai-ui-scope .hover\\:opacity-80:hover{opacity:.8}.embarkai-ui-scope .hover\\:brightness-110:hover{--tw-brightness:brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.embarkai-ui-scope .file\\:hover\\:opacity-90:hover::file-selector-button{opacity:.9}.embarkai-ui-scope .focus\\:border-\\[var\\(--ui-kit-primary\\)\\]:focus{border-color:var(--ui-kit-primary)}.embarkai-ui-scope .focus\\:bg-\\[var\\(--ui-kit-secondary-a\\)\\]:focus{background-color:var(--ui-kit-secondary-a)}.embarkai-ui-scope .focus\\:bg-transparent:focus{background-color:transparent}.embarkai-ui-scope .focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .focus-visible\\:ring-0:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.embarkai-ui-scope .focus-visible\\:ring-\\[2px\\]:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.embarkai-ui-scope .focus-visible\\:ring-transparent:focus-visible{--tw-ring-color:transparent}.embarkai-ui-scope .focus-visible\\:ring-offset-0:focus-visible{--tw-ring-offset-width:0px}.embarkai-ui-scope .active\\:bg-\\[\\#f3ba2f\\]:active{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.embarkai-ui-scope .active\\:bg-\\[var\\(--ui-kit-bg\\)\\]:active{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .active\\:bg-\\[var\\(--ui-kit-secondary-a\\)\\]:active{background-color:var(--ui-kit-secondary-a)}.embarkai-ui-scope .active\\:text-\\[\\#c3f53c\\]:active{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.embarkai-ui-scope .active\\:opacity-60:active{opacity:.6}.embarkai-ui-scope .file\\:active\\:opacity-80:active::file-selector-button{opacity:.8}.embarkai-ui-scope .disabled\\:cursor-default:disabled{cursor:default}.embarkai-ui-scope .disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.embarkai-ui-scope .disabled\\:opacity-50:disabled{opacity:.5}.embarkai-ui-scope .disabled\\:hover\\:bg-\\[var\\(--ui-kit-bg\\)\\]:hover:disabled{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .disabled\\:hover\\:bg-\\[var\\(--ui-kit-secondary\\)\\]:hover:disabled{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .disabled\\:hover\\:text-\\[var\\(--ui-kit-bg-error\\)\\]:hover:disabled{color:var(--ui-kit-bg-error)}.embarkai-ui-scope .disabled\\:hover\\:opacity-50:hover:disabled{opacity:.5}.embarkai-ui-scope .disabled\\:active\\:bg-\\[var\\(--ui-kit-bg\\)\\]:active:disabled{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .disabled\\:active\\:text-\\[var\\(--ui-kit-bg-error\\)\\]:active:disabled{color:var(--ui-kit-bg-error)}.embarkai-ui-scope .disabled\\:active\\:opacity-50:active:disabled{opacity:.5}.embarkai-ui-scope :is(.group:hover .group-hover\\:opacity-100){opacity:1}.embarkai-ui-scope .data-\\[disabled\\]\\:pointer-events-none[data-disabled]{pointer-events:none}.embarkai-ui-scope .data-\\[size\\=default\\]\\:h-12[data-size=default]{height:3rem}.embarkai-ui-scope .data-\\[size\\=sm\\]\\:h-10[data-size=sm]{height:2.5rem}.embarkai-ui-scope .data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom]{--tw-translate-y:0.25rem}.embarkai-ui-scope .data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom],.embarkai-ui-scope .data-\\[side\\=left\\]\\:-translate-x-1[data-side=left]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .data-\\[side\\=left\\]\\:-translate-x-1[data-side=left]{--tw-translate-x:-0.25rem}.embarkai-ui-scope .data-\\[side\\=right\\]\\:translate-x-1[data-side=right]{--tw-translate-x:0.25rem}.embarkai-ui-scope .data-\\[side\\=right\\]\\:translate-x-1[data-side=right],.embarkai-ui-scope .data-\\[side\\=top\\]\\:-translate-y-1[data-side=top]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .data-\\[side\\=top\\]\\:-translate-y-1[data-side=top]{--tw-translate-y:-0.25rem}.embarkai-ui-scope .data-\\[state\\=checked\\]\\:border-\\[var\\(--ui-kit-bd-intense\\)\\][data-state=checked]{border-color:var(--ui-kit-bd-intense)}.embarkai-ui-scope .data-\\[state\\=checked\\]\\:bg-\\[var\\(--ui-kit-secondary\\)\\][data-state=checked]{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .data-\\[state\\=checked\\]\\:text-\\[var\\(--ui-kit-fg\\)\\][data-state=checked]{color:var(--ui-kit-fg)}.embarkai-ui-scope .data-\\[disabled\\]\\:opacity-50[data-disabled]{opacity:.5}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:line-clamp-1[data-slot=select-value]>*){overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:flex[data-slot=select-value]>*){display:flex}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:items-center[data-slot=select-value]>*){align-items:center}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:gap-\\[var\\(--ui-kit-gap\\)\\][data-slot=select-value]>*){gap:var(--ui-kit-gap)}@media (min-width:640px){.embarkai-ui-scope .sm\\:flex-row{flex-direction:row}.embarkai-ui-scope .sm\\:justify-end{justify-content:flex-end}.embarkai-ui-scope :is(.sm\\:space-x-2>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope .sm\\:text-left{text-align:left}}@media (min-width:768px){.embarkai-ui-scope .md\\:h-8{height:2rem}.embarkai-ui-scope .md\\:w-8{width:2rem}.embarkai-ui-scope .md\\:gap-\\[var\\(--ui-kit-gap\\)\\]{gap:var(--ui-kit-gap)}.embarkai-ui-scope .md\\:py-1{padding-top:.25rem;padding-bottom:.25rem}.embarkai-ui-scope .md\\:text-sm{font-size:.875rem;line-height:1.25rem}.embarkai-ui-scope .md\\:text-xs{font-size:.75rem;line-height:1rem}}.embarkai-ui-scope :is(.\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-])){width:1rem;height:1rem}.embarkai-ui-scope :is(.\\[\\&_svg\\]\\:pointer-events-none svg){pointer-events:none}.embarkai-ui-scope :is(.\\[\\&_svg\\]\\:shrink-0 svg){flex-shrink:0}`;
 
 // src/index.ts
 var import_core8 = require("@embarkai/core");
@@ -28507,7 +28615,7 @@ function EmbarkAiIcon(props) {
 // src/components/ConnectWalletButton.tsx
 var import_react_query55 = require("@tanstack/react-query");
 var import_lucide_react79 = require("lucide-react");
-var import_react92 = require("react");
+var import_react93 = require("react");
 init_SessionContext();
 init_auth();
 init_profile();
@@ -28540,7 +28648,7 @@ function ConnectWalletButton(props) {
   const colorMode = useLayoutStore((st) => st.colorMode);
   const { session, address, hasServerVault, isLoading, isIframeReady, status, setUsePaymaster } = useSession();
   const connectButtonLabel = getFormattedStatus(label || "Connect", status, isIframeReady);
-  (0, import_react92.useEffect)(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
+  (0, import_react93.useEffect)(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
   const { data: profile, isLoading: isProfileLoading } = (0, import_react_query55.useQuery)({
     retry: false,
     enabled: !!address,
@@ -28548,7 +28656,7 @@ function ConnectWalletButton(props) {
     queryFn: getUserProfile
   });
   const displayName = profile?.nicknameDisplay || profile?.displayName || import_auth20.jwtTokenManager.getDisplayName();
-  const indicators = (0, import_react92.useMemo)(() => {
+  const indicators = (0, import_react93.useMemo)(() => {
     const userId = session?.mpcUserId;
     if (!userId) return { server: false, local: false, backup: false };
     const server = import_auth20.jwtTokenManager.getHasKeyshare() ?? false;
@@ -28707,7 +28815,7 @@ init_useLayoutStore();
 var useIsMobileView = () => {
   return useLayoutStore((st) => st.isMobileView);
 };
-var useBalance2 = () => {
+var useBalance = () => {
   const walletBalance = useLayoutDataStore((st) => st.balance);
   const fiatBalance = useLayoutDataStore((st) => st.fiatBalance);
   const cryptoRate = useLayoutDataStore((st) => st.cryptoRate);
@@ -28730,7 +28838,7 @@ var useActiveChainId = () => useSession((st) => st.activeChainId);
 var useHydrated = () => useSession((st) => st.hasHydrated);
 
 // src/hooks/useOpenPage.ts
-var import_react93 = require("react");
+var import_react94 = require("react");
 init_SessionContext();
 init_useLayoutDataStore();
 function useOpenPage() {
@@ -28738,7 +28846,7 @@ function useOpenPage() {
   const setPage = useLayoutDataStore((st) => st.setPage);
   const setPageParams = useLayoutDataStore((st) => st.setPageParams);
   const address = useSession((st) => st.address);
-  const open = (0, import_react93.useCallback)(
+  const open = (0, import_react94.useCallback)(
     (passportPage, params) => {
       if (!address) return setPage("auth" /* AUTH */);
       if (!!address && passportPage === "auth" /* AUTH */) return setPage("manage-wallet" /* MANAGE_WALLET */);
@@ -28747,7 +28855,7 @@ function useOpenPage() {
     },
     [setPage, setPageParams, address]
   );
-  const close = (0, import_react93.useCallback)(() => setPage(null), [setPage]);
+  const close = (0, import_react94.useCallback)(() => setPage(null), [setPage]);
   return { open, close, isOpen: page !== null };
 }
 
@@ -29208,14 +29316,14 @@ var Hash = ({
 };
 
 // src/internal/components/TransactionsMenu/TransactionsList.tsx
-var import_react94 = require("react");
+var import_react95 = require("react");
 init_base();
 var import_jsx_runtime134 = require("react/jsx-runtime");
 var TransactionsList = ({ address, itemsCount = 10 }) => {
-  const [transactions, setTransactions] = (0, import_react94.useState)([]);
-  const [loading, setLoading] = (0, import_react94.useState)(true);
-  const [error, setError] = (0, import_react94.useState)(null);
-  (0, import_react94.useEffect)(() => {
+  const [transactions, setTransactions] = (0, import_react95.useState)([]);
+  const [loading, setLoading] = (0, import_react95.useState)(true);
+  const [error, setError] = (0, import_react95.useState)(null);
+  (0, import_react95.useEffect)(() => {
     const fetchTransactions2 = async () => {
       try {
         setLoading(true);
@@ -29506,13 +29614,13 @@ function useUserOpStatus(options = {}) {
 init_useErc3643Compliance();
 
 // src/hooks/useWalletMode.ts
-var import_react95 = require("react");
+var import_react96 = require("react");
 init_useExternalWalletStore();
 function useWalletMode() {
   const configMode = useExternalWalletStore((st) => st.configMode);
   const activeMode = useExternalWalletStore((st) => st.activeMode);
   const setActiveMode = useExternalWalletStore((st) => st.setActiveMode);
-  const switchMode = (0, import_react95.useCallback)(
+  const switchMode = (0, import_react96.useCallback)(
     (mode) => {
       if (configMode !== "both") return;
       setActiveMode(mode);
@@ -29528,7 +29636,7 @@ function useWalletMode() {
 }
 
 // src/hooks/useDirectWallet.ts
-var import_react96 = require("react");
+var import_react97 = require("react");
 var import_rainbowkit6 = require("@rainbow-me/rainbowkit");
 var import_wagmi11 = require("wagmi");
 init_useExternalWalletStore();
@@ -29542,13 +29650,13 @@ function useDirectWallet() {
   const { disconnect: wagmiDisconnect } = (0, import_wagmi11.useDisconnect)();
   const { openConnectModal } = (0, import_rainbowkit6.useConnectModal)();
   const setIsWalletLinking = useLayoutDataStore((st) => st.setIsWalletLinking);
-  const connect = (0, import_react96.useCallback)(() => {
+  const connect = (0, import_react97.useCallback)(() => {
     setIsWalletLinking(true);
   }, [setIsWalletLinking]);
-  const reconnect = (0, import_react96.useCallback)(() => {
+  const reconnect = (0, import_react97.useCallback)(() => {
     if (openConnectModal) openConnectModal();
   }, [openConnectModal]);
-  const disconnect = (0, import_react96.useCallback)(() => {
+  const disconnect = (0, import_react97.useCallback)(() => {
     wagmiDisconnect();
     clearExternalWallet();
   }, [wagmiDisconnect, clearExternalWallet]);
@@ -29564,7 +29672,7 @@ function useDirectWallet() {
 }
 
 // src/hooks/useSendDirectTransaction.ts
-var import_react97 = require("react");
+var import_react98 = require("react");
 var import_viem20 = require("viem");
 var import_wagmi12 = require("wagmi");
 init_useExternalWalletStore();
@@ -29573,10 +29681,10 @@ function useSendDirectTransaction() {
   const externalChainId = useExternalWalletStore((st) => st.externalChainId);
   const { sendTransactionAsync } = (0, import_wagmi12.useSendTransaction)();
   const { switchChainAsync } = (0, import_wagmi12.useSwitchChain)();
-  const [isPending, setIsPending] = (0, import_react97.useState)(false);
-  const [error, setError] = (0, import_react97.useState)(null);
-  const [txHash, setTxHash] = (0, import_react97.useState)(null);
-  const sendTransaction = (0, import_react97.useCallback)(
+  const [isPending, setIsPending] = (0, import_react98.useState)(false);
+  const [error, setError] = (0, import_react98.useState)(null);
+  const [txHash, setTxHash] = (0, import_react98.useState)(null);
+  const sendTransaction = (0, import_react98.useCallback)(
     async (params) => {
       if (!isConnected) {
         setError("No external wallet connected");
@@ -29610,7 +29718,7 @@ function useSendDirectTransaction() {
     },
     [isConnected, externalChainId, sendTransactionAsync, switchChainAsync]
   );
-  const reset = (0, import_react97.useCallback)(() => {
+  const reset = (0, import_react98.useCallback)(() => {
     setError(null);
     setTxHash(null);
     setIsPending(false);
@@ -29619,7 +29727,7 @@ function useSendDirectTransaction() {
 }
 
 // src/hooks/useTransferToLinkedWallet.ts
-var import_react98 = require("react");
+var import_react99 = require("react");
 var import_viem21 = require("viem");
 init_SessionContext();
 init_account2();
@@ -29638,14 +29746,14 @@ var ERC20_TRANSFER_ABI2 = [
 function useTransferToLinkedWallet() {
   const session = useSession((st) => st.session);
   const { profiles } = useLinkedProfiles();
-  const [isPending, setIsPending] = (0, import_react98.useState)(false);
-  const [error, setError] = (0, import_react98.useState)(null);
-  const [userOpHash, setUserOpHash] = (0, import_react98.useState)(null);
-  const linkedWallets = (0, import_react98.useMemo)(
+  const [isPending, setIsPending] = (0, import_react99.useState)(false);
+  const [error, setError] = (0, import_react99.useState)(null);
+  const [userOpHash, setUserOpHash] = (0, import_react99.useState)(null);
+  const linkedWallets = (0, import_react99.useMemo)(
     () => (profiles || []).filter((p) => p.provider === "wallet" && p.externalId).map((p) => p.externalId),
     [profiles]
   );
-  const transfer = (0, import_react98.useCallback)(
+  const transfer = (0, import_react99.useCallback)(
     async (params) => {
       if (!session) {
         setError("No active session");
@@ -29696,7 +29804,7 @@ function useTransferToLinkedWallet() {
     },
     [session, linkedWallets]
   );
-  const reset = (0, import_react98.useCallback)(() => {
+  const reset = (0, import_react99.useCallback)(() => {
     setError(null);
     setUserOpHash(null);
     setIsPending(false);
@@ -29720,13 +29828,13 @@ function useNativeWalletSignature() {
 
 // src/hooks/useLogout.ts
 var import_auth22 = require("@embarkai/core/auth");
-var import_react99 = require("react");
+var import_react100 = require("react");
 init_ProviderContext();
 init_SessionContext();
 function useLogout() {
   const { setSession, setIsLoading, setAddress, setStatus, setError, address } = useSession();
   const { callbacksRef } = useProviderConfig();
-  const logout2 = (0, import_react99.useCallback)(async () => {
+  const logout2 = (0, import_react100.useCallback)(async () => {
     const prevAddress = address;
     let userId = null;
     setIsLoading(true);
@@ -29842,7 +29950,7 @@ function useTransactions() {
 
 // src/modules/assets.ts
 init_SessionContext();
-var import_react100 = __toESM(require("react"), 1);
+var import_react101 = __toESM(require("react"), 1);
 var import_viem23 = require("viem");
 var import_wagmi15 = require("wagmi");
 var COMMON_TOKENS = [
@@ -29998,7 +30106,7 @@ function useTokenBalance(tokenAddress, userAddress) {
     }
   });
   const { tokenInfo } = useTokenInfo(tokenAddress);
-  const formattedBalance = import_react100.default.useMemo(() => {
+  const formattedBalance = import_react101.default.useMemo(() => {
     if (!balance || !tokenInfo) return "0";
     return (0, import_viem23.formatUnits)(balance, tokenInfo.decimals);
   }, [balance, tokenInfo]);