@embarkai/ui-kit 0.4.113 → 0.4.115

package/dist/index.cjs

@@ -11640,12 +11640,6 @@ var init_AuthMenu = __esm({
           setAlert(null);
         };
       }, []);
-      if (!isIframeReady) {
-        return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Expandable, { isExpanded: true, className: "w-full p-8 flex flex-col justify-center items-center gap-[var(--ui-kit-gap)]", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react11.Loader, { className: "w-4 h-4 animate-spin" }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "text-sm text-[var(--ui-kit-fg-muted)]", children: "Initializing wallet..." })
-        ] });
-      }
       const stepContent = (0, import_react25.useMemo)(
         () => ({
           "loading": /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(LoadingStep, {}),
@@ -11663,6 +11657,12 @@ var init_AuthMenu = __esm({
         }),
         [onAuthSuccess, goBackToSignIn]
       );
+      if (!isIframeReady) {
+        return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Expandable, { isExpanded: true, className: "w-full p-8 flex flex-col justify-center items-center gap-[var(--ui-kit-gap)]", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react11.Loader, { className: "w-4 h-4 animate-spin" }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "text-sm text-[var(--ui-kit-fg-muted)]", children: "Initializing wallet..." })
+        ] });
+      }
       return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Expandable, { isExpanded: true, contentClassName: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
         stepContent[step],
         alert2 && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Highlight, { type: "error", children: [
@@ -15735,6 +15735,68 @@ var init_wallets = __esm({
   }
 });
 
+// src/internal/lib/disconnect-guard.ts
+function waitForReconnect(config) {
+  if (config.state.status !== "reconnecting") return Promise.resolve();
+  return new Promise((resolve) => {
+    const unsubscribe = config.subscribe(
+      (state) => state.status,
+      (status) => {
+        if (status === "reconnecting") return;
+        unsubscribe();
+        resolve();
+      }
+    );
+  });
+}
+function hasUnusableCurrentConnector(config) {
+  const { current, connections } = config.state;
+  if (!current) return false;
+  const connector = connections.get(current)?.connector;
+  return !!connector && typeof connector.disconnect !== "function";
+}
+var init_disconnect_guard = __esm({
+  "src/internal/lib/disconnect-guard.ts"() {
+  }
+});
+
+// src/internal/hooks/useSafeDisconnect.ts
+function useSafeDisconnect(options) {
+  const config = (0, import_wagmi.useConfig)();
+  const mutation = (0, import_wagmi.useDisconnect)(options);
+  const { mutateAsync } = mutation;
+  const disconnectAsync = (0, import_react40.useCallback)(
+    async (parameters) => {
+      await waitForReconnect(config);
+      if (!parameters?.connector && hasUnusableCurrentConnector(config)) return;
+      await mutateAsync(parameters);
+    },
+    [config, mutateAsync]
+  );
+  const disconnect = (0, import_react40.useCallback)(
+    (parameters) => {
+      disconnectAsync(parameters).catch(() => {
+      });
+    },
+    [disconnectAsync]
+  );
+  return {
+    ...mutation,
+    mutate: disconnect,
+    mutateAsync: disconnectAsync,
+    disconnect,
+    disconnectAsync
+  };
+}
+var import_react40, import_wagmi;
+var init_useSafeDisconnect = __esm({
+  "src/internal/hooks/useSafeDisconnect.ts"() {
+    import_react40 = require("react");
+    import_wagmi = require("wagmi");
+    init_disconnect_guard();
+  }
+});
+
 // src/internal/lib/connect-errors.ts
 function someInErrorChain(error, predicate) {
   let current = error;
@@ -15866,16 +15928,16 @@ function useLinkedProfiles() {
     }
   });
   const { profiles = [], avatar = null } = data || {};
-  const refresh = (0, import_react40.useCallback)(async () => {
+  const refresh = (0, import_react41.useCallback)(async () => {
     await qc.invalidateQueries({ queryKey: [LINKED_PROFILES_QUERY_KEY, address] });
   }, [qc, address]);
   return { profiles, avatar, isLoading, isFetching, error, refresh };
 }
-var import_react_query17, import_react40, LINKED_PROFILES_QUERY_KEY;
+var import_react_query17, import_react41, LINKED_PROFILES_QUERY_KEY;
 var init_linkedProfiles = __esm({
   "src/modules/linkedProfiles.ts"() {
     import_react_query17 = require("@tanstack/react-query");
-    import_react40 = require("react");
+    import_react41 = require("react");
     init_SessionContext();
     init_auth();
     init_common();
@@ -16613,7 +16675,7 @@ function useLinkSocial() {
   } = useProviderConfig();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const { providerType, linkIsLoading, setProviderType, setAlert, setLinkIsLoading } = useManageWalletStore();
-  const handleLinkSocialProvider = import_react41.default.useCallback(
+  const handleLinkSocialProvider = import_react42.default.useCallback(
     async (providerIdRaw) => {
       const providerKey = providerIdRaw.toLowerCase();
       const normalizedKey = providerKey === "twitter" ? "x" : providerKey;
@@ -16671,8 +16733,8 @@ function useLinkSocial() {
     },
     [config.social?.providers]
   );
-  const [socialLinkStarted, setSocialLinkStarted] = import_react41.default.useState(false);
-  (0, import_react41.useEffect)(() => {
+  const [socialLinkStarted, setSocialLinkStarted] = import_react42.default.useState(false);
+  (0, import_react42.useEffect)(() => {
     const key = providerType?.toLowerCase();
     console.log("[useLinkSocial] Effect triggered:", { key, linkIsLoading, socialLinkStarted });
     if (key && key !== "telegram" && key !== "email" && key !== "passkey" && key !== "wallet") {
@@ -16686,7 +16748,7 @@ function useLinkSocial() {
     }
   }, [providerType, linkIsLoading, socialLinkStarted, handleLinkSocialProvider]);
 }
-var import_react_query22, import_react41;
+var import_react_query22, import_react42;
 var init_useLinkSocial = __esm({
   "src/internal/components/ManageWalletMenu/hooks/useLinkSocial.ts"() {
     init_useLayoutDataStore();
@@ -16694,7 +16756,7 @@ var init_useLinkSocial = __esm({
     init_SessionContext();
     init_linkedProfiles();
     import_react_query22 = require("@tanstack/react-query");
-    import_react41 = __toESM(require("react"), 1);
+    import_react42 = __toESM(require("react"), 1);
     init_auth();
     init_telegramBrowser();
     init_useProvidersList();
@@ -16762,7 +16824,7 @@ function useLinkTelegram() {
   const address = useSession((st) => st.address);
   const { providerType, linkIsLoading, setLinkIsLoading, setProviderType, setAlert } = useManageWalletStore();
   const setPage = useLayoutDataStore((st) => st.setPage);
-  const handleLinkTelegram = (0, import_react42.useCallback)(async () => {
+  const handleLinkTelegram = (0, import_react43.useCallback)(async () => {
     try {
       if (shouldBlockSocialAuthInTelegram("telegram")) {
         setAlert(buildTelegramBrowserRestriction("Telegram", "linking"));
@@ -16809,8 +16871,8 @@ function useLinkTelegram() {
       setLinkIsLoading(false);
     }
   }, [config.social?.providers]);
-  const [telegramLinkStarted, setTelegramLinkStarted] = (0, import_react42.useState)(false);
-  (0, import_react42.useEffect)(() => {
+  const [telegramLinkStarted, setTelegramLinkStarted] = (0, import_react43.useState)(false);
+  (0, import_react43.useEffect)(() => {
     console.log("[useLinkTelegram] Effect triggered:", { providerType, linkIsLoading, telegramLinkStarted });
     if (providerType === "telegram" && !linkIsLoading && !telegramLinkStarted) {
       console.log("[useLinkTelegram] Starting Telegram link flow");
@@ -16818,20 +16880,20 @@ function useLinkTelegram() {
       handleLinkTelegram();
     }
   }, [providerType, handleLinkTelegram, linkIsLoading, telegramLinkStarted]);
-  (0, import_react42.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     if (providerType !== "telegram") {
       setTelegramLinkStarted(false);
     }
   }, [providerType]);
 }
-var import_react_query23, import_react42;
+var import_react_query23, import_react43;
 var init_useLinkTelegram = __esm({
   "src/internal/components/ManageWalletMenu/hooks/useLinkTelegram.ts"() {
     init_ProviderContext();
     init_SessionContext();
     init_linkedProfiles();
     import_react_query23 = require("@tanstack/react-query");
-    import_react42 = require("react");
+    import_react43 = require("react");
     init_telegram2();
     init_useLayoutDataStore();
     init_telegramBrowser();
@@ -16862,7 +16924,7 @@ function getProviderCaption(provider) {
 function ProviderCard(props) {
   const { provider, meta, externalId, disabled } = props;
   const { t } = useT();
-  const connections = (0, import_wagmi.useConnections)();
+  const connections = (0, import_wagmi2.useConnections)();
   const {
     mutate: connectExternalWallet,
     disconnect: disconnectExternalWallet,
@@ -16974,14 +17036,14 @@ function ProviderCard(props) {
     ] })
   ] });
 }
-var import_lucide_react30, import_wagmi, import_jsx_runtime71;
+var import_lucide_react30, import_wagmi2, import_jsx_runtime71;
 var init_ProviderCard = __esm({
   "src/internal/components/ManageWalletMenu/ProviderCard.tsx"() {
     init_useLayoutDataStore();
     init_useT();
     init_wallets();
     import_lucide_react30 = require("lucide-react");
-    import_wagmi = require("wagmi");
+    import_wagmi2 = require("wagmi");
     init_types();
     init_cn();
     init_ConnectExternalWalletMenu2();
@@ -17031,7 +17093,7 @@ function ManageWalletMenu() {
   } = useManageWalletStore();
   const configuredProviders = getConfiguredProviders(config.current);
   const { data: providers = [], isLoading: isProvidersLoading, error: providersError } = useProvidersList();
-  const renderProviders = (0, import_react43.useMemo)(() => {
+  const renderProviders = (0, import_react44.useMemo)(() => {
     const normalizeProviderName = (name) => {
       if (name === "x") return "twitter";
       return name;
@@ -17156,7 +17218,7 @@ function ManageWalletMenu() {
     ] })
   ] });
 }
-var import_lodash_es11, import_lucide_react31, import_react43, import_jsx_runtime72, POSSIBLE_PROVIDERS, MULTI_PROVIDERS;
+var import_lodash_es11, import_lucide_react31, import_react44, import_jsx_runtime72, POSSIBLE_PROVIDERS, MULTI_PROVIDERS;
 var init_ManageWallet = __esm({
   "src/internal/components/ManageWalletMenu/ManageWallet.tsx"() {
     init_useLayoutDataStore();
@@ -17165,7 +17227,7 @@ var init_ManageWallet = __esm({
     init_i18n();
     import_lodash_es11 = require("lodash-es");
     import_lucide_react31 = require("lucide-react");
-    import_react43 = require("react");
+    import_react44 = require("react");
     init_constants();
     init_telegramBrowser();
     init_Expandable2();
@@ -17198,12 +17260,12 @@ function UnlinkProviderMenu() {
   const qc = (0, import_react_query24.useQueryClient)();
   const address = useSession((st) => st.address);
   const { callbacksRef } = useProviderConfig();
-  const { disconnect: disconnectExternalWallet } = (0, import_wagmi2.useDisconnect)();
+  const { disconnect: disconnectExternalWallet } = useSafeDisconnect();
   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_react44.useState)("");
+  const [confirmInput, setConfirmInput] = (0, import_react45.useState)("");
   const { mutate: handleUnlinkProvider, isPending: isProviderUnlinking } = (0, import_react_query24.useMutation)({
     mutationFn: async () => {
       if (!confirmUnlink) {
@@ -17285,18 +17347,18 @@ function UnlinkProviderMenu() {
     ] })
   ] });
 }
-var import_react_query24, import_lucide_react32, import_react44, import_wagmi2, import_jsx_runtime73;
+var import_react_query24, import_lucide_react32, import_react45, import_jsx_runtime73;
 var init_UnlinkProviderMenu = __esm({
   "src/internal/components/ManageWalletMenu/UnlinkProviderMenu.tsx"() {
     init_useLayoutDataStore();
     init_ProviderContext();
     init_SessionContext();
     init_useT();
+    init_useSafeDisconnect();
     init_linkedProfiles();
     import_react_query24 = require("@tanstack/react-query");
     import_lucide_react32 = require("lucide-react");
-    import_react44 = require("react");
-    import_wagmi2 = require("wagmi");
+    import_react45 = require("react");
     init_auth();
     init_useExternalWalletStore();
     init_button();
@@ -17336,8 +17398,8 @@ var init_ManageWalletMenu = __esm({
 
 // src/internal/components/ConnectExternalWalletMenu/useConnectExternalWalletMenuParams.ts
 function useConnectExternalWalletMenuParams() {
-  const paramsRef = (0, import_react45.useRef)(null);
-  (0, import_react45.useEffect)(() => {
+  const paramsRef = (0, import_react46.useRef)(null);
+  (0, import_react46.useEffect)(() => {
     const { pageParams, setPageParams } = useLayoutDataStore.getState();
     if (!pageParams || !(0, import_lodash_es12.keys)(pageParams).length) return;
     paramsRef.current = pageParams;
@@ -17345,11 +17407,11 @@ function useConnectExternalWalletMenuParams() {
   }, []);
   return paramsRef;
 }
-var import_lodash_es12, import_react45;
+var import_lodash_es12, import_react46;
 var init_useConnectExternalWalletMenuParams = __esm({
   "src/internal/components/ConnectExternalWalletMenu/useConnectExternalWalletMenuParams.ts"() {
     import_lodash_es12 = require("lodash-es");
-    import_react45 = require("react");
+    import_react46 = require("react");
     init_useLayoutDataStore();
   }
 });
@@ -17360,18 +17422,18 @@ function hasInjectedWallet() {
   return mipdStore.getProviders().length > 0 || !!window.ethereum;
 }
 function useHasInjectedWallet() {
-  return (0, import_react46.useSyncExternalStore)(
+  return (0, import_react47.useSyncExternalStore)(
     (onStoreChange) => mipdStore?.subscribe(onStoreChange) ?? (() => {
     }),
     hasInjectedWallet,
     () => false
   );
 }
-var import_mipd, import_react46, mipdStore;
+var import_mipd, import_react47, mipdStore;
 var init_useHasInjectedWallet = __esm({
   "src/internal/components/ConnectExternalWalletMenu/useHasInjectedWallet.ts"() {
     import_mipd = require("mipd");
-    import_react46 = require("react");
+    import_react47 = require("react");
     mipdStore = typeof window !== "undefined" ? (0, import_mipd.createStore)() : void 0;
   }
 });
@@ -17394,17 +17456,19 @@ function ConnectExternalWalletMenu() {
   const connectors = (0, import_wagmi3.useConnectors)();
   const hasInjectedWallet2 = useHasInjectedWallet();
   const wagmiConfig3 = (0, import_wagmi3.useConfig)();
+  const chains = (0, import_wagmi3.useChains)();
   const connections = (0, import_wagmi3.useConnections)();
-  const { mutate: disconnect, mutateAsync: disconnectAsync } = (0, import_wagmi3.useDisconnect)();
+  const { mutate: disconnect, mutateAsync: disconnectAsync } = useSafeDisconnect();
   const { mutateAsync: signMessageAsync } = (0, import_wagmi3.useSignMessage)();
   const { mutateAsync: switchChainAsync } = (0, import_wagmi3.useSwitchChain)();
   const { mutateAsync: switchConnectionAsync } = (0, import_wagmi3.useSwitchConnection)();
-  const [isPreparingConnect, setIsPreparingConnect] = (0, import_react47.useState)(false);
+  const [isPreparingConnect, setIsPreparingConnect] = (0, import_react48.useState)(false);
   const signOnSupportedChain = async (params) => {
     const { connector, account, message } = params;
     const signOnce = async (viaFallback = false) => {
       let chainId = await connector.getChainId();
-      if (viaFallback) {
+      const isUnsupportedMetaMaskChain = connector.type === "metaMask" && !chains.some((chain) => chain.id === chainId);
+      if (viaFallback || isUnsupportedMetaMaskChain) {
         await switchChainAsync({ connector, chainId: SIGN_FALLBACK_CHAIN_ID });
         chainId = SIGN_FALLBACK_CHAIN_ID;
       }
@@ -17425,7 +17489,7 @@ function ConnectExternalWalletMenu() {
     queryKey: [PROVIDERS_QUERY_KEY, embarkAiAddress],
     queryFn: async () => getLinkedProviders()
   });
-  const [connectError, setConnectError] = (0, import_react47.useState)(null);
+  const [connectError, setConnectError] = (0, import_react48.useState)(null);
   const { mutateAsync: onLinkingComplete } = (0, import_react_query25.useMutation)({
     mutationFn: async (success) => {
       useManageWalletStore.getState().setProviderType(null);
@@ -17579,7 +17643,7 @@ function ConnectExternalWalletMenu() {
     }, 100);
     await dropFailedConnectorSession(error, connector, wagmiConfig3);
   }
-  const visibleConnectors = (0, import_react47.useMemo)(() => {
+  const visibleConnectors = (0, import_react48.useMemo)(() => {
     const seen = /* @__PURE__ */ new Set();
     const unique = connectors.filter((connector) => {
       const skipConnector = seen.has(connector.uid);
@@ -17597,7 +17661,7 @@ function ConnectExternalWalletMenu() {
       (connector) => allowed.includes(connector.id.toLowerCase()) || allowed.includes(connector.name.toLowerCase())
     );
   }, [connectors, allowedWallets, hasInjectedWallet2]);
-  const getInstructionSteps = (0, import_react47.useCallback)(() => {
+  const getInstructionSteps = (0, import_react48.useCallback)(() => {
     const connectFlowType = getConnectFlowType({
       isEmbarkAI: !!embarkAiAddress,
       connectFlow: menuParams.current?.connectFlowType || "auth"
@@ -17705,7 +17769,7 @@ function ConnectExternalWalletMenu() {
     ] })
   ] });
 }
-var import_react_query25, import_lucide_react33, import_react47, import_wagmi3, import_chains, import_jsx_runtime74, SIGN_FALLBACK_CHAIN_ID;
+var import_react_query25, import_lucide_react33, import_react48, import_wagmi3, import_chains, import_jsx_runtime74, SIGN_FALLBACK_CHAIN_ID;
 var init_ConnectExternalWalletMenu = __esm({
   "src/internal/components/ConnectExternalWalletMenu/ConnectExternalWalletMenu.tsx"() {
     init_ProviderContext();
@@ -17713,11 +17777,12 @@ var init_ConnectExternalWalletMenu = __esm({
     init_useOpenPage();
     init_i18n();
     init_wallets();
+    init_useSafeDisconnect();
     init_connect_errors();
     init_linkedProfiles();
     import_react_query25 = require("@tanstack/react-query");
     import_lucide_react33 = require("lucide-react");
-    import_react47 = require("react");
+    import_react48 = require("react");
     import_wagmi3 = require("wagmi");
     import_chains = require("wagmi/chains");
     init_common();
@@ -17745,13 +17810,13 @@ function useExternalWalletConnnect(options) {
   const connectors = (0, import_wagmi4.useConnectors)();
   const connections = (0, import_wagmi4.useConnections)();
   const { mutate: connect, mutateAsync: connectAsync, ...restUseConnect } = (0, import_wagmi4.useConnect)();
-  const { mutateAsync: disconnectAsync } = (0, import_wagmi4.useDisconnect)();
-  const disconnectExternalWallet = (0, import_react48.useCallback)(async () => {
+  const { mutateAsync: disconnectAsync } = useSafeDisconnect();
+  const disconnectExternalWallet = (0, import_react49.useCallback)(async () => {
     await disconnectAsync();
     const { externalAddress, clearExternalWallet } = useExternalWalletStore.getState();
     if (!!externalAddress) clearExternalWallet();
   }, [disconnectAsync]);
-  const connectExternalWallet = (0, import_react48.useCallback)(
+  const connectExternalWallet = (0, import_react49.useCallback)(
     async (walletConnectorType) => {
       const connector = connectors.find((c) => c.id === walletConnectorType);
       if (!connector) {
@@ -17805,12 +17870,13 @@ function useExternalWalletConnnect(options) {
     ...(0, import_lodash_es13.omit)(restUseConnect, ["mutate", "mutateAsync"])
   };
 }
-var import_lodash_es13, import_react48, import_wagmi4;
+var import_lodash_es13, import_react49, import_wagmi4;
 var init_useExternalWalletConnect = __esm({
   "src/internal/components/ConnectExternalWalletMenu/useExternalWalletConnect.ts"() {
     init_ProviderContext();
+    init_useSafeDisconnect();
     import_lodash_es13 = require("lodash-es");
-    import_react48 = require("react");
+    import_react49 = require("react");
     import_wagmi4 = require("wagmi");
     init_useLayoutStore();
     init_connect_errors();
@@ -17903,8 +17969,8 @@ function getErrorMessage(err) {
 function DeviceLinkScreen() {
   const setPage = useLayoutDataStore((s) => s.setPage);
   const { mutate: link, isPending } = useLinkDevice();
-  const [code, setCode] = (0, import_react49.useState)("");
-  const [error, setError] = (0, import_react49.useState)(null);
+  const [code, setCode] = (0, import_react50.useState)("");
+  const [error, setError] = (0, import_react50.useState)(null);
   const isValid = code.length === 6 && VALID_CHARS.test(code);
   function handleCodeChange(value) {
     const upper = value.toUpperCase().slice(0, 6);
@@ -17946,11 +18012,11 @@ function DeviceLinkScreen() {
     /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Button, { variant: "default", size: "large", className: "w-full", disabled: !isValid || isPending, onClick: handleLink, children: isPending ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_lucide_react34.Loader2, { className: "w-4 h-4 animate-spin" }) : "Link" })
   ] });
 }
-var import_lucide_react34, import_react49, import_jsx_runtime75, VALID_CHARS;
+var import_lucide_react34, import_react50, import_jsx_runtime75, VALID_CHARS;
 var init_DeviceLinkScreen = __esm({
   "src/internal/components/DevicesMenu/DeviceLinkScreen.tsx"() {
     import_lucide_react34 = require("lucide-react");
-    import_react49 = require("react");
+    import_react50 = require("react");
     init_devices();
     init_useLayoutDataStore();
     init_Expandable2();
@@ -18489,19 +18555,19 @@ function DeviceManageScreen() {
   const userId = session?.mpcUserId || "";
   const deviceId = pageParams?.deviceId;
   const deviceName = pageParams?.deviceName;
-  const guardianRef = (0, import_react50.useRef)(null);
-  const [screen, setScreen] = (0, import_react50.useState)({ step: "connecting" });
-  const [actionState, setActionState] = (0, import_react50.useState)(null);
-  const [password, setPassword] = (0, import_react50.useState)("");
-  const [statusMessage, setStatusMessage] = (0, import_react50.useState)(null);
-  const [errorMessage, setErrorMessage] = (0, import_react50.useState)(null);
-  const [waitingConfirm, setWaitingConfirm] = (0, import_react50.useState)(false);
-  (0, import_react50.useEffect)(() => {
+  const guardianRef = (0, import_react51.useRef)(null);
+  const [screen, setScreen] = (0, import_react51.useState)({ step: "connecting" });
+  const [actionState, setActionState] = (0, import_react51.useState)(null);
+  const [password, setPassword] = (0, import_react51.useState)("");
+  const [statusMessage, setStatusMessage] = (0, import_react51.useState)(null);
+  const [errorMessage, setErrorMessage] = (0, import_react51.useState)(null);
+  const [waitingConfirm, setWaitingConfirm] = (0, import_react51.useState)(false);
+  (0, import_react51.useEffect)(() => {
     if (!statusMessage) return;
     const t = setTimeout(() => setStatusMessage(null), 3e3);
     return () => clearTimeout(t);
   }, [statusMessage]);
-  (0, import_react50.useEffect)(() => {
+  (0, import_react51.useEffect)(() => {
     if (!deviceId || !isWebSerialAvailable()) {
       setScreen({ step: "error", message: "WebSerial not available" });
       return;
@@ -18533,7 +18599,7 @@ function DeviceManageScreen() {
       guardianRef.current?.close();
     };
   }, [deviceId]);
-  const refreshList = (0, import_react50.useCallback)(async () => {
+  const refreshList = (0, import_react51.useCallback)(async () => {
     const guardian = guardianRef.current;
     if (!guardian || screen.step !== "connected") return;
     try {
@@ -18542,7 +18608,7 @@ function DeviceManageScreen() {
     } catch {
     }
   }, [screen]);
-  const handleBackup = (0, import_react50.useCallback)(async () => {
+  const handleBackup = (0, import_react51.useCallback)(async () => {
     const guardian = guardianRef.current;
     const iframe6 = getIframeManager();
     if (!guardian || !iframe6 || !userId) return;
@@ -18566,7 +18632,7 @@ function DeviceManageScreen() {
       setActionState(null);
     }
   }, [password, userId, refreshList]);
-  const handleOverwrite = (0, import_react50.useCallback)(async () => {
+  const handleOverwrite = (0, import_react51.useCallback)(async () => {
     const guardian = guardianRef.current;
     const iframe6 = getIframeManager();
     if (!guardian || !iframe6 || !userId) return;
@@ -18586,7 +18652,7 @@ function DeviceManageScreen() {
       setActionState(null);
     }
   }, [password, userId, refreshList]);
-  const handleDelete = (0, import_react50.useCallback)(
+  const handleDelete = (0, import_react51.useCallback)(
     async (keyshareId) => {
       const guardian = guardianRef.current;
       if (!guardian) return;
@@ -18773,12 +18839,12 @@ function DeviceManageScreen() {
     ] })
   ] });
 }
-var import_lucide_react35, import_react50, import_jsx_runtime76;
+var import_lucide_react35, import_react51, import_jsx_runtime76;
 var init_DeviceManageScreen = __esm({
   "src/internal/components/DevicesMenu/DeviceManageScreen.tsx"() {
     init_SessionContext();
     import_lucide_react35 = require("lucide-react");
-    import_react50 = require("react");
+    import_react51 = require("react");
     init_guardian_backup();
     init_useLayoutDataStore();
     init_iframe_manager();
@@ -18797,11 +18863,11 @@ function DeviceRestoreScreen() {
   const keyshareId = pageParams?.keyshareId;
   const deviceId = pageParams?.deviceId;
   const deviceName = pageParams?.deviceName;
-  const [password, setPassword] = (0, import_react51.useState)("");
-  const [isWorking, setIsWorking] = (0, import_react51.useState)(false);
-  const [statusMessage, setStatusMessage] = (0, import_react51.useState)(null);
-  const [errorMessage, setErrorMessage] = (0, import_react51.useState)(null);
-  const handleRestore = (0, import_react51.useCallback)(async () => {
+  const [password, setPassword] = (0, import_react52.useState)("");
+  const [isWorking, setIsWorking] = (0, import_react52.useState)(false);
+  const [statusMessage, setStatusMessage] = (0, import_react52.useState)(null);
+  const [errorMessage, setErrorMessage] = (0, import_react52.useState)(null);
+  const handleRestore = (0, import_react52.useCallback)(async () => {
     if (!password || !keyshareId || !userId) return;
     const iframe6 = getIframeManager();
     if (!iframe6) {
@@ -18881,12 +18947,12 @@ function DeviceRestoreScreen() {
     errorMessage && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "text-sm text-[var(--ui-kit-bg-error)] p-2 text-center", children: errorMessage })
   ] });
 }
-var import_lucide_react36, import_react51, import_jsx_runtime77;
+var import_lucide_react36, import_react52, import_jsx_runtime77;
 var init_DeviceRestoreScreen = __esm({
   "src/internal/components/DevicesMenu/DeviceRestoreScreen.tsx"() {
     init_SessionContext();
     import_lucide_react36 = require("lucide-react");
-    import_react51 = require("react");
+    import_react52 = require("react");
     init_guardian_backup();
     init_useLayoutDataStore();
     init_iframe_manager();
@@ -18906,8 +18972,8 @@ function truncateAddress(address) {
   return `${address.slice(0, 6)}...${address.slice(-4)}`;
 }
 function DeviceRow({ device }) {
-  const [confirmingUnlink, setConfirmingUnlink] = (0, import_react52.useState)(false);
-  const [unlinkError, setUnlinkError] = (0, import_react52.useState)(null);
+  const [confirmingUnlink, setConfirmingUnlink] = (0, import_react53.useState)(false);
+  const [unlinkError, setUnlinkError] = (0, import_react53.useState)(null);
   const { mutate: unlink, isPending } = useUnlinkDevice();
   if (confirmingUnlink) {
     return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex flex-col gap-2 p-3 rounded-lg bg-[var(--ui-kit-bg)]", children: [
@@ -19008,11 +19074,11 @@ function DevicesMenu() {
     ] })
   ] });
 }
-var import_lucide_react37, import_react52, import_jsx_runtime78;
+var import_lucide_react37, import_react53, import_jsx_runtime78;
 var init_DevicesMenu = __esm({
   "src/internal/components/DevicesMenu/DevicesMenu.tsx"() {
     import_lucide_react37 = require("lucide-react");
-    import_react52 = require("react");
+    import_react53 = require("react");
     init_devices();
     init_guardian_backup();
     init_useLayoutDataStore();
@@ -19072,7 +19138,7 @@ function useOnRestoreSuccess() {
     setStatus
   } = useSession();
   const { setError, setSuccess } = useRestoreStore();
-  const createSessionWithKeyshare = (0, import_react53.useCallback)(
+  const createSessionWithKeyshare = (0, import_react54.useCallback)(
     async (userId, hasServerKeyshare, isNewUser) => {
       try {
         try {
@@ -19113,7 +19179,7 @@ function useOnRestoreSuccess() {
     },
     [setStatus, usePaymaster, activeChainId, publicClient]
   );
-  const onRestoreSuccess = (0, import_react53.useCallback)(async () => {
+  const onRestoreSuccess = (0, import_react54.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;
@@ -19179,12 +19245,12 @@ function useOnRestoreSuccess() {
   ]);
   return { onRestoreSuccess };
 }
-var import_react53;
+var import_react54;
 var init_useOnRestoreSuccess = __esm({
   "src/internal/components/KeyshareRestoreMenu/hooks/useOnRestoreSuccess.ts"() {
     init_ProviderContext();
     init_SessionContext();
-    import_react53 = require("react");
+    import_react54 = require("react");
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_useRestoreStore();
@@ -19447,7 +19513,7 @@ function useCreateBackup() {
   const usePasskey = useRestoreStore((st) => st.usePasskey);
   const restorePassword = useRestoreStore((st) => st.restorePassword);
   const selectedCloudProvider = useRestoreStore((st) => st.selectedCloudProvider);
-  (0, import_react54.useEffect)(() => {
+  (0, import_react55.useEffect)(() => {
     if (!hasServerVault) {
       useRestoreStore.getState().setMethod("server");
       useLayoutStore.getState().setIsDialogForced(true);
@@ -19455,7 +19521,7 @@ function useCreateBackup() {
   }, [hasServerVault]);
   const recoveryUserId = useSession((st) => st.recoveryUserId);
   const passportUserId = session?.mpcUserId || recoveryUserId || "";
-  const onBackupSuccess = (0, import_react54.useCallback)((method) => {
+  const onBackupSuccess = (0, import_react55.useCallback)((method) => {
     console.log(`[EMBARKAI BACKUP] ${method} backup created successfully`);
     if (method !== "server") return;
     const { setIsDialogForced } = useLayoutStore.getState();
@@ -19628,12 +19694,12 @@ function useCreateBackup() {
     createPasskey
   };
 }
-var import_react_query27, import_react54;
+var import_react_query27, import_react55;
 var init_useCreateBackup = __esm({
   "src/internal/components/KeyshareRestoreMenu/hooks/useCreateBackup.ts"() {
     init_SessionContext();
     import_react_query27 = require("@tanstack/react-query");
-    import_react54 = require("react");
+    import_react55 = require("react");
     init_auth();
     init_useLayoutDataStore();
     init_useLayoutStore();
@@ -19770,7 +19836,7 @@ function useValidateFileBackup() {
   const restoreFile = useRestoreStore((st) => st.restoreFile);
   const setError = useRestoreStore((st) => st.setError);
   const setUsePasskey = useRestoreStore((st) => st.setUsePasskey);
-  (0, import_react55.useEffect)(() => {
+  (0, import_react56.useEffect)(() => {
     if (!restoreFile) {
       return;
     }
@@ -19791,10 +19857,10 @@ function useValidateFileBackup() {
     reader.readAsText(restoreFile);
   }, [restoreFile]);
 }
-var import_react55;
+var import_react56;
 var init_useValidateFileBackup = __esm({
   "src/internal/components/KeyshareRestoreMenu/hooks/useValidateFileBackup.ts"() {
-    import_react55 = require("react");
+    import_react56 = require("react");
     init_useRestoreStore();
   }
 });
@@ -19822,7 +19888,7 @@ function MethodSelector(props) {
     setError,
     setSuccess
   } = useRestoreStore();
-  const recoveryRenderMethods = (0, import_react56.useMemo)(() => {
+  const recoveryRenderMethods = (0, import_react57.useMemo)(() => {
     const methodsWithBackupData = getRecoveryRenderMethods(mode).map((mt) => {
       let data = null;
       switch (true) {
@@ -19837,7 +19903,7 @@ function MethodSelector(props) {
     return methodsWithBackupData;
   }, [mode, serverRecoveryStatus]);
   if (!!selectedRecoveryMethod) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react56.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react57.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
     "div",
     {
       style: { gridTemplateColumns: `repeat(${recoveryRenderMethods.length}, minmax(0, 1fr))` },
@@ -19871,12 +19937,12 @@ function MethodSelector(props) {
     }
   ) });
 }
-var import_lucide_react38, import_react56, import_jsx_runtime79, getRecoveryRenderMethods;
+var import_lucide_react38, import_react57, import_jsx_runtime79, getRecoveryRenderMethods;
 var init_MethodSelector = __esm({
   "src/internal/components/KeyshareRestoreMenu/components/MethodSelector.tsx"() {
     init_useT();
     import_lucide_react38 = require("lucide-react");
-    import_react56 = require("react");
+    import_react57 = require("react");
     init_icons();
     init_guardian_backup();
     init_button();
@@ -20012,7 +20078,7 @@ function PasswordPasskey(props) {
     onCreatePasskey
   } = props;
   const hasServerVault = useSession((st) => st.hasServerVault);
-  const actionRef = (0, import_react57.useRef)(null);
+  const actionRef = (0, import_react58.useRef)(null);
   const {
     showPassword,
     restorePassword,
@@ -20026,7 +20092,7 @@ function PasswordPasskey(props) {
   } = useRestoreStore();
   const { config } = useProviderConfig();
   const isPasskeyEnabled = config.current.passkey.enabled;
-  (0, import_react57.useEffect)(() => {
+  (0, import_react58.useEffect)(() => {
     if (!isPasskeyEnabled && usePasskey) setUsePasskey(false);
   }, [isPasskeyEnabled, usePasskey]);
   return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_jsx_runtime80.Fragment, { children: [
@@ -20190,7 +20256,7 @@ function PasswordPasskey(props) {
     ] })
   ] });
 }
-var import_lucide_react39, import_react57, import_jsx_runtime80;
+var import_lucide_react39, import_react58, import_jsx_runtime80;
 var init_PasswordPasskey = __esm({
   "src/internal/components/KeyshareRestoreMenu/components/PasswordPasskey.tsx"() {
     init_ProviderContext();
@@ -20198,7 +20264,7 @@ var init_PasswordPasskey = __esm({
     init_i18n();
     init_utils();
     import_lucide_react39 = require("lucide-react");
-    import_react57 = require("react");
+    import_react58 = require("react");
     init_icons();
     init_Onboarding();
     init_button();
@@ -20375,7 +20441,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_react58.useEffect)(() => {
+  (0, import_react59.useEffect)(() => {
     if (mode === "backup" || !serverRecoveryStatus?.created?.encryptionMethod) return;
     setUsePasskey(serverRecoveryStatus.created.encryptionMethod === "passkey");
   }, [mode, serverRecoveryStatus, setUsePasskey]);
@@ -20418,7 +20484,7 @@ function Server(props) {
     )
   ] });
 }
-var import_react_query29, import_dayjs4, import_lucide_react42, import_react58, import_jsx_runtime83;
+var import_react_query29, import_dayjs4, import_lucide_react42, import_react59, import_jsx_runtime83;
 var init_Server = __esm({
   "src/internal/components/KeyshareRestoreMenu/methods/Server.tsx"() {
     init_SessionContext();
@@ -20427,7 +20493,7 @@ var init_Server = __esm({
     import_react_query29 = require("@tanstack/react-query");
     import_dayjs4 = __toESM(require("dayjs"), 1);
     import_lucide_react42 = require("lucide-react");
-    import_react58 = require("react");
+    import_react59 = require("react");
     init_Onboarding();
     init_highlight();
     init_PasswordPasskey();
@@ -20591,7 +20657,7 @@ function Cloud2(props) {
       return availableProviders.map((p) => ({ id: p.id, name: p.name, available: p.isAvailable() }));
     }
   });
-  (0, import_react59.useEffect)(() => {
+  (0, import_react60.useEffect)(() => {
     if (isCloudProvidersLoading) return;
     if (!!cloudProvidersError) {
       console.error("[KeyshareBackup] Failed to load cloud providers:", cloudProvidersError);
@@ -20655,13 +20721,13 @@ function Cloud2(props) {
     )
   ] });
 }
-var import_react_query30, import_lucide_react44, import_react59, import_jsx_runtime85;
+var import_react_query30, import_lucide_react44, import_react60, import_jsx_runtime85;
 var init_Cloud = __esm({
   "src/internal/components/KeyshareRestoreMenu/methods/Cloud.tsx"() {
     init_SessionContext();
     import_react_query30 = require("@tanstack/react-query");
     import_lucide_react44 = require("lucide-react");
-    import_react59 = require("react");
+    import_react60 = require("react");
     init_button();
     init_select();
     init_PasswordPasskey();
@@ -20678,8 +20744,8 @@ function Guardian(props) {
   const session = useSession((st) => st.session);
   const recoveryUserId = useSession((st) => st.recoveryUserId);
   const { onRestoreSuccess } = useOnRestoreSuccess();
-  const [isWorking, setIsWorking] = (0, import_react60.useState)(false);
-  const [step, setStep] = (0, import_react60.useState)("idle");
+  const [isWorking, setIsWorking] = (0, import_react61.useState)(false);
+  const [step, setStep] = (0, import_react61.useState)("idle");
   const handleGuardianBackup = async () => {
     if (!restorePassword) {
       setError("Please enter a password");
@@ -20808,11 +20874,11 @@ function Guardian(props) {
     ] })
   ] });
 }
-var import_react60, import_lucide_react45, import_jsx_runtime86;
+var import_react61, import_lucide_react45, import_jsx_runtime86;
 var init_Guardian = __esm({
   "src/internal/components/KeyshareRestoreMenu/methods/Guardian.tsx"() {
     init_SessionContext();
-    import_react60 = require("react");
+    import_react61 = require("react");
     import_lucide_react45 = require("lucide-react");
     init_iframe_manager();
     init_guardian_backup();
@@ -20835,16 +20901,16 @@ var init_methods = __esm({
 });
 
 // src/internal/components/KeyshareRestoreMenu/KeyshareRestoreMenu.tsx
-var import_react_query31, import_lucide_react46, import_react61, import_wagmi5, import_jsx_runtime87, RESTORE_COMPONENTS, KeyshareRestoreMenu;
+var import_react_query31, import_lucide_react46, import_react62, import_jsx_runtime87, RESTORE_COMPONENTS, KeyshareRestoreMenu;
 var init_KeyshareRestoreMenu = __esm({
   "src/internal/components/KeyshareRestoreMenu/KeyshareRestoreMenu.tsx"() {
     init_ProviderContext();
     init_SessionContext();
     init_i18n();
+    init_useSafeDisconnect();
     import_react_query31 = require("@tanstack/react-query");
     import_lucide_react46 = require("lucide-react");
-    import_react61 = require("react");
-    import_wagmi5 = require("wagmi");
+    import_react62 = require("react");
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_useExternalWalletStore();
@@ -20873,7 +20939,7 @@ var init_KeyshareRestoreMenu = __esm({
       const error = useRestoreStore((st) => st.error);
       const success = useRestoreStore((st) => st.success);
       const currentRestoreMethod = useRestoreStore((st) => st.method);
-      (0, import_react61.useEffect)(() => {
+      (0, import_react62.useEffect)(() => {
         const { setIsDialogForced } = useLayoutStore.getState();
         const { setRestorePassword, setRestoreFile, setShowPassword, setUsePasskey, setMethod } = useRestoreStore.getState();
         setIsDialogForced(true);
@@ -20886,7 +20952,7 @@ var init_KeyshareRestoreMenu = __esm({
           setIsDialogForced(false);
         };
       }, []);
-      const { mutate: wagmiDisconnect } = (0, import_wagmi5.useDisconnect)({
+      const { mutate: wagmiDisconnect } = useSafeDisconnect({
         mutation: {
           onSuccess: () => {
             useExternalWalletStore.getState().clearExternalWallet();
@@ -20912,7 +20978,7 @@ var init_KeyshareRestoreMenu = __esm({
         queryFn: async () => await getShareRecoveryStats()
       });
       const hasServerBackup = serverRecoveryStatus?.created || serverRecoveryStatus?.devices?.length > 0;
-      (0, import_react61.useEffect)(() => {
+      (0, import_react62.useEffect)(() => {
         if (!!hasServerBackup) useRestoreStore.getState().setMethod("server");
       }, [hasServerBackup]);
       const { mutate: disconnect, isPending: isDisconnecting } = (0, import_react_query31.useMutation)({
@@ -21059,7 +21125,7 @@ function KeyshareBackupMenu() {
   const usePasskey = useRestoreStore((st) => st.usePasskey);
   const error = useRestoreStore((st) => st.error);
   const success = useRestoreStore((st) => st.success);
-  (0, import_react62.useEffect)(() => {
+  (0, import_react63.useEffect)(() => {
     const { setSuccess, setError, setRestorePassword, setRestoreFile, setShowPassword, setUsePasskey, setMethod } = useRestoreStore.getState();
     return () => {
       setSuccess(null);
@@ -21079,7 +21145,7 @@ function KeyshareBackupMenu() {
   });
   useOnboardingTourAvailable(!isRecoveryLoading && currentBackupMethod === "server" && !usePasskey);
   const hasRecoveryData2 = serverRecoveryStatus?.created || serverRecoveryStatus?.devices?.length > 0;
-  (0, import_react62.useEffect)(() => {
+  (0, import_react63.useEffect)(() => {
     if (!!hasRecoveryData2) useRestoreStore.getState().setMethod("server");
   }, [hasRecoveryData2]);
   const {
@@ -21198,14 +21264,14 @@ function KeyshareBackupMenu() {
     ] })
   ] });
 }
-var import_react_query32, import_lucide_react47, import_react62, import_jsx_runtime88, COMPONENTS;
+var import_react_query32, import_lucide_react47, import_react63, import_jsx_runtime88, COMPONENTS;
 var init_KeyshareBackupMenu = __esm({
   "src/internal/components/KeyshareRestoreMenu/KeyshareBackupMenu.tsx"() {
     init_SessionContext();
     init_i18n();
     import_react_query32 = require("@tanstack/react-query");
     import_lucide_react47 = require("lucide-react");
-    import_react62 = require("react");
+    import_react63 = require("react");
     init_useLayoutDataStore();
     init_vaultClient();
     init_Expandable2();
@@ -21333,13 +21399,13 @@ var init_SumsubIframeManager = __esm({
 function useSumsubIframe({ iframeUrl }) {
   const config = useProviderConfig().config;
   const { colorMode } = useColorMode();
-  const iframeRef = (0, import_react63.useRef)(null);
-  const [isLoading, setIsLoading] = (0, import_react63.useState)(true);
-  const [error, setError] = (0, import_react63.useState)(null);
-  const [height, setHeight] = (0, import_react63.useState)(0);
-  const [status, setStatus] = (0, import_react63.useState)("");
+  const iframeRef = (0, import_react64.useRef)(null);
+  const [isLoading, setIsLoading] = (0, import_react64.useState)(true);
+  const [error, setError] = (0, import_react64.useState)(null);
+  const [height, setHeight] = (0, import_react64.useState)(0);
+  const [status, setStatus] = (0, import_react64.useState)("");
   const levelName = config.current?.kyc?.options?.levelName;
-  (0, import_react63.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     setError(null);
     setIsLoading(true);
     setStatus("Preparing verification...");
@@ -21380,12 +21446,12 @@ function useSumsubIframe({ iframeUrl }) {
     status
   };
 }
-var import_react63;
+var import_react64;
 var init_useSumsubIframe = __esm({
   "src/internal/components/KYC/useSumsubIframe.ts"() {
     init_ProviderContext();
     init_useColorMode();
-    import_react63 = require("react");
+    import_react64 = require("react");
     init_sumsub();
     init_SumsubIframeManager();
   }
@@ -21593,11 +21659,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_react64.useMemo)(() => {
+  const chainConfig = (0, import_react65.useMemo)(() => {
     if (shouldUseActiveClient) return activeChainConfig;
     return (0, import_read16.getChainConfig)(chainId);
   }, [activeChainConfig, chainId, shouldUseActiveClient]);
-  const publicClient = (0, import_react64.useMemo)(() => {
+  const publicClient = (0, import_react65.useMemo)(() => {
     if (shouldUseActiveClient) return activePublicClient;
     if (!chainId) return activePublicClient;
     try {
@@ -21614,12 +21680,12 @@ function useResolvedPublicClient(chainId, logScope = "useResolvedPublicClient")
     resolvedChainId
   };
 }
-var import_read16, import_react64, publicClientByChainId;
+var import_read16, import_react65, publicClientByChainId;
 var init_useResolvedPublicClient = __esm({
   "src/internal/hooks/useResolvedPublicClient.ts"() {
     init_SessionContext();
     import_read16 = require("@embarkai/core/read");
-    import_react64 = require("react");
+    import_react65 = require("react");
     publicClientByChainId = /* @__PURE__ */ new Map();
   }
 });
@@ -21683,7 +21749,7 @@ var init_useNativeBalance = __esm({
 function useWatchTokens(options) {
   const { address, chainId, enabled, publicClient } = options;
   const { config } = useProviderConfig();
-  const watchTokens = (0, import_react65.useMemo)(() => {
+  const watchTokens = (0, import_react66.useMemo)(() => {
     const allWatchTokens = config.current.watchTokens;
     const tokensForChain = chainId ? allWatchTokens?.[chainId] || [] : [];
     return tokensForChain;
@@ -21751,12 +21817,12 @@ function useWatchTokens(options) {
     }
   });
 }
-var import_react_query35, import_react65, import_viem8;
+var import_react_query35, import_react66, import_viem8;
 var init_useWatchTokens = __esm({
   "src/internal/hooks/useBlockscoutAssets/useWatchTokens.ts"() {
     init_ProviderContext();
     import_react_query35 = require("@tanstack/react-query");
-    import_react65 = require("react");
+    import_react66 = require("react");
     import_viem8 = require("viem");
     init_constants6();
   }
@@ -21905,11 +21971,11 @@ function useBlockscoutAssets(options) {
     tokenBalancesQueryKey: customTokenBalancesQueryKey
   } = useProviderConfig().config?.current?.portfolio || {};
   const blockscoutApiUrl = getBlockscoutApiUrl(chainConfig);
-  const blockscoutClient = (0, import_react66.useMemo)(
+  const blockscoutClient = (0, import_react67.useMemo)(
     () => blockscoutApiUrl ? (0, import_core4.createBlockscoutClient)({ baseUrl: blockscoutApiUrl }) : null,
     [blockscoutApiUrl]
   );
-  const lastRefreshRef = (0, import_react66.useRef)(0);
+  const lastRefreshRef = (0, import_react67.useRef)(0);
   const {
     data: watchTokenAssets = [],
     isLoading: watchTokensLoading,
@@ -21981,7 +22047,7 @@ function useBlockscoutAssets(options) {
     queryKey: [BLOCKSCOUT_QUERY_KEY, "nfts", resolvedChainId, blockscoutApiUrl, address],
     queryFn: () => blockscoutClient.getNfts(address)
   });
-  const erc20TokenAddresses = (0, import_react66.useMemo)(() => {
+  const erc20TokenAddresses = (0, import_react67.useMemo)(() => {
     if (!blockscoutItems) return [];
     return blockscoutItems.filter((tb) => tb.token.type === "ERC-20").map((tb) => tb.token.address_hash);
   }, [blockscoutItems]);
@@ -22026,7 +22092,7 @@ function useBlockscoutAssets(options) {
     // 1 minute
     // gcTime: BLOCKSCOUT_QUERY_GC_TIME,
   });
-  const assets = (0, import_react66.useMemo)(() => {
+  const assets = (0, import_react67.useMemo)(() => {
     const result = [];
     const addedAddresses = /* @__PURE__ */ new Set();
     if (nativeBalanceData) {
@@ -22120,7 +22186,7 @@ function useBlockscoutAssets(options) {
     watchTokenAssets,
     chainConfig
   ]);
-  const nativeBalance = (0, import_react66.useMemo)(() => {
+  const nativeBalance = (0, import_react67.useMemo)(() => {
     if (!nativeBalanceData) return null;
     return {
       value: nativeBalanceData.value,
@@ -22128,11 +22194,11 @@ function useBlockscoutAssets(options) {
       symbol: nativeBalanceData.symbol
     };
   }, [nativeBalanceData]);
-  const error = (0, import_react66.useMemo)(() => {
+  const error = (0, import_react67.useMemo)(() => {
     if (!blockscoutError) return null;
     return createError(blockscoutError);
   }, [blockscoutError]);
-  const refreshBalances = (0, import_react66.useCallback)(async () => {
+  const refreshBalances = (0, import_react67.useCallback)(async () => {
     const now = Date.now();
     if (now - lastRefreshRef.current < BLOCKSCOUT_REFRESH_DEBOUNCE) {
       return;
@@ -22148,7 +22214,7 @@ function useBlockscoutAssets(options) {
       qc.invalidateQueries({ queryKey: [WATCH_TOKENS_QUERY_KEY] })
     ]);
   }, [qc, customTokenBalancesQueryKey]);
-  const getTokenBalance = (0, import_react66.useCallback)(
+  const getTokenBalance = (0, import_react67.useCallback)(
     (tokenAddress) => {
       return assets.find((a) => a.address?.toLowerCase() === tokenAddress.toLowerCase()) || null;
     },
@@ -22167,13 +22233,13 @@ function useBlockscoutAssets(options) {
     lastUpdated: dataUpdatedAt || null
   };
 }
-var import_core4, import_react_query36, import_react66;
+var import_core4, import_react_query36, import_react67;
 var init_useBlockscoutAssets = __esm({
   "src/internal/hooks/useBlockscoutAssets/useBlockscoutAssets.ts"() {
     init_ProviderContext();
     import_core4 = require("@embarkai/core");
     import_react_query36 = require("@tanstack/react-query");
-    import_react66 = require("react");
+    import_react67 = require("react");
     init_initial();
     init_constants();
     init_useResolvedPublicClient();
@@ -22293,9 +22359,9 @@ function SecurityTokenBadge() {
 }
 function PortfolioItemImage(props) {
   const { asset } = props;
-  const [logoError, setLogoError] = (0, import_react67.useState)(false);
-  const [nftImageError, setNftImageError] = (0, import_react67.useState)(false);
-  const resolvedImage = (0, import_react67.useMemo)(() => {
+  const [logoError, setLogoError] = (0, import_react68.useState)(false);
+  const [nftImageError, setNftImageError] = (0, import_react68.useState)(false);
+  const resolvedImage = (0, import_react68.useMemo)(() => {
     const isNft = isNftAsset(asset);
     const nftImage = getNftImage(asset);
     const isSecurity = isSecurityToken(asset);
@@ -22450,13 +22516,13 @@ function PortfolioItem(props) {
     }
   );
 }
-var import_react_query37, import_lucide_react51, import_react67, import_viem11, import_jsx_runtime94, PORTFOLIO_ASSET_RATE_QUERY_KEY;
+var import_react_query37, import_lucide_react51, import_react68, import_viem11, import_jsx_runtime94, PORTFOLIO_ASSET_RATE_QUERY_KEY;
 var init_PortfolioItem = __esm({
   "src/internal/components/PortfolioMenu/PortfolioItem.tsx"() {
     init_ProviderContext();
     import_react_query37 = require("@tanstack/react-query");
     import_lucide_react51 = require("lucide-react");
-    import_react67 = require("react");
+    import_react68 = require("react");
     import_viem11 = require("viem");
     init_tokens();
     init_base3();
@@ -22488,7 +22554,7 @@ function PortfolioMenu() {
     enabled: !!address
   });
   const shownProjectAssets = projectAssets.filter((asset) => !asset.hideInPortfolio);
-  const refreshAllAssetsBalances = (0, import_react68.useCallback)(() => {
+  const refreshAllAssetsBalances = (0, import_react69.useCallback)(() => {
     Promise.all(shownProjectAssets.map((asset) => qc.invalidateQueries({ queryKey: asset.balanceQueryKey })));
     refreshBlockscoutBalances();
   }, [qc, shownProjectAssets, refreshBlockscoutBalances]);
@@ -22534,7 +22600,7 @@ function PortfolioMenu() {
     blockscoutError && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Highlight, { type: "error", children: blockscoutError?.message })
   ] });
 }
-var import_react_query38, import_lucide_react52, import_react68, import_jsx_runtime95;
+var import_react_query38, import_lucide_react52, import_react69, import_jsx_runtime95;
 var init_PortfolioMenu = __esm({
   "src/internal/components/PortfolioMenu/PortfolioMenu.tsx"() {
     init_ProviderContext();
@@ -22542,7 +22608,7 @@ var init_PortfolioMenu = __esm({
     init_i18n();
     import_react_query38 = require("@tanstack/react-query");
     import_lucide_react52 = require("lucide-react");
-    import_react68 = require("react");
+    import_react69 = require("react");
     init_useBlockscoutAssets2();
     init_useLayoutDataStore();
     init_Expandable2();
@@ -22853,7 +22919,7 @@ var init_useNicknameStore = __esm({
 function useNicknameAvailability(currentNickname) {
   const { t } = useT();
   const nicknameValue = useNicknameStore((st) => st.nicknameValue);
-  (0, import_react69.useEffect)(() => {
+  (0, import_react70.useEffect)(() => {
     if (!currentNickname) return;
     useNicknameStore.getState().setNicknameValue(currentNickname);
   }, [currentNickname]);
@@ -22874,8 +22940,8 @@ function useNicknameAvailability(currentNickname) {
       useNicknameStore.getState().setError(error?.message || "Failed to check nickname availability");
     }
   });
-  const debouncedCheckAvailability = (0, import_react69.useCallback)((0, import_lodash_es14.debounce)(checkAvailability, DEBOUNCE_MS), [checkAvailability]);
-  (0, import_react69.useEffect)(() => {
+  const debouncedCheckAvailability = (0, import_react70.useCallback)((0, import_lodash_es14.debounce)(checkAvailability, DEBOUNCE_MS), [checkAvailability]);
+  (0, import_react70.useEffect)(() => {
     if (!currentNickname) return;
     const normalizedInputValue = normalizeNickname(nicknameValue);
     const { valid: isNicknameValid } = validateNickname(nicknameValue);
@@ -22889,13 +22955,13 @@ function useNicknameAvailability(currentNickname) {
   }, [nicknameValue, currentNickname, debouncedCheckAvailability]);
   return { isCheckingAvailability };
 }
-var import_react_query39, import_lodash_es14, import_react69, DEBOUNCE_MS;
+var import_react_query39, import_lodash_es14, import_react70, DEBOUNCE_MS;
 var init_useNicknameAvailability = __esm({
   "src/internal/components/NicknameMenu/useNicknameAvailability.ts"() {
     init_i18n();
     import_react_query39 = require("@tanstack/react-query");
     import_lodash_es14 = require("lodash-es");
-    import_react69 = require("react");
+    import_react70 = require("react");
     init_nickname();
     init_nickname_errors();
     init_nickname_validation();
@@ -22916,9 +22982,9 @@ function NicknameEditForm(props) {
   const nicknameValue = useNicknameStore((st) => st.nicknameValue);
   const nicknameAvailability = useNicknameStore((st) => st.availability);
   const { isCheckingAvailability } = useNicknameAvailability(nicknameInfo ? nicknameInfo.handle : "");
-  const [isNicknameCopied, setIsNicknameCopied] = (0, import_react70.useState)(false);
-  const exitTimerRef = (0, import_react70.useRef)(null);
-  (0, import_react70.useEffect)(() => () => {
+  const [isNicknameCopied, setIsNicknameCopied] = (0, import_react71.useState)(false);
+  const exitTimerRef = (0, import_react71.useRef)(null);
+  (0, import_react71.useEffect)(() => () => {
     if (exitTimerRef.current) clearTimeout(exitTimerRef.current);
   }, []);
   const { mutate: changeNickname2, isPending: isNicknameChanging } = (0, import_react_query40.useMutation)({
@@ -22952,7 +23018,7 @@ function NicknameEditForm(props) {
       );
     }
   });
-  const handleNicknameInputChange = (0, import_react70.useCallback)(
+  const handleNicknameInputChange = (0, import_react71.useCallback)(
     (e) => {
       const { error, setError, setNicknameValue } = useNicknameStore.getState();
       const nextInputValue = e.target.value;
@@ -22966,7 +23032,7 @@ function NicknameEditForm(props) {
     },
     [t]
   );
-  const handleSubmit = (0, import_react70.useCallback)(
+  const handleSubmit = (0, import_react71.useCallback)(
     (e) => {
       const { nicknameValue: nicknameValue2, setError } = useNicknameStore.getState();
       if (!canChange) {
@@ -23058,7 +23124,7 @@ function NicknameEditForm(props) {
     !!canChange && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "w-full flex items-center leadding-4 text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:nicknameMenu.hint") })
   ] });
 }
-var import_react_query40, import_lucide_react55, import_react70, import_jsx_runtime98;
+var import_react_query40, import_lucide_react55, import_react71, import_jsx_runtime98;
 var init_NicknameEditForm = __esm({
   "src/internal/components/NicknameMenu/NicknameEditForm.tsx"() {
     init_ProviderContext();
@@ -23066,7 +23132,7 @@ var init_NicknameEditForm = __esm({
     init_i18n();
     import_react_query40 = require("@tanstack/react-query");
     import_lucide_react55 = require("lucide-react");
-    import_react70 = require("react");
+    import_react71 = require("react");
     init_icons();
     init_nickname();
     init_profile();
@@ -23102,7 +23168,7 @@ function NicknameMenu() {
     queryFn: async () => await getNicknameInfo()
   });
   const resolvedError = nicknameError || nicknameInfoError?.message || null;
-  (0, import_react71.useEffect)(() => () => useNicknameStore.getState().reset(), []);
+  (0, import_react72.useEffect)(() => () => useNicknameStore.getState().reset(), []);
   return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(Expandable, { isExpanded: true, contentClassName: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
     /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex items-center gap-[var(--ui-kit-gap)] ", children: [
       /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
@@ -23169,7 +23235,7 @@ function NicknameMenu() {
     !!resolvedError?.length && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Highlight, { type: "error", children: resolvedError })
   ] });
 }
-var import_react_query41, import_dayjs5, import_lucide_react56, import_react71, import_jsx_runtime99;
+var import_react_query41, import_dayjs5, import_lucide_react56, import_react72, import_jsx_runtime99;
 var init_NicknameMenu = __esm({
   "src/internal/components/NicknameMenu/NicknameMenu.tsx"() {
     init_SessionContext();
@@ -23178,7 +23244,7 @@ var init_NicknameMenu = __esm({
     import_react_query41 = require("@tanstack/react-query");
     import_dayjs5 = __toESM(require("dayjs"), 1);
     import_lucide_react56 = require("lucide-react");
-    import_react71 = require("react");
+    import_react72 = require("react");
     init_nickname();
     init_profile();
     init_useLayoutDataStore();
@@ -23308,12 +23374,12 @@ function ReceiveMenu() {
     queryKey: [QUERY_KEYS.nicknameInfo, address],
     queryFn: async () => await getNicknameInfo()
   });
-  const [qrCodeUrl, setQrCodeUrl] = (0, import_react72.useState)("");
-  const [isAddressCopied, setAddressCopied] = (0, import_react72.useState)(false);
-  const [isNicknameCopied, setNicknameCopied] = (0, import_react72.useState)(false);
-  const [fingerprintCopied, setFingerprintCopied] = (0, import_react72.useState)(false);
+  const [qrCodeUrl, setQrCodeUrl] = (0, import_react73.useState)("");
+  const [isAddressCopied, setAddressCopied] = (0, import_react73.useState)(false);
+  const [isNicknameCopied, setNicknameCopied] = (0, import_react73.useState)(false);
+  const [fingerprintCopied, setFingerprintCopied] = (0, import_react73.useState)(false);
   useOnboardingTourAvailable(true);
-  const fingerprint = (0, import_react72.useMemo)(() => {
+  const fingerprint = (0, import_react73.useMemo)(() => {
     if (!session?.ownerAddress) return null;
     try {
       return generateFingerprint(session.ownerAddress);
@@ -23321,7 +23387,7 @@ function ReceiveMenu() {
       return null;
     }
   }, [session?.ownerAddress]);
-  (0, import_react72.useEffect)(() => {
+  (0, import_react73.useEffect)(() => {
     if (!address) return;
     import_qrcode.default.toDataURL(address, {
       width: 200,
@@ -23420,7 +23486,7 @@ function ReceiveMenu() {
     ] })
   ] });
 }
-var import_react_query42, import_lucide_react57, import_qrcode, import_react72, import_jsx_runtime100;
+var import_react_query42, import_lucide_react57, import_qrcode, import_react73, import_jsx_runtime100;
 var init_ReceiveMenu = __esm({
   "src/internal/components/ReceiveMenu/ReceiveMenu.tsx"() {
     init_SessionContext();
@@ -23428,7 +23494,7 @@ var init_ReceiveMenu = __esm({
     import_react_query42 = require("@tanstack/react-query");
     import_lucide_react57 = require("lucide-react");
     import_qrcode = __toESM(require("qrcode"), 1);
-    import_react72 = require("react");
+    import_react73 = require("react");
     init_nickname();
     init_profile();
     init_useLayoutDataStore();
@@ -23808,14 +23874,14 @@ var init_ConnectedApps2 = __esm({
 });
 
 // src/internal/components/SecurityMenu/Keyshare/KeyshareStatus.tsx
-var import_lucide_react60, import_react73, import_jsx_runtime103, KeyshareStatus;
+var import_lucide_react60, import_react74, import_jsx_runtime103, KeyshareStatus;
 var init_KeyshareStatus = __esm({
   "src/internal/components/SecurityMenu/Keyshare/KeyshareStatus.tsx"() {
     import_lucide_react60 = require("lucide-react");
-    import_react73 = require("react");
+    import_react74 = require("react");
     init_utils();
     import_jsx_runtime103 = require("react/jsx-runtime");
-    KeyshareStatus = (0, import_react73.forwardRef)((props, ref) => {
+    KeyshareStatus = (0, import_react74.forwardRef)((props, ref) => {
       const { isLoading, content, icon: Icon2, children } = props;
       if (isLoading) return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_lucide_react60.Loader, { className: "w-4 h-4 animate-spin" });
       return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { ref, className: "group relative w-full h-full", children: [
@@ -24142,10 +24208,10 @@ function updateLimits(patch) {
   usePolicyForm.setState((st) => ({ ...st, limits: { ...st?.limits, ...patch } }));
 }
 function useWatchFormData() {
-  const [showFormErrors, setShowFormErrors] = (0, import_react74.useState)(false);
+  const [showFormErrors, setShowFormErrors] = (0, import_react75.useState)(false);
   const formData = usePolicyForm();
   const formState = usePolicyFormValidation();
-  (0, import_react74.useEffect)(() => {
+  (0, import_react75.useEffect)(() => {
     if (!formData) return;
     setShowFormErrors(false);
     const errors = {};
@@ -24172,7 +24238,7 @@ function useWatchFormData() {
     }
     usePolicyFormValidation.setState(errors, true);
   }, [formData]);
-  (0, import_react74.useEffect)(() => () => usePolicyFormValidation.setState({}, true), []);
+  (0, import_react75.useEffect)(() => () => usePolicyFormValidation.setState({}, true), []);
   const formErrorItem = Object.entries(formState).find(([_, value]) => value?.error);
   const formErrorMessage = formErrorItem ? `${formErrorItem[0].toUpperCase()}: ${formErrorItem[1]?.error}` : "";
   return {
@@ -24183,10 +24249,10 @@ function useWatchFormData() {
     setShowFormErrors
   };
 }
-var import_react74, import_zustand14, usePolicyForm, usePolicyFormValidation;
+var import_react75, import_zustand14, usePolicyForm, usePolicyFormValidation;
 var init_usePolicyForm = __esm({
   "src/internal/components/SecurityMenu/UserPolicies/usePolicyForm.ts"() {
-    import_react74 = require("react");
+    import_react75 = require("react");
     import_zustand14 = require("zustand");
     init_utils10();
     usePolicyForm = (0, import_zustand14.create)(() => null);
@@ -24217,10 +24283,10 @@ var init_useUserAssetsPolicies = __esm({
 // src/internal/components/SecurityMenu/UserPolicies/PolicyForm.tsx
 function AddressListEditor(props) {
   const { label, assets = [], addresses, onChange } = props;
-  const [isAssetSelector, setIsAssetSelector] = (0, import_react75.useState)(false);
-  const [customAddress, setCustomAddress] = (0, import_react75.useState)("");
-  const [customAddressError, setCustomAddressError] = (0, import_react75.useState)(null);
-  const handleAddress = (0, import_react75.useCallback)(
+  const [isAssetSelector, setIsAssetSelector] = (0, import_react76.useState)(false);
+  const [customAddress, setCustomAddress] = (0, import_react76.useState)("");
+  const [customAddressError, setCustomAddressError] = (0, import_react76.useState)(null);
+  const handleAddress = (0, import_react76.useCallback)(
     (addressToAdd) => {
       if (!isValidAddress(addressToAdd)) {
         setCustomAddressError("Bad address");
@@ -24447,14 +24513,14 @@ function PolicyForm() {
     showFormErrors && formErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Highlight, { type: "error", children: formErrorMessage })
   ] });
 }
-var import_react_query47, import_lucide_react63, import_react75, import_jsx_runtime106;
+var import_react_query47, import_lucide_react63, import_react76, import_jsx_runtime106;
 var init_PolicyForm = __esm({
   "src/internal/components/SecurityMenu/UserPolicies/PolicyForm.tsx"() {
     init_SessionContext();
     init_useT();
     import_react_query47 = require("@tanstack/react-query");
     import_lucide_react63 = require("lucide-react");
-    import_react75 = require("react");
+    import_react76 = require("react");
     init_button();
     init_highlight();
     init_input();
@@ -24536,7 +24602,7 @@ function UserPolicies() {
   const config = useProviderConfig().config;
   const mpcUserId = useSession((st) => st.session?.mpcUserId);
   const activeChainId = useSession((st) => st.activeChainId);
-  const [isConfirmingDelete, setIsConfirmingDelete] = (0, import_react76.useState)(false);
+  const [isConfirmingDelete, setIsConfirmingDelete] = (0, import_react77.useState)(false);
   const { data: policyView, isLoading: isPolicyLoading } = useUserAssetsPolicies(activeChainId);
   const { mutate: cancelPending, isPending: isCancellingPending } = (0, import_react_query48.useMutation)({
     mutationFn: async () => {
@@ -24649,7 +24715,7 @@ function UserPolicies() {
     ] })
   ] });
 }
-var import_react_query48, import_clsx3, import_lucide_react64, import_react76, import_jsx_runtime107;
+var import_react_query48, import_clsx3, import_lucide_react64, import_react77, import_jsx_runtime107;
 var init_UserPolicies = __esm({
   "src/internal/components/SecurityMenu/UserPolicies/UserPolicies.tsx"() {
     init_ProviderContext();
@@ -24658,7 +24724,7 @@ var init_UserPolicies = __esm({
     import_react_query48 = require("@tanstack/react-query");
     import_clsx3 = __toESM(require("clsx"), 1);
     import_lucide_react64 = require("lucide-react");
-    import_react76 = require("react");
+    import_react77 = require("react");
     init_button();
     init_highlight();
     init_api4();
@@ -24683,7 +24749,7 @@ var init_UserPolicies2 = __esm({
 
 // src/internal/components/SecurityMenu/useSecurityMenuParams.ts
 function useSecurityMenuParams() {
-  (0, import_react77.useEffect)(() => {
+  (0, import_react78.useEffect)(() => {
     const { pageParams, setPageParams } = useLayoutDataStore.getState();
     if (!pageParams || !(0, import_lodash_es15.keys)(pageParams).length) return;
     const { submenu } = pageParams;
@@ -24707,11 +24773,11 @@ function useSecurityMenuParams() {
     setPageParams(null);
   }, []);
 }
-var import_lodash_es15, import_react77;
+var import_lodash_es15, import_react78;
 var init_useSecurityMenuParams = __esm({
   "src/internal/components/SecurityMenu/useSecurityMenuParams.ts"() {
     import_lodash_es15 = require("lodash-es");
-    import_react77 = require("react");
+    import_react78 = require("react");
     init_useLayoutDataStore();
     init_UserPolicies2();
     init_useSecurityStore();
@@ -24726,7 +24792,7 @@ function SecurityMenuContent() {
   const { appToUntrust, showConnectedApps, showAssetsPolicies } = useSecurityStore();
   const policyForm = usePolicyForm();
   useOnboardingTourAvailable(!showConnectedApps && !showAssetsPolicies);
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     let securityTitle = "";
     switch (true) {
       case showConnectedApps:
@@ -24747,7 +24813,7 @@ function SecurityMenuContent() {
     return () => {
     };
   }, [t, showConnectedApps, showAssetsPolicies, policyForm]);
-  (0, import_react78.useEffect)(
+  (0, import_react79.useEffect)(
     () => () => {
       usePolicyForm.setState(null, true);
       useSecurityStore.setState(
@@ -24841,13 +24907,13 @@ function SecurityMenu() {
     /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(SecurityMenuContent, {})
   ] });
 }
-var import_lucide_react65, import_react78, import_jsx_runtime108;
+var import_lucide_react65, import_react79, import_jsx_runtime108;
 var init_SecurityMenu = __esm({
   "src/internal/components/SecurityMenu/SecurityMenu.tsx"() {
     init_ProviderContext();
     init_i18n();
     import_lucide_react65 = require("lucide-react");
-    import_react78 = require("react");
+    import_react79 = require("react");
     init_useLayoutDataStore();
     init_Expandable2();
     init_Onboarding();
@@ -25051,8 +25117,8 @@ var init_SenderSelector = __esm({
 function useAvailableSenders() {
   const address = useSession((st) => st.address);
   const { profiles } = useLinkedProfiles();
-  const lastCalcedSenders = (0, import_react79.useRef)([]);
-  (0, import_react79.useEffect)(() => {
+  const lastCalcedSenders = (0, import_react80.useRef)([]);
+  (0, import_react80.useEffect)(() => {
     const sendersAccumulator = [
       {
         type: "embarkai-wallet",
@@ -25086,13 +25152,13 @@ function useAvailableSenders() {
     directWalletProfiles: profiles.filter((p) => p.provider === "wallet")
   };
 }
-var import_react79;
+var import_react80;
 var init_useAvailableSenders = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useAvailableSenders.ts"() {
     init_SessionContext();
     init_tokens();
     init_linkedProfiles();
-    import_react79 = require("react");
+    import_react80 = require("react");
     init_wallets();
     init_useBridgeStore();
   }
@@ -25507,18 +25573,18 @@ function useHyperlaneHistory() {
     getNextPageParam: (lastPage) => lastPage.page < lastPage.pageCount ? lastPage.page + 1 : void 0,
     queryFn: async ({ pageParam }) => await getHyperlaneBridgeHistory({ page: pageParam, pageSize: TX_HISTORY_PAGE_SIZE })
   });
-  const txList = (0, import_react80.useMemo)(
+  const txList = (0, import_react81.useMemo)(
     () => query?.data?.pages?.map((p) => p.data).flat(Infinity) || [],
     [query?.data]
   );
   return { query, txList };
 }
-var import_react_query49, import_react80, HYPERLANE_HISTORY_QUERY_KEY, TX_HISTORY_PAGE_SIZE, TX_HISTORY_POLLING_INTERVAL;
+var import_react_query49, import_react81, 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_query49 = require("@tanstack/react-query");
-    import_react80 = require("react");
+    import_react81 = require("react");
     init_useLayoutDataStore();
     init_useFlowSelector();
     init_api5();
@@ -25548,9 +25614,9 @@ function useBridge() {
   const qc = (0, import_react_query50.useQueryClient)();
   const { t } = useT();
   const address = useSession((st) => st.address);
-  const { data: walletClient } = (0, import_wagmi6.useWalletClient)();
-  const { mutateAsync: switchChainAsync } = (0, import_wagmi6.useSwitchChain)();
-  const swapDirection = (0, import_react81.useCallback)(() => {
+  const { data: walletClient } = (0, import_wagmi5.useWalletClient)();
+  const { mutateAsync: switchChainAsync } = (0, import_wagmi5.useSwitchChain)();
+  const swapDirection = (0, import_react82.useCallback)(() => {
     const {
       // bridgeStep,
       originChain,
@@ -25601,7 +25667,7 @@ function useBridge() {
       useFlowSelectorStore.getState().setError(error instanceof Error ? error.message : String(error));
     }
   });
-  const handleQuoteEstimation = (0, import_react81.useCallback)((amnt) => {
+  const handleQuoteEstimation = (0, import_react82.useCallback)((amnt) => {
     const { originChain, destinationChain, bridgeSender } = useBridgeStore.getState();
     if (!amnt || !Number(amnt)) {
       useBridgeStore.getState().setQuote(null);
@@ -25736,14 +25802,14 @@ function useBridge() {
     isAssetBridging
   };
 }
-var import_react_query50, import_react81, import_wagmi6;
+var import_react_query50, import_react82, import_wagmi5;
 var init_useBridge = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useBridge.ts"() {
     init_SessionContext();
     init_i18n();
     import_react_query50 = require("@tanstack/react-query");
-    import_react81 = require("react");
-    import_wagmi6 = require("wagmi");
+    import_react82 = require("react");
+    import_wagmi5 = require("wagmi");
     init_useLayoutStore();
     init_useExternalWalletStore();
     init_useFlowSelector();
@@ -25773,7 +25839,7 @@ function useHyperlaneRoutes() {
     queryKey: [HYPERLANE_WARP_ROUTES_QUERY_KEY, address],
     queryFn: async () => await getHyperlaneWarpRoutes()
   });
-  (0, import_react82.useEffect)(() => {
+  (0, import_react83.useEffect)(() => {
     if (!errorWarpRoutes) return;
     useFlowSelectorStore.getState().setError(errorWarpRoutes.message);
     const { resetSelections, setRecipient, setOriginChain, setDestinationChain } = useBridgeStore.getState();
@@ -25782,7 +25848,7 @@ function useHyperlaneRoutes() {
     setOriginChain(null);
     setDestinationChain(null);
   }, [errorWarpRoutes]);
-  (0, import_react82.useEffect)(() => {
+  (0, import_react83.useEffect)(() => {
     if (!!hyperRoute || !hyperlaneWarpRoutes.length) return;
     let targetHyperRouteToSelect = hyperlaneWarpRoutes.find((route) => route.routeId === hyperRoute);
     if (!targetHyperRouteToSelect) {
@@ -25807,12 +25873,12 @@ function useHyperlaneRoutes() {
   }, [hyperRoute, hyperlaneWarpRoutes]);
   return { hyperlaneWarpRoutes, isLoadingWarpRoutes };
 }
-var import_react_query51, import_react82, HYPERLANE_WARP_ROUTES_QUERY_KEY;
+var import_react_query51, import_react83, HYPERLANE_WARP_ROUTES_QUERY_KEY;
 var init_useHyperlaneRoutes = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useHyperlaneRoutes.ts"() {
     init_SessionContext();
     import_react_query51 = require("@tanstack/react-query");
-    import_react82 = require("react");
+    import_react83 = require("react");
     init_useLayoutDataStore();
     init_useFlowSelector();
     init_api5();
@@ -25828,7 +25894,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_react83.useEffect)(() => {
+  (0, import_react84.useEffect)(() => {
     const updateMenuTitle = useFlowSelectorStore.getState().setMenuTitle;
     switch (true) {
       case bridgeStep === "sender-selector":
@@ -25856,11 +25922,11 @@ function useMenuTitle(warpRoutes) {
     }
   }, [bridgeStep, hyperRouteMeta, t]);
 }
-var import_react83;
+var import_react84;
 var init_useMenuTitle = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useMenuTitle.ts"() {
     init_i18n();
-    import_react83 = require("react");
+    import_react84 = require("react");
     init_useFlowSelector();
     init_useBridgeStore();
   }
@@ -26030,7 +26096,7 @@ function useBridgeBalance(isLoadingWarpRoutes, hyperlaneWarpRoutes) {
   const activeChainId = useSession((st) => st.activeChainId);
   const directWalletAddress = useExternalWalletStore((st) => st.externalAddress);
   const directWalletChainId = useExternalWalletStore((st) => st.externalChainId);
-  const { mutateAsync: switchChainAsync } = (0, import_wagmi7.useSwitchChain)();
+  const { mutateAsync: switchChainAsync } = (0, import_wagmi6.useSwitchChain)();
   const hyperRoute = useBridgeStore((st) => st.hyperRoute);
   const bridgeSender = useBridgeStore((st) => st.bridgeSender);
   const originChain = useBridgeStore((st) => st.originChain);
@@ -26110,7 +26176,7 @@ function useBridgeBalance(isLoadingWarpRoutes, hyperlaneWarpRoutes) {
       };
     }
   });
-  const refreshRouteTokenBalance = (0, import_react84.useCallback)(
+  const refreshRouteTokenBalance = (0, import_react85.useCallback)(
     (senderWallet) => {
       switch (true) {
         case senderWallet === "embarkai-wallet":
@@ -26126,7 +26192,7 @@ function useBridgeBalance(isLoadingWarpRoutes, hyperlaneWarpRoutes) {
     },
     [refreshBalances, qc]
   );
-  (0, import_react84.useEffect)(() => {
+  (0, import_react85.useEffect)(() => {
     if (!!isLoadingWarpRoutes || !bridgeSender || !originChain) return;
     switch (bridgeSender) {
       case "embarkai-wallet":
@@ -26157,16 +26223,16 @@ function useBridgeBalance(isLoadingWarpRoutes, hyperlaneWarpRoutes) {
     isRouteTokenBalanceLoading: isAssetsLoading || isExternalBalanceLoading || isExternalNativeBalanceLoading
   };
 }
-var import_core8, import_react_query52, import_react84, import_viem15, import_wagmi7, EXTERNAL_WALLET_BRIDGING_BALANCE_QUERY, EXTERNAL_WALLET_BRIDGING_NATIVE_BALANCE_QUERY;
+var import_core8, import_react_query52, import_react85, import_viem15, import_wagmi6, 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_core8 = require("@embarkai/core");
     import_react_query52 = require("@tanstack/react-query");
-    import_react84 = require("react");
+    import_react85 = require("react");
     import_viem15 = require("viem");
-    import_wagmi7 = require("wagmi");
+    import_wagmi6 = require("wagmi");
     init_useBlockscoutAssets2();
     init_useExternalWalletStore();
     init_BalanceFeedProvider2();
@@ -26293,7 +26359,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_runtime111.jsxs)(import_react85.Fragment, { children: [
+                      children: selectedWarpRoute.chainPair.map((chain, chIdx) => /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_react86.Fragment, { children: [
                         chIdx > 0 && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_lucide_react67.ArrowLeftRightIcon, { className: "w-4 h-4 " }),
                         /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(ResolveChainIcon, { chainName: chain.chainName, className: "w-4 h-4" })
                       ] }, `${selectedWarpRoute.id}-icon-${chain.chainID}-${chIdx}`))
@@ -26437,13 +26503,13 @@ function SelectStep(props) {
     )
   ] });
 }
-var import_lucide_react67, import_react85, import_jsx_runtime111;
+var import_lucide_react67, import_react86, import_jsx_runtime111;
 var init_SelectStep = __esm({
   "src/internal/components/SendMenu/hyperbridge/steps/SelectStep.tsx"() {
     init_tokens();
     init_i18n();
     import_lucide_react67 = require("lucide-react");
-    import_react85 = require("react");
+    import_react86 = require("react");
     init_priceFormatter();
     init_utils();
     init_useExternalWalletStore();
@@ -26494,7 +26560,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_react86.useState)(false);
+  const [userConsent, setUserConsent] = (0, import_react87.useState)(false);
   const { t } = useT();
   const address = useSession((st) => st.address);
   const bridgeSender = useBridgeStore((st) => st.bridgeSenders.find((s) => s.type === st.bridgeSender));
@@ -26610,13 +26676,13 @@ function ConfirmStep(props) {
     }
   );
 }
-var import_lucide_react69, import_react86, import_jsx_runtime113, P_CN;
+var import_lucide_react69, import_react87, import_jsx_runtime113, P_CN;
 var init_ConfirmStep = __esm({
   "src/internal/components/SendMenu/hyperbridge/steps/ConfirmStep.tsx"() {
     init_SessionContext();
     init_i18n();
     import_lucide_react69 = require("lucide-react");
-    import_react86 = require("react");
+    import_react87 = require("react");
     init_priceFormatter();
     init_utils();
     init_Onboarding();
@@ -26993,7 +27059,7 @@ function SelectAssetRoute(props) {
   const { hyperlaneWarpRoutes } = props;
   const { t } = useT();
   const selectedAssetSymbol = useBridgeStore((st) => st.bridgeAssetSymbol);
-  const tokenList = (0, import_react87.useMemo)(() => {
+  const tokenList = (0, import_react88.useMemo)(() => {
     const tokens = hyperlaneWarpRoutes.map((route) => route.symbol);
     const uniqueTokens = Array.from(new Set(tokens));
     return uniqueTokens.map((symbol) => ({
@@ -27070,13 +27136,13 @@ function SelectAssetRoute(props) {
     ] })
   ] });
 }
-var import_lucide_react71, import_react87, import_jsx_runtime116;
+var import_lucide_react71, import_react88, import_jsx_runtime116;
 var init_SelectAssetRoute = __esm({
   "src/internal/components/SendMenu/hyperbridge/steps/SelectAssetRoute.tsx"() {
     init_tokens();
     init_i18n();
     import_lucide_react71 = require("lucide-react");
-    import_react87 = require("react");
+    import_react88 = require("react");
     init_button();
     init_ResolveChainIcon();
     init_useBridgeStore();
@@ -27103,7 +27169,7 @@ function HyperlaneBridge() {
   const { hyperlaneWarpRoutes, isLoadingWarpRoutes } = useHyperlaneRoutes();
   const { directWalletProfiles } = useAvailableSenders();
   useMenuTitle(hyperlaneWarpRoutes);
-  (0, import_react88.useEffect)(() => {
+  (0, import_react89.useEffect)(() => {
     return () => {
       useBridgeStore.getState().resetSelections();
     };
@@ -27136,10 +27202,10 @@ function HyperlaneBridge() {
     bridgeStep === "tx-history-details" && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(HistoryDetailsStep, {})
   ] });
 }
-var import_react88, import_jsx_runtime117;
+var import_react89, import_jsx_runtime117;
 var init_HyperlaneBridge = __esm({
   "src/internal/components/SendMenu/hyperbridge/HyperlaneBridge.tsx"() {
-    import_react88 = require("react");
+    import_react89 = require("react");
     init_SenderSelector();
     init_useAvailableSenders();
     init_useBridge();
@@ -27157,7 +27223,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_react89.useRef)(null);
+  const lastBridgeStepRef = (0, import_react90.useRef)(null);
   if (selectorFlow !== "bridge" || bridgeStep === "confirm" || bridgeStep === "success" || bridgeStep === "sender-selector" || bridgeStep === "select-token" || bridgeStep === "tx-history-details") {
     return null;
   }
@@ -27176,10 +27242,10 @@ function BridgeHistorySwitch(props) {
     }
   );
 }
-var import_react89, import_jsx_runtime118;
+var import_react90, import_jsx_runtime118;
 var init_HistorySwitch = __esm({
   "src/internal/components/SendMenu/hyperbridge/components/HistorySwitch.tsx"() {
-    import_react89 = require("react");
+    import_react90 = require("react");
     init_switch();
     init_useFlowSelector();
     init_useBridgeStore();
@@ -27205,7 +27271,7 @@ function useErc3643Compliance(options) {
     isLoading,
     error: queryError,
     refetch
-  } = (0, import_wagmi8.useReadContract)({
+  } = (0, import_wagmi7.useReadContract)({
     address: tokenAddress,
     abi: ERC3643_CAN_TRANSFER_ABI,
     functionName: "canTransfer",
@@ -27242,10 +27308,10 @@ function useErc3643Compliance(options) {
     refetch
   };
 }
-var import_wagmi8, ERC3643_CAN_TRANSFER_ABI;
+var import_wagmi7, ERC3643_CAN_TRANSFER_ABI;
 var init_useErc3643Compliance = __esm({
   "src/hooks/useErc3643Compliance.ts"() {
-    import_wagmi8 = require("wagmi");
+    import_wagmi7 = require("wagmi");
     ERC3643_CAN_TRANSFER_ABI = [
       {
         type: "function",
@@ -27270,11 +27336,11 @@ function looksLikeNickname(input) {
 }
 function useNicknameResolve(input, options) {
   const { enabled = true, chainId } = options;
-  const [debouncedInput, setDebouncedInput] = (0, import_react90.useState)("");
-  const [isDebouncing, setIsDebouncing] = (0, import_react90.useState)(false);
+  const [debouncedInput, setDebouncedInput] = (0, import_react91.useState)("");
+  const [isDebouncing, setIsDebouncing] = (0, import_react91.useState)(false);
   const normalized = normalizeNickname(input);
   const isNicknameInput = looksLikeNickname(input) && normalized.length >= 3;
-  (0, import_react90.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     if (!isNicknameInput || !enabled) {
       setDebouncedInput("");
       setIsDebouncing(false);
@@ -27300,7 +27366,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_react90.useMemo)(() => {
+  const fingerprintVerification = (0, import_react91.useMemo)(() => {
     if (!query.data?.owner || !query.data?.fingerprint) {
       return null;
     }
@@ -27322,11 +27388,11 @@ function useNicknameResolve(input, options) {
     resolvedAddress
   };
 }
-var import_react_query54, import_react90, DEBOUNCE_MS2;
+var import_react_query54, import_react91, DEBOUNCE_MS2;
 var init_useNicknameResolve = __esm({
   "src/hooks/useNicknameResolve.ts"() {
     import_react_query54 = require("@tanstack/react-query");
-    import_react90 = require("react");
+    import_react91 = require("react");
     init_nickname();
     init_profile();
     init_nickname_fingerprint();
@@ -27339,10 +27405,10 @@ var init_useNicknameResolve = __esm({
 function useSendTransaction() {
   const session = useSession((st) => st.session);
   const address = useSession((st) => st.address);
-  const [isLoading, setIsLoading] = (0, import_react91.useState)(false);
-  const [error, setError] = (0, import_react91.useState)(null);
-  const [userOpHash, setUserOpHash] = (0, import_react91.useState)(null);
-  const sendTransaction = (0, import_react91.useCallback)(
+  const [isLoading, setIsLoading] = (0, import_react92.useState)(false);
+  const [error, setError] = (0, import_react92.useState)(null);
+  const [userOpHash, setUserOpHash] = (0, import_react92.useState)(null);
+  const sendTransaction = (0, import_react92.useCallback)(
     async (params) => {
       if (!session || !address) {
         setError("No active session");
@@ -27439,7 +27505,7 @@ function useSendTransaction() {
     },
     [session, address]
   );
-  const reset = (0, import_react91.useCallback)(() => {
+  const reset = (0, import_react92.useCallback)(() => {
     setError(null);
     setUserOpHash(null);
     setIsLoading(false);
@@ -27452,10 +27518,10 @@ function useSendTransaction() {
     reset
   };
 }
-var import_react91, import_viem16, ERC20_TRANSFER_ABI, ERC721_SAFE_TRANSFER_ABI, ERC1155_SAFE_TRANSFER_ABI;
+var import_react92, import_viem16, ERC20_TRANSFER_ABI, ERC721_SAFE_TRANSFER_ABI, ERC1155_SAFE_TRANSFER_ABI;
 var init_useSendTransaction = __esm({
   "src/hooks/useSendTransaction.ts"() {
-    import_react91 = require("react");
+    import_react92 = require("react");
     import_viem16 = require("viem");
     init_SessionContext();
     init_account2();
@@ -27606,7 +27672,7 @@ var init_AssetInputIcon = __esm({
 
 // src/internal/components/SendMenu/send/components/NftDisplayCard.tsx
 function NftDisplayCard({ asset }) {
-  const [imageError, setImageError] = (0, import_react92.useState)(false);
+  const [imageError, setImageError] = (0, import_react93.useState)(false);
   const nftImage = asset.image || asset.nftMetadata?.image;
   return /* @__PURE__ */ (0, import_jsx_runtime120.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_runtime120.jsx)(
@@ -27634,11 +27700,11 @@ function NftDisplayCard({ asset }) {
     ] })
   ] });
 }
-var import_lucide_react73, import_react92, import_jsx_runtime120;
+var import_lucide_react73, import_react93, import_jsx_runtime120;
 var init_NftDisplayCard = __esm({
   "src/internal/components/SendMenu/send/components/NftDisplayCard.tsx"() {
     import_lucide_react73 = require("lucide-react");
-    import_react92 = require("react");
+    import_react93 = require("react");
     import_jsx_runtime120 = require("react/jsx-runtime");
   }
 });
@@ -27758,7 +27824,7 @@ function NicknameData(props) {
     isWalletNotSetup,
     isFrozen
   } = resolvedNicknameData;
-  (0, import_react93.useEffect)(() => {
+  (0, import_react94.useEffect)(() => {
     if (isResolving) return;
     let errMessage = null;
     switch (true) {
@@ -27813,11 +27879,11 @@ function NicknameData(props) {
     ] })
   ] });
 }
-var import_lucide_react74, import_react93, import_jsx_runtime122;
+var import_lucide_react74, import_react94, import_jsx_runtime122;
 var init_NicknameData = __esm({
   "src/internal/components/SendMenu/send/components/NicknameData.tsx"() {
     import_lucide_react74 = require("lucide-react");
-    import_react93 = require("react");
+    import_react94 = require("react");
     init_no_image();
     init_utils();
     init_useFlowSelector();
@@ -28350,16 +28416,16 @@ function SendMenu() {
     userOpHash,
     reset
   } = useSendTransaction();
-  (0, import_react94.useEffect)(() => {
+  (0, import_react95.useEffect)(() => {
     useFlowSelectorStore.getState().setIsUiLocked(isAssetsLoading || isTransactionPending);
   }, [isAssetsLoading, isTransactionPending]);
-  (0, import_react94.useEffect)(() => {
+  (0, import_react95.useEffect)(() => {
     useFlowSelectorStore.getState().setError(sendTransactionError || null);
   }, [sendTransactionError]);
   const { txStep, recipient, amount, selectedAsset, setSelectedAsset } = useSendStore();
   const isNft = isNftAsset3(selectedAsset);
   const isSecurity = isSecurityToken2(selectedAsset);
-  (0, import_react94.useEffect)(() => {
+  (0, import_react95.useEffect)(() => {
     const shouldDefaultAsset = assets.length > 0 && !selectedAsset;
     if (!shouldDefaultAsset) return;
     const chainNativeCurrency = useSession.getState().chainConfig?.nativeCurrency;
@@ -28369,7 +28435,7 @@ function SendMenu() {
     if (isBalance(erc20)) return setSelectedAsset(erc20);
     setSelectedAsset(assets[0]);
   }, [assets, selectedAsset]);
-  (0, import_react94.useEffect)(
+  (0, import_react95.useEffect)(
     () => () => {
       useSendStore.getState().reset();
       reset();
@@ -28379,7 +28445,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_react94.useMemo)(() => {
+  const complianceAmount = (0, import_react95.useMemo)(() => {
     if (!isSecurity || !amount || !selectedAsset) return void 0;
     try {
       return (0, import_viem21.parseUnits)(amount, selectedAsset.decimals || 18);
@@ -28394,7 +28460,7 @@ function SendMenu() {
     enabled: isSecurity && !!effectiveAddress && !!complianceAmount,
     chainId: activeChainId
   });
-  (0, import_react94.useEffect)(() => {
+  (0, import_react95.useEffect)(() => {
     const updateMenuTitle = useFlowSelectorStore.getState().setMenuTitle;
     switch (true) {
       case txStep === "select-asset":
@@ -28464,7 +28530,7 @@ function SendMenu() {
     ] })
   ] });
 }
-var import_lucide_react77, import_react94, import_viem21, import_jsx_runtime125;
+var import_lucide_react77, import_react95, import_viem21, import_jsx_runtime125;
 var init_SendMenu = __esm({
   "src/internal/components/SendMenu/send/SendMenu.tsx"() {
     init_SessionContext();
@@ -28473,7 +28539,7 @@ var init_SendMenu = __esm({
     init_useSendTransaction();
     init_useT();
     import_lucide_react77 = require("lucide-react");
-    import_react94 = require("react");
+    import_react95 = require("react");
     import_viem21 = require("viem");
     init_useBlockscoutAssets2();
     init_useLayoutDataStore();
@@ -28499,7 +28565,7 @@ var init_send = __esm({
 // src/internal/components/SendMenu/useSendMenuParams.ts
 function useSendMenuParams() {
   const { config } = useProviderConfig();
-  (0, import_react95.useEffect)(() => {
+  (0, import_react96.useEffect)(() => {
     const { pageParams, setPageParams } = useLayoutDataStore.getState();
     if (!pageParams || !(0, import_lodash_es16.keys)(pageParams).length) return;
     const { sendFlow, send, bridge } = pageParams || {};
@@ -28552,12 +28618,12 @@ function useSendMenuParams() {
     setPageParams(null);
   }, []);
 }
-var import_lodash_es16, import_react95;
+var import_lodash_es16, import_react96;
 var init_useSendMenuParams = __esm({
   "src/internal/components/SendMenu/useSendMenuParams.ts"() {
     init_ProviderContext();
     import_lodash_es16 = require("lodash-es");
-    import_react95 = require("react");
+    import_react96 = require("react");
     init_useLayoutDataStore();
     init_useBridgeStore();
     init_useSendStore();
@@ -28625,17 +28691,17 @@ function SendFlowSelector() {
   const sendStep = useSendStore((st) => st.txStep);
   const bridgeStep = useBridgeStore((st) => st.bridgeStep);
   useOnboardingTourAvailable(sendStep === "input" && bridgeStep === "select");
-  (0, import_react96.useEffect)(
+  (0, import_react97.useEffect)(
     () => () => {
       useFlowSelectorStore.getState().setError(null);
     },
     []
   );
-  (0, import_react96.useEffect)(() => {
+  (0, import_react97.useEffect)(() => {
     if (!!config?.current?.features?.showAssetBridge) return;
     if (selectorFlow === "bridge") useFlowSelectorStore.getState().setFlow("send");
   }, [selectorFlow]);
-  const availableFlows = (0, import_react96.useMemo)(() => {
+  const availableFlows = (0, import_react97.useMemo)(() => {
     const selectorFlows = { send: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(SendMenu, {}) };
     if (!!config?.current?.features?.showAssetBridge) selectorFlows.bridge = /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(HyperlaneBridge, {});
     return selectorFlows;
@@ -28700,13 +28766,13 @@ function SendFlowSelector() {
     ] })
   ] });
 }
-var import_lucide_react78, import_react96, import_jsx_runtime126;
+var import_lucide_react78, import_react97, import_jsx_runtime126;
 var init_SendFlowSelector = __esm({
   "src/internal/components/SendMenu/SendFlowSelector.tsx"() {
     init_ProviderContext();
     init_i18n();
     import_lucide_react78 = require("lucide-react");
-    import_react96 = require("react");
+    import_react97 = require("react");
     init_useLayoutDataStore();
     init_utils();
     init_Expandable2();
@@ -28769,12 +28835,12 @@ function getServerSnapshot() {
   return false;
 }
 function useProMode() {
-  return (0, import_react97.useSyncExternalStore)(subscribe, getSnapshot, getServerSnapshot);
+  return (0, import_react98.useSyncExternalStore)(subscribe, getSnapshot, getServerSnapshot);
 }
-var import_react97, STORAGE_KEY, EVENT_NAME;
+var import_react98, STORAGE_KEY, EVENT_NAME;
 var init_pro_mode = __esm({
   "src/internal/lib/pro-mode.ts"() {
-    import_react97 = require("react");
+    import_react98 = require("react");
     STORAGE_KEY = "embarkai_pro_mode";
     EVENT_NAME = "embarkai-pro-mode-changed";
   }
@@ -29580,7 +29646,7 @@ function TransactionsMenu() {
   const { t } = useT();
   useOnboardingTourAvailable(true);
   const setPage = useLayoutDataStore((st) => st.setPage);
-  const [expandedGroups, setExpandedGroups] = (0, import_react98.useState)({});
+  const [expandedGroups, setExpandedGroups] = (0, import_react99.useState)({});
   const historySupported = isTransactionHistorySupported(chainConfig?.id);
   const {
     data: txHistoryGroups = [],
@@ -29593,7 +29659,7 @@ function TransactionsMenu() {
     queryKey: [TRANSACTIONS_HISTORY_QUERY_KEY, chainConfig.id, address],
     queryFn: () => getTransactionsListQuery({ address, chainConfig })
   });
-  const refreshTxHistory = (0, import_react98.useCallback)(
+  const refreshTxHistory = (0, import_react99.useCallback)(
     () => qc.invalidateQueries({ queryKey: [TRANSACTIONS_HISTORY_QUERY_KEY, chainConfig.id, address] }),
     [qc, chainConfig.id, address]
   );
@@ -29632,14 +29698,14 @@ function TransactionsMenu() {
     )) })
   ] });
 }
-var import_react_query57, import_lucide_react80, import_react98, import_jsx_runtime128;
+var import_react_query57, import_lucide_react80, import_react99, import_jsx_runtime128;
 var init_TransactionsMenu = __esm({
   "src/internal/components/TransactionsMenu/TransactionsMenu.tsx"() {
     init_SessionContext();
     init_i18n();
     import_react_query57 = require("@tanstack/react-query");
     import_lucide_react80 = require("lucide-react");
-    import_react98 = require("react");
+    import_react99 = require("react");
     init_useLayoutDataStore();
     init_Expandable2();
     init_Onboarding();
@@ -29979,7 +30045,7 @@ var init_PageMap = __esm({
 // src/internal/hooks/usePageMapper.tsx
 function usePageMapper() {
   const page = useLayoutDataStore((st) => st.page);
-  const closeDialog = (0, import_react99.useCallback)(() => {
+  const closeDialog = (0, import_react100.useCallback)(() => {
     useLayoutStore.setState({ isDialogAnimating: true });
     setTimeout(() => {
       useLayoutStore.setState({
@@ -29991,14 +30057,14 @@ function usePageMapper() {
       });
     }, CLEAR_DIALOG_TIMEOUT);
   }, []);
-  const openDialog = (0, import_react99.useCallback)((pageItem) => {
+  const openDialog = (0, import_react100.useCallback)((pageItem) => {
     useLayoutStore.setState({
       dialogContent: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(pageItem.component, {}),
       isDialogOpen: true
       // isDialogAnimating: true
     });
   }, []);
-  (0, import_react99.useEffect)(() => {
+  (0, import_react100.useEffect)(() => {
     if (page === null) return closeDialog();
     const pageItem = PAGE_MAP[page];
     if (!pageItem) {
@@ -30009,10 +30075,10 @@ function usePageMapper() {
     openDialog(pageItem);
   }, [page, closeDialog, openDialog]);
 }
-var import_react99, import_jsx_runtime130, CLEAR_DIALOG_TIMEOUT;
+var import_react100, import_jsx_runtime130, CLEAR_DIALOG_TIMEOUT;
 var init_usePageMapper = __esm({
   "src/internal/hooks/usePageMapper.tsx"() {
-    import_react99 = require("react");
+    import_react100 = require("react");
     init_PageMap();
     init_constants();
     init_useLayoutDataStore();
@@ -30028,24 +30094,24 @@ function useSettingsNotifications() {
   const providers = import_auth25.jwtTokenManager.getProviders();
   const hasEmail = providers.includes("email");
   const { data: userProfile = null } = useUserProfile();
-  (0, import_react100.useEffect)(() => {
+  (0, import_react101.useEffect)(() => {
     const isKYCVerified = userProfile?.kycDetails?.kycStatus === "verified";
     setSettingsNotifications({
       ...COMPLETE_KYC_PROGRESS,
       status: isKYCVerified ? "resolved" : "active"
     });
   }, [userProfile, setSettingsNotifications]);
-  (0, import_react100.useEffect)(() => {
+  (0, import_react101.useEffect)(() => {
     setSettingsNotifications({
       ...EMAIL_NOT_CONNECTED_NOTIFICATION,
       status: hasEmail ? "resolved" : "active"
     });
   }, [hasEmail, setSettingsNotifications]);
 }
-var import_react100, EMAIL_NOT_CONNECTED_NOTIFICATION, COMPLETE_KYC_PROGRESS;
+var import_react101, EMAIL_NOT_CONNECTED_NOTIFICATION, COMPLETE_KYC_PROGRESS;
 var init_useSettingsNotifications = __esm({
   "src/internal/hooks/useSettingsNotifications.ts"() {
-    import_react100 = require("react");
+    import_react101 = require("react");
     init_auth();
     init_useLayoutDataStore();
     init_useUserProfile();
@@ -30068,7 +30134,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.113",
+      version: "0.4.115",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -30179,7 +30245,7 @@ function Footer() {
   const address = useSession((st) => st.address);
   const chainConfig = useSession((st) => st.chainConfig);
   const isDialogForced = useLayoutStore((st) => st.isDialogForced);
-  const { mutate: wagmiDisconnect } = (0, import_wagmi9.useDisconnect)({
+  const { mutate: wagmiDisconnect } = useSafeDisconnect({
     mutation: {
       onSuccess: () => {
         useExternalWalletStore.getState().clearExternalWallet();
@@ -30285,7 +30351,7 @@ function Footer() {
     }
   );
 }
-var import_react_query59, import_lucide_react83, import_wagmi9, import_jsx_runtime131, FOOTER_ONBOARDING_CHAIN_BUTTON, FOOTER_ONBOARDING_LOGOUT_BUTTON, FOOTER_TOUR;
+var import_react_query59, import_lucide_react83, import_jsx_runtime131, FOOTER_ONBOARDING_CHAIN_BUTTON, FOOTER_ONBOARDING_LOGOUT_BUTTON, FOOTER_TOUR;
 var init_Footer = __esm({
   "src/internal/components/Footer/Footer.tsx"() {
     init_package();
@@ -30293,9 +30359,9 @@ var init_Footer = __esm({
     init_ProviderContext();
     init_SessionContext();
     init_i18n();
+    init_useSafeDisconnect();
     import_react_query59 = require("@tanstack/react-query");
     import_lucide_react83 = require("lucide-react");
-    import_wagmi9 = require("wagmi");
     init_auth();
     init_base3();
     init_useLayoutDataStore();
@@ -30403,11 +30469,11 @@ function Header() {
   const embarkPage = useLayoutDataStore((st) => st.page);
   const isOnboardingTourAvailable = useOnboardingStore((st) => st.isTourAvailable);
   const proMode = useProMode();
-  const [proToast, setProToast] = (0, import_react101.useState)(false);
-  const [copied, setCopied] = (0, import_react101.useState)(false);
-  const clickCountRef = (0, import_react101.useRef)(0);
-  const clickTimerRef = (0, import_react101.useRef)(null);
-  const handleAvatarClick = (0, import_react101.useCallback)(() => {
+  const [proToast, setProToast] = (0, import_react102.useState)(false);
+  const [copied, setCopied] = (0, import_react102.useState)(false);
+  const clickCountRef = (0, import_react102.useRef)(0);
+  const clickTimerRef = (0, import_react102.useRef)(null);
+  const handleAvatarClick = (0, import_react102.useCallback)(() => {
     clickCountRef.current += 1;
     if (clickTimerRef.current) {
       clearTimeout(clickTimerRef.current);
@@ -30513,7 +30579,7 @@ function Header() {
     }
   );
 }
-var import_lucide_react84, import_react101, import_jsx_runtime132;
+var import_lucide_react84, import_react102, import_jsx_runtime132;
 var init_Header = __esm({
   "src/internal/components/Header/Header.tsx"() {
     init_lumia2();
@@ -30521,7 +30587,7 @@ var init_Header = __esm({
     init_ProviderContext();
     init_SessionContext();
     import_lucide_react84 = require("lucide-react");
-    import_react101 = require("react");
+    import_react102 = require("react");
     init_icons();
     init_auth();
     init_useLayoutDataStore();
@@ -30556,7 +30622,7 @@ function useDecideContentStyles() {
     style: (0, import_lodash_es17.merge)({}, mobileStyles)
   };
 }
-var DialogPrimitive, import_lodash_es17, import_lucide_react85, import_react102, import_jsx_runtime133, Dialog, DialogPortal, DialogOverlay, CONTENT_BG_SETUP, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription;
+var DialogPrimitive, import_lodash_es17, import_lucide_react85, import_react103, import_jsx_runtime133, Dialog, DialogPortal, DialogOverlay, CONTENT_BG_SETUP, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription;
 var init_dialog = __esm({
   "src/internal/components/ui/dialog.tsx"() {
     init_utils();
@@ -30565,14 +30631,14 @@ var init_dialog = __esm({
     DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
     import_lodash_es17 = require("lodash-es");
     import_lucide_react85 = require("lucide-react");
-    import_react102 = require("react");
+    import_react103 = require("react");
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_button();
     import_jsx_runtime133 = require("react/jsx-runtime");
     Dialog = DialogPrimitive.Root;
     DialogPortal = DialogPrimitive.Portal;
-    DialogOverlay = (0, import_react102.forwardRef)(
+    DialogOverlay = (0, import_react103.forwardRef)(
       ({ className, closing, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
         DialogPrimitive.Overlay,
         {
@@ -30594,7 +30660,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_react102.forwardRef)(
+    DialogContent = (0, import_react103.forwardRef)(
       ({ className, children, colorMode, ...props }, ref) => {
         const { t, i18n } = useT();
         const isSessionLoading = useSession((st) => st.isLoading);
@@ -30705,7 +30771,7 @@ var init_dialog = __esm({
     DialogHeader.displayName = "DialogHeader";
     DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: cn2("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
     DialogFooter.displayName = "DialogFooter";
-    DialogTitle = (0, import_react102.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+    DialogTitle = (0, import_react103.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
       DialogPrimitive.Title,
       {
         ref,
@@ -30714,7 +30780,7 @@ var init_dialog = __esm({
       }
     ));
     DialogTitle.displayName = DialogPrimitive.Title.displayName;
-    DialogDescription = (0, import_react102.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(DialogPrimitive.Description, { ref, className: cn2("text-sm text-muted-foreground", className), ...props }));
+    DialogDescription = (0, import_react103.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(DialogPrimitive.Description, { ref, className: cn2("text-sm text-muted-foreground", className), ...props }));
     DialogDescription.displayName = DialogPrimitive.Description.displayName;
   }
 });
@@ -30737,7 +30803,7 @@ function Dialog2() {
   const { colorMode, maxScrollHeight, isDialogOpen, dialogContent, isDialogForced } = useLayoutStore();
   const page = useLayoutDataStore((st) => st.page);
   const transitionPageHeight = useLayoutDataStore((st) => st.transitionPageHeight);
-  (0, import_react104.useEffect)(() => useLayoutStore.setState({ isSettings: !!session }), [session]);
+  (0, import_react105.useEffect)(() => useLayoutStore.setState({ isSettings: !!session }), [session]);
   usePageMapper();
   useAutoConnect();
   useBackupStatusChanges();
@@ -30768,8 +30834,8 @@ function Dialog2() {
             /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(VisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(DialogTitle, { children: "embarkAI" }) }),
             /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(DialogDescription, { className: "sr-only", children: "embarkAI wallet" }),
             !isHeaderHidden && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Header, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_react103.AnimatePresence, { mode: "wait", initial: false, children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
-              import_react103.motion.div,
+            /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_react104.AnimatePresence, { mode: "wait", initial: false, children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+              import_react104.motion.div,
               {
                 style: { overflow: "hidden" },
                 initial: { opacity: 0, height: transitionPageHeight },
@@ -30798,13 +30864,13 @@ function Dialog2() {
     }
   );
 }
-var import_react103, import_react104, import_jsx_runtime135;
+var import_react104, import_react105, import_jsx_runtime135;
 var init_Dialog = __esm({
   "src/internal/components/Dialog/Dialog.tsx"() {
     init_ProviderContext();
     init_SessionContext();
-    import_react103 = require("motion/react");
-    import_react104 = require("react");
+    import_react104 = require("motion/react");
+    import_react105 = require("react");
     init_constants();
     init_useAllowExternalModalsScroll();
     init_useAutoConnect();
@@ -30835,47 +30901,56 @@ var init_Dialog2 = __esm({
 function DirectWalletHandler() {
   const walletMode = useProviderConfig().config.current?.wallet?.mode || "both";
   const externalAddress = useExternalWalletStore((st) => st.externalAddress);
+  const externalChainId = useExternalWalletStore((st) => st.externalChainId);
+  const externalConnectorName = useExternalWalletStore((st) => st.connectorName);
   const isExternalConnected = useExternalWalletStore((st) => st.isExternalConnected);
-  const { address, isConnected, chain, connector } = (0, import_wagmi10.useConnection)();
-  (0, import_react105.useEffect)(() => {
+  const { address, isConnected, chainId, connector } = (0, import_wagmi8.useConnection)();
+  (0, import_react106.useEffect)(() => {
     const { setConfigMode, setActiveMode } = useExternalWalletStore.getState();
     setConfigMode(walletMode);
     if (walletMode !== "both") setActiveMode(walletMode);
   }, [walletMode]);
-  (0, import_react105.useEffect)(() => {
+  (0, import_react106.useEffect)(() => {
     if ((!!externalAddress || isExternalConnected) && !isConnected) {
       useExternalWalletStore.getState().clearExternalWallet();
       return;
     }
-    if (isConnected && address && connector && chain?.id && externalAddress !== address) {
-      useExternalWalletStore.getState().setExternalWallet({
-        address,
-        chainId: chain.id,
-        connectorName: connector.name || "Unknown Wallet"
-      });
+    if (!isConnected || !address || !connector || !chainId) return;
+    const connectorName = connector.name || "Unknown Wallet";
+    if (externalAddress !== address || externalChainId !== chainId || externalConnectorName !== connectorName) {
+      useExternalWalletStore.getState().setExternalWallet({ address, chainId, connectorName });
     }
-  }, [isConnected, address, isExternalConnected, externalAddress, connector, chain]);
+  }, [
+    isConnected,
+    address,
+    isExternalConnected,
+    externalAddress,
+    externalChainId,
+    externalConnectorName,
+    connector,
+    chainId
+  ]);
   return null;
 }
-var import_react105, import_wagmi10;
+var import_react106, import_wagmi8;
 var init_DirectWalletHandler = __esm({
   "src/internal/components/DirectWalletHandler.tsx"() {
-    import_react105 = require("react");
-    import_wagmi10 = require("wagmi");
+    import_react106 = require("react");
+    import_wagmi8 = require("wagmi");
     init_ProviderContext();
     init_useExternalWalletStore();
   }
 });
 
 // src/internal/components/TssManager.tsx
-var import_react106, TssManagerWithRef;
+var import_react107, TssManagerWithRef;
 var init_TssManager = __esm({
   "src/internal/components/TssManager.tsx"() {
     init_SessionContext();
-    import_react106 = __toESM(require("react"), 1);
+    import_react107 = __toESM(require("react"), 1);
     init_auth();
     init_clients();
-    TssManagerWithRef = import_react106.default.forwardRef((props, ref) => {
+    TssManagerWithRef = import_react107.default.forwardRef((props, ref) => {
       const { mpcPin } = props;
       const usePaymaster = useSession((st) => st.usePaymaster);
       const publicClient = useSession((st) => st.publicClient);
@@ -30883,14 +30958,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_react106.useCallback)(
+      const onSessionCreated = (0, import_react107.useCallback)(
         (session, address) => {
           setSession(session);
           setAddress(address);
         },
         [setSession, setAddress]
       );
-      const createSessionWithKeyshare = import_react106.default.useCallback(
+      const createSessionWithKeyshare = import_react107.default.useCallback(
         async (userId, hasServerKeyshare, isNewUser) => {
           setStatus("checking key management setup...");
           await ensureKeyshare(userId, hasServerKeyshare, setStatus, isNewUser);
@@ -30915,7 +30990,7 @@ var init_TssManager = __esm({
         },
         [setStatus, usePaymaster, activeChainId, publicClient, mpcPin]
       );
-      import_react106.default.useImperativeHandle(ref, () => ({ createSessionWithKeyshare }), [createSessionWithKeyshare]);
+      import_react107.default.useImperativeHandle(ref, () => ({ createSessionWithKeyshare }), [createSessionWithKeyshare]);
       return null;
     });
   }
@@ -30939,7 +31014,7 @@ function waitForStoreHydration() {
 }
 function SessionProvider({ children }) {
   const config = useProviderConfig().config;
-  return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(import_react107.Fragment, {
+  return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(import_react108.Fragment, {
     /** dApp's router might have its own error boundaries setup via imported @embarkai/ui-kitErrorBoundary */
     children: [
       children,
@@ -30959,11 +31034,11 @@ function SessionProvider({ children }) {
     ]
   });
 }
-var import_read22, import_react107, import_zustand19, import_middleware5, import_jsx_runtime136, useSession, requireActiveChainId;
+var import_read22, import_react108, import_zustand19, import_middleware5, import_jsx_runtime136, useSession, requireActiveChainId;
 var init_SessionContext = __esm({
   "src/context/SessionContext.tsx"() {
     import_read22 = require("@embarkai/core/read");
-    import_react107 = require("react");
+    import_react108 = require("react");
     import_zustand19 = require("zustand");
     import_middleware5 = require("zustand/middleware");
     init_ErrorBoundary2();
@@ -32313,7 +32388,7 @@ var init_iframe_manager = __esm({
        */
       handleMessage(event) {
         const message = event.data;
-        if (!message || typeof message !== "object" || !message.type) {
+        if (!message || typeof message !== "object" || typeof message.type !== "string" || !message.type) {
           return;
         }
         message.type = this.normalizeMessageType(message.type);
@@ -33418,11 +33493,11 @@ function clearLegacyWagmiStorage() {
 }
 function Provider(props) {
   const { children, projectId, initialConfig = {}, callbacks } = props;
-  const callbacksRef = (0, import_react108.useRef)(callbacks);
-  (0, import_react108.useEffect)(() => notifyNoProjetctId(projectId), [projectId]);
-  const config = (0, import_react108.useRef)((0, import_lodash_es18.merge)({}, DEFAULT_PROVIDER_CONFIG, { projectId }, initialConfig));
-  const wagmiConfig3 = (0, import_react108.useRef)((0, import_core9.getWagmiConfig)(config.current?.wallet?.walletConnectId || null));
-  const updateConfig = (0, import_react108.useCallback)((updates) => {
+  const callbacksRef = (0, import_react109.useRef)(callbacks);
+  (0, import_react109.useEffect)(() => notifyNoProjetctId(projectId), [projectId]);
+  const config = (0, import_react109.useRef)((0, import_lodash_es18.merge)({}, DEFAULT_PROVIDER_CONFIG, { projectId }, initialConfig));
+  const wagmiConfig3 = (0, import_react109.useRef)((0, import_core9.getWagmiConfig)(config.current?.wallet?.walletConnectId || null));
+  const updateConfig = (0, import_react109.useCallback)((updates) => {
     const prev = config.current;
     const next = { ...prev };
     if (updates.projectId !== void 0) next.projectId = updates.projectId;
@@ -33456,12 +33531,12 @@ function Provider(props) {
     if (updates.translations) next.translations = { ...next.translations, ...updates.translations };
     config.current = next;
   }, []);
-  const updateCallbacks = (0, import_react108.useCallback)((updates) => {
+  const updateCallbacks = (0, import_react109.useCallback)((updates) => {
     const prev = callbacksRef.current;
     const next = updates ? { ...prev, ...updates } : void 0;
     callbacksRef.current = next;
   }, []);
-  (0, import_react108.useEffect)(() => {
+  (0, import_react109.useEffect)(() => {
     if (typeof window === "undefined" || !projectId) return;
     const mergedConfig = (0, import_lodash_es18.merge)(DEFAULT_PROVIDER_CONFIG, initialConfig);
     updateConfig(mergedConfig);
@@ -33481,7 +33556,7 @@ function Provider(props) {
       useSession.getState().setActiveChainId(mergedConfig.network.chainId);
     }
   }, [projectId, initialConfig]);
-  (0, import_react108.useEffect)(() => {
+  (0, import_react109.useEffect)(() => {
     if (typeof window === "undefined" || !projectId) return;
     try {
       (0, import_error_tracking4.initSdkErrorTracking)();
@@ -33510,7 +33585,7 @@ function Provider(props) {
       console.error("[PROVIDER] Error setting up iframe manager:", error);
     }
   }, [projectId]);
-  const contextValue = (0, import_react108.useMemo)(
+  const contextValue = (0, import_react109.useMemo)(
     () => ({
       config,
       updateConfig,
@@ -33521,24 +33596,24 @@ function Provider(props) {
     }),
     [config, updateConfig, callbacks, updateCallbacks]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(UIContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_wagmi11.WagmiProvider, { config: wagmiConfig3.current, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(SessionProvider, { children }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(UIContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_wagmi9.WagmiProvider, { config: wagmiConfig3.current, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(SessionProvider, { children }) }) });
 }
-var import_core9, import_error_tracking4, import_lodash_es18, import_react108, import_wagmi11, import_jsx_runtime137, UIContext, useProviderConfig;
+var import_core9, import_error_tracking4, import_lodash_es18, import_react109, import_wagmi9, import_jsx_runtime137, UIContext, useProviderConfig;
 var init_ProviderContext = __esm({
   "src/context/ProviderContext.tsx"() {
     import_core9 = require("@embarkai/core");
     import_error_tracking4 = require("@embarkai/core/internal/error-tracking");
     import_lodash_es18 = require("lodash-es");
-    import_react108 = require("react");
-    import_wagmi11 = require("wagmi");
+    import_react109 = require("react");
+    import_wagmi9 = require("wagmi");
     init_initial();
     init_iframe_manager();
     init_SessionContext();
     init_utils14();
     import_jsx_runtime137 = require("react/jsx-runtime");
-    UIContext = (0, import_react108.createContext)(void 0);
+    UIContext = (0, import_react109.createContext)(void 0);
     useProviderConfig = () => {
-      const ctx = (0, import_react108.useContext)(UIContext);
+      const ctx = (0, import_react109.useContext)(UIContext);
       if (!ctx) throw new Error("useProviderConfig must be used within a Provider");
       return ctx;
     };
@@ -33661,7 +33736,7 @@ init_ErrorBoundary2();
 init_lumia2();
 init_embarkAI2();
 var import_lucide_react86 = require("lucide-react");
-var import_react109 = require("react");
+var import_react110 = require("react");
 init_SessionContext();
 init_auth();
 init_BalanceView2();
@@ -33694,10 +33769,10 @@ 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_react109.useEffect)(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
+  (0, import_react110.useEffect)(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
   const { data: profile, isLoading: isProfileLoading } = useUserProfile();
   const displayName = profile?.nicknameDisplay || profile?.displayName || import_auth25.jwtTokenManager.getDisplayName();
-  const indicators = (0, import_react109.useMemo)(() => {
+  const indicators = (0, import_react110.useMemo)(() => {
     const userId = session?.mpcUserId;
     if (!userId) return { server: false, local: false, backup: false };
     const server = import_auth25.jwtTokenManager.getHasKeyshare() ?? false;
@@ -34336,14 +34411,14 @@ var Hash = ({
 };
 
 // src/internal/components/TransactionsMenu/TransactionsList.tsx
-var import_react110 = require("react");
+var import_react111 = require("react");
 init_base3();
 var import_jsx_runtime144 = require("react/jsx-runtime");
 var TransactionsList = ({ address, itemsCount = 10 }) => {
-  const [transactions, setTransactions] = (0, import_react110.useState)([]);
-  const [loading, setLoading] = (0, import_react110.useState)(true);
-  const [error, setError] = (0, import_react110.useState)(null);
-  (0, import_react110.useEffect)(() => {
+  const [transactions, setTransactions] = (0, import_react111.useState)([]);
+  const [loading, setLoading] = (0, import_react111.useState)(true);
+  const [error, setError] = (0, import_react111.useState)(null);
+  (0, import_react111.useEffect)(() => {
     const fetchTransactions2 = async () => {
       try {
         setLoading(true);
@@ -34634,13 +34709,13 @@ function useUserOpStatus(options = {}) {
 init_useErc3643Compliance();
 
 // src/hooks/useWalletMode.ts
-var import_react111 = require("react");
+var import_react112 = 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_react111.useCallback)(
+  const switchMode = (0, import_react112.useCallback)(
     (mode) => {
       if (configMode !== "both") return;
       setActiveMode(mode);
@@ -34657,8 +34732,8 @@ function useWalletMode() {
 
 // src/hooks/useDirectWallet.ts
 init_useOpenPage();
-var import_react112 = require("react");
-var import_wagmi12 = require("wagmi");
+init_useSafeDisconnect();
+var import_react113 = require("react");
 init_useExternalWalletStore();
 function useDirectWallet() {
   const address = useExternalWalletStore((st) => st.externalAddress);
@@ -34666,11 +34741,11 @@ function useDirectWallet() {
   const isConnected = useExternalWalletStore((st) => st.isExternalConnected);
   const connectorName = useExternalWalletStore((st) => st.connectorName);
   const { open: openEmbarkAI } = useOpenPage();
-  const { mutate: wagmiDisconnect } = (0, import_wagmi12.useDisconnect)();
-  const connect = (0, import_react112.useCallback)((connectFlowType = "connect") => {
+  const { mutate: wagmiDisconnect } = useSafeDisconnect();
+  const connect = (0, import_react113.useCallback)((connectFlowType = "connect") => {
     openEmbarkAI("connect-external-wallet" /* CONNECT_EXTERNAL_WALLET */, { connectFlowType });
   }, []);
-  const disconnect = (0, import_react112.useCallback)(() => {
+  const disconnect = (0, import_react113.useCallback)(() => {
     wagmiDisconnect();
     useExternalWalletStore.getState().clearExternalWallet();
   }, [wagmiDisconnect]);
@@ -34686,63 +34761,89 @@ function useDirectWallet() {
 }
 
 // src/hooks/useSendDirectTransaction.ts
-var import_react113 = require("react");
+var import_react114 = require("react");
 var import_viem23 = require("viem");
-var import_wagmi13 = require("wagmi");
+var import_wagmi10 = require("wagmi");
+
+// src/internal/lib/direct-transaction.ts
+async function submitDirectTransaction(request, deps) {
+  const { connector, switchChain, send } = deps;
+  if (request.chainId) {
+    const walletChainId = await connector.getChainId();
+    if (walletChainId !== request.chainId) {
+      await switchChain({ connector, chainId: request.chainId });
+    }
+  }
+  return send({ ...request, connector });
+}
+
+// src/hooks/useSendDirectTransaction.ts
 init_useExternalWalletStore();
 function useSendDirectTransaction() {
   const isConnected = useExternalWalletStore((st) => st.isExternalConnected);
-  const externalChainId = useExternalWalletStore((st) => st.externalChainId);
-  const { sendTransactionAsync } = (0, import_wagmi13.useSendTransaction)();
-  const { switchChainAsync } = (0, import_wagmi13.useSwitchChain)();
-  const [isPending, setIsPending] = (0, import_react113.useState)(false);
-  const [error, setError] = (0, import_react113.useState)(null);
-  const [txHash, setTxHash] = (0, import_react113.useState)(null);
-  const sendTransaction = (0, import_react113.useCallback)(
+  const { connector } = (0, import_wagmi10.useConnection)();
+  const { sendTransactionAsync: sendWagmiTransactionAsync } = (0, import_wagmi10.useSendTransaction)();
+  const { switchChainAsync } = (0, import_wagmi10.useSwitchChain)();
+  const [isPending, setIsPending] = (0, import_react114.useState)(false);
+  const [error, setError] = (0, import_react114.useState)(null);
+  const [txHash, setTxHash] = (0, import_react114.useState)(null);
+  const sendTransactionAsync = (0, import_react114.useCallback)(
     async (params) => {
-      if (!isConnected) {
-        setError("No external wallet connected");
-        return null;
+      if (!isConnected || !connector) {
+        const message = "No external wallet connected";
+        setError(message);
+        throw new Error(message);
       }
       if (!(0, import_viem23.isAddress)(params.to)) {
-        setError("Invalid recipient address");
-        return null;
+        const message = "Invalid recipient address";
+        setError(message);
+        throw new Error(message);
       }
       setIsPending(true);
       setError(null);
       setTxHash(null);
       try {
-        if (params.chainId && params.chainId !== externalChainId) {
-          await switchChainAsync({ chainId: params.chainId });
-        }
-        const hash = await sendTransactionAsync({
-          to: params.to,
-          value: (0, import_viem23.parseEther)(params.value),
-          data: params.data,
-          gas: params.gas
-        });
+        const hash = await submitDirectTransaction(
+          {
+            to: params.to,
+            value: (0, import_viem23.parseEther)(params.value),
+            data: params.data,
+            chainId: params.chainId,
+            gas: params.gas
+          },
+          { connector, switchChain: switchChainAsync, send: sendWagmiTransactionAsync }
+        );
         setTxHash(hash);
         return hash;
       } catch (err) {
-        const message = err instanceof Error ? err.message : "Transaction failed";
-        setError(message);
-        return null;
+        setError(err instanceof Error ? err.message : "Transaction failed");
+        throw err;
       } finally {
         setIsPending(false);
       }
     },
-    [isConnected, externalChainId, sendTransactionAsync, switchChainAsync]
+    [isConnected, connector, sendWagmiTransactionAsync, switchChainAsync]
   );
-  const reset = (0, import_react113.useCallback)(() => {
+  const sendTransaction = (0, import_react114.useCallback)(
+    async (params) => {
+      try {
+        return await sendTransactionAsync(params);
+      } catch {
+        return null;
+      }
+    },
+    [sendTransactionAsync]
+  );
+  const reset = (0, import_react114.useCallback)(() => {
     setError(null);
     setTxHash(null);
     setIsPending(false);
   }, []);
-  return { sendTransaction, isPending, error, txHash, reset };
+  return { sendTransaction, sendTransactionAsync, isPending, error, txHash, reset };
 }
 
 // src/hooks/useTransferToLinkedWallet.ts
-var import_react114 = require("react");
+var import_react115 = require("react");
 var import_viem24 = require("viem");
 init_SessionContext();
 init_account2();
@@ -34761,14 +34862,14 @@ var ERC20_TRANSFER_ABI2 = [
 function useTransferToLinkedWallet() {
   const session = useSession((st) => st.session);
   const { profiles } = useLinkedProfiles();
-  const [isPending, setIsPending] = (0, import_react114.useState)(false);
-  const [error, setError] = (0, import_react114.useState)(null);
-  const [userOpHash, setUserOpHash] = (0, import_react114.useState)(null);
-  const linkedWallets = (0, import_react114.useMemo)(
+  const [isPending, setIsPending] = (0, import_react115.useState)(false);
+  const [error, setError] = (0, import_react115.useState)(null);
+  const [userOpHash, setUserOpHash] = (0, import_react115.useState)(null);
+  const linkedWallets = (0, import_react115.useMemo)(
     () => (profiles || []).filter((p) => p.provider === "wallet" && p.externalId).map((p) => p.externalId),
     [profiles]
   );
-  const transfer = (0, import_react114.useCallback)(
+  const transfer = (0, import_react115.useCallback)(
     async (params) => {
       if (!session) {
         setError("No active session");
@@ -34819,7 +34920,7 @@ function useTransferToLinkedWallet() {
     },
     [session, linkedWallets]
   );
-  const reset = (0, import_react114.useCallback)(() => {
+  const reset = (0, import_react115.useCallback)(() => {
     setError(null);
     setUserOpHash(null);
     setIsPending(false);
@@ -34828,11 +34929,11 @@ function useTransferToLinkedWallet() {
 }
 
 // src/hooks/useNativeWalletSignature.ts
-var import_wagmi14 = require("wagmi");
+var import_wagmi11 = require("wagmi");
 init_providers();
 function useNativeWalletSignature() {
-  const signMessage = (0, import_wagmi14.useSignMessage)();
-  const signTypedMessage = (0, import_wagmi14.useSignTypedData)();
+  const signMessage = (0, import_wagmi11.useSignMessage)();
+  const signTypedMessage = (0, import_wagmi11.useSignTypedData)();
   return {
     signMessage,
     /** EIP-712 signature */
@@ -34842,16 +34943,16 @@ function useNativeWalletSignature() {
 }
 
 // src/hooks/useLogout.ts
+init_useSafeDisconnect();
 var import_auth27 = require("@embarkai/core/auth");
-var import_react115 = require("react");
-var import_wagmi15 = require("wagmi");
+var import_react116 = require("react");
 init_ProviderContext();
 init_SessionContext();
 init_useExternalWalletStore();
 function useLogout() {
   const { callbacksRef } = useProviderConfig();
   const address = useSession((st) => st.address);
-  const { mutate: wagmiDisconnect } = (0, import_wagmi15.useDisconnect)({
+  const { mutate: wagmiDisconnect } = useSafeDisconnect({
     mutation: {
       onSuccess: () => {
         useExternalWalletStore.getState().clearExternalWallet();
@@ -34862,7 +34963,7 @@ function useLogout() {
       }
     }
   });
-  const logout2 = (0, import_react115.useCallback)(async () => {
+  const logout2 = (0, import_react116.useCallback)(async () => {
     const { setSession, setIsLoading, setAddress, setStatus, setError } = useSession.getState();
     const prevAddress = address;
     let userId = null;
@@ -34917,13 +35018,13 @@ init_useBlockscoutAssets2();
 init_SessionContext();
 var import_read24 = require("@embarkai/core/read");
 var import_viem25 = require("viem");
-var import_wagmi16 = require("wagmi");
+var import_wagmi12 = require("wagmi");
 function useTransactions() {
   const chainId = requireActiveChainId();
   const viemChain = (0, import_read24.getViemChain)(chainId);
-  const publicClient = (0, import_wagmi16.usePublicClient)({ chainId });
-  const { data: walletClient } = (0, import_wagmi16.useWalletClient)();
-  const { address } = (0, import_wagmi16.useAccount)();
+  const publicClient = (0, import_wagmi12.usePublicClient)({ chainId });
+  const { data: walletClient } = (0, import_wagmi12.useWalletClient)();
+  const { address } = (0, import_wagmi12.useAccount)();
   const sendTransaction = async (params) => {
     if (!walletClient) {
       throw new Error("Wallet not connected");
@@ -34981,9 +35082,9 @@ function useTransactions() {
 
 // src/modules/assets.ts
 init_SessionContext();
-var import_react116 = __toESM(require("react"), 1);
+var import_react117 = __toESM(require("react"), 1);
 var import_viem26 = require("viem");
-var import_wagmi17 = require("wagmi");
+var import_wagmi13 = require("wagmi");
 var COMMON_TOKENS = [
   // Add real token addresses here when available
   // {
@@ -35000,7 +35101,7 @@ function useAssets(address) {
     data: nativeBalance,
     isLoading: nativeBalanceLoading,
     refetch: refetchNativeBalance
-  } = (0, import_wagmi17.useBalance)({
+  } = (0, import_wagmi13.useBalance)({
     address,
     chainId,
     query: {
@@ -35018,7 +35119,7 @@ function useAssets(address) {
     data: tokenBalances,
     isLoading: tokenBalancesLoading,
     refetch: refetchTokenBalances
-  } = (0, import_wagmi17.useReadContracts)({
+  } = (0, import_wagmi13.useReadContracts)({
     contracts: tokenContracts,
     query: {
       enabled: !!address && COMMON_TOKENS.length > 0
@@ -35094,7 +35195,7 @@ function useAssets(address) {
 }
 function useTokenInfo(tokenAddress) {
   const chainId = requireActiveChainId();
-  const readContractsResult = (0, import_wagmi17.useReadContracts)({
+  const readContractsResult = (0, import_wagmi13.useReadContracts)({
     contracts: [
       { address: tokenAddress, abi: import_viem26.erc20Abi, functionName: "name", chainId },
       { address: tokenAddress, abi: import_viem26.erc20Abi, functionName: "symbol", chainId },
@@ -35125,7 +35226,7 @@ function useTokenBalance2(tokenAddress, userAddress) {
     data: balance,
     isLoading,
     refetch
-  } = (0, import_wagmi17.useReadContract)({
+  } = (0, import_wagmi13.useReadContract)({
     address: tokenAddress,
     abi: import_viem26.erc20Abi,
     functionName: "balanceOf",
@@ -35136,7 +35237,7 @@ function useTokenBalance2(tokenAddress, userAddress) {
     }
   });
   const { tokenInfo } = useTokenInfo(tokenAddress);
-  const formattedBalance = import_react116.default.useMemo(() => {
+  const formattedBalance = import_react117.default.useMemo(() => {
     if (!balance || !tokenInfo) return "0";
     return (0, import_viem26.formatUnits)(balance, tokenInfo.decimals);
   }, [balance, tokenInfo]);