@embarkai/ui-kit 0.4.46 → 0.4.48

package/dist/index.cjs

@@ -1182,41 +1182,41 @@ var init_helpers = __esm({
 function ChainSync() {
   const { config, callbacksRef } = useProviderConfig();
   const qc = (0, import_react_query2.useQueryClient)();
-  const setPage = useLayoutDataStore((st) => st.setPage);
-  const { address, session, activeChainId, setAddress, setSession, setActiveChain, setIsLoading, setStatus, setError } = useSession();
+  const address = useSession((st) => st.address);
+  const session = useSession((st) => st.session);
+  const activeChainId = useSession((st) => st.activeChainId);
   const prevChainId = (0, import_react2.useRef)(null);
-  const isReverting = (0, import_react2.useRef)(false);
   const { mutate: updateChain } = (0, import_react_query2.useMutation)({
-    mutationFn: async (selectedChainId) => {
+    mutationFn: async (toChainId) => {
+      if (!toChainId) {
+        console.warn("[CHAIN_SYNC] No target chainId provided, skipping chain update");
+        return { skip: true };
+      }
+      console.warn("[CHAIN_SYNC] Attempting:", toChainId);
       if (!session?.ownerAddress) {
         console.warn("[CHAIN_SYNC] No session owner address, aborting chain update");
-        throw new Error("No session owner");
+        return { skip: true };
       }
-      if (prevChainId.current === activeChainId) {
-        console.info("[CHAIN_SYNC] Current chain:", activeChainId);
-        return { skip: true, targetChainId: activeChainId };
+      if (prevChainId.current === toChainId) {
+        console.info("[CHAIN_SYNC] Chain already selected:", toChainId);
+        return { skip: true };
       }
-      console.info("[CHAIN_SYNC]", prevChainId.current, "->", activeChainId);
-      setIsLoading(true);
+      console.info("[CHAIN_SYNC] syncing to: ", toChainId);
+      const { setIsLoading, setStatus } = useSession.getState();
       let targetChainId = null;
       switch (true) {
-        case (!!selectedChainId && !!(0, import_read2.isChainSupported)(selectedChainId)):
-          targetChainId = selectedChainId;
+        case (!!toChainId && !!(0, import_read2.isChainSupported)(toChainId)):
+          targetChainId = toChainId;
           break;
-        case (!!selectedChainId && !(0, import_read2.isChainSupported)(selectedChainId)):
-          console.warn(`[EMBARKAI] Current activeChainId ${selectedChainId} is not supported. Checking for fallback`);
-        // no break, fallthrough to next case
-        case (!!config.current?.network?.chainId && !!(0, import_read2.isChainSupported)(config.current.network.chainId)):
-          targetChainId = config.current.network.chainId;
-          console.info(`[EMBARKAI] Config chainId ${config.current.network.chainId} will be used.`);
+        case (!!toChainId && !(0, import_read2.isChainSupported)(toChainId)):
+          console.warn(`[EMBARKAI] Chain  ${toChainId} is not supported. Checking for fallback`);
+          targetChainId = import_read2.DEFAULT_CHAIN_ID;
           break;
-        case (!!config.current?.network?.chainId && !(0, import_read2.isChainSupported)(config.current.network.chainId)):
-          console.warn(`No Fallback ChainID Found. Using default chain ${import_read2.DEFAULT_CHAIN_ID} instead.`);
-        // no break, fallthrough to next case
         default:
           targetChainId = import_read2.DEFAULT_CHAIN_ID;
           break;
       }
+      setIsLoading(true);
       setStatus(`Re-calculating address for chain ${targetChainId}...`);
       const chainConfig = (0, import_read2.getChainConfig)(targetChainId);
       const chainParams = getChainParams(chainConfig);
@@ -1234,9 +1234,9 @@ function ChainSync() {
       };
     },
     onSuccess: async ({ skip, targetChainId, smartAccountAddress, chainParams }) => {
-      if (skip) return;
+      if (skip || !smartAccountAddress || !chainParams) return;
       const { chainConfig } = chainParams;
-      console.info("[CHAIN_SYNC] Address recalculated for chain", targetChainId, ":", smartAccountAddress);
+      const { setIsLoading, setStatus, setActiveChain, setAddress, setSession } = useSession.getState();
       setActiveChain(chainParams);
       setAddress(smartAccountAddress);
       setSession({
@@ -1245,36 +1245,41 @@ function ChainSync() {
         address: smartAccountAddress,
         factoryAddress: chainConfig.factoryAddress
       });
-      await callbacksRef.current?.onChainChange?.({
+      callbacksRef.current?.onChainChange?.({
         chainId: targetChainId,
         previousChainId: prevChainId.current
       });
-      if (!config.current?.network?.forceChain && targetChainId !== config.current?.network?.chainId) {
-        console.info("[CHAIN_SYNC] Dapp chain request:", targetChainId, "->", config.current?.network?.chainId);
-        setPage("chain-switch-request" /* CHAIN_SWITCH_REQUEST */);
-      }
       prevChainId.current = targetChainId;
-      await qc.invalidateQueries();
+      qc.invalidateQueries();
       setStatus("idle");
       setIsLoading(false);
     },
     onError: (error, selectedChainId) => {
       console.error("[CHAIN_SYNC] Failed to switch chain into ", selectedChainId, ":", error);
+      const { setIsLoading, setStatus, setError } = useSession.getState();
       setStatus("idle");
       setError(error.message);
       setIsLoading(false);
     }
   });
-  const updateChainRelaxed = (0, import_react2.useCallback)((0, import_lodash_es.throttle)(updateChain, 3e3), []);
+  const updateChainRelaxed = (0, import_react2.useCallback)((0, import_lodash_es.throttle)(updateChain, 2e3), []);
   (0, import_react2.useEffect)(() => {
-    if (!address) return;
-    if (prevChainId.current === activeChainId) return;
-    if (isReverting.current) {
-      isReverting.current = false;
-      return;
-    }
+    if (!address || !activeChainId) return;
     updateChainRelaxed(activeChainId);
   }, [address, activeChainId]);
+  (0, import_react2.useEffect)(() => {
+    if (!address || !activeChainId) return;
+    const shouldSwitchRequest = !config.current?.network?.forceChain && activeChainId !== config.current?.network?.chainId;
+    async function showSwitchChainRequest() {
+      const stats = await getShareRecoveryStats();
+      const hasRecoveryData = !!stats && (!!stats.created || stats.devices && stats.devices.length > 0);
+      const jwt = import_auth23.jwtTokenManager.getTokens();
+      const isNewUser = !hasRecoveryData && !!jwt?.isNewUser;
+      if (isNewUser || !shouldSwitchRequest) return;
+      useLayoutDataStore.getState().setPage("chain-switch-request" /* CHAIN_SWITCH_REQUEST */);
+    }
+    showSwitchChainRequest();
+  }, [address, activeChainId]);
   return null;
 }
 var import_read2, import_react_query2, import_lodash_es, import_react2;
@@ -1286,9 +1291,11 @@ var init_ChainSync = __esm({
     import_react_query2 = require("@tanstack/react-query");
     import_lodash_es = require("lodash-es");
     import_react2 = require("react");
+    init_auth();
     init_constants2();
     init_helpers();
     init_useLayoutDataStore();
+    init_vaultClient();
   }
 });
 
@@ -1301,7 +1308,7 @@ var init_ChainSync2 = __esm({
 
 // src/internal/clients/account/register-smart-account-address.ts
 async function registerSmartAccountAddress(chainId, smartAccountAddress, factoryAddress) {
-  const accessToken = import_auth20.jwtTokenManager.getAccessToken();
+  const accessToken = import_auth23.jwtTokenManager.getAccessToken();
   if (!accessToken) {
     console.warn("[Account] No access token available for Smart Account registration");
     return { success: true, chainId, smartAccountAddress, alreadySet: false };
@@ -1346,7 +1353,7 @@ async function registerSmartAccountAddress(chainId, smartAccountAddress, factory
   }
 }
 async function getAllSmartAccounts() {
-  const accessToken = import_auth20.jwtTokenManager.getAccessToken();
+  const accessToken = import_auth23.jwtTokenManager.getAccessToken();
   if (!accessToken) {
     console.warn("[Account] No access token available");
     return [];
@@ -1373,7 +1380,7 @@ async function getAllSmartAccounts() {
   }
 }
 async function getSmartAccountForChain(chainId) {
-  const accessToken = import_auth20.jwtTokenManager.getAccessToken();
+  const accessToken = import_auth23.jwtTokenManager.getAccessToken();
   if (!accessToken) {
     console.warn("[Account] No access token available");
     return null;
@@ -1989,7 +1996,7 @@ var init_httpClient = __esm({
           ...headers
         };
         if (requireAuth) {
-          const accessToken = import_auth20.jwtTokenManager.getAccessToken();
+          const accessToken = import_auth23.jwtTokenManager.getAccessToken();
           if (accessToken) {
             requestHeaders["Authorization"] = `Bearer ${accessToken}`;
           }
@@ -2006,9 +2013,9 @@ var init_httpClient = __esm({
         try {
           const response = await fetch(url, requestConfig);
           if (response.status === 401 && requireAuth) {
-            const refreshSuccess = await import_auth20.jwtTokenManager.refreshAccessToken();
+            const refreshSuccess = await import_auth23.jwtTokenManager.refreshAccessToken();
             if (refreshSuccess) {
-              const newAccessToken = import_auth20.jwtTokenManager.getAccessToken();
+              const newAccessToken = import_auth23.jwtTokenManager.getAccessToken();
               if (newAccessToken) {
                 requestHeaders["Authorization"] = `Bearer ${newAccessToken}`;
                 requestConfig.headers = requestHeaders;
@@ -2430,34 +2437,37 @@ var init_useAutoConnect = __esm({
 
 // src/internal/hooks/useBackupStatusChanges.ts
 function useBackupStatusChanges() {
-  const setHasServerVault = useSession((st) => st.setHasServerVault);
-  const setPage = useLayoutDataStore((st) => st.setPage);
   const { mutate: handleBackupStatusChanged } = (0, import_react_query3.useMutation)({
     mutationFn: async (event) => {
       const customEvent = event;
       console.log("[BACKUP STATUS] changed:", customEvent?.detail);
-      return { stats: await getShareRecoveryStats(), detail: customEvent?.detail };
+      return {
+        stats: await getShareRecoveryStats(),
+        detail: customEvent?.detail
+      };
     },
     onSuccess: ({ stats, detail }) => {
+      const { setHasServerVault } = useSession.getState();
       const hasRecoveryData = stats && (!!stats.created || !!stats?.devices?.length);
       if (!!hasRecoveryData) {
-        console.log(
-          "[BACKUP STATUS] Recovery data found after backup status change.\n Redirect to main menu:",
-          detail?.navigateToMainMenu
-        );
         setHasServerVault(true);
-        if (!!detail?.navigateToMainMenu) {
-          setTimeout(() => setPage(null), 1e3);
+        const jwt = import_auth23.jwtTokenManager.getTokens();
+        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 */);
+        }
+        if (!!isNewUserTouched && !jwt?.isNewUser) {
+          localStorage.removeItem(NEW_USER_TOUCHED_KEY);
         }
-        console.info("[BACKUP STATUS] Recovery data found in vault, marking as has-server-vault");
       } else {
         setHasServerVault(false);
-        setPage("keysare-backup" /* KEYSARE_BACKUP */);
+        useLayoutDataStore.getState().setPage("keysare-backup" /* KEYSARE_BACKUP */);
         console.warn("[BACKUP STATUS] No recovery data found in vault, marking as no-server-vault");
       }
     },
     onError: (error) => {
-      setHasServerVault(false);
+      useSession.getState().setHasServerVault(false);
       console.warn("[BACKUP STATUS] Failed to fetch initial vault status:", error);
     }
   });
@@ -2468,14 +2478,16 @@ function useBackupStatusChanges() {
     };
   }, []);
 }
-var import_react_query3, import_react4;
+var import_react_query3, import_react4, NEW_USER_TOUCHED_KEY;
 var init_useBackupStatusChanges = __esm({
   "src/internal/hooks/useBackupStatusChanges.ts"() {
     init_SessionContext();
     import_react_query3 = require("@tanstack/react-query");
     import_react4 = require("react");
+    init_auth();
     init_vaultClient();
     init_useLayoutDataStore();
+    NEW_USER_TOUCHED_KEY = "embarkai-is-new-user-touhced";
   }
 });
 
@@ -6640,7 +6652,7 @@ function PassKeyStep(props) {
     setPasskeyStatus("checking available passkeys...");
     setIsLoading(true);
     try {
-      import_auth20.jwtTokenManager.clearTokens();
+      import_auth23.jwtTokenManager.clearTokens();
       setPasskeyStatus("authenticating with passkey...");
       const result = await authenticateWithPasskey(
         void 0,
@@ -7131,8 +7143,8 @@ function Social(props) {
         const iframeManager = getIframeManager2();
         const finalizeSocialLogin = async (rawLoginResponse, providerKey, userData) => {
           let loginResponse2 = await normalizeSocialLoginResponse(rawLoginResponse, providerKey, userData);
-          const existingAccessToken = import_auth20.jwtTokenManager.getAccessToken();
-          const existingRefreshToken = import_auth20.jwtTokenManager.getRefreshToken();
+          const existingAccessToken = import_auth23.jwtTokenManager.getAccessToken();
+          const existingRefreshToken = import_auth23.jwtTokenManager.getRefreshToken();
           if (existingAccessToken && existingRefreshToken && !loginResponse2.accessToken) {
             console.log("[AuthModal] Using tokens already stored by iframe-manager");
             loginResponse2 = {
@@ -7161,7 +7173,7 @@ function Social(props) {
             setIsLoading(false);
             return;
           }
-          await import_auth20.jwtTokenManager.clearTokens();
+          await import_auth23.jwtTokenManager.clearTokens();
           if (!loginResponse2.accessToken || !loginResponse2.refreshToken) {
             console.warn(
               "[AuthModal] Authentication tokens were not issued; continuing with cookie-based session only."
@@ -7170,7 +7182,7 @@ function Social(props) {
           let tokensPersisted = false;
           const persistTokensIfAvailable = async () => {
             if (!tokensPersisted && loginResponse2.accessToken && loginResponse2.refreshToken) {
-              await import_auth20.jwtTokenManager.setTokens(loginResponse2);
+              await import_auth23.jwtTokenManager.setTokens(loginResponse2);
               tokensPersisted = true;
             }
           };
@@ -7607,25 +7619,15 @@ function useAuthMenuHandlers() {
   const { config, callbacksRef } = useProviderConfig();
   const qc = (0, import_react_query5.useQueryClient)();
   const pendingLoginResponseRef = (0, import_react15.useRef)(null);
-  const setPage = useLayoutDataStore((st) => st.setPage);
-  const setIsDialogForced = useLayoutStore((st) => st.setIsDialogForced);
   const [telegramCleanup, setTelegramCleanup] = (0, import_react15.useState)(null);
-  const {
-    usePaymaster,
-    publicClient,
-    activeChainId,
-    setError,
-    setStatus,
-    setSession,
-    setAddress,
-    setRecoveryUserId,
-    setHasServerVault,
-    setIsLoading
-  } = useSession();
+  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 = (0, import_react15.useCallback)(
     async (userId, hasServerKeyshare, isNewUser) => {
+      const { setStatus } = useSession.getState();
       try {
         try {
           callbacksRef.current?.onConnecting?.({ method: "wallet" });
@@ -7663,9 +7665,19 @@ function useAuthMenuHandlers() {
         throw error;
       }
     },
-    [setStatus, usePaymaster, activeChainId]
+    [usePaymaster, activeChainId]
   );
   const onAuthSuccess = (0, import_react15.useCallback)(async () => {
+    const {
+      //
+      setSession,
+      setAddress,
+      setStatus,
+      setIsLoading,
+      setError,
+      setHasServerVault,
+      setRecoveryUserId
+    } = useSession.getState();
     setIsLoading(true);
     setStep("loading");
     const loginResponse = pendingLoginResponseRef.current;
@@ -7683,7 +7695,7 @@ function useAuthMenuHandlers() {
       const iframeManager = getIframeManager2();
       await iframeManager.authenticate(userId, loginResponse.avatar, loginResponse.displayName);
       if (loginResponse.accessToken && loginResponse.refreshToken) {
-        await import_auth20.jwtTokenManager.setTokens(loginResponse);
+        await import_auth23.jwtTokenManager.setTokens(loginResponse);
       } else {
         console.warn("[ConnectWalletButton] Login response missing tokens; skipping jwtTokenManager.setTokens");
       }
@@ -7729,11 +7741,11 @@ function useAuthMenuHandlers() {
         if (!!jwt?.isNewUser || !hasKeyshareVaultBackup) {
           if (!!jwt?.isNewUser) console.log("[AuthMenu] New user detected - forcing backup flow");
           if (!hasKeyshareVaultBackup) console.log("[AuthMenu] No recovery data found - forcing backup flow");
-          setIsDialogForced(true);
-          setPage("keysare-backup" /* KEYSARE_BACKUP */);
+          useLayoutStore.getState().setIsDialogForced(true);
+          useLayoutDataStore.getState().setPage("keysare-backup" /* KEYSARE_BACKUP */);
         } else {
-          setIsDialogForced(false);
-          setPage(null);
+          useLayoutStore.getState().setIsDialogForced(false);
+          useLayoutDataStore.getState().setPage(null);
         }
       }, 100);
     } catch (error) {
@@ -7745,12 +7757,10 @@ function useAuthMenuHandlers() {
         setAddress(null);
         setRecoveryUserId(userId);
         setStatus("recovery_needed");
-        setTimeout(() => {
-          setPage("keyshare-restore" /* KEYSHARE_RESTORE */);
-        }, 100);
+        setTimeout(() => useLayoutDataStore.getState().setPage("keyshare-restore" /* KEYSHARE_RESTORE */), 100);
       } else {
         pendingLoginResponseRef.current = null;
-        await import_auth20.jwtTokenManager.clearTokens();
+        await import_auth23.jwtTokenManager.clearTokens();
         setStatus("error");
         setError(error?.message || String(error));
         setAlert({
@@ -7763,20 +7773,7 @@ function useAuthMenuHandlers() {
       setIsLoading(false);
       setStep("signin");
     }
-  }, [
-    qc,
-    setStep,
-    setPage,
-    setError,
-    setStatus,
-    setSession,
-    setAlert,
-    setAddress,
-    setRecoveryUserId,
-    setHasServerVault,
-    setIsDialogForced,
-    createSessionWithKeyshare
-  ]);
+  }, [qc, setStep, setAlert, createSessionWithKeyshare]);
   const goBackToSignIn = (0, import_react15.useCallback)(() => {
     setStep("signin");
     setAlert(null);
@@ -8209,7 +8206,7 @@ var init_AuthMenu = __esm({
         const loginResponse = pendingWalletLogin;
         setPendingWalletLogin(null);
         console.log("[AuthMenu] Processing wallet login response:", loginResponse);
-        import_auth20.jwtTokenManager.clearTokens().then(() => {
+        import_auth23.jwtTokenManager.clearTokens().then(() => {
           pendingLoginResponseRef.current = loginResponse;
           onAuthSuccess();
         });
@@ -9479,7 +9476,7 @@ var init_queryKeys = __esm({
 
 // src/internal/components/BuyMenu/binance/api.ts
 function iframe() {
-  const accessToken = import_auth20.jwtTokenManager.getAccessToken();
+  const accessToken = import_auth23.jwtTokenManager.getAccessToken();
   if (!accessToken) {
     throw new Error("Access token is not available");
   }
@@ -10391,7 +10388,7 @@ var init_binance = __esm({
 
 // src/internal/components/BuyMenu/finchpay/api.ts
 function iframe2() {
-  const accessToken = import_auth20.jwtTokenManager.getAccessToken();
+  const accessToken = import_auth23.jwtTokenManager.getAccessToken();
   if (!accessToken) {
     throw new Error("Access token is not available");
   }
@@ -11633,67 +11630,43 @@ var init_LumiaIcon2 = __esm({
   }
 });
 
-// src/config/networks.ts
-var import_read11, NETWORK_OPTIONS;
+// src/internal/assets/networks/index.ts
+var import_read11, NETWORKS_ICONS;
 var init_networks3 = __esm({
-  "src/config/networks.ts"() {
+  "src/internal/assets/networks/index.ts"() {
+    import_read11 = require("@embarkai/core/read");
     init_ArbitrumIcon();
     init_BaseIcon();
     init_BscIcon();
     init_EthereumIcon();
     init_LumiaIcon2();
-    import_read11 = require("@embarkai/core/read");
-    NETWORK_OPTIONS = [
-      {
-        chainId: import_read11.LUMIA_TESTNET_CHAIN_ID,
-        name: "Lumia Beam",
-        badge: "TESTNET",
-        Icon: LumiaIcon2,
-        isActive: true
-      },
-      {
-        chainId: import_read11.LUMIA_MAINNET_CHAIN_ID,
-        name: "Lumia Prism",
-        badge: "MAINNET",
-        Icon: LumiaIcon2,
-        isActive: true
-      },
-      {
-        chainId: import_read11.SEPOLIA_CHAIN_ID,
-        name: "Sepolia",
-        badge: "TESTNET",
-        Icon: EthereumIcon,
-        isActive: true
-      },
-      {
-        chainId: import_read11.BSC_TESTNET_CHAIN_ID,
-        name: "BSC Testnet",
-        badge: "TESTNET",
-        Icon: BSCIcon,
-        isActive: true
-      },
-      {
-        chainId: import_read11.ARBITRUM_SEPOLIA_CHAIN_ID,
-        name: "Arbitrum Sepolia",
-        badge: "TESTNET",
-        Icon: ArbitrumIcon,
-        isActive: true
-      },
-      {
-        chainId: import_read11.BASE_SEPOLIA_CHAIN_ID,
-        name: "Base Sepolia",
-        badge: "TESTNET",
-        Icon: BaseIcon,
-        isActive: true
-      },
-      {
-        chainId: import_read11.LUMIA_PULSAR_TESTNET_CHAIN_ID,
-        name: "Lumia Pulsar Testnet",
-        badge: "TESTNET",
-        Icon: LumiaIcon2,
-        isActive: true
-      }
-    ];
+    NETWORKS_ICONS = {
+      [import_read11.LUMIA_MAINNET_CHAIN_ID]: LumiaIcon2,
+      [import_read11.LUMIA_TESTNET_CHAIN_ID]: LumiaIcon2,
+      [import_read11.LUMIA_PULSAR_TESTNET_CHAIN_ID]: LumiaIcon2,
+      [import_read11.BASE_SEPOLIA_CHAIN_ID]: BaseIcon,
+      [import_read11.BSC_MAINNET_CHAIN_ID]: BSCIcon,
+      [import_read11.BSC_TESTNET_CHAIN_ID]: BSCIcon,
+      1: EthereumIcon,
+      [import_read11.ARBITRUM_SEPOLIA_CHAIN_ID]: ArbitrumIcon
+    };
+  }
+});
+
+// src/config/networks.ts
+var import_read12, NETWORK_OPTIONS;
+var init_networks4 = __esm({
+  "src/config/networks.ts"() {
+    init_networks3();
+    init_EmbarkIcon();
+    import_read12 = require("@embarkai/core/read");
+    NETWORK_OPTIONS = [...import_read12.SUPPORTED_CHAINS].map(([chainId, chain]) => ({
+      chainId,
+      name: chain.name,
+      badge: import_read12.SUPPORTED_MAINNETS.includes(chainId) ? "MAINNET" : "TESTNET",
+      Icon: NETWORKS_ICONS[chainId] || EmbarkIcon,
+      isActive: true
+    }));
   }
 });
 
@@ -11725,7 +11698,7 @@ var init_truncateMiddle = __esm({
 
 // src/internal/components/ChainsMenu/ChainsMenu.tsx
 function getPaymasterExplorerUrl(chainId, paymasterAddress) {
-  const chainConfig = (0, import_read12.getChainConfig)(chainId);
+  const chainConfig = (0, import_read13.getChainConfig)(chainId);
   const explorerUrl = chainConfig?.blockExplorerUrl;
   if (!explorerUrl) return paymasterAddress;
   return `${explorerUrl.replace(/\/$/, "")}/address/${paymasterAddress}`;
@@ -11742,7 +11715,7 @@ function ChainsMenu() {
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
   const setPage = useLayoutDataStore((st) => st.setPage);
   const visibleNetworks = NETWORK_OPTIONS.filter((option) => option.isActive);
-  const activeChainConfig = activeChainId ? (0, import_read12.getChainConfig)(activeChainId) : null;
+  const activeChainConfig = activeChainId ? (0, import_read13.getChainConfig)(activeChainId) : null;
   const activeDefaultPaymasterAddress = activeChainConfig?.paymasterAddress;
   const activePaymasterQuery = (0, import_react_query15.useQuery)({
     queryKey: ["chain-paymaster", config.current.projectId, activeChainId],
@@ -11883,15 +11856,15 @@ function ChainsMenu() {
     }
   );
 }
-var import_core2, import_read12, import_react_query15, import_lucide_react19, import_react29, import_jsx_runtime48;
+var import_core2, import_read13, import_react_query15, import_lucide_react19, import_react29, import_jsx_runtime48;
 var init_ChainsMenu = __esm({
   "src/internal/components/ChainsMenu/ChainsMenu.tsx"() {
-    init_networks3();
+    init_networks4();
     init_ProviderContext();
     init_SessionContext();
     init_useT();
     import_core2 = require("@embarkai/core");
-    import_read12 = require("@embarkai/core/read");
+    import_read13 = require("@embarkai/core/read");
     import_react_query15 = require("@tanstack/react-query");
     import_lucide_react19 = require("lucide-react");
     import_react29 = require("react");
@@ -11914,17 +11887,7 @@ function ChainSwitchRequest() {
   const config = useProviderConfig().config;
   const isLoading = useSession((st) => st.isLoading);
   const chainConfig = useSession((st) => st.chainConfig);
-  const setActiveChainId = useSession((st) => st.setActiveChainId);
-  const setPage = useLayoutDataStore((st) => st.setPage);
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
-  const changeTouchedRef = (0, import_react30.useRef)(false);
-  (0, import_react30.useEffect)(() => {
-    if (!changeTouchedRef.current || chainConfig?.id !== config.current?.network?.chainId) return;
-    setPage(null);
-    return () => {
-      changeTouchedRef.current = false;
-    };
-  }, [chainConfig, setPage]);
   const prefferedChain = NETWORK_OPTIONS.find((ch) => ch.chainId === config.current?.network?.chainId) || null;
   const PrefferedChainIcon = prefferedChain?.Icon || (() => null);
   return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
@@ -11943,7 +11906,7 @@ function ChainSwitchRequest() {
               size: "icon",
               variant: "ghost",
               title: t("passport:common.back"),
-              onClick: () => setPage("settings" /* SETTINGS */),
+              onClick: () => useLayoutDataStore.getState().setPage("settings" /* SETTINGS */),
               children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react20.ArrowLeft, { className: "h-4 w-4" })
             }
           ),
@@ -11975,8 +11938,8 @@ function ChainSwitchRequest() {
             disabled: isLoading,
             onClick: () => {
               if (!config.current?.network?.chainId) return;
-              changeTouchedRef.current = true;
-              setActiveChainId(config.current.network.chainId);
+              useSession.getState().setActiveChainId(config.current.network.chainId);
+              useLayoutDataStore.getState().setPage("chain" /* CHAIN */);
             },
             children: [
               isLoading ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react20.Loader, { className: "w-6 h-6 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(PrefferedChainIcon, { className: "w-6 h-6" }),
@@ -11990,15 +11953,14 @@ function ChainSwitchRequest() {
     }
   );
 }
-var import_lucide_react20, import_react30, import_react_i18next2, import_jsx_runtime49;
+var import_lucide_react20, import_react_i18next2, import_jsx_runtime49;
 var init_ChainSwitchRequest = __esm({
   "src/internal/components/ChainsMenu/ChainSwitchRequest.tsx"() {
-    init_networks3();
+    init_networks4();
     init_ProviderContext();
     init_SessionContext();
     init_useT();
     import_lucide_react20 = require("lucide-react");
-    import_react30 = require("react");
     import_react_i18next2 = require("react-i18next");
     init_useLayoutDataStore();
     init_useLayoutStore();
@@ -12095,8 +12057,8 @@ function DeviceLinkScreen() {
   const setPage = useLayoutDataStore((s) => s.setPage);
   const maxScrollHeight = useLayoutStore((s) => s.maxScrollHeight);
   const { mutate: link, isPending } = useLinkDevice();
-  const [code, setCode] = (0, import_react31.useState)("");
-  const [error, setError] = (0, import_react31.useState)(null);
+  const [code, setCode] = (0, import_react30.useState)("");
+  const [error, setError] = (0, import_react30.useState)(null);
   const isValid = code.length === 6 && VALID_CHARS.test(code);
   function handleCodeChange(value) {
     const upper = value.toUpperCase().slice(0, 6);
@@ -12155,10 +12117,10 @@ function DeviceLinkScreen() {
     }
   );
 }
-var import_react31, import_lucide_react21, import_jsx_runtime50, VALID_CHARS;
+var import_react30, import_lucide_react21, import_jsx_runtime50, VALID_CHARS;
 var init_DeviceLinkScreen = __esm({
   "src/internal/components/DevicesMenu/DeviceLinkScreen.tsx"() {
-    import_react31 = require("react");
+    import_react30 = require("react");
     import_lucide_react21 = require("lucide-react");
     init_Expandable2();
     init_button();
@@ -12691,19 +12653,19 @@ function DeviceManageScreen() {
   const userId = session?.mpcUserId || "";
   const deviceId = pageParams?.deviceId;
   const deviceName = pageParams?.deviceName;
-  const guardianRef = (0, import_react32.useRef)(null);
-  const [screen, setScreen] = (0, import_react32.useState)({ step: "connecting" });
-  const [actionState, setActionState] = (0, import_react32.useState)(null);
-  const [password, setPassword] = (0, import_react32.useState)("");
-  const [statusMessage, setStatusMessage] = (0, import_react32.useState)(null);
-  const [errorMessage, setErrorMessage] = (0, import_react32.useState)(null);
-  const [waitingConfirm, setWaitingConfirm] = (0, import_react32.useState)(false);
-  (0, import_react32.useEffect)(() => {
+  const guardianRef = (0, import_react31.useRef)(null);
+  const [screen, setScreen] = (0, import_react31.useState)({ step: "connecting" });
+  const [actionState, setActionState] = (0, import_react31.useState)(null);
+  const [password, setPassword] = (0, import_react31.useState)("");
+  const [statusMessage, setStatusMessage] = (0, import_react31.useState)(null);
+  const [errorMessage, setErrorMessage] = (0, import_react31.useState)(null);
+  const [waitingConfirm, setWaitingConfirm] = (0, import_react31.useState)(false);
+  (0, import_react31.useEffect)(() => {
     if (!statusMessage) return;
     const t = setTimeout(() => setStatusMessage(null), 3e3);
     return () => clearTimeout(t);
   }, [statusMessage]);
-  (0, import_react32.useEffect)(() => {
+  (0, import_react31.useEffect)(() => {
     if (!deviceId || !isWebSerialAvailable()) {
       setScreen({ step: "error", message: "WebSerial not available" });
       return;
@@ -12735,7 +12697,7 @@ function DeviceManageScreen() {
       guardianRef.current?.close();
     };
   }, [deviceId]);
-  const refreshList = (0, import_react32.useCallback)(async () => {
+  const refreshList = (0, import_react31.useCallback)(async () => {
     const guardian = guardianRef.current;
     if (!guardian || screen.step !== "connected") return;
     try {
@@ -12744,7 +12706,7 @@ function DeviceManageScreen() {
     } catch {
     }
   }, [screen]);
-  const handleBackup = (0, import_react32.useCallback)(async () => {
+  const handleBackup = (0, import_react31.useCallback)(async () => {
     const guardian = guardianRef.current;
     const iframe4 = getIframeManager();
     if (!guardian || !iframe4 || !userId) return;
@@ -12768,7 +12730,7 @@ function DeviceManageScreen() {
       setActionState(null);
     }
   }, [password, userId, refreshList]);
-  const handleOverwrite = (0, import_react32.useCallback)(async () => {
+  const handleOverwrite = (0, import_react31.useCallback)(async () => {
     const guardian = guardianRef.current;
     const iframe4 = getIframeManager();
     if (!guardian || !iframe4 || !userId) return;
@@ -12788,7 +12750,7 @@ function DeviceManageScreen() {
       setActionState(null);
     }
   }, [password, userId, refreshList]);
-  const handleDelete = (0, import_react32.useCallback)(async (keyshareId) => {
+  const handleDelete = (0, import_react31.useCallback)(async (keyshareId) => {
     const guardian = guardianRef.current;
     if (!guardian) return;
     setActionState({ action: "delete", keyshareId, substep: "confirm-device" });
@@ -12955,10 +12917,10 @@ function DeviceManageScreen() {
     }
   );
 }
-var import_react32, import_lucide_react22, import_jsx_runtime51;
+var import_react31, import_lucide_react22, import_jsx_runtime51;
 var init_DeviceManageScreen = __esm({
   "src/internal/components/DevicesMenu/DeviceManageScreen.tsx"() {
-    import_react32 = require("react");
+    import_react31 = require("react");
     import_lucide_react22 = require("lucide-react");
     init_Expandable2();
     init_button();
@@ -12981,11 +12943,11 @@ function DeviceRestoreScreen() {
   const keyshareId = pageParams?.keyshareId;
   const deviceId = pageParams?.deviceId;
   const deviceName = pageParams?.deviceName;
-  const [password, setPassword] = (0, import_react33.useState)("");
-  const [isWorking, setIsWorking] = (0, import_react33.useState)(false);
-  const [statusMessage, setStatusMessage] = (0, import_react33.useState)(null);
-  const [errorMessage, setErrorMessage] = (0, import_react33.useState)(null);
-  const handleRestore = (0, import_react33.useCallback)(async () => {
+  const [password, setPassword] = (0, import_react32.useState)("");
+  const [isWorking, setIsWorking] = (0, import_react32.useState)(false);
+  const [statusMessage, setStatusMessage] = (0, import_react32.useState)(null);
+  const [errorMessage, setErrorMessage] = (0, import_react32.useState)(null);
+  const handleRestore = (0, import_react32.useCallback)(async () => {
     if (!password || !keyshareId || !userId) return;
     const iframe4 = getIframeManager();
     if (!iframe4) {
@@ -13072,10 +13034,10 @@ function DeviceRestoreScreen() {
     }
   );
 }
-var import_react33, import_lucide_react23, import_jsx_runtime52;
+var import_react32, import_lucide_react23, import_jsx_runtime52;
 var init_DeviceRestoreScreen = __esm({
   "src/internal/components/DevicesMenu/DeviceRestoreScreen.tsx"() {
-    import_react33 = require("react");
+    import_react32 = require("react");
     import_lucide_react23 = require("lucide-react");
     init_Expandable2();
     init_button();
@@ -13098,8 +13060,8 @@ function truncateAddress(address) {
   return `${address.slice(0, 6)}...${address.slice(-4)}`;
 }
 function DeviceRow({ device }) {
-  const [confirmingUnlink, setConfirmingUnlink] = (0, import_react34.useState)(false);
-  const [unlinkError, setUnlinkError] = (0, import_react34.useState)(null);
+  const [confirmingUnlink, setConfirmingUnlink] = (0, import_react33.useState)(false);
+  const [unlinkError, setUnlinkError] = (0, import_react33.useState)(null);
   const { mutate: unlink, isPending } = useUnlinkDevice();
   if (confirmingUnlink) {
     return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex flex-col gap-2 p-3 rounded-lg bg-[var(--ui-kit-bg)]", children: [
@@ -13213,10 +13175,10 @@ function DevicesMenu() {
     }
   );
 }
-var import_react34, import_lucide_react24, import_jsx_runtime53;
+var import_react33, import_lucide_react24, import_jsx_runtime53;
 var init_DevicesMenu = __esm({
   "src/internal/components/DevicesMenu/DevicesMenu.tsx"() {
-    import_react34 = require("react");
+    import_react33 = require("react");
     import_lucide_react24 = require("lucide-react");
     init_Expandable2();
     init_button();
@@ -13228,12 +13190,43 @@ var init_DevicesMenu = __esm({
   }
 });
 
+// src/internal/stores/useExternalWalletStore.ts
+var import_zustand6, useExternalWalletStore;
+var init_useExternalWalletStore = __esm({
+  "src/internal/stores/useExternalWalletStore.ts"() {
+    import_zustand6 = require("zustand");
+    useExternalWalletStore = (0, import_zustand6.create)((set) => ({
+      configMode: "linked",
+      activeMode: "linked",
+      externalAddress: null,
+      externalChainId: null,
+      isExternalConnected: false,
+      connectorName: null,
+      setConfigMode: (mode) => set({ configMode: mode }),
+      setActiveMode: (mode) => set({ activeMode: mode }),
+      setExternalWallet: ({ address, chainId, connectorName }) => set({
+        externalAddress: address,
+        externalChainId: chainId,
+        isExternalConnected: true,
+        connectorName
+      }),
+      clearExternalWallet: () => set({
+        externalAddress: null,
+        externalChainId: null,
+        isExternalConnected: false,
+        connectorName: null
+      }),
+      setExternalChainId: (chainId) => set({ externalChainId: chainId })
+    }));
+  }
+});
+
 // src/internal/components/KeyshareRestoreMenu/hooks/useRestoreStore.ts
-var import_zustand6, useRestoreStore;
+var import_zustand7, useRestoreStore;
 var init_useRestoreStore = __esm({
   "src/internal/components/KeyshareRestoreMenu/hooks/useRestoreStore.ts"() {
-    import_zustand6 = require("zustand");
-    useRestoreStore = (0, import_zustand6.create)((set) => ({
+    import_zustand7 = require("zustand");
+    useRestoreStore = (0, import_zustand7.create)((set) => ({
       method: null,
       // recoveryData: null,
       showPassword: false,
@@ -13278,7 +13271,7 @@ function useOnRestoreSuccess() {
     setStatus
   } = useSession();
   const { setError, setSuccess } = useRestoreStore();
-  const createSessionWithKeyshare = (0, import_react35.useCallback)(
+  const createSessionWithKeyshare = (0, import_react34.useCallback)(
     async (userId, hasServerKeyshare, isNewUser) => {
       try {
         try {
@@ -13319,7 +13312,7 @@ function useOnRestoreSuccess() {
     },
     [setStatus, usePaymaster, activeChainId, publicClient]
   );
-  const onRestoreSuccess = (0, import_react35.useCallback)(async () => {
+  const onRestoreSuccess = (0, import_react34.useCallback)(async () => {
     const { verifyToken: verifyToken2, jwtTokenManager: jwtTokenManager4 } = await Promise.resolve().then(() => (init_auth(), auth_exports));
     const verify = await verifyToken2();
     const hasServerKeyshare = verify?.hasKeyshare ?? jwtTokenManager4.getHasKeyshare() ?? false;
@@ -13384,12 +13377,12 @@ function useOnRestoreSuccess() {
   ]);
   return { onRestoreSuccess };
 }
-var import_react35;
+var import_react34;
 var init_useOnRestoreSuccess = __esm({
   "src/internal/components/KeyshareRestoreMenu/hooks/useOnRestoreSuccess.ts"() {
     init_ProviderContext();
     init_SessionContext();
-    import_react35 = require("react");
+    import_react34 = require("react");
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_useRestoreStore();
@@ -13441,9 +13434,9 @@ __export(passkey_exports2, {
   linkPasskeyWithWebAuthn: () => linkPasskeyWithWebAuthn
 });
 async function completePasskeyLinking(payload) {
-  const hasValidToken = await (0, import_auth20.ensureValidToken)();
+  const hasValidToken = await (0, import_auth23.ensureValidToken)();
   if (!hasValidToken) throw new Error("No authentication token available");
-  const response = await (0, import_auth20.authenticatedFetch)(`${getTssUrl3()}/api/auth/link/passkey/complete`, {
+  const response = await (0, import_auth23.authenticatedFetch)(`${getTssUrl3()}/api/auth/link/passkey/complete`, {
     method: "POST",
     body: JSON.stringify(payload)
   });
@@ -13453,9 +13446,9 @@ async function completePasskeyLinking(payload) {
   }
 }
 async function beginPasskeyLinking() {
-  const hasValidToken = await (0, import_auth20.ensureValidToken)();
+  const hasValidToken = await (0, import_auth23.ensureValidToken)();
   if (!hasValidToken) throw new Error("No authentication token available");
-  let res = await (0, import_auth20.authenticatedFetch)(`${getTssUrl3()}/api/auth/link/passkey/begin`, { method: "POST" });
+  let res = await (0, import_auth23.authenticatedFetch)(`${getTssUrl3()}/api/auth/link/passkey/begin`, { method: "POST" });
   if (res.ok) {
     const begin2 = await res.json();
     const options2 = {
@@ -13483,7 +13476,7 @@ async function beginPasskeyLinking() {
     };
     return { challengeId: begin2.challengeId, options: options2 };
   }
-  res = await (0, import_auth20.authenticatedFetch)(`${getTssUrl3()}/api/auth/link/passkey/options`, { method: "GET" });
+  res = await (0, import_auth23.authenticatedFetch)(`${getTssUrl3()}/api/auth/link/passkey/options`, { method: "GET" });
   if (!res.ok) throw new Error("Failed to get passkey linking options");
   const begin = await res.json();
   const options = {
@@ -13515,7 +13508,7 @@ async function linkPasskeyWithWebAuthn(optionsOverride) {
   if (!("credentials" in navigator) || !("create" in navigator.credentials)) {
     throw new Error("WebAuthn not supported in this browser");
   }
-  const userId = import_auth20.jwtTokenManager.getUserId();
+  const userId = import_auth23.jwtTokenManager.getUserId();
   if (!userId) throw new Error("No authenticated user");
   let challengeId = null;
   let publicKeyOptions = null;
@@ -13811,36 +13804,37 @@ function useCreateBackup() {
   const session = useSession((st) => st.session);
   const address = useSession((st) => st.address);
   const hasServerVault = useSession((st) => st.hasServerVault);
-  const setIsDialogForced = useLayoutStore((st) => st.setIsDialogForced);
-  const { usePasskey, restorePassword, selectedCloudProvider, setSuccess, setError, setMethod, setIsCreatingPasskey } = useRestoreStore();
-  (0, import_react36.useEffect)(() => {
+  const usePasskey = useRestoreStore((st) => st.usePasskey);
+  const restorePassword = useRestoreStore((st) => st.restorePassword);
+  const selectedCloudProvider = useRestoreStore((st) => st.selectedCloudProvider);
+  (0, import_react35.useEffect)(() => {
     if (!hasServerVault) {
-      setMethod("server");
-      setIsDialogForced(true);
+      useRestoreStore.getState().setMethod("server");
+      useLayoutStore.getState().setIsDialogForced(true);
     }
-  }, [hasServerVault, setIsDialogForced, setMethod]);
+  }, [hasServerVault]);
   const recoveryUserId = useSession((st) => st.recoveryUserId);
   const passportUserId = session?.mpcUserId || recoveryUserId || "";
-  const onBackupSuccess = () => console.log("[ConnectWalletButton] Backup created successfully");
+  const onBackupSuccess = (0, import_react35.useCallback)(() => {
+    console.log("[EMBARKAI BACKUP] Backup created successfully");
+  }, [hasServerVault]);
   const { mutate: createPasswordBackup, isPending: isPasswordBackupCreating } = (0, import_react_query17.useMutation)({
     mutationFn: async () => {
       const iframeManager = getIframeManager();
       if (!iframeManager) {
         throw new Error("Iframe manager not initialized");
       }
-      const jwt = await Promise.resolve().then(() => (init_auth(), auth_exports)).then((m) => m.jwtTokenManager.getTokens());
+      const jwt = import_auth23.jwtTokenManager.getTokens();
       if (!usePasskey && !restorePassword) {
         throw new Error("Please provide a password for the backup");
       }
       const password = !usePasskey ? restorePassword : void 0;
-      const navigateToMainMenu = jwt.isNewUser || !hasServerVault;
-      console.log("[BACKUP STATUS] is new user:", jwt.isNewUser, !hasServerVault, "usePasskey:", usePasskey);
       return {
-        response: await iframeManager.createBackup(passportUserId, { method: "server", password }, jwt.accessToken),
-        navigateToMainMenu
+        response: await iframeManager.createBackup(passportUserId, { method: "server", password }, jwt.accessToken)
       };
     },
-    onSuccess: async ({ response, navigateToMainMenu }) => {
+    onSuccess: async ({ response }) => {
+      const { setError, setSuccess } = useRestoreStore.getState();
       qc.invalidateQueries({ queryKey: [CHECK_BACKUP_QUERY_KEY, address] });
       if (response.success) {
         setError("");
@@ -13848,7 +13842,7 @@ function useCreateBackup() {
         if (typeof window !== "undefined") {
           window.dispatchEvent(
             new CustomEvent("lumia-passport-backup-status-changed", {
-              detail: { method: "server", success: true, navigateToMainMenu }
+              detail: { method: "server", success: true }
             })
           );
         }
@@ -13856,9 +13850,10 @@ function useCreateBackup() {
       } else {
         setError(response.error || "Server backup failed");
       }
-      setIsDialogForced(false);
+      useLayoutStore.getState().setIsDialogForced(false);
     },
     onError: async (error) => {
+      const { setError, setSuccess } = useRestoreStore.getState();
       setSuccess("");
       if (error?.name === "NotAllowedError" || error?.message?.includes("timed out or was not allowed")) {
         setError("Passkey selection was cancelled. Please try again or create a new passkey.");
@@ -13887,7 +13882,7 @@ function useCreateBackup() {
     },
     onSuccess: async () => {
       qc.invalidateQueries({ queryKey: [CHECK_BACKUP_QUERY_KEY, address] });
-      setSuccess("Backup file downloaded successfully");
+      useRestoreStore.getState().setSuccess("Backup file downloaded successfully");
       if (typeof window !== "undefined") {
         window.dispatchEvent(
           new CustomEvent("lumia-passport-backup-status-changed", {
@@ -13898,13 +13893,13 @@ function useCreateBackup() {
       onBackupSuccess();
     },
     onError: async (error) => {
-      setError(error?.message || "Backup creation failed");
+      useRestoreStore.getState().setError(error?.message || "Backup creation failed");
       qc.invalidateQueries({ queryKey: [CHECK_BACKUP_QUERY_KEY, address] });
     }
   });
   const { mutate: createPasskey, isPending: isPasskeyCreating } = (0, import_react_query17.useMutation)({
     mutationFn: async () => {
-      setIsCreatingPasskey(true);
+      useRestoreStore.getState().setIsCreatingPasskey(true);
       const { linkPasskeyWithWebAuthn: linkPasskeyWithWebAuthn2 } = await Promise.resolve().then(() => (init_passkey2(), passkey_exports2));
       const { createPasskeyHelpers: createPasskeyHelpers2 } = await Promise.resolve().then(() => (init_passkey(), passkey_exports));
       const { credentialId, rawId } = await linkPasskeyWithWebAuthn2();
@@ -13914,11 +13909,13 @@ function useCreateBackup() {
       return { credentialId, rawId };
     },
     onSuccess: async () => {
+      const { setError, setSuccess, setIsCreatingPasskey } = useRestoreStore.getState();
       setIsCreatingPasskey(false);
       setError(null);
       setSuccess("Passkey created successfully. You can now create a backup.");
     },
     onError: async (error) => {
+      const { setError, setIsCreatingPasskey } = useRestoreStore.getState();
       setIsCreatingPasskey(false);
       if (error.name === "NotAllowedError") {
         setError("Passkey creation cancelled. Please try again.");
@@ -13951,7 +13948,7 @@ function useCreateBackup() {
     },
     onSuccess: async ({ provider, uploadResult }) => {
       console.log("[KeyshareBackup] Cloud backup upload result:", uploadResult);
-      setSuccess(`Successfully created cloud backup on ${provider.name}`);
+      useRestoreStore.getState().setSuccess(`Successfully created cloud backup on ${provider.name}`);
       qc.invalidateQueries({ queryKey: [CHECK_BACKUP_QUERY_KEY, address] });
       if (typeof window !== "undefined") {
         window.dispatchEvent(
@@ -13963,7 +13960,7 @@ function useCreateBackup() {
       onBackupSuccess();
     },
     onError: async (error) => {
-      setError(error?.message || "Backup creation failed");
+      useRestoreStore.getState().setError(error?.message || "Backup creation failed");
       qc.invalidateQueries({ queryKey: [CHECK_BACKUP_QUERY_KEY, address] });
     }
   });
@@ -13978,12 +13975,13 @@ function useCreateBackup() {
     createPasskey
   };
 }
-var import_react_query17, import_react36;
+var import_react_query17, import_react35;
 var init_useCreateBackup = __esm({
   "src/internal/components/KeyshareRestoreMenu/hooks/useCreateBackup.ts"() {
     init_SessionContext();
     import_react_query17 = require("@tanstack/react-query");
-    import_react36 = require("react");
+    import_react35 = require("react");
+    init_auth();
     init_useLayoutStore();
     init_iframe_manager();
     init_constants4();
@@ -14117,7 +14115,7 @@ function useValidateFileBackup() {
   const restoreFile = useRestoreStore((st) => st.restoreFile);
   const setError = useRestoreStore((st) => st.setError);
   const setUsePasskey = useRestoreStore((st) => st.setUsePasskey);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (!restoreFile) {
       return;
     }
@@ -14138,10 +14136,10 @@ function useValidateFileBackup() {
     reader.readAsText(restoreFile);
   }, [restoreFile]);
 }
-var import_react37;
+var import_react36;
 var init_useValidateFileBackup = __esm({
   "src/internal/components/KeyshareRestoreMenu/hooks/useValidateFileBackup.ts"() {
-    import_react37 = require("react");
+    import_react36 = require("react");
     init_useRestoreStore();
   }
 });
@@ -14169,7 +14167,7 @@ function MethodSelector(props) {
     setError,
     setSuccess
   } = useRestoreStore();
-  const recoveryRenderMethods = (0, import_react38.useMemo)(() => {
+  const recoveryRenderMethods = (0, import_react37.useMemo)(() => {
     const methodsWithBackupData = getRecoveryRenderMethods(mode).map((mt) => {
       let data = null;
       switch (true) {
@@ -14184,7 +14182,7 @@ function MethodSelector(props) {
     return methodsWithBackupData;
   }, [mode, serverRecoveryStatus]);
   if (!!selectedRecoveryMethod) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react38.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react37.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     "div",
     {
       style: { gridTemplateColumns: `repeat(${recoveryRenderMethods.length}, minmax(0, 1fr))` },
@@ -14218,12 +14216,12 @@ function MethodSelector(props) {
     }
   ) });
 }
-var import_lucide_react26, import_react38, import_jsx_runtime54, getRecoveryRenderMethods;
+var import_lucide_react26, import_react37, import_jsx_runtime54, getRecoveryRenderMethods;
 var init_MethodSelector = __esm({
   "src/internal/components/KeyshareRestoreMenu/components/MethodSelector.tsx"() {
     init_useT();
     import_lucide_react26 = require("lucide-react");
-    import_react38 = require("react");
+    import_react37 = require("react");
     init_guardian_backup();
     init_PositiveIcon();
     init_button();
@@ -14257,7 +14255,7 @@ function PasswordPasskey(props) {
     onCreatePasskey
   } = props;
   const hasServerVault = useSession((st) => st.hasServerVault);
-  const actionRef = (0, import_react39.useRef)(null);
+  const actionRef = (0, import_react38.useRef)(null);
   const {
     showPassword,
     restorePassword,
@@ -14271,7 +14269,7 @@ function PasswordPasskey(props) {
   } = useRestoreStore();
   const { config } = useProviderConfig();
   const isPasskeyEnabled = config.current.passkey.enabled;
-  (0, import_react39.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (!isPasskeyEnabled && usePasskey) setUsePasskey(false);
   }, [isPasskeyEnabled, usePasskey]);
   return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
@@ -14426,7 +14424,7 @@ function PasswordPasskey(props) {
     ] })
   ] });
 }
-var import_lucide_react27, import_react39, import_jsx_runtime55;
+var import_lucide_react27, import_react38, import_jsx_runtime55;
 var init_PasswordPasskey = __esm({
   "src/internal/components/KeyshareRestoreMenu/components/PasswordPasskey.tsx"() {
     init_ProviderContext();
@@ -14434,7 +14432,7 @@ var init_PasswordPasskey = __esm({
     init_i18n();
     init_utils2();
     import_lucide_react27 = require("lucide-react");
-    import_react39 = require("react");
+    import_react38 = require("react");
     init_OtpIcon();
     init_button();
     init_highlight();
@@ -14610,7 +14608,7 @@ function Server(props) {
   const usePasskey = useRestoreStore((st) => st.usePasskey);
   const setUsePasskey = useRestoreStore((st) => st.setUsePasskey);
   const serverRecoveryStatus = qc.getQueryData([CHECK_BACKUP_QUERY_KEY, address]);
-  (0, import_react40.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     if (mode === "backup" || !serverRecoveryStatus?.created?.encryptionMethod) return;
     setUsePasskey(serverRecoveryStatus.created.encryptionMethod === "passkey");
   }, [mode, serverRecoveryStatus, setUsePasskey]);
@@ -14633,7 +14631,7 @@ function Server(props) {
         ) : t("passport:backupMenu.vaultRestore")
       }
     ),
-    !!serverRecoveryStatus?.created?.at && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Highlight, { type: "success", className: "flex gap-[var(--ui-kit-gap)]", children: [
+    !!serverRecoveryStatus?.created?.at && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Highlight, { type: "info", className: "flex gap-[var(--ui-kit-gap)]", children: [
       serverRecoveryStatus.created.encryptionMethod === "password" ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(OtpIcon, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_lucide_react30.Key, { className: "w-4 h-4" }),
       /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { className: "flex-1 block", children: [
         t("passport:backupMenu.vaultRecoveryStatus"),
@@ -14645,7 +14643,7 @@ function Server(props) {
     ] })
   ] });
 }
-var import_react_query19, import_dayjs3, import_lucide_react30, import_react40, import_jsx_runtime58;
+var import_react_query19, import_dayjs3, import_lucide_react30, import_react39, import_jsx_runtime58;
 var init_Server = __esm({
   "src/internal/components/KeyshareRestoreMenu/methods/Server.tsx"() {
     init_SessionContext();
@@ -14654,7 +14652,7 @@ var init_Server = __esm({
     import_react_query19 = require("@tanstack/react-query");
     import_dayjs3 = __toESM(require("dayjs"), 1);
     import_lucide_react30 = require("lucide-react");
-    import_react40 = require("react");
+    import_react39 = require("react");
     init_highlight();
     init_PasswordPasskey();
     init_constants4();
@@ -14817,7 +14815,7 @@ function Cloud2(props) {
       return availableProviders.map((p) => ({ id: p.id, name: p.name, available: p.isAvailable() }));
     }
   });
-  (0, import_react41.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (isCloudProvidersLoading) return;
     if (!!cloudProvidersError) {
       console.error("[KeyshareBackup] Failed to load cloud providers:", cloudProvidersError);
@@ -14881,13 +14879,13 @@ function Cloud2(props) {
     )
   ] });
 }
-var import_react_query20, import_lucide_react32, import_react41, import_jsx_runtime60;
+var import_react_query20, import_lucide_react32, import_react40, import_jsx_runtime60;
 var init_Cloud = __esm({
   "src/internal/components/KeyshareRestoreMenu/methods/Cloud.tsx"() {
     init_SessionContext();
     import_react_query20 = require("@tanstack/react-query");
     import_lucide_react32 = require("lucide-react");
-    import_react41 = require("react");
+    import_react40 = require("react");
     init_button();
     init_select();
     init_PasswordPasskey();
@@ -14904,8 +14902,8 @@ function Guardian(props) {
   const session = useSession((st) => st.session);
   const recoveryUserId = useSession((st) => st.recoveryUserId);
   const { onRestoreSuccess } = useOnRestoreSuccess();
-  const [isWorking, setIsWorking] = (0, import_react42.useState)(false);
-  const [step, setStep] = (0, import_react42.useState)("idle");
+  const [isWorking, setIsWorking] = (0, import_react41.useState)(false);
+  const [step, setStep] = (0, import_react41.useState)("idle");
   const handleGuardianBackup = async () => {
     if (!restorePassword) {
       setError("Please enter a password");
@@ -15034,11 +15032,11 @@ function Guardian(props) {
     ] })
   ] });
 }
-var import_react42, import_lucide_react33, import_jsx_runtime61;
+var import_react41, import_lucide_react33, import_jsx_runtime61;
 var init_Guardian = __esm({
   "src/internal/components/KeyshareRestoreMenu/methods/Guardian.tsx"() {
     init_SessionContext();
-    import_react42 = require("react");
+    import_react41 = require("react");
     import_lucide_react33 = require("lucide-react");
     init_iframe_manager();
     init_guardian_backup();
@@ -15061,7 +15059,7 @@ var init_methods = __esm({
 });
 
 // src/internal/components/KeyshareRestoreMenu/KeyshareRestoreMenu.tsx
-var import_react_query21, import_lucide_react34, import_react43, import_jsx_runtime62, RESTORE_COMPONENTS, KeyshareRestoreMenu;
+var import_react_query21, import_lucide_react34, import_react42, import_wagmi, import_jsx_runtime62, RESTORE_COMPONENTS, KeyshareRestoreMenu;
 var init_KeyshareRestoreMenu = __esm({
   "src/internal/components/KeyshareRestoreMenu/KeyshareRestoreMenu.tsx"() {
     init_ProviderContext();
@@ -15069,9 +15067,11 @@ var init_KeyshareRestoreMenu = __esm({
     init_i18n();
     import_react_query21 = require("@tanstack/react-query");
     import_lucide_react34 = require("lucide-react");
-    import_react43 = require("react");
+    import_react42 = require("react");
+    import_wagmi = require("wagmi");
     init_useLayoutDataStore();
     init_useLayoutStore();
+    init_useExternalWalletStore();
     init_vaultClient();
     init_Expandable2();
     init_button();
@@ -15093,23 +15093,14 @@ var init_KeyshareRestoreMenu = __esm({
       const qc = (0, import_react_query21.useQueryClient)();
       const { callbacksRef } = useProviderConfig();
       const { t } = useT();
-      const { address, setSession, setAddress, setStatus, setIsLoading } = useSession();
+      const address = useSession((st) => st.address);
       const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
-      const setIsDialogForced = useLayoutStore((st) => st.setIsDialogForced);
-      const setPage = useLayoutDataStore((st) => st.setPage);
-      const {
-        method: currentRestoreMethod,
-        error,
-        success,
-        setError,
-        setShowPassword,
-        setUsePasskey,
-        setRestoreFile,
-        setRestorePassword,
-        setSuccess,
-        setMethod
-      } = useRestoreStore();
-      (0, import_react43.useEffect)(() => {
+      const error = useRestoreStore((st) => st.error);
+      const success = useRestoreStore((st) => st.success);
+      const currentRestoreMethod = useRestoreStore((st) => st.method);
+      (0, import_react42.useEffect)(() => {
+        const { setIsDialogForced } = useLayoutStore.getState();
+        const { setRestorePassword, setRestoreFile, setShowPassword, setUsePasskey, setMethod } = useRestoreStore.getState();
         setIsDialogForced(true);
         return () => {
           setRestorePassword("");
@@ -15120,6 +15111,18 @@ var init_KeyshareRestoreMenu = __esm({
           setIsDialogForced(false);
         };
       }, []);
+      const { disconnect: wagmiDisconnect } = (0, import_wagmi.useDisconnect)({
+        mutation: {
+          onSuccess: () => {
+            useExternalWalletStore.getState().clearExternalWallet();
+            useExternalWalletStore.getState().setExternalChainId(null);
+            console.log("[ExternalWalletStore] Disconnected from external wallet");
+          },
+          onError: (err) => {
+            console.error("[ExternalWalletStore] Error disconnecting from external wallet:", err);
+          }
+        }
+      });
       const { onRestoreSuccess } = useOnRestoreSuccess();
       const {
         restoreFromServer: restoreFromServer2,
@@ -15135,15 +15138,18 @@ var init_KeyshareRestoreMenu = __esm({
         queryFn: async () => await getShareRecoveryStats()
       });
       const hasServerBackup = serverRecoveryStatus?.created || serverRecoveryStatus?.devices?.length > 0;
-      (0, import_react43.useEffect)(() => {
-        if (!!hasServerBackup) setMethod("server");
+      (0, import_react42.useEffect)(() => {
+        if (!!hasServerBackup) useRestoreStore.getState().setMethod("server");
       }, [hasServerBackup]);
       const { mutate: disconnect, isPending: isDisconnecting } = (0, import_react_query21.useMutation)({
         mutationFn: async () => {
+          const { setStatus, setIsLoading } = useSession.getState();
+          const { setError, setMethod } = useRestoreStore.getState();
           setError(null);
           setMethod(null);
           setStatus("disconnecting");
           setIsLoading(true);
+          useLayoutStore.getState().setIsDialogForced(true);
           const { jwtTokenManager: jwtTokenManager4 } = await Promise.resolve().then(() => (init_auth(), auth_exports));
           const userId = jwtTokenManager4.getUserId() || null;
           const { logout: logout2 } = await Promise.resolve().then(() => (init_auth(), auth_exports));
@@ -15152,20 +15158,23 @@ var init_KeyshareRestoreMenu = __esm({
         },
         onSuccess: async ({ disconnectedUserId }) => {
           await qc.resetQueries({ queryKey: [CHECK_BACKUP_QUERY_KEY] });
+          if (!!useExternalWalletStore.getState().externalAddress) wagmiDisconnect();
+          const { setStatus, setIsLoading, setSession, setAddress } = useSession.getState();
           setSession(null);
           setAddress(null);
-          setError(null);
           setStatus("idle");
           setIsLoading(false);
-          setIsDialogForced(false);
+          useRestoreStore.getState().setError(null);
+          useLayoutStore.getState().setIsDialogForced(false);
           callbacksRef.current?.onDisconnect?.({ address: "0x", userId: disconnectedUserId });
-          setTimeout(() => setPage("auth" /* AUTH */), 50);
+          setTimeout(() => useLayoutDataStore.getState().setPage("auth" /* AUTH */), 50);
         },
         onError: (err) => {
-          setError(err.message || "An unknown error occurred during sign out");
+          const { setStatus, setIsLoading } = useSession.getState();
           setStatus("idle");
           setIsLoading(false);
-          setIsDialogForced(false);
+          useRestoreStore.getState().setError(err.message || "An unknown error occurred during sign out");
+          useLayoutStore.getState().setIsDialogForced(false);
         }
       });
       const RestoreComponent = currentRestoreMethod ? RESTORE_COMPONENTS[currentRestoreMethod] : null;
@@ -15199,6 +15208,7 @@ var init_KeyshareRestoreMenu = __esm({
                     labels: { checked: t("passport:common.standard"), unchecked: t("passport:common.advanced") },
                     checked: currentRestoreMethod !== "server",
                     onChange: () => {
+                      const { setError, setRestorePassword, setRestoreFile, setMethod } = useRestoreStore.getState();
                       if (!!error) setError(null);
                       if (currentRestoreMethod === "server") {
                         setRestorePassword("");
@@ -15228,6 +15238,15 @@ var init_KeyshareRestoreMenu = __esm({
                 size: "large",
                 variant: "ghost",
                 onClick: () => {
+                  const {
+                    setError,
+                    setShowPassword,
+                    setUsePasskey,
+                    setRestoreFile,
+                    setRestorePassword,
+                    setSuccess,
+                    setMethod
+                  } = useRestoreStore.getState();
                   setError(null);
                   setShowPassword(false);
                   setUsePasskey(false);
@@ -15270,20 +15289,11 @@ function KeyshareBackupMenu() {
   const { t } = useT();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
-  const {
-    method: currentBackupMethod,
-    error,
-    success,
-    setSelectedCloudProvider,
-    setSuccess,
-    setError,
-    setRestorePassword,
-    setRestoreFile,
-    setShowPassword,
-    setUsePasskey,
-    setMethod
-  } = useRestoreStore();
-  (0, import_react44.useEffect)(() => {
+  const currentBackupMethod = useRestoreStore((st) => st.method);
+  const error = useRestoreStore((st) => st.error);
+  const success = useRestoreStore((st) => st.success);
+  (0, import_react43.useEffect)(() => {
+    const { setSuccess, setError, setRestorePassword, setRestoreFile, setShowPassword, setUsePasskey, setMethod } = useRestoreStore.getState();
     return () => {
       setSuccess(null);
       setError(null);
@@ -15297,13 +15307,12 @@ function KeyshareBackupMenu() {
   const { data: serverRecoveryStatus, isLoading: isRecoveryLoading } = (0, import_react_query22.useQuery)({
     retry: false,
     enabled: !!address,
-    // Prevent query from running with undefined address
     queryKey: [CHECK_BACKUP_QUERY_KEY, address],
     queryFn: async () => await getShareRecoveryStats()
   });
   const hasRecoveryData = serverRecoveryStatus?.created || serverRecoveryStatus?.devices?.length > 0;
-  (0, import_react44.useEffect)(() => {
-    if (!!hasRecoveryData) setMethod("server");
+  (0, import_react43.useEffect)(() => {
+    if (!!hasRecoveryData) useRestoreStore.getState().setMethod("server");
   }, [hasRecoveryData]);
   const {
     isPasswordBackupCreating,
@@ -15336,6 +15345,16 @@ function KeyshareBackupMenu() {
                 size: "icon",
                 title: "Back",
                 onClick: () => {
+                  const {
+                    setSuccess,
+                    setError,
+                    setRestorePassword,
+                    setRestoreFile,
+                    setShowPassword,
+                    setUsePasskey,
+                    setMethod,
+                    setSelectedCloudProvider
+                  } = useRestoreStore.getState();
                   setRestorePassword("");
                   setRestoreFile(null);
                   setShowPassword(false);
@@ -15358,6 +15377,7 @@ function KeyshareBackupMenu() {
               labels: { checked: t("passport:common.standard"), unchecked: t("passport:common.advanced") },
               checked: currentBackupMethod !== "server",
               onChange: () => {
+                const { setError, setRestorePassword, setRestoreFile, setMethod } = useRestoreStore.getState();
                 if (!!error) setError(null);
                 if (currentBackupMethod === "server") {
                   setRestorePassword("");
@@ -15390,8 +15410,8 @@ function KeyshareBackupMenu() {
           /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react35.AlertCircle, { className: "h-4 w-4 flex-shrink-0" }),
           /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "block w-full flex-1", children: error })
         ] }),
-        success && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(Highlight, { type: "success", className: "flex gap-[var(--ui-kit-gap)]", children: [
+        success && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(Highlight, { type: "success", className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "w-full flex gap-[var(--ui-kit-gap)]", children: [
             /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react35.CheckCircle2, { className: "h-4 w-4 flex-shrink-0" }),
             /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "block w-full flex-1", children: success })
           ] }),
@@ -15401,8 +15421,8 @@ function KeyshareBackupMenu() {
               variant: "default",
               size: "large",
               className: "w-full",
-              onClick: () => setPage("settings" /* SETTINGS */),
-              children: "Done"
+              onClick: () => useRestoreStore.getState().setSuccess(null),
+              children: t("passport:common.continue")
             }
           )
         ] })
@@ -15410,14 +15430,14 @@ function KeyshareBackupMenu() {
     }
   );
 }
-var import_react_query22, import_lucide_react35, import_react44, import_jsx_runtime63, COMPONENTS;
+var import_react_query22, import_lucide_react35, import_react43, import_jsx_runtime63, COMPONENTS;
 var init_KeyshareBackupMenu = __esm({
   "src/internal/components/KeyshareRestoreMenu/KeyshareBackupMenu.tsx"() {
     init_SessionContext();
     init_i18n();
     import_react_query22 = require("@tanstack/react-query");
     import_lucide_react35 = require("lucide-react");
-    import_react44 = require("react");
+    import_react43 = require("react");
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_vaultClient();
@@ -15455,14 +15475,14 @@ function useColorMode() {
   const preferedColorMode = config?.preferedColorMode;
   const colorMode = useLayoutStore((st) => st.colorMode);
   const handleStoreColorMode = useLayoutStore((st) => st.setColorMode);
-  const setColorMode = (0, import_react45.useCallback)(
+  const setColorMode = (0, import_react44.useCallback)(
     (mode) => {
       localStorage.setItem(LOCAL_COLOR_MODE_KEY, mode);
       handleStoreColorMode(mode);
     },
     [handleStoreColorMode]
   );
-  (0, import_react45.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     let targetColorMode = localStorage.getItem(LOCAL_COLOR_MODE_KEY);
     if (!targetColorMode && !preferedColorMode) {
       const systemMode = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
@@ -15477,10 +15497,10 @@ function useColorMode() {
   }, []);
   return { colorMode, setColorMode };
 }
-var import_react45;
+var import_react44;
 var init_useColorMode = __esm({
   "src/hooks/useColorMode.ts"() {
-    import_react45 = require("react");
+    import_react44 = require("react");
     init_ProviderContext();
     init_constants();
     init_useLayoutStore();
@@ -15582,13 +15602,13 @@ var init_SumsubIframeManager = __esm({
 function useSumsubIframe({ iframeUrl }) {
   const config = useProviderConfig().config;
   const { colorMode } = useColorMode();
-  const iframeRef = (0, import_react46.useRef)(null);
-  const [isLoading, setIsLoading] = (0, import_react46.useState)(true);
-  const [error, setError] = (0, import_react46.useState)(null);
-  const [height, setHeight] = (0, import_react46.useState)(0);
-  const [status, setStatus] = (0, import_react46.useState)("");
+  const iframeRef = (0, import_react45.useRef)(null);
+  const [isLoading, setIsLoading] = (0, import_react45.useState)(true);
+  const [error, setError] = (0, import_react45.useState)(null);
+  const [height, setHeight] = (0, import_react45.useState)(0);
+  const [status, setStatus] = (0, import_react45.useState)("");
   const levelName = config.current?.kyc?.options?.levelName;
-  (0, import_react46.useEffect)(() => {
+  (0, import_react45.useEffect)(() => {
     setError(null);
     setIsLoading(true);
     setStatus("Preparing verification...");
@@ -15629,12 +15649,12 @@ function useSumsubIframe({ iframeUrl }) {
     status
   };
 }
-var import_react46;
+var import_react45;
 var init_useSumsubIframe = __esm({
   "src/internal/components/KYC/useSumsubIframe.ts"() {
     init_ProviderContext();
     init_useColorMode();
-    import_react46 = require("react");
+    import_react45 = require("react");
     init_sumsub();
     init_SumsubIframeManager();
   }
@@ -15839,9 +15859,9 @@ var init_LanguagesMenu2 = __esm({
 
 // src/internal/auth/providers/common.ts
 async function getLinkedProviders() {
-  const hasValidToken = await (0, import_auth20.ensureValidToken)();
+  const hasValidToken = await (0, import_auth23.ensureValidToken)();
   if (!hasValidToken) throw new Error("No authentication token available");
-  const response = await (0, import_auth20.authenticatedFetch)(`${getTssUrl3()}/api/auth/providers`, { method: "GET" });
+  const response = await (0, import_auth23.authenticatedFetch)(`${getTssUrl3()}/api/auth/providers`, { method: "GET" });
   if (!response.ok) {
     const errorData = await response.json().catch(() => ({}));
     throw new Error(errorData.message || `Failed to fetch providers: ${response.statusText}`);
@@ -15850,11 +15870,11 @@ async function getLinkedProviders() {
   return data.providers;
 }
 async function unlinkProvider(providerType, externalId) {
-  const hasValidToken = await (0, import_auth20.ensureValidToken)();
+  const hasValidToken = await (0, import_auth23.ensureValidToken)();
   if (!hasValidToken) throw new Error("No authentication token available");
   let url = `${getTssUrl3()}/api/auth/unlink/${providerType}`;
   if (externalId) url += `?externalId=${encodeURIComponent(externalId)}`;
-  const response = await (0, import_auth20.authenticatedFetch)(url, { method: "DELETE" });
+  const response = await (0, import_auth23.authenticatedFetch)(url, { method: "DELETE" });
   if (!response.ok) {
     const errorData = await response.json().catch(() => ({}));
     throw new Error(errorData.message || `Failed to unlink provider: ${response.statusText}`);
@@ -15862,12 +15882,12 @@ async function unlinkProvider(providerType, externalId) {
   try {
     const data = await response.json();
     if (data?.accessToken && data?.refreshToken && data?.expiresIn) {
-      import_auth20.jwtTokenManager.setTokens({
+      import_auth23.jwtTokenManager.setTokens({
         accessToken: data.accessToken,
         refreshToken: data.refreshToken,
-        userId: import_auth20.jwtTokenManager.getUserId() || "",
+        userId: import_auth23.jwtTokenManager.getUserId() || "",
         expiresIn: data.expiresIn,
-        hasKeyshare: import_auth20.jwtTokenManager.getHasKeyshare() ?? false
+        hasKeyshare: import_auth23.jwtTokenManager.getHasKeyshare() ?? false
       });
     }
   } catch {
@@ -15908,7 +15928,7 @@ function MainMenu() {
   const { t } = useT();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const setTransitionPageHeight = useLayoutDataStore((st) => st.setTransitionPageHeight);
-  (0, import_react47.useEffect)(() => setTransitionPageHeight(DEFAULT_MAIN_MENU_HEIGHT), []);
+  (0, import_react46.useEffect)(() => setTransitionPageHeight(DEFAULT_MAIN_MENU_HEIGHT), []);
   useProvidersList();
   return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "w-full p-[var(--ui-kit-pd)] flex flex-col gap-[var(--ui-kit-gap)]", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "w-full grid grid-cols-4 gap-0 md:gap-[var(--ui-kit-gap)] py-[10px] md:py-1", children: MAIN_MENU_BUTTONS.map(({ id, label, icon: Icon2 }) => /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
     Button,
@@ -15926,13 +15946,13 @@ function MainMenu() {
     id
   )) }) });
 }
-var import_lucide_react40, import_react47, import_jsx_runtime68, MAIN_MENU_BUTTONS;
+var import_lucide_react40, import_react46, import_jsx_runtime68, MAIN_MENU_BUTTONS;
 var init_MainMenu = __esm({
   "src/internal/components/MainMenu/MainMenu.tsx"() {
     init_SessionContext();
     init_useT();
     import_lucide_react40 = require("lucide-react");
-    import_react47 = require("react");
+    import_react46 = require("react");
     init_constants();
     init_useLayoutDataStore();
     init_useProvidersList();
@@ -15970,7 +15990,7 @@ function useLinkedProfiles() {
       });
       let avatar2 = null;
       try {
-        avatar2 = import_auth20.jwtTokenManager.getAvatar() || null;
+        avatar2 = import_auth23.jwtTokenManager.getAvatar() || null;
       } catch {
         avatar2 = null;
       }
@@ -15978,16 +15998,16 @@ function useLinkedProfiles() {
     }
   });
   const { profiles = [], avatar = null } = data || {};
-  const refresh = (0, import_react48.useCallback)(async () => {
+  const refresh = (0, import_react47.useCallback)(async () => {
     await qc.invalidateQueries({ queryKey: [LINKED_PROFILES_QUERY_KEY, address] });
   }, [qc, address]);
   return { profiles, avatar, isLoading, isFetching, error, refresh };
 }
-var import_react_query25, import_react48, LINKED_PROFILES_QUERY_KEY;
+var import_react_query25, import_react47, LINKED_PROFILES_QUERY_KEY;
 var init_linkedProfiles = __esm({
   "src/modules/linkedProfiles.ts"() {
     import_react_query25 = require("@tanstack/react-query");
-    import_react48 = require("react");
+    import_react47 = require("react");
     init_SessionContext();
     init_auth();
     init_common();
@@ -15997,11 +16017,11 @@ var init_linkedProfiles = __esm({
 });
 
 // src/internal/components/ManageWalletMenu/hooks/useStore.ts
-var import_zustand7, useManageWalletStore;
+var import_zustand8, useManageWalletStore;
 var init_useStore = __esm({
   "src/internal/components/ManageWalletMenu/hooks/useStore.ts"() {
-    import_zustand7 = require("zustand");
-    useManageWalletStore = (0, import_zustand7.create)((set) => ({
+    import_zustand8 = require("zustand");
+    useManageWalletStore = (0, import_zustand8.create)((set) => ({
       alert: null,
       emailStep: "input",
       email: "",
@@ -16135,9 +16155,9 @@ var init_EmailForm = __esm({
 
 // src/internal/auth/providers/email.ts
 async function sendEmailLinkCode(email) {
-  const hasValidToken = await (0, import_auth20.ensureValidToken)();
+  const hasValidToken = await (0, import_auth23.ensureValidToken)();
   if (!hasValidToken) throw new Error("No authentication token available");
-  const response = await (0, import_auth20.authenticatedFetch)(`${getTssUrl3()}/api/auth/link/email/send-code`, {
+  const response = await (0, import_auth23.authenticatedFetch)(`${getTssUrl3()}/api/auth/link/email/send-code`, {
     method: "POST",
     body: JSON.stringify({ email })
   });
@@ -16147,9 +16167,9 @@ async function sendEmailLinkCode(email) {
   }
 }
 async function verifyEmailLinkCode(email, code) {
-  const hasValidToken = await (0, import_auth20.ensureValidToken)();
+  const hasValidToken = await (0, import_auth23.ensureValidToken)();
   if (!hasValidToken) throw new Error("No authentication token available");
-  const response = await (0, import_auth20.authenticatedFetch)(`${getTssUrl3()}/api/auth/link/email/verify-code`, {
+  const response = await (0, import_auth23.authenticatedFetch)(`${getTssUrl3()}/api/auth/link/email/verify-code`, {
     method: "POST",
     credentials: "include",
     body: JSON.stringify({ email, code })
@@ -16435,7 +16455,7 @@ var init_AddProvider = __esm({
 
 // src/internal/components/ManageWalletMenu/EmailNotConnectedWarning.tsx
 function EmailNotConnectedWarning() {
-  const providers = import_auth20.jwtTokenManager.getProviders();
+  const providers = import_auth23.jwtTokenManager.getProviders();
   const hasEmail = providers.includes("email");
   const { t } = useT();
   const config = useProviderConfig().config;
@@ -16478,7 +16498,7 @@ function useLinkSocial() {
   const setPage = useLayoutDataStore((st) => st.setPage);
   const isWalletLinking = useLayoutDataStore((st) => st.isWalletLinking);
   const { providerType, linkIsLoading, setProviderType, setAlert, setLinkIsLoading } = useManageWalletStore();
-  const handleLinkSocialProvider = import_react49.default.useCallback(
+  const handleLinkSocialProvider = import_react48.default.useCallback(
     async (providerIdRaw) => {
       const providerKey = providerIdRaw.toLowerCase();
       const normalizedKey = providerKey === "twitter" ? "x" : providerKey;
@@ -16502,11 +16522,11 @@ function useLinkSocial() {
           mode: "link"
         };
         try {
-          await (0, import_auth20.ensureValidToken)();
+          await (0, import_auth23.ensureValidToken)();
         } catch (tokenError) {
           console.warn("[ManageWallet] ensureValidToken failed before linking", tokenError);
         }
-        const accessToken = import_auth20.jwtTokenManager.getAccessToken();
+        const accessToken = import_auth23.jwtTokenManager.getAccessToken();
         if (accessToken) {
           authConfig.token = accessToken;
         }
@@ -16536,8 +16556,8 @@ function useLinkSocial() {
     },
     [config.social?.providers]
   );
-  const [socialLinkStarted, setSocialLinkStarted] = import_react49.default.useState(false);
-  (0, import_react49.useEffect)(() => {
+  const [socialLinkStarted, setSocialLinkStarted] = import_react48.default.useState(false);
+  (0, import_react48.useEffect)(() => {
     const key = providerType?.toLowerCase();
     console.log("[useLinkSocial] Effect triggered:", { key, linkIsLoading, socialLinkStarted, isWalletLinking });
     if (isWalletLinking) {
@@ -16555,7 +16575,7 @@ function useLinkSocial() {
     }
   }, [providerType, linkIsLoading, socialLinkStarted, isWalletLinking, handleLinkSocialProvider]);
 }
-var import_react_query30, import_react49;
+var import_react_query30, import_react48;
 var init_useLinkSocial = __esm({
   "src/internal/components/ManageWalletMenu/hooks/useLinkSocial.ts"() {
     init_useLayoutDataStore();
@@ -16563,7 +16583,7 @@ var init_useLinkSocial = __esm({
     init_SessionContext();
     init_linkedProfiles();
     import_react_query30 = require("@tanstack/react-query");
-    import_react49 = __toESM(require("react"), 1);
+    import_react48 = __toESM(require("react"), 1);
     init_auth();
     init_telegramBrowser();
     init_useProvidersList();
@@ -16573,7 +16593,7 @@ var init_useLinkSocial = __esm({
 
 // src/internal/auth/providers/telegram.ts
 async function linkTelegram(telegramData) {
-  const hasValidToken = await (0, import_auth20.ensureValidToken)();
+  const hasValidToken = await (0, import_auth23.ensureValidToken)();
   if (!hasValidToken) throw new Error("No authentication token available");
   const formattedData = {
     id: telegramData.id,
@@ -16584,7 +16604,7 @@ async function linkTelegram(telegramData) {
   if (telegramData.last_name) formattedData.last_name = telegramData.last_name;
   if (telegramData.username) formattedData.username = telegramData.username;
   if (telegramData.photo_url) formattedData.photo_url = telegramData.photo_url;
-  const response = await (0, import_auth20.authenticatedFetch)(`${getTssUrl3()}/api/auth/link/telegram`, {
+  const response = await (0, import_auth23.authenticatedFetch)(`${getTssUrl3()}/api/auth/link/telegram`, {
     method: "POST",
     body: JSON.stringify(formattedData)
   });
@@ -16632,7 +16652,7 @@ function useLinkTelegram() {
   const isWalletLinking = useLayoutDataStore((st) => st.isWalletLinking);
   const { providerType, linkIsLoading, setLinkIsLoading, setProviderType, setAlert } = useManageWalletStore();
   const setPage = useLayoutDataStore((st) => st.setPage);
-  const handleLinkTelegram = (0, import_react50.useCallback)(async () => {
+  const handleLinkTelegram = (0, import_react49.useCallback)(async () => {
     try {
       if (shouldBlockSocialAuthInTelegram("telegram")) {
         setAlert(buildTelegramBrowserRestriction("Telegram", "linking"));
@@ -16679,8 +16699,8 @@ function useLinkTelegram() {
       setLinkIsLoading(false);
     }
   }, [config.social?.providers]);
-  const [telegramLinkStarted, setTelegramLinkStarted] = (0, import_react50.useState)(false);
-  (0, import_react50.useEffect)(() => {
+  const [telegramLinkStarted, setTelegramLinkStarted] = (0, import_react49.useState)(false);
+  (0, import_react49.useEffect)(() => {
     console.log("[useLinkTelegram] Effect triggered:", {
       providerType,
       linkIsLoading,
@@ -16697,20 +16717,20 @@ function useLinkTelegram() {
       handleLinkTelegram();
     }
   }, [providerType, handleLinkTelegram, linkIsLoading, telegramLinkStarted, isWalletLinking]);
-  (0, import_react50.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     if (providerType !== "telegram") {
       setTelegramLinkStarted(false);
     }
   }, [providerType]);
 }
-var import_react_query31, import_react50;
+var import_react_query31, import_react49;
 var init_useLinkTelegram = __esm({
   "src/internal/components/ManageWalletMenu/hooks/useLinkTelegram.ts"() {
     init_ProviderContext();
     init_SessionContext();
     init_linkedProfiles();
     import_react_query31 = require("@tanstack/react-query");
-    import_react50 = require("react");
+    import_react49 = require("react");
     init_telegram2();
     init_useLayoutDataStore();
     init_telegramBrowser();
@@ -16843,7 +16863,7 @@ function ManageWalletMenu() {
   } = useManageWalletStore();
   const configuredProviders = getConfiguredProviders(config.current);
   const { data: providers = [], isLoading: isProvidersLoading, error: providersError } = useProvidersList();
-  const renderProviders = (0, import_react51.useMemo)(() => {
+  const renderProviders = (0, import_react50.useMemo)(() => {
     const normalizeProviderName = (name) => {
       if (name === "x") return "twitter";
       return name;
@@ -16965,7 +16985,7 @@ function ManageWalletMenu() {
     }
   );
 }
-var import_lodash_es8, import_lucide_react44, import_react51, import_jsx_runtime73, POSSIBLE_PROVIDERS, MULTI_PROVIDERS;
+var import_lodash_es8, import_lucide_react44, import_react50, import_jsx_runtime73, POSSIBLE_PROVIDERS, MULTI_PROVIDERS;
 var init_ManageWallet = __esm({
   "src/internal/components/ManageWalletMenu/ManageWallet.tsx"() {
     init_useLayoutDataStore();
@@ -16974,7 +16994,7 @@ var init_ManageWallet = __esm({
     init_i18n();
     import_lodash_es8 = require("lodash-es");
     import_lucide_react44 = require("lucide-react");
-    import_react51 = require("react");
+    import_react50 = require("react");
     init_constants();
     init_telegramBrowser();
     init_Expandable2();
@@ -17001,48 +17021,17 @@ var init_ManageWallet = __esm({
   }
 });
 
-// src/internal/stores/useExternalWalletStore.ts
-var import_zustand8, useExternalWalletStore;
-var init_useExternalWalletStore = __esm({
-  "src/internal/stores/useExternalWalletStore.ts"() {
-    import_zustand8 = require("zustand");
-    useExternalWalletStore = (0, import_zustand8.create)((set) => ({
-      configMode: "linked",
-      activeMode: "linked",
-      externalAddress: null,
-      externalChainId: null,
-      isExternalConnected: false,
-      connectorName: null,
-      setConfigMode: (mode) => set({ configMode: mode }),
-      setActiveMode: (mode) => set({ activeMode: mode }),
-      setExternalWallet: ({ address, chainId, connectorName }) => set({
-        externalAddress: address,
-        externalChainId: chainId,
-        isExternalConnected: true,
-        connectorName
-      }),
-      clearExternalWallet: () => set({
-        externalAddress: null,
-        externalChainId: null,
-        isExternalConnected: false,
-        connectorName: null
-      }),
-      setExternalChainId: (chainId) => set({ externalChainId: chainId })
-    }));
-  }
-});
-
 // src/internal/components/ManageWalletMenu/UnlinkProviderMenu.tsx
 function UnlinkProviderMenu() {
   const qc = (0, import_react_query32.useQueryClient)();
   const address = useSession((st) => st.address);
   const { callbacksRef } = useProviderConfig();
-  const { disconnect: disconnectExternalWallet } = (0, import_wagmi.useDisconnect)();
+  const { disconnect: disconnectExternalWallet } = (0, import_wagmi2.useDisconnect)();
   const isExternalConnected = useExternalWalletStore((st) => st.isExternalConnected);
   const { t } = useT();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const { confirmUnlink, setConfirmUnlink, setAlert } = useManageWalletStore();
-  const [confirmInput, setConfirmInput] = (0, import_react52.useState)("");
+  const [confirmInput, setConfirmInput] = (0, import_react51.useState)("");
   const { mutate: handleUnlinkProvider, isPending: isProviderUnlinking } = (0, import_react_query32.useMutation)({
     mutationFn: async () => {
       if (!confirmUnlink) {
@@ -17124,7 +17113,7 @@ function UnlinkProviderMenu() {
     ] })
   ] });
 }
-var import_react_query32, import_lucide_react45, import_react52, import_wagmi, import_jsx_runtime74;
+var import_react_query32, import_lucide_react45, import_react51, import_wagmi2, import_jsx_runtime74;
 var init_UnlinkProviderMenu = __esm({
   "src/internal/components/ManageWalletMenu/UnlinkProviderMenu.tsx"() {
     init_useLayoutDataStore();
@@ -17134,8 +17123,8 @@ var init_UnlinkProviderMenu = __esm({
     init_linkedProfiles();
     import_react_query32 = require("@tanstack/react-query");
     import_lucide_react45 = require("lucide-react");
-    import_react52 = require("react");
-    import_wagmi = require("wagmi");
+    import_react51 = require("react");
+    import_wagmi2 = require("wagmi");
     init_auth();
     init_useExternalWalletStore();
     init_button();
@@ -17293,7 +17282,7 @@ function NicknameEditForm(props) {
   const { t } = useT();
   const passportWalletAddress = useSession((st) => st.address);
   const { callbacksRef } = useProviderConfig();
-  const [isNicknameCopied, setIsNicknameCopied] = (0, import_react53.useState)(false);
+  const [isNicknameCopied, setIsNicknameCopied] = (0, import_react52.useState)(false);
   const {
     mutate: changeNickname2,
     isError: isNicknameChangeError,
@@ -17325,7 +17314,7 @@ function NicknameEditForm(props) {
       );
     }
   });
-  const handleInputChange = (0, import_react53.useCallback)(
+  const handleInputChange = (0, import_react52.useCallback)(
     (e) => {
       const value = e.target.value;
       setInputValue(value);
@@ -17339,7 +17328,7 @@ function NicknameEditForm(props) {
     },
     [clientError, isNicknameChangeError, isNicknameChangeSuccess, reset, t]
   );
-  const handleSubmit = (0, import_react53.useCallback)(
+  const handleSubmit = (0, import_react52.useCallback)(
     (e) => {
       if (!canChange) return;
       e.preventDefault();
@@ -17403,7 +17392,7 @@ function NicknameEditForm(props) {
     !!canChange && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "w-full flex items-center leadding-4 text-[10px]", children: t("passport:nicknameMenu.hint") })
   ] });
 }
-var import_react_query33, import_lucide_react47, import_react53, import_jsx_runtime76;
+var import_react_query33, import_lucide_react47, import_react52, import_jsx_runtime76;
 var init_NicknameEditForm = __esm({
   "src/internal/components/NicknameMenu/NicknameEditForm.tsx"() {
     init_ProviderContext();
@@ -17411,7 +17400,7 @@ var init_NicknameEditForm = __esm({
     init_i18n();
     import_react_query33 = require("@tanstack/react-query");
     import_lucide_react47 = require("lucide-react");
-    import_react53 = require("react");
+    import_react52 = require("react");
     init_PositiveIcon();
     init_nickname();
     init_profile();
@@ -17427,17 +17416,17 @@ var init_NicknameEditForm = __esm({
 
 // src/internal/components/NicknameMenu/useNickname.ts
 function useNicknameForm(currentNickname) {
-  const [inputValue, setInputValue] = (0, import_react54.useState)("");
+  const [inputValue, setInputValue] = (0, import_react53.useState)("");
   const normalizedInputValue = normalizeNickname(inputValue);
   const validation = validateNickname(inputValue);
   const isValidForCheck = validation.valid && normalizedInputValue.length > 0;
-  (0, import_react54.useEffect)(() => {
+  (0, import_react53.useEffect)(() => {
     setInputValue(currentNickname);
   }, [currentNickname]);
-  const [queryInputValue, setQueryInputValue] = (0, import_react54.useState)("");
+  const [queryInputValue, setQueryInputValue] = (0, import_react53.useState)("");
   const isSameAsCurrentNickname = normalizedInputValue === currentNickname.toLowerCase();
   const shouldCheckAvailability = validation.valid && !isSameAsCurrentNickname && inputValue.length > 0;
-  (0, import_react54.useEffect)(() => {
+  (0, import_react53.useEffect)(() => {
     if (!isValidForCheck || !shouldCheckAvailability) {
       setQueryInputValue("");
       return;
@@ -17466,11 +17455,11 @@ function useNicknameForm(currentNickname) {
     availabilityQuery: query
   };
 }
-var import_react_query34, import_react54, DEBOUNCE_MS;
+var import_react_query34, import_react53, DEBOUNCE_MS;
 var init_useNickname = __esm({
   "src/internal/components/NicknameMenu/useNickname.ts"() {
     import_react_query34 = require("@tanstack/react-query");
-    import_react54 = require("react");
+    import_react53 = require("react");
     init_nickname();
     init_profile();
     init_nickname_validation();
@@ -17482,7 +17471,7 @@ var init_useNickname = __esm({
 function NicknameMenu() {
   const address = useSession((st) => st.address);
   const { t } = useT();
-  const [clientError, setClientError] = (0, import_react55.useState)(null);
+  const [clientError, setClientError] = (0, import_react54.useState)(null);
   const setPage = useLayoutDataStore((st) => st.setPage);
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
   const {
@@ -17569,7 +17558,7 @@ function NicknameMenu() {
     }
   );
 }
-var import_react_query35, import_dayjs4, import_lucide_react48, import_react55, import_jsx_runtime77;
+var import_react_query35, import_dayjs4, import_lucide_react48, import_react54, import_jsx_runtime77;
 var init_NicknameMenu = __esm({
   "src/internal/components/NicknameMenu/NicknameMenu.tsx"() {
     init_SessionContext();
@@ -17577,7 +17566,7 @@ var init_NicknameMenu = __esm({
     import_react_query35 = require("@tanstack/react-query");
     import_dayjs4 = __toESM(require("dayjs"), 1);
     import_lucide_react48 = require("lucide-react");
-    import_react55 = require("react");
+    import_react54 = require("react");
     init_nickname();
     init_profile();
     init_useLayoutDataStore();
@@ -17604,7 +17593,7 @@ var init_NicknameMenu2 = __esm({
 function getCachedPublicClient(chainId) {
   const cachedClient = publicClientByChainId.get(chainId);
   if (cachedClient) return cachedClient;
-  const publicClient = (0, import_read13.createPublicClientForChain)(chainId);
+  const publicClient = (0, import_read14.createPublicClientForChain)(chainId);
   publicClientByChainId.set(chainId, publicClient);
   return publicClient;
 }
@@ -17614,11 +17603,11 @@ function useResolvedPublicClient(chainId, logScope = "useResolvedPublicClient")
   const activeChainConfig = useSession((st) => st.chainConfig);
   const resolvedChainId = chainId ?? activeChainId;
   const shouldUseActiveClient = !chainId || chainId === activeChainId;
-  const chainConfig = (0, import_react56.useMemo)(() => {
+  const chainConfig = (0, import_react55.useMemo)(() => {
     if (shouldUseActiveClient) return activeChainConfig;
-    return (0, import_read13.getChainConfig)(chainId);
+    return (0, import_read14.getChainConfig)(chainId);
   }, [activeChainConfig, chainId, shouldUseActiveClient]);
-  const publicClient = (0, import_react56.useMemo)(() => {
+  const publicClient = (0, import_react55.useMemo)(() => {
     if (shouldUseActiveClient) return activePublicClient;
     if (!chainId) return activePublicClient;
     try {
@@ -17635,12 +17624,12 @@ function useResolvedPublicClient(chainId, logScope = "useResolvedPublicClient")
     resolvedChainId
   };
 }
-var import_read13, import_react56, publicClientByChainId;
+var import_read14, import_react55, publicClientByChainId;
 var init_useResolvedPublicClient = __esm({
   "src/internal/hooks/useResolvedPublicClient.ts"() {
     init_SessionContext();
-    import_read13 = require("@embarkai/core/read");
-    import_react56 = require("react");
+    import_read14 = require("@embarkai/core/read");
+    import_react55 = require("react");
     publicClientByChainId = /* @__PURE__ */ new Map();
   }
 });
@@ -17650,7 +17639,7 @@ function useWatchTokens(options) {
   const { address, chainId, enabled = true } = options;
   const { config } = useProviderConfig();
   const { publicClient, resolvedChainId } = useResolvedPublicClient(chainId, "useWatchTokens");
-  const watchTokens = (0, import_react57.useMemo)(() => {
+  const watchTokens = (0, import_react56.useMemo)(() => {
     const allWatchTokens = config.current.watchTokens;
     const tokensForChain = resolvedChainId ? allWatchTokens?.[resolvedChainId] || [] : [];
     return tokensForChain;
@@ -17732,12 +17721,12 @@ function useWatchTokens(options) {
     refetch
   };
 }
-var import_react_query36, import_react57, import_viem6, WATCH_TOKENS_QUERY_KEY;
+var import_react_query36, import_react56, import_viem6, WATCH_TOKENS_QUERY_KEY;
 var init_useWatchTokens = __esm({
   "src/internal/hooks/useWatchTokens.ts"() {
     init_ProviderContext();
     import_react_query36 = require("@tanstack/react-query");
-    import_react57 = require("react");
+    import_react56 = require("react");
     import_viem6 = require("viem");
     init_useResolvedPublicClient();
     WATCH_TOKENS_QUERY_KEY = "watch-tokens";
@@ -17875,11 +17864,11 @@ function useBlockscoutAssets(options) {
   const customTokenBalancesQuery = portfolioConfig?.tokenBalancesQuery;
   const customTokenBalancesQueryKey = portfolioConfig?.tokenBalancesQueryKey;
   const blockscoutApiUrl = getBlockscoutApiUrl(chainConfig);
-  const blockscoutClient = (0, import_react58.useMemo)(
+  const blockscoutClient = (0, import_react57.useMemo)(
     () => blockscoutApiUrl ? (0, import_clients2.createBlockscoutClient)({ baseUrl: blockscoutApiUrl }) : null,
     [blockscoutApiUrl]
   );
-  const lastRefreshRef = (0, import_react58.useRef)(0);
+  const lastRefreshRef = (0, import_react57.useRef)(0);
   const {
     assets: watchTokenAssets,
     isLoading: watchTokensLoading,
@@ -17948,7 +17937,7 @@ function useBlockscoutAssets(options) {
     retry: 2,
     retryDelay: 1e3
   });
-  const erc20TokenAddresses = (0, import_react58.useMemo)(() => {
+  const erc20TokenAddresses = (0, import_react57.useMemo)(() => {
     if (!tokenBalances) return [];
     return tokenBalances.filter((tb) => tb.token.type === "ERC-20").map((tb) => tb.token.address_hash);
   }, [tokenBalances]);
@@ -17992,7 +17981,7 @@ function useBlockscoutAssets(options) {
     gcTime: BLOCKSCOUT_QUERY_GC_TIME,
     retry: 1
   });
-  const assets = (0, import_react58.useMemo)(() => {
+  const assets = (0, import_react57.useMemo)(() => {
     const result = [];
     const addedAddresses = /* @__PURE__ */ new Set();
     if (nativeBalanceData) {
@@ -18038,7 +18027,7 @@ function useBlockscoutAssets(options) {
     }
     return result;
   }, [nativeBalanceData, tokenBalances, nftItems, erc3643Results, watchTokenAssets, chainConfig]);
-  const nativeBalance = (0, import_react58.useMemo)(() => {
+  const nativeBalance = (0, import_react57.useMemo)(() => {
     if (!nativeBalanceData) return null;
     return {
       value: nativeBalanceData.value,
@@ -18046,11 +18035,11 @@ function useBlockscoutAssets(options) {
       symbol: nativeBalanceData.symbol
     };
   }, [nativeBalanceData]);
-  const error = (0, import_react58.useMemo)(() => {
+  const error = (0, import_react57.useMemo)(() => {
     if (!tokensError) return null;
     return createError(tokensError);
   }, [tokensError]);
-  const refreshBalances = (0, import_react58.useCallback)(async () => {
+  const refreshBalances = (0, import_react57.useCallback)(async () => {
     const now = Date.now();
     if (now - lastRefreshRef.current < BLOCKSCOUT_REFRESH_DEBOUNCE) {
       return;
@@ -18058,7 +18047,7 @@ function useBlockscoutAssets(options) {
     lastRefreshRef.current = now;
     await Promise.all([refetchNative(), refetchTokens(), refetchNfts(), refetchWatchTokens()]);
   }, [refetchNative, refetchTokens, refetchNfts, refetchWatchTokens]);
-  const getTokenBalance = (0, import_react58.useCallback)(
+  const getTokenBalance = (0, import_react57.useCallback)(
     (tokenAddress) => {
       return assets.find((a) => a.address?.toLowerCase() === tokenAddress.toLowerCase()) || null;
     },
@@ -18076,13 +18065,13 @@ function useBlockscoutAssets(options) {
     lastUpdated: dataUpdatedAt || null
   };
 }
-var import_clients2, import_react_query37, import_react58, import_viem7, BLOCKSCOUT_QUERY_KEY, ERC3643_DETECTION_QUERY_KEY, ERC3643_ABI;
+var import_clients2, import_react_query37, import_react57, import_viem7, BLOCKSCOUT_QUERY_KEY, ERC3643_DETECTION_QUERY_KEY, ERC3643_ABI;
 var init_useBlockscoutAssets = __esm({
   "src/internal/hooks/useBlockscoutAssets.ts"() {
     init_ProviderContext();
     import_clients2 = require("@embarkai/core/clients");
     import_react_query37 = require("@tanstack/react-query");
-    import_react58 = require("react");
+    import_react57 = require("react");
     import_viem7 = require("viem");
     init_initial();
     init_constants();
@@ -18199,8 +18188,8 @@ async function resolveAssetRate(symbol, address, customAssetRateQuery) {
 }
 function PortfolioItemImage(props) {
   const { asset } = props;
-  const [nftImageError, setNftImageError] = (0, import_react59.useState)(false);
-  const [logoError, setLogoError] = (0, import_react59.useState)(false);
+  const [nftImageError, setNftImageError] = (0, import_react58.useState)(false);
+  const [logoError, setLogoError] = (0, import_react58.useState)(false);
   const isNft = isNftAsset(asset);
   const nftImage = getNftImage(asset);
   const isSecurity = isSecurityToken(asset);
@@ -18315,14 +18304,14 @@ function PortfolioItem(props) {
     }
   );
 }
-var import_react_query38, import_lucide_react49, import_react59, import_viem9, import_jsx_runtime79, SKIP_SYMBOLS2, ASSETS_RATES_QUERY_KEY;
+var import_react_query38, import_lucide_react49, import_react58, import_viem9, import_jsx_runtime79, SKIP_SYMBOLS2, ASSETS_RATES_QUERY_KEY;
 var init_PortfolioItem = __esm({
   "src/internal/components/PortfolioMenu/PortfolioItem.tsx"() {
     init_ProviderContext();
     init_tokens();
     import_react_query38 = require("@tanstack/react-query");
     import_lucide_react49 = require("lucide-react");
-    import_react59 = require("react");
+    import_react58 = require("react");
     import_viem9 = require("viem");
     init_base();
     init_priceFormatter();
@@ -18354,7 +18343,7 @@ function PortfolioMenu() {
     enabled: !!address
   });
   const shownProjectAssests = projectAssets.filter((asset) => !asset.hideInPortfolio);
-  const refreshAllAssetsBalances = (0, import_react60.useCallback)(() => {
+  const refreshAllAssetsBalances = (0, import_react59.useCallback)(() => {
     Promise.all(shownProjectAssests.map((asset) => qc.invalidateQueries({ queryKey: asset.balanceQueryKey })));
     refreshBlockscoutBalances();
   }, [qc, shownProjectAssests, refreshBlockscoutBalances]);
@@ -18404,7 +18393,7 @@ function PortfolioMenu() {
     }
   );
 }
-var import_react_query39, import_lucide_react50, import_react60, import_jsx_runtime80;
+var import_react_query39, import_lucide_react50, import_react59, import_jsx_runtime80;
 var init_PortfolioMenu = __esm({
   "src/internal/components/PortfolioMenu/PortfolioMenu.tsx"() {
     init_ProviderContext();
@@ -18412,7 +18401,7 @@ var init_PortfolioMenu = __esm({
     init_i18n();
     import_react_query39 = require("@tanstack/react-query");
     import_lucide_react50 = require("lucide-react");
-    import_react60 = require("react");
+    import_react59 = require("react");
     init_useBlockscoutAssets();
     init_useLayoutDataStore();
     init_useLayoutStore();
@@ -18521,10 +18510,10 @@ function ReceiveMenu() {
   const { t } = useT();
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
   const open = page === "receive";
-  const [qrCodeUrl, setQrCodeUrl] = (0, import_react61.useState)("");
-  const [copied, setCopied] = (0, import_react61.useState)(false);
-  const [fingerprintCopied, setFingerprintCopied] = (0, import_react61.useState)(false);
-  const fingerprint = (0, import_react61.useMemo)(() => {
+  const [qrCodeUrl, setQrCodeUrl] = (0, import_react60.useState)("");
+  const [copied, setCopied] = (0, import_react60.useState)(false);
+  const [fingerprintCopied, setFingerprintCopied] = (0, import_react60.useState)(false);
+  const fingerprint = (0, import_react60.useMemo)(() => {
     if (!session?.ownerAddress) return null;
     try {
       return generateFingerprint(session.ownerAddress);
@@ -18532,7 +18521,7 @@ function ReceiveMenu() {
       return null;
     }
   }, [session?.ownerAddress]);
-  (0, import_react61.useEffect)(() => {
+  (0, import_react60.useEffect)(() => {
     if (open && address) {
       import_qrcode.default.toDataURL(address, {
         width: 200,
@@ -18545,7 +18534,7 @@ function ReceiveMenu() {
       });
     }
   }, [open, address]);
-  const handleCopy = (0, import_react61.useCallback)(async () => {
+  const handleCopy = (0, import_react60.useCallback)(async () => {
     if (!address) return;
     try {
       await navigator.clipboard.writeText(address);
@@ -18555,7 +18544,7 @@ function ReceiveMenu() {
       console.error("Failed to copy address:", error);
     }
   }, [address]);
-  const handleCopyFingerprint = (0, import_react61.useCallback)(async () => {
+  const handleCopyFingerprint = (0, import_react60.useCallback)(async () => {
     if (!fingerprint) return;
     try {
       await navigator.clipboard.writeText(fingerprint);
@@ -18616,14 +18605,14 @@ function ReceiveMenu() {
     }
   );
 }
-var import_lucide_react51, import_qrcode, import_react61, import_jsx_runtime81;
+var import_lucide_react51, import_qrcode, import_react60, import_jsx_runtime81;
 var init_ReceiveMenu = __esm({
   "src/internal/components/ReceiveMenu/ReceiveMenu.tsx"() {
     init_SessionContext();
     init_i18n();
     import_lucide_react51 = require("lucide-react");
     import_qrcode = __toESM(require("qrcode"), 1);
-    import_react61 = require("react");
+    import_react60 = require("react");
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_nickname_fingerprint();
@@ -19095,9 +19084,9 @@ function SecurityMenu() {
   const { t } = useT();
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
   const setPage = useLayoutDataStore((st) => st.setPage);
-  const userId = import_auth20.jwtTokenManager.getUserId();
-  const serverHasKeyshare = import_auth20.jwtTokenManager.getHasKeyshare() ?? false;
-  const [appToUntrust, untrustApp] = (0, import_react62.useState)(null);
+  const userId = import_auth23.jwtTokenManager.getUserId();
+  const serverHasKeyshare = import_auth23.jwtTokenManager.getHasKeyshare() ?? false;
+  const [appToUntrust, untrustApp] = (0, import_react61.useState)(null);
   const { data: recoveryData, isLoading: isRecoveryLoading } = useKeyshareRecoveryStats();
   const localInfo = recoveryData?.keyshareInfo || {};
   const hasServerBackup = !!recoveryData?.shareRecoveryStats?.created || recoveryData?.shareRecoveryStats?.devices?.length > 0;
@@ -19173,13 +19162,13 @@ function SecurityMenu() {
     }
   );
 }
-var import_react_query41, import_lucide_react57, import_react62, import_jsx_runtime88;
+var import_react_query41, import_lucide_react57, import_react61, import_jsx_runtime88;
 var init_SecurityMenu = __esm({
   "src/internal/components/SecurityMenu/SecurityMenu.tsx"() {
     init_i18n();
     import_react_query41 = require("@tanstack/react-query");
     import_lucide_react57 = require("lucide-react");
-    import_react62 = require("react");
+    import_react61 = require("react");
     init_auth();
     init_useLayoutDataStore();
     init_useLayoutStore();
@@ -19217,9 +19206,9 @@ async function walletLogin(walletData) {
   return response.json();
 }
 async function linkWallet(walletData) {
-  const hasValidToken = await (0, import_auth20.ensureValidToken)();
+  const hasValidToken = await (0, import_auth23.ensureValidToken)();
   if (!hasValidToken) throw new Error("No authentication token available");
-  const response = await (0, import_auth20.authenticatedFetch)(`${getTssUrl3()}/api/auth/link/wallet`, {
+  const response = await (0, import_auth23.authenticatedFetch)(`${getTssUrl3()}/api/auth/link/wallet`, {
     method: "POST",
     body: JSON.stringify(walletData)
   });
@@ -19229,9 +19218,9 @@ async function linkWallet(walletData) {
   }
 }
 async function unlinkWallet(address) {
-  const hasValidToken = await (0, import_auth20.ensureValidToken)();
+  const hasValidToken = await (0, import_auth23.ensureValidToken)();
   if (!hasValidToken) throw new Error("No authentication token available");
-  const response = await (0, import_auth20.authenticatedFetch)(
+  const response = await (0, import_auth23.authenticatedFetch)(
     `${getTssUrl3()}/api/auth/unlink/wallet?address=${encodeURIComponent(address)}`,
     {
       method: "DELETE"
@@ -19325,23 +19314,23 @@ var init_useFlowSelector = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/lib/chains.ts
-var import_read14, import_chains, CHAINS_UI_META;
+var import_read15, import_chains, CHAINS_UI_META;
 var init_chains = __esm({
   "src/internal/components/SendMenu/hyperbridge/lib/chains.ts"() {
     init_EthereumIcon();
     init_LumiaIcon2();
     init_BscIcon();
-    import_read14 = require("@embarkai/core/read");
+    import_read15 = require("@embarkai/core/read");
     import_chains = require("wagmi/chains");
     CHAINS_UI_META = {
       lumiaprism: {
-        chainID: import_read14.lumiaMainnetChain.id,
-        chainLabel: import_read14.lumiaMainnetChain.name,
+        chainID: import_read15.lumiaMainnetChain.id,
+        chainLabel: import_read15.lumiaMainnetChain.name,
         chainName: "lumiaprism",
         // exact hyperlane registry chain name
         Icon: LumiaIcon2,
-        explorerUrl: import_read14.lumiaMainnetChain.blockExplorers.default.url,
-        chain: import_read14.lumiaMainnetChain
+        explorerUrl: import_read15.lumiaMainnetChain.blockExplorers.default.url,
+        chain: import_read15.lumiaMainnetChain
       },
       bsc: {
         chainID: import_chains.bsc.id,
@@ -19442,16 +19431,16 @@ function SenderSelector(props) {
   const { directWalletProfile } = props;
   const { t } = useT();
   const config = useProviderConfig().config;
-  const { signMessageAsync } = (0, import_wagmi2.useSignMessage)();
+  const { signMessageAsync } = (0, import_wagmi3.useSignMessage)();
   const { openConnectModal } = (0, import_rainbowkit.useConnectModal)();
   const directWalletAddress = useExternalWalletStore((st) => st.externalAddress);
   const directWalletIsConnected = useExternalWalletStore((st) => st.isExternalConnected);
-  const pendingWalletRef = (0, import_react63.useRef)(null);
+  const pendingWalletRef = (0, import_react62.useRef)(null);
   const originChain = useBridgeStore((st) => st.originChain);
   const bridgeSender = useBridgeStore((st) => st.bridgeSender);
   const bridgeSenders = useBridgeStore((st) => st.bridgeSenders);
-  const [walletMessage, setWalletMessage] = (0, import_react63.useState)(null);
-  (0, import_react63.useEffect)(() => {
+  const [walletMessage, setWalletMessage] = (0, import_react62.useState)(null);
+  (0, import_react62.useEffect)(() => {
     useFlowSelectorStore.getState().setRenderKey(`sender-selected-${Date.now()}`);
   }, [walletMessage]);
   const { mutate: loginDirectWallet, isPending: isDirectWalletLoggingIn } = (0, import_react_query42.useMutation)({
@@ -19507,7 +19496,7 @@ function SenderSelector(props) {
       setWalletMessage(error instanceof Error ? error.message : "Wallet login failed. Please try again.");
     }
   });
-  (0, import_react63.useEffect)(() => {
+  (0, import_react62.useEffect)(() => {
     const pendingProfile = pendingWalletRef.current;
     if (!pendingProfile || !directWalletIsConnected || !directWalletAddress) return;
     if (directWalletAddress.toLowerCase() !== pendingProfile.externalId?.toLowerCase()) return;
@@ -19582,15 +19571,15 @@ function SenderSelector(props) {
     ] })
   ] });
 }
-var import_rainbowkit, import_react_query42, import_react63, import_wagmi2, import_jsx_runtime89;
+var import_rainbowkit, import_react_query42, import_react62, import_wagmi3, import_jsx_runtime89;
 var init_SenderSelector = __esm({
   "src/internal/components/SendMenu/hyperbridge/components/SenderSelector.tsx"() {
     init_ProviderContext();
     init_i18n();
     import_rainbowkit = require("@rainbow-me/rainbowkit");
     import_react_query42 = require("@tanstack/react-query");
-    import_react63 = require("react");
-    import_wagmi2 = require("wagmi");
+    import_react62 = require("react");
+    import_wagmi3 = require("wagmi");
     init_wallet();
     init_useLayoutDataStore();
     init_useExternalWalletStore();
@@ -19702,8 +19691,8 @@ var init_wallets = __esm({
 function useAvailableSenders() {
   const address = useSession((st) => st.address);
   const { profiles } = useLinkedProfiles();
-  const lastCalcedSenders = (0, import_react64.useRef)([]);
-  (0, import_react64.useEffect)(() => {
+  const lastCalcedSenders = (0, import_react63.useRef)([]);
+  (0, import_react63.useEffect)(() => {
     const sendersAccumulator = [
       {
         type: "embarkai-wallet",
@@ -19735,13 +19724,13 @@ function useAvailableSenders() {
     directWalletProfile: profiles.filter((p) => p.provider === "wallet")[0] || null
   };
 }
-var import_react64;
+var import_react63;
 var init_useAvailableSenders = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useAvailableSenders.ts"() {
     init_SessionContext();
     init_tokens();
     init_linkedProfiles();
-    import_react64 = require("react");
+    import_react63 = require("react");
     init_wallets();
     init_useFlowSelector();
     init_useBridgeStore();
@@ -19750,7 +19739,7 @@ var init_useAvailableSenders = __esm({
 
 // src/internal/components/SendMenu/hyperbridge/api.ts
 function iframe3() {
-  const accessToken = import_auth20.jwtTokenManager.getAccessToken();
+  const accessToken = import_auth23.jwtTokenManager.getAccessToken();
   if (!accessToken) {
     throw new Error("Access token is not available");
   }
@@ -19815,7 +19804,7 @@ var init_api3 = __esm({
 // src/clients/bundler/getUserOperationByHash.ts
 async function getUserOperationByHash(userOpHash, chainId) {
   const targetChainId = chainId ?? requireActiveChainId();
-  const chainConfig = (0, import_read15.getChainConfig)(targetChainId);
+  const chainConfig = (0, import_read16.getChainConfig)(targetChainId);
   if (!chainConfig) {
     throw new Error(`Chain ${targetChainId} is not supported`);
   }
@@ -19843,19 +19832,19 @@ async function getUserOperationByHash(userOpHash, chainId) {
     return null;
   }
 }
-var import_core3, import_read15;
+var import_core3, import_read16;
 var init_getUserOperationByHash = __esm({
   "src/clients/bundler/getUserOperationByHash.ts"() {
     init_SessionContext();
     import_core3 = require("@embarkai/core");
-    import_read15 = require("@embarkai/core/read");
+    import_read16 = require("@embarkai/core/read");
   }
 });
 
 // src/clients/bundler/getUserOperationReceipt.ts
 async function getUserOperationReceipt(userOpHash, chainId) {
   const targetChainId = chainId ?? requireActiveChainId();
-  const chainConfig = (0, import_read16.getChainConfig)(targetChainId);
+  const chainConfig = (0, import_read17.getChainConfig)(targetChainId);
   if (!chainConfig) {
     throw new Error(`Chain ${targetChainId} is not supported`);
   }
@@ -19889,12 +19878,12 @@ async function getUserOperationReceipt(userOpHash, chainId) {
     return null;
   }
 }
-var import_core4, import_read16;
+var import_core4, import_read17;
 var init_getUserOperationReceipt = __esm({
   "src/clients/bundler/getUserOperationReceipt.ts"() {
     init_SessionContext();
     import_core4 = require("@embarkai/core");
-    import_read16 = require("@embarkai/core/read");
+    import_read17 = require("@embarkai/core/read");
   }
 });
 
@@ -20062,7 +20051,7 @@ function isOririnChainEmbarkSupported(originChain) {
 var import_viem12;
 var init_utils8 = __esm({
   "src/internal/components/SendMenu/hyperbridge/utils.ts"() {
-    init_networks3();
+    init_networks4();
     import_viem12 = require("viem");
     init_chains();
   }
@@ -20084,29 +20073,29 @@ function useHyperlaneHistory() {
     queryFn: async ({ pageParam }) => await getHyperlaneBridgeHistory({ page: pageParam, pageSize: TX_HISTORY_PAGE_SIZE })
   });
   const { data: txHistoryData, isLoading: isBridgeTxHistoryLoading } = query;
-  const txList = (0, import_react65.useMemo)(
+  const txList = (0, import_react64.useMemo)(
     () => txHistoryData?.pages?.map((p) => p.data).flat(Infinity) || [],
     [txHistoryData]
   );
-  const updateExpandable = (0, import_react65.useCallback)(
+  const updateExpandable = (0, import_react64.useCallback)(
     (0, import_lodash_es9.debounce)(() => {
       useFlowSelectorStore.getState().setRenderKey(`hyperlane-history-loaded-${Date.now()}`);
     }, 250),
     []
   );
-  (0, import_react65.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     if (isBridgeTxHistoryLoading || txList.length === 0) return;
     updateExpandable();
   }, [isBridgeTxHistoryLoading, txList]);
   return { query, txList };
 }
-var import_react_query43, import_lodash_es9, import_react65, HYPERLANE_HISTORY_QUERY_KEY, TX_HISTORY_PAGE_SIZE, TX_HISTORY_POLLING_INTERVAL;
+var import_react_query43, import_lodash_es9, import_react64, HYPERLANE_HISTORY_QUERY_KEY, TX_HISTORY_PAGE_SIZE, TX_HISTORY_POLLING_INTERVAL;
 var init_useHyperlaneHistory = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useHyperlaneHistory.ts"() {
     init_SessionContext();
     import_react_query43 = require("@tanstack/react-query");
     import_lodash_es9 = require("lodash-es");
-    import_react65 = require("react");
+    import_react64 = require("react");
     init_useLayoutDataStore();
     init_useFlowSelector();
     init_api3();
@@ -20136,9 +20125,9 @@ function useBridge() {
   const qc = (0, import_react_query44.useQueryClient)();
   const { t } = useT();
   const address = useSession((st) => st.address);
-  const { data: walletClient } = (0, import_wagmi3.useWalletClient)();
-  const { switchChainAsync } = (0, import_wagmi3.useSwitchChain)();
-  const swapDirection = (0, import_react66.useCallback)(() => {
+  const { data: walletClient } = (0, import_wagmi4.useWalletClient)();
+  const { switchChainAsync } = (0, import_wagmi4.useSwitchChain)();
+  const swapDirection = (0, import_react65.useCallback)(() => {
     const {
       bridgeStep,
       originChain,
@@ -20190,7 +20179,7 @@ function useBridge() {
       useFlowSelectorStore.getState().setError(error instanceof Error ? error.message : String(error));
     }
   });
-  const handleQuoteEstimation = (0, import_react66.useCallback)((amnt) => {
+  const handleQuoteEstimation = (0, import_react65.useCallback)((amnt) => {
     const { originChain, destinationChain, bridgeSender } = useBridgeStore.getState();
     if (!amnt || !Number(amnt)) {
       useBridgeStore.getState().setQuote(null);
@@ -20315,15 +20304,15 @@ function useBridge() {
     isAssetBridging
   };
 }
-var import_react_query44, import_react66, import_wagmi3;
+var import_react_query44, import_react65, import_wagmi4;
 var init_useBridge = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useBridge.ts"() {
     init_SessionContext();
     init_i18n();
     init_useExternalWalletStore();
     import_react_query44 = require("@tanstack/react-query");
-    import_react66 = require("react");
-    import_wagmi3 = require("wagmi");
+    import_react65 = require("react");
+    import_wagmi4 = require("wagmi");
     init_useLayoutStore();
     init_useFlowSelector();
     init_api3();
@@ -20352,7 +20341,7 @@ function useHyperlaneRoutes() {
     queryKey: [HYPERLANE_WARP_ROUTES_QUERY_KEY, address],
     queryFn: async () => getHyperlaneWarpRoutes()
   });
-  (0, import_react67.useEffect)(() => {
+  (0, import_react66.useEffect)(() => {
     if (!errorWarpRoutes) return;
     useFlowSelectorStore.getState().setError(errorWarpRoutes.message);
     const { resetSelections, setRecipient, setOriginChain, setDestinationChain } = useBridgeStore.getState();
@@ -20361,7 +20350,7 @@ function useHyperlaneRoutes() {
     setOriginChain(null);
     setDestinationChain(null);
   }, [errorWarpRoutes]);
-  (0, import_react67.useEffect)(() => {
+  (0, import_react66.useEffect)(() => {
     if (!!hyperRoute || !hyperlaneWarpRoutes.length) return;
     const warpRouteToAutoSelect = hyperlaneWarpRoutes.find((route) => route.routeId === hyperRoute);
     if (!warpRouteToAutoSelect) return;
@@ -20380,12 +20369,12 @@ function useHyperlaneRoutes() {
   }, [hyperRoute, hyperlaneWarpRoutes]);
   return { hyperlaneWarpRoutes, isLoadingWarpRoutes };
 }
-var import_react_query45, import_react67, HYPERLANE_WARP_ROUTES_QUERY_KEY;
+var import_react_query45, import_react66, HYPERLANE_WARP_ROUTES_QUERY_KEY;
 var init_useHyperlaneRoutes = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useHyperlaneRoutes.ts"() {
     init_SessionContext();
     import_react_query45 = require("@tanstack/react-query");
-    import_react67 = require("react");
+    import_react66 = require("react");
     init_useLayoutDataStore();
     init_useFlowSelector();
     init_api3();
@@ -20401,7 +20390,7 @@ function useMenuTitle(warpRoutes) {
   const bridgeStep = useBridgeStore((st) => st.bridgeStep);
   const hyperRoute = useBridgeStore((st) => st.hyperRoute);
   const hyperRouteMeta = warpRoutes?.length ? warpRoutes.find((route) => route.routeId === hyperRoute) : null;
-  (0, import_react68.useEffect)(() => {
+  (0, import_react67.useEffect)(() => {
     const updateMenuTitle = useFlowSelectorStore.getState().setMenuTitle;
     switch (true) {
       case bridgeStep === "sender-selector":
@@ -20429,11 +20418,11 @@ function useMenuTitle(warpRoutes) {
     }
   }, [bridgeStep, hyperRouteMeta, t]);
 }
-var import_react68;
+var import_react67;
 var init_useMenuTitle = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useMenuTitle.ts"() {
     init_i18n();
-    import_react68 = require("react");
+    import_react67 = require("react");
     init_useFlowSelector();
     init_useBridgeStore();
   }
@@ -20460,7 +20449,7 @@ function useBridgeBalance(hyperlaneWarpRoutes) {
   const address = useSession((st) => st.address);
   const directWalletAddress = useExternalWalletStore((st) => st.externalAddress);
   const directWalletChainId = useExternalWalletStore((st) => st.externalChainId);
-  const { switchChainAsync } = (0, import_wagmi4.useSwitchChain)();
+  const { switchChainAsync } = (0, import_wagmi5.useSwitchChain)();
   const hyperRoute = useBridgeStore((st) => st.hyperRoute);
   const bridgeSender = useBridgeStore((st) => st.bridgeSender);
   const originChain = useBridgeStore((st) => st.originChain);
@@ -20540,7 +20529,7 @@ function useBridgeBalance(hyperlaneWarpRoutes) {
       };
     }
   });
-  const refreshRouteTokenBalance = (0, import_react69.useCallback)(
+  const refreshRouteTokenBalance = (0, import_react68.useCallback)(
     (senderWallet) => {
       switch (true) {
         case senderWallet === "embarkai-wallet":
@@ -20556,7 +20545,7 @@ function useBridgeBalance(hyperlaneWarpRoutes) {
     },
     [refreshBalances, qc]
   );
-  (0, import_react69.useEffect)(() => {
+  (0, import_react68.useEffect)(() => {
     if (!bridgeSender || !originChain) return;
     switch (bridgeSender) {
       case "embarkai-wallet":
@@ -20587,16 +20576,16 @@ function useBridgeBalance(hyperlaneWarpRoutes) {
     isRouteTokenBalanceLoading: isAssetsLoading || isExternalBalanceLoading || isExternalNativeBalanceLoading
   };
 }
-var import_core6, import_react_query46, import_react69, import_viem13, import_wagmi4, EXTERNAL_WALLET_BRIDGING_BALANCE_QUERY, EXTERNAL_WALLET_BRIDGING_NATIVE_BALANCE_QUERY;
+var import_core6, import_react_query46, import_react68, import_viem13, import_wagmi5, EXTERNAL_WALLET_BRIDGING_BALANCE_QUERY, EXTERNAL_WALLET_BRIDGING_NATIVE_BALANCE_QUERY;
 var init_useBridgeBalance = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useBridgeBalance.ts"() {
     init_SessionContext();
     init_i18n();
     import_core6 = require("@embarkai/core");
     import_react_query46 = require("@tanstack/react-query");
-    import_react69 = require("react");
+    import_react68 = require("react");
     import_viem13 = require("viem");
-    import_wagmi4 = require("wagmi");
+    import_wagmi5 = require("wagmi");
     init_useBlockscoutAssets();
     init_useExternalWalletStore();
     init_useFlowSelector();
@@ -20712,7 +20701,7 @@ function SelectStep(props) {
                 variant: "outline",
                 size: "medium",
                 className: "bg-[var(--ui-kit-bg)] flex items-center gap-[var(--ui-kit-gap)]",
-                children: selectedWarpRoute.chainPair.map((chain, chIdx) => /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_react70.Fragment, { children: [
+                children: selectedWarpRoute.chainPair.map((chain, chIdx) => /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_react69.Fragment, { children: [
                   chIdx > 0 && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react59.ArrowLeftRightIcon, { className: "w-4 h-4 " }),
                   /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ResolveChainIcon, { chainName: chain.chainName, className: "w-4 h-4" })
                 ] }, `${selectedWarpRoute.id}-icon-${chain.chainID}-${chIdx}`))
@@ -20847,13 +20836,13 @@ function SelectStep(props) {
     )
   ] });
 }
-var import_lucide_react59, import_react70, import_jsx_runtime93;
+var import_lucide_react59, import_react69, import_jsx_runtime93;
 var init_SelectStep = __esm({
   "src/internal/components/SendMenu/hyperbridge/steps/SelectStep.tsx"() {
     init_tokens();
     init_i18n();
     import_lucide_react59 = require("lucide-react");
-    import_react70 = require("react");
+    import_react69 = require("react");
     init_priceFormatter();
     init_utils2();
     init_badge();
@@ -20902,7 +20891,7 @@ var init_checkbox = __esm({
 // src/internal/components/SendMenu/hyperbridge/steps/ConfirmStep.tsx
 function ConfirmStep(props) {
   const { isAssetBridging, bridgeAsset, hyperlaneWarpRoutes } = props;
-  const [userConsent, setUserConsent] = (0, import_react71.useState)(false);
+  const [userConsent, setUserConsent] = (0, import_react70.useState)(false);
   const { t } = useT();
   const address = useSession((st) => st.address);
   const bridgeSender = useBridgeStore((st) => st.bridgeSenders.find((s) => s.type === st.bridgeSender));
@@ -21011,13 +21000,13 @@ function ConfirmStep(props) {
     )
   ] });
 }
-var import_lucide_react61, import_react71, import_jsx_runtime95, P_CN;
+var import_lucide_react61, import_react70, import_jsx_runtime95, P_CN;
 var init_ConfirmStep = __esm({
   "src/internal/components/SendMenu/hyperbridge/steps/ConfirmStep.tsx"() {
     init_SessionContext();
     init_i18n();
     import_lucide_react61 = require("lucide-react");
-    import_react71 = require("react");
+    import_react70 = require("react");
     init_priceFormatter();
     init_utils2();
     init_button();
@@ -21392,9 +21381,9 @@ var init_HistoryStep = __esm({
 function SelectAssetRoute(props) {
   const { hyperlaneWarpRoutes } = props;
   const { t } = useT();
-  const [isTokenSymbolSelector, setIsTokenSymbolSelector] = (0, import_react72.useState)(false);
+  const [isTokenSymbolSelector, setIsTokenSymbolSelector] = (0, import_react71.useState)(false);
   const selectedAssetSymbol = useBridgeStore((st) => st.bridgeAssetSymbol);
-  const tokenList = (0, import_react72.useMemo)(() => {
+  const tokenList = (0, import_react71.useMemo)(() => {
     const tokens = hyperlaneWarpRoutes.map((route) => route.symbol);
     const uniqueTokens = Array.from(new Set(tokens));
     return uniqueTokens.map((symbol) => ({
@@ -21491,13 +21480,13 @@ function SelectAssetRoute(props) {
     ] })
   ] });
 }
-var import_lucide_react63, import_react72, import_jsx_runtime98;
+var import_lucide_react63, import_react71, import_jsx_runtime98;
 var init_SelectAssetRoute = __esm({
   "src/internal/components/SendMenu/hyperbridge/steps/SelectAssetRoute.tsx"() {
     init_tokens();
     init_i18n();
     import_lucide_react63 = require("lucide-react");
-    import_react72 = require("react");
+    import_react71 = require("react");
     init_button();
     init_useFlowSelector();
     init_ResolveChainIcon();
@@ -21525,7 +21514,7 @@ function HyperlaneBridge() {
   const { hyperlaneWarpRoutes, isLoadingWarpRoutes } = useHyperlaneRoutes();
   const { directWalletProfile } = useAvailableSenders();
   useMenuTitle(hyperlaneWarpRoutes);
-  (0, import_react73.useEffect)(
+  (0, import_react72.useEffect)(
     () => () => {
       useBridgeStore.getState().resetSelections();
     },
@@ -21559,10 +21548,10 @@ function HyperlaneBridge() {
     bridgeStep === "tx-history-details" && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(HistoryDetailsStep, {})
   ] });
 }
-var import_react73, import_jsx_runtime99;
+var import_react72, import_jsx_runtime99;
 var init_HyperlaneBridge = __esm({
   "src/internal/components/SendMenu/hyperbridge/HyperlaneBridge.tsx"() {
-    import_react73 = require("react");
+    import_react72 = require("react");
     init_SenderSelector();
     init_useAvailableSenders();
     init_useBridge();
@@ -21580,7 +21569,7 @@ function BridgeHistorySwitch(props) {
   const selectorFlow = useFlowSelectorStore((st) => st.flow);
   const isUiLocked = useFlowSelectorStore((st) => st.isUiLocked);
   const bridgeStep = useBridgeStore((st) => st.bridgeStep);
-  const lastBridgeStepRef = (0, import_react74.useRef)(null);
+  const lastBridgeStepRef = (0, import_react73.useRef)(null);
   if (selectorFlow !== "bridge" || bridgeStep === "confirm" || bridgeStep === "success" || bridgeStep === "sender-selector" || bridgeStep === "select-token" || bridgeStep === "tx-history-details") {
     return null;
   }
@@ -21599,10 +21588,10 @@ function BridgeHistorySwitch(props) {
     }
   );
 }
-var import_react74, import_jsx_runtime100;
+var import_react73, import_jsx_runtime100;
 var init_HistorySwitch = __esm({
   "src/internal/components/SendMenu/hyperbridge/components/HistorySwitch.tsx"() {
-    import_react74 = require("react");
+    import_react73 = require("react");
     init_switch();
     init_useFlowSelector();
     init_useBridgeStore();
@@ -21628,7 +21617,7 @@ function useErc3643Compliance(options) {
     isLoading,
     error: queryError,
     refetch
-  } = (0, import_wagmi5.useReadContract)({
+  } = (0, import_wagmi6.useReadContract)({
     address: tokenAddress,
     abi: ERC3643_CAN_TRANSFER_ABI,
     functionName: "canTransfer",
@@ -21665,10 +21654,10 @@ function useErc3643Compliance(options) {
     refetch
   };
 }
-var import_wagmi5, ERC3643_CAN_TRANSFER_ABI;
+var import_wagmi6, ERC3643_CAN_TRANSFER_ABI;
 var init_useErc3643Compliance = __esm({
   "src/hooks/useErc3643Compliance.ts"() {
-    import_wagmi5 = require("wagmi");
+    import_wagmi6 = require("wagmi");
     ERC3643_CAN_TRANSFER_ABI = [
       {
         type: "function",
@@ -21693,11 +21682,11 @@ function looksLikeNickname(input) {
 }
 function useNicknameResolve(input, options) {
   const { enabled = true, chainId } = options;
-  const [debouncedInput, setDebouncedInput] = (0, import_react75.useState)("");
-  const [isDebouncing, setIsDebouncing] = (0, import_react75.useState)(false);
+  const [debouncedInput, setDebouncedInput] = (0, import_react74.useState)("");
+  const [isDebouncing, setIsDebouncing] = (0, import_react74.useState)(false);
   const normalized = normalizeNickname(input);
   const isNicknameInput = looksLikeNickname(input) && normalized.length >= 3;
-  (0, import_react75.useEffect)(() => {
+  (0, import_react74.useEffect)(() => {
     if (!isNicknameInput || !enabled) {
       setDebouncedInput("");
       setIsDebouncing(false);
@@ -21723,7 +21712,7 @@ function useNicknameResolve(input, options) {
   const isNotFound = query.isError && query.error?.code === "NICKNAME_NOT_FOUND";
   const isWalletNotSetup = !!query.data && query.data.resolvedTarget === null;
   const isFrozen = query.data?.isFrozen ?? false;
-  const fingerprintVerification = (0, import_react75.useMemo)(() => {
+  const fingerprintVerification = (0, import_react74.useMemo)(() => {
     if (!query.data?.owner || !query.data?.fingerprint) {
       return null;
     }
@@ -21745,11 +21734,11 @@ function useNicknameResolve(input, options) {
     resolvedAddress
   };
 }
-var import_react_query48, import_react75, DEBOUNCE_MS2;
+var import_react_query48, import_react74, DEBOUNCE_MS2;
 var init_useNicknameResolve = __esm({
   "src/hooks/useNicknameResolve.ts"() {
     import_react_query48 = require("@tanstack/react-query");
-    import_react75 = require("react");
+    import_react74 = require("react");
     init_nickname();
     init_profile();
     init_nickname_validation();
@@ -21762,10 +21751,10 @@ var init_useNicknameResolve = __esm({
 function useSendTransaction() {
   const session = useSession((st) => st.session);
   const address = useSession((st) => st.address);
-  const [isLoading, setIsLoading] = (0, import_react76.useState)(false);
-  const [error, setError] = (0, import_react76.useState)(null);
-  const [userOpHash, setUserOpHash] = (0, import_react76.useState)(null);
-  const sendTransaction = (0, import_react76.useCallback)(
+  const [isLoading, setIsLoading] = (0, import_react75.useState)(false);
+  const [error, setError] = (0, import_react75.useState)(null);
+  const [userOpHash, setUserOpHash] = (0, import_react75.useState)(null);
+  const sendTransaction = (0, import_react75.useCallback)(
     async (params) => {
       if (!session || !address) {
         setError("No active session");
@@ -21862,7 +21851,7 @@ function useSendTransaction() {
     },
     [session, address]
   );
-  const reset = (0, import_react76.useCallback)(() => {
+  const reset = (0, import_react75.useCallback)(() => {
     setError(null);
     setUserOpHash(null);
     setIsLoading(false);
@@ -21875,10 +21864,10 @@ function useSendTransaction() {
     reset
   };
 }
-var import_react76, import_viem14, ERC20_TRANSFER_ABI, ERC721_SAFE_TRANSFER_ABI, ERC1155_SAFE_TRANSFER_ABI;
+var import_react75, import_viem14, ERC20_TRANSFER_ABI, ERC721_SAFE_TRANSFER_ABI, ERC1155_SAFE_TRANSFER_ABI;
 var init_useSendTransaction = __esm({
   "src/hooks/useSendTransaction.ts"() {
-    import_react76 = require("react");
+    import_react75 = require("react");
     import_viem14 = require("viem");
     init_SessionContext();
     init_account2();
@@ -22029,7 +22018,7 @@ var init_AssetInputIcon = __esm({
 
 // src/internal/components/SendMenu/send/components/NftDisplayCard.tsx
 function NftDisplayCard({ asset }) {
-  const [imageError, setImageError] = (0, import_react77.useState)(false);
+  const [imageError, setImageError] = (0, import_react76.useState)(false);
   const nftImage = asset.image || asset.nftMetadata?.image;
   return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex items-center gap-3 p-3 rounded-[var(--ui-kit-el-bdrs)] bg-[var(--ui-kit-bg-secondary)]", children: [
     nftImage && !imageError ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
@@ -22057,11 +22046,11 @@ function NftDisplayCard({ asset }) {
     ] })
   ] });
 }
-var import_lucide_react65, import_react77, import_jsx_runtime102;
+var import_lucide_react65, import_react76, import_jsx_runtime102;
 var init_NftDisplayCard = __esm({
   "src/internal/components/SendMenu/send/components/NftDisplayCard.tsx"() {
     import_lucide_react65 = require("lucide-react");
-    import_react77 = require("react");
+    import_react76 = require("react");
     import_jsx_runtime102 = require("react/jsx-runtime");
   }
 });
@@ -22712,10 +22701,10 @@ function SendMenu() {
     userOpHash,
     reset
   } = useSendTransaction();
-  (0, import_react78.useEffect)(() => {
+  (0, import_react77.useEffect)(() => {
     useFlowSelectorStore.getState().setIsUiLocked(isAssetsLoading || isTransactionPending);
   }, [isAssetsLoading, isTransactionPending]);
-  (0, import_react78.useEffect)(() => {
+  (0, import_react77.useEffect)(() => {
     useFlowSelectorStore.getState().setError(sendTransactionError || null);
   }, [sendTransactionError]);
   const {
@@ -22730,7 +22719,7 @@ function SendMenu() {
   } = useSendStore();
   const isNft = isNftAsset3(selectedAsset);
   const isSecurity = isSecurityToken2(selectedAsset);
-  (0, import_react78.useEffect)(
+  (0, import_react77.useEffect)(
     () => () => {
       setSelectedAsset(null);
       setRecipient("");
@@ -22740,7 +22729,7 @@ function SendMenu() {
     },
     []
   );
-  (0, import_react78.useEffect)(() => {
+  (0, import_react77.useEffect)(() => {
     const shouldSetNativeAsset = assets.length > 0 && !selectedAsset;
     if (!shouldSetNativeAsset) return;
     const native = assets.find((a) => a.type === "native");
@@ -22751,7 +22740,7 @@ function SendMenu() {
   const isNicknameInput = looksLikeNickname(recipient);
   const resolvedNicknameData = useNicknameResolve(recipient, { enabled: isNicknameInput, chainId: activeChainId });
   const effectiveAddress = isNicknameInput ? resolvedNicknameData?.resolvedAddress : recipient;
-  const complianceAmount = (0, import_react78.useMemo)(() => {
+  const complianceAmount = (0, import_react77.useMemo)(() => {
     if (!isSecurity || !amount || !selectedAsset) return void 0;
     try {
       return (0, import_viem18.parseUnits)(amount, selectedAsset.decimals || 18);
@@ -22766,7 +22755,7 @@ function SendMenu() {
     enabled: isSecurity && !!effectiveAddress && !!complianceAmount,
     chainId: activeChainId
   });
-  (0, import_react78.useEffect)(() => {
+  (0, import_react77.useEffect)(() => {
     const updateMenuTitle = useFlowSelectorStore.getState().setMenuTitle;
     switch (true) {
       case txStep === "select-asset":
@@ -22830,7 +22819,7 @@ function SendMenu() {
     ] })
   ] });
 }
-var import_lucide_react69, import_react78, import_viem18, import_jsx_runtime107;
+var import_lucide_react69, import_react77, import_viem18, import_jsx_runtime107;
 var init_SendMenu = __esm({
   "src/internal/components/SendMenu/send/SendMenu.tsx"() {
     init_SessionContext();
@@ -22839,7 +22828,7 @@ var init_SendMenu = __esm({
     init_useSendTransaction();
     init_useT();
     import_lucide_react69 = require("lucide-react");
-    import_react78 = require("react");
+    import_react77 = require("react");
     import_viem18 = require("viem");
     init_useBlockscoutAssets();
     init_useLayoutDataStore();
@@ -22924,7 +22913,7 @@ function SendFlowSelector() {
   const error = useFlowSelectorStore((st) => st.error);
   const menuTitle = useFlowSelectorStore((st) => st.menuTitle);
   const selectorFlow = useFlowSelectorStore((st) => st.flow);
-  (0, import_react79.useEffect)(
+  (0, import_react78.useEffect)(
     () => () => {
       useFlowSelectorStore.getState().setError(null);
     },
@@ -23001,12 +22990,12 @@ function SendFlowSelector() {
     }
   );
 }
-var import_lucide_react70, import_react79, import_jsx_runtime108, SELECTOR_FLOW;
+var import_lucide_react70, import_react78, import_jsx_runtime108, SELECTOR_FLOW;
 var init_SendFlowSelector = __esm({
   "src/internal/components/SendMenu/SendFlowSelector.tsx"() {
     init_i18n();
     import_lucide_react70 = require("lucide-react");
-    import_react79 = require("react");
+    import_react78 = require("react");
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_utils2();
@@ -23061,12 +23050,12 @@ function getServerSnapshot() {
   return false;
 }
 function useProMode() {
-  return (0, import_react80.useSyncExternalStore)(subscribe, getSnapshot, getServerSnapshot);
+  return (0, import_react79.useSyncExternalStore)(subscribe, getSnapshot, getServerSnapshot);
 }
-var import_react80, STORAGE_KEY, EVENT_NAME;
+var import_react79, STORAGE_KEY, EVENT_NAME;
 var init_pro_mode = __esm({
   "src/internal/lib/pro-mode.ts"() {
-    import_react80 = require("react");
+    import_react79 = require("react");
     STORAGE_KEY = "embarkai_pro_mode";
     EVENT_NAME = "embarkai-pro-mode-changed";
   }
@@ -23126,7 +23115,7 @@ function useSettingsButtons() {
   if (proMode) {
     settingsButtons.push({ id: "devices" /* DEVICES */, name: "Guardians", Icon: import_lucide_react72.HardDrive });
   }
-  (0, import_react81.useEffect)(() => {
+  (0, import_react80.useEffect)(() => {
     const cssvEl = document.querySelector(".embarkai-ui-scope");
     if (!cssvEl || !window?.getComputedStyle) {
       return;
@@ -23190,7 +23179,7 @@ function SettingsMenu() {
     }
   );
 }
-var import_react_query49, import_lucide_react72, import_react81, import_jsx_runtime110;
+var import_react_query49, import_lucide_react72, import_react80, import_jsx_runtime110;
 var init_SettingsMenu = __esm({
   "src/internal/components/SettingsMenu/SettingsMenu.tsx"() {
     init_ProviderContext();
@@ -23198,7 +23187,7 @@ var init_SettingsMenu = __esm({
     init_i18n();
     import_react_query49 = require("@tanstack/react-query");
     import_lucide_react72 = require("lucide-react");
-    import_react81 = require("react");
+    import_react80 = require("react");
     init_nickname();
     init_profile();
     init_useLayoutDataStore();
@@ -23313,27 +23302,27 @@ function getHistoryUrls(params) {
   }
   return getBlockscoutHistoryUrls(params);
 }
-var import_read17, ETHERSCAN_V2_API_URL, BLOCKSCOUT_API_URLS, CHAIN_SPECIFIC_API_URLS, ETHERSCAN_CHAINS, UNSUPPORTED_HISTORY_CHAINS, TX_HISTORY_URLS;
+var import_read18, ETHERSCAN_V2_API_URL, BLOCKSCOUT_API_URLS, CHAIN_SPECIFIC_API_URLS, ETHERSCAN_CHAINS, UNSUPPORTED_HISTORY_CHAINS, TX_HISTORY_URLS;
 var init_txUrls = __esm({
   "src/internal/components/TransactionsMenu/txUrls.ts"() {
-    import_read17 = require("@embarkai/core/read");
+    import_read18 = require("@embarkai/core/read");
     init_base();
     ETHERSCAN_V2_API_URL = "https://api.etherscan.io/v2/api";
     BLOCKSCOUT_API_URLS = {
-      [import_read17.ARBITRUM_SEPOLIA_CHAIN_ID]: "https://arbitrum-sepolia.blockscout.com/api",
-      [import_read17.BASE_SEPOLIA_CHAIN_ID]: "https://base-sepolia.blockscout.com/api"
+      [import_read18.ARBITRUM_SEPOLIA_CHAIN_ID]: "https://arbitrum-sepolia.blockscout.com/api",
+      [import_read18.BASE_SEPOLIA_CHAIN_ID]: "https://base-sepolia.blockscout.com/api"
     };
     CHAIN_SPECIFIC_API_URLS = {};
     ETHERSCAN_CHAINS = /* @__PURE__ */ new Set([
-      import_read17.SEPOLIA_CHAIN_ID,
-      import_read17.ARBITRUM_SEPOLIA_CHAIN_ID,
-      import_read17.BASE_SEPOLIA_CHAIN_ID
+      import_read18.SEPOLIA_CHAIN_ID,
+      import_read18.ARBITRUM_SEPOLIA_CHAIN_ID,
+      import_read18.BASE_SEPOLIA_CHAIN_ID
     ]);
     UNSUPPORTED_HISTORY_CHAINS = /* @__PURE__ */ new Set([
-      import_read17.BSC_TESTNET_CHAIN_ID
+      import_read18.BSC_TESTNET_CHAIN_ID
     ]);
     TX_HISTORY_URLS = {
-      [import_read17.LUMIA_TESTNET_CHAIN_ID]: (p) => {
+      [import_read18.LUMIA_TESTNET_CHAIN_ID]: (p) => {
         const result = getBlockscoutHistoryUrls(p);
         return {
           transactionsUrl: result.transactionsUrl,
@@ -23341,7 +23330,7 @@ var init_txUrls = __esm({
           tokenTransfersUrl: result.tokenTransfersUrl
         };
       },
-      [import_read17.LUMIA_MAINNET_CHAIN_ID]: (p) => {
+      [import_read18.LUMIA_MAINNET_CHAIN_ID]: (p) => {
         const result = getBlockscoutHistoryUrls(p);
         return {
           transactionsUrl: result.transactionsUrl,
@@ -24140,7 +24129,7 @@ function TransactionsMenu() {
   const { t } = useT();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
-  const [expandedGroups, setExpandedGroups] = (0, import_react82.useState)({});
+  const [expandedGroups, setExpandedGroups] = (0, import_react81.useState)({});
   const historySupported = isTransactionHistorySupported(chainConfig?.id);
   const {
     data: txHistoryGroups = [],
@@ -24153,7 +24142,7 @@ function TransactionsMenu() {
     queryKey: [TRANSACTIONS_HISTORY_QUERY_KEY, chainConfig.id, address],
     queryFn: () => getTransactionsListQuery({ address, chainConfig })
   });
-  const refreshTxHistory = (0, import_react82.useCallback)(
+  const refreshTxHistory = (0, import_react81.useCallback)(
     () => qc.invalidateQueries({ queryKey: [TRANSACTIONS_HISTORY_QUERY_KEY, chainConfig.id, address] }),
     [qc, chainConfig.id, address]
   );
@@ -24202,14 +24191,14 @@ function TransactionsMenu() {
     }
   );
 }
-var import_react_query50, import_lucide_react75, import_react82, import_jsx_runtime114;
+var import_react_query50, import_lucide_react75, import_react81, import_jsx_runtime114;
 var init_TransactionsMenu = __esm({
   "src/internal/components/TransactionsMenu/TransactionsMenu.tsx"() {
     init_SessionContext();
     init_i18n();
     import_react_query50 = require("@tanstack/react-query");
     import_lucide_react75 = require("lucide-react");
-    import_react82 = require("react");
+    import_react81 = require("react");
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_Expandable2();
@@ -24407,7 +24396,7 @@ function usePageMapper() {
     setIsDialogOpen,
     setIsDialogClosing
   } = useLayoutStore();
-  const closeDialog = (0, import_react83.useCallback)(() => {
+  const closeDialog = (0, import_react82.useCallback)(() => {
     setIsDialogClosing(true);
     setTimeout(() => {
       setDialogContent(null);
@@ -24418,7 +24407,7 @@ function usePageMapper() {
       setIsDialogOpen(false);
     }, CLEAR_DIALOG_TIMEOUT);
   }, [setDialogContent, setDialogDescription, setDialogTitle, setIsDialogForced, setIsDialogOpen, setIsDialogClosing]);
-  const openDialog = (0, import_react83.useCallback)(
+  const openDialog = (0, import_react82.useCallback)(
     (pageItem) => {
       const PageContentComponent = pageItem.component;
       setDialogTitle(pageItem.title);
@@ -24428,7 +24417,7 @@ function usePageMapper() {
     },
     [setDialogContent, setDialogDescription, setDialogTitle, setIsDialogOpen]
   );
-  (0, import_react83.useEffect)(() => {
+  (0, import_react82.useEffect)(() => {
     if (page === null) return closeDialog();
     const pageItem = PAGE_MAP[page];
     if (!pageItem) {
@@ -24439,10 +24428,10 @@ function usePageMapper() {
     openDialog(pageItem);
   }, [page, closeDialog, openDialog]);
 }
-var import_react83, import_jsx_runtime115, CLEAR_DIALOG_TIMEOUT;
+var import_react82, import_jsx_runtime115, CLEAR_DIALOG_TIMEOUT;
 var init_usePageMapper = __esm({
   "src/internal/hooks/usePageMapper.tsx"() {
-    import_react83 = require("react");
+    import_react82 = require("react");
     init_PageMap();
     init_constants();
     init_useLayoutDataStore();
@@ -24456,7 +24445,7 @@ var init_usePageMapper = __esm({
 function useSettingsNotifications() {
   const address = useSession((st) => st.address);
   const setSettingsNotifications = useLayoutDataStore((st) => st.setSettingsNotifications);
-  const providers = import_auth20.jwtTokenManager.getProviders();
+  const providers = import_auth23.jwtTokenManager.getProviders();
   const hasEmail = providers.includes("email");
   const { data: userProfile = null } = (0, import_react_query51.useQuery)({
     retry: false,
@@ -24464,26 +24453,26 @@ function useSettingsNotifications() {
     queryKey: [QUERY_KEYS.userProfile, address],
     queryFn: getUserProfile
   });
-  (0, import_react84.useEffect)(() => {
+  (0, import_react83.useEffect)(() => {
     const isKYCVerified = userProfile?.kycDetails?.kycStatus === "verified";
     setSettingsNotifications({
       ...COMPLETE_KYC_PROGRESS,
       status: isKYCVerified ? "resolved" : "active"
     });
   }, [userProfile, setSettingsNotifications]);
-  (0, import_react84.useEffect)(() => {
+  (0, import_react83.useEffect)(() => {
     setSettingsNotifications({
       ...EMAIL_NOT_CONNECTED_NOTIFICATION,
       status: hasEmail ? "resolved" : "active"
     });
   }, [hasEmail, setSettingsNotifications]);
 }
-var import_react_query51, import_react84, EMAIL_NOT_CONNECTED_NOTIFICATION, COMPLETE_KYC_PROGRESS;
+var import_react_query51, import_react83, EMAIL_NOT_CONNECTED_NOTIFICATION, COMPLETE_KYC_PROGRESS;
 var init_useSettingsNotifications = __esm({
   "src/internal/hooks/useSettingsNotifications.ts"() {
     init_SessionContext();
     import_react_query51 = require("@tanstack/react-query");
-    import_react84 = require("react");
+    import_react83 = require("react");
     init_auth();
     init_profile();
     init_useLayoutDataStore();
@@ -24506,7 +24495,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.46",
+      version: "0.4.48",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -24607,25 +24596,38 @@ var init_package = __esm({
 function Footer() {
   const qc = (0, import_react_query52.useQueryClient)();
   const { callbacksRef } = useProviderConfig();
-  const { address, setSession, setAddress, setStatus, setError, setIsLoading } = useSession();
-  const chainConfig = useSession((st) => st.chainConfig);
   const { t } = useT();
-  const setPage = useLayoutDataStore((st) => st.setPage);
-  const setIsDialogForced = useLayoutStore((st) => st.setIsDialogForced);
+  const address = useSession((st) => st.address);
+  const chainConfig = useSession((st) => st.chainConfig);
+  const { disconnect: wagmiDisconnect } = (0, import_wagmi7.useDisconnect)({
+    mutation: {
+      onSuccess: () => {
+        useExternalWalletStore.getState().clearExternalWallet();
+        useExternalWalletStore.getState().setExternalChainId(null);
+        console.log("[ExternalWalletStore] Disconnected from external wallet");
+      },
+      onError: (err) => {
+        console.error("[ExternalWalletStore] Error disconnecting from external wallet:", err);
+      }
+    }
+  });
   const { mutate: disconnect, isPending: isDisconnecting } = (0, import_react_query52.useMutation)({
     mutationFn: async (disconnectAddress) => {
       if (!disconnectAddress) throw new Error("No address to disconnect");
-      setIsDialogForced(true);
+      const { setError, setStatus, setIsLoading } = useSession.getState();
+      useLayoutStore.getState().setIsDialogForced(true);
       setError(null);
       setStatus("disconnecting");
       setIsLoading(true);
-      const userId = import_auth20.jwtTokenManager.getUserId() || null;
+      const userId = import_auth23.jwtTokenManager.getUserId() || null;
       const { logout: logout2 } = await Promise.resolve().then(() => (init_auth(), auth_exports));
       await logout2();
       return { disconnectedUserId: userId, disconnectAddress };
     },
     onSuccess: async ({ disconnectAddress, disconnectedUserId }) => {
       await qc.resetQueries({ queryKey: [CHECK_BACKUP_QUERY_KEY] });
+      if (!!useExternalWalletStore.getState().externalAddress) wagmiDisconnect();
+      const { setError, setStatus, setIsLoading, setSession, setAddress } = useSession.getState();
       setSession(null);
       setAddress(null);
       setError(null);
@@ -24633,15 +24635,16 @@ function Footer() {
       setIsLoading(false);
       callbacksRef.current?.onDisconnect?.({ address: disconnectAddress, userId: disconnectedUserId });
       setTimeout(() => {
-        setPage("auth" /* AUTH */);
-        setIsDialogForced(false);
+        useLayoutDataStore.getState().setPage("auth" /* AUTH */);
+        useLayoutStore.getState().setIsDialogForced(false);
       }, 200);
     },
     onError: (err) => {
+      const { setError, setStatus, setIsLoading } = useSession.getState();
       setError(err.message || "An unknown error occurred during sign out");
       setStatus("idle");
       setIsLoading(false);
-      setIsDialogForced(false);
+      useLayoutStore.getState().setIsDialogForced(false);
     }
   });
   const ChainIcon = NETWORK_OPTIONS.find((net) => net.chainId === chainConfig.id)?.Icon || (() => /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: "flex-none w-4 h-4 rounded-full flex items-center justify-center bg-[var(--ui-kit-primary)]", children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "text-[var(--ui-kit-fg-inverted)] text-xs font-bold", children: chainConfig.name.charAt(0) }) }));
@@ -24694,21 +24697,23 @@ function Footer() {
     }
   );
 }
-var import_react_query52, import_lucide_react76, import_jsx_runtime116;
+var import_react_query52, import_lucide_react76, import_wagmi7, import_jsx_runtime116;
 var init_Footer = __esm({
   "src/internal/components/Footer/Footer.tsx"() {
     init_package();
-    init_networks3();
+    init_networks4();
     init_ProviderContext();
     init_SessionContext();
     init_i18n();
     import_react_query52 = require("@tanstack/react-query");
     import_lucide_react76 = require("lucide-react");
+    import_wagmi7 = require("wagmi");
     init_auth();
     init_base();
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_utils2();
+    init_useExternalWalletStore();
     init_constants4();
     init_button();
     import_jsx_runtime116 = require("react/jsx-runtime");
@@ -24733,11 +24738,11 @@ function Header() {
   const chainConfig = useSession((st) => st.chainConfig);
   const { t } = useT();
   const proMode = useProMode();
-  const [proToast, setProToast] = (0, import_react85.useState)(false);
-  const [copied, setCopied] = (0, import_react85.useState)(false);
-  const clickCountRef = (0, import_react85.useRef)(0);
-  const clickTimerRef = (0, import_react85.useRef)(null);
-  const handleAvatarClick = (0, import_react85.useCallback)(() => {
+  const [proToast, setProToast] = (0, import_react84.useState)(false);
+  const [copied, setCopied] = (0, import_react84.useState)(false);
+  const clickCountRef = (0, import_react84.useRef)(0);
+  const clickTimerRef = (0, import_react84.useRef)(null);
+  const handleAvatarClick = (0, import_react84.useCallback)(() => {
     clickCountRef.current += 1;
     if (clickTimerRef.current) {
       clearTimeout(clickTimerRef.current);
@@ -24761,8 +24766,8 @@ function Header() {
     queryKey: [QUERY_KEYS.userProfile, address],
     queryFn: getUserProfile
   });
-  const avatar = profile?.avatar || import_auth20.jwtTokenManager.getAvatar();
-  const displayName = profile?.nicknameDisplay || profile?.displayName || import_auth20.jwtTokenManager.getDisplayName();
+  const avatar = profile?.avatar || import_auth23.jwtTokenManager.getAvatar();
+  const displayName = profile?.nicknameDisplay || profile?.displayName || import_auth23.jwtTokenManager.getDisplayName();
   const ChainIcon = NETWORK_OPTIONS.find((net) => net.chainId === chainConfig.id)?.Icon || (() => /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "flex-none w-4 h-4 rounded-full flex items-center justify-center bg-[var(--ui-kit-primary)]", children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("span", { className: "text-[var(--ui-kit-fg-inverted)] text-xs font-bold", children: chainConfig.name.charAt(0) }) }));
   return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
     "div",
@@ -24837,17 +24842,17 @@ function Header() {
     }
   );
 }
-var import_react_query53, import_lucide_react77, import_react85, import_jsx_runtime117;
+var import_react_query53, import_lucide_react77, import_react84, import_jsx_runtime117;
 var init_Header = __esm({
   "src/internal/components/Header/Header.tsx"() {
     init_LumiaIcon3();
-    init_networks3();
+    init_networks4();
     init_ProviderContext();
     init_SessionContext();
     init_useT();
     import_react_query53 = require("@tanstack/react-query");
     import_lucide_react77 = require("lucide-react");
-    import_react85 = require("react");
+    import_react84 = require("react");
     init_PositiveIcon();
     init_auth();
     init_profile();
@@ -24878,7 +24883,7 @@ function useDecideContentStyles() {
     style: (0, import_lodash_es10.merge)({}, mobileStyles)
   };
 }
-var DialogPrimitive, import_lodash_es10, import_lucide_react78, import_react86, import_jsx_runtime118, Dialog, DialogPortal, DialogOverlay, CONTENT_BG_SETUP, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription;
+var DialogPrimitive, import_lodash_es10, import_lucide_react78, import_react85, import_jsx_runtime118, Dialog, DialogPortal, DialogOverlay, CONTENT_BG_SETUP, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription;
 var init_dialog = __esm({
   "src/internal/components/ui/dialog.tsx"() {
     init_utils2();
@@ -24887,14 +24892,14 @@ var init_dialog = __esm({
     DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
     import_lodash_es10 = require("lodash-es");
     import_lucide_react78 = require("lucide-react");
-    import_react86 = require("react");
+    import_react85 = require("react");
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_button();
     import_jsx_runtime118 = require("react/jsx-runtime");
     Dialog = DialogPrimitive.Root;
     DialogPortal = DialogPrimitive.Portal;
-    DialogOverlay = (0, import_react86.forwardRef)(
+    DialogOverlay = (0, import_react85.forwardRef)(
       ({ className, closing, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
         DialogPrimitive.Overlay,
         {
@@ -24916,7 +24921,7 @@ var init_dialog = __esm({
       border: "1px solid var(--ui-kit-bd)",
       boxShadow: "var(--ui-kit-shadow, 0px 4px 10px var(--ui-kit-shadow-c, rgba(0, 0, 0, 0.1)))"
     };
-    DialogContent = (0, import_react86.forwardRef)(
+    DialogContent = (0, import_react85.forwardRef)(
       ({ className, children, colorMode, ...props }, ref) => {
         const { t, i18n } = useT();
         const isSessionLoading = useSession((st) => st.isLoading);
@@ -25019,7 +25024,7 @@ var init_dialog = __esm({
     DialogHeader.displayName = "DialogHeader";
     DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
     DialogFooter.displayName = "DialogFooter";
-    DialogTitle = (0, import_react86.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+    DialogTitle = (0, import_react85.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
       DialogPrimitive.Title,
       {
         ref,
@@ -25028,7 +25033,7 @@ var init_dialog = __esm({
       }
     ));
     DialogTitle.displayName = DialogPrimitive.Title.displayName;
-    DialogDescription = (0, import_react86.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(DialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+    DialogDescription = (0, import_react85.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(DialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
     DialogDescription.displayName = DialogPrimitive.Description.displayName;
   }
 });
@@ -25053,7 +25058,7 @@ function Dialog2() {
   const isWalletLinking = useLayoutDataStore((st) => st.isWalletLinking);
   const setPage = useLayoutDataStore((st) => st.setPage);
   const { colorMode, isDialogOpen, dialogTitle, dialogDescription, dialogContent, isDialogForced, setIsSettings } = useLayoutStore();
-  (0, import_react87.useEffect)(() => setIsSettings(!!session), [session, setIsSettings]);
+  (0, import_react86.useEffect)(() => setIsSettings(!!session), [session, setIsSettings]);
   usePageMapper();
   useAutoConnect();
   useBackupStatusChanges();
@@ -25091,13 +25096,13 @@ function Dialog2() {
     }
   );
 }
-var import_framer_motion, import_react87, import_jsx_runtime120;
+var import_framer_motion, import_react86, import_jsx_runtime120;
 var init_Dialog = __esm({
   "src/internal/components/Dialog/Dialog.tsx"() {
     init_ProviderContext();
     init_SessionContext();
     import_framer_motion = require("framer-motion");
-    import_react87 = require("react");
+    import_react86 = require("react");
     init_constants();
     init_useAutoConnect();
     init_useBackupStatusChanges();
@@ -25123,14 +25128,14 @@ var init_Dialog2 = __esm({
 });
 
 // src/internal/components/TssManager.tsx
-var import_react88, TssManagerWithRef;
+var import_react87, TssManagerWithRef;
 var init_TssManager = __esm({
   "src/internal/components/TssManager.tsx"() {
     init_SessionContext();
-    import_react88 = __toESM(require("react"), 1);
+    import_react87 = __toESM(require("react"), 1);
     init_auth();
     init_clients();
-    TssManagerWithRef = import_react88.default.forwardRef((props, ref) => {
+    TssManagerWithRef = import_react87.default.forwardRef((props, ref) => {
       const { mpcPin } = props;
       const usePaymaster = useSession((st) => st.usePaymaster);
       const publicClient = useSession((st) => st.publicClient);
@@ -25138,14 +25143,14 @@ var init_TssManager = __esm({
       const setStatus = useSession((st) => st.setStatus);
       const setSession = useSession((st) => st.setSession);
       const setAddress = useSession((st) => st.setAddress);
-      const onSessionCreated = (0, import_react88.useCallback)(
+      const onSessionCreated = (0, import_react87.useCallback)(
         (session, address) => {
           setSession(session);
           setAddress(address);
         },
         [setSession, setAddress]
       );
-      const createSessionWithKeyshare = import_react88.default.useCallback(
+      const createSessionWithKeyshare = import_react87.default.useCallback(
         async (userId, hasServerKeyshare, isNewUser) => {
           setStatus("checking key management setup...");
           await ensureKeyshare(userId, hasServerKeyshare, setStatus, isNewUser);
@@ -25170,7 +25175,7 @@ var init_TssManager = __esm({
         },
         [setStatus, usePaymaster, activeChainId, publicClient, mpcPin]
       );
-      import_react88.default.useImperativeHandle(ref, () => ({ createSessionWithKeyshare }), [createSessionWithKeyshare]);
+      import_react87.default.useImperativeHandle(ref, () => ({ createSessionWithKeyshare }), [createSessionWithKeyshare]);
       return null;
     });
   }
@@ -25181,10 +25186,10 @@ function WalletConnectHandler() {
   const qc = (0, import_react_query54.useQueryClient)();
   const { callbacksRef } = useProviderConfig();
   const passportWalletAddress = useSession((st) => st.address);
-  const { address: walletAddress, isConnected, chain, connector } = (0, import_wagmi6.useAccount)();
+  const { address: walletAddress, isConnected, chain, connector } = (0, import_wagmi8.useAccount)();
   const { openConnectModal, connectModalOpen } = (0, import_rainbowkit2.useConnectModal)();
-  const { disconnect } = (0, import_wagmi6.useDisconnect)();
-  const { signMessageAsync } = (0, import_wagmi6.useSignMessage)();
+  const { disconnect } = (0, import_wagmi8.useDisconnect)();
+  const { signMessageAsync } = (0, import_wagmi8.useSignMessage)();
   const isWalletLinking = useLayoutDataStore((st) => st.isWalletLinking);
   const setPage = useLayoutDataStore((st) => st.setPage);
   const setIsWalletLinking = useLayoutDataStore((st) => st.setIsWalletLinking);
@@ -25198,7 +25203,7 @@ function WalletConnectHandler() {
   const projectId = providerConfig?.projectId;
   const setExternalWallet = useExternalWalletStore((st) => st.setExternalWallet);
   const setPendingWalletLogin = useLayoutDataStore((st) => st.setPendingWalletLogin);
-  const onLinkingComplete = (0, import_react89.useCallback)(
+  const onLinkingComplete = (0, import_react88.useCallback)(
     async (success) => {
       setIsWalletLinking(false);
       if (!success && !passportWalletAddress) {
@@ -25227,10 +25232,10 @@ function WalletConnectHandler() {
     },
     [qc, passportWalletAddress, setProviderType, setPage, setIsWalletLinking]
   );
-  const [hasStartedLinking, setHasStartedLinking] = import_react89.default.useState(false);
-  const [modalWasOpened, setModalWasOpened] = import_react89.default.useState(false);
-  const [pendingModalOpen, setPendingModalOpen] = import_react89.default.useState(false);
-  (0, import_react89.useEffect)(() => {
+  const [hasStartedLinking, setHasStartedLinking] = import_react88.default.useState(false);
+  const [modalWasOpened, setModalWasOpened] = import_react88.default.useState(false);
+  const [pendingModalOpen, setPendingModalOpen] = import_react88.default.useState(false);
+  (0, import_react88.useEffect)(() => {
     if (isWalletLinking && !hasStartedLinking) {
       console.log("[WalletConnectHandler] Starting wallet link flow:", {
         isConnected,
@@ -25268,18 +25273,18 @@ function WalletConnectHandler() {
     setProviderType,
     walletMode
   ]);
-  (0, import_react89.useEffect)(() => {
+  (0, import_react88.useEffect)(() => {
     if (pendingModalOpen && !isConnected && openConnectModal) {
       setPendingModalOpen(false);
       openConnectModal();
     }
   }, [pendingModalOpen, isConnected, openConnectModal]);
-  (0, import_react89.useEffect)(() => {
+  (0, import_react88.useEffect)(() => {
     if (connectModalOpen && hasStartedLinking) {
       setModalWasOpened(true);
     }
   }, [connectModalOpen, hasStartedLinking]);
-  (0, import_react89.useEffect)(() => {
+  (0, import_react88.useEffect)(() => {
     if (modalWasOpened && !connectModalOpen && !isConnected && isWalletLinking) {
       console.log("[WalletConnectHandler] Modal closed without connecting");
       onLinkingComplete(false);
@@ -25287,7 +25292,7 @@ function WalletConnectHandler() {
       setModalWasOpened(false);
     }
   }, [connectModalOpen, modalWasOpened, isConnected, isWalletLinking]);
-  (0, import_react89.useEffect)(() => {
+  (0, import_react88.useEffect)(() => {
     if (isWalletLinking) {
       const timeout = setTimeout(() => {
         console.warn("[WalletConnectHandler] Wallet linking timed out, resetting state");
@@ -25407,7 +25412,7 @@ function WalletConnectHandler() {
       setPage(passportWalletAddress ? "manage-wallet" /* MANAGE_WALLET */ : "auth" /* AUTH */);
     }
   });
-  (0, import_react89.useEffect)(() => {
+  (0, import_react88.useEffect)(() => {
     if (!!chain?.id && isConnected && walletAddress && isWalletLinking && hasStartedLinking && modalWasOpened && !pendingModalOpen) {
       console.log("[WalletConnectHandler] handleWalletSign triggered");
       if (!passportWalletAddress) {
@@ -25417,7 +25422,7 @@ function WalletConnectHandler() {
       handleWalletSign({ chainId: chain.id, signingWalletAddress: walletAddress });
     }
   }, [chain, isConnected, walletAddress, isWalletLinking, hasStartedLinking, modalWasOpened, pendingModalOpen]);
-  (0, import_react89.useEffect)(() => {
+  (0, import_react88.useEffect)(() => {
     if (isConnected && !chain?.id && isWalletLinking && hasStartedLinking && !connectModalOpen && !isWalletSigning) {
       const timeout = setTimeout(() => {
         console.warn("[WalletConnectHandler] Wallet connected but chain info missing, resetting");
@@ -25439,7 +25444,7 @@ function WalletConnectHandler() {
   ]);
   return null;
 }
-var import_rainbowkit2, import_react_query54, import_react89, import_wagmi6;
+var import_rainbowkit2, import_react_query54, import_react88, import_wagmi8;
 var init_WalletConnectHandler = __esm({
   "src/internal/components/WalletConnectHandler.tsx"() {
     init_ProviderContext();
@@ -25447,8 +25452,8 @@ var init_WalletConnectHandler = __esm({
     init_linkedProfiles();
     import_rainbowkit2 = require("@rainbow-me/rainbowkit");
     import_react_query54 = require("@tanstack/react-query");
-    import_react89 = __toESM(require("react"), 1);
-    import_wagmi6 = require("wagmi");
+    import_react88 = __toESM(require("react"), 1);
+    import_wagmi8 = require("wagmi");
     init_wallet();
     init_AuthMenu2();
     init_useLayoutDataStore();
@@ -25460,7 +25465,7 @@ var init_WalletConnectHandler = __esm({
 // src/internal/components/DirectWalletHandler.tsx
 function DirectWalletHandler() {
   const walletMode = useProviderConfig().config.current?.wallet?.mode || "linked";
-  const { address, isConnected, chain, connector } = (0, import_wagmi7.useAccount)();
+  const { address, isConnected, chain, connector } = (0, import_wagmi9.useAccount)();
   const isExternalConnected = useExternalWalletStore((st) => st.isExternalConnected);
   const externalAddress = useExternalWalletStore((st) => st.externalAddress);
   const setExternalWallet = useExternalWalletStore((st) => st.setExternalWallet);
@@ -25468,13 +25473,13 @@ function DirectWalletHandler() {
   const setExternalChainId = useExternalWalletStore((st) => st.setExternalChainId);
   const setConfigMode = useExternalWalletStore((st) => st.setConfigMode);
   const setActiveMode = useExternalWalletStore((st) => st.setActiveMode);
-  (0, import_react90.useEffect)(() => {
+  (0, import_react89.useEffect)(() => {
     setConfigMode(walletMode);
     if (walletMode !== "both") {
       setActiveMode(walletMode);
     }
   }, [walletMode, setConfigMode, setActiveMode]);
-  (0, import_react90.useEffect)(() => {
+  (0, import_react89.useEffect)(() => {
     if (isConnected && address && !isExternalConnected && connector && chain?.id) {
       setExternalWallet({
         address,
@@ -25483,17 +25488,17 @@ function DirectWalletHandler() {
       });
     }
   }, [isConnected, address, isExternalConnected, connector, chain?.id, setExternalWallet]);
-  (0, import_react90.useEffect)(() => {
+  (0, import_react89.useEffect)(() => {
     if (isExternalConnected && !isConnected) {
       clearExternalWallet();
     }
   }, [isConnected, isExternalConnected, clearExternalWallet]);
-  (0, import_react90.useEffect)(() => {
+  (0, import_react89.useEffect)(() => {
     if (isExternalConnected && isConnected && chain?.id) {
       setExternalChainId(chain.id);
     }
   }, [chain?.id, isConnected, isExternalConnected, setExternalChainId]);
-  (0, import_react90.useEffect)(() => {
+  (0, import_react89.useEffect)(() => {
     if (isExternalConnected && isConnected && address && address !== externalAddress && connector && chain?.id) {
       setExternalWallet({
         address,
@@ -25504,11 +25509,11 @@ function DirectWalletHandler() {
   }, [address, isConnected, isExternalConnected, externalAddress, chain?.id, connector, setExternalWallet]);
   return null;
 }
-var import_react90, import_wagmi7;
+var import_react89, import_wagmi9;
 var init_DirectWalletHandler = __esm({
   "src/internal/components/DirectWalletHandler.tsx"() {
-    import_react90 = require("react");
-    import_wagmi7 = require("wagmi");
+    import_react89 = require("react");
+    import_wagmi9 = require("wagmi");
     init_ProviderContext();
     init_useExternalWalletStore();
   }
@@ -25519,9 +25524,9 @@ function getChainParams(chainCfg) {
   return {
     activeChainId: chainCfg.id,
     chainConfig: chainCfg,
-    publicClient: (0, import_read18.createPublicClientForChain)(chainCfg.id),
-    bundlerClient: (0, import_read18.createBundlerClientForChain)(chainCfg.id),
-    viemChain: (0, import_read18.getViemChain)(chainCfg.id)
+    publicClient: (0, import_read19.createPublicClientForChain)(chainCfg.id),
+    bundlerClient: (0, import_read19.createBundlerClientForChain)(chainCfg.id),
+    viemChain: (0, import_read19.getViemChain)(chainCfg.id)
   };
 }
 function waitForStoreHydration() {
@@ -25532,7 +25537,7 @@ function waitForStoreHydration() {
 }
 function SessionProvider({ children }) {
   const config = useProviderConfig().config;
-  return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(import_react91.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(import_react90.Fragment, { children: [
     children,
     config.current?.wallet?.enabled && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(WalletConnectHandler, {}),
     config.current?.wallet?.enabled && (config.current?.wallet?.mode === "direct" || config.current?.wallet?.mode === "both") && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(DirectWalletHandler, {}),
@@ -25547,11 +25552,11 @@ function SessionProvider({ children }) {
     /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Dialog2, {})
   ] });
 }
-var import_read18, import_react91, import_zustand13, import_middleware4, import_jsx_runtime121, useSession, requireActiveChainId;
+var import_read19, import_react90, import_zustand13, import_middleware4, import_jsx_runtime121, useSession, requireActiveChainId;
 var init_SessionContext = __esm({
   "src/context/SessionContext.tsx"() {
-    import_read18 = require("@embarkai/core/read");
-    import_react91 = require("react");
+    import_read19 = require("@embarkai/core/read");
+    import_react90 = require("react");
     import_zustand13 = require("zustand");
     import_middleware4 = require("zustand/middleware");
     init_BalanceFeedProvider2();
@@ -25622,7 +25627,7 @@ var init_SessionContext = __esm({
           // Set default chainId after hydration if not persisted
           onRehydrateStorage: () => (state) => {
             if (!state) return;
-            const hydartedChain = getChainParams((0, import_read18.getChainConfig)(state.activeChainId || import_read18.DEFAULT_CHAIN_ID));
+            const hydartedChain = getChainParams((0, import_read19.getChainConfig)(state.activeChainId || import_read19.DEFAULT_CHAIN_ID));
             state.activeChainId = hydartedChain.activeChainId;
             state.publicClient = hydartedChain.publicClient;
             state.bundlerClient = hydartedChain.bundlerClient;
@@ -25697,31 +25702,31 @@ function getExplorerUrl() {
   const paramUrl = typeof window !== "undefined" ? new URLSearchParams(window.location.search).get("explorerUrl") || void 0 : void 0;
   const net = getSelectedNetwork();
   const chainId = requireActiveChainId();
-  const chainConfig = (0, import_read19.getChainConfig)(chainId);
+  const chainConfig = (0, import_read20.getChainConfig)(chainId);
   console.log("[getExplorerUrl] ", paramUrl, chainConfig.blockExplorerUrl);
   return paramUrl || chainConfig.blockExplorerUrl;
 }
 function getBundlerClient() {
   const chainId = requireActiveChainId();
-  const chainConfig = (0, import_read19.getChainConfig)(chainId);
-  const viemChain = (0, import_read19.getViemChain)(chainId);
+  const chainConfig = (0, import_read20.getChainConfig)(chainId);
+  const viemChain = (0, import_read20.getViemChain)(chainId);
   return (0, import_account_abstraction2.createBundlerClient)({
     chain: viemChain,
     transport: (0, import_viem19.http)(chainConfig.bundlerUrl, { timeout: 1e4, retryCount: 0, fetchOptions: { mode: "cors" } })
   });
 }
-var import_read19, import_viem19, import_account_abstraction2, BUILD_NETWORK, lumiaBeamTestnet, lumiaPrisma, FUNDER_PK;
+var import_read20, import_viem19, import_account_abstraction2, BUILD_NETWORK, lumiaBeamTestnet, lumiaPrisma, FUNDER_PK;
 var init_base = __esm({
   "src/internal/clients/base.ts"() {
     init_initial();
     init_SessionContext();
-    import_read19 = require("@embarkai/core/read");
+    import_read20 = require("@embarkai/core/read");
     import_viem19 = require("viem");
     import_account_abstraction2 = require("viem/account-abstraction");
     init_env();
     BUILD_NETWORK = true ? "" : "";
-    lumiaBeamTestnet = import_read19.lumiaTestnetChain;
-    lumiaPrisma = import_read19.lumiaMainnetChain;
+    lumiaBeamTestnet = import_read20.lumiaTestnetChain;
+    lumiaPrisma = import_read20.lumiaMainnetChain;
     FUNDER_PK = getEnvVar("VITE_FUNDER_PK") || "";
   }
 });
@@ -26441,7 +26446,7 @@ var init_vaultClient = __esm({
 
 // src/internal/auth/keyshare.ts
 async function checkKeyshareStatusWithSync(userId) {
-  const serverHasKeyshare = await (0, import_auth20.syncKeyshareStatus)();
+  const serverHasKeyshare = await (0, import_auth23.syncKeyshareStatus)();
   return checkKeyshareStatus(userId, serverHasKeyshare);
 }
 async function checkKeyshareStatus(userId, serverHasKeyshare) {
@@ -26475,7 +26480,7 @@ async function ensureKeyshareForNewUser(userId, onProgress) {
   onProgress?.("Setting up secure key management...");
   const result = await ensureDkgAndGetOwner(userId);
   if (!result.ownerAddress) throw new Error("DKG completed but no owner address received");
-  await (0, import_auth20.syncKeyshareStatus)();
+  await (0, import_auth23.syncKeyshareStatus)();
   onProgress?.("Key management setup complete");
   return { ownerAddress: result.ownerAddress };
 }
@@ -26560,7 +26565,7 @@ var init_keyshare = __esm({
 
 // src/internal/auth/providers/x.ts
 async function linkX() {
-  const hasValidToken = await (0, import_auth20.ensureValidToken)();
+  const hasValidToken = await (0, import_auth23.ensureValidToken)();
   if (!hasValidToken) throw new Error("No authentication token available");
   throw new Error('Use openSocialAuthPopup("x") to link X account');
 }
@@ -26568,10 +26573,10 @@ async function loginWithX() {
   throw new Error('Use openSocialAuthPopup("x") to login with X account');
 }
 async function unlinkX(externalId) {
-  const hasValidToken = await (0, import_auth20.ensureValidToken)();
+  const hasValidToken = await (0, import_auth23.ensureValidToken)();
   if (!hasValidToken) throw new Error("No authentication token available");
   const url = externalId ? `${getTssUrl3()}/api/auth/unlink/x?externalId=${encodeURIComponent(externalId)}` : `${getTssUrl3()}/api/auth/unlink/x`;
-  const response = await (0, import_auth20.authenticatedFetch)(url, {
+  const response = await (0, import_auth23.authenticatedFetch)(url, {
     method: "DELETE"
   });
   if (!response.ok) {
@@ -26602,9 +26607,9 @@ var init_providers = __esm({
 // src/internal/auth/index.ts
 var auth_exports = {};
 __export(auth_exports, {
-  JwtTokenManager: () => import_auth20.JwtTokenManager,
+  JwtTokenManager: () => import_auth23.JwtTokenManager,
   authenticateWithPasskey: () => authenticateWithPasskey,
-  authenticatedFetch: () => import_auth20.authenticatedFetch,
+  authenticatedFetch: () => import_auth23.authenticatedFetch,
   beginPasskeyAuthentication: () => beginPasskeyAuthentication,
   beginPasskeyLinking: () => beginPasskeyLinking,
   beginPasskeyRegistration: () => beginPasskeyRegistration,
@@ -26614,53 +26619,53 @@ __export(auth_exports, {
   completePasskeyAuthentication: () => completePasskeyAuthentication,
   completePasskeyLinking: () => completePasskeyLinking,
   completePasskeyRegistration: () => completePasskeyRegistration,
-  configureJwtModule: () => import_auth20.configureJwtModule,
+  configureJwtModule: () => import_auth23.configureJwtModule,
   createInitialAuthState: () => createInitialAuthState,
-  createJwtTokenManager: () => import_auth20.createJwtTokenManager,
+  createJwtTokenManager: () => import_auth23.createJwtTokenManager,
   createLoginMessage: () => createLoginMessage,
   createPasskeyHelpers: () => createPasskeyHelpers,
   createSignatureMessage: () => createSignatureMessage,
   deriveDemoPrivateKey: () => deriveDemoPrivateKey,
   ensureKeyshare: () => ensureKeyshare,
-  ensureValidToken: () => import_auth20.ensureValidToken,
+  ensureValidToken: () => import_auth23.ensureValidToken,
   fetchProjectName: () => fetchProjectName,
   formatDate: () => formatDate,
   getKeyshareInfo: () => getKeyshareInfo,
   getLinkedProviders: () => getLinkedProviders,
   getProviderDisplayInfo: () => getProviderDisplayInfo,
   getTssUrl: () => getTssUrl3,
-  getValidTokens: () => import_auth20.getValidTokens,
+  getValidTokens: () => import_auth23.getValidTokens,
   hasAvailablePasskeys: () => hasAvailablePasskeys,
   hideTelegramWidget: () => hideTelegramWidget,
   initTelegramWidget: () => initTelegramWidget,
   isWebAuthnSupported: () => isWebAuthnSupported,
-  jwtTokenManager: () => import_auth20.jwtTokenManager,
+  jwtTokenManager: () => import_auth23.jwtTokenManager,
   linkPasskeyWithWebAuthn: () => linkPasskeyWithWebAuthn,
   linkTelegram: () => linkTelegram,
   linkWallet: () => linkWallet,
   linkX: () => linkX,
-  loginWithEmail: () => import_auth20.loginWithEmail,
-  loginWithTelegram: () => import_auth20.loginWithTelegram,
-  loginWithUserId: () => import_auth20.loginWithUserId,
+  loginWithEmail: () => import_auth23.loginWithEmail,
+  loginWithTelegram: () => import_auth23.loginWithTelegram,
+  loginWithUserId: () => import_auth23.loginWithUserId,
   loginWithX: () => loginWithX,
-  logout: () => import_auth20.logout,
+  logout: () => import_auth23.logout,
   mountTelegramLoginWidget: () => mountTelegramLoginWidget,
   registerPasskey: () => registerPasskey,
   resetWebAuthnFlags: () => resetWebAuthnFlags,
   sendEmailLinkCode: () => sendEmailLinkCode,
   showTelegramWidget: () => showTelegramWidget,
-  syncKeyshareStatus: () => import_auth20.syncKeyshareStatus,
+  syncKeyshareStatus: () => import_auth23.syncKeyshareStatus,
   unlinkProvider: () => unlinkProvider,
   unlinkWallet: () => unlinkWallet,
   unlinkX: () => unlinkX,
   verifyEmailLinkCode: () => verifyEmailLinkCode,
-  verifyToken: () => import_auth20.verifyToken,
+  verifyToken: () => import_auth23.verifyToken,
   walletLogin: () => walletLogin
 });
-var import_auth20, createInitialAuthState;
+var import_auth23, createInitialAuthState;
 var init_auth = __esm({
   "src/internal/auth/index.ts"() {
-    import_auth20 = require("@embarkai/core/auth");
+    import_auth23 = require("@embarkai/core/auth");
     init_passkeyAuth();
     init_telegram();
     init_passkey();
@@ -27962,13 +27967,13 @@ var init_iframe_manager = __esm({
 });
 
 // src/config/rainbowkit.ts
-var import_read20, import_rainbowkit3, import_wallets2, import_wagmi8, import_chains12, getProjectId2, WALLET_MAP, getWagmiStorageKey, buildRainbowChains, createRainbowConfig, rainbowTheme;
+var import_read21, import_rainbowkit3, import_wallets2, import_wagmi10, import_chains12, getProjectId2, WALLET_MAP, getWagmiStorageKey, buildRainbowChains, createRainbowConfig, rainbowTheme;
 var init_rainbowkit = __esm({
   "src/config/rainbowkit.ts"() {
-    import_read20 = require("@embarkai/core/read");
+    import_read21 = require("@embarkai/core/read");
     import_rainbowkit3 = require("@rainbow-me/rainbowkit");
     import_wallets2 = require("@rainbow-me/rainbowkit/wallets");
-    import_wagmi8 = require("wagmi");
+    import_wagmi10 = require("wagmi");
     import_chains12 = require("wagmi/chains");
     getProjectId2 = (configProjectId) => {
       if (configProjectId) return configProjectId;
@@ -27992,8 +27997,8 @@ var init_rainbowkit = __esm({
     };
     buildRainbowChains = (supportedChains, preferredChainId) => {
       const availableChains = [
-        import_read20.lumiaMainnetChain,
-        import_read20.lumiaTestnetChain,
+        import_read21.lumiaMainnetChain,
+        import_read21.lumiaTestnetChain,
         import_chains12.mainnet,
         import_chains12.polygon,
         import_chains12.bsc,
@@ -28019,7 +28024,7 @@ var init_rainbowkit = __esm({
         appName: "EmbarkAI Wallet",
         projectId: getProjectId2(opts.projectId),
         chains: buildRainbowChains(opts.supportedChains, opts.preferredChainId),
-        storage: (0, import_wagmi8.createStorage)({ key: getWagmiStorageKey(opts) }),
+        storage: (0, import_wagmi10.createStorage)({ key: getWagmiStorageKey(opts) }),
         ssr: false
       };
       if (opts.allowedWallets && opts.allowedWallets.length > 0) {
@@ -28220,7 +28225,7 @@ var init_rainbowkit = __esm({
 function RainbowKitProvider({ children }) {
   const config = useProviderConfig().config;
   const colorMode = useLayoutStore((st) => st.colorMode);
-  const rainbowConfig = (0, import_react92.useMemo)(
+  const rainbowConfig = (0, import_react91.useMemo)(
     () => createRainbowConfig({
       projectId: config.current?.wallet?.walletConnectProjectId,
       allowedWallets: config.current?.wallet?.allowedWallets,
@@ -28234,7 +28239,7 @@ function RainbowKitProvider({ children }) {
       config.current?.wallet?.walletConnectProjectId
     ]
   );
-  const customTheme = (0, import_react92.useMemo)(() => {
+  const customTheme = (0, import_react91.useMemo)(() => {
     if (!config.current?.wallet?.enabled) return {};
     return colorMode === "dark" ? {
       ...(0, import_rainbowkit4.darkTheme)(),
@@ -28249,14 +28254,14 @@ function RainbowKitProvider({ children }) {
     };
   }, [colorMode]);
   if (!config.current?.wallet?.enabled) return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_jsx_runtime122.Fragment, { children });
-  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_wagmi9.WagmiProvider, { config: rainbowConfig, children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_rainbowkit4.RainbowKitProvider, { theme: customTheme, modalSize: "compact", showRecentTransactions: true, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_wagmi11.WagmiProvider, { config: rainbowConfig, children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_rainbowkit4.RainbowKitProvider, { theme: customTheme, modalSize: "compact", showRecentTransactions: true, children }) });
 }
-var import_rainbowkit4, import_react92, import_wagmi9, import_styles, import_jsx_runtime122;
+var import_rainbowkit4, import_react91, import_wagmi11, import_styles, import_jsx_runtime122;
 var init_RainbowKitContext = __esm({
   "src/context/RainbowKitContext.tsx"() {
     import_rainbowkit4 = require("@rainbow-me/rainbowkit");
-    import_react92 = require("react");
-    import_wagmi9 = require("wagmi");
+    import_react91 = require("react");
+    import_wagmi11 = require("wagmi");
     init_rainbowkit();
     init_useLayoutStore();
     init_ProviderContext();
@@ -28281,14 +28286,14 @@ var init_utils11 = __esm({
 });
 
 // src/context/WagmiContext.tsx
-var import_core7, import_wagmi10, import_jsx_runtime123, WagmiProvider2;
+var import_core7, import_wagmi12, import_jsx_runtime123, WagmiProvider2;
 var init_WagmiContext = __esm({
   "src/context/WagmiContext.tsx"() {
     import_core7 = require("@embarkai/core");
-    import_wagmi10 = require("wagmi");
+    import_wagmi12 = require("wagmi");
     import_jsx_runtime123 = require("react/jsx-runtime");
     WagmiProvider2 = ({ children }) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_wagmi10.WagmiProvider, { config: import_core7.wagmiConfig, children });
+      return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_wagmi12.WagmiProvider, { config: import_core7.wagmiConfig, children });
     };
   }
 });
@@ -28311,10 +28316,10 @@ function clearLegacyWagmiStorage() {
 }
 function Provider(props) {
   const { children, projectId, initialConfig = {}, callbacks } = props;
-  const callbacksRef = (0, import_react93.useRef)(callbacks);
-  (0, import_react93.useEffect)(() => notifyNoProjetctId(projectId), [projectId]);
-  const config = (0, import_react93.useRef)((0, import_lodash_es11.merge)({}, DEFAULT_PROVIDER_CONFIG, { projectId }, initialConfig));
-  const updateConfig = (0, import_react93.useCallback)((updates) => {
+  const callbacksRef = (0, import_react92.useRef)(callbacks);
+  (0, import_react92.useEffect)(() => notifyNoProjetctId(projectId), [projectId]);
+  const config = (0, import_react92.useRef)((0, import_lodash_es11.merge)({}, DEFAULT_PROVIDER_CONFIG, { projectId }, initialConfig));
+  const updateConfig = (0, import_react92.useCallback)((updates) => {
     const prev = config.current;
     const next = { ...prev };
     if (updates.projectId !== void 0) next.projectId = updates.projectId;
@@ -28348,12 +28353,12 @@ function Provider(props) {
     if (updates.translations) next.translations = { ...next.translations, ...updates.translations };
     config.current = next;
   }, []);
-  const updateCallbacks = (0, import_react93.useCallback)((updates) => {
+  const updateCallbacks = (0, import_react92.useCallback)((updates) => {
     const prev = callbacksRef.current;
     const next = updates ? { ...prev, ...updates } : void 0;
     callbacksRef.current = next;
   }, []);
-  (0, import_react93.useEffect)(() => {
+  (0, import_react92.useEffect)(() => {
     if (typeof window === "undefined" || !projectId) return;
     const mergedConfig = (0, import_lodash_es11.merge)(DEFAULT_PROVIDER_CONFIG, initialConfig);
     updateConfig(mergedConfig);
@@ -28373,7 +28378,7 @@ function Provider(props) {
       useSession.getState().setActiveChainId(mergedConfig.network.chainId);
     }
   }, [projectId, initialConfig]);
-  (0, import_react93.useEffect)(() => {
+  (0, import_react92.useEffect)(() => {
     if (typeof window === "undefined" || !projectId) return;
     try {
       (0, import_error_tracking4.initSdkErrorTracking)();
@@ -28402,7 +28407,7 @@ function Provider(props) {
       console.error("[PROVIDER] Error setting up iframe manager:", error);
     }
   }, [projectId]);
-  const contextValue = (0, import_react93.useMemo)(
+  const contextValue = (0, import_react92.useMemo)(
     () => ({
       config,
       updateConfig,
@@ -28423,12 +28428,12 @@ function Provider(props) {
     /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(WagmiProvider2, { children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(UIContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(SessionProvider, { children }) }) })
   );
 }
-var import_error_tracking4, import_lodash_es11, import_react93, import_jsx_runtime124, UIContext, useProviderConfig;
+var import_error_tracking4, import_lodash_es11, import_react92, import_jsx_runtime124, UIContext, useProviderConfig;
 var init_ProviderContext = __esm({
   "src/context/ProviderContext.tsx"() {
     import_error_tracking4 = require("@embarkai/core/internal/error-tracking");
     import_lodash_es11 = require("lodash-es");
-    import_react93 = require("react");
+    import_react92 = require("react");
     init_initial();
     init_iframe_manager();
     init_RainbowKitContext();
@@ -28436,9 +28441,9 @@ var init_ProviderContext = __esm({
     init_utils11();
     init_WagmiContext();
     import_jsx_runtime124 = require("react/jsx-runtime");
-    UIContext = (0, import_react93.createContext)(void 0);
+    UIContext = (0, import_react92.createContext)(void 0);
     useProviderConfig = () => {
-      const ctx = (0, import_react93.useContext)(UIContext);
+      const ctx = (0, import_react92.useContext)(UIContext);
       if (!ctx) throw new Error("useProviderConfig must be used within a Provider");
       return ctx;
     };
@@ -28480,9 +28485,9 @@ __export(index_exports, {
   getUserOperationByHash: () => getUserOperationByHash,
   getUserOperationReceipt: () => getUserOperationReceipt,
   getUserProfile: () => getUserProfile,
-  getValidTokens: () => import_auth20.getValidTokens,
-  jwtTokenManager: () => import_auth20.jwtTokenManager,
-  logout: () => import_auth20.logout,
+  getValidTokens: () => import_auth23.getValidTokens,
+  jwtTokenManager: () => import_auth23.jwtTokenManager,
+  logout: () => import_auth23.logout,
   looksLikeNickname: () => looksLikeNickname,
   prepareBatchUserOperation: () => prepareBatchUserOperation,
   prepareUserOperation: () => prepareUserOperation,
@@ -28637,7 +28642,7 @@ function EmbarkAiIcon(props) {
 // src/components/ConnectWalletButton.tsx
 var import_react_query55 = require("@tanstack/react-query");
 var import_lucide_react79 = require("lucide-react");
-var import_react94 = require("react");
+var import_react93 = require("react");
 init_SessionContext();
 init_auth();
 init_profile();
@@ -28670,18 +28675,18 @@ function ConnectWalletButton(props) {
   const colorMode = useLayoutStore((st) => st.colorMode);
   const { session, address, hasServerVault, isLoading, isIframeReady, status, setUsePaymaster } = useSession();
   const connectButtonLabel = getFormattedStatus(label || "Connect", status, isIframeReady);
-  (0, import_react94.useEffect)(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
+  (0, import_react93.useEffect)(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
   const { data: profile, isLoading: isProfileLoading } = (0, import_react_query55.useQuery)({
     retry: false,
     enabled: !!address,
     queryKey: [QUERY_KEYS.userProfile, address],
     queryFn: getUserProfile
   });
-  const displayName = profile?.nicknameDisplay || profile?.displayName || import_auth20.jwtTokenManager.getDisplayName();
-  const indicators = (0, import_react94.useMemo)(() => {
+  const displayName = profile?.nicknameDisplay || profile?.displayName || import_auth23.jwtTokenManager.getDisplayName();
+  const indicators = (0, import_react93.useMemo)(() => {
     const userId = session?.mpcUserId;
     if (!userId) return { server: false, local: false, backup: false };
-    const server = import_auth20.jwtTokenManager.getHasKeyshare() ?? false;
+    const server = import_auth23.jwtTokenManager.getHasKeyshare() ?? false;
     const local = !!address;
     return { server, local, backup: hasServerVault };
   }, [session, address, hasServerVault]);
@@ -28860,7 +28865,7 @@ var useActiveChainId = () => useSession((st) => st.activeChainId);
 var useHydrated = () => useSession((st) => st.hasHydrated);
 
 // src/hooks/useOpenPage.ts
-var import_react95 = require("react");
+var import_react94 = require("react");
 init_SessionContext();
 init_useLayoutDataStore();
 function useOpenPage() {
@@ -28868,7 +28873,7 @@ function useOpenPage() {
   const setPage = useLayoutDataStore((st) => st.setPage);
   const setPageParams = useLayoutDataStore((st) => st.setPageParams);
   const address = useSession((st) => st.address);
-  const open = (0, import_react95.useCallback)(
+  const open = (0, import_react94.useCallback)(
     (passportPage, params) => {
       if (!address) return setPage("auth" /* AUTH */);
       if (!!address && passportPage === "auth" /* AUTH */) return setPage("manage-wallet" /* MANAGE_WALLET */);
@@ -28877,7 +28882,7 @@ function useOpenPage() {
     },
     [setPage, setPageParams, address]
   );
-  const close = (0, import_react95.useCallback)(() => setPage(null), [setPage]);
+  const close = (0, import_react94.useCallback)(() => setPage(null), [setPage]);
   return { open, close, isOpen: page !== null };
 }
 
@@ -29338,14 +29343,14 @@ var Hash = ({
 };
 
 // src/internal/components/TransactionsMenu/TransactionsList.tsx
-var import_react96 = require("react");
+var import_react95 = require("react");
 init_base();
 var import_jsx_runtime132 = require("react/jsx-runtime");
 var TransactionsList = ({ address, itemsCount = 10 }) => {
-  const [transactions, setTransactions] = (0, import_react96.useState)([]);
-  const [loading, setLoading] = (0, import_react96.useState)(true);
-  const [error, setError] = (0, import_react96.useState)(null);
-  (0, import_react96.useEffect)(() => {
+  const [transactions, setTransactions] = (0, import_react95.useState)([]);
+  const [loading, setLoading] = (0, import_react95.useState)(true);
+  const [error, setError] = (0, import_react95.useState)(null);
+  (0, import_react95.useEffect)(() => {
     const fetchTransactions2 = async () => {
       try {
         setLoading(true);
@@ -29636,13 +29641,13 @@ function useUserOpStatus(options = {}) {
 init_useErc3643Compliance();
 
 // src/hooks/useWalletMode.ts
-var import_react97 = require("react");
+var import_react96 = require("react");
 init_useExternalWalletStore();
 function useWalletMode() {
   const configMode = useExternalWalletStore((st) => st.configMode);
   const activeMode = useExternalWalletStore((st) => st.activeMode);
   const setActiveMode = useExternalWalletStore((st) => st.setActiveMode);
-  const switchMode = (0, import_react97.useCallback)(
+  const switchMode = (0, import_react96.useCallback)(
     (mode) => {
       if (configMode !== "both") return;
       setActiveMode(mode);
@@ -29658,9 +29663,9 @@ function useWalletMode() {
 }
 
 // src/hooks/useDirectWallet.ts
-var import_react98 = require("react");
+var import_react97 = require("react");
 var import_rainbowkit6 = require("@rainbow-me/rainbowkit");
-var import_wagmi11 = require("wagmi");
+var import_wagmi13 = require("wagmi");
 init_useExternalWalletStore();
 init_useLayoutDataStore();
 function useDirectWallet() {
@@ -29669,16 +29674,16 @@ function useDirectWallet() {
   const isConnected = useExternalWalletStore((st) => st.isExternalConnected);
   const connectorName = useExternalWalletStore((st) => st.connectorName);
   const clearExternalWallet = useExternalWalletStore((st) => st.clearExternalWallet);
-  const { disconnect: wagmiDisconnect } = (0, import_wagmi11.useDisconnect)();
+  const { disconnect: wagmiDisconnect } = (0, import_wagmi13.useDisconnect)();
   const { openConnectModal } = (0, import_rainbowkit6.useConnectModal)();
   const setIsWalletLinking = useLayoutDataStore((st) => st.setIsWalletLinking);
-  const connect = (0, import_react98.useCallback)(() => {
+  const connect = (0, import_react97.useCallback)(() => {
     setIsWalletLinking(true);
   }, [setIsWalletLinking]);
-  const reconnect = (0, import_react98.useCallback)(() => {
+  const reconnect = (0, import_react97.useCallback)(() => {
     if (openConnectModal) openConnectModal();
   }, [openConnectModal]);
-  const disconnect = (0, import_react98.useCallback)(() => {
+  const disconnect = (0, import_react97.useCallback)(() => {
     wagmiDisconnect();
     clearExternalWallet();
   }, [wagmiDisconnect, clearExternalWallet]);
@@ -29694,19 +29699,19 @@ function useDirectWallet() {
 }
 
 // src/hooks/useSendDirectTransaction.ts
-var import_react99 = require("react");
+var import_react98 = require("react");
 var import_viem20 = require("viem");
-var import_wagmi12 = require("wagmi");
+var import_wagmi14 = require("wagmi");
 init_useExternalWalletStore();
 function useSendDirectTransaction() {
   const isConnected = useExternalWalletStore((st) => st.isExternalConnected);
   const externalChainId = useExternalWalletStore((st) => st.externalChainId);
-  const { sendTransactionAsync } = (0, import_wagmi12.useSendTransaction)();
-  const { switchChainAsync } = (0, import_wagmi12.useSwitchChain)();
-  const [isPending, setIsPending] = (0, import_react99.useState)(false);
-  const [error, setError] = (0, import_react99.useState)(null);
-  const [txHash, setTxHash] = (0, import_react99.useState)(null);
-  const sendTransaction = (0, import_react99.useCallback)(
+  const { sendTransactionAsync } = (0, import_wagmi14.useSendTransaction)();
+  const { switchChainAsync } = (0, import_wagmi14.useSwitchChain)();
+  const [isPending, setIsPending] = (0, import_react98.useState)(false);
+  const [error, setError] = (0, import_react98.useState)(null);
+  const [txHash, setTxHash] = (0, import_react98.useState)(null);
+  const sendTransaction = (0, import_react98.useCallback)(
     async (params) => {
       if (!isConnected) {
         setError("No external wallet connected");
@@ -29740,7 +29745,7 @@ function useSendDirectTransaction() {
     },
     [isConnected, externalChainId, sendTransactionAsync, switchChainAsync]
   );
-  const reset = (0, import_react99.useCallback)(() => {
+  const reset = (0, import_react98.useCallback)(() => {
     setError(null);
     setTxHash(null);
     setIsPending(false);
@@ -29749,7 +29754,7 @@ function useSendDirectTransaction() {
 }
 
 // src/hooks/useTransferToLinkedWallet.ts
-var import_react100 = require("react");
+var import_react99 = require("react");
 var import_viem21 = require("viem");
 init_SessionContext();
 init_account2();
@@ -29768,14 +29773,14 @@ var ERC20_TRANSFER_ABI2 = [
 function useTransferToLinkedWallet() {
   const session = useSession((st) => st.session);
   const { profiles } = useLinkedProfiles();
-  const [isPending, setIsPending] = (0, import_react100.useState)(false);
-  const [error, setError] = (0, import_react100.useState)(null);
-  const [userOpHash, setUserOpHash] = (0, import_react100.useState)(null);
-  const linkedWallets = (0, import_react100.useMemo)(
+  const [isPending, setIsPending] = (0, import_react99.useState)(false);
+  const [error, setError] = (0, import_react99.useState)(null);
+  const [userOpHash, setUserOpHash] = (0, import_react99.useState)(null);
+  const linkedWallets = (0, import_react99.useMemo)(
     () => (profiles || []).filter((p) => p.provider === "wallet" && p.externalId).map((p) => p.externalId),
     [profiles]
   );
-  const transfer = (0, import_react100.useCallback)(
+  const transfer = (0, import_react99.useCallback)(
     async (params) => {
       if (!session) {
         setError("No active session");
@@ -29826,7 +29831,7 @@ function useTransferToLinkedWallet() {
     },
     [session, linkedWallets]
   );
-  const reset = (0, import_react100.useCallback)(() => {
+  const reset = (0, import_react99.useCallback)(() => {
     setError(null);
     setUserOpHash(null);
     setIsPending(false);
@@ -29835,11 +29840,11 @@ function useTransferToLinkedWallet() {
 }
 
 // src/hooks/useNativeWalletSignature.ts
-var import_wagmi13 = require("wagmi");
+var import_wagmi15 = require("wagmi");
 init_providers();
 function useNativeWalletSignature() {
-  const signMessage = (0, import_wagmi13.useSignMessage)();
-  const signTypedMessage = (0, import_wagmi13.useSignTypedData)();
+  const signMessage = (0, import_wagmi15.useSignMessage)();
+  const signTypedMessage = (0, import_wagmi15.useSignTypedData)();
   return {
     signMessage,
     /** EIP-712 signature */
@@ -29849,27 +29854,43 @@ function useNativeWalletSignature() {
 }
 
 // src/hooks/useLogout.ts
-var import_auth22 = require("@embarkai/core/auth");
-var import_react101 = require("react");
+var import_auth25 = require("@embarkai/core/auth");
+var import_react100 = require("react");
+var import_wagmi16 = require("wagmi");
 init_ProviderContext();
 init_SessionContext();
+init_useExternalWalletStore();
 function useLogout() {
-  const { setSession, setIsLoading, setAddress, setStatus, setError, address } = useSession();
   const { callbacksRef } = useProviderConfig();
-  const logout2 = (0, import_react101.useCallback)(async () => {
+  const address = useSession((st) => st.address);
+  const { disconnect: wagmiDisconnect } = (0, import_wagmi16.useDisconnect)({
+    mutation: {
+      onSuccess: () => {
+        useExternalWalletStore.getState().clearExternalWallet();
+        useExternalWalletStore.getState().setExternalChainId(null);
+        console.log("[ExternalWalletStore] Disconnected from external wallet");
+      },
+      onError: (err) => {
+        console.error("[ExternalWalletStore] Error disconnecting from external wallet:", err);
+      }
+    }
+  });
+  const logout2 = (0, import_react100.useCallback)(async () => {
+    const { setSession, setIsLoading, setAddress, setStatus, setError } = useSession.getState();
     const prevAddress = address;
     let userId = null;
     setIsLoading(true);
     try {
-      userId = import_auth22.jwtTokenManager.getUserId() || null;
+      userId = import_auth25.jwtTokenManager.getUserId() || null;
     } catch (error) {
       console.warn("[useLogout] Could not get userId:", error);
     }
     try {
-      await (0, import_auth22.logout)();
+      await (0, import_auth25.logout)();
     } catch (error) {
       console.warn("[useLogout] Core logout failed:", error);
     }
+    if (!!useExternalWalletStore.getState().externalAddress) wagmiDisconnect();
     setSession(null);
     setAddress(null);
     setStatus("idle");
@@ -29883,7 +29904,7 @@ function useLogout() {
     } catch (error) {
       console.warn("[useLogout] Callback error:", error);
     }
-  }, [address, setAddress, setError, setSession, setStatus]);
+  }, [address]);
   return { logout: logout2 };
 }
 
@@ -29906,15 +29927,15 @@ init_useBlockscoutAssets();
 
 // src/modules/transactions.ts
 init_SessionContext();
-var import_read21 = require("@embarkai/core/read");
+var import_read22 = require("@embarkai/core/read");
 var import_viem22 = require("viem");
-var import_wagmi14 = require("wagmi");
+var import_wagmi17 = require("wagmi");
 function useTransactions() {
   const chainId = requireActiveChainId();
-  const viemChain = (0, import_read21.getViemChain)(chainId);
-  const publicClient = (0, import_wagmi14.usePublicClient)({ chainId });
-  const { data: walletClient } = (0, import_wagmi14.useWalletClient)();
-  const { address } = (0, import_wagmi14.useAccount)();
+  const viemChain = (0, import_read22.getViemChain)(chainId);
+  const publicClient = (0, import_wagmi17.usePublicClient)({ chainId });
+  const { data: walletClient } = (0, import_wagmi17.useWalletClient)();
+  const { address } = (0, import_wagmi17.useAccount)();
   const sendTransaction = async (params) => {
     if (!walletClient) {
       throw new Error("Wallet not connected");
@@ -29972,9 +29993,9 @@ function useTransactions() {
 
 // src/modules/assets.ts
 init_SessionContext();
-var import_react102 = __toESM(require("react"), 1);
+var import_react101 = __toESM(require("react"), 1);
 var import_viem23 = require("viem");
-var import_wagmi15 = require("wagmi");
+var import_wagmi18 = require("wagmi");
 var COMMON_TOKENS = [
   // Add real token addresses here when available
   // {
@@ -29991,7 +30012,7 @@ function useAssets(address) {
     data: nativeBalance,
     isLoading: nativeBalanceLoading,
     refetch: refetchNativeBalance
-  } = (0, import_wagmi15.useBalance)({
+  } = (0, import_wagmi18.useBalance)({
     address,
     chainId,
     query: {
@@ -30005,7 +30026,7 @@ function useAssets(address) {
     args: [address],
     chainId
   }));
-  const readContractsResult = (0, import_wagmi15.useReadContracts)({
+  const readContractsResult = (0, import_wagmi18.useReadContracts)({
     contracts: tokenContracts,
     query: {
       enabled: !!address && COMMON_TOKENS.length > 0
@@ -30086,7 +30107,7 @@ function useAssets(address) {
 }
 function useTokenInfo(tokenAddress) {
   const chainId = requireActiveChainId();
-  const readContractsResult = (0, import_wagmi15.useReadContracts)({
+  const readContractsResult = (0, import_wagmi18.useReadContracts)({
     contracts: [
       { address: tokenAddress, abi: import_viem23.erc20Abi, functionName: "name", chainId },
       { address: tokenAddress, abi: import_viem23.erc20Abi, functionName: "symbol", chainId },
@@ -30117,7 +30138,7 @@ function useTokenBalance(tokenAddress, userAddress) {
     data: balance,
     isLoading,
     refetch
-  } = (0, import_wagmi15.useReadContract)({
+  } = (0, import_wagmi18.useReadContract)({
     address: tokenAddress,
     abi: import_viem23.erc20Abi,
     functionName: "balanceOf",
@@ -30128,7 +30149,7 @@ function useTokenBalance(tokenAddress, userAddress) {
     }
   });
   const { tokenInfo } = useTokenInfo(tokenAddress);
-  const formattedBalance = import_react102.default.useMemo(() => {
+  const formattedBalance = import_react101.default.useMemo(() => {
     if (!balance || !tokenInfo) return "0";
     return (0, import_viem23.formatUnits)(balance, tokenInfo.decimals);
   }, [balance, tokenInfo]);