@embarkai/ui-kit 0.4.52 → 0.4.54

package/dist/index.js

@@ -2421,10 +2421,50 @@ var init_useAutoConnect = __esm({
   }
 });
 
+// src/hooks/useOpenPage.ts
+import { useCallback as useCallback3, useEffect as useEffect4, useRef as useRef3 } from "react";
+function useOpenPage() {
+  const page = useLayoutDataStore((st) => st.page);
+  const setPage = useLayoutDataStore((st) => st.setPage);
+  const setPageParams = useLayoutDataStore((st) => st.setPageParams);
+  const address = useSession((st) => st.address);
+  const open = useCallback3(
+    (passportPage, params) => {
+      if (!address) return setPage("auth" /* AUTH */);
+      if (!!address && passportPage === "auth" /* AUTH */) return setPage("manage-wallet" /* MANAGE_WALLET */);
+      setPage(passportPage);
+      if (!!params) setPageParams(params);
+    },
+    [setPage, setPageParams, address]
+  );
+  const close = useCallback3(() => {
+    setPageParams(null);
+    setPage(null);
+  }, [setPage, setPageParams]);
+  return { open, close, isOpen: page !== null };
+}
+function usePageParams() {
+  const currentParams = useRef3({});
+  useEffect4(() => {
+    const { pageParams, setPageParams } = useLayoutDataStore.getState();
+    if (!pageParams) return;
+    currentParams.current = pageParams;
+    setPageParams(null);
+  }, []);
+  return currentParams.current;
+}
+var init_useOpenPage = __esm({
+  "src/hooks/useOpenPage.ts"() {
+    init_SessionContext();
+    init_useLayoutDataStore();
+  }
+});
+
 // src/internal/hooks/useBackupStatusChanges.ts
 import { useMutation as useMutation2 } from "@tanstack/react-query";
-import { useEffect as useEffect4 } from "react";
+import { useEffect as useEffect5 } from "react";
 function useBackupStatusChanges() {
+  const { open: openPage } = useOpenPage();
   const { mutate: handleBackupStatusChanged } = useMutation2({
     mutationFn: async (event) => {
       const customEvent = event;
@@ -2443,14 +2483,14 @@ function useBackupStatusChanges() {
         const isNewUserTouched = localStorage.getItem(NEW_USER_TOUCHED_KEY) === "true";
         if (!isNewUserTouched && !!jwt?.isNewUser) {
           localStorage.setItem(NEW_USER_TOUCHED_KEY, "true");
-          useLayoutDataStore.getState().setPage("nickname-settings" /* NICKNAME_SETTINGS */);
+          openPage("nickname-settings" /* NICKNAME_SETTINGS */, { isInitialUser: true });
         }
         if (!!isNewUserTouched && !jwt?.isNewUser) {
           localStorage.removeItem(NEW_USER_TOUCHED_KEY);
         }
       } else {
         setHasServerVault(false);
-        useLayoutDataStore.getState().setPage("keysare-backup" /* KEYSARE_BACKUP */);
+        openPage("keysare-backup" /* KEYSARE_BACKUP */);
         console.warn("[BACKUP STATUS] No recovery data found in vault, marking as no-server-vault");
       }
     },
@@ -2459,7 +2499,7 @@ function useBackupStatusChanges() {
       console.warn("[BACKUP STATUS] Failed to fetch initial vault status:", error);
     }
   });
-  useEffect4(() => {
+  useEffect5(() => {
     window.addEventListener("lumia-passport-backup-status-changed", handleBackupStatusChanged);
     return () => {
       window.removeEventListener("lumia-passport-backup-status-changed", handleBackupStatusChanged);
@@ -2470,9 +2510,9 @@ var NEW_USER_TOUCHED_KEY;
 var init_useBackupStatusChanges = __esm({
   "src/internal/hooks/useBackupStatusChanges.ts"() {
     init_SessionContext();
+    init_useOpenPage();
     init_auth();
     init_vaultClient();
-    init_useLayoutDataStore();
     NEW_USER_TOUCHED_KEY = "embarkai-is-new-user-touhced";
   }
 });
@@ -2512,12 +2552,12 @@ var init_useLayoutStore = __esm({
 
 // src/internal/hooks/useDetectMaxScrollHeight.ts
 import { debounce } from "lodash-es";
-import { useCallback as useCallback3, useEffect as useEffect5 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect6 } from "react";
 function useDetectMaxScrollHeight() {
   const page = useLayoutDataStore((state) => state.page);
   const setIsMobileView = useLayoutStore((state) => state.setIsMobileView);
   const setMaxScrollHeight = useLayoutStore((state) => state.setMaxScrollHeight);
-  const onResize = useCallback3(
+  const onResize = useCallback4(
     debounce(({ width, height }) => {
       const headerHeight = page === "auth" /* AUTH */ || page === "keyshare-restore" /* KEYSHARE_RESTORE */ ? 0 : 116;
       const limContentHeight = height * 0.92 - headerHeight - 57;
@@ -2526,7 +2566,7 @@ function useDetectMaxScrollHeight() {
     }, DEBOUNCE_DELAY),
     [page, setMaxScrollHeight, setIsMobileView]
   );
-  useEffect5(() => {
+  useEffect6(() => {
     const obs = new ResizeObserver(([entry]) => onResize(entry.contentRect));
     const doc = window.document.getElementsByTagName("html")[0];
     if (doc) obs.observe(doc);
@@ -2544,11 +2584,11 @@ var init_useDetectMaxScrollHeight = __esm({
 });
 
 // src/internal/hooks/useListenIframeAuthEvents.ts
-import { useCallback as useCallback4, useEffect as useEffect6 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect7 } from "react";
 function useListenIframeAuthEvents() {
   const setPage = useLayoutDataStore((state) => state.setPage);
   const setIsIframeReady = useSession((state) => state.setIsIframeReady);
-  const handleIframeMessage = useCallback4(
+  const handleIframeMessage = useCallback5(
     (event) => {
       const type = event.data?.type?.startsWith?.("LUMIA_PASSPORT_") ? event.data.type.replace("LUMIA_PASSPORT_", "IFRAME_MSG_") : event.data?.type;
       if (type === "IFRAME_MSG_IFRAME_READY") {
@@ -2564,7 +2604,7 @@ function useListenIframeAuthEvents() {
     },
     [setPage, setIsIframeReady]
   );
-  useEffect6(() => {
+  useEffect7(() => {
     window.addEventListener("message", handleIframeMessage);
     return () => window.removeEventListener("message", handleIframeMessage);
   }, [handleIframeMessage]);
@@ -5053,19 +5093,19 @@ var init_utils2 = __esm({
 });
 
 // src/internal/components/Expandable/hooks/useExpandable.ts
-import { useCallback as useCallback5, useEffect as useEffect7, useRef as useRef3 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect8, useRef as useRef4 } from "react";
 var useExpandable;
 var init_useExpandable = __esm({
   "src/internal/components/Expandable/hooks/useExpandable.ts"() {
     useExpandable = (props) => {
       const { isExpanded = false, children, initHeight = 0, minHeight = 0 } = props;
-      const expandableRef = useRef3(null);
-      const contentRef = useRef3(null);
-      useEffect7(() => {
+      const expandableRef = useRef4(null);
+      const contentRef = useRef4(null);
+      useEffect8(() => {
         if (!expandableRef.current) return;
         expandableRef.current.style.setProperty("--ifo-basic-expandable-h", `${initHeight}px )`);
       }, []);
-      const setExpandableHeight = useCallback5(
+      const setExpandableHeight = useCallback6(
         (isExpnd) => {
           if (!contentRef.current || !expandableRef.current) return;
           expandableRef.current.style.setProperty(
@@ -5076,7 +5116,7 @@ var init_useExpandable = __esm({
         //  ON_RESIZE_DELEAY),
         [minHeight]
       );
-      useEffect7(() => {
+      useEffect8(() => {
         if (!contentRef.current || !expandableRef.current) return;
         const obs = new ResizeObserver(() => setExpandableHeight(isExpanded));
         obs.observe(expandableRef.current);
@@ -5586,6 +5626,10 @@ var init_en = __esm({
           checkingAvailability: "Checking availability...",
           nicknameAvailable: "Nickname is available",
           nicknameNotAvailable: "This nickname is not available"
+        },
+        initialUser: {
+          welcome: "Your nickname is set as {{nickname}}",
+          message: 'Change & Save on your demand, and "Continue":'
         }
       },
       profilesMenu: {
@@ -5921,6 +5965,10 @@ var init_ru = __esm({
           checkingAvailability: "\u041F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u043E\u0441\u0442\u0438...",
           nicknameAvailable: "\u041D\u0438\u043A\u043D\u0435\u0439\u043C \u0434\u043E\u0441\u0442\u0443\u043F\u0435\u043D",
           nicknameNotAvailable: "\u042D\u0442\u043E\u0442 \u043D\u0438\u043A\u043D\u0435\u0439\u043C \u043D\u0435\u0434\u043E\u0441\u0442\u0443\u043F\u0435\u043D"
+        },
+        initialUser: {
+          welcome: "\u0412\u0430\u0448 \u043D\u0438\u043A\u043D\u0435\u0439\u043C \u0443\u0441\u0442\u0430\u043D\u043E\u0432\u043B\u0435\u043D \u043A\u0430\u043A {{nickname}}",
+          message: '\u0418\u0437\u043C\u0435\u043D\u0438\u0442\u0435 \u0438 \u0441\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u0435 \u043F\u043E \u0432\u0430\u0448\u0435\u043C\u0443 \u0436\u0435\u043B\u0430\u043D\u0438\u044E, \u0438 \u0437\u0430\u0442\u0435\u043C "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C":'
         }
       },
       profilesMenu: {
@@ -6256,6 +6304,10 @@ var init_zh = __esm({
           checkingAvailability: "\u6B63\u5728\u68C0\u67E5\u53EF\u7528\u6027...",
           nicknameAvailable: "\u6635\u79F0\u53EF\u7528",
           nicknameNotAvailable: "\u6B64\u6635\u79F0\u4E0D\u53EF\u7528"
+        },
+        initialUser: {
+          welcome: "\u60A8\u7684\u6635\u79F0\u5DF2\u8BBE\u7F6E\u4E3A {{nickname}}",
+          message: "\u6839\u636E\u60A8\u7684\u9700\u6C42\u66F4\u6539\u5E76\u4FDD\u5B58\uFF0C\u7136\u540E\u70B9\u51FB\u201C\u7EE7\u7EED\u201D\uFF1A"
         }
       },
       profilesMenu: {
@@ -6596,7 +6648,7 @@ var init_icons = __esm({
 
 // src/internal/components/AuthMenu/PassKeyStep.tsx
 import { ArrowLeft, Key as Key2 } from "lucide-react";
-import { useCallback as useCallback6 } from "react";
+import { useCallback as useCallback7 } from "react";
 import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
 function normalizeWebAuthnError(err) {
   const raw = err?.message || String(err || "");
@@ -6621,7 +6673,7 @@ function PassKeyStep(props) {
   const setIsLoading = useSession((st) => st.setIsLoading);
   const autoCloseOnSuccess = !recoveryUserId;
   const { passkeyStatus, setStep, setPasskeyStatus, setAlert, setEmail, setFailedType } = useAuthStore();
-  const onPasskeyRegister = useCallback6(async () => {
+  const onPasskeyRegister = useCallback7(async () => {
     setAlert(null);
     setPasskeyStatus("registering passkey...");
     setIsLoading(true);
@@ -6680,7 +6732,7 @@ function PassKeyStep(props) {
       setIsLoading(false);
     }
   }, [onAuthSuccess, setPage]);
-  const onPasskeyAuth = useCallback6(async () => {
+  const onPasskeyAuth = useCallback7(async () => {
     setAlert(null);
     setPasskeyStatus("checking available passkeys...");
     setIsLoading(true);
@@ -6813,7 +6865,7 @@ var init_PassKeyStep = __esm({
 });
 
 // src/internal/components/ui/input.tsx
-import React4, { useImperativeHandle as useImperativeHandle2, useRef as useRef4 } from "react";
+import React4, { useImperativeHandle as useImperativeHandle2, useRef as useRef5 } from "react";
 import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
 var Input;
 var init_input = __esm({
@@ -6821,7 +6873,7 @@ var init_input = __esm({
     init_utils2();
     Input = React4.forwardRef((props, ref) => {
       const { className, disabled, error, Icon: Icon2, element, inputClassName, ...inputProps } = props;
-      const internalRef = useRef4(null);
+      const internalRef = useRef5(null);
       useImperativeHandle2(ref, () => internalRef.current);
       return /* @__PURE__ */ jsxs9("div", { className: cn("w-full flex flex-col gap-1", className), children: [
         /* @__PURE__ */ jsxs9(
@@ -6871,14 +6923,14 @@ var init_input = __esm({
 // src/internal/components/AuthMenu/SignInStep/Email.tsx
 import { useMutation as useMutation3 } from "@tanstack/react-query";
 import { ChevronRight, Loader as Loader2, Mail as Mail2 } from "lucide-react";
-import { useEffect as useEffect8, useRef as useRef5 } from "react";
+import { useEffect as useEffect9, useRef as useRef6 } from "react";
 import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
 function Email() {
   const { callbacksRef } = useProviderConfig();
   const { t } = useT();
-  const focusRef = useRef5(null);
-  const inputRef = useRef5(null);
-  const buttonRef = useRef5(null);
+  const focusRef = useRef6(null);
+  const inputRef = useRef6(null);
+  const buttonRef = useRef6(null);
   const isLoading = useSession((st) => st.isLoading);
   const setIsLoading = useSession((st) => st.setIsLoading);
   const isMobileView = useLayoutStore((st) => st.isMobileView);
@@ -6934,7 +6986,7 @@ function Email() {
       setIsLoading(false);
     }
   });
-  useEffect8(() => {
+  useEffect9(() => {
     if (!focusRef.current || !isMobileView) return;
     focusRef.current?.focus();
     setTimeout(() => {
@@ -7142,7 +7194,7 @@ var init_utils4 = __esm({
 });
 
 // src/internal/components/AuthMenu/SignInStep/Social.tsx
-import { useCallback as useCallback7 } from "react";
+import { useCallback as useCallback8 } from "react";
 import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
 function Social(props) {
   const { pendingLoginResponseRef, onAuthSuccess } = props;
@@ -7152,7 +7204,7 @@ function Social(props) {
   const setIsLoading = useSession((st) => st.setIsLoading);
   const setIsWalletLinking = useLayoutDataStore((st) => st.setIsWalletLinking);
   const { alert: alert2, setStep, setEmail, setFailedType, setAlert, setPasskeyStatus } = useAuthStore();
-  const onSocialAuth = useCallback7(
+  const onSocialAuth = useCallback8(
     async (providerId) => {
       const normalizedProviderId = providerId.toLowerCase();
       const provider = config.current?.social?.providers?.find(
@@ -7642,18 +7694,18 @@ var init_constants4 = __esm({
 
 // src/internal/components/AuthMenu/useAuthMenuHanders.ts
 import { useQueryClient as useQueryClient2 } from "@tanstack/react-query";
-import { useCallback as useCallback8, useRef as useRef6, useState as useState2 } from "react";
+import { useCallback as useCallback9, useRef as useRef7, useState as useState2 } from "react";
 function useAuthMenuHandlers() {
   const { config, callbacksRef } = useProviderConfig();
   const qc = useQueryClient2();
-  const pendingLoginResponseRef = useRef6(null);
+  const pendingLoginResponseRef = useRef7(null);
   const [telegramCleanup, setTelegramCleanup] = useState2(null);
   const usePaymaster = useSession((st) => st.usePaymaster);
   const publicClient = useSession((st) => st.publicClient);
   const activeChainId = useSession((st) => st.activeChainId);
   const setStep = useAuthStore((st) => st.setStep);
   const setAlert = useAuthStore((st) => st.setAlert);
-  const createSessionWithKeyshare = useCallback8(
+  const createSessionWithKeyshare = useCallback9(
     async (userId, hasServerKeyshare, isNewUser) => {
       const { setStatus } = useSession.getState();
       try {
@@ -7695,7 +7747,7 @@ function useAuthMenuHandlers() {
     },
     [usePaymaster, activeChainId]
   );
-  const onAuthSuccess = useCallback8(async () => {
+  const onAuthSuccess = useCallback9(async () => {
     const {
       //
       setSession,
@@ -7802,7 +7854,7 @@ function useAuthMenuHandlers() {
       setStep("signin");
     }
   }, [qc, setStep, setAlert, createSessionWithKeyshare]);
-  const goBackToSignIn = useCallback8(() => {
+  const goBackToSignIn = useCallback9(() => {
     setStep("signin");
     setAlert(null);
     if (telegramCleanup) {
@@ -7829,7 +7881,7 @@ var init_useAuthMenuHanders = __esm({
 });
 
 // src/internal/components/AuthMenu/VerifyStep/VerificationCodeInput.tsx
-import { useEffect as useEffect9, useRef as useRef7, useState as useState3 } from "react";
+import { useEffect as useEffect10, useRef as useRef8, useState as useState3 } from "react";
 import { Fragment as Fragment6, jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
 var getRemainingSeconds, VerificationCodeInput;
 var init_VerificationCodeInput = __esm({
@@ -7845,12 +7897,12 @@ var init_VerificationCodeInput = __esm({
       const setAlert = useAuthStore((st) => st.setAlert);
       const [expiresAt, setExpiresAt] = useState3(() => Date.now() + Math.max(0, expiresIn) * 1e3);
       const [timeLeft, setTimeLeft] = useState3(() => getRemainingSeconds(expiresAt));
-      useEffect9(() => {
+      useEffect10(() => {
         const nextExpiresAt = Date.now() + Math.max(0, expiresIn) * 1e3;
         setExpiresAt(nextExpiresAt);
         setTimeLeft(getRemainingSeconds(nextExpiresAt));
       }, [expiresIn]);
-      useEffect9(() => {
+      useEffect10(() => {
         let intervalId;
         const syncTimeLeft = () => {
           const remaining = getRemainingSeconds(expiresAt);
@@ -7871,10 +7923,10 @@ var init_VerificationCodeInput = __esm({
           document.removeEventListener("visibilitychange", syncTimeLeft);
         };
       }, [expiresAt]);
-      const lastSubmittedRef = useRef7(null);
-      const inputsRef = useRef7([]);
+      const lastSubmittedRef = useRef8(null);
+      const inputsRef = useRef8([]);
       const [digits, setDigits] = useState3(["", "", "", "", "", ""]);
-      useEffect9(() => {
+      useEffect10(() => {
         const code = digits.join("");
         if (code.length === 6 && digits.every((d) => d !== "") && !isLoading) {
           if (lastSubmittedRef.current !== code) {
@@ -7883,7 +7935,7 @@ var init_VerificationCodeInput = __esm({
           }
         }
       }, [digits, isLoading, onVerifyCode]);
-      useEffect9(() => {
+      useEffect10(() => {
         const t2 = setTimeout(() => {
           inputsRef.current[0]?.focus();
         }, 0);
@@ -8180,7 +8232,7 @@ var init_VerifyStep2 = __esm({
 
 // src/internal/components/AuthMenu/AuthMenu.tsx
 import { AlertTriangle as AlertTriangle2, Loader as Loader4 } from "lucide-react";
-import { useEffect as useEffect10, useMemo } from "react";
+import { useEffect as useEffect11, useMemo } from "react";
 import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
 var AuthMenu;
 var init_AuthMenu = __esm({
@@ -8207,7 +8259,7 @@ var init_AuthMenu = __esm({
       const setPendingWalletLogin = useLayoutDataStore((st) => st.setPendingWalletLogin);
       const { step, alert: alert2, setStep, setPasskeyStatus, setEmail, setAlert } = useAuthStore();
       const { pendingLoginResponseRef, onAuthSuccess, goBackToSignIn } = useAuthMenuHandlers();
-      useEffect10(() => {
+      useEffect11(() => {
         if (!pendingWalletLogin) return;
         const loginResponse = pendingWalletLogin;
         setPendingWalletLogin(null);
@@ -8217,7 +8269,7 @@ var init_AuthMenu = __esm({
           onAuthSuccess();
         });
       }, [pendingWalletLogin]);
-      useEffect10(() => {
+      useEffect11(() => {
         setTransitionPageHeight(DEFAULT_AUTH_MENU_HEIGHT);
         return () => {
           setStep("signin");
@@ -8792,7 +8844,7 @@ var init_useBuyMenuStore = __esm({
 // src/internal/components/BuyMenu/components/CryptoSelector.tsx
 import { debounce as debounce2, toPairs } from "lodash-es";
 import { InfoIcon, PointerIcon, SearchIcon } from "lucide-react";
-import { useCallback as useCallback9, useMemo as useMemo2, useState as useState6 } from "react";
+import { useCallback as useCallback10, useMemo as useMemo2, useState as useState6 } from "react";
 import { jsx as jsx32, jsxs as jsxs28 } from "react/jsx-runtime";
 function CryptoItem(props) {
   const { symbol, network } = props;
@@ -8832,7 +8884,7 @@ function CryptoSelector(props) {
   const chainConfig = useSession((st) => st.chainConfig);
   const [searchValue, setSearchValue] = useState6("");
   const [target, setTarget] = useState6("");
-  const setSearchDebounced = useCallback9(
+  const setSearchDebounced = useCallback10(
     debounce2((value) => {
       setTarget(value);
       useBuyMenuStore.getState().setRenderKey(`on-ramp-crypto-selector-${Date.now()}`);
@@ -9017,7 +9069,7 @@ var init_ResolvedFiatIcon = __esm({
 // src/internal/components/BuyMenu/components/FiatSelector.tsx
 import { debounce as debounce3 } from "lodash-es";
 import { PointerIcon as PointerIcon2, SearchIcon as SearchIcon2 } from "lucide-react";
-import { useCallback as useCallback10, useMemo as useMemo3, useState as useState7 } from "react";
+import { useCallback as useCallback11, useMemo as useMemo3, useState as useState7 } from "react";
 import { Fragment as Fragment9, jsx as jsx34, jsxs as jsxs29 } from "react/jsx-runtime";
 function getCurrencyName(ticker, locale = "en") {
   try {
@@ -9057,7 +9109,7 @@ function FiatSelector(props) {
   const locale = i18n.resolvedLanguage || "en";
   const [searchValue, setSearchValue] = useState7("");
   const [target, setTarget] = useState7("");
-  const setSearchDebounced = useCallback10(
+  const setSearchDebounced = useCallback11(
     debounce3((value) => {
       setTarget(value);
       useBuyMenuStore.getState().setRenderKey(`on-ramp-fiat-selector-${Date.now()}`);
@@ -9678,7 +9730,7 @@ import { useInfiniteQuery } from "@tanstack/react-query";
 import dayjs from "dayjs";
 import { debounce as debounce4 } from "lodash-es";
 import { DownloadIcon, ExternalLinkIcon, LoaderIcon as LoaderIcon2 } from "lucide-react";
-import { useCallback as useCallback11, useEffect as useEffect11, useMemo as useMemo4 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect12, useMemo as useMemo4 } from "react";
 import { jsx as jsx38, jsxs as jsxs32 } from "react/jsx-runtime";
 function getStatusVariant(status) {
   switch (status) {
@@ -9813,13 +9865,13 @@ function BinanceTxHistory() {
     () => historyData?.pages?.map((p) => p.data).flat(Infinity) || [],
     [historyData]
   );
-  const updateExpandable = useCallback11(
+  const updateExpandable = useCallback12(
     debounce4(() => {
       useBuyMenuStore.getState().setRenderKey(`binance-history-loaded-${Date.now()}`);
     }, 200),
     []
   );
-  useEffect11(() => {
+  useEffect12(() => {
     if (isTxDataLoading || !txList?.length || txList.length > 10) return;
     updateExpandable();
   }, [isTxDataLoading, txList]);
@@ -9866,11 +9918,11 @@ var init_BinanceTxHistory = __esm({
 
 // src/internal/components/BuyMenu/binance/useBinanceSseTracing.ts
 import { useQueryClient as useQueryClient4 } from "@tanstack/react-query";
-import { useEffect as useEffect12, useRef as useRef8 } from "react";
+import { useEffect as useEffect13, useRef as useRef9 } from "react";
 function useBinanceSseTxTracing(walletAddress) {
   const qc = useQueryClient4();
-  const debounceRef = useRef8(null);
-  useEffect12(() => {
+  const debounceRef = useRef9(null);
+  useEffect13(() => {
     if (!walletAddress) return;
     const iframeManager = getIframeManager();
     if (!iframeManager) return;
@@ -9912,7 +9964,7 @@ var init_utils6 = __esm({
 // src/internal/components/BuyMenu/binance/Binance.tsx
 import { useMutation as useMutation6, useQuery as useQuery2, useQueryClient as useQueryClient5 } from "@tanstack/react-query";
 import { LoaderIcon as LoaderIcon3 } from "lucide-react";
-import { useEffect as useEffect13 } from "react";
+import { useEffect as useEffect14 } from "react";
 import { Fragment as Fragment11, jsx as jsx39, jsxs as jsxs33 } from "react/jsx-runtime";
 function Binance() {
   const qc = useQueryClient5();
@@ -9934,7 +9986,7 @@ function Binance() {
   } = useBuyMenuStore();
   const paymentMode = useBinanceStore((st) => st.paymentMode);
   const isCurrurenciesSelected = !!selectedCrypto && !!selectedFiat;
-  useEffect13(() => {
+  useEffect14(() => {
     if (!isCurrurenciesSelected) return;
     useBuyMenuStore.getState().setRenderKey(`${selectedCrypto}-${selectedFiat}-${Date.now()}`);
   }, [isCurrurenciesSelected]);
@@ -9969,7 +10021,7 @@ function Binance() {
   });
   const paymentModes = paymentModesData?.data?.paymentMethods || [];
   const selectedPaymentMode = paymentModes?.find((el) => getPayMethodID(el) === paymentMode) || null;
-  useEffect13(() => {
+  useEffect14(() => {
     useBuyMenuStore.getState().setMinAmount(Number(selectedPaymentMode?.fiatMinLimit || "0"));
   }, [selectedPaymentMode]);
   const { mutate: estimateQuote, isPending: isQuoteEstimating } = useMutation6({
@@ -9997,21 +10049,21 @@ function Binance() {
     }
   });
   const availableFiats = (tradingPairsData?.data?.fiatCurrencies || []).map((ticker) => ({ ticker }));
-  useEffect13(() => {
+  useEffect14(() => {
     if (!!selectedFiat || !availableFiats?.length) return;
     const targetFiat = availableFiats.find((item) => item.ticker === "USD" || item.ticker === "EUR") || availableFiats[0];
     useBuyMenuStore.getState().setSelectedFiat(targetFiat.ticker);
   }, [availableFiats, selectedFiat]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (!!selectedCrypto || !networkAvailableCryptoList?.length) return;
     useBuyMenuStore.getState().setSelectedCrypto(networkAvailableCryptoList[0].cryptoCurrency);
   }, [networkAvailableCryptoList, selectedCrypto]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (!!paymentMode || !paymentModes.length) return;
     const targetPaymentMode = paymentModes.find((item) => item.payMethodCode === PREFERRED_PAYMENT_METHOD) || paymentModes[0];
     useBinanceStore.getState().setPaymentMode(getPayMethodID(targetPaymentMode));
   }, [paymentModes]);
-  useEffect13(() => {
+  useEffect14(() => {
     return () => {
       useBinanceStore.getState().setPaymentMode(null);
       qc.resetQueries({ queryKey: [QUERY_KEYS2.binanceTradingPairs] });
@@ -10333,7 +10385,7 @@ var init_FinchPaySummary = __esm({
 import { useInfiniteQuery as useInfiniteQuery2 } from "@tanstack/react-query";
 import dayjs2 from "dayjs";
 import { LoaderIcon as LoaderIcon4 } from "lucide-react";
-import { useCallback as useCallback12, useState as useState8 } from "react";
+import { useCallback as useCallback13, useState as useState8 } from "react";
 import { jsx as jsx41, jsxs as jsxs35 } from "react/jsx-runtime";
 function getStatusVariant2(status) {
   switch (status) {
@@ -10435,7 +10487,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 = useCallback12(
+  const handleNextPage = useCallback13(
     async (curCursor, curPageParams) => {
       const maxLoadedPage = Math.max(...curPageParams);
       if (curCursor !== maxLoadedPage) {
@@ -10526,11 +10578,11 @@ var init_networks = __esm({
 
 // src/internal/components/BuyMenu/finchpay/useFinchpaySseTxTracing.ts
 import { useQueryClient as useQueryClient6 } from "@tanstack/react-query";
-import { useEffect as useEffect14, useRef as useRef9 } from "react";
+import { useEffect as useEffect15, useRef as useRef10 } from "react";
 function useFinchpaySseTxTracing(walletAddress) {
   const qc = useQueryClient6();
-  const debounceRef = useRef9(null);
-  useEffect14(() => {
+  const debounceRef = useRef10(null);
+  useEffect15(() => {
     if (!walletAddress) return;
     const iframeManager = getIframeManager();
     if (!iframeManager) return;
@@ -10579,7 +10631,7 @@ var init_utils7 = __esm({
 // src/internal/components/BuyMenu/finchpay/FinchPay.tsx
 import { useQuery as useQuery3, useQueryClient as useQueryClient7 } from "@tanstack/react-query";
 import { DollarSign, LoaderIcon as LoaderIcon5 } from "lucide-react";
-import { useEffect as useEffect15 } from "react";
+import { useEffect as useEffect16 } from "react";
 import { Fragment as Fragment12, jsx as jsx42, jsxs as jsxs36 } from "react/jsx-runtime";
 function FinchPay() {
   const qc = useQueryClient7();
@@ -10655,11 +10707,11 @@ function FinchPay() {
     })
   });
   const minimum = Number(limitsData?.min_amount || "0");
-  useEffect15(() => {
+  useEffect16(() => {
     if (minimum <= 0) return;
     useBuyMenuStore.getState().setMinAmount(minimum);
   }, [minimum]);
-  useEffect15(() => {
+  useEffect16(() => {
     if (srcInputAmount >= minimum) return;
     useBuyMenuStore.getState().setRenderKey(`finchpay-input-minimum-warning-${Date.now()}`);
   }, [minimum, srcInputAmount]);
@@ -10687,23 +10739,23 @@ function FinchPay() {
       // defaults to CARD estimation, widgetUrl
     })
   });
-  useEffect15(() => {
+  useEffect16(() => {
     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]);
-  useEffect15(() => {
+  useEffect16(() => {
     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]);
-  useEffect15(() => {
+  useEffect16(() => {
     if (!!selectedCrypto || currenciesData.currentNetworkCoins.length === 0) return;
     useBuyMenuStore.getState().setSelectedCrypto(currenciesData.currentNetworkCoins[0].ticker);
   }, [currenciesData, selectedCrypto]);
-  useEffect15(() => {
+  useEffect16(() => {
     return () => {
       qc.resetQueries({ queryKey: [QUERY_KEYS2.finchPayCurrencies] });
       qc.resetQueries({ queryKey: [QUERY_KEYS2.finchPayLimits] });
@@ -10970,7 +11022,7 @@ var init_debounce = __esm({
 });
 
 // src/internal/components/BuyMenu/useHandleInputAmount.ts
-import { useCallback as useCallback13, useEffect as useEffect16, useRef as useRef10 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect17, useRef as useRef11 } from "react";
 var ON_INPUT_QUERY_DELAY, useHandleInputAmount;
 var init_useHandleInputAmount = __esm({
   "src/internal/components/BuyMenu/useHandleInputAmount.ts"() {
@@ -10979,11 +11031,11 @@ var init_useHandleInputAmount = __esm({
     init_useBuyMenuStore();
     ON_INPUT_QUERY_DELAY = 1500;
     useHandleInputAmount = () => {
-      const lastRampProviderRef = useRef10(DEFAULT_PROVIDER2);
+      const lastRampProviderRef = useRef11(DEFAULT_PROVIDER2);
       const rampProvider = useBuyMenuStore((st) => st.rampProvider);
       const srcInputAmount = useBuyMenuStore((st) => st.srcInputAmount);
       const minAmount = useBuyMenuStore((st) => st.minAmount);
-      const setQueryAmountDebounced = useCallback13(
+      const setQueryAmountDebounced = useCallback14(
         debounce5((inputAmount) => {
           const checkedValue = Math.ceil(Math.max(inputAmount, minAmount));
           useBuyMenuStore.getState().setSrcInputAmount(checkedValue);
@@ -10991,8 +11043,8 @@ var init_useHandleInputAmount = __esm({
         }, ON_INPUT_QUERY_DELAY),
         [minAmount]
       );
-      useEffect16(() => setQueryAmountDebounced(srcInputAmount), [srcInputAmount, setQueryAmountDebounced]);
-      useEffect16(() => {
+      useEffect17(() => setQueryAmountDebounced(srcInputAmount), [srcInputAmount, setQueryAmountDebounced]);
+      useEffect17(() => {
         if (lastRampProviderRef.current === rampProvider) return;
         const {
           setIsProviderSummary,
@@ -11356,7 +11408,7 @@ var init_truncateMiddle = __esm({
 // src/internal/components/ChainsMenu/ChainItem.tsx
 import { getChainConfig as getChainConfig7 } from "@embarkai/core/read";
 import { Copy, ExternalLink, Loader as Loader6 } from "lucide-react";
-import { useRef as useRef11, useState as useState9 } from "react";
+import { useRef as useRef12, useState as useState9 } from "react";
 import { jsx as jsx51, jsxs as jsxs45 } from "react/jsx-runtime";
 function getPaymasterExplorerUrl(chainId, paymasterAddress) {
   const chainConfig = getChainConfig7(chainId);
@@ -11379,7 +11431,7 @@ function ChainItem(props) {
   const isSessionLoading = useSession((st) => st.isLoading);
   const activeChainId = useSession((st) => st.activeChainId);
   const [copiedChainId, setCopiedChainId] = useState9(null);
-  const copiedResetTimerRef = useRef11(null);
+  const copiedResetTimerRef = useRef12(null);
   const isActiveChain = activeChainId === chainId;
   const paymasterAddress = isActiveChain ? activePaymasterData?.address : null;
   const paymasterExplorerUrl = paymasterAddress ? getPaymasterExplorerUrl(chainId, paymasterAddress) : null;
@@ -12351,7 +12403,7 @@ var init_guardian_backup = __esm({
 });
 
 // src/internal/components/DevicesMenu/DeviceManageScreen.tsx
-import { useCallback as useCallback14, useEffect as useEffect17, useRef as useRef12, useState as useState12 } from "react";
+import { useCallback as useCallback15, useEffect as useEffect18, useRef as useRef13, useState as useState12 } from "react";
 import { ArrowLeft as ArrowLeft7, Cpu, Download, HardDrive, Loader2 as Loader23, Trash2, Upload } from "lucide-react";
 import { Fragment as Fragment15, jsx as jsx55, jsxs as jsxs49 } from "react/jsx-runtime";
 function formatSize(bytes) {
@@ -12366,19 +12418,19 @@ function DeviceManageScreen() {
   const userId = session?.mpcUserId || "";
   const deviceId = pageParams?.deviceId;
   const deviceName = pageParams?.deviceName;
-  const guardianRef = useRef12(null);
+  const guardianRef = useRef13(null);
   const [screen, setScreen] = useState12({ step: "connecting" });
   const [actionState, setActionState] = useState12(null);
   const [password, setPassword] = useState12("");
   const [statusMessage, setStatusMessage] = useState12(null);
   const [errorMessage, setErrorMessage] = useState12(null);
   const [waitingConfirm, setWaitingConfirm] = useState12(false);
-  useEffect17(() => {
+  useEffect18(() => {
     if (!statusMessage) return;
     const t = setTimeout(() => setStatusMessage(null), 3e3);
     return () => clearTimeout(t);
   }, [statusMessage]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (!deviceId || !isWebSerialAvailable()) {
       setScreen({ step: "error", message: "WebSerial not available" });
       return;
@@ -12410,7 +12462,7 @@ function DeviceManageScreen() {
       guardianRef.current?.close();
     };
   }, [deviceId]);
-  const refreshList = useCallback14(async () => {
+  const refreshList = useCallback15(async () => {
     const guardian = guardianRef.current;
     if (!guardian || screen.step !== "connected") return;
     try {
@@ -12419,7 +12471,7 @@ function DeviceManageScreen() {
     } catch {
     }
   }, [screen]);
-  const handleBackup = useCallback14(async () => {
+  const handleBackup = useCallback15(async () => {
     const guardian = guardianRef.current;
     const iframe4 = getIframeManager();
     if (!guardian || !iframe4 || !userId) return;
@@ -12443,7 +12495,7 @@ function DeviceManageScreen() {
       setActionState(null);
     }
   }, [password, userId, refreshList]);
-  const handleOverwrite = useCallback14(async () => {
+  const handleOverwrite = useCallback15(async () => {
     const guardian = guardianRef.current;
     const iframe4 = getIframeManager();
     if (!guardian || !iframe4 || !userId) return;
@@ -12463,7 +12515,7 @@ function DeviceManageScreen() {
       setActionState(null);
     }
   }, [password, userId, refreshList]);
-  const handleDelete = useCallback14(async (keyshareId) => {
+  const handleDelete = useCallback15(async (keyshareId) => {
     const guardian = guardianRef.current;
     if (!guardian) return;
     setActionState({ action: "delete", keyshareId, substep: "confirm-device" });
@@ -12643,7 +12695,7 @@ var init_DeviceManageScreen = __esm({
 });
 
 // src/internal/components/DevicesMenu/DeviceRestoreScreen.tsx
-import { useCallback as useCallback15, useState as useState13 } from "react";
+import { useCallback as useCallback16, useState as useState13 } from "react";
 import { AlertTriangle as AlertTriangle3, ArrowLeft as ArrowLeft8, Download as Download2, Loader2 as Loader24 } from "lucide-react";
 import { Fragment as Fragment16, jsx as jsx56, jsxs as jsxs50 } from "react/jsx-runtime";
 function DeviceRestoreScreen() {
@@ -12659,7 +12711,7 @@ function DeviceRestoreScreen() {
   const [isWorking, setIsWorking] = useState13(false);
   const [statusMessage, setStatusMessage] = useState13(null);
   const [errorMessage, setErrorMessage] = useState13(null);
-  const handleRestore = useCallback15(async () => {
+  const handleRestore = useCallback16(async () => {
     if (!password || !keyshareId || !userId) return;
     const iframe4 = getIframeManager();
     if (!iframe4) {
@@ -12963,7 +13015,7 @@ var init_useRestoreStore = __esm({
 });
 
 // src/internal/components/KeyshareRestoreMenu/hooks/useOnRestoreSuccess.ts
-import { useCallback as useCallback16 } from "react";
+import { useCallback as useCallback17 } from "react";
 function useOnRestoreSuccess() {
   const { config, callbacksRef } = useProviderConfig();
   const setIsDialogForced = useLayoutStore((st) => st.setIsDialogForced);
@@ -12979,7 +13031,7 @@ function useOnRestoreSuccess() {
     setStatus
   } = useSession();
   const { setError, setSuccess } = useRestoreStore();
-  const createSessionWithKeyshare = useCallback16(
+  const createSessionWithKeyshare = useCallback17(
     async (userId, hasServerKeyshare, isNewUser) => {
       try {
         try {
@@ -13020,7 +13072,7 @@ function useOnRestoreSuccess() {
     },
     [setStatus, usePaymaster, activeChainId, publicClient]
   );
-  const onRestoreSuccess = useCallback16(async () => {
+  const onRestoreSuccess = useCallback17(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;
@@ -13506,7 +13558,7 @@ var init_cloudStorage = __esm({
 
 // src/internal/components/KeyshareRestoreMenu/hooks/useCreateBackup.ts
 import { useMutation as useMutation9, useQueryClient as useQueryClient9 } from "@tanstack/react-query";
-import { useCallback as useCallback17, useEffect as useEffect18 } from "react";
+import { useCallback as useCallback18, useEffect as useEffect19 } from "react";
 function useCreateBackup() {
   const qc = useQueryClient9();
   const session = useSession((st) => st.session);
@@ -13515,7 +13567,7 @@ function useCreateBackup() {
   const usePasskey = useRestoreStore((st) => st.usePasskey);
   const restorePassword = useRestoreStore((st) => st.restorePassword);
   const selectedCloudProvider = useRestoreStore((st) => st.selectedCloudProvider);
-  useEffect18(() => {
+  useEffect19(() => {
     if (!hasServerVault) {
       useRestoreStore.getState().setMethod("server");
       useLayoutStore.getState().setIsDialogForced(true);
@@ -13523,7 +13575,7 @@ function useCreateBackup() {
   }, [hasServerVault]);
   const recoveryUserId = useSession((st) => st.recoveryUserId);
   const passportUserId = session?.mpcUserId || recoveryUserId || "";
-  const onBackupSuccess = useCallback17(() => {
+  const onBackupSuccess = useCallback18(() => {
     console.log("[EMBARKAI BACKUP] Backup created successfully");
   }, [hasServerVault]);
   const { mutate: createPasswordBackup, isPending: isPasswordBackupCreating } = useMutation9({
@@ -13810,7 +13862,7 @@ var init_useRestoreAccount = __esm({
 });
 
 // src/internal/components/KeyshareRestoreMenu/hooks/useValidateFileBackup.ts
-import { useEffect as useEffect19 } from "react";
+import { useEffect as useEffect20 } from "react";
 function validateRestoreFileFormat(parsedData) {
   if (typeof parsedData !== "object" || parsedData === null) return false;
   const data = parsedData;
@@ -13820,7 +13872,7 @@ function useValidateFileBackup() {
   const restoreFile = useRestoreStore((st) => st.restoreFile);
   const setError = useRestoreStore((st) => st.setError);
   const setUsePasskey = useRestoreStore((st) => st.setUsePasskey);
-  useEffect19(() => {
+  useEffect20(() => {
     if (!restoreFile) {
       return;
     }
@@ -13946,7 +13998,7 @@ var init_MethodSelector = __esm({
 
 // src/internal/components/KeyshareRestoreMenu/components/PasswordPasskey.tsx
 import { ChevronRight as ChevronRight2, Eye, EyeOff, Info as Info3, Key as Key4, Loader as Loader8, Plus } from "lucide-react";
-import { useEffect as useEffect20, useRef as useRef13 } from "react";
+import { useEffect as useEffect21, useRef as useRef14 } from "react";
 import { Fragment as Fragment18, jsx as jsx59, jsxs as jsxs53 } from "react/jsx-runtime";
 function PasswordPasskey(props) {
   const { t } = useT();
@@ -13961,7 +14013,7 @@ function PasswordPasskey(props) {
     onCreatePasskey
   } = props;
   const hasServerVault = useSession((st) => st.hasServerVault);
-  const actionRef = useRef13(null);
+  const actionRef = useRef14(null);
   const {
     showPassword,
     restorePassword,
@@ -13975,7 +14027,7 @@ function PasswordPasskey(props) {
   } = useRestoreStore();
   const { config } = useProviderConfig();
   const isPasskeyEnabled = config.current.passkey.enabled;
-  useEffect20(() => {
+  useEffect21(() => {
     if (!isPasskeyEnabled && usePasskey) setUsePasskey(false);
   }, [isPasskeyEnabled, usePasskey]);
   return /* @__PURE__ */ jsxs53(Fragment18, { children: [
@@ -14303,7 +14355,7 @@ var init_File = __esm({
 import { useQueryClient as useQueryClient10 } from "@tanstack/react-query";
 import dayjs3 from "dayjs";
 import { Download as Download3, Key as Key5, Upload as Upload3 } from "lucide-react";
-import { useEffect as useEffect21 } from "react";
+import { useEffect as useEffect22 } from "react";
 import { Fragment as Fragment21, jsx as jsx62, jsxs as jsxs56 } from "react/jsx-runtime";
 function Server(props) {
   const { isLoading, mode = "restore", serverHandler, createPasskeyHandler } = props;
@@ -14313,7 +14365,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]);
-  useEffect21(() => {
+  useEffect22(() => {
     if (mode === "backup" || !serverRecoveryStatus?.created?.encryptionMethod) return;
     setUsePasskey(serverRecoveryStatus.created.encryptionMethod === "passkey");
   }, [mode, serverRecoveryStatus, setUsePasskey]);
@@ -14496,7 +14548,7 @@ var init_select = __esm({
 // src/internal/components/KeyshareRestoreMenu/methods/Cloud.tsx
 import { useQuery as useQuery6 } from "@tanstack/react-query";
 import { ArrowLeft as ArrowLeft10, CloudDownload, CloudUpload, Loader as Loader9 } from "lucide-react";
-import { useEffect as useEffect22 } from "react";
+import { useEffect as useEffect23 } from "react";
 import { Fragment as Fragment22, jsx as jsx64, jsxs as jsxs58 } from "react/jsx-runtime";
 function Cloud2(props) {
   const { isLoading, mode = "restore", cloudHandler } = props;
@@ -14517,7 +14569,7 @@ function Cloud2(props) {
       return availableProviders.map((p) => ({ id: p.id, name: p.name, available: p.isAvailable() }));
     }
   });
-  useEffect22(() => {
+  useEffect23(() => {
     if (isCloudProvidersLoading) return;
     if (!!cloudProvidersError) {
       console.error("[KeyshareBackup] Failed to load cloud providers:", cloudProvidersError);
@@ -14757,7 +14809,7 @@ var init_methods = __esm({
 // src/internal/components/KeyshareRestoreMenu/KeyshareRestoreMenu.tsx
 import { useMutation as useMutation11, useQuery as useQuery7, useQueryClient as useQueryClient11 } from "@tanstack/react-query";
 import { AlertCircle as AlertCircle2, CheckCircle2, CloudDownload as CloudDownload2, Loader as Loader10, UserCircle as UserCircle2 } from "lucide-react";
-import { useEffect as useEffect23 } from "react";
+import { useEffect as useEffect24 } from "react";
 import { useDisconnect } from "wagmi";
 import { Fragment as Fragment24, jsx as jsx66, jsxs as jsxs60 } from "react/jsx-runtime";
 var RESTORE_COMPONENTS, KeyshareRestoreMenu;
@@ -14794,7 +14846,7 @@ var init_KeyshareRestoreMenu = __esm({
       const error = useRestoreStore((st) => st.error);
       const success = useRestoreStore((st) => st.success);
       const currentRestoreMethod = useRestoreStore((st) => st.method);
-      useEffect23(() => {
+      useEffect24(() => {
         const { setIsDialogForced } = useLayoutStore.getState();
         const { setRestorePassword, setRestoreFile, setShowPassword, setUsePasskey, setMethod } = useRestoreStore.getState();
         setIsDialogForced(true);
@@ -14834,7 +14886,7 @@ var init_KeyshareRestoreMenu = __esm({
         queryFn: async () => await getShareRecoveryStats()
       });
       const hasServerBackup = serverRecoveryStatus?.created || serverRecoveryStatus?.devices?.length > 0;
-      useEffect23(() => {
+      useEffect24(() => {
         if (!!hasServerBackup) useRestoreStore.getState().setMethod("server");
       }, [hasServerBackup]);
       const { mutate: disconnect, isPending: isDisconnecting } = useMutation11({
@@ -14981,7 +15033,7 @@ var init_KeyshareRestoreMenu = __esm({
 // src/internal/components/KeyshareRestoreMenu/KeyshareBackupMenu.tsx
 import { useQuery as useQuery8 } from "@tanstack/react-query";
 import { AlertCircle as AlertCircle3, ArrowLeft as ArrowLeft11, CheckCircle2 as CheckCircle22, Loader as Loader11, LockIcon } from "lucide-react";
-import { useEffect as useEffect24 } from "react";
+import { useEffect as useEffect25 } from "react";
 import { Fragment as Fragment25, jsx as jsx67, jsxs as jsxs61 } from "react/jsx-runtime";
 function KeyshareBackupMenu() {
   const address = useSession((st) => st.address);
@@ -14992,7 +15044,7 @@ function KeyshareBackupMenu() {
   const currentBackupMethod = useRestoreStore((st) => st.method);
   const error = useRestoreStore((st) => st.error);
   const success = useRestoreStore((st) => st.success);
-  useEffect24(() => {
+  useEffect25(() => {
     const { setSuccess, setError, setRestorePassword, setRestoreFile, setShowPassword, setUsePasskey, setMethod } = useRestoreStore.getState();
     return () => {
       setSuccess(null);
@@ -15011,7 +15063,7 @@ function KeyshareBackupMenu() {
     queryFn: async () => await getShareRecoveryStats()
   });
   const hasRecoveryData = serverRecoveryStatus?.created || serverRecoveryStatus?.devices?.length > 0;
-  useEffect24(() => {
+  useEffect25(() => {
     if (!!hasRecoveryData) useRestoreStore.getState().setMethod("server");
   }, [hasRecoveryData]);
   const {
@@ -15164,7 +15216,7 @@ var init_KeyshareRestoreMenu2 = __esm({
 });
 
 // src/hooks/useColorMode.ts
-import { useCallback as useCallback18, useEffect as useEffect25 } from "react";
+import { useCallback as useCallback19, useEffect as useEffect26 } from "react";
 function useColorMode() {
   const {
     config: { current: config }
@@ -15172,14 +15224,14 @@ function useColorMode() {
   const preferedColorMode = config?.preferedColorMode;
   const colorMode = useLayoutStore((st) => st.colorMode);
   const handleStoreColorMode = useLayoutStore((st) => st.setColorMode);
-  const setColorMode = useCallback18(
+  const setColorMode = useCallback19(
     (mode) => {
       localStorage.setItem(LOCAL_COLOR_MODE_KEY, mode);
       handleStoreColorMode(mode);
     },
     [handleStoreColorMode]
   );
-  useEffect25(() => {
+  useEffect26(() => {
     let targetColorMode = localStorage.getItem(LOCAL_COLOR_MODE_KEY);
     if (!targetColorMode && !preferedColorMode) {
       const systemMode = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
@@ -15294,17 +15346,17 @@ var init_SumsubIframeManager = __esm({
 });
 
 // src/internal/components/KYC/useSumsubIframe.ts
-import { useEffect as useEffect26, useRef as useRef14, useState as useState17 } from "react";
+import { useEffect as useEffect27, useRef as useRef15, useState as useState17 } from "react";
 function useSumsubIframe({ iframeUrl }) {
   const config = useProviderConfig().config;
   const { colorMode } = useColorMode();
-  const iframeRef = useRef14(null);
+  const iframeRef = useRef15(null);
   const [isLoading, setIsLoading] = useState17(true);
   const [error, setError] = useState17(null);
   const [height, setHeight] = useState17(0);
   const [status, setStatus] = useState17("");
   const levelName = config.current?.kyc?.options?.levelName;
-  useEffect26(() => {
+  useEffect27(() => {
     setError(null);
     setIsLoading(true);
     setStatus("Preparing verification...");
@@ -15616,14 +15668,14 @@ var init_useProvidersList = __esm({
 
 // src/internal/components/MainMenu/MainMenu.tsx
 import { ChevronLeft, ChevronRight as ChevronRight3, DollarSign as DollarSign2, Wallet2 as Wallet23 } from "lucide-react";
-import { useEffect as useEffect27 } from "react";
+import { useEffect as useEffect28 } from "react";
 import { jsx as jsx72, jsxs as jsxs66 } from "react/jsx-runtime";
 function MainMenu() {
   const address = useSession((st) => st.address);
   const { t } = useT();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const setTransitionPageHeight = useLayoutDataStore((st) => st.setTransitionPageHeight);
-  useEffect27(() => setTransitionPageHeight(DEFAULT_MAIN_MENU_HEIGHT), []);
+  useEffect28(() => setTransitionPageHeight(DEFAULT_MAIN_MENU_HEIGHT), []);
   useProvidersList();
   return /* @__PURE__ */ jsx72("div", { className: "w-full p-[var(--ui-kit-pd)] flex flex-col gap-[var(--ui-kit-gap)]", children: /* @__PURE__ */ jsx72("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__ */ jsxs66(
     Button,
@@ -15668,7 +15720,7 @@ var init_MainMenu2 = __esm({
 
 // src/modules/linkedProfiles.ts
 import { useQuery as useQuery11, useQueryClient as useQueryClient12 } from "@tanstack/react-query";
-import { useCallback as useCallback19 } from "react";
+import { useCallback as useCallback20 } from "react";
 function useLinkedProfiles() {
   const qc = useQueryClient12();
   const address = useSession((st) => st.address);
@@ -15692,7 +15744,7 @@ function useLinkedProfiles() {
     }
   });
   const { profiles = [], avatar = null } = data || {};
-  const refresh = useCallback19(async () => {
+  const refresh = useCallback20(async () => {
     await qc.invalidateQueries({ queryKey: [LINKED_PROFILES_QUERY_KEY, address] });
   }, [qc, address]);
   return { profiles, avatar, isLoading, isFetching, error, refresh };
@@ -16170,7 +16222,7 @@ var init_EmailNotConnectedWarning = __esm({
 
 // src/internal/components/ManageWalletMenu/hooks/useLinkSocial.ts
 import { useQueryClient as useQueryClient15 } from "@tanstack/react-query";
-import React21, { useEffect as useEffect28 } from "react";
+import React21, { useEffect as useEffect29 } from "react";
 function normalizeSocialLinkError(message) {
   if (message === "X_ALREADY_LINKED") {
     return "This X account is already linked to another account";
@@ -16246,7 +16298,7 @@ function useLinkSocial() {
     [config.social?.providers]
   );
   const [socialLinkStarted, setSocialLinkStarted] = React21.useState(false);
-  useEffect28(() => {
+  useEffect29(() => {
     const key = providerType?.toLowerCase();
     console.log("[useLinkSocial] Effect triggered:", { key, linkIsLoading, socialLinkStarted, isWalletLinking });
     if (isWalletLinking) {
@@ -16329,7 +16381,7 @@ var init_telegram2 = __esm({
 
 // src/internal/components/ManageWalletMenu/hooks/useLinkTelegram.ts
 import { useQueryClient as useQueryClient16 } from "@tanstack/react-query";
-import { useCallback as useCallback20, useEffect as useEffect29, useState as useState18 } from "react";
+import { useCallback as useCallback21, useEffect as useEffect30, useState as useState18 } from "react";
 function useLinkTelegram() {
   const {
     config: { current: config },
@@ -16340,7 +16392,7 @@ function useLinkTelegram() {
   const isWalletLinking = useLayoutDataStore((st) => st.isWalletLinking);
   const { providerType, linkIsLoading, setLinkIsLoading, setProviderType, setAlert } = useManageWalletStore();
   const setPage = useLayoutDataStore((st) => st.setPage);
-  const handleLinkTelegram = useCallback20(async () => {
+  const handleLinkTelegram = useCallback21(async () => {
     try {
       if (shouldBlockSocialAuthInTelegram("telegram")) {
         setAlert(buildTelegramBrowserRestriction("Telegram", "linking"));
@@ -16388,7 +16440,7 @@ function useLinkTelegram() {
     }
   }, [config.social?.providers]);
   const [telegramLinkStarted, setTelegramLinkStarted] = useState18(false);
-  useEffect29(() => {
+  useEffect30(() => {
     console.log("[useLinkTelegram] Effect triggered:", {
       providerType,
       linkIsLoading,
@@ -16405,7 +16457,7 @@ function useLinkTelegram() {
       handleLinkTelegram();
     }
   }, [providerType, handleLinkTelegram, linkIsLoading, telegramLinkStarted, isWalletLinking]);
-  useEffect29(() => {
+  useEffect30(() => {
     if (providerType !== "telegram") {
       setTelegramLinkStarted(false);
     }
@@ -16949,7 +17001,7 @@ var init_nickname_validation = __esm({
 // src/internal/components/NicknameMenu/NicknameEditForm.tsx
 import { useMutation as useMutation16, useQueryClient as useQueryClient18 } from "@tanstack/react-query";
 import { AtSign, Check as Check2, ChevronRight as ChevronRight5, Copy as Copy2, Loader as Loader17 } from "lucide-react";
-import { useCallback as useCallback21, useState as useState20 } from "react";
+import { useCallback as useCallback22, useState as useState20 } from "react";
 import { Fragment as Fragment29, jsx as jsx80, jsxs as jsxs74 } from "react/jsx-runtime";
 function NicknameEditForm(props) {
   const {
@@ -17000,7 +17052,7 @@ function NicknameEditForm(props) {
       );
     }
   });
-  const handleInputChange = useCallback21(
+  const handleInputChange = useCallback22(
     (e) => {
       const value = e.target.value;
       setInputValue(value);
@@ -17014,7 +17066,7 @@ function NicknameEditForm(props) {
     },
     [clientError, isNicknameChangeError, isNicknameChangeSuccess, reset, t]
   );
-  const handleSubmit = useCallback21(
+  const handleSubmit = useCallback22(
     (e) => {
       if (!canChange) return;
       e.preventDefault();
@@ -17097,19 +17149,19 @@ var init_NicknameEditForm = __esm({
 
 // src/internal/components/NicknameMenu/useNickname.ts
 import { useQuery as useQuery12 } from "@tanstack/react-query";
-import { useEffect as useEffect30, useState as useState21 } from "react";
+import { useEffect as useEffect31, useState as useState21 } from "react";
 function useNicknameForm(currentNickname) {
   const [inputValue, setInputValue] = useState21("");
   const normalizedInputValue = normalizeNickname(inputValue);
   const validation = validateNickname(inputValue);
   const isValidForCheck = validation.valid && normalizedInputValue.length > 0;
-  useEffect30(() => {
+  useEffect31(() => {
     setInputValue(currentNickname);
   }, [currentNickname]);
   const [queryInputValue, setQueryInputValue] = useState21("");
   const isSameAsCurrentNickname = normalizedInputValue === currentNickname.toLowerCase();
   const shouldCheckAvailability = validation.valid && !isSameAsCurrentNickname && inputValue.length > 0;
-  useEffect30(() => {
+  useEffect31(() => {
     if (!isValidForCheck || !shouldCheckAvailability) {
       setQueryInputValue("");
       return;
@@ -17151,10 +17203,11 @@ var init_useNickname = __esm({
 // src/internal/components/NicknameMenu/NicknameMenu.tsx
 import { useQuery as useQuery13 } from "@tanstack/react-query";
 import dayjs4 from "dayjs";
-import { AlertTriangle as AlertTriangle5, ArrowLeft as ArrowLeft15, Info as Info4, Loader as Loader18 } from "lucide-react";
+import { ArrowLeft as ArrowLeft15, Info as Info4, Loader as Loader18 } from "lucide-react";
 import { useState as useState22 } from "react";
 import { jsx as jsx81, jsxs as jsxs75 } from "react/jsx-runtime";
 function NicknameMenu() {
+  const { isInitialUser } = usePageParams();
   const address = useSession((st) => st.address);
   const { t } = useT();
   const [clientError, setClientError] = useState22(null);
@@ -17236,10 +17289,27 @@ function NicknameMenu() {
             /* @__PURE__ */ jsx81("strong", { className: "text-[var(--ui-kit-fg)]", children: nicknameInfo.changeCount })
           ] })
         ] }),
-        !!resolvedError?.length && /* @__PURE__ */ jsxs75(Highlight, { type: "error", className: "flex gap-[var(--ui-kit-gap)]", children: [
-          /* @__PURE__ */ jsx81(AlertTriangle5, { className: "w-4 h-4 flex-none" }),
-          /* @__PURE__ */ jsx81("span", { children: resolvedError })
-        ] })
+        isInitialUser && /* @__PURE__ */ jsxs75(Highlight, { type: "success", children: [
+          /* @__PURE__ */ jsx81("p", {
+            //@ts-expect-error i18n typings
+            children: t("passport:nicknameMenu.initialUser.welcome", {
+              nickname: nicknameInfo?.handle || "N/A"
+            })
+          }),
+          /* @__PURE__ */ jsx81("p", { children: t("passport:nicknameMenu.initialUser.message") }),
+          /* @__PURE__ */ jsx81(
+            Button,
+            {
+              variant: "default-glow",
+              size: "large",
+              title: t("passport:common.continue"),
+              onClick: () => setPage(null),
+              className: "w-full",
+              children: t("passport:common.continue")
+            }
+          )
+        ] }),
+        !!resolvedError?.length && /* @__PURE__ */ jsx81(Highlight, { type: "error", children: resolvedError })
       ] })
     }
   );
@@ -17247,6 +17317,7 @@ function NicknameMenu() {
 var init_NicknameMenu = __esm({
   "src/internal/components/NicknameMenu/NicknameMenu.tsx"() {
     init_SessionContext();
+    init_useOpenPage();
     init_i18n();
     init_nickname();
     init_profile();
@@ -17416,7 +17487,7 @@ var init_useWatchTokens = __esm({
 // src/internal/hooks/useBlockscoutAssets.ts
 import { createBlockscoutClient } from "@embarkai/core/clients";
 import { useQuery as useQuery15 } from "@tanstack/react-query";
-import { useCallback as useCallback22, useMemo as useMemo10, useRef as useRef15 } from "react";
+import { useCallback as useCallback23, useMemo as useMemo10, useRef as useRef16 } from "react";
 import { formatEther, formatUnits as formatUnits3 } from "viem";
 function resolveIpfsUri(uri) {
   if (!uri) return "";
@@ -17552,7 +17623,7 @@ function useBlockscoutAssets(options) {
     () => blockscoutApiUrl ? createBlockscoutClient({ baseUrl: blockscoutApiUrl }) : null,
     [blockscoutApiUrl]
   );
-  const lastRefreshRef = useRef15(0);
+  const lastRefreshRef = useRef16(0);
   const {
     assets: watchTokenAssets,
     isLoading: watchTokensLoading,
@@ -17723,7 +17794,7 @@ function useBlockscoutAssets(options) {
     if (!tokensError) return null;
     return createError(tokensError);
   }, [tokensError]);
-  const refreshBalances = useCallback22(async () => {
+  const refreshBalances = useCallback23(async () => {
     const now = Date.now();
     if (now - lastRefreshRef.current < BLOCKSCOUT_REFRESH_DEBOUNCE) {
       return;
@@ -17731,7 +17802,7 @@ function useBlockscoutAssets(options) {
     lastRefreshRef.current = now;
     await Promise.all([refetchNative(), refetchTokens(), refetchNfts(), refetchWatchTokens()]);
   }, [refetchNative, refetchTokens, refetchNfts, refetchWatchTokens]);
-  const getTokenBalance = useCallback22(
+  const getTokenBalance = useCallback23(
     (tokenAddress) => {
       return assets.find((a) => a.address?.toLowerCase() === tokenAddress.toLowerCase()) || null;
     },
@@ -17826,7 +17897,7 @@ var init_BalanceView2 = __esm({
 });
 
 // src/internal/components/PortfolioMenu/PortfolioItem.tsx
-import { useQuery as useQuery16, useQueryClient as useQueryClient19 } from "@tanstack/react-query";
+import { useQuery as useQuery16 } from "@tanstack/react-query";
 import { LoaderIcon as LoaderIcon7, ShieldAlertIcon, SparklesIcon } from "lucide-react";
 import { formatUnits as formatUnits5 } from "viem";
 import { Fragment as Fragment30, jsx as jsx83, jsxs as jsxs77 } from "react/jsx-runtime";
@@ -17845,6 +17916,9 @@ function isSecurityToken(asset) {
   if (!("type" in asset)) return false;
   return asset.type === "erc3643";
 }
+function isProjectAssetConfig(asset) {
+  return "balanceQueryKey" in asset && "balanceQuery" in asset;
+}
 function isAssetRateAvailable(symbol) {
   switch (symbol) {
     // list of prohibited symbols without market data on Binance
@@ -17928,11 +18002,17 @@ function PortfolioItemImage(props) {
 function PortfolioItem(props) {
   const { address, asset, isProjectAsset } = props;
   const providerConfig = useProviderConfig().config.current;
-  const { assets: projectAssets, showBalanceAs: showBalanceAsSymbol } = providerConfig.projectAssets || {};
   const customAssetRateQuery = providerConfig.portfolio?.assetRateQuery;
-  const qc = useQueryClient19();
-  const { balanceQueryKey } = projectAssets?.find((a) => a.symbol === showBalanceAsSymbol) || {};
-  const projectAssetBalance = !!balanceQueryKey ? qc.getQueryData(balanceQueryKey) : null;
+  const projectAssetQuery = isProjectAsset && isProjectAssetConfig(asset) ? {
+    queryKey: asset.balanceQueryKey,
+    queryFn: asset.balanceQuery
+  } : void 0;
+  const { data: projectAssetBalance } = useQuery16({
+    enabled: !!projectAssetQuery,
+    retry: false,
+    queryKey: projectAssetQuery?.queryKey ?? ["project-asset-balance-disabled", asset.symbol],
+    queryFn: async () => projectAssetQuery?.queryFn() ?? null
+  });
   const isNft = isNftAsset(asset);
   const isSecurity = isSecurityToken(asset);
   const embeddedRate = Number(asset.exchangeRateUsd || 0);
@@ -17945,8 +18025,8 @@ function PortfolioItem(props) {
     // customAssetRateQueryKey
     queryFn: async () => await resolveAssetRate(asset.symbol, asset.address, customAssetRateQuery)
   });
-  const showProjectFiatBalance = isProjectAsset && !!projectAssetBalance?.fiatFormatted;
-  const renderBalance = showProjectFiatBalance ? projectAssetBalance?.fiatFormatted || 0 : Number(formatUnits5(BigInt(asset?.balance || "0"), asset?.decimals || 18));
+  const hasProjectAssetBalance = isProjectAsset && projectAssetBalance != null;
+  const renderBalance = hasProjectAssetBalance ? projectAssetBalance.cryptoFormatted : Number(formatUnits5(BigInt(asset?.balance || "0"), asset?.decimals || 18));
   const resolvedRate = hasEmbeddedRate ? embeddedRate : Number(assetRate?.price || 0);
   const usdRenderBalance = resolvedRate > 0 ? renderBalance * resolvedRate : 0;
   const shortContractAddress = asset.address ? truncateMiddle(asset.address, 6, 4) : null;
@@ -18027,14 +18107,14 @@ var init_PortfolioItem = __esm({
 });
 
 // src/internal/components/PortfolioMenu/PortfolioMenu.tsx
-import { useQueryClient as useQueryClient20 } from "@tanstack/react-query";
+import { useQueryClient as useQueryClient19 } from "@tanstack/react-query";
 import { AlertCircle as AlertCircle4, ArrowLeft as ArrowLeft16, Gem, Loader as Loader19, RefreshCw as RefreshCw2 } from "lucide-react";
-import { useCallback as useCallback23 } from "react";
+import { useCallback as useCallback24 } from "react";
 import { jsx as jsx84, jsxs as jsxs78 } from "react/jsx-runtime";
 function PortfolioMenu() {
   const { assets: projectAssets = [] } = useProviderConfig().config.current?.projectAssets || {};
   const { t } = useT();
-  const qc = useQueryClient20();
+  const qc = useQueryClient19();
   const address = useSession((st) => st.address);
   const setPage = useLayoutDataStore((st) => st.setPage);
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
@@ -18049,7 +18129,7 @@ function PortfolioMenu() {
     enabled: !!address
   });
   const shownProjectAssests = projectAssets.filter((asset) => !asset.hideInPortfolio);
-  const refreshAllAssetsBalances = useCallback23(() => {
+  const refreshAllAssetsBalances = useCallback24(() => {
     Promise.all(shownProjectAssests.map((asset) => qc.invalidateQueries({ queryKey: asset.balanceQueryKey })));
     refreshBlockscoutBalances();
   }, [qc, shownProjectAssests, refreshBlockscoutBalances]);
@@ -18204,7 +18284,7 @@ var init_nickname_fingerprint = __esm({
 // src/internal/components/ReceiveMenu/ReceiveMenu.tsx
 import { ArrowLeft as ArrowLeft17, CheckCircle2 as CheckCircle23, Copy as Copy3, Info as Info5, Loader as Loader20, Shield } from "lucide-react";
 import QRCode from "qrcode";
-import { useCallback as useCallback24, useEffect as useEffect31, useMemo as useMemo11, useState as useState23 } from "react";
+import { useCallback as useCallback25, useEffect as useEffect32, useMemo as useMemo11, useState as useState23 } from "react";
 import { Fragment as Fragment31, jsx as jsx85, jsxs as jsxs79 } from "react/jsx-runtime";
 function ReceiveMenu() {
   const session = useSession((st) => st.session);
@@ -18226,7 +18306,7 @@ function ReceiveMenu() {
       return null;
     }
   }, [session?.ownerAddress]);
-  useEffect31(() => {
+  useEffect32(() => {
     if (open && address) {
       QRCode.toDataURL(address, {
         width: 200,
@@ -18239,7 +18319,7 @@ function ReceiveMenu() {
       });
     }
   }, [open, address]);
-  const handleCopy = useCallback24(async () => {
+  const handleCopy = useCallback25(async () => {
     if (!address) return;
     try {
       await navigator.clipboard.writeText(address);
@@ -18249,7 +18329,7 @@ function ReceiveMenu() {
       console.error("Failed to copy address:", error);
     }
   }, [address]);
-  const handleCopyFingerprint = useCallback24(async () => {
+  const handleCopyFingerprint = useCallback25(async () => {
     if (!fingerprint) return;
     try {
       await navigator.clipboard.writeText(fingerprint);
@@ -18749,12 +18829,12 @@ var init_UntrustApplication = __esm({
 });
 
 // src/internal/components/SecurityMenu/SecurityMenu.tsx
-import { useMutation as useMutation17, useQueryClient as useQueryClient21 } from "@tanstack/react-query";
+import { useMutation as useMutation17, useQueryClient as useQueryClient20 } from "@tanstack/react-query";
 import { ArrowLeft as ArrowLeft18 } from "lucide-react";
 import { useState as useState24 } from "react";
 import { jsx as jsx91, jsxs as jsxs85 } from "react/jsx-runtime";
 function SecurityMenu() {
-  const qc = useQueryClient21();
+  const qc = useQueryClient20();
   const { t } = useT();
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
   const setPage = useLayoutDataStore((st) => st.setPage);
@@ -19096,7 +19176,7 @@ var init_useBridgeStore = __esm({
 // src/internal/components/SendMenu/hyperbridge/components/SenderSelector.tsx
 import { useConnectModal } from "@rainbow-me/rainbowkit";
 import { useMutation as useMutation18 } from "@tanstack/react-query";
-import { useEffect as useEffect32, useRef as useRef16, useState as useState25 } from "react";
+import { useEffect as useEffect33, useRef as useRef17, useState as useState25 } from "react";
 import { useSignMessage } from "wagmi";
 import { jsx as jsx92, jsxs as jsxs86 } from "react/jsx-runtime";
 function SenderSelector(props) {
@@ -19107,12 +19187,12 @@ function SenderSelector(props) {
   const { openConnectModal } = useConnectModal();
   const directWalletAddress = useExternalWalletStore((st) => st.externalAddress);
   const directWalletIsConnected = useExternalWalletStore((st) => st.isExternalConnected);
-  const pendingWalletRef = useRef16(null);
+  const pendingWalletRef = useRef17(null);
   const originChain = useBridgeStore((st) => st.originChain);
   const bridgeSender = useBridgeStore((st) => st.bridgeSender);
   const bridgeSenders = useBridgeStore((st) => st.bridgeSenders);
   const [walletMessage, setWalletMessage] = useState25(null);
-  useEffect32(() => {
+  useEffect33(() => {
     useFlowSelectorStore.getState().setRenderKey(`sender-selected-${Date.now()}`);
   }, [walletMessage]);
   const { mutate: loginDirectWallet, isPending: isDirectWalletLoggingIn } = useMutation18({
@@ -19168,7 +19248,7 @@ function SenderSelector(props) {
       setWalletMessage(error instanceof Error ? error.message : "Wallet login failed. Please try again.");
     }
   });
-  useEffect32(() => {
+  useEffect33(() => {
     const pendingProfile = pendingWalletRef.current;
     if (!pendingProfile || !directWalletIsConnected || !directWalletAddress) return;
     if (directWalletAddress.toLowerCase() !== pendingProfile.externalId?.toLowerCase()) return;
@@ -19341,12 +19421,12 @@ var init_wallets = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/hooks/useAvailableSenders.ts
-import { useEffect as useEffect33, useRef as useRef17 } from "react";
+import { useEffect as useEffect34, useRef as useRef18 } from "react";
 function useAvailableSenders() {
   const address = useSession((st) => st.address);
   const { profiles } = useLinkedProfiles();
-  const lastCalcedSenders = useRef17([]);
-  useEffect33(() => {
+  const lastCalcedSenders = useRef18([]);
+  useEffect34(() => {
     const sendersAccumulator = [
       {
         type: "embarkai-wallet",
@@ -19708,7 +19788,7 @@ var init_utils8 = __esm({
 // src/internal/components/SendMenu/hyperbridge/hooks/useHyperlaneHistory.ts
 import { useInfiniteQuery as useInfiniteQuery3 } from "@tanstack/react-query";
 import { debounce as debounce6 } from "lodash-es";
-import { useCallback as useCallback25, useEffect as useEffect34, useMemo as useMemo12 } from "react";
+import { useCallback as useCallback26, useEffect as useEffect35, useMemo as useMemo12 } from "react";
 function useHyperlaneHistory() {
   const address = useSession((st) => st.address);
   const page = useLayoutDataStore((st) => st.page);
@@ -19728,13 +19808,13 @@ function useHyperlaneHistory() {
     () => txHistoryData?.pages?.map((p) => p.data).flat(Infinity) || [],
     [txHistoryData]
   );
-  const updateExpandable = useCallback25(
+  const updateExpandable = useCallback26(
     debounce6(() => {
       useFlowSelectorStore.getState().setRenderKey(`hyperlane-history-loaded-${Date.now()}`);
     }, 250),
     []
   );
-  useEffect34(() => {
+  useEffect35(() => {
     if (isBridgeTxHistoryLoading || txList.length === 0) return;
     updateExpandable();
   }, [isBridgeTxHistoryLoading, txList]);
@@ -19769,16 +19849,16 @@ var init_useOperationHashesStore = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/hooks/useBridge.ts
-import { useMutation as useMutation19, useQueryClient as useQueryClient22 } from "@tanstack/react-query";
-import { useCallback as useCallback26 } from "react";
+import { useMutation as useMutation19, useQueryClient as useQueryClient21 } from "@tanstack/react-query";
+import { useCallback as useCallback27 } from "react";
 import { useSwitchChain, useWalletClient } from "wagmi";
 function useBridge() {
-  const qc = useQueryClient22();
+  const qc = useQueryClient21();
   const { t } = useT();
   const address = useSession((st) => st.address);
   const { data: walletClient } = useWalletClient();
   const { switchChainAsync } = useSwitchChain();
-  const swapDirection = useCallback26(() => {
+  const swapDirection = useCallback27(() => {
     const {
       bridgeStep,
       originChain,
@@ -19830,7 +19910,7 @@ function useBridge() {
       useFlowSelectorStore.getState().setError(error instanceof Error ? error.message : String(error));
     }
   });
-  const handleQuoteEstimation = useCallback26((amnt) => {
+  const handleQuoteEstimation = useCallback27((amnt) => {
     const { originChain, destinationChain, bridgeSender } = useBridgeStore.getState();
     if (!amnt || !Number(amnt)) {
       useBridgeStore.getState().setQuote(null);
@@ -19974,7 +20054,7 @@ var init_useBridge = __esm({
 
 // src/internal/components/SendMenu/hyperbridge/hooks/useHyperlaneRoutes.ts
 import { useQuery as useQuery19 } from "@tanstack/react-query";
-import { useEffect as useEffect35 } from "react";
+import { useEffect as useEffect36 } from "react";
 function useHyperlaneRoutes() {
   const address = useSession((st) => st.address);
   const page = useLayoutDataStore((st) => st.page);
@@ -19994,7 +20074,7 @@ function useHyperlaneRoutes() {
       return warpRoutes;
     }
   });
-  useEffect35(() => {
+  useEffect36(() => {
     if (!errorWarpRoutes) return;
     useFlowSelectorStore.getState().setError(errorWarpRoutes.message);
     const { resetSelections, setRecipient, setOriginChain, setDestinationChain } = useBridgeStore.getState();
@@ -20003,7 +20083,7 @@ function useHyperlaneRoutes() {
     setOriginChain(null);
     setDestinationChain(null);
   }, [errorWarpRoutes]);
-  useEffect35(() => {
+  useEffect36(() => {
     if (!!hyperRoute || !hyperlaneWarpRoutes.length) return;
     const warpRouteToAutoSelect = hyperlaneWarpRoutes.find((route) => route.routeId === hyperRoute);
     if (!warpRouteToAutoSelect) return;
@@ -20036,13 +20116,13 @@ var init_useHyperlaneRoutes = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/hooks/useMenuTitle.ts
-import { useEffect as useEffect36 } from "react";
+import { useEffect as useEffect37 } from "react";
 function useMenuTitle(warpRoutes) {
   const { t } = useT();
   const bridgeStep = useBridgeStore((st) => st.bridgeStep);
   const hyperRoute = useBridgeStore((st) => st.hyperRoute);
   const hyperRouteMeta = warpRoutes?.length ? warpRoutes.find((route) => route.routeId === hyperRoute) : null;
-  useEffect36(() => {
+  useEffect37(() => {
     const updateMenuTitle = useFlowSelectorStore.getState().setMenuTitle;
     switch (true) {
       case bridgeStep === "sender-selector":
@@ -20093,8 +20173,8 @@ var init_ResolveChainIcon = __esm({
 
 // src/internal/components/SendMenu/hyperbridge/hooks/useBridgeBalance.ts
 import { CHAINS_BROWSERS_TRANSPORTS as CHAINS_BROWSERS_TRANSPORTS2 } from "@embarkai/core";
-import { useQuery as useQuery20, useQueryClient as useQueryClient23 } from "@tanstack/react-query";
-import { useCallback as useCallback27, useEffect as useEffect37 } from "react";
+import { useQuery as useQuery20, useQueryClient as useQueryClient22 } from "@tanstack/react-query";
+import { useCallback as useCallback28, useEffect as useEffect38 } from "react";
 import { createPublicClient as createPublicClient2, erc20Abi as erc20Abi2, formatUnits as formatUnits7, http as http3 } from "viem";
 import { useSwitchChain as useSwitchChain2 } from "wagmi";
 function checkWrapedTokenSymbol2(symbol) {
@@ -20104,7 +20184,7 @@ function checkWrapedTokenSymbol2(symbol) {
   return symbol.toUpperCase();
 }
 function useBridgeBalance(hyperlaneWarpRoutes) {
-  const qc = useQueryClient23();
+  const qc = useQueryClient22();
   const { t } = useT();
   const address = useSession((st) => st.address);
   const directWalletAddress = useExternalWalletStore((st) => st.externalAddress);
@@ -20189,7 +20269,7 @@ function useBridgeBalance(hyperlaneWarpRoutes) {
       };
     }
   });
-  const refreshRouteTokenBalance = useCallback27(
+  const refreshRouteTokenBalance = useCallback28(
     (senderWallet) => {
       switch (true) {
         case senderWallet === "embarkai-wallet":
@@ -20205,7 +20285,7 @@ function useBridgeBalance(hyperlaneWarpRoutes) {
     },
     [refreshBalances, qc]
   );
-  useEffect37(() => {
+  useEffect38(() => {
     if (!bridgeSender || !originChain) return;
     switch (bridgeSender) {
       case "embarkai-wallet":
@@ -20765,7 +20845,7 @@ var init_SuccessStep = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/steps/HistoryStep.tsx
-import { useQueryClient as useQueryClient24 } from "@tanstack/react-query";
+import { useQueryClient as useQueryClient23 } from "@tanstack/react-query";
 import dayjs7 from "dayjs";
 import { ArrowRightIcon, DownloadIcon as DownloadIcon2, ExternalLinkIcon as ExternalLinkIcon3, InfoIcon as InfoIcon4, LoaderIcon as LoaderIcon11 } from "lucide-react";
 import { jsx as jsx100, jsxs as jsxs92 } from "react/jsx-runtime";
@@ -20886,7 +20966,7 @@ function HistoryItem(props) {
     txStatus
   } = props;
   const { t } = useT();
-  const qc = useQueryClient24();
+  const qc = useQueryClient23();
   const address = useSession((st) => st.address);
   const warpRoutes = qc.getQueryData([HYPERLANE_WARP_ROUTES_QUERY_KEY, address]);
   const assetWarpRoute = warpRoutes?.find((route) => {
@@ -21161,7 +21241,7 @@ var init_steps = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/HyperlaneBridge.tsx
-import { useEffect as useEffect38 } from "react";
+import { useEffect as useEffect39 } from "react";
 import { Fragment as Fragment38, jsx as jsx102, jsxs as jsxs94 } from "react/jsx-runtime";
 function HyperlaneBridge() {
   const bridgeStep = useBridgeStore((st) => st.bridgeStep);
@@ -21169,7 +21249,7 @@ function HyperlaneBridge() {
   const { hyperlaneWarpRoutes, isLoadingWarpRoutes } = useHyperlaneRoutes();
   const { directWalletProfile } = useAvailableSenders();
   useMenuTitle(hyperlaneWarpRoutes);
-  useEffect38(() => {
+  useEffect39(() => {
     return () => {
       useBridgeStore.getState().resetSelections();
     };
@@ -21215,14 +21295,14 @@ var init_HyperlaneBridge = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/components/HistorySwitch.tsx
-import { useRef as useRef18 } from "react";
+import { useRef as useRef19 } from "react";
 import { jsx as jsx103 } from "react/jsx-runtime";
 function BridgeHistorySwitch(props) {
   const { disabled } = props;
   const selectorFlow = useFlowSelectorStore((st) => st.flow);
   const isUiLocked = useFlowSelectorStore((st) => st.isUiLocked);
   const bridgeStep = useBridgeStore((st) => st.bridgeStep);
-  const lastBridgeStepRef = useRef18(null);
+  const lastBridgeStepRef = useRef19(null);
   if (selectorFlow !== "bridge" || bridgeStep === "confirm" || bridgeStep === "success" || bridgeStep === "sender-selector" || bridgeStep === "select-token" || bridgeStep === "tx-history-details") {
     return null;
   }
@@ -21324,7 +21404,7 @@ var init_useErc3643Compliance = __esm({
 
 // src/hooks/useNicknameResolve.ts
 import { useQuery as useQuery21 } from "@tanstack/react-query";
-import { useEffect as useEffect39, useMemo as useMemo14, useState as useState28 } from "react";
+import { useEffect as useEffect40, useMemo as useMemo14, useState as useState28 } from "react";
 function looksLikeNickname(input) {
   if (!input) return false;
   if (input.startsWith("0x")) return false;
@@ -21338,7 +21418,7 @@ function useNicknameResolve(input, options) {
   const [isDebouncing, setIsDebouncing] = useState28(false);
   const normalized = normalizeNickname(input);
   const isNicknameInput = looksLikeNickname(input) && normalized.length >= 3;
-  useEffect39(() => {
+  useEffect40(() => {
     if (!isNicknameInput || !enabled) {
       setDebouncedInput("");
       setIsDebouncing(false);
@@ -21398,7 +21478,7 @@ var init_useNicknameResolve = __esm({
 });
 
 // src/hooks/useSendTransaction.ts
-import { useCallback as useCallback28, useState as useState29 } from "react";
+import { useCallback as useCallback29, useState as useState29 } from "react";
 import { encodeFunctionData as encodeFunctionData2, isAddress, parseEther as parseEther2, parseUnits } from "viem";
 function useSendTransaction() {
   const session = useSession((st) => st.session);
@@ -21406,7 +21486,7 @@ function useSendTransaction() {
   const [isLoading, setIsLoading] = useState29(false);
   const [error, setError] = useState29(null);
   const [userOpHash, setUserOpHash] = useState29(null);
-  const sendTransaction = useCallback28(
+  const sendTransaction = useCallback29(
     async (params) => {
       if (!session || !address) {
         setError("No active session");
@@ -21503,7 +21583,7 @@ function useSendTransaction() {
     },
     [session, address]
   );
-  const reset = useCallback28(() => {
+  const reset = useCallback29(() => {
     setError(null);
     setUserOpHash(null);
     setIsLoading(false);
@@ -21837,7 +21917,7 @@ var init_AssetList = __esm({
 
 // src/internal/components/SendMenu/send/components/NicknameData.tsx
 import { AtSign as AtSign2, CheckCircle2 as CheckCircle24, ShieldAlert, ShieldCheck as ShieldCheck2 } from "lucide-react";
-import { useEffect as useEffect40 } from "react";
+import { useEffect as useEffect41 } from "react";
 import { jsx as jsx107, jsxs as jsxs98 } from "react/jsx-runtime";
 function NicknameData(props) {
   const { resolvedNicknameData, isNicknameInput } = props;
@@ -21850,11 +21930,11 @@ function NicknameData(props) {
     isWalletNotSetup,
     isFrozen
   } = resolvedNicknameData;
-  useEffect40(() => {
+  useEffect41(() => {
     if (!resolvedNicknameData?.data?.fingerprint || !isNicknameInput) return;
     useFlowSelectorStore.getState().setRenderKey(`nickname-resolved-${Date.now()}`);
   }, [resolvedNicknameData, isNicknameInput]);
-  useEffect40(() => {
+  useEffect41(() => {
     if (isResolving) return;
     let errMessage = null;
     switch (true) {
@@ -22144,7 +22224,7 @@ var init_InputSendStep = __esm({
 
 // src/internal/components/SendMenu/send/sendSteps/ConfirmSendStep.tsx
 import { useMutation as useMutation20 } from "@tanstack/react-query";
-import { AlertTriangle as AlertTriangle6, AtSign as AtSign4, Loader as Loader29, Shield as Shield2, ShieldAlert as ShieldAlert2, ShieldCheck as ShieldCheck3 } from "lucide-react";
+import { AlertTriangle as AlertTriangle5, AtSign as AtSign4, Loader as Loader29, Shield as Shield2, ShieldAlert as ShieldAlert2, ShieldCheck as ShieldCheck3 } from "lucide-react";
 import { Fragment as Fragment41, jsx as jsx109, jsxs as jsxs100 } from "react/jsx-runtime";
 function ConfirmSendStep(props) {
   const { sendTransaction, erc3643Compliance, isNicknameInput, resolvedNicknameData } = props;
@@ -22184,7 +22264,7 @@ function ConfirmSendStep(props) {
   });
   return /* @__PURE__ */ jsxs100(Fragment41, { children: [
     isNicknameInput && isFrozen && /* @__PURE__ */ jsxs100(Highlight, { type: "warning", className: "flex gap-[var(--ui-kit-gap)]", children: [
-      /* @__PURE__ */ jsx109(AlertTriangle6, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx109(AlertTriangle5, { className: "h-4 w-4" }),
       /* @__PURE__ */ jsx109("span", { children: "This handle is frozen. Proceed with caution." })
     ] }),
     isSecurity && erc3643CanTransfer && /* @__PURE__ */ jsxs100(Highlight, { type: "success", className: "flex gap-[var(--ui-kit-gap)]", children: [
@@ -22335,7 +22415,7 @@ var init_sendSteps = __esm({
 
 // src/internal/components/SendMenu/send/SendMenu.tsx
 import { CheckCircle2 as CheckCircle26, Loader as Loader30 } from "lucide-react";
-import { useEffect as useEffect41, useMemo as useMemo15 } from "react";
+import { useEffect as useEffect42, useMemo as useMemo15 } from "react";
 import { parseUnits as parseUnits2 } from "viem";
 import { Fragment as Fragment42, jsx as jsx110, jsxs as jsxs101 } from "react/jsx-runtime";
 function SendMenu() {
@@ -22357,10 +22437,10 @@ function SendMenu() {
     userOpHash,
     reset
   } = useSendTransaction();
-  useEffect41(() => {
+  useEffect42(() => {
     useFlowSelectorStore.getState().setIsUiLocked(isAssetsLoading || isTransactionPending);
   }, [isAssetsLoading, isTransactionPending]);
-  useEffect41(() => {
+  useEffect42(() => {
     useFlowSelectorStore.getState().setError(sendTransactionError || null);
   }, [sendTransactionError]);
   const {
@@ -22375,7 +22455,7 @@ function SendMenu() {
   } = useSendStore();
   const isNft = isNftAsset3(selectedAsset);
   const isSecurity = isSecurityToken2(selectedAsset);
-  useEffect41(
+  useEffect42(
     () => () => {
       setSelectedAsset(null);
       setRecipient("");
@@ -22385,7 +22465,7 @@ function SendMenu() {
     },
     []
   );
-  useEffect41(() => {
+  useEffect42(() => {
     const shouldNativeDefaultAsset = assets.length > 0 && !selectedAsset;
     if (!shouldNativeDefaultAsset) return;
     const chainNativeCurrency = useSession.getState().chainConfig?.nativeCurrency;
@@ -22413,7 +22493,7 @@ function SendMenu() {
     enabled: isSecurity && !!effectiveAddress && !!complianceAmount,
     chainId: activeChainId
   });
-  useEffect41(() => {
+  useEffect42(() => {
     const updateMenuTitle = useFlowSelectorStore.getState().setMenuTitle;
     switch (true) {
       case txStep === "select-asset":
@@ -22504,7 +22584,7 @@ var init_send = __esm({
 
 // src/internal/components/SendMenu/SendFlowSelector.tsx
 import { ArrowLeft as ArrowLeft19, ArrowRightIcon as ArrowRightIcon2, ArrowRightLeftIcon as ArrowRightLeftIcon2, InfoIcon as InfoIcon5 } from "lucide-react";
-import { useEffect as useEffect42 } from "react";
+import { useEffect as useEffect43 } from "react";
 import { jsx as jsx111, jsxs as jsxs102 } from "react/jsx-runtime";
 function SelectorFlowButtons() {
   const { t } = useT();
@@ -22567,7 +22647,7 @@ function SendFlowSelector() {
   const error = useFlowSelectorStore((st) => st.error);
   const menuTitle = useFlowSelectorStore((st) => st.menuTitle);
   const selectorFlow = useFlowSelectorStore((st) => st.flow);
-  useEffect42(
+  useEffect43(
     () => () => {
       useFlowSelectorStore.getState().setError(null);
     },
@@ -22733,7 +22813,7 @@ var init_constants6 = __esm({
 // src/internal/components/SettingsMenu/SettingsMenu.tsx
 import { useQuery as useQuery22 } from "@tanstack/react-query";
 import { ArrowLeft as ArrowLeft20, HardDrive as HardDrive3 } from "lucide-react";
-import { useEffect as useEffect43 } from "react";
+import { useEffect as useEffect44 } from "react";
 import { jsx as jsx112, jsxs as jsxs103 } from "react/jsx-runtime";
 function useSettingsButtons() {
   const config = useProviderConfig().config;
@@ -22752,7 +22832,7 @@ function useSettingsButtons() {
   if (proMode) {
     settingsButtons.push({ id: "devices" /* DEVICES */, name: "Guardians", Icon: HardDrive3 });
   }
-  useEffect43(() => {
+  useEffect44(() => {
     const cssvEl = document.querySelector(".embarkai-ui-scope");
     if (!cssvEl || !window?.getComputedStyle) {
       return;
@@ -23689,12 +23769,12 @@ var init_TransactionsGroup = __esm({
 });
 
 // src/internal/components/TransactionsMenu/TransactionsMenu.tsx
-import { useQuery as useQuery23, useQueryClient as useQueryClient25 } from "@tanstack/react-query";
+import { useQuery as useQuery23, useQueryClient as useQueryClient24 } from "@tanstack/react-query";
 import { ArrowLeft as ArrowLeft22, Loader as Loader31, RefreshCw as RefreshCw3, XCircle } from "lucide-react";
-import { useCallback as useCallback29, useState as useState31 } from "react";
+import { useCallback as useCallback30, useState as useState31 } from "react";
 import { jsx as jsx115, jsxs as jsxs106 } from "react/jsx-runtime";
 function TransactionsMenu() {
-  const qc = useQueryClient25();
+  const qc = useQueryClient24();
   const address = useSession((st) => st.address);
   const chainConfig = useSession((st) => st.chainConfig);
   const { t } = useT();
@@ -23713,7 +23793,7 @@ function TransactionsMenu() {
     queryKey: [TRANSACTIONS_HISTORY_QUERY_KEY, chainConfig.id, address],
     queryFn: () => getTransactionsListQuery({ address, chainConfig })
   });
-  const refreshTxHistory = useCallback29(
+  const refreshTxHistory = useCallback30(
     () => qc.invalidateQueries({ queryKey: [TRANSACTIONS_HISTORY_QUERY_KEY, chainConfig.id, address] }),
     [qc, chainConfig.id, address]
   );
@@ -23952,7 +24032,7 @@ var init_PageMap = __esm({
 });
 
 // src/internal/hooks/usePageMapper.tsx
-import { useCallback as useCallback30, useEffect as useEffect44 } from "react";
+import { useCallback as useCallback31, useEffect as useEffect45 } from "react";
 import { jsx as jsx116 } from "react/jsx-runtime";
 function usePageMapper() {
   const page = useLayoutDataStore((st) => st.page);
@@ -23964,7 +24044,7 @@ function usePageMapper() {
     setIsDialogOpen,
     setIsDialogClosing
   } = useLayoutStore();
-  const closeDialog = useCallback30(() => {
+  const closeDialog = useCallback31(() => {
     setIsDialogClosing(true);
     setTimeout(() => {
       setDialogContent(null);
@@ -23975,7 +24055,7 @@ function usePageMapper() {
       setIsDialogOpen(false);
     }, CLEAR_DIALOG_TIMEOUT);
   }, [setDialogContent, setDialogDescription, setDialogTitle, setIsDialogForced, setIsDialogOpen, setIsDialogClosing]);
-  const openDialog = useCallback30(
+  const openDialog = useCallback31(
     (pageItem) => {
       const PageContentComponent = pageItem.component;
       setDialogTitle(pageItem.title);
@@ -23985,7 +24065,7 @@ function usePageMapper() {
     },
     [setDialogContent, setDialogDescription, setDialogTitle, setIsDialogOpen]
   );
-  useEffect44(() => {
+  useEffect45(() => {
     if (page === null) return closeDialog();
     const pageItem = PAGE_MAP[page];
     if (!pageItem) {
@@ -24009,7 +24089,7 @@ var init_usePageMapper = __esm({
 
 // src/internal/hooks/useSettingsNotifications.ts
 import { useQuery as useQuery24 } from "@tanstack/react-query";
-import { useEffect as useEffect45 } from "react";
+import { useEffect as useEffect46 } from "react";
 function useSettingsNotifications() {
   const address = useSession((st) => st.address);
   const setSettingsNotifications = useLayoutDataStore((st) => st.setSettingsNotifications);
@@ -24021,14 +24101,14 @@ function useSettingsNotifications() {
     queryKey: [QUERY_KEYS.userProfile, address],
     queryFn: getUserProfile
   });
-  useEffect45(() => {
+  useEffect46(() => {
     const isKYCVerified = userProfile?.kycDetails?.kycStatus === "verified";
     setSettingsNotifications({
       ...COMPLETE_KYC_PROGRESS,
       status: isKYCVerified ? "resolved" : "active"
     });
   }, [userProfile, setSettingsNotifications]);
-  useEffect45(() => {
+  useEffect46(() => {
     setSettingsNotifications({
       ...EMAIL_NOT_CONNECTED_NOTIFICATION,
       status: hasEmail ? "resolved" : "active"
@@ -24061,7 +24141,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.52",
+      version: "0.4.54",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -24162,12 +24242,12 @@ var init_package = __esm({
 });
 
 // src/internal/components/Footer/Footer.tsx
-import { useMutation as useMutation21, useQueryClient as useQueryClient26 } from "@tanstack/react-query";
+import { useMutation as useMutation21, useQueryClient as useQueryClient25 } from "@tanstack/react-query";
 import { Loader as Loader32, LogOut } from "lucide-react";
 import { useDisconnect as useDisconnect3 } from "wagmi";
 import { jsx as jsx117, jsxs as jsxs107 } from "react/jsx-runtime";
 function Footer() {
-  const qc = useQueryClient26();
+  const qc = useQueryClient25();
   const { callbacksRef } = useProviderConfig();
   const { t } = useT();
   const address = useSession((st) => st.address);
@@ -24298,7 +24378,7 @@ var init_Footer2 = __esm({
 // src/internal/components/Header/Header.tsx
 import { useQuery as useQuery25 } from "@tanstack/react-query";
 import { Copy as Copy5, Loader as Loader33 } from "lucide-react";
-import { useCallback as useCallback31, useRef as useRef19, useState as useState32 } from "react";
+import { useCallback as useCallback32, useRef as useRef20, useState as useState32 } from "react";
 import { Fragment as Fragment44, jsx as jsx118, jsxs as jsxs108 } from "react/jsx-runtime";
 function formatAddress2(addr) {
   if (!addr) return "";
@@ -24312,9 +24392,9 @@ function Header() {
   const proMode = useProMode();
   const [proToast, setProToast] = useState32(false);
   const [copied, setCopied] = useState32(false);
-  const clickCountRef = useRef19(0);
-  const clickTimerRef = useRef19(null);
-  const handleAvatarClick = useCallback31(() => {
+  const clickCountRef = useRef20(0);
+  const clickTimerRef = useRef20(null);
+  const handleAvatarClick = useCallback32(() => {
     clickCountRef.current += 1;
     if (clickTimerRef.current) {
       clearTimeout(clickTimerRef.current);
@@ -24616,7 +24696,7 @@ var init_visually_hidden = __esm({
 
 // src/internal/components/Dialog/Dialog.tsx
 import { AnimatePresence, motion } from "framer-motion";
-import { useEffect as useEffect46 } from "react";
+import { useEffect as useEffect47 } from "react";
 import { jsx as jsx121, jsxs as jsxs110 } from "react/jsx-runtime";
 function Dialog2() {
   const config = useProviderConfig().config;
@@ -24628,7 +24708,7 @@ function Dialog2() {
   const isWalletLinking = useLayoutDataStore((st) => st.isWalletLinking);
   const setPage = useLayoutDataStore((st) => st.setPage);
   const { colorMode, isDialogOpen, dialogTitle, dialogDescription, dialogContent, isDialogForced, setIsSettings } = useLayoutStore();
-  useEffect46(() => setIsSettings(!!session), [session, setIsSettings]);
+  useEffect47(() => setIsSettings(!!session), [session, setIsSettings]);
   usePageMapper();
   useAutoConnect();
   useBackupStatusChanges();
@@ -24694,7 +24774,7 @@ var init_Dialog2 = __esm({
 });
 
 // src/internal/components/TssManager.tsx
-import React26, { useCallback as useCallback32 } from "react";
+import React26, { useCallback as useCallback33 } from "react";
 var TssManagerWithRef;
 var init_TssManager = __esm({
   "src/internal/components/TssManager.tsx"() {
@@ -24709,7 +24789,7 @@ var init_TssManager = __esm({
       const setStatus = useSession((st) => st.setStatus);
       const setSession = useSession((st) => st.setSession);
       const setAddress = useSession((st) => st.setAddress);
-      const onSessionCreated = useCallback32(
+      const onSessionCreated = useCallback33(
         (session, address) => {
           setSession(session);
           setAddress(address);
@@ -24749,11 +24829,11 @@ var init_TssManager = __esm({
 
 // src/internal/components/WalletConnectHandler.tsx
 import { useConnectModal as useConnectModal2 } from "@rainbow-me/rainbowkit";
-import { useMutation as useMutation22, useQueryClient as useQueryClient27 } from "@tanstack/react-query";
-import React27, { useCallback as useCallback33, useEffect as useEffect47 } from "react";
+import { useMutation as useMutation22, useQueryClient as useQueryClient26 } from "@tanstack/react-query";
+import React27, { useCallback as useCallback34, useEffect as useEffect48 } from "react";
 import { useAccount, useDisconnect as useDisconnect4, useSignMessage as useSignMessage2 } from "wagmi";
 function WalletConnectHandler() {
-  const qc = useQueryClient27();
+  const qc = useQueryClient26();
   const { callbacksRef } = useProviderConfig();
   const passportWalletAddress = useSession((st) => st.address);
   const { address: walletAddress, isConnected, chain, connector } = useAccount();
@@ -24773,7 +24853,7 @@ function WalletConnectHandler() {
   const projectId = providerConfig?.projectId;
   const setExternalWallet = useExternalWalletStore((st) => st.setExternalWallet);
   const setPendingWalletLogin = useLayoutDataStore((st) => st.setPendingWalletLogin);
-  const onLinkingComplete = useCallback33(
+  const onLinkingComplete = useCallback34(
     async (success) => {
       setIsWalletLinking(false);
       if (!success && !passportWalletAddress) {
@@ -24805,7 +24885,7 @@ function WalletConnectHandler() {
   const [hasStartedLinking, setHasStartedLinking] = React27.useState(false);
   const [modalWasOpened, setModalWasOpened] = React27.useState(false);
   const [pendingModalOpen, setPendingModalOpen] = React27.useState(false);
-  useEffect47(() => {
+  useEffect48(() => {
     if (isWalletLinking && !hasStartedLinking) {
       console.log("[WalletConnectHandler] Starting wallet link flow:", {
         isConnected,
@@ -24843,18 +24923,18 @@ function WalletConnectHandler() {
     setProviderType,
     walletMode
   ]);
-  useEffect47(() => {
+  useEffect48(() => {
     if (pendingModalOpen && !isConnected && openConnectModal) {
       setPendingModalOpen(false);
       openConnectModal();
     }
   }, [pendingModalOpen, isConnected, openConnectModal]);
-  useEffect47(() => {
+  useEffect48(() => {
     if (connectModalOpen && hasStartedLinking) {
       setModalWasOpened(true);
     }
   }, [connectModalOpen, hasStartedLinking]);
-  useEffect47(() => {
+  useEffect48(() => {
     if (modalWasOpened && !connectModalOpen && !isConnected && isWalletLinking) {
       console.log("[WalletConnectHandler] Modal closed without connecting");
       onLinkingComplete(false);
@@ -24862,7 +24942,7 @@ function WalletConnectHandler() {
       setModalWasOpened(false);
     }
   }, [connectModalOpen, modalWasOpened, isConnected, isWalletLinking]);
-  useEffect47(() => {
+  useEffect48(() => {
     if (isWalletLinking) {
       const timeout = setTimeout(() => {
         console.warn("[WalletConnectHandler] Wallet linking timed out, resetting state");
@@ -24982,7 +25062,7 @@ function WalletConnectHandler() {
       setPage(passportWalletAddress ? "manage-wallet" /* MANAGE_WALLET */ : "auth" /* AUTH */);
     }
   });
-  useEffect47(() => {
+  useEffect48(() => {
     if (!!chain?.id && isConnected && walletAddress && isWalletLinking && hasStartedLinking && modalWasOpened && !pendingModalOpen) {
       console.log("[WalletConnectHandler] handleWalletSign triggered");
       if (!passportWalletAddress) {
@@ -24992,7 +25072,7 @@ function WalletConnectHandler() {
       handleWalletSign({ chainId: chain.id, signingWalletAddress: walletAddress });
     }
   }, [chain, isConnected, walletAddress, isWalletLinking, hasStartedLinking, modalWasOpened, pendingModalOpen]);
-  useEffect47(() => {
+  useEffect48(() => {
     if (isConnected && !chain?.id && isWalletLinking && hasStartedLinking && !connectModalOpen && !isWalletSigning) {
       const timeout = setTimeout(() => {
         console.warn("[WalletConnectHandler] Wallet connected but chain info missing, resetting");
@@ -25028,7 +25108,7 @@ var init_WalletConnectHandler = __esm({
 });
 
 // src/internal/components/DirectWalletHandler.tsx
-import { useEffect as useEffect48 } from "react";
+import { useEffect as useEffect49 } from "react";
 import { useAccount as useAccount2 } from "wagmi";
 function DirectWalletHandler() {
   const walletMode = useProviderConfig().config.current?.wallet?.mode || "linked";
@@ -25040,13 +25120,13 @@ function DirectWalletHandler() {
   const setExternalChainId = useExternalWalletStore((st) => st.setExternalChainId);
   const setConfigMode = useExternalWalletStore((st) => st.setConfigMode);
   const setActiveMode = useExternalWalletStore((st) => st.setActiveMode);
-  useEffect48(() => {
+  useEffect49(() => {
     setConfigMode(walletMode);
     if (walletMode !== "both") {
       setActiveMode(walletMode);
     }
   }, [walletMode, setConfigMode, setActiveMode]);
-  useEffect48(() => {
+  useEffect49(() => {
     if (isConnected && address && !isExternalConnected && connector && chain?.id) {
       setExternalWallet({
         address,
@@ -25055,17 +25135,17 @@ function DirectWalletHandler() {
       });
     }
   }, [isConnected, address, isExternalConnected, connector, chain?.id, setExternalWallet]);
-  useEffect48(() => {
+  useEffect49(() => {
     if (isExternalConnected && !isConnected) {
       clearExternalWallet();
     }
   }, [isConnected, isExternalConnected, clearExternalWallet]);
-  useEffect48(() => {
+  useEffect49(() => {
     if (isExternalConnected && isConnected && chain?.id) {
       setExternalChainId(chain.id);
     }
   }, [chain?.id, isConnected, isExternalConnected, setExternalChainId]);
-  useEffect48(() => {
+  useEffect49(() => {
     if (isExternalConnected && isConnected && address && address !== externalAddress && connector && chain?.id) {
       setExternalWallet({
         address,
@@ -27892,11 +27972,11 @@ import { initSdkErrorTracking } from "@embarkai/core/internal/error-tracking";
 import { merge as merge3 } from "lodash-es";
 import {
   createContext,
-  useCallback as useCallback34,
+  useCallback as useCallback35,
   useContext,
-  useEffect as useEffect49,
+  useEffect as useEffect50,
   useMemo as useMemo17,
-  useRef as useRef20
+  useRef as useRef21
 } from "react";
 import { jsx as jsx125 } from "react/jsx-runtime";
 function clearLegacyWagmiStorage() {
@@ -27916,10 +27996,10 @@ function clearLegacyWagmiStorage() {
 }
 function Provider(props) {
   const { children, projectId, initialConfig = {}, callbacks } = props;
-  const callbacksRef = useRef20(callbacks);
-  useEffect49(() => notifyNoProjetctId(projectId), [projectId]);
-  const config = useRef20(merge3({}, DEFAULT_PROVIDER_CONFIG, { projectId }, initialConfig));
-  const updateConfig = useCallback34((updates) => {
+  const callbacksRef = useRef21(callbacks);
+  useEffect50(() => notifyNoProjetctId(projectId), [projectId]);
+  const config = useRef21(merge3({}, DEFAULT_PROVIDER_CONFIG, { projectId }, initialConfig));
+  const updateConfig = useCallback35((updates) => {
     const prev = config.current;
     const next = { ...prev };
     if (updates.projectId !== void 0) next.projectId = updates.projectId;
@@ -27953,12 +28033,12 @@ function Provider(props) {
     if (updates.translations) next.translations = { ...next.translations, ...updates.translations };
     config.current = next;
   }, []);
-  const updateCallbacks = useCallback34((updates) => {
+  const updateCallbacks = useCallback35((updates) => {
     const prev = callbacksRef.current;
     const next = updates ? { ...prev, ...updates } : void 0;
     callbacksRef.current = next;
   }, []);
-  useEffect49(() => {
+  useEffect50(() => {
     if (typeof window === "undefined" || !projectId) return;
     const mergedConfig = merge3(DEFAULT_PROVIDER_CONFIG, initialConfig);
     updateConfig(mergedConfig);
@@ -27978,7 +28058,7 @@ function Provider(props) {
       useSession.getState().setActiveChainId(mergedConfig.network.chainId);
     }
   }, [projectId, initialConfig]);
-  useEffect49(() => {
+  useEffect50(() => {
     if (typeof window === "undefined" || !projectId) return;
     try {
       initSdkErrorTracking();
@@ -28068,7 +28148,7 @@ init_pro_mode();
 init_utils2();
 import { useQuery as useQuery26 } from "@tanstack/react-query";
 import { Cloud as Cloud4, Laptop as Laptop2, Loader as Loader34, Shield as Shield3 } from "lucide-react";
-import { useEffect as useEffect50, useMemo as useMemo18 } from "react";
+import { useEffect as useEffect51, useMemo as useMemo18 } from "react";
 import { Fragment as Fragment47, jsx as jsx126, jsxs as jsxs112 } from "react/jsx-runtime";
 function getFormattedStatus(label, status, showStatus) {
   const isStatus = showStatus && status && status !== "idle" && status !== "ready";
@@ -28088,7 +28168,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);
-  useEffect50(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
+  useEffect51(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
   const { data: profile, isLoading: isProfileLoading } = useQuery26({
     retry: false,
     enabled: !!address,
@@ -28280,29 +28360,8 @@ var useHasServerVault = () => useSession((st) => st.hasServerVault);
 var useActiveChainId = () => useSession((st) => st.activeChainId);
 var useHydrated = () => useSession((st) => st.hasHydrated);
 
-// src/hooks/useOpenPage.ts
-init_SessionContext();
-init_useLayoutDataStore();
-import { useCallback as useCallback35 } from "react";
-function useOpenPage() {
-  const page = useLayoutDataStore((st) => st.page);
-  const setPage = useLayoutDataStore((st) => st.setPage);
-  const setPageParams = useLayoutDataStore((st) => st.setPageParams);
-  const address = useSession((st) => st.address);
-  const open = useCallback35(
-    (passportPage, params) => {
-      if (!address) return setPage("auth" /* AUTH */);
-      if (!!address && passportPage === "auth" /* AUTH */) return setPage("manage-wallet" /* MANAGE_WALLET */);
-      setPage(passportPage);
-      if (!!params) setPageParams(params);
-    },
-    [setPage, setPageParams, address]
-  );
-  const close = useCallback35(() => setPage(null), [setPage]);
-  return { open, close, isOpen: page !== null };
-}
-
 // src/index.ts
+init_useOpenPage();
 init_useColorMode();
 
 // src/components/ThemeToggle.tsx
@@ -28760,13 +28819,13 @@ var Hash = ({
 
 // src/internal/components/TransactionsMenu/TransactionsList.tsx
 init_base2();
-import { useEffect as useEffect52, useState as useState36 } from "react";
+import { useEffect as useEffect53, useState as useState36 } from "react";
 import { jsx as jsx132, jsxs as jsxs116 } from "react/jsx-runtime";
 var TransactionsList = ({ address, itemsCount = 10 }) => {
   const [transactions, setTransactions] = useState36([]);
   const [loading, setLoading] = useState36(true);
   const [error, setError] = useState36(null);
-  useEffect52(() => {
+  useEffect53(() => {
     const fetchTransactions2 = async () => {
       try {
         setLoading(true);