@embarkai/ui-kit 0.4.46 → 0.4.47

package/dist/index.js

@@ -2432,15 +2432,11 @@ function useBackupStatusChanges() {
     onSuccess: ({ stats, detail }) => {
       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);
+        if (!!detail?.navigateToNicknameMenu) {
+          console.log("[BACKUP STATUS] New user backup created, navigating to nickname settings");
+          setTimeout(() => setPage("nickname-settings" /* NICKNAME_SETTINGS */), 1e3);
         }
-        console.info("[BACKUP STATUS] Recovery data found in vault, marking as has-server-vault");
       } else {
         setHasServerVault(false);
         setPage("keysare-backup" /* KEYSARE_BACKUP */);
@@ -7586,25 +7582,15 @@ function useAuthMenuHandlers() {
   const { config, callbacksRef } = useProviderConfig();
   const qc = useQueryClient2();
   const pendingLoginResponseRef = useRef6(null);
-  const setPage = useLayoutDataStore((st) => st.setPage);
-  const setIsDialogForced = useLayoutStore((st) => st.setIsDialogForced);
   const [telegramCleanup, setTelegramCleanup] = useState2(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 = useCallback8(
     async (userId, hasServerKeyshare, isNewUser) => {
+      const { setStatus } = useSession.getState();
       try {
         try {
           callbacksRef.current?.onConnecting?.({ method: "wallet" });
@@ -7642,9 +7628,19 @@ function useAuthMenuHandlers() {
         throw error;
       }
     },
-    [setStatus, usePaymaster, activeChainId]
+    [usePaymaster, activeChainId]
   );
   const onAuthSuccess = useCallback8(async () => {
+    const {
+      //
+      setSession,
+      setAddress,
+      setStatus,
+      setIsLoading,
+      setError,
+      setHasServerVault,
+      setRecoveryUserId
+    } = useSession.getState();
     setIsLoading(true);
     setStep("loading");
     const loginResponse = pendingLoginResponseRef.current;
@@ -7708,11 +7704,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) {
@@ -7724,9 +7720,7 @@ 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 jwtTokenManager2.clearTokens();
@@ -7742,20 +7736,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 = useCallback8(() => {
     setStep("signin");
     setAlert(null);
@@ -11590,75 +11571,51 @@ var init_LumiaIcon2 = __esm({
   }
 });
 
-// src/config/networks.ts
+// src/internal/assets/networks/index.ts
 import {
   ARBITRUM_SEPOLIA_CHAIN_ID,
   BASE_SEPOLIA_CHAIN_ID,
+  BSC_MAINNET_CHAIN_ID,
   BSC_TESTNET_CHAIN_ID as BSC_TESTNET_CHAIN_ID3,
-  LUMIA_PULSAR_TESTNET_CHAIN_ID,
   LUMIA_MAINNET_CHAIN_ID as LUMIA_MAINNET_CHAIN_ID3,
-  LUMIA_TESTNET_CHAIN_ID as LUMIA_TESTNET_CHAIN_ID3,
-  SEPOLIA_CHAIN_ID
+  LUMIA_PULSAR_TESTNET_CHAIN_ID,
+  LUMIA_TESTNET_CHAIN_ID as LUMIA_TESTNET_CHAIN_ID3
 } from "@embarkai/core/read";
-var NETWORK_OPTIONS;
+var NETWORKS_ICONS;
 var init_networks3 = __esm({
-  "src/config/networks.ts"() {
+  "src/internal/assets/networks/index.ts"() {
     init_ArbitrumIcon();
     init_BaseIcon();
     init_BscIcon();
     init_EthereumIcon();
     init_LumiaIcon2();
-    NETWORK_OPTIONS = [
-      {
-        chainId: LUMIA_TESTNET_CHAIN_ID3,
-        name: "Lumia Beam",
-        badge: "TESTNET",
-        Icon: LumiaIcon2,
-        isActive: true
-      },
-      {
-        chainId: LUMIA_MAINNET_CHAIN_ID3,
-        name: "Lumia Prism",
-        badge: "MAINNET",
-        Icon: LumiaIcon2,
-        isActive: true
-      },
-      {
-        chainId: SEPOLIA_CHAIN_ID,
-        name: "Sepolia",
-        badge: "TESTNET",
-        Icon: EthereumIcon,
-        isActive: true
-      },
-      {
-        chainId: BSC_TESTNET_CHAIN_ID3,
-        name: "BSC Testnet",
-        badge: "TESTNET",
-        Icon: BSCIcon,
-        isActive: true
-      },
-      {
-        chainId: ARBITRUM_SEPOLIA_CHAIN_ID,
-        name: "Arbitrum Sepolia",
-        badge: "TESTNET",
-        Icon: ArbitrumIcon,
-        isActive: true
-      },
-      {
-        chainId: BASE_SEPOLIA_CHAIN_ID,
-        name: "Base Sepolia",
-        badge: "TESTNET",
-        Icon: BaseIcon,
-        isActive: true
-      },
-      {
-        chainId: LUMIA_PULSAR_TESTNET_CHAIN_ID,
-        name: "Lumia Pulsar Testnet",
-        badge: "TESTNET",
-        Icon: LumiaIcon2,
-        isActive: true
-      }
-    ];
+    NETWORKS_ICONS = {
+      [LUMIA_MAINNET_CHAIN_ID3]: LumiaIcon2,
+      [LUMIA_TESTNET_CHAIN_ID3]: LumiaIcon2,
+      [LUMIA_PULSAR_TESTNET_CHAIN_ID]: LumiaIcon2,
+      [BASE_SEPOLIA_CHAIN_ID]: BaseIcon,
+      [BSC_MAINNET_CHAIN_ID]: BSCIcon,
+      [BSC_TESTNET_CHAIN_ID3]: BSCIcon,
+      1: EthereumIcon,
+      [ARBITRUM_SEPOLIA_CHAIN_ID]: ArbitrumIcon
+    };
+  }
+});
+
+// src/config/networks.ts
+import { SUPPORTED_CHAINS, SUPPORTED_MAINNETS } from "@embarkai/core/read";
+var NETWORK_OPTIONS;
+var init_networks4 = __esm({
+  "src/config/networks.ts"() {
+    init_networks3();
+    init_EmbarkIcon();
+    NETWORK_OPTIONS = [...SUPPORTED_CHAINS].map(([chainId, chain]) => ({
+      chainId,
+      name: chain.name,
+      badge: SUPPORTED_MAINNETS.includes(chainId) ? "MAINNET" : "TESTNET",
+      Icon: NETWORKS_ICONS[chainId] || EmbarkIcon,
+      isActive: true
+    }));
   }
 });
 
@@ -11855,7 +11812,7 @@ function ChainsMenu() {
 }
 var init_ChainsMenu = __esm({
   "src/internal/components/ChainsMenu/ChainsMenu.tsx"() {
-    init_networks3();
+    init_networks4();
     init_ProviderContext();
     init_SessionContext();
     init_useT();
@@ -11959,7 +11916,7 @@ function ChainSwitchRequest() {
 }
 var init_ChainSwitchRequest = __esm({
   "src/internal/components/ChainsMenu/ChainSwitchRequest.tsx"() {
-    init_networks3();
+    init_networks4();
     init_ProviderContext();
     init_SessionContext();
     init_useT();
@@ -13765,42 +13722,45 @@ var init_cloudStorage = __esm({
 
 // src/internal/components/KeyshareRestoreMenu/hooks/useCreateBackup.ts
 import { useMutation as useMutation9, useQueryClient as useQueryClient9 } from "@tanstack/react-query";
-import { useEffect as useEffect20 } from "react";
+import { useCallback as useCallback17, useEffect as useEffect20 } from "react";
 function useCreateBackup() {
   const qc = useQueryClient9();
   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();
+  const usePasskey = useRestoreStore((st) => st.usePasskey);
+  const restorePassword = useRestoreStore((st) => st.restorePassword);
+  const selectedCloudProvider = useRestoreStore((st) => st.selectedCloudProvider);
   useEffect20(() => {
     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 = useCallback17(() => {
+    console.log("[EMBARKAI BACKUP] Backup created successfully");
+  }, [hasServerVault]);
   const { mutate: createPasswordBackup, isPending: isPasswordBackupCreating } = useMutation9({
     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 = jwtTokenManager2.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);
+      console.log("[BACKUP STATUS] is new user:", jwt.isNewUser);
       return {
         response: await iframeManager.createBackup(passportUserId, { method: "server", password }, jwt.accessToken),
-        navigateToMainMenu
+        isNewUser: jwt.isNewUser
       };
     },
-    onSuccess: async ({ response, navigateToMainMenu }) => {
+    onSuccess: async ({ response, isNewUser }) => {
+      const { setError, setSuccess } = useRestoreStore.getState();
       qc.invalidateQueries({ queryKey: [CHECK_BACKUP_QUERY_KEY, address] });
       if (response.success) {
         setError("");
@@ -13808,7 +13768,11 @@ 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,
+                navigateToNicknameMenu: !!isNewUser
+              }
             })
           );
         }
@@ -13816,9 +13780,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.");
@@ -13847,7 +13812,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", {
@@ -13858,13 +13823,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 } = useMutation9({
     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();
@@ -13874,11 +13839,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.");
@@ -13911,7 +13878,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(
@@ -13923,7 +13890,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] });
     }
   });
@@ -13941,6 +13908,7 @@ function useCreateBackup() {
 var init_useCreateBackup = __esm({
   "src/internal/components/KeyshareRestoreMenu/hooks/useCreateBackup.ts"() {
     init_SessionContext();
+    init_auth();
     init_useLayoutStore();
     init_iframe_manager();
     init_constants4();
@@ -15041,23 +15009,14 @@ var init_KeyshareRestoreMenu = __esm({
       const qc = useQueryClient11();
       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();
+      const error = useRestoreStore((st) => st.error);
+      const success = useRestoreStore((st) => st.success);
+      const currentRestoreMethod = useRestoreStore((st) => st.method);
       useEffect25(() => {
+        const { setIsDialogForced } = useLayoutStore.getState();
+        const { setRestorePassword, setRestoreFile, setShowPassword, setUsePasskey, setMethod } = useRestoreStore.getState();
         setIsDialogForced(true);
         return () => {
           setRestorePassword("");
@@ -15084,14 +15043,17 @@ var init_KeyshareRestoreMenu = __esm({
       });
       const hasServerBackup = serverRecoveryStatus?.created || serverRecoveryStatus?.devices?.length > 0;
       useEffect25(() => {
-        if (!!hasServerBackup) setMethod("server");
+        if (!!hasServerBackup) useRestoreStore.getState().setMethod("server");
       }, [hasServerBackup]);
       const { mutate: disconnect, isPending: isDisconnecting } = useMutation11({
         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));
@@ -15100,20 +15062,22 @@ var init_KeyshareRestoreMenu = __esm({
         },
         onSuccess: async ({ disconnectedUserId }) => {
           await qc.resetQueries({ queryKey: [CHECK_BACKUP_QUERY_KEY] });
+          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;
@@ -15147,6 +15111,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("");
@@ -15176,6 +15141,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);
@@ -15222,20 +15196,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();
+  const currentBackupMethod = useRestoreStore((st) => st.method);
+  const error = useRestoreStore((st) => st.error);
+  const success = useRestoreStore((st) => st.success);
   useEffect26(() => {
+    const { setSuccess, setError, setRestorePassword, setRestoreFile, setShowPassword, setUsePasskey, setMethod } = useRestoreStore.getState();
     return () => {
       setSuccess(null);
       setError(null);
@@ -15249,13 +15214,12 @@ function KeyshareBackupMenu() {
   const { data: serverRecoveryStatus, isLoading: isRecoveryLoading } = useQuery8({
     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;
   useEffect26(() => {
-    if (!!hasRecoveryData) setMethod("server");
+    if (!!hasRecoveryData) useRestoreStore.getState().setMethod("server");
   }, [hasRecoveryData]);
   const {
     isPasswordBackupCreating,
@@ -15288,6 +15252,16 @@ function KeyshareBackupMenu() {
                 size: "icon",
                 title: "Back",
                 onClick: () => {
+                  const {
+                    setSuccess,
+                    setError,
+                    setRestorePassword,
+                    setRestoreFile,
+                    setShowPassword,
+                    setUsePasskey,
+                    setMethod,
+                    setSelectedCloudProvider
+                  } = useRestoreStore.getState();
                   setRestorePassword("");
                   setRestoreFile(null);
                   setShowPassword(false);
@@ -15310,6 +15284,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("");
@@ -15342,21 +15317,12 @@ function KeyshareBackupMenu() {
           /* @__PURE__ */ jsx63(AlertCircle3, { className: "h-4 w-4 flex-shrink-0" }),
           /* @__PURE__ */ jsx63("span", { className: "block w-full flex-1", children: error })
         ] }),
-        success && /* @__PURE__ */ jsxs58(Fragment25, { children: [
-          /* @__PURE__ */ jsxs58(Highlight, { type: "success", className: "flex gap-[var(--ui-kit-gap)]", children: [
+        success && /* @__PURE__ */ jsxs58(Highlight, { type: "success", className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
+          /* @__PURE__ */ jsxs58("div", { className: "w-full flex gap-[var(--ui-kit-gap)]", children: [
             /* @__PURE__ */ jsx63(CheckCircle22, { className: "h-4 w-4 flex-shrink-0" }),
             /* @__PURE__ */ jsx63("span", { className: "block w-full flex-1", children: success })
           ] }),
-          /* @__PURE__ */ jsx63(
-            Button,
-            {
-              variant: "default",
-              size: "large",
-              className: "w-full",
-              onClick: () => setPage("settings" /* SETTINGS */),
-              children: "Done"
-            }
-          )
+          /* @__PURE__ */ jsx63(Button, { variant: "default", size: "large", className: "w-full", onClick: () => setPage("settings" /* SETTINGS */), children: t("passport:common.continue") })
         ] })
       ] })
     }
@@ -15396,7 +15362,7 @@ var init_KeyshareRestoreMenu2 = __esm({
 });
 
 // src/hooks/useColorMode.ts
-import { useCallback as useCallback17, useEffect as useEffect27 } from "react";
+import { useCallback as useCallback18, useEffect as useEffect27 } from "react";
 function useColorMode() {
   const {
     config: { current: config }
@@ -15404,7 +15370,7 @@ function useColorMode() {
   const preferedColorMode = config?.preferedColorMode;
   const colorMode = useLayoutStore((st) => st.colorMode);
   const handleStoreColorMode = useLayoutStore((st) => st.setColorMode);
-  const setColorMode = useCallback17(
+  const setColorMode = useCallback18(
     (mode) => {
       localStorage.setItem(LOCAL_COLOR_MODE_KEY, mode);
       handleStoreColorMode(mode);
@@ -15900,7 +15866,7 @@ var init_MainMenu2 = __esm({
 
 // src/modules/linkedProfiles.ts
 import { useQuery as useQuery11, useQueryClient as useQueryClient12 } from "@tanstack/react-query";
-import { useCallback as useCallback18 } from "react";
+import { useCallback as useCallback19 } from "react";
 function useLinkedProfiles() {
   const qc = useQueryClient12();
   const address = useSession((st) => st.address);
@@ -15924,7 +15890,7 @@ function useLinkedProfiles() {
     }
   });
   const { profiles = [], avatar = null } = data || {};
-  const refresh = useCallback18(async () => {
+  const refresh = useCallback19(async () => {
     await qc.invalidateQueries({ queryKey: [LINKED_PROFILES_QUERY_KEY, address] });
   }, [qc, address]);
   return { profiles, avatar, isLoading, isFetching, error, refresh };
@@ -16561,7 +16527,7 @@ var init_telegram2 = __esm({
 
 // src/internal/components/ManageWalletMenu/hooks/useLinkTelegram.ts
 import { useQueryClient as useQueryClient16 } from "@tanstack/react-query";
-import { useCallback as useCallback19, useEffect as useEffect31, useState as useState17 } from "react";
+import { useCallback as useCallback20, useEffect as useEffect31, useState as useState17 } from "react";
 function useLinkTelegram() {
   const {
     config: { current: config },
@@ -16572,7 +16538,7 @@ function useLinkTelegram() {
   const isWalletLinking = useLayoutDataStore((st) => st.isWalletLinking);
   const { providerType, linkIsLoading, setLinkIsLoading, setProviderType, setAlert } = useManageWalletStore();
   const setPage = useLayoutDataStore((st) => st.setPage);
-  const handleLinkTelegram = useCallback19(async () => {
+  const handleLinkTelegram = useCallback20(async () => {
     try {
       if (shouldBlockSocialAuthInTelegram("telegram")) {
         setAlert(buildTelegramBrowserRestriction("Telegram", "linking"));
@@ -17212,7 +17178,7 @@ var init_nickname_validation = __esm({
 // src/internal/components/NicknameMenu/NicknameEditForm.tsx
 import { useMutation as useMutation16, useQueryClient as useQueryClient18 } from "@tanstack/react-query";
 import { AtSign, Check as Check2, ChevronRight as ChevronRight5, Copy as Copy2, Loader as Loader17 } from "lucide-react";
-import { useCallback as useCallback20, useState as useState19 } from "react";
+import { useCallback as useCallback21, useState as useState19 } from "react";
 import { Fragment as Fragment29, jsx as jsx76, jsxs as jsxs71 } from "react/jsx-runtime";
 function NicknameEditForm(props) {
   const {
@@ -17263,7 +17229,7 @@ function NicknameEditForm(props) {
       );
     }
   });
-  const handleInputChange = useCallback20(
+  const handleInputChange = useCallback21(
     (e) => {
       const value = e.target.value;
       setInputValue(value);
@@ -17277,7 +17243,7 @@ function NicknameEditForm(props) {
     },
     [clientError, isNicknameChangeError, isNicknameChangeSuccess, reset, t]
   );
-  const handleSubmit = useCallback20(
+  const handleSubmit = useCallback21(
     (e) => {
       if (!canChange) return;
       e.preventDefault();
@@ -17679,7 +17645,7 @@ var init_useWatchTokens = __esm({
 // src/internal/hooks/useBlockscoutAssets.ts
 import { createBlockscoutClient } from "@embarkai/core/clients";
 import { useQuery as useQuery15 } from "@tanstack/react-query";
-import { useCallback as useCallback21, useMemo as useMemo9, useRef as useRef16 } from "react";
+import { useCallback as useCallback22, useMemo as useMemo9, useRef as useRef16 } from "react";
 import { formatEther, formatUnits as formatUnits3 } from "viem";
 function resolveIpfsUri(uri) {
   if (!uri) return "";
@@ -17986,7 +17952,7 @@ function useBlockscoutAssets(options) {
     if (!tokensError) return null;
     return createError(tokensError);
   }, [tokensError]);
-  const refreshBalances = useCallback21(async () => {
+  const refreshBalances = useCallback22(async () => {
     const now = Date.now();
     if (now - lastRefreshRef.current < BLOCKSCOUT_REFRESH_DEBOUNCE) {
       return;
@@ -17994,7 +17960,7 @@ function useBlockscoutAssets(options) {
     lastRefreshRef.current = now;
     await Promise.all([refetchNative(), refetchTokens(), refetchNfts(), refetchWatchTokens()]);
   }, [refetchNative, refetchTokens, refetchNfts, refetchWatchTokens]);
-  const getTokenBalance = useCallback21(
+  const getTokenBalance = useCallback22(
     (tokenAddress) => {
       return assets.find((a) => a.address?.toLowerCase() === tokenAddress.toLowerCase()) || null;
     },
@@ -18270,7 +18236,7 @@ var init_PortfolioItem = __esm({
 // src/internal/components/PortfolioMenu/PortfolioMenu.tsx
 import { useQueryClient as useQueryClient20 } from "@tanstack/react-query";
 import { AlertCircle as AlertCircle4, ArrowLeft as ArrowLeft16, Gem, Loader as Loader20, RefreshCw as RefreshCw2 } from "lucide-react";
-import { useCallback as useCallback22 } from "react";
+import { useCallback as useCallback23 } from "react";
 import { jsx as jsx80, jsxs as jsxs75 } from "react/jsx-runtime";
 function PortfolioMenu() {
   const { assets: projectAssets = [] } = useProviderConfig().config.current?.projectAssets || {};
@@ -18290,7 +18256,7 @@ function PortfolioMenu() {
     enabled: !!address
   });
   const shownProjectAssests = projectAssets.filter((asset) => !asset.hideInPortfolio);
-  const refreshAllAssetsBalances = useCallback22(() => {
+  const refreshAllAssetsBalances = useCallback23(() => {
     Promise.all(shownProjectAssests.map((asset) => qc.invalidateQueries({ queryKey: asset.balanceQueryKey })));
     refreshBlockscoutBalances();
   }, [qc, shownProjectAssests, refreshBlockscoutBalances]);
@@ -18445,7 +18411,7 @@ var init_nickname_fingerprint = __esm({
 // src/internal/components/ReceiveMenu/ReceiveMenu.tsx
 import { ArrowLeft as ArrowLeft17, CheckCircle2 as CheckCircle23, Copy as Copy3, Info as Info5, Loader as Loader21, Shield } from "lucide-react";
 import QRCode from "qrcode";
-import { useCallback as useCallback23, useEffect as useEffect33, useMemo as useMemo10, useState as useState23 } from "react";
+import { useCallback as useCallback24, useEffect as useEffect33, useMemo as useMemo10, useState as useState23 } from "react";
 import { Fragment as Fragment31, jsx as jsx81, jsxs as jsxs76 } from "react/jsx-runtime";
 function ReceiveMenu() {
   const session = useSession((st) => st.session);
@@ -18480,7 +18446,7 @@ function ReceiveMenu() {
       });
     }
   }, [open, address]);
-  const handleCopy = useCallback23(async () => {
+  const handleCopy = useCallback24(async () => {
     if (!address) return;
     try {
       await navigator.clipboard.writeText(address);
@@ -18490,7 +18456,7 @@ function ReceiveMenu() {
       console.error("Failed to copy address:", error);
     }
   }, [address]);
-  const handleCopyFingerprint = useCallback23(async () => {
+  const handleCopyFingerprint = useCallback24(async () => {
     if (!fingerprint) return;
     try {
       await navigator.clipboard.writeText(fingerprint);
@@ -19979,7 +19945,7 @@ function isOririnChainEmbarkSupported(originChain) {
 }
 var init_utils8 = __esm({
   "src/internal/components/SendMenu/hyperbridge/utils.ts"() {
-    init_networks3();
+    init_networks4();
     init_chains();
   }
 });
@@ -19987,7 +19953,7 @@ var init_utils8 = __esm({
 // src/internal/components/SendMenu/hyperbridge/hooks/useHyperlaneHistory.ts
 import { useInfiniteQuery as useInfiniteQuery3 } from "@tanstack/react-query";
 import { debounce as debounce6 } from "lodash-es";
-import { useCallback as useCallback24, useEffect as useEffect36, useMemo as useMemo11 } from "react";
+import { useCallback as useCallback25, useEffect as useEffect36, useMemo as useMemo11 } from "react";
 function useHyperlaneHistory() {
   const address = useSession((st) => st.address);
   const page = useLayoutDataStore((st) => st.page);
@@ -20007,7 +19973,7 @@ function useHyperlaneHistory() {
     () => txHistoryData?.pages?.map((p) => p.data).flat(Infinity) || [],
     [txHistoryData]
   );
-  const updateExpandable = useCallback24(
+  const updateExpandable = useCallback25(
     debounce6(() => {
       useFlowSelectorStore.getState().setRenderKey(`hyperlane-history-loaded-${Date.now()}`);
     }, 250),
@@ -20049,7 +20015,7 @@ var init_useOperationHashesStore = __esm({
 
 // src/internal/components/SendMenu/hyperbridge/hooks/useBridge.ts
 import { useMutation as useMutation19, useQueryClient as useQueryClient22 } from "@tanstack/react-query";
-import { useCallback as useCallback25 } from "react";
+import { useCallback as useCallback26 } from "react";
 import { useSwitchChain, useWalletClient } from "wagmi";
 function useBridge() {
   const qc = useQueryClient22();
@@ -20057,7 +20023,7 @@ function useBridge() {
   const address = useSession((st) => st.address);
   const { data: walletClient } = useWalletClient();
   const { switchChainAsync } = useSwitchChain();
-  const swapDirection = useCallback25(() => {
+  const swapDirection = useCallback26(() => {
     const {
       bridgeStep,
       originChain,
@@ -20109,7 +20075,7 @@ function useBridge() {
       useFlowSelectorStore.getState().setError(error instanceof Error ? error.message : String(error));
     }
   });
-  const handleQuoteEstimation = useCallback25((amnt) => {
+  const handleQuoteEstimation = useCallback26((amnt) => {
     const { originChain, destinationChain, bridgeSender } = useBridgeStore.getState();
     if (!amnt || !Number(amnt)) {
       useBridgeStore.getState().setQuote(null);
@@ -20369,7 +20335,7 @@ var init_ResolveChainIcon = __esm({
 // src/internal/components/SendMenu/hyperbridge/hooks/useBridgeBalance.ts
 import { CHAINS_BROWSERS_TRANSPORTS as CHAINS_BROWSERS_TRANSPORTS2 } from "@embarkai/core";
 import { useQuery as useQuery20, useQueryClient as useQueryClient23 } from "@tanstack/react-query";
-import { useCallback as useCallback26, useEffect as useEffect39 } from "react";
+import { useCallback as useCallback27, useEffect as useEffect39 } from "react";
 import { createPublicClient as createPublicClient2, erc20Abi as erc20Abi2, formatUnits as formatUnits7, http as http3 } from "viem";
 import { useSwitchChain as useSwitchChain2 } from "wagmi";
 function useBridgeBalance(hyperlaneWarpRoutes) {
@@ -20458,7 +20424,7 @@ function useBridgeBalance(hyperlaneWarpRoutes) {
       };
     }
   });
-  const refreshRouteTokenBalance = useCallback26(
+  const refreshRouteTokenBalance = useCallback27(
     (senderWallet) => {
       switch (true) {
         case senderWallet === "embarkai-wallet":
@@ -21667,7 +21633,7 @@ var init_useNicknameResolve = __esm({
 });
 
 // src/hooks/useSendTransaction.ts
-import { useCallback as useCallback27, useState as useState29 } from "react";
+import { useCallback as useCallback28, useState as useState29 } from "react";
 import { encodeFunctionData as encodeFunctionData2, isAddress, parseEther as parseEther2, parseUnits } from "viem";
 function useSendTransaction() {
   const session = useSession((st) => st.session);
@@ -21675,7 +21641,7 @@ function useSendTransaction() {
   const [isLoading, setIsLoading] = useState29(false);
   const [error, setError] = useState29(null);
   const [userOpHash, setUserOpHash] = useState29(null);
-  const sendTransaction = useCallback27(
+  const sendTransaction = useCallback28(
     async (params) => {
       if (!session || !address) {
         setError("No active session");
@@ -21772,7 +21738,7 @@ function useSendTransaction() {
     },
     [session, address]
   );
-  const reset = useCallback27(() => {
+  const reset = useCallback28(() => {
     setError(null);
     setUserOpHash(null);
     setIsLoading(false);
@@ -23159,7 +23125,7 @@ import {
   BSC_TESTNET_CHAIN_ID as BSC_TESTNET_CHAIN_ID4,
   LUMIA_MAINNET_CHAIN_ID as LUMIA_MAINNET_CHAIN_ID4,
   LUMIA_TESTNET_CHAIN_ID as LUMIA_TESTNET_CHAIN_ID4,
-  SEPOLIA_CHAIN_ID as SEPOLIA_CHAIN_ID2
+  SEPOLIA_CHAIN_ID
 } from "@embarkai/core/read";
 function isTransactionHistorySupported(chainId) {
   return !UNSUPPORTED_HISTORY_CHAINS.has(chainId);
@@ -23229,7 +23195,7 @@ var init_txUrls = __esm({
     };
     CHAIN_SPECIFIC_API_URLS = {};
     ETHERSCAN_CHAINS = /* @__PURE__ */ new Set([
-      SEPOLIA_CHAIN_ID2,
+      SEPOLIA_CHAIN_ID,
       ARBITRUM_SEPOLIA_CHAIN_ID2,
       BASE_SEPOLIA_CHAIN_ID2
     ]);
@@ -24037,7 +24003,7 @@ var init_TransactionsGroup = __esm({
 // src/internal/components/TransactionsMenu/TransactionsMenu.tsx
 import { useQuery as useQuery23, useQueryClient as useQueryClient25 } from "@tanstack/react-query";
 import { ArrowLeft as ArrowLeft22, Loader as Loader32, RefreshCw as RefreshCw3, XCircle } from "lucide-react";
-import { useCallback as useCallback28, useState as useState31 } from "react";
+import { useCallback as useCallback29, useState as useState31 } from "react";
 import { jsx as jsx114, jsxs as jsxs104 } from "react/jsx-runtime";
 function TransactionsMenu() {
   const qc = useQueryClient25();
@@ -24059,7 +24025,7 @@ function TransactionsMenu() {
     queryKey: [TRANSACTIONS_HISTORY_QUERY_KEY, chainConfig.id, address],
     queryFn: () => getTransactionsListQuery({ address, chainConfig })
   });
-  const refreshTxHistory = useCallback28(
+  const refreshTxHistory = useCallback29(
     () => qc.invalidateQueries({ queryKey: [TRANSACTIONS_HISTORY_QUERY_KEY, chainConfig.id, address] }),
     [qc, chainConfig.id, address]
   );
@@ -24298,7 +24264,7 @@ var init_PageMap = __esm({
 });
 
 // src/internal/hooks/usePageMapper.tsx
-import { useCallback as useCallback29, useEffect as useEffect45 } from "react";
+import { useCallback as useCallback30, useEffect as useEffect45 } from "react";
 import { jsx as jsx115 } from "react/jsx-runtime";
 function usePageMapper() {
   const page = useLayoutDataStore((st) => st.page);
@@ -24310,7 +24276,7 @@ function usePageMapper() {
     setIsDialogOpen,
     setIsDialogClosing
   } = useLayoutStore();
-  const closeDialog = useCallback29(() => {
+  const closeDialog = useCallback30(() => {
     setIsDialogClosing(true);
     setTimeout(() => {
       setDialogContent(null);
@@ -24321,7 +24287,7 @@ function usePageMapper() {
       setIsDialogOpen(false);
     }, CLEAR_DIALOG_TIMEOUT);
   }, [setDialogContent, setDialogDescription, setDialogTitle, setIsDialogForced, setIsDialogOpen, setIsDialogClosing]);
-  const openDialog = useCallback29(
+  const openDialog = useCallback30(
     (pageItem) => {
       const PageContentComponent = pageItem.component;
       setDialogTitle(pageItem.title);
@@ -24407,7 +24373,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.46",
+      version: "0.4.47",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -24507,19 +24473,32 @@ var init_package = __esm({
 // src/internal/components/Footer/Footer.tsx
 import { useMutation as useMutation20, useQueryClient as useQueryClient26 } from "@tanstack/react-query";
 import { Loader as Loader33, LogOut } from "lucide-react";
+import { useDisconnect as useDisconnect2 } from "wagmi";
 import { jsx as jsx116, jsxs as jsxs105 } from "react/jsx-runtime";
 function Footer() {
   const qc = useQueryClient26();
   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 directWalletAddress = useExternalWalletStore((st) => st.externalAddress);
+  const { disconnect: wagmiDisconnect } = useDisconnect2({
+    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 } = useMutation20({
     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);
@@ -24530,6 +24509,8 @@ function Footer() {
     },
     onSuccess: async ({ disconnectAddress, disconnectedUserId }) => {
       await qc.resetQueries({ queryKey: [CHECK_BACKUP_QUERY_KEY] });
+      if (!!directWalletAddress) wagmiDisconnect();
+      const { setError, setStatus, setIsLoading, setSession, setAddress } = useSession.getState();
       setSession(null);
       setAddress(null);
       setError(null);
@@ -24537,15 +24518,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__ */ jsx116("div", { className: "flex-none w-4 h-4 rounded-full flex items-center justify-center bg-[var(--ui-kit-primary)]", children: /* @__PURE__ */ jsx116("span", { className: "text-[var(--ui-kit-fg-inverted)] text-xs font-bold", children: chainConfig.name.charAt(0) }) }));
@@ -24601,7 +24583,7 @@ function Footer() {
 var init_Footer = __esm({
   "src/internal/components/Footer/Footer.tsx"() {
     init_package();
-    init_networks3();
+    init_networks4();
     init_ProviderContext();
     init_SessionContext();
     init_i18n();
@@ -24610,6 +24592,7 @@ var init_Footer = __esm({
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_utils2();
+    init_useExternalWalletStore();
     init_constants4();
     init_button();
   }
@@ -24625,7 +24608,7 @@ var init_Footer2 = __esm({
 // src/internal/components/Header/Header.tsx
 import { useQuery as useQuery25 } from "@tanstack/react-query";
 import { Copy as Copy5, Loader as Loader34 } from "lucide-react";
-import { useCallback as useCallback30, useRef as useRef20, useState as useState32 } from "react";
+import { useCallback as useCallback31, useRef as useRef20, useState as useState32 } from "react";
 import { Fragment as Fragment44, jsx as jsx117, jsxs as jsxs106 } from "react/jsx-runtime";
 function formatAddress2(addr) {
   if (!addr) return "";
@@ -24641,7 +24624,7 @@ function Header() {
   const [copied, setCopied] = useState32(false);
   const clickCountRef = useRef20(0);
   const clickTimerRef = useRef20(null);
-  const handleAvatarClick = useCallback30(() => {
+  const handleAvatarClick = useCallback31(() => {
     clickCountRef.current += 1;
     if (clickTimerRef.current) {
       clearTimeout(clickTimerRef.current);
@@ -24744,7 +24727,7 @@ function Header() {
 var init_Header = __esm({
   "src/internal/components/Header/Header.tsx"() {
     init_LumiaIcon3();
-    init_networks3();
+    init_networks4();
     init_ProviderContext();
     init_SessionContext();
     init_useT();
@@ -25021,7 +25004,7 @@ var init_Dialog2 = __esm({
 });
 
 // src/internal/components/TssManager.tsx
-import React8, { useCallback as useCallback31 } from "react";
+import React8, { useCallback as useCallback32 } from "react";
 var TssManagerWithRef;
 var init_TssManager = __esm({
   "src/internal/components/TssManager.tsx"() {
@@ -25036,7 +25019,7 @@ var init_TssManager = __esm({
       const setStatus = useSession((st) => st.setStatus);
       const setSession = useSession((st) => st.setSession);
       const setAddress = useSession((st) => st.setAddress);
-      const onSessionCreated = useCallback31(
+      const onSessionCreated = useCallback32(
         (session, address) => {
           setSession(session);
           setAddress(address);
@@ -25077,15 +25060,15 @@ var init_TssManager = __esm({
 // src/internal/components/WalletConnectHandler.tsx
 import { useConnectModal as useConnectModal2 } from "@rainbow-me/rainbowkit";
 import { useMutation as useMutation21, useQueryClient as useQueryClient27 } from "@tanstack/react-query";
-import React9, { useCallback as useCallback32, useEffect as useEffect48 } from "react";
-import { useAccount, useDisconnect as useDisconnect2, useSignMessage as useSignMessage2 } from "wagmi";
+import React9, { useCallback as useCallback33, useEffect as useEffect48 } from "react";
+import { useAccount, useDisconnect as useDisconnect3, useSignMessage as useSignMessage2 } from "wagmi";
 function WalletConnectHandler() {
   const qc = useQueryClient27();
   const { callbacksRef } = useProviderConfig();
   const passportWalletAddress = useSession((st) => st.address);
   const { address: walletAddress, isConnected, chain, connector } = useAccount();
   const { openConnectModal, connectModalOpen } = useConnectModal2();
-  const { disconnect } = useDisconnect2();
+  const { disconnect } = useDisconnect3();
   const { signMessageAsync } = useSignMessage2();
   const isWalletLinking = useLayoutDataStore((st) => st.isWalletLinking);
   const setPage = useLayoutDataStore((st) => st.setPage);
@@ -25100,7 +25083,7 @@ function WalletConnectHandler() {
   const projectId = providerConfig?.projectId;
   const setExternalWallet = useExternalWalletStore((st) => st.setExternalWallet);
   const setPendingWalletLogin = useLayoutDataStore((st) => st.setPendingWalletLogin);
-  const onLinkingComplete = useCallback32(
+  const onLinkingComplete = useCallback33(
     async (success) => {
       setIsWalletLinking(false);
       if (!success && !passportWalletAddress) {
@@ -28219,7 +28202,7 @@ import { initSdkErrorTracking } from "@embarkai/core/internal/error-tracking";
 import { merge as merge3 } from "lodash-es";
 import {
   createContext,
-  useCallback as useCallback33,
+  useCallback as useCallback34,
   useContext,
   useEffect as useEffect50,
   useMemo as useMemo16,
@@ -28246,7 +28229,7 @@ function Provider(props) {
   const callbacksRef = useRef21(callbacks);
   useEffect50(() => notifyNoProjetctId(projectId), [projectId]);
   const config = useRef21(merge3({}, DEFAULT_PROVIDER_CONFIG, { projectId }, initialConfig));
-  const updateConfig = useCallback33((updates) => {
+  const updateConfig = useCallback34((updates) => {
     const prev = config.current;
     const next = { ...prev };
     if (updates.projectId !== void 0) next.projectId = updates.projectId;
@@ -28280,7 +28263,7 @@ function Provider(props) {
     if (updates.translations) next.translations = { ...next.translations, ...updates.translations };
     config.current = next;
   }, []);
-  const updateCallbacks = useCallback33((updates) => {
+  const updateCallbacks = useCallback34((updates) => {
     const prev = callbacksRef.current;
     const next = updates ? { ...prev, ...updates } : void 0;
     callbacksRef.current = next;
@@ -28702,13 +28685,13 @@ var useHydrated = () => useSession((st) => st.hasHydrated);
 // src/hooks/useOpenPage.ts
 init_SessionContext();
 init_useLayoutDataStore();
-import { useCallback as useCallback34 } from "react";
+import { useCallback as useCallback35 } from "react";
 function useOpenPage() {
   const page = useLayoutDataStore((st) => st.page);
   const setPage = useLayoutDataStore((st) => st.setPage);
   const setPageParams = useLayoutDataStore((st) => st.setPageParams);
   const address = useSession((st) => st.address);
-  const open = useCallback34(
+  const open = useCallback35(
     (passportPage, params) => {
       if (!address) return setPage("auth" /* AUTH */);
       if (!!address && passportPage === "auth" /* AUTH */) return setPage("manage-wallet" /* MANAGE_WALLET */);
@@ -28717,7 +28700,7 @@ function useOpenPage() {
     },
     [setPage, setPageParams, address]
   );
-  const close = useCallback34(() => setPage(null), [setPage]);
+  const close = useCallback35(() => setPage(null), [setPage]);
   return { open, close, isOpen: page !== null };
 }
 
@@ -29477,12 +29460,12 @@ init_useErc3643Compliance();
 
 // src/hooks/useWalletMode.ts
 init_useExternalWalletStore();
-import { useCallback as useCallback37 } from "react";
+import { useCallback as useCallback38 } from "react";
 function useWalletMode() {
   const configMode = useExternalWalletStore((st) => st.configMode);
   const activeMode = useExternalWalletStore((st) => st.activeMode);
   const setActiveMode = useExternalWalletStore((st) => st.setActiveMode);
-  const switchMode = useCallback37(
+  const switchMode = useCallback38(
     (mode) => {
       if (configMode !== "both") return;
       setActiveMode(mode);
@@ -29500,25 +29483,25 @@ function useWalletMode() {
 // src/hooks/useDirectWallet.ts
 init_useExternalWalletStore();
 init_useLayoutDataStore();
-import { useCallback as useCallback38 } from "react";
+import { useCallback as useCallback39 } from "react";
 import { useConnectModal as useConnectModal3 } from "@rainbow-me/rainbowkit";
-import { useDisconnect as useDisconnect3 } from "wagmi";
+import { useDisconnect as useDisconnect4 } from "wagmi";
 function useDirectWallet() {
   const address = useExternalWalletStore((st) => st.externalAddress);
   const chainId = useExternalWalletStore((st) => st.externalChainId);
   const isConnected = useExternalWalletStore((st) => st.isExternalConnected);
   const connectorName = useExternalWalletStore((st) => st.connectorName);
   const clearExternalWallet = useExternalWalletStore((st) => st.clearExternalWallet);
-  const { disconnect: wagmiDisconnect } = useDisconnect3();
+  const { disconnect: wagmiDisconnect } = useDisconnect4();
   const { openConnectModal } = useConnectModal3();
   const setIsWalletLinking = useLayoutDataStore((st) => st.setIsWalletLinking);
-  const connect = useCallback38(() => {
+  const connect = useCallback39(() => {
     setIsWalletLinking(true);
   }, [setIsWalletLinking]);
-  const reconnect = useCallback38(() => {
+  const reconnect = useCallback39(() => {
     if (openConnectModal) openConnectModal();
   }, [openConnectModal]);
-  const disconnect = useCallback38(() => {
+  const disconnect = useCallback39(() => {
     wagmiDisconnect();
     clearExternalWallet();
   }, [wagmiDisconnect, clearExternalWallet]);
@@ -29535,7 +29518,7 @@ function useDirectWallet() {
 
 // src/hooks/useSendDirectTransaction.ts
 init_useExternalWalletStore();
-import { useCallback as useCallback39, useState as useState38 } from "react";
+import { useCallback as useCallback40, useState as useState38 } from "react";
 import { isAddress as isAddress3, parseEther as parseEther3 } from "viem";
 import { useSendTransaction as useWagmiSendTransaction, useSwitchChain as useSwitchChain3 } from "wagmi";
 function useSendDirectTransaction() {
@@ -29546,7 +29529,7 @@ function useSendDirectTransaction() {
   const [isPending, setIsPending] = useState38(false);
   const [error, setError] = useState38(null);
   const [txHash, setTxHash] = useState38(null);
-  const sendTransaction = useCallback39(
+  const sendTransaction = useCallback40(
     async (params) => {
       if (!isConnected) {
         setError("No external wallet connected");
@@ -29580,7 +29563,7 @@ function useSendDirectTransaction() {
     },
     [isConnected, externalChainId, sendTransactionAsync, switchChainAsync]
   );
-  const reset = useCallback39(() => {
+  const reset = useCallback40(() => {
     setError(null);
     setTxHash(null);
     setIsPending(false);
@@ -29592,7 +29575,7 @@ function useSendDirectTransaction() {
 init_SessionContext();
 init_account2();
 init_linkedProfiles();
-import { useCallback as useCallback40, useMemo as useMemo18, useState as useState39 } from "react";
+import { useCallback as useCallback41, useMemo as useMemo18, useState as useState39 } from "react";
 import { encodeFunctionData as encodeFunctionData3, isAddress as isAddress4, parseEther as parseEther4, parseUnits as parseUnits3 } from "viem";
 var ERC20_TRANSFER_ABI2 = [
   {
@@ -29615,7 +29598,7 @@ function useTransferToLinkedWallet() {
     () => (profiles || []).filter((p) => p.provider === "wallet" && p.externalId).map((p) => p.externalId),
     [profiles]
   );
-  const transfer = useCallback40(
+  const transfer = useCallback41(
     async (params) => {
       if (!session) {
         setError("No active session");
@@ -29666,7 +29649,7 @@ function useTransferToLinkedWallet() {
     },
     [session, linkedWallets]
   );
-  const reset = useCallback40(() => {
+  const reset = useCallback41(() => {
     setError(null);
     setUserOpHash(null);
     setIsPending(false);
@@ -29691,12 +29674,27 @@ function useNativeWalletSignature() {
 // src/hooks/useLogout.ts
 init_ProviderContext();
 init_SessionContext();
+init_useExternalWalletStore();
 import { logout as coreLogout, jwtTokenManager as jwtTokenManager3 } from "@embarkai/core/auth";
-import { useCallback as useCallback41 } from "react";
+import { useCallback as useCallback42 } from "react";
+import { useDisconnect as useDisconnect5 } from "wagmi";
 function useLogout() {
-  const { setSession, setIsLoading, setAddress, setStatus, setError, address } = useSession();
   const { callbacksRef } = useProviderConfig();
-  const logout2 = useCallback41(async () => {
+  const address = useSession((st) => st.address);
+  const { disconnect: wagmiDisconnect } = useDisconnect5({
+    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 = useCallback42(async () => {
+    const { setSession, setIsLoading, setAddress, setStatus, setError } = useSession.getState();
     const prevAddress = address;
     let userId = null;
     setIsLoading(true);
@@ -29710,6 +29708,7 @@ function useLogout() {
     } catch (error) {
       console.warn("[useLogout] Core logout failed:", error);
     }
+    if (!!useExternalWalletStore.getState().externalAddress) wagmiDisconnect();
     setSession(null);
     setAddress(null);
     setStatus("idle");
@@ -29723,7 +29722,7 @@ function useLogout() {
     } catch (error) {
       console.warn("[useLogout] Callback error:", error);
     }
-  }, [address, setAddress, setError, setSession, setStatus]);
+  }, [address]);
   return { logout: logout2 };
 }