@embarkai/ui-kit 0.4.57 → 0.4.59

package/dist/index.js

@@ -197,6 +197,9 @@ var init_initial = __esm({
 });
 
 // src/lib/errors.ts
+function isSessionExpiredError(error) {
+  return typeof error === "object" && error !== null && error.code === ErrorCodes.SESSION_EXPIRED;
+}
 function createAccountAbstractionError(params) {
   const { message, code } = params;
   if (!code) {
@@ -205,11 +208,13 @@ function createAccountAbstractionError(params) {
   switch (code) {
     case UserRejectedError.CODE:
       return new UserRejectedError(message);
+    case SessionExpiredError.CODE:
+      return new SessionExpiredError(message);
     default:
       return new AccountAbstractionError(message, code);
   }
 }
-var AccountAbstractionError, UserRejectedError, ErrorCodes;
+var AccountAbstractionError, UserRejectedError, SessionExpiredError, ErrorCodes;
 var init_errors = __esm({
   "src/lib/errors.ts"() {
     AccountAbstractionError = class _AccountAbstractionError extends Error {
@@ -231,9 +236,19 @@ var init_errors = __esm({
         this.name = "UserRejectedError";
       }
     };
+    SessionExpiredError = class _SessionExpiredError extends AccountAbstractionError {
+      static {
+        this.CODE = "SESSION_EXPIRED";
+      }
+      constructor(message = "Session expired, please log in again") {
+        super(message, _SessionExpiredError.CODE);
+        this.name = "SessionExpiredError";
+      }
+    };
     ErrorCodes = {
       MPC_SIGNING_ERROR: "MPC_SIGNING_ERROR",
-      USER_REJECTED: UserRejectedError.CODE
+      USER_REJECTED: UserRejectedError.CODE,
+      SESSION_EXPIRED: SessionExpiredError.CODE
     };
   }
 });
@@ -659,7 +674,10 @@ async function ensureDkgAndGetOwner(userId, _clientSeedHex) {
       };
     }
     await iframeManager.authenticate(userId);
-    const { jwtTokenManager: jwtTokenManager4 } = await Promise.resolve().then(() => (init_auth(), auth_exports));
+    const { jwtTokenManager: jwtTokenManager4, ensureFreshSession: ensureFreshSession2 } = await Promise.resolve().then(() => (init_auth(), auth_exports));
+    if (await ensureFreshSession2(jwtTokenManager4) === "session_dead") {
+      throw new SessionExpiredError();
+    }
     let accessToken = jwtTokenManager4.getAccessToken();
     if (!accessToken) {
       console.warn("[iframe-mpc-client] No access token available for DKG, attempting cookie-based session");
@@ -691,8 +709,12 @@ async function signDigestWithMpc(userId, digest32, userOpDetails) {
   for (let attempt = 0; attempt <= MAX_RETRIES; attempt++) {
     try {
       const iframeManager = getIframeManager();
-      const { jwtTokenManager: jwtTokenManager4 } = await Promise.resolve().then(() => (init_auth(), auth_exports));
+      const { jwtTokenManager: jwtTokenManager4, ensureFreshSession: ensureFreshSession2 } = await Promise.resolve().then(() => (init_auth(), auth_exports));
+      const session = await ensureFreshSession2(jwtTokenManager4);
       const accessToken = jwtTokenManager4.getAccessToken();
+      if (session === "session_dead") {
+        throw new SessionExpiredError();
+      }
       if (!accessToken) {
         throw new Error("No access token available for signing");
       }
@@ -751,8 +773,12 @@ async function signTypedDataWithMpc(userId, digest32, typedData) {
       digest32
     });
     const iframeManager = getIframeManager();
-    const { jwtTokenManager: jwtTokenManager4 } = await Promise.resolve().then(() => (init_auth(), auth_exports));
+    const { jwtTokenManager: jwtTokenManager4, ensureFreshSession: ensureFreshSession2 } = await Promise.resolve().then(() => (init_auth(), auth_exports));
+    const session = await ensureFreshSession2(jwtTokenManager4);
     const accessToken = jwtTokenManager4.getAccessToken();
+    if (session === "session_dead") {
+      throw new SessionExpiredError();
+    }
     if (!accessToken) {
       console.error("[signTypedDataWithMpc] No access token available");
       throw new Error("No access token available for signing");
@@ -841,31 +867,31 @@ var PageKey, useLayoutDataStore;
 var init_useLayoutDataStore = __esm({
   "src/internal/hooks/useLayoutDataStore.ts"() {
     init_constants();
-    PageKey = /* @__PURE__ */ ((PageKey3) => {
-      PageKey3["AUTH"] = "auth";
-      PageKey3["LANGUAGES"] = "languages";
-      PageKey3["TERMS_OF_SERVICE"] = "terms-of-service";
-      PageKey3["MAIN_MENU"] = "main-menu";
-      PageKey3["SETTINGS"] = "settings";
-      PageKey3["SEND"] = "send";
-      PageKey3["RECEIVE"] = "receive";
-      PageKey3["BUY"] = "buy";
-      PageKey3["KYC"] = "kyc";
-      PageKey3["TRANSACTIONS"] = "transactions";
-      PageKey3["ASSETS"] = "assets";
-      PageKey3["MANAGE_WALLET"] = "manage-wallet";
-      PageKey3["UNLINK_PROVIDER"] = "unlink-provider";
-      PageKey3["SECURITY"] = "security";
-      PageKey3["KEYSARE_BACKUP"] = "keysare-backup";
-      PageKey3["KEYSHARE_RESTORE"] = "keyshare-restore";
-      PageKey3["CHAIN"] = "chain";
-      PageKey3["CHAIN_SWITCH_REQUEST"] = "chain-switch-request";
-      PageKey3["NICKNAME_SETTINGS"] = "nickname-settings";
-      PageKey3["DEVICES"] = "devices";
-      PageKey3["DEVICE_LINK"] = "device-link";
-      PageKey3["DEVICE_MANAGE"] = "device-manage";
-      PageKey3["DEVICE_RESTORE"] = "device-restore";
-      return PageKey3;
+    PageKey = /* @__PURE__ */ ((PageKey4) => {
+      PageKey4["AUTH"] = "auth";
+      PageKey4["LANGUAGES"] = "languages";
+      PageKey4["TERMS_OF_SERVICE"] = "terms-of-service";
+      PageKey4["MAIN_MENU"] = "main-menu";
+      PageKey4["SETTINGS"] = "settings";
+      PageKey4["SEND"] = "send";
+      PageKey4["RECEIVE"] = "receive";
+      PageKey4["BUY"] = "buy";
+      PageKey4["KYC"] = "kyc";
+      PageKey4["TRANSACTIONS"] = "transactions";
+      PageKey4["ASSETS"] = "assets";
+      PageKey4["MANAGE_WALLET"] = "manage-wallet";
+      PageKey4["UNLINK_PROVIDER"] = "unlink-provider";
+      PageKey4["SECURITY"] = "security";
+      PageKey4["KEYSARE_BACKUP"] = "keysare-backup";
+      PageKey4["KEYSHARE_RESTORE"] = "keyshare-restore";
+      PageKey4["CHAIN"] = "chain";
+      PageKey4["CHAIN_SWITCH_REQUEST"] = "chain-switch-request";
+      PageKey4["NICKNAME_SETTINGS"] = "nickname-settings";
+      PageKey4["DEVICES"] = "devices";
+      PageKey4["DEVICE_LINK"] = "device-link";
+      PageKey4["DEVICE_MANAGE"] = "device-manage";
+      PageKey4["DEVICE_RESTORE"] = "device-restore";
+      return PageKey4;
     })(PageKey || {});
     useLayoutDataStore = create((set) => ({
       page: null,
@@ -2451,7 +2477,7 @@ function usePageParams() {
     currentParams.current = pageParams;
     setPageParams(null);
   }, []);
-  return currentParams.current;
+  return currentParams;
 }
 var init_useOpenPage = __esm({
   "src/hooks/useOpenPage.ts"() {
@@ -5497,7 +5523,7 @@ var init_en = __esm({
           selectToken: "Select Asset",
           estimations: "Estimations",
           estimatedFee: "Estimated Fee",
-          availableChainPairs: "Available Chain Pairs",
+          availableChainPairs: "Select Chain Pairs",
           toChain: "To Chain",
           fromChain: "From Chain",
           optionalRecipient: "Recipient (optional, if empty - destination chain address = sender address on origin chain)",
@@ -5572,7 +5598,12 @@ var init_en = __esm({
           exchangeRate: "Exchange Rate",
           networkFee: "Network Fee",
           serviceFee: "Service Fee",
-          paymentMethod: "Payment Method"
+          paymentMethod: "Payment Method",
+          toAddress: {
+            receiver: "ATTENTION! Receiving Address",
+            message: "You are about to purchase crypto to an external address, not your embarkAI address.",
+            suggestion: "Please make sure this is your correct wallet address, otherwise you may lose your funds."
+          }
         },
         transactionHistory: {
           details: "Details"
@@ -5590,7 +5621,8 @@ var init_en = __esm({
       },
       portfolioMenu: {
         title: "Your Assets",
-        noAssets: "No assets found"
+        noAssets: "No assets found",
+        noBlockscout: "No Blockscout API found for chain: {{chain}}"
       },
       transactionsMenu: {
         title: "Transactions History",
@@ -8776,11 +8808,35 @@ var init_priceFormatter = __esm({
 });
 
 // src/internal/components/BuyMenu/useBuyMenuStore.ts
+import { keys, noop } from "lodash-es";
+import { useEffect as useEffect12 } from "react";
 import { create as create4 } from "zustand";
 import { persist } from "zustand/middleware";
+function useBuyMenuParams() {
+  useEffect12(() => {
+    const { pageParams, setPageParams } = useLayoutDataStore.getState();
+    if (!pageParams || !keys(pageParams).length) return;
+    const { amount, crypto: crypto2, toWalletAddress, confirmationMessage, onRampWidgetRedirected } = pageParams || {};
+    switch (true) {
+      case !!amount:
+        useBuyMenuStore.getState().setSrcInputAmount(amount);
+        useBuyMenuStore.getState().setSrcQueryAmount(amount);
+      case !!crypto2:
+        useBuyMenuStore.getState().setSelectedCrypto(crypto2);
+      case !!toWalletAddress:
+        useBuyMenuStore.getState().setToWalletAddress(toWalletAddress);
+      case !!onRampWidgetRedirected:
+        useBuyMenuStore.getState().setOnRampWidgetRedirectedFn(onRampWidgetRedirected);
+      case !!confirmationMessage:
+        useBuyMenuStore.getState().setConfirmationMessage(confirmationMessage);
+    }
+    setPageParams(null);
+  }, []);
+}
 var DEFAULT_MENU_SWITCHES, DEFAULT_PROVIDER, useBuyMenuStore;
 var init_useBuyMenuStore = __esm({
   "src/internal/components/BuyMenu/useBuyMenuStore.ts"() {
+    init_useLayoutDataStore();
     DEFAULT_MENU_SWITCHES = {
       isTransactionHistory: false,
       isProviderSelector: false,
@@ -8795,6 +8851,8 @@ var init_useBuyMenuStore = __esm({
         (set) => ({
           renderKey: "default-initial-buy-menu-render-key",
           setRenderKey: (key) => set({ renderKey: key }),
+          toWalletAddress: null,
+          setToWalletAddress: (toWalletAddress) => set({ toWalletAddress }),
           /** boolean flags */
           isTransactionHistory: false,
           setIsTransactionHistory: (isTransactionHistory) => {
@@ -8844,6 +8902,10 @@ var init_useBuyMenuStore = __esm({
           srcQueryAmount: 0,
           setSrcQueryAmount: (amount) => set({ srcQueryAmount: amount }),
           /** */
+          onRampWidgetRedirected: noop,
+          setOnRampWidgetRedirectedFn: (cb) => set({ onRampWidgetRedirected: cb }),
+          confirmationMessage: null,
+          setConfirmationMessage: (message) => set({ confirmationMessage: message }),
           error: null,
           setError: (error) => set({ error })
         }),
@@ -9424,6 +9486,61 @@ var init_api = __esm({
   }
 });
 
+// src/internal/utils/cn.ts
+import { clsx as clsx2 } from "clsx";
+function cn2(...inputs) {
+  return twMerge(clsx2(inputs));
+}
+var init_cn = __esm({
+  "src/internal/utils/cn.ts"() {
+    init_bundle_mjs();
+  }
+});
+
+// src/internal/components/ui/badge.tsx
+import { cva as cva2 } from "class-variance-authority";
+import { jsx as jsx36 } from "react/jsx-runtime";
+function Badge(props) {
+  const { className, variant = "secondary", size = "default", ...rest } = props;
+  return /* @__PURE__ */ jsx36("span", { ...rest, className: cn2(badgeVariants({ variant, size }), className) });
+}
+var badgeVariants;
+var init_badge = __esm({
+  "src/internal/components/ui/badge.tsx"() {
+    init_cn();
+    badgeVariants = cva2(
+      cn2(
+        //
+        "inline-flex items-center",
+        "border font-semibold",
+        "select-none"
+      ),
+      {
+        variants: {
+          variant: {
+            outline: "border-[var(--ui-kit-bd)] bg-transparent text-[var(--ui-kit-fg)]",
+            secondary: "border-[var(--ui-kit-secondary)] bg-[var(--ui-kit-secondary)] text-[var(--ui-kit-fg)]",
+            destructive: "border-[var(--ui-kit-bg-error)] bg-[var(--ui-kit-bg-error)] text-[var(--ui-kit-error)]",
+            success: "border-[var(--ui-kit-bg-success)] bg-[var(--ui-kit-bg-success)] text-[var(--ui-kit-success)]",
+            warning: "border-[var(--ui-kit-bg-warning)] bg-[var(--ui-kit-bg-warning)] text-[var(--ui-kit-warning)]"
+          },
+          size: {
+            default: "h-5 px-2 rounded-full text-[10px] gap-[var(--ui-kit-gap)]",
+            medium: "h-8 px-[var(--ui-kit-pd)] rounded-[var(--ui-kit-el-bdrs)] text-sm gap-[var(--ui-kit-gap)]",
+            large: cn2(
+              "whitespace-nowrap text-sm font-semibold font-sans",
+              "h-12 px-[var(--ui-kit-pd)] rounded-[var(--ui-kit-el-bdrs)]"
+            )
+          }
+        },
+        defaultVariants: {
+          variant: "secondary"
+        }
+      }
+    );
+  }
+});
+
 // src/internal/components/BuyMenu/binance/config.ts
 import { BSC_MAINNET_CHAIN_ID, LUMIA_MAINNET_CHAIN_ID } from "@embarkai/core/read";
 var CHAIN_ID_TO_BINANCE_NETWORK_TICKER;
@@ -9439,26 +9556,35 @@ var init_config = __esm({
 // src/internal/components/BuyMenu/binance/BinanceSummary.tsx
 import { useMutation as useMutation5, useQueryClient as useQueryClient3 } from "@tanstack/react-query";
 import { InfoIcon as InfoIcon3, LoaderIcon } from "lucide-react";
-import { jsx as jsx36, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs31 } from "react/jsx-runtime";
 function BinanceSummary(props) {
   const { payment } = props;
   const qc = useQueryClient3();
   const { t } = useT();
-  const walletAddress = useSession((st) => st.address);
+  const embarkaiAddress = useSession((st) => st.address);
   const chainConfig = useSession((st) => st.chainConfig);
-  const { selectedFiat, selectedCrypto, srcQueryAmount, redirecting, setRedirecting } = useBuyMenuStore();
+  const {
+    toWalletAddress,
+    selectedFiat,
+    selectedCrypto,
+    srcQueryAmount,
+    redirecting,
+    confirmationMessage,
+    setRedirecting
+  } = useBuyMenuStore();
   const quoteData = useBinanceStore((st) => st.quoteData);
   const cryptoToRecieve = Number(quoteData?.totalAmount || "0");
   const { mutate: checkoutFundWalletOrder, isPending: isFundWalletOrderCheckouting } = useMutation5({
     mutationFn: async () => {
       setRedirecting(true);
       return await createPreorderMutation({
+        address: toWalletAddress || embarkaiAddress,
         amountType: 1,
         requestedAmount: String(srcQueryAmount),
-        address: walletAddress,
         fiatCurrency: selectedFiat,
         cryptoCurrency: selectedCrypto,
         network: CHAIN_ID_TO_BINANCE_NETWORK_TICKER[chainConfig.id],
+        //
         payMethodCode: payment?.payMethodCode || void 0,
         payMethodSubCode: payment?.payMethodSubCode || void 0,
         // TODO: pass quote response to backend to create order with exact quote details (amount, fees, etc.)
@@ -9477,8 +9603,10 @@ function BinanceSummary(props) {
           setRedirecting(false);
           qc.invalidateQueries({ queryKey: [QUERY_KEYS2.binanceTransactions] });
           window.open(link, "_blank", "noopener,noreferrer");
-          useBuyMenuStore.getState().setError(null);
-          useBuyMenuStore.getState().setIsTransactionHistory(true);
+          const { setError, setIsTransactionHistory, onRampWidgetRedirected } = useBuyMenuStore.getState();
+          onRampWidgetRedirected(quoteData);
+          setError(null);
+          setIsTransactionHistory(true);
         }, REDIRECT_TIMEOUT_MS);
       }
     },
@@ -9490,14 +9618,14 @@ function BinanceSummary(props) {
   });
   const isContinueDisabled = !!redirecting || !!isFundWalletOrderCheckouting || !quoteData;
   if (!quoteData) {
-    return /* @__PURE__ */ jsx36("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: /* @__PURE__ */ jsxs31(Highlight, { type: "warning", className: "flex gap-[var(--ui-kit-gap)]", children: [
-      /* @__PURE__ */ jsx36(InfoIcon3, { className: "w-4 h-4" }),
-      /* @__PURE__ */ jsx36("span", { children: t("passport:common.errors.oops") })
+    return /* @__PURE__ */ jsx37("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: /* @__PURE__ */ jsxs31(Highlight, { type: "warning", className: "flex gap-[var(--ui-kit-gap)]", children: [
+      /* @__PURE__ */ jsx37(InfoIcon3, { className: "w-4 h-4" }),
+      /* @__PURE__ */ jsx37("span", { children: t("passport:common.errors.oops") })
     ] }) });
   }
   return /* @__PURE__ */ jsxs31("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
     /* @__PURE__ */ jsxs31("div", { className: "flex justify-between text-xs leading-5", children: [
-      /* @__PURE__ */ jsx36("span", { className: "", children: t("passport:common.amount") }),
+      /* @__PURE__ */ jsx37("span", { className: "", children: t("passport:common.amount") }),
       /* @__PURE__ */ jsxs31("span", { className: "font-bold", children: [
         formatPrice(srcQueryAmount),
         " ",
@@ -9505,7 +9633,7 @@ function BinanceSummary(props) {
       ] })
     ] }),
     /* @__PURE__ */ jsxs31("div", { className: "flex justify-between text-xs leading-5", children: [
-      /* @__PURE__ */ jsx36("span", { className: "", children: t("passport:buyMenu.summary.youReceive") }),
+      /* @__PURE__ */ jsx37("span", { className: "", children: t("passport:buyMenu.summary.youReceive") }),
       /* @__PURE__ */ jsxs31("span", { className: "font-bold", children: [
         formatPrice(cryptoToRecieve),
         " ",
@@ -9514,7 +9642,7 @@ function BinanceSummary(props) {
     ] }),
     /* @__PURE__ */ jsxs31(Highlight, { type: "info", className: "", children: [
       /* @__PURE__ */ jsxs31("p", { className: "flex justify-between gap-[var(--ui-kit-gap)] leading-5", children: [
-        /* @__PURE__ */ jsx36("span", { children: t("passport:buyMenu.summary.networkFee") }),
+        /* @__PURE__ */ jsx37("span", { children: t("passport:buyMenu.summary.networkFee") }),
         /* @__PURE__ */ jsxs31("strong", { children: [
           formatPrice(Number(quoteData?.networkFee || "0")),
           " ",
@@ -9522,7 +9650,7 @@ function BinanceSummary(props) {
         ] })
       ] }),
       /* @__PURE__ */ jsxs31("p", { className: "flex justify-between gap-[var(--ui-kit-gap)] leading-5", children: [
-        /* @__PURE__ */ jsx36("span", { children: t("passport:buyMenu.summary.serviceFee") }),
+        /* @__PURE__ */ jsx37("span", { children: t("passport:buyMenu.summary.serviceFee") }),
         /* @__PURE__ */ jsxs31("strong", { children: [
           formatPrice(Number(quoteData?.feeAmount || "0")),
           " ",
@@ -9530,8 +9658,16 @@ function BinanceSummary(props) {
         ] })
       ] }),
       /* @__PURE__ */ jsxs31("p", { className: "flex justify-between gap-[var(--ui-kit-gap)] leading-5", children: [
-        /* @__PURE__ */ jsx36("span", { children: t("passport:buyMenu.selectPaymentMode") }),
-        /* @__PURE__ */ jsx36("strong", { children: payment.paymentMethod.toUpperCase() })
+        /* @__PURE__ */ jsx37("span", { children: t("passport:buyMenu.selectPaymentMode") }),
+        /* @__PURE__ */ jsx37("strong", { children: payment?.paymentMethod?.toUpperCase() })
+      ] })
+    ] }),
+    toWalletAddress && /* @__PURE__ */ jsxs31(Highlight, { type: "warning", children: [
+      /* @__PURE__ */ jsx37("p", { className: "font-bold leading-6", children: t("passport:buyMenu.summary.toAddress.receiver") }),
+      /* @__PURE__ */ jsx37(Badge, { variant: "secondary", size: "medium", className: "w-full text-center justify-center text-[10px]", children: /* @__PURE__ */ jsx37("span", { className: "truncate leading-4", children: toWalletAddress }) }),
+      !!confirmationMessage ? /* @__PURE__ */ jsx37("p", { className: "leading-5", children: confirmationMessage }) : /* @__PURE__ */ jsxs31("p", { className: "leading-4", children: [
+        /* @__PURE__ */ jsx37("span", { children: t("passport:buyMenu.summary.toAddress.message") }),
+        /* @__PURE__ */ jsx37("span", { children: t("passport:buyMenu.summary.toAddress.suggestion") })
       ] })
     ] }),
     /* @__PURE__ */ jsxs31(
@@ -9543,8 +9679,8 @@ function BinanceSummary(props) {
         variant: "default",
         onClick: () => checkoutFundWalletOrder(),
         children: [
-          redirecting && /* @__PURE__ */ jsx36(LoaderIcon, { size: 16, className: "animate-spin" }),
-          /* @__PURE__ */ jsx36("span", { children: redirecting ? "REDIRECTING..." : String(t("passport:buyMenu.actions.confirmPurchase")).toUpperCase() }),
+          redirecting && /* @__PURE__ */ jsx37(LoaderIcon, { size: 16, className: "animate-spin" }),
+          /* @__PURE__ */ jsx37("span", { children: redirecting ? "REDIRECTING..." : String(t("passport:buyMenu.actions.confirmPurchase")).toUpperCase() }),
           !!quoteData?.totalAmount && /* @__PURE__ */ jsxs31("strong", { children: [
             formatPrice(Number(quoteData.totalAmount)),
             " ",
@@ -9561,6 +9697,7 @@ var init_BinanceSummary = __esm({
     init_SessionContext();
     init_i18n();
     init_priceFormatter();
+    init_badge();
     init_button();
     init_highlight();
     init_contants();
@@ -9572,61 +9709,6 @@ var init_BinanceSummary = __esm({
   }
 });
 
-// src/internal/utils/cn.ts
-import { clsx as clsx2 } from "clsx";
-function cn2(...inputs) {
-  return twMerge(clsx2(inputs));
-}
-var init_cn = __esm({
-  "src/internal/utils/cn.ts"() {
-    init_bundle_mjs();
-  }
-});
-
-// src/internal/components/ui/badge.tsx
-import { cva as cva2 } from "class-variance-authority";
-import { jsx as jsx37 } from "react/jsx-runtime";
-function Badge(props) {
-  const { className, variant = "secondary", size = "default", ...rest } = props;
-  return /* @__PURE__ */ jsx37("span", { ...rest, className: cn2(badgeVariants({ variant, size }), className) });
-}
-var badgeVariants;
-var init_badge = __esm({
-  "src/internal/components/ui/badge.tsx"() {
-    init_cn();
-    badgeVariants = cva2(
-      cn2(
-        //
-        "inline-flex items-center",
-        "border font-semibold",
-        "select-none"
-      ),
-      {
-        variants: {
-          variant: {
-            outline: "border-[var(--ui-kit-bd)] bg-transparent text-[var(--ui-kit-fg)]",
-            secondary: "border-[var(--ui-kit-secondary)] bg-[var(--ui-kit-secondary)] text-[var(--ui-kit-fg)]",
-            destructive: "border-[var(--ui-kit-bg-error)] bg-[var(--ui-kit-bg-error)] text-[var(--ui-kit-error)]",
-            success: "border-[var(--ui-kit-bg-success)] bg-[var(--ui-kit-bg-success)] text-[var(--ui-kit-success)]",
-            warning: "border-[var(--ui-kit-bg-warning)] bg-[var(--ui-kit-bg-warning)] text-[var(--ui-kit-warning)]"
-          },
-          size: {
-            default: "h-5 px-2 rounded-full text-[10px] gap-[var(--ui-kit-gap)]",
-            medium: "h-8 px-[var(--ui-kit-pd)] rounded-[var(--ui-kit-el-bdrs)] text-sm gap-[var(--ui-kit-gap)]",
-            large: cn2(
-              "whitespace-nowrap text-sm font-semibold font-sans",
-              "h-12 px-[var(--ui-kit-pd)] rounded-[var(--ui-kit-el-bdrs)]"
-            )
-          }
-        },
-        defaultVariants: {
-          variant: "secondary"
-        }
-      }
-    );
-  }
-});
-
 // src/internal/components/BuyMenu/binance/statuses.ts
 import { values } from "lodash-es";
 var STATUS_CODE_TO_MESSAGE, STATUSES_FILTERS;
@@ -9747,7 +9829,7 @@ import { useInfiniteQuery } from "@tanstack/react-query";
 import dayjs from "dayjs";
 import { debounce as debounce4 } from "lodash-es";
 import { DownloadIcon, ExternalLinkIcon, LoaderIcon as LoaderIcon2 } from "lucide-react";
-import { useCallback as useCallback12, useEffect as useEffect12, useMemo as useMemo4 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect13, useMemo as useMemo4 } from "react";
 import { jsx as jsx38, jsxs as jsxs32 } from "react/jsx-runtime";
 function getStatusVariant(status) {
   switch (status) {
@@ -9888,7 +9970,7 @@ function BinanceTxHistory() {
     }, 200),
     []
   );
-  useEffect12(() => {
+  useEffect13(() => {
     if (isTxDataLoading || !txList?.length || txList.length > 10) return;
     updateExpandable();
   }, [isTxDataLoading, txList]);
@@ -9935,11 +10017,11 @@ var init_BinanceTxHistory = __esm({
 
 // src/internal/components/BuyMenu/binance/useBinanceSseTracing.ts
 import { useQueryClient as useQueryClient4 } from "@tanstack/react-query";
-import { useEffect as useEffect13, useRef as useRef9 } from "react";
+import { useEffect as useEffect14, useRef as useRef10 } from "react";
 function useBinanceSseTxTracing(walletAddress) {
   const qc = useQueryClient4();
-  const debounceRef = useRef9(null);
-  useEffect13(() => {
+  const debounceRef = useRef10(null);
+  useEffect14(() => {
     if (!walletAddress) return;
     const iframeManager = getIframeManager();
     if (!iframeManager) return;
@@ -9981,7 +10063,7 @@ var init_utils6 = __esm({
 // src/internal/components/BuyMenu/binance/Binance.tsx
 import { useMutation as useMutation6, useQuery as useQuery2, useQueryClient as useQueryClient5 } from "@tanstack/react-query";
 import { LoaderIcon as LoaderIcon3 } from "lucide-react";
-import { useEffect as useEffect14 } from "react";
+import { useEffect as useEffect15 } from "react";
 import { Fragment as Fragment11, jsx as jsx39, jsxs as jsxs33 } from "react/jsx-runtime";
 function Binance() {
   const qc = useQueryClient5();
@@ -10003,7 +10085,7 @@ function Binance() {
   } = useBuyMenuStore();
   const paymentMode = useBinanceStore((st) => st.paymentMode);
   const isCurrurenciesSelected = !!selectedCrypto && !!selectedFiat;
-  useEffect14(() => {
+  useEffect15(() => {
     if (!isCurrurenciesSelected) return;
     useBuyMenuStore.getState().setRenderKey(`${selectedCrypto}-${selectedFiat}-${Date.now()}`);
   }, [isCurrurenciesSelected]);
@@ -10038,7 +10120,7 @@ function Binance() {
   });
   const paymentModes = paymentModesData?.data?.paymentMethods || [];
   const selectedPaymentMode = paymentModes?.find((el) => getPayMethodID(el) === paymentMode) || null;
-  useEffect14(() => {
+  useEffect15(() => {
     useBuyMenuStore.getState().setMinAmount(Number(selectedPaymentMode?.fiatMinLimit || "0"));
   }, [selectedPaymentMode]);
   const { mutate: estimateQuote, isPending: isQuoteEstimating } = useMutation6({
@@ -10066,21 +10148,22 @@ function Binance() {
     }
   });
   const availableFiats = (tradingPairsData?.data?.fiatCurrencies || []).map((ticker) => ({ ticker }));
-  useEffect14(() => {
+  useEffect15(() => {
     if (!!selectedFiat || !availableFiats?.length) return;
-    const targetFiat = availableFiats.find((item) => item.ticker === "USD" || item.ticker === "EUR") || availableFiats[0];
+    const targetFiat = availableFiats.find((item) => PREFERRED_FIATS.includes(item.ticker)) || availableFiats[0];
     useBuyMenuStore.getState().setSelectedFiat(targetFiat.ticker);
   }, [availableFiats, selectedFiat]);
-  useEffect14(() => {
+  useEffect15(() => {
     if (!!selectedCrypto || !networkAvailableCryptoList?.length) return;
-    useBuyMenuStore.getState().setSelectedCrypto(networkAvailableCryptoList[0].cryptoCurrency);
+    const targetCrypto = networkAvailableCryptoList.find((item) => PREFERRED_CRYPTOS.includes(item.cryptoCurrency)) || networkAvailableCryptoList[0];
+    useBuyMenuStore.getState().setSelectedCrypto(targetCrypto.cryptoCurrency);
   }, [networkAvailableCryptoList, selectedCrypto]);
-  useEffect14(() => {
+  useEffect15(() => {
     if (!!paymentMode || !paymentModes.length) return;
     const targetPaymentMode = paymentModes.find((item) => item.payMethodCode === PREFERRED_PAYMENT_METHOD) || paymentModes[0];
     useBinanceStore.getState().setPaymentMode(getPayMethodID(targetPaymentMode));
   }, [paymentModes]);
-  useEffect14(() => {
+  useEffect15(() => {
     return () => {
       useBinanceStore.getState().setPaymentMode(null);
       qc.resetQueries({ queryKey: [QUERY_KEYS2.binanceTradingPairs] });
@@ -10202,7 +10285,7 @@ function Binance() {
     )
   ] });
 }
-var PREFERRED_PAYMENT_METHOD;
+var PREFERRED_PAYMENT_METHOD, PREFERRED_FIATS, PREFERRED_CRYPTOS;
 var init_Binance = __esm({
   "src/internal/components/BuyMenu/binance/Binance.tsx"() {
     init_utils2();
@@ -10223,6 +10306,8 @@ var init_Binance = __esm({
     init_useBinanceStore();
     init_utils6();
     PREFERRED_PAYMENT_METHOD = "BUY_CARD";
+    PREFERRED_FIATS = ["USD", "EUR"];
+    PREFERRED_CRYPTOS = ["USDT", "LUMIA"];
   }
 });
 
@@ -10589,11 +10674,11 @@ var init_networks = __esm({
 
 // src/internal/components/BuyMenu/finchpay/useFinchpaySseTxTracing.ts
 import { useQueryClient as useQueryClient6 } from "@tanstack/react-query";
-import { useEffect as useEffect15, useRef as useRef10 } from "react";
+import { useEffect as useEffect16, useRef as useRef11 } from "react";
 function useFinchpaySseTxTracing(walletAddress) {
   const qc = useQueryClient6();
-  const debounceRef = useRef10(null);
-  useEffect15(() => {
+  const debounceRef = useRef11(null);
+  useEffect16(() => {
     if (!walletAddress) return;
     const iframeManager = getIframeManager();
     if (!iframeManager) return;
@@ -10642,7 +10727,7 @@ var init_utils7 = __esm({
 // src/internal/components/BuyMenu/finchpay/FinchPay.tsx
 import { useQuery as useQuery3, useQueryClient as useQueryClient7 } from "@tanstack/react-query";
 import { DollarSign, LoaderIcon as LoaderIcon5 } from "lucide-react";
-import { useEffect as useEffect16 } from "react";
+import { useEffect as useEffect17 } from "react";
 import { Fragment as Fragment12, jsx as jsx42, jsxs as jsxs36 } from "react/jsx-runtime";
 function FinchPay() {
   const qc = useQueryClient7();
@@ -10718,11 +10803,11 @@ function FinchPay() {
     })
   });
   const minimum = Number(limitsData?.min_amount || "0");
-  useEffect16(() => {
+  useEffect17(() => {
     if (minimum <= 0) return;
     useBuyMenuStore.getState().setMinAmount(minimum);
   }, [minimum]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (srcInputAmount >= minimum) return;
     useBuyMenuStore.getState().setRenderKey(`finchpay-input-minimum-warning-${Date.now()}`);
   }, [minimum, srcInputAmount]);
@@ -10750,23 +10835,23 @@ function FinchPay() {
       // defaults to CARD estimation, widgetUrl
     })
   });
-  useEffect16(() => {
+  useEffect17(() => {
     const { error: errorTitle, message: errorMessage } = handleErrors([currenciesError, limitsError, estimateError]);
     if (!errorTitle && !errorMessage) return;
     console.error(`[BuyModal][Binance] ${errorTitle}: ${errorMessage}`);
     useBuyMenuStore.getState().setError(errorMessage);
   }, [currenciesError, limitsError, estimateError]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (!!selectedFiat || currenciesData.fiats.length === 0) return;
     const fallbackFiat = currenciesData.fiats[0];
     const targetFiat = currenciesData.fiats.find((f) => f.ticker.toUpperCase() === "USD") || fallbackFiat;
     useBuyMenuStore.getState().setSelectedFiat(targetFiat.ticker);
   }, [currenciesData, selectedFiat]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (!!selectedCrypto || currenciesData.currentNetworkCoins.length === 0) return;
     useBuyMenuStore.getState().setSelectedCrypto(currenciesData.currentNetworkCoins[0].ticker);
   }, [currenciesData, selectedCrypto]);
-  useEffect16(() => {
+  useEffect17(() => {
     return () => {
       qc.resetQueries({ queryKey: [QUERY_KEYS2.finchPayCurrencies] });
       qc.resetQueries({ queryKey: [QUERY_KEYS2.finchPayLimits] });
@@ -11019,62 +11104,44 @@ var init_ProviderSelector = __esm({
   }
 });
 
-// src/internal/utils/debounce.ts
-function debounce5(func, waitFor) {
-  let timeout;
-  return (...args) => {
-    if (timeout) clearTimeout(timeout);
-    timeout = setTimeout(() => func(...args), waitFor);
-  };
-}
-var init_debounce = __esm({
-  "src/internal/utils/debounce.ts"() {
-  }
-});
-
 // src/internal/components/BuyMenu/useHandleInputAmount.ts
-import { useCallback as useCallback14, useEffect as useEffect17, useRef as useRef11 } from "react";
+import { useEffect as useEffect18, useRef as useRef12 } from "react";
 var ON_INPUT_QUERY_DELAY, useHandleInputAmount;
 var init_useHandleInputAmount = __esm({
   "src/internal/components/BuyMenu/useHandleInputAmount.ts"() {
-    init_debounce();
     init_contants();
     init_useBuyMenuStore();
     ON_INPUT_QUERY_DELAY = 1500;
     useHandleInputAmount = () => {
-      const lastRampProviderRef = useRef11(DEFAULT_PROVIDER2);
+      const lastRampProviderRef = useRef12(DEFAULT_PROVIDER2);
       const rampProvider = useBuyMenuStore((st) => st.rampProvider);
       const srcInputAmount = useBuyMenuStore((st) => st.srcInputAmount);
       const minAmount = useBuyMenuStore((st) => st.minAmount);
-      const setQueryAmountDebounced = useCallback14(
-        debounce5((inputAmount) => {
-          const checkedValue = Math.ceil(Math.max(inputAmount, minAmount));
+      const queryAmountTimer = useRef12(null);
+      useEffect18(() => {
+        if (queryAmountTimer.current) clearTimeout(queryAmountTimer.current);
+        queryAmountTimer.current = setTimeout(() => {
+          const checkedValue = Math.ceil(Math.max(Number(srcInputAmount), Number(minAmount)));
           useBuyMenuStore.getState().setSrcInputAmount(checkedValue);
           useBuyMenuStore.getState().setSrcQueryAmount(checkedValue);
-        }, ON_INPUT_QUERY_DELAY),
-        [minAmount]
-      );
-      useEffect17(() => setQueryAmountDebounced(srcInputAmount), [srcInputAmount, setQueryAmountDebounced]);
-      useEffect17(() => {
+        }, ON_INPUT_QUERY_DELAY);
+      }, [minAmount, srcInputAmount]);
+      useEffect18(() => {
         if (lastRampProviderRef.current === rampProvider) return;
         const {
           setIsProviderSummary,
           setIsCryptoSelector,
           setIsFiatSelector,
-          setIsPaymentModeSelector,
-          setSelectedCrypto,
-          setSelectedFiat,
-          setSrcInputAmount,
-          setSrcQueryAmount
+          setIsPaymentModeSelector
+          // setSelectedCrypto,
+          // setSelectedFiat
+          // setSrcInputAmount,
+          // setSrcQueryAmount
         } = useBuyMenuStore.getState();
         setIsProviderSummary(false);
         setIsCryptoSelector(false);
         setIsFiatSelector(false);
         setIsPaymentModeSelector(false);
-        setSelectedCrypto(null);
-        setSelectedFiat(null);
-        setSrcInputAmount(0);
-        setSrcQueryAmount(0);
         lastRampProviderRef.current = rampProvider;
       }, [rampProvider]);
     };
@@ -11087,8 +11154,8 @@ import { Fragment as Fragment14, jsx as jsx44, jsxs as jsxs38 } from "react/jsx-
 function BuyMenu() {
   const { t } = useT();
   const walletAddress = useSession((st) => st.address);
-  const setPage = useLayoutDataStore((st) => st.setPage);
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
+  useBuyMenuParams();
   useHandleInputAmount();
   const renderKey = useBuyMenuStore((st) => st.renderKey);
   const rampProvider = useBuyMenuStore((st) => st.rampProvider);
@@ -11154,7 +11221,7 @@ function BuyMenu() {
                   setIsPaymentModeSelector(false);
                   return;
                 }
-                setPage("main-menu" /* MAIN_MENU */);
+                useLayoutDataStore.getState().setPage("main-menu" /* MAIN_MENU */);
               },
               children: /* @__PURE__ */ jsx44(ArrowLeft3, { className: "h-4 w-4" })
             }
@@ -11432,7 +11499,7 @@ var init_truncateMiddle = __esm({
 // src/internal/components/ChainsMenu/ChainItem.tsx
 import { getChainConfig as getChainConfig7 } from "@embarkai/core/read";
 import { Copy, ExternalLink, Loader as Loader6 } from "lucide-react";
-import { useRef as useRef12, useState as useState9 } from "react";
+import { useRef as useRef13, useState as useState9 } from "react";
 import { jsx as jsx51, jsxs as jsxs45 } from "react/jsx-runtime";
 function getPaymasterExplorerUrl(chainId, paymasterAddress) {
   const chainConfig = getChainConfig7(chainId);
@@ -11455,7 +11522,7 @@ function ChainItem(props) {
   const isSessionLoading = useSession((st) => st.isLoading);
   const activeChainId = useSession((st) => st.activeChainId);
   const [copiedChainId, setCopiedChainId] = useState9(null);
-  const copiedResetTimerRef = useRef12(null);
+  const copiedResetTimerRef = useRef13(null);
   const isActiveChain = activeChainId === chainId;
   const paymasterAddress = isActiveChain ? activePaymasterData?.address : null;
   const paymasterExplorerUrl = paymasterAddress ? getPaymasterExplorerUrl(chainId, paymasterAddress) : null;
@@ -12427,7 +12494,7 @@ var init_guardian_backup = __esm({
 });
 
 // src/internal/components/DevicesMenu/DeviceManageScreen.tsx
-import { useCallback as useCallback15, useEffect as useEffect18, useRef as useRef13, useState as useState12 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect19, useRef as useRef14, useState as useState12 } from "react";
 import { ArrowLeft as ArrowLeft7, Cpu, Download, HardDrive, Loader2 as Loader23, Trash2, Upload } from "lucide-react";
 import { Fragment as Fragment15, jsx as jsx55, jsxs as jsxs49 } from "react/jsx-runtime";
 function formatSize(bytes) {
@@ -12442,19 +12509,19 @@ function DeviceManageScreen() {
   const userId = session?.mpcUserId || "";
   const deviceId = pageParams?.deviceId;
   const deviceName = pageParams?.deviceName;
-  const guardianRef = useRef13(null);
+  const guardianRef = useRef14(null);
   const [screen, setScreen] = useState12({ step: "connecting" });
   const [actionState, setActionState] = useState12(null);
   const [password, setPassword] = useState12("");
   const [statusMessage, setStatusMessage] = useState12(null);
   const [errorMessage, setErrorMessage] = useState12(null);
   const [waitingConfirm, setWaitingConfirm] = useState12(false);
-  useEffect18(() => {
+  useEffect19(() => {
     if (!statusMessage) return;
     const t = setTimeout(() => setStatusMessage(null), 3e3);
     return () => clearTimeout(t);
   }, [statusMessage]);
-  useEffect18(() => {
+  useEffect19(() => {
     if (!deviceId || !isWebSerialAvailable()) {
       setScreen({ step: "error", message: "WebSerial not available" });
       return;
@@ -12486,7 +12553,7 @@ function DeviceManageScreen() {
       guardianRef.current?.close();
     };
   }, [deviceId]);
-  const refreshList = useCallback15(async () => {
+  const refreshList = useCallback14(async () => {
     const guardian = guardianRef.current;
     if (!guardian || screen.step !== "connected") return;
     try {
@@ -12495,7 +12562,7 @@ function DeviceManageScreen() {
     } catch {
     }
   }, [screen]);
-  const handleBackup = useCallback15(async () => {
+  const handleBackup = useCallback14(async () => {
     const guardian = guardianRef.current;
     const iframe4 = getIframeManager();
     if (!guardian || !iframe4 || !userId) return;
@@ -12519,7 +12586,7 @@ function DeviceManageScreen() {
       setActionState(null);
     }
   }, [password, userId, refreshList]);
-  const handleOverwrite = useCallback15(async () => {
+  const handleOverwrite = useCallback14(async () => {
     const guardian = guardianRef.current;
     const iframe4 = getIframeManager();
     if (!guardian || !iframe4 || !userId) return;
@@ -12539,7 +12606,7 @@ function DeviceManageScreen() {
       setActionState(null);
     }
   }, [password, userId, refreshList]);
-  const handleDelete = useCallback15(async (keyshareId) => {
+  const handleDelete = useCallback14(async (keyshareId) => {
     const guardian = guardianRef.current;
     if (!guardian) return;
     setActionState({ action: "delete", keyshareId, substep: "confirm-device" });
@@ -12719,7 +12786,7 @@ var init_DeviceManageScreen = __esm({
 });
 
 // src/internal/components/DevicesMenu/DeviceRestoreScreen.tsx
-import { useCallback as useCallback16, useState as useState13 } from "react";
+import { useCallback as useCallback15, useState as useState13 } from "react";
 import { AlertTriangle as AlertTriangle3, ArrowLeft as ArrowLeft8, Download as Download2, Loader2 as Loader24 } from "lucide-react";
 import { Fragment as Fragment16, jsx as jsx56, jsxs as jsxs50 } from "react/jsx-runtime";
 function DeviceRestoreScreen() {
@@ -12735,7 +12802,7 @@ function DeviceRestoreScreen() {
   const [isWorking, setIsWorking] = useState13(false);
   const [statusMessage, setStatusMessage] = useState13(null);
   const [errorMessage, setErrorMessage] = useState13(null);
-  const handleRestore = useCallback16(async () => {
+  const handleRestore = useCallback15(async () => {
     if (!password || !keyshareId || !userId) return;
     const iframe4 = getIframeManager();
     if (!iframe4) {
@@ -13039,7 +13106,7 @@ var init_useRestoreStore = __esm({
 });
 
 // src/internal/components/KeyshareRestoreMenu/hooks/useOnRestoreSuccess.ts
-import { useCallback as useCallback17 } from "react";
+import { useCallback as useCallback16 } from "react";
 function useOnRestoreSuccess() {
   const { config, callbacksRef } = useProviderConfig();
   const setIsDialogForced = useLayoutStore((st) => st.setIsDialogForced);
@@ -13055,7 +13122,7 @@ function useOnRestoreSuccess() {
     setStatus
   } = useSession();
   const { setError, setSuccess } = useRestoreStore();
-  const createSessionWithKeyshare = useCallback17(
+  const createSessionWithKeyshare = useCallback16(
     async (userId, hasServerKeyshare, isNewUser) => {
       try {
         try {
@@ -13096,7 +13163,7 @@ function useOnRestoreSuccess() {
     },
     [setStatus, usePaymaster, activeChainId, publicClient]
   );
-  const onRestoreSuccess = useCallback17(async () => {
+  const onRestoreSuccess = useCallback16(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;
@@ -13582,7 +13649,7 @@ var init_cloudStorage = __esm({
 
 // src/internal/components/KeyshareRestoreMenu/hooks/useCreateBackup.ts
 import { useMutation as useMutation9, useQueryClient as useQueryClient9 } from "@tanstack/react-query";
-import { useCallback as useCallback18, useEffect as useEffect19 } from "react";
+import { useCallback as useCallback17, useEffect as useEffect20 } from "react";
 function useCreateBackup() {
   const qc = useQueryClient9();
   const session = useSession((st) => st.session);
@@ -13591,7 +13658,7 @@ function useCreateBackup() {
   const usePasskey = useRestoreStore((st) => st.usePasskey);
   const restorePassword = useRestoreStore((st) => st.restorePassword);
   const selectedCloudProvider = useRestoreStore((st) => st.selectedCloudProvider);
-  useEffect19(() => {
+  useEffect20(() => {
     if (!hasServerVault) {
       useRestoreStore.getState().setMethod("server");
       useLayoutStore.getState().setIsDialogForced(true);
@@ -13599,7 +13666,7 @@ function useCreateBackup() {
   }, [hasServerVault]);
   const recoveryUserId = useSession((st) => st.recoveryUserId);
   const passportUserId = session?.mpcUserId || recoveryUserId || "";
-  const onBackupSuccess = useCallback18(() => {
+  const onBackupSuccess = useCallback17(() => {
     console.log("[EMBARKAI BACKUP] Backup created successfully");
   }, [hasServerVault]);
   const { mutate: createPasswordBackup, isPending: isPasswordBackupCreating } = useMutation9({
@@ -13886,7 +13953,7 @@ var init_useRestoreAccount = __esm({
 });
 
 // src/internal/components/KeyshareRestoreMenu/hooks/useValidateFileBackup.ts
-import { useEffect as useEffect20 } from "react";
+import { useEffect as useEffect21 } from "react";
 function validateRestoreFileFormat(parsedData) {
   if (typeof parsedData !== "object" || parsedData === null) return false;
   const data = parsedData;
@@ -13896,7 +13963,7 @@ function useValidateFileBackup() {
   const restoreFile = useRestoreStore((st) => st.restoreFile);
   const setError = useRestoreStore((st) => st.setError);
   const setUsePasskey = useRestoreStore((st) => st.setUsePasskey);
-  useEffect20(() => {
+  useEffect21(() => {
     if (!restoreFile) {
       return;
     }
@@ -14022,7 +14089,7 @@ var init_MethodSelector = __esm({
 
 // src/internal/components/KeyshareRestoreMenu/components/PasswordPasskey.tsx
 import { ChevronRight as ChevronRight2, Eye, EyeOff, Info as Info3, Key as Key4, Loader as Loader8, Plus } from "lucide-react";
-import { useEffect as useEffect21, useRef as useRef14 } from "react";
+import { useEffect as useEffect22, useRef as useRef15 } from "react";
 import { Fragment as Fragment18, jsx as jsx59, jsxs as jsxs53 } from "react/jsx-runtime";
 function PasswordPasskey(props) {
   const { t } = useT();
@@ -14037,7 +14104,7 @@ function PasswordPasskey(props) {
     onCreatePasskey
   } = props;
   const hasServerVault = useSession((st) => st.hasServerVault);
-  const actionRef = useRef14(null);
+  const actionRef = useRef15(null);
   const {
     showPassword,
     restorePassword,
@@ -14051,7 +14118,7 @@ function PasswordPasskey(props) {
   } = useRestoreStore();
   const { config } = useProviderConfig();
   const isPasskeyEnabled = config.current.passkey.enabled;
-  useEffect21(() => {
+  useEffect22(() => {
     if (!isPasskeyEnabled && usePasskey) setUsePasskey(false);
   }, [isPasskeyEnabled, usePasskey]);
   return /* @__PURE__ */ jsxs53(Fragment18, { children: [
@@ -14379,7 +14446,7 @@ var init_File = __esm({
 import { useQueryClient as useQueryClient10 } from "@tanstack/react-query";
 import dayjs3 from "dayjs";
 import { Download as Download3, Key as Key5, Upload as Upload3 } from "lucide-react";
-import { useEffect as useEffect22 } from "react";
+import { useEffect as useEffect23 } from "react";
 import { Fragment as Fragment21, jsx as jsx62, jsxs as jsxs56 } from "react/jsx-runtime";
 function Server(props) {
   const { isLoading, mode = "restore", serverHandler, createPasskeyHandler } = props;
@@ -14389,7 +14456,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]);
-  useEffect22(() => {
+  useEffect23(() => {
     if (mode === "backup" || !serverRecoveryStatus?.created?.encryptionMethod) return;
     setUsePasskey(serverRecoveryStatus.created.encryptionMethod === "passkey");
   }, [mode, serverRecoveryStatus, setUsePasskey]);
@@ -14572,7 +14639,7 @@ var init_select = __esm({
 // src/internal/components/KeyshareRestoreMenu/methods/Cloud.tsx
 import { useQuery as useQuery6 } from "@tanstack/react-query";
 import { ArrowLeft as ArrowLeft10, CloudDownload, CloudUpload, Loader as Loader9 } from "lucide-react";
-import { useEffect as useEffect23 } from "react";
+import { useEffect as useEffect24 } from "react";
 import { Fragment as Fragment22, jsx as jsx64, jsxs as jsxs58 } from "react/jsx-runtime";
 function Cloud2(props) {
   const { isLoading, mode = "restore", cloudHandler } = props;
@@ -14593,7 +14660,7 @@ function Cloud2(props) {
       return availableProviders.map((p) => ({ id: p.id, name: p.name, available: p.isAvailable() }));
     }
   });
-  useEffect23(() => {
+  useEffect24(() => {
     if (isCloudProvidersLoading) return;
     if (!!cloudProvidersError) {
       console.error("[KeyshareBackup] Failed to load cloud providers:", cloudProvidersError);
@@ -14833,7 +14900,7 @@ var init_methods = __esm({
 // src/internal/components/KeyshareRestoreMenu/KeyshareRestoreMenu.tsx
 import { useMutation as useMutation11, useQuery as useQuery7, useQueryClient as useQueryClient11 } from "@tanstack/react-query";
 import { AlertCircle as AlertCircle2, CheckCircle2, CloudDownload as CloudDownload2, Loader as Loader10, UserCircle as UserCircle2 } from "lucide-react";
-import { useEffect as useEffect24 } from "react";
+import { useEffect as useEffect25 } from "react";
 import { useDisconnect } from "wagmi";
 import { Fragment as Fragment24, jsx as jsx66, jsxs as jsxs60 } from "react/jsx-runtime";
 var RESTORE_COMPONENTS, KeyshareRestoreMenu;
@@ -14870,7 +14937,7 @@ var init_KeyshareRestoreMenu = __esm({
       const error = useRestoreStore((st) => st.error);
       const success = useRestoreStore((st) => st.success);
       const currentRestoreMethod = useRestoreStore((st) => st.method);
-      useEffect24(() => {
+      useEffect25(() => {
         const { setIsDialogForced } = useLayoutStore.getState();
         const { setRestorePassword, setRestoreFile, setShowPassword, setUsePasskey, setMethod } = useRestoreStore.getState();
         setIsDialogForced(true);
@@ -14910,7 +14977,7 @@ var init_KeyshareRestoreMenu = __esm({
         queryFn: async () => await getShareRecoveryStats()
       });
       const hasServerBackup = serverRecoveryStatus?.created || serverRecoveryStatus?.devices?.length > 0;
-      useEffect24(() => {
+      useEffect25(() => {
         if (!!hasServerBackup) useRestoreStore.getState().setMethod("server");
       }, [hasServerBackup]);
       const { mutate: disconnect, isPending: isDisconnecting } = useMutation11({
@@ -15057,7 +15124,7 @@ var init_KeyshareRestoreMenu = __esm({
 // src/internal/components/KeyshareRestoreMenu/KeyshareBackupMenu.tsx
 import { useQuery as useQuery8 } from "@tanstack/react-query";
 import { AlertCircle as AlertCircle3, ArrowLeft as ArrowLeft11, CheckCircle2 as CheckCircle22, Loader as Loader11, LockIcon } from "lucide-react";
-import { useEffect as useEffect25 } from "react";
+import { useEffect as useEffect26 } from "react";
 import { Fragment as Fragment25, jsx as jsx67, jsxs as jsxs61 } from "react/jsx-runtime";
 function KeyshareBackupMenu() {
   const address = useSession((st) => st.address);
@@ -15068,7 +15135,7 @@ function KeyshareBackupMenu() {
   const currentBackupMethod = useRestoreStore((st) => st.method);
   const error = useRestoreStore((st) => st.error);
   const success = useRestoreStore((st) => st.success);
-  useEffect25(() => {
+  useEffect26(() => {
     const { setSuccess, setError, setRestorePassword, setRestoreFile, setShowPassword, setUsePasskey, setMethod } = useRestoreStore.getState();
     return () => {
       setSuccess(null);
@@ -15087,7 +15154,7 @@ function KeyshareBackupMenu() {
     queryFn: async () => await getShareRecoveryStats()
   });
   const hasRecoveryData = serverRecoveryStatus?.created || serverRecoveryStatus?.devices?.length > 0;
-  useEffect25(() => {
+  useEffect26(() => {
     if (!!hasRecoveryData) useRestoreStore.getState().setMethod("server");
   }, [hasRecoveryData]);
   const {
@@ -15240,7 +15307,7 @@ var init_KeyshareRestoreMenu2 = __esm({
 });
 
 // src/hooks/useColorMode.ts
-import { useCallback as useCallback19, useEffect as useEffect26 } from "react";
+import { useCallback as useCallback18, useEffect as useEffect27 } from "react";
 function useColorMode() {
   const {
     config: { current: config }
@@ -15248,14 +15315,14 @@ function useColorMode() {
   const preferedColorMode = config?.preferedColorMode;
   const colorMode = useLayoutStore((st) => st.colorMode);
   const handleStoreColorMode = useLayoutStore((st) => st.setColorMode);
-  const setColorMode = useCallback19(
+  const setColorMode = useCallback18(
     (mode) => {
       localStorage.setItem(LOCAL_COLOR_MODE_KEY, mode);
       handleStoreColorMode(mode);
     },
     [handleStoreColorMode]
   );
-  useEffect26(() => {
+  useEffect27(() => {
     let targetColorMode = localStorage.getItem(LOCAL_COLOR_MODE_KEY);
     if (!targetColorMode && !preferedColorMode) {
       const systemMode = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
@@ -15370,17 +15437,17 @@ var init_SumsubIframeManager = __esm({
 });
 
 // src/internal/components/KYC/useSumsubIframe.ts
-import { useEffect as useEffect27, useRef as useRef15, useState as useState17 } from "react";
+import { useEffect as useEffect28, useRef as useRef16, useState as useState17 } from "react";
 function useSumsubIframe({ iframeUrl }) {
   const config = useProviderConfig().config;
   const { colorMode } = useColorMode();
-  const iframeRef = useRef15(null);
+  const iframeRef = useRef16(null);
   const [isLoading, setIsLoading] = useState17(true);
   const [error, setError] = useState17(null);
   const [height, setHeight] = useState17(0);
   const [status, setStatus] = useState17("");
   const levelName = config.current?.kyc?.options?.levelName;
-  useEffect27(() => {
+  useEffect28(() => {
     setError(null);
     setIsLoading(true);
     setStatus("Preparing verification...");
@@ -15513,20 +15580,29 @@ var init_KycMenu = __esm({
   }
 });
 
-// src/internal/components/KYC/KYCStatus.tsx
+// src/internal/hooks/useUserProfile.ts
 import { useQuery as useQuery9 } from "@tanstack/react-query";
-import { Loader as Loader12 } from "lucide-react";
-import { jsx as jsx70, jsxs as jsxs64 } from "react/jsx-runtime";
-function KYCStatus() {
+function useUserProfile() {
   const address = useSession((st) => st.address);
-  const { data: userProfile = null, isLoading: isUserProfileLoading } = useQuery9({
-    retry: false,
-    enabled: !!address,
+  return useQuery9({
     queryKey: [QUERY_KEYS.userProfile, address],
-    queryFn: getUserProfile
+    queryFn: getUserProfile,
+    enabled: !!address,
+    retry: false
   });
-  const isKycVerified = !isUserProfileLoading && userProfile?.kycDetails?.kycStatus === "verified";
-  if (isUserProfileLoading) return /* @__PURE__ */ jsx70(Loader12, { className: "w-4 h-4 animate-spin" });
+}
+var init_useUserProfile = __esm({
+  "src/internal/hooks/useUserProfile.ts"() {
+    init_SessionContext();
+    init_profile();
+  }
+});
+
+// src/internal/components/KYC/KYCStatus.tsx
+import { jsx as jsx70, jsxs as jsxs64 } from "react/jsx-runtime";
+function KYCStatus() {
+  const { data: userProfile = null, isLoading: isUserProfileLoading } = useUserProfile();
+  const isKycVerified = userProfile?.kycDetails?.kycStatus === "verified";
   if (!isKycVerified) return null;
   return /* @__PURE__ */ jsxs64("div", { className: "group relative flex flex-shrink-0", children: [
     /* @__PURE__ */ jsx70(PositiveIcon, {}),
@@ -15547,9 +15623,8 @@ function KYCStatus() {
 }
 var init_KYCStatus = __esm({
   "src/internal/components/KYC/KYCStatus.tsx"() {
-    init_SessionContext();
     init_icons();
-    init_profile();
+    init_useUserProfile();
     init_utils2();
   }
 });
@@ -15692,14 +15767,14 @@ var init_useProvidersList = __esm({
 
 // src/internal/components/MainMenu/MainMenu.tsx
 import { ChevronLeft, ChevronRight as ChevronRight3, DollarSign as DollarSign2, Wallet2 as Wallet23 } from "lucide-react";
-import { useEffect as useEffect28 } from "react";
+import { useEffect as useEffect29 } from "react";
 import { jsx as jsx72, jsxs as jsxs66 } from "react/jsx-runtime";
 function MainMenu() {
   const address = useSession((st) => st.address);
   const { t } = useT();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const setTransitionPageHeight = useLayoutDataStore((st) => st.setTransitionPageHeight);
-  useEffect28(() => setTransitionPageHeight(DEFAULT_MAIN_MENU_HEIGHT), []);
+  useEffect29(() => setTransitionPageHeight(DEFAULT_MAIN_MENU_HEIGHT), []);
   useProvidersList();
   return /* @__PURE__ */ jsx72("div", { className: "w-full p-[var(--ui-kit-pd)] flex flex-col gap-[var(--ui-kit-gap)]", children: /* @__PURE__ */ jsx72("div", { className: "w-full grid grid-cols-4 gap-0 md:gap-[var(--ui-kit-gap)] py-[10px] md:py-1", children: MAIN_MENU_BUTTONS.map(({ id, label, icon: Icon2 }) => /* @__PURE__ */ jsxs66(
     Button,
@@ -15744,7 +15819,7 @@ var init_MainMenu2 = __esm({
 
 // src/modules/linkedProfiles.ts
 import { useQuery as useQuery11, useQueryClient as useQueryClient12 } from "@tanstack/react-query";
-import { useCallback as useCallback20 } from "react";
+import { useCallback as useCallback19 } from "react";
 function useLinkedProfiles() {
   const qc = useQueryClient12();
   const address = useSession((st) => st.address);
@@ -15768,7 +15843,7 @@ function useLinkedProfiles() {
     }
   });
   const { profiles = [], avatar = null } = data || {};
-  const refresh = useCallback20(async () => {
+  const refresh = useCallback19(async () => {
     await qc.invalidateQueries({ queryKey: [LINKED_PROFILES_QUERY_KEY, address] });
   }, [qc, address]);
   return { profiles, avatar, isLoading, isFetching, error, refresh };
@@ -15814,7 +15889,7 @@ var init_useStore = __esm({
 
 // src/internal/components/ManageWalletMenu/EmailForm.tsx
 import { useMutation as useMutation12 } from "@tanstack/react-query";
-import { ChevronRight as ChevronRight4, Loader as Loader13, Mail as Mail4 } from "lucide-react";
+import { ChevronRight as ChevronRight4, Loader as Loader12, Mail as Mail4 } from "lucide-react";
 import { jsx as jsx73, jsxs as jsxs67 } from "react/jsx-runtime";
 function EmailForm() {
   const { callbacksRef } = useProviderConfig();
@@ -15902,7 +15977,7 @@ function EmailForm() {
         size: "large",
         disabled: !email || isLoading,
         onClick: () => onSendVerificationCode(),
-        children: isLoading ? /* @__PURE__ */ jsx73(Loader13, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx73(ChevronRight4, { className: "w-4 h-4" })
+        children: isLoading ? /* @__PURE__ */ jsx73(Loader12, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx73(ChevronRight4, { className: "w-4 h-4" })
       }
     )
   ] });
@@ -16246,7 +16321,7 @@ var init_EmailNotConnectedWarning = __esm({
 
 // src/internal/components/ManageWalletMenu/hooks/useLinkSocial.ts
 import { useQueryClient as useQueryClient15 } from "@tanstack/react-query";
-import React21, { useEffect as useEffect29 } from "react";
+import React21, { useEffect as useEffect30 } from "react";
 function normalizeSocialLinkError(message) {
   if (message === "X_ALREADY_LINKED") {
     return "This X account is already linked to another account";
@@ -16322,7 +16397,7 @@ function useLinkSocial() {
     [config.social?.providers]
   );
   const [socialLinkStarted, setSocialLinkStarted] = React21.useState(false);
-  useEffect29(() => {
+  useEffect30(() => {
     const key = providerType?.toLowerCase();
     console.log("[useLinkSocial] Effect triggered:", { key, linkIsLoading, socialLinkStarted, isWalletLinking });
     if (isWalletLinking) {
@@ -16405,7 +16480,7 @@ var init_telegram2 = __esm({
 
 // src/internal/components/ManageWalletMenu/hooks/useLinkTelegram.ts
 import { useQueryClient as useQueryClient16 } from "@tanstack/react-query";
-import { useCallback as useCallback21, useEffect as useEffect30, useState as useState18 } from "react";
+import { useCallback as useCallback20, useEffect as useEffect31, useState as useState18 } from "react";
 function useLinkTelegram() {
   const {
     config: { current: config },
@@ -16416,7 +16491,7 @@ function useLinkTelegram() {
   const isWalletLinking = useLayoutDataStore((st) => st.isWalletLinking);
   const { providerType, linkIsLoading, setLinkIsLoading, setProviderType, setAlert } = useManageWalletStore();
   const setPage = useLayoutDataStore((st) => st.setPage);
-  const handleLinkTelegram = useCallback21(async () => {
+  const handleLinkTelegram = useCallback20(async () => {
     try {
       if (shouldBlockSocialAuthInTelegram("telegram")) {
         setAlert(buildTelegramBrowserRestriction("Telegram", "linking"));
@@ -16464,7 +16539,7 @@ function useLinkTelegram() {
     }
   }, [config.social?.providers]);
   const [telegramLinkStarted, setTelegramLinkStarted] = useState18(false);
-  useEffect30(() => {
+  useEffect31(() => {
     console.log("[useLinkTelegram] Effect triggered:", {
       providerType,
       linkIsLoading,
@@ -16481,7 +16556,7 @@ function useLinkTelegram() {
       handleLinkTelegram();
     }
   }, [providerType, handleLinkTelegram, linkIsLoading, telegramLinkStarted, isWalletLinking]);
-  useEffect30(() => {
+  useEffect31(() => {
     if (providerType !== "telegram") {
       setTelegramLinkStarted(false);
     }
@@ -16584,7 +16659,7 @@ var init_ProviderCard = __esm({
 
 // src/internal/components/ManageWalletMenu/ManageWallet.tsx
 import { fromPairs } from "lodash-es";
-import { AlertTriangle as AlertTriangle4, ArrowLeft as ArrowLeft14, Loader as Loader14 } from "lucide-react";
+import { AlertTriangle as AlertTriangle4, ArrowLeft as ArrowLeft14, Loader as Loader13 } from "lucide-react";
 import { useMemo as useMemo7 } from "react";
 import { Fragment as Fragment28, jsx as jsx77, jsxs as jsxs71 } from "react/jsx-runtime";
 function getProviderName(provider) {
@@ -16731,7 +16806,7 @@ function ManageWalletMenu() {
           ),
           /* @__PURE__ */ jsx77("span", { className: "text-xl font-semibold", children: t("passport:profilesMenu.title") })
         ] }),
-        isProvidersLoading && /* @__PURE__ */ jsx77("div", { className: "flex items-center justify-center p-4 text-[var(--ui-kit-fg-muted)]", children: /* @__PURE__ */ jsx77(Loader14, { className: "w-4 h-4 animate-spin" }) }),
+        isProvidersLoading && /* @__PURE__ */ jsx77("div", { className: "flex items-center justify-center p-4 text-[var(--ui-kit-fg-muted)]", children: /* @__PURE__ */ jsx77(Loader13, { className: "w-4 h-4 animate-spin" }) }),
         /* @__PURE__ */ jsx77(EmailNotConnectedWarning, {}),
         showCurrentProviders && renderProviders.map((node) => node),
         showExtraProvidersUi && /* @__PURE__ */ jsx77(AddProvider, {}),
@@ -16783,7 +16858,7 @@ var init_ManageWallet = __esm({
 
 // src/internal/components/ManageWalletMenu/UnlinkProviderMenu.tsx
 import { useMutation as useMutation15, useQueryClient as useQueryClient17 } from "@tanstack/react-query";
-import { Key as Key6, Loader as Loader15 } from "lucide-react";
+import { Key as Key6, Loader as Loader14 } from "lucide-react";
 import { useState as useState19 } from "react";
 import { useDisconnect as useDisconnect2 } from "wagmi";
 import { jsx as jsx78, jsxs as jsxs72 } from "react/jsx-runtime";
@@ -16870,7 +16945,7 @@ function UnlinkProviderMenu() {
           disabled: !!isProviderUnlinking || !confirmUnlink || confirmInput !== confirmUnlink.externalId,
           className: "w-full flex-1",
           children: [
-            isProviderUnlinking && /* @__PURE__ */ jsx78(Loader15, { className: "animate-spin h-4 w-4" }),
+            isProviderUnlinking && /* @__PURE__ */ jsx78(Loader14, { className: "animate-spin h-4 w-4" }),
             t("passport:common.delete")
           ]
         }
@@ -17001,12 +17076,12 @@ var init_useNicknameStore = __esm({
 
 // src/internal/components/NicknameMenu/useNicknameAvailability.ts
 import { useMutation as useMutation16 } from "@tanstack/react-query";
-import { debounce as debounce6 } from "lodash-es";
-import { useCallback as useCallback22, useEffect as useEffect31 } from "react";
+import { debounce as debounce5 } from "lodash-es";
+import { useCallback as useCallback21, useEffect as useEffect32 } from "react";
 function useNicknameAvailability(currentNickname) {
   const { t } = useT();
   const nicknameValue = useNicknameStore((st) => st.nicknameValue);
-  useEffect31(() => {
+  useEffect32(() => {
     if (!currentNickname) return;
     useNicknameStore.getState().setNicknameValue(currentNickname);
   }, [currentNickname]);
@@ -17027,8 +17102,8 @@ function useNicknameAvailability(currentNickname) {
       useNicknameStore.getState().setError(error?.message || "Failed to check nickname availability");
     }
   });
-  const debouncedCheckAvailability = useCallback22(debounce6(checkAvailability, DEBOUNCE_MS), [checkAvailability]);
-  useEffect31(() => {
+  const debouncedCheckAvailability = useCallback21(debounce5(checkAvailability, DEBOUNCE_MS), [checkAvailability]);
+  useEffect32(() => {
     if (!currentNickname) return;
     const normalizedInputValue = normalizeNickname(nicknameValue);
     const { valid: isNicknameValid } = validateNickname(nicknameValue);
@@ -17057,7 +17132,7 @@ var init_useNicknameAvailability = __esm({
 // src/internal/components/NicknameMenu/NicknameEditForm.tsx
 import { useMutation as useMutation17, useQueryClient as useQueryClient18 } from "@tanstack/react-query";
 import { AtSignIcon, CheckIcon as CheckIcon2, CopyIcon, LoaderIcon as LoaderIcon7, SaveIcon } from "lucide-react";
-import { useCallback as useCallback23, useState as useState20 } from "react";
+import { useCallback as useCallback22, useState as useState20 } from "react";
 import { Fragment as Fragment29, jsx as jsx79, jsxs as jsxs73 } from "react/jsx-runtime";
 function NicknameEditForm(props) {
   const { isInitialUser, nicknameInfo } = props;
@@ -17099,7 +17174,7 @@ function NicknameEditForm(props) {
       );
     }
   });
-  const handleNicknameInputChange = useCallback23(
+  const handleNicknameInputChange = useCallback22(
     (e) => {
       const { error, setError, setNicknameValue } = useNicknameStore.getState();
       const value = e.target.value;
@@ -17114,7 +17189,7 @@ function NicknameEditForm(props) {
     },
     [isNicknameChangeError, isNicknameChangeSuccess, reset, t]
   );
-  const handleSubmit = useCallback23(
+  const handleSubmit = useCallback22(
     (e) => {
       const { nicknameValue: nicknameValue2, setError } = useNicknameStore.getState();
       if (!canChange) {
@@ -17220,10 +17295,10 @@ var init_NicknameEditForm = __esm({
 // src/internal/components/NicknameMenu/NicknameMenu.tsx
 import { useQuery as useQuery12 } from "@tanstack/react-query";
 import dayjs4 from "dayjs";
-import { ArrowLeft as ArrowLeft15, Info as Info4, Loader as Loader16 } from "lucide-react";
+import { ArrowLeft as ArrowLeft15, Info as Info4, Loader as Loader15 } from "lucide-react";
 import { jsx as jsx80, jsxs as jsxs74 } from "react/jsx-runtime";
 function NicknameMenu() {
-  const { isInitialUser } = usePageParams();
+  const { isInitialUser } = usePageParams().current;
   const { t } = useT();
   const address = useSession((st) => st.address);
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
@@ -17259,7 +17334,7 @@ function NicknameMenu() {
           ),
           /* @__PURE__ */ jsxs74("div", { className: "flex gap-[var(--ui-kit-gap)] items-center w-fit", children: [
             /* @__PURE__ */ jsx80("span", { className: "text-xl font-semibold", children: t("passport:nicknameMenu.title") }),
-            isNicknameInfoLoading && /* @__PURE__ */ jsx80(Loader16, { className: "w-4 h-4 animate-spin" })
+            isNicknameInfoLoading && /* @__PURE__ */ jsx80(Loader15, { className: "w-4 h-4 animate-spin" })
           ] })
         ] }),
         /* @__PURE__ */ jsx80("span", { className: "text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:nicknameMenu.yourNickname") }),
@@ -17400,6 +17475,7 @@ function useWatchTokens(options) {
   const {
     data: assets,
     isLoading,
+    isFetching,
     error,
     refetch
   } = useQuery13({
@@ -17470,6 +17546,7 @@ function useWatchTokens(options) {
   return {
     assets: assets || [],
     isLoading,
+    isFetching,
     error: error || null,
     refetch
   };
@@ -17486,7 +17563,7 @@ var init_useWatchTokens = __esm({
 // src/internal/hooks/useBlockscoutAssets.ts
 import { createBlockscoutClient } from "@embarkai/core/clients";
 import { useQuery as useQuery14, useQueryClient as useQueryClient19 } from "@tanstack/react-query";
-import { useCallback as useCallback24, useMemo as useMemo10, useRef as useRef16 } from "react";
+import { useCallback as useCallback23, useMemo as useMemo10, useRef as useRef17 } from "react";
 import { formatEther, formatUnits as formatUnits3 } from "viem";
 function resolveIpfsUri(uri) {
   if (!uri) return "";
@@ -17623,15 +17700,17 @@ function useBlockscoutAssets(options) {
     () => blockscoutApiUrl ? createBlockscoutClient({ baseUrl: blockscoutApiUrl }) : null,
     [blockscoutApiUrl]
   );
-  const lastRefreshRef = useRef16(0);
+  const lastRefreshRef = useRef17(0);
   const {
     assets: watchTokenAssets,
-    isLoading: watchTokensLoading
+    isLoading: watchTokensLoading,
+    isFetching: watchTokensFetching
     // refetch: refetchWatchTokens
   } = useWatchTokens({ address, chainId: resolvedChainId, enabled });
   const {
     data: nativeBalanceData,
-    isLoading: nativeLoading
+    isLoading: nativeLoading,
+    isFetching: nativeFetching
     // refetch: refetchNative
   } = useQuery14({
     queryKey: [NATIVE_BALANCE_QUERY_KEY, resolvedChainId, address],
@@ -17655,6 +17734,7 @@ function useBlockscoutAssets(options) {
   const {
     data: tokenBalances,
     isLoading: tokensLoading,
+    isFetching: tokensFetching,
     error: tokensError,
     // refetch: refetchTokens,
     dataUpdatedAt
@@ -17680,7 +17760,8 @@ function useBlockscoutAssets(options) {
   });
   const {
     data: nftItems,
-    isLoading: nftsLoading
+    isLoading: nftsLoading,
+    isFetching: nftsFetching
     // refetch: refetchNfts
   } = useQuery14({
     queryKey: [BLOCKSCOUT_QUERY_KEY, "nfts", resolvedChainId, address, blockscoutApiUrl],
@@ -17794,7 +17875,7 @@ function useBlockscoutAssets(options) {
     if (!tokensError) return null;
     return createError(tokensError);
   }, [tokensError]);
-  const refreshBalances = useCallback24(async () => {
+  const refreshBalances = useCallback23(async () => {
     const now = Date.now();
     if (now - lastRefreshRef.current < BLOCKSCOUT_REFRESH_DEBOUNCE) {
       return;
@@ -17811,7 +17892,7 @@ function useBlockscoutAssets(options) {
       qc.invalidateQueries({ queryKey: [WATCH_TOKENS_QUERY_KEY] })
     ]);
   }, [qc]);
-  const getTokenBalance = useCallback24(
+  const getTokenBalance = useCallback23(
     (tokenAddress) => {
       return assets.find((a) => a.address?.toLowerCase() === tokenAddress.toLowerCase()) || null;
     },
@@ -17821,6 +17902,7 @@ function useBlockscoutAssets(options) {
     nativeBalance,
     assets,
     isLoading: nativeLoading || tokensLoading || nftsLoading || watchTokensLoading,
+    isFetching: nativeFetching || tokensFetching || nftsFetching || watchTokensFetching,
     isInitialLoading: nativeLoading && !nativeBalanceData,
     error,
     isBlockscoutAvailable: !!blockscoutClient && !tokensError,
@@ -18118,31 +18200,32 @@ var init_PortfolioItem = __esm({
 
 // src/internal/components/PortfolioMenu/PortfolioMenu.tsx
 import { useQueryClient as useQueryClient20 } from "@tanstack/react-query";
-import { AlertCircle as AlertCircle4, ArrowLeft as ArrowLeft16, Gem, Loader as Loader17, RefreshCw as RefreshCw2 } from "lucide-react";
-import { useCallback as useCallback25 } from "react";
+import { ArrowLeft as ArrowLeft16, Gem, Loader as Loader16, RefreshCw as RefreshCw2 } from "lucide-react";
+import { useCallback as useCallback24 } from "react";
 import { jsx as jsx83, jsxs as jsxs77 } from "react/jsx-runtime";
 function PortfolioMenu() {
   const { assets: projectAssets = [] } = useProviderConfig().config.current?.projectAssets || {};
   const { t } = useT();
   const qc = useQueryClient20();
   const address = useSession((st) => st.address);
-  const setPage = useLayoutDataStore((st) => st.setPage);
+  const chainConfig = useSession((st) => st.chainConfig);
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
   const {
     assets: blockscoutAssets,
     refreshBalances: refreshBlockscoutBalances,
     isLoading: isBlockscoutLoading,
+    isFetching: isBlockscoutFetching,
     error: blockscoutError,
     isBlockscoutAvailable
   } = useBlockscoutAssets({
     address,
     enabled: !!address
   });
-  const shownProjectAssests = projectAssets.filter((asset) => !asset.hideInPortfolio);
-  const refreshAllAssetsBalances = useCallback25(() => {
-    Promise.all(shownProjectAssests.map((asset) => qc.invalidateQueries({ queryKey: asset.balanceQueryKey })));
+  const shownProjectAssets = projectAssets.filter((asset) => !asset.hideInPortfolio);
+  const refreshAllAssetsBalances = useCallback24(() => {
+    Promise.all(shownProjectAssets.map((asset) => qc.invalidateQueries({ queryKey: asset.balanceQueryKey })));
     refreshBlockscoutBalances();
-  }, [qc, shownProjectAssests, refreshBlockscoutBalances]);
+  }, [qc, shownProjectAssets, refreshBlockscoutBalances]);
   return /* @__PURE__ */ jsx83(
     "div",
     {
@@ -18153,7 +18236,16 @@ function PortfolioMenu() {
       className: "list-scrollbar-y w-full p-[var(--ui-kit-pd)]",
       children: /* @__PURE__ */ jsxs77(Expandable, { isExpanded: true, contentClassName: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
         /* @__PURE__ */ jsxs77("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
-          /* @__PURE__ */ jsx83(Button, { variant: "ghost", size: "icon", title: "Back", onClick: () => setPage("main-menu" /* MAIN_MENU */), children: /* @__PURE__ */ jsx83(ArrowLeft16, { className: "h-4 w-4" }) }),
+          /* @__PURE__ */ jsx83(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              title: "Back",
+              onClick: () => useLayoutDataStore.getState().setPage("main-menu" /* MAIN_MENU */),
+              children: /* @__PURE__ */ jsx83(ArrowLeft16, { className: "h-4 w-4" })
+            }
+          ),
           /* @__PURE__ */ jsx83("span", { className: "text-xl font-semibold", children: t("passport:portfolioMenu.title") }),
           /* @__PURE__ */ jsx83(
             Button,
@@ -18162,17 +18254,17 @@ function PortfolioMenu() {
               variant: "ghost",
               size: "icon",
               onClick: refreshAllAssetsBalances,
-              disabled: isBlockscoutLoading,
-              children: isBlockscoutLoading ? /* @__PURE__ */ jsx83(Loader17, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx83(RefreshCw2, { className: "h-4 w-4" })
+              disabled: isBlockscoutLoading || isBlockscoutFetching,
+              children: isBlockscoutLoading || isBlockscoutFetching ? /* @__PURE__ */ jsx83(Loader16, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx83(RefreshCw2, { className: "h-4 w-4" })
             }
           )
         ] }),
-        isBlockscoutLoading && /* @__PURE__ */ jsx83("div", { className: "w-full flex items-center justify-center gap-[var(--ui-kit-gap)] p-[var(--ui-kit-pd)]", children: /* @__PURE__ */ jsx83(Loader17, { className: "w-4 h-4 animate-spin" }) }),
+        isBlockscoutLoading && /* @__PURE__ */ jsx83("div", { className: "w-full flex items-center justify-center gap-[var(--ui-kit-gap)] p-[var(--ui-kit-pd)]", children: /* @__PURE__ */ jsx83(Loader16, { className: "w-4 h-4 animate-spin" }) }),
         !isBlockscoutLoading && blockscoutAssets?.length === 0 && /* @__PURE__ */ jsxs77(Highlight, { type: "info", className: "flex flex-col items-center justify-center gap-[var(--ui-kit-gap)]", children: [
           /* @__PURE__ */ jsx83(Gem, { className: "w-8 h-8" }),
           /* @__PURE__ */ jsx83("span", { className: "block", children: t("passport:portfolioMenu.noAssets") })
         ] }),
-        !isBlockscoutLoading && shownProjectAssests?.map((asset, index) => /* @__PURE__ */ jsx83(PortfolioItem, { isProjectAsset: true, address, asset }, `project-${asset.symbol}-${index}`)),
+        !isBlockscoutLoading && shownProjectAssets?.map((asset, index) => /* @__PURE__ */ jsx83(PortfolioItem, { isProjectAsset: true, address, asset }, `project-${asset.symbol}-${index}`)),
         !isBlockscoutLoading && blockscoutAssets?.length > 0 && blockscoutAssets.map((asset, index) => /* @__PURE__ */ jsx83(
           PortfolioItem,
           {
@@ -18181,10 +18273,12 @@ function PortfolioMenu() {
           },
           `${asset.type}-${asset.address || "native"}-${asset.tokenId || index}`
         )),
-        blockscoutError && !isBlockscoutAvailable && /* @__PURE__ */ jsxs77(Highlight, { type: "error", className: "flex gap-[var(--ui-kit-gap)]", children: [
-          /* @__PURE__ */ jsx83(AlertCircle4, { className: "h-4 w-4 flex-shrink-0" }),
-          /* @__PURE__ */ jsx83("span", { className: "text-xs", children: blockscoutError.message })
-        ] })
+        !isBlockscoutAvailable && /* @__PURE__ */ jsx83(Highlight, {
+          type: "warning",
+          //@ts-expect-error i18n typings
+          children: t("passport:portfolioMenu.noBlockscout", { chain: chainConfig?.name?.toUpperCase() || "UNKNOWN" })
+        }),
+        blockscoutError && /* @__PURE__ */ jsx83(Highlight, { type: "error", children: blockscoutError?.message })
       ] })
     }
   );
@@ -18292,9 +18386,9 @@ var init_nickname_fingerprint = __esm({
 });
 
 // src/internal/components/ReceiveMenu/ReceiveMenu.tsx
-import { ArrowLeft as ArrowLeft17, CheckCircle2 as CheckCircle23, Copy as Copy2, Info as Info5, Loader as Loader18, Shield } from "lucide-react";
+import { ArrowLeft as ArrowLeft17, CheckCircle2 as CheckCircle23, Copy as Copy2, Info as Info5, Loader as Loader17, Shield } from "lucide-react";
 import QRCode from "qrcode";
-import { useCallback as useCallback26, useEffect as useEffect32, useMemo as useMemo11, useState as useState21 } from "react";
+import { useCallback as useCallback25, useEffect as useEffect33, useMemo as useMemo11, useState as useState21 } from "react";
 import { Fragment as Fragment31, jsx as jsx84, jsxs as jsxs78 } from "react/jsx-runtime";
 function ReceiveMenu() {
   const session = useSession((st) => st.session);
@@ -18316,7 +18410,7 @@ function ReceiveMenu() {
       return null;
     }
   }, [session?.ownerAddress]);
-  useEffect32(() => {
+  useEffect33(() => {
     if (open && address) {
       QRCode.toDataURL(address, {
         width: 200,
@@ -18329,7 +18423,7 @@ function ReceiveMenu() {
       });
     }
   }, [open, address]);
-  const handleCopy = useCallback26(async () => {
+  const handleCopy = useCallback25(async () => {
     if (!address) return;
     try {
       await navigator.clipboard.writeText(address);
@@ -18339,7 +18433,7 @@ function ReceiveMenu() {
       console.error("Failed to copy address:", error);
     }
   }, [address]);
-  const handleCopyFingerprint = useCallback26(async () => {
+  const handleCopyFingerprint = useCallback25(async () => {
     if (!fingerprint) return;
     try {
       await navigator.clipboard.writeText(fingerprint);
@@ -18366,7 +18460,7 @@ function ReceiveMenu() {
           /* @__PURE__ */ jsx84("strong", { className: "block w-full", children: `${t("passport:common.network")}: ${chainConfig.name}` }),
           /* @__PURE__ */ jsx84("span", { className: "block w-full", children: t("passport:receiveMenu.warning") })
         ] }),
-        /* @__PURE__ */ jsx84("div", { className: "flex items-center justify-center p-[var(--ui-kit-pd)]", style: { minHeight: "216px" }, children: qrCodeUrl ? /* @__PURE__ */ jsx84("img", { src: qrCodeUrl, alt: "Wallet QR Code", className: "w-48 h-48" }) : /* @__PURE__ */ jsx84(Loader18, { className: "w-4 h-4 animate-spin" }) }),
+        /* @__PURE__ */ jsx84("div", { className: "flex items-center justify-center p-[var(--ui-kit-pd)]", style: { minHeight: "216px" }, children: qrCodeUrl ? /* @__PURE__ */ jsx84("img", { src: qrCodeUrl, alt: "Wallet QR Code", className: "w-48 h-48" }) : /* @__PURE__ */ jsx84(Loader17, { className: "w-4 h-4 animate-spin" }) }),
         fingerprint && /* @__PURE__ */ jsxs78("div", { className: "flex items-center justify-center gap-2 p-3 rounded-[var(--ui-kit-el-bdrs)] bg-[var(--ui-kit-bg-secondary)]", children: [
           /* @__PURE__ */ jsx84(Shield, { className: "w-4 h-4 text-[var(--ui-kit-bg-success)]" }),
           /* @__PURE__ */ jsx84("span", { className: "text-sm text-[var(--ui-kit-fg-muted)]", children: t("passport:common.fingerprint") }),
@@ -18419,6 +18513,24 @@ var init_ReceiveMenu2 = __esm({
   }
 });
 
+// src/internal/components/SecurityMenu/useSecurityStore.ts
+import { debounce as debounce6 } from "lodash-es";
+import { create as create10 } from "zustand";
+var useSecurityStore;
+var init_useSecurityStore = __esm({
+  "src/internal/components/SecurityMenu/useSecurityStore.ts"() {
+    useSecurityStore = create10((set) => ({
+      renderKey: "security-store",
+      setRenderKey: debounce6((renderKey) => {
+        console.log("[SecurityMenu] Setting render key:", renderKey);
+        set({ renderKey });
+      }, 200),
+      appToUntrust: null,
+      untrustApp: (app) => set({ appToUntrust: app })
+    }));
+  }
+});
+
 // src/internal/components/SecurityMenu/constants.ts
 var KEYSHARE_RECOVERY_STATS_QUERY, CONNECTED_TRUSTED_APPS_QUERY;
 var init_constants5 = __esm({
@@ -18428,7 +18540,7 @@ var init_constants5 = __esm({
   }
 });
 
-// src/internal/components/SecurityMenu/hooks.ts
+// src/internal/components/SecurityMenu/ConnectedApps/useConnectedApps.ts
 import { useQuery as useQuery16 } from "@tanstack/react-query";
 function useConnectedApps() {
   const session = useSession((st) => st.session);
@@ -18446,45 +18558,31 @@ function useConnectedApps() {
     }
   });
 }
-function useKeyshareRecoveryStats() {
-  const session = useSession((st) => st.session);
-  const userId = session?.mpcUserId || null;
-  return useQuery16({
-    enabled: !!userId,
-    queryKey: [KEYSHARE_RECOVERY_STATS_QUERY, userId],
-    queryFn: async () => {
-      const iframeManager = getIframeManager();
-      if (!iframeManager) {
-        throw new Error("Iframe manager not available");
-      }
-      const keyshareInfo = await getKeyshareInfo(userId);
-      const shareRecoveryStats = await getShareRecoveryStats();
-      return {
-        keyshareInfo,
-        shareRecoveryStats
-      };
-    }
-  });
-}
-var init_hooks2 = __esm({
-  "src/internal/components/SecurityMenu/hooks.ts"() {
+var init_useConnectedApps = __esm({
+  "src/internal/components/SecurityMenu/ConnectedApps/useConnectedApps.ts"() {
     init_SessionContext();
-    init_keyshare();
     init_httpClient();
-    init_iframe_manager();
-    init_vaultClient();
     init_constants5();
   }
 });
 
-// src/internal/components/SecurityMenu/ConnectedApps.tsx
+// src/internal/components/SecurityMenu/ConnectedApps/ConnectedApps.tsx
 import dayjs5 from "dayjs";
-import { AppWindowMac, ExternalLinkIcon as ExternalLinkIcon2, Info as Info6, ShieldBanIcon, ShieldCheckIcon } from "lucide-react";
+import { AppWindowMac, ExternalLinkIcon as ExternalLinkIcon2, InfoIcon as InfoIcon4, LoaderIcon as LoaderIcon9, ShieldBanIcon, ShieldCheckIcon } from "lucide-react";
+import { useEffect as useEffect34 } from "react";
 import { Fragment as Fragment32, jsx as jsx85, jsxs as jsxs79 } from "react/jsx-runtime";
 function Application(props) {
-  const { projectId, logo, name, appUrl, trustedAuthorizedApp, firstConnectedAt, untrustApp } = props;
+  const {
+    projectId,
+    appUrl = null,
+    //
+    logo,
+    name,
+    trustedAuthorizedApp,
+    firstConnectedAt
+    // untrustApp
+  } = props;
   const { t } = useT();
-  const projectUrl = appUrl || null;
   return /* @__PURE__ */ jsxs79(
     "div",
     {
@@ -18493,14 +18591,14 @@ function Application(props) {
         "select-none text-[10px] leading-tight",
         "p-2 rounded-[var(--ui-kit-el-bdrs)] bg-[var(--ui-kit-secondary)]",
         {
-          "cursor-default": !projectUrl,
-          "cursor-pointer transition-colors duration-200": !!projectUrl,
-          "hover:bg-[var(--ui-kit-secondary-h)] active:bg-[var(--ui-kit-secondary-a)]": !!projectUrl
+          "cursor-default": !appUrl,
+          "cursor-pointer transition-colors duration-200": !!appUrl,
+          "hover:bg-[var(--ui-kit-secondary-h)] active:bg-[var(--ui-kit-secondary-a)]": !!appUrl
         }
       ),
       onClick: () => {
-        if (!projectUrl) return;
-        window.open(projectUrl, "_blank", "noopener,noreferrer");
+        if (!appUrl) return;
+        window.open(appUrl, "_blank", "noopener,noreferrer");
       },
       children: [
         /* @__PURE__ */ jsxs79(
@@ -18530,9 +18628,9 @@ function Application(props) {
         /* @__PURE__ */ jsxs79("div", { className: "flex-1 min-w-0", children: [
           /* @__PURE__ */ jsxs79("span", { className: "flex flex-col", children: [
             /* @__PURE__ */ jsx85("span", { className: "text-sm font-semibold truncate", children: name }),
-            projectUrl && /* @__PURE__ */ jsxs79("span", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
+            appUrl && /* @__PURE__ */ jsxs79("span", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
               /* @__PURE__ */ jsx85(ExternalLinkIcon2, { className: "w-3 h-3 flex-none", strokeWidth: 1 }),
-              /* @__PURE__ */ jsx85("span", { className: "flex-1 truncate", children: new URL(projectUrl).hostname })
+              /* @__PURE__ */ jsx85("span", { className: "flex-1 truncate", children: new URL(appUrl).hostname })
             ] })
           ] }),
           /* @__PURE__ */ jsx85("div", { className: "text-[var(--ui-kit-fg-muted)] truncate", children: t(
@@ -18553,10 +18651,10 @@ function Application(props) {
             ),
             onClick: (e) => {
               e.stopPropagation();
-              untrustApp({
+              useSecurityStore.getState().untrustApp({
                 projectId,
-                origin: projectUrl || void 0,
-                hostname: projectUrl ? new URL(projectUrl).hostname : void 0,
+                origin: appUrl || void 0,
+                hostname: appUrl ? new URL(appUrl).hostname : void 0,
                 appName: name,
                 appLogo: logo
               });
@@ -18568,48 +18666,152 @@ function Application(props) {
     }
   );
 }
-function ConnectedApps(props) {
-  const { isLoading: isParentLoading, untrustApp } = props;
+function ConnectedApps() {
   const { t } = useT();
   const { data: connectedApps = [], isLoading: isConnectedAppsLoading } = useConnectedApps();
-  const isLoading = isConnectedAppsLoading || isParentLoading;
-  if (isLoading) return null;
-  if (!isLoading && connectedApps.length === 0)
+  useEffect34(() => {
+    if (!connectedApps.length || isConnectedAppsLoading) return;
+    useSecurityStore.getState().setRenderKey(`connected-apps-loaded-${Date.now()}`);
+  }, [connectedApps, isConnectedAppsLoading]);
+  if (!isConnectedAppsLoading && connectedApps.length === 0)
     return /* @__PURE__ */ jsxs79(Highlight, { type: "info", className: "flex gap-[var(--ui-kit-gap)] ", children: [
-      /* @__PURE__ */ jsx85(Info6, { className: "w-4 h-4" }),
+      /* @__PURE__ */ jsx85(InfoIcon4, { className: "w-4 h-4" }),
       /* @__PURE__ */ jsx85("span", { children: t("passport:securityMenu.connectedApps.noConnectedApps") })
     ] });
   return /* @__PURE__ */ jsxs79(Fragment32, { children: [
-    /* @__PURE__ */ jsx85("span", { className: "font-medium text-xs text-[var(--ui-kit-fg)]", children: /* @__PURE__ */ jsx85("span", { children: t("passport:securityMenu.connectedApps.connectedApps") }) }),
-    /* @__PURE__ */ jsx85("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: connectedApps.map((app, index) => /* @__PURE__ */ jsx85(
-      Application,
-      {
-        ...app,
-        untrustApp
-      },
-      index
-    )) })
+    /* @__PURE__ */ jsxs79("div", { className: "flex items-center justify-between gap-[var(--ui-kit-gap)]", children: [
+      /* @__PURE__ */ jsx85("span", { className: "leading-4 text-xs", children: t("passport:securityMenu.connectedApps.connectedApps") }),
+      isConnectedAppsLoading && /* @__PURE__ */ jsx85(LoaderIcon9, { className: "h-4 w-4 animate-spin" })
+    ] }),
+    /* @__PURE__ */ jsx85("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: connectedApps.map((app, index) => /* @__PURE__ */ jsx85(Application, { ...app }, index)) })
   ] });
 }
 var init_ConnectedApps = __esm({
-  "src/internal/components/SecurityMenu/ConnectedApps.tsx"() {
+  "src/internal/components/SecurityMenu/ConnectedApps/ConnectedApps.tsx"() {
     init_utils2();
     init_i18n();
     init_button();
     init_highlight();
-    init_hooks2();
+    init_useSecurityStore();
+    init_useConnectedApps();
+  }
+});
+
+// src/internal/components/SecurityMenu/ConnectedApps/UntrustApplication.tsx
+import { useMutation as useMutation18, useQueryClient as useQueryClient21 } from "@tanstack/react-query";
+import { AppWindowMac as AppWindowMac2, Loader as Loader18 } from "lucide-react";
+import { jsx as jsx86, jsxs as jsxs80 } from "react/jsx-runtime";
+function UntrustApplication() {
+  const { t } = useT();
+  const qc = useQueryClient21();
+  const userId = useSession((st) => st?.session?.mpcUserId);
+  const appToUntrust = useSecurityStore((st) => st.appToUntrust);
+  const { mutate: handleUntrustApp, isPending: isUntrustingApp } = useMutation18({
+    mutationFn: async () => {
+      if (!userId || !appToUntrust) return;
+      const iframeManager = getIframeManager();
+      if (!iframeManager) {
+        throw new Error("Iframe manager not available");
+      }
+      return await iframeManager.removeTrustedApp(userId, appToUntrust.projectId, appToUntrust.origin);
+    },
+    onSuccess: (success) => {
+      if (!success) {
+        console.error("[SecurityMenu] Failed to remove trusted app from iframe");
+        return;
+      }
+      qc.invalidateQueries({ queryKey: [CONNECTED_TRUSTED_APPS_QUERY, userId] });
+      useSecurityStore.getState().untrustApp(null);
+    },
+    onError: (error) => {
+      const errorMessage = error instanceof Error ? error.message : "Unknown error";
+      console.error("[SecurityMenu] Error removing trusted app:", errorMessage);
+    }
+  });
+  return /* @__PURE__ */ jsxs80("div", { className: "flex flex-col gap-[var(--ui-kit-gap)]", children: [
+    /* @__PURE__ */ jsxs80(Highlight, { className: "flex flex-col gap-[var(--ui-kit-gap)]", type: "warning", children: [
+      /* @__PURE__ */ jsxs80("span", { className: "text-sm leading-5 font-bold", children: [
+        t("passport:securityMenu.connectedApps.untrustApp"),
+        "?"
+      ] }),
+      /* @__PURE__ */ jsxs80("div", { className: "w-full flex items-center justify-center gap-[var(--ui-kit-gap)]", children: [
+        appToUntrust.appLogo ? /* @__PURE__ */ jsx86("div", { className: "w-12 h-12 rounded-[var(--ui-kit-el-bdrs)] bg-[var(--ui-kit-bg)] flex-shrink-0 p-1", children: /* @__PURE__ */ jsx86("img", { src: appToUntrust.appLogo, alt: appToUntrust.appName, className: "w-full h-full object-contain" }) }) : /* @__PURE__ */ jsx86("div", { className: "w-12 h-12 rounded-[var(--ui-kit-el-bdrs)] bg-[var(--ui-kit-bg)] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx86(AppWindowMac2, { className: "w-6 h-6" }) }),
+        /* @__PURE__ */ jsxs80("div", { className: "flex-1 text-left", children: [
+          /* @__PURE__ */ jsx86("div", { className: "font-medium", children: appToUntrust.appName }),
+          appToUntrust.hostname && /* @__PURE__ */ jsxs80("div", { className: "text-[10px]", children: [
+            "(",
+            appToUntrust.hostname,
+            ")"
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs80("div", { className: "text-[10px] text-[var(--ui-kit-fg-muted)] text-left space-y-1", children: [
+      /* @__PURE__ */ jsxs80("p", { children: [
+        t("passport:securityMenu.connectedApps.removalNoteTitle"),
+        ":"
+      ] }),
+      /* @__PURE__ */ jsxs80("ul", { className: "list-disc list-inside ml-2 space-y-0.5", children: [
+        /* @__PURE__ */ jsx86("li", { children: t("passport:securityMenu.connectedApps.removalNoteMsg1") }),
+        /* @__PURE__ */ jsx86("li", { children: t("passport:securityMenu.connectedApps.removalNoteMsg2") })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs80("div", { className: "w-full flex gap-[var(--ui-kit-gap)]", children: [
+      /* @__PURE__ */ jsx86(
+        Button,
+        {
+          variant: "outline",
+          size: "large",
+          className: "flex-1",
+          onClick: () => useSecurityStore.getState().untrustApp(null),
+          disabled: isUntrustingApp,
+          children: t("passport:common.cancel")
+        }
+      ),
+      /* @__PURE__ */ jsx86(
+        Button,
+        {
+          variant: "default",
+          size: "large",
+          className: "flex-1",
+          onClick: () => handleUntrustApp(),
+          disabled: isUntrustingApp,
+          children: isUntrustingApp ? /* @__PURE__ */ jsx86(Loader18, { className: "h-4 w-4 animate-spin" }) : t("passport:common.delete")
+        }
+      )
+    ] })
+  ] });
+}
+var init_UntrustApplication = __esm({
+  "src/internal/components/SecurityMenu/ConnectedApps/UntrustApplication.tsx"() {
+    init_SessionContext();
+    init_i18n();
+    init_iframe_manager();
+    init_button();
+    init_highlight();
+    init_constants5();
+    init_useSecurityStore();
+  }
+});
+
+// src/internal/components/SecurityMenu/ConnectedApps/index.ts
+var init_ConnectedApps2 = __esm({
+  "src/internal/components/SecurityMenu/ConnectedApps/index.ts"() {
+    init_ConnectedApps();
+    init_UntrustApplication();
+    init_useConnectedApps();
   }
 });
 
 // src/internal/components/SecurityMenu/Keyshare/KeyshareStatus.tsx
 import { Loader as Loader19 } from "lucide-react";
-import { jsx as jsx86, jsxs as jsxs80 } from "react/jsx-runtime";
+import { jsx as jsx87, jsxs as jsxs81 } from "react/jsx-runtime";
 function KeyshareStatus(props) {
   const { isLoading, content, icon: Icon2, children } = props;
-  if (isLoading) return /* @__PURE__ */ jsx86(Loader19, { className: "w-4 h-4 animate-spin" });
-  return /* @__PURE__ */ jsxs80("div", { className: "group relative w-full h-full", children: [
+  if (isLoading) return /* @__PURE__ */ jsx87(Loader19, { className: "w-4 h-4 animate-spin" });
+  return /* @__PURE__ */ jsxs81("div", { className: "group relative w-full h-full", children: [
     children,
-    /* @__PURE__ */ jsx86(
+    /* @__PURE__ */ jsx87(
       "div",
       {
         className: cn(
@@ -18617,10 +18819,10 @@ function KeyshareStatus(props) {
           "rounded-full bg-[var(--ui-kit-bg)]"
           //   'border border-[var(--ui-kit-bd)]'
         ),
-        children: /* @__PURE__ */ jsx86(Icon2, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx87(Icon2, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ jsx86(
+    /* @__PURE__ */ jsx87(
       "div",
       {
         style: { transform: "translateY(calc(var(--ui-kit-gap) * -4))" },
@@ -18645,7 +18847,7 @@ var init_KeyshareStatus = __esm({
 // src/internal/components/SecurityMenu/Keyshare/LastBackup.tsx
 import dayjs6 from "dayjs";
 import { DatabaseBackup } from "lucide-react";
-import { Fragment as Fragment33, jsx as jsx87, jsxs as jsxs81 } from "react/jsx-runtime";
+import { Fragment as Fragment33, jsx as jsx88, jsxs as jsxs82 } from "react/jsx-runtime";
 function parseOS(ua) {
   if (!ua) return null;
   if (ua.includes("Mac OS X")) return "Mac OS";
@@ -18671,18 +18873,18 @@ function LastBackup(props) {
   } = createdRecoveryStats || {};
   const hasBackupData = backup?.server?.enabled && backup.server.lastBackup || !backup.server.lastBackup && recoveryCreatedAt || backup.cloud.enabled && backup.cloud?.lastBackup || backup.local.enabled && backup.local.lastBackup;
   if (!hasBackupData || !createdRecoveryStats) return null;
-  return /* @__PURE__ */ jsxs81(Highlight, { type: "info", className: "text-[10px] leading-4", children: [
-    /* @__PURE__ */ jsxs81("span", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
-      /* @__PURE__ */ jsx87(DatabaseBackup, { className: "w-4 h-4 flex-none" }),
-      /* @__PURE__ */ jsx87("span", { className: "font-medium text-xs", children: t("passport:securityMenu.lastBackup") })
+  return /* @__PURE__ */ jsxs82(Highlight, { type: "info", className: "text-[10px] leading-4", children: [
+    /* @__PURE__ */ jsxs82("span", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
+      /* @__PURE__ */ jsx88(DatabaseBackup, { className: "w-4 h-4 flex-none" }),
+      /* @__PURE__ */ jsx88("span", { className: "font-medium text-xs", children: t("passport:securityMenu.lastBackup") })
     ] }),
-    recoveryCreatedAt && /* @__PURE__ */ jsxs81(Fragment33, { children: [
-      /* @__PURE__ */ jsx87("span", { className: "block font-mono! ", children: t("passport:securityMenu.lastBackupMeta", {
+    recoveryCreatedAt && /* @__PURE__ */ jsxs82(Fragment33, { children: [
+      /* @__PURE__ */ jsx88("span", { className: "block font-mono! ", children: t("passport:securityMenu.lastBackupMeta", {
         browser: cleanStringArtifacts(recoveryBrowser || "unknown"),
         os: parseOS(recoveryUa) || "unknown os",
         deviceName: cleanStringArtifacts(recoveryDeviceName || recoveryDeviceId || "")
       }) }),
-      /* @__PURE__ */ jsx87("span", { className: "block font-mono! text-[var(--ui-kit-fg-muted)]", children: dayjs6(recoveryCreatedAt).format("MMMM DD, YYYY HH:mm") })
+      /* @__PURE__ */ jsx88("span", { className: "block font-mono! text-[var(--ui-kit-fg-muted)]", children: dayjs6(recoveryCreatedAt).format("MMMM DD, YYYY HH:mm") })
     ] })
   ] });
 }
@@ -18697,85 +18899,133 @@ var init_LastBackup = __esm({
   }
 });
 
+// src/internal/components/SecurityMenu/Keyshare/useKeyshareRecoveryStats.ts
+import { useQuery as useQuery17 } from "@tanstack/react-query";
+function useKeyshareRecoveryStats() {
+  const session = useSession((st) => st.session);
+  const userId = session?.mpcUserId || null;
+  return useQuery17({
+    enabled: !!userId,
+    queryKey: [KEYSHARE_RECOVERY_STATS_QUERY, userId],
+    queryFn: async () => {
+      const iframeManager = getIframeManager();
+      if (!iframeManager) {
+        throw new Error("Iframe manager not available");
+      }
+      const keyshareInfo = await getKeyshareInfo(userId);
+      const shareRecoveryStats = await getShareRecoveryStats();
+      return {
+        keyshareInfo,
+        shareRecoveryStats
+      };
+    }
+  });
+}
+var init_useKeyshareRecoveryStats = __esm({
+  "src/internal/components/SecurityMenu/Keyshare/useKeyshareRecoveryStats.ts"() {
+    init_SessionContext();
+    init_keyshare();
+    init_iframe_manager();
+    init_vaultClient();
+    init_constants5();
+  }
+});
+
 // src/internal/components/SecurityMenu/Keyshare/Keyshare.tsx
-import { Cloud as Cloud3, Laptop, LoaderIcon as LoaderIcon9, Server as Server2 } from "lucide-react";
-import { Fragment as Fragment34, jsx as jsx88, jsxs as jsxs82 } from "react/jsx-runtime";
-function Keyshare(props) {
-  const { userId, serverHasKeyshare, localInfo, hasServerBackup, createdRecoveryStats, isLoading } = props;
+import { Cloud as Cloud3, Laptop, LoaderIcon as LoaderIcon10, Server as Server2 } from "lucide-react";
+import { useEffect as useEffect35 } from "react";
+import { Fragment as Fragment34, jsx as jsx89, jsxs as jsxs83 } from "react/jsx-runtime";
+function Keyshare() {
+  const userId = useSession((st) => st?.session?.mpcUserId);
   const { t } = useT();
+  const serverHasKeyshare = jwtTokenManager2.getHasKeyshare() ?? false;
+  const { data: recoveryData, isLoading: isRecoveryLoading } = useKeyshareRecoveryStats();
+  useEffect35(() => {
+    if (!recoveryData?.keyshareInfo || isRecoveryLoading) return;
+    useSecurityStore.getState().setRenderKey(`keyshare-loaded-${Date.now()}`);
+  }, [recoveryData, isRecoveryLoading]);
+  const localInfo = recoveryData?.keyshareInfo || {};
+  const hasServerBackup = !!recoveryData?.shareRecoveryStats?.created || recoveryData?.shareRecoveryStats?.devices?.length > 0;
   const backup = userId ? getBackupStatus(userId) : { server: { enabled: false }, cloud: { enabled: false }, local: { enabled: false } };
-  if (isLoading) {
-    return /* @__PURE__ */ jsx88("div", { className: "w-full flex items-center justify-center p-[var(--ui-kit-pd)]", children: /* @__PURE__ */ jsx88(LoaderIcon9, { className: "h-4 w-4 animate-spin" }) });
-  }
-  return /* @__PURE__ */ jsxs82(Fragment34, { children: [
-    /* @__PURE__ */ jsx88("span", { className: "font-medium text-xs text-[var(--ui-kit-fg)]", children: t("passport:securityMenu.keyshareStatus.title") }),
-    /* @__PURE__ */ jsxs82("div", { className: "grid grid-cols-3 gap-[var(--ui-kit-gap)] px-[var(--ui-kit-gap)]", children: [
-      /* @__PURE__ */ jsx88(
-        KeyshareStatus,
-        {
-          content: serverHasKeyshare ? t("passport:securityMenu.keyshareStatus.serverReady") : t("passport:securityMenu.keyshareStatus.serverMissing"),
-          icon: serverHasKeyshare ? PositiveIcon : NegativeIcon,
-          children: /* @__PURE__ */ jsxs82(
-            Highlight,
-            {
-              type: serverHasKeyshare ? "success" : "warning",
-              className: "w-full h-full flex flex-col items-center gap-0",
-              children: [
-                /* @__PURE__ */ jsx88(Cloud3, { className: "h-6 w-6" }),
-                /* @__PURE__ */ jsx88("span", { className: "text-[10px] font-medium leading-4", children: "Server Share" })
-              ]
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ jsx88(
-        KeyshareStatus,
-        {
-          content: localInfo?.hasKeyshare ? t("passport:securityMenu.keyshareStatus.localReady") : t("passport:securityMenu.keyshareStatus.localMissing"),
-          icon: localInfo?.hasKeyshare ? PositiveIcon : NegativeIcon,
-          children: /* @__PURE__ */ jsxs82(
-            Highlight,
-            {
-              type: localInfo?.hasKeyshare ? "success" : "warning",
-              className: "w-full h-full flex flex-col items-center gap-0",
-              children: [
-                /* @__PURE__ */ jsx88(Laptop, { className: "h-6 w-6" }),
-                /* @__PURE__ */ jsx88("span", { className: "text-[10px] font-medium leading-4", children: "Local Share" })
-              ]
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ jsx88(
-        KeyshareStatus,
-        {
-          content: hasServerBackup ? t("passport:securityMenu.keyshareStatus.valutBackupCreated") : t("passport:securityMenu.keyshareStatus.valutBackupMissing"),
-          icon: hasServerBackup ? PositiveIcon : NegativeIcon,
-          children: /* @__PURE__ */ jsxs82(
-            Highlight,
-            {
-              type: hasServerBackup ? "success" : "warning",
-              className: "w-full h-full flex flex-col items-center gap-0",
-              children: [
-                /* @__PURE__ */ jsx88(Server2, { className: "h-6 w-6" }),
-                /* @__PURE__ */ jsx88("span", { className: "text-[10px] font-medium leading-4", children: "Vault Backup" })
-              ]
-            }
-          )
-        }
-      )
+  const createdRecoveryStats = recoveryData?.shareRecoveryStats?.created;
+  return /* @__PURE__ */ jsxs83(Fragment34, { children: [
+    /* @__PURE__ */ jsxs83("div", { className: "flex items-center justify-between gap-[var(--ui-kit-gap)]", children: [
+      /* @__PURE__ */ jsx89("span", { className: "text-xs leading-4", children: t("passport:securityMenu.keyshareStatus.title") }),
+      isRecoveryLoading && /* @__PURE__ */ jsx89(LoaderIcon10, { className: "h-4 w-4 animate-spin" })
     ] }),
-    /* @__PURE__ */ jsx88(LastBackup, { backup, createdRecoveryStats })
+    !isRecoveryLoading && /* @__PURE__ */ jsxs83(Fragment34, { children: [
+      /* @__PURE__ */ jsxs83("div", { className: "grid grid-cols-3 gap-[var(--ui-kit-gap)] px-[var(--ui-kit-gap)]", children: [
+        /* @__PURE__ */ jsx89(
+          KeyshareStatus,
+          {
+            content: serverHasKeyshare ? t("passport:securityMenu.keyshareStatus.serverReady") : t("passport:securityMenu.keyshareStatus.serverMissing"),
+            icon: serverHasKeyshare ? PositiveIcon : NegativeIcon,
+            children: /* @__PURE__ */ jsxs83(
+              Highlight,
+              {
+                type: serverHasKeyshare ? "success" : "warning",
+                className: "w-full h-full flex flex-col items-center gap-0",
+                children: [
+                  /* @__PURE__ */ jsx89(Cloud3, { className: "h-6 w-6" }),
+                  /* @__PURE__ */ jsx89("span", { className: "text-[10px] font-medium leading-4", children: "Server Share" })
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx89(
+          KeyshareStatus,
+          {
+            content: localInfo?.hasKeyshare ? t("passport:securityMenu.keyshareStatus.localReady") : t("passport:securityMenu.keyshareStatus.localMissing"),
+            icon: localInfo?.hasKeyshare ? PositiveIcon : NegativeIcon,
+            children: /* @__PURE__ */ jsxs83(
+              Highlight,
+              {
+                type: localInfo?.hasKeyshare ? "success" : "warning",
+                className: "w-full h-full flex flex-col items-center gap-0",
+                children: [
+                  /* @__PURE__ */ jsx89(Laptop, { className: "h-6 w-6" }),
+                  /* @__PURE__ */ jsx89("span", { className: "text-[10px] font-medium leading-4", children: "Local Share" })
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx89(
+          KeyshareStatus,
+          {
+            content: hasServerBackup ? t("passport:securityMenu.keyshareStatus.valutBackupCreated") : t("passport:securityMenu.keyshareStatus.valutBackupMissing"),
+            icon: hasServerBackup ? PositiveIcon : NegativeIcon,
+            children: /* @__PURE__ */ jsxs83(
+              Highlight,
+              {
+                type: hasServerBackup ? "success" : "warning",
+                className: "w-full h-full flex flex-col items-center gap-0",
+                children: [
+                  /* @__PURE__ */ jsx89(Server2, { className: "h-6 w-6" }),
+                  /* @__PURE__ */ jsx89("span", { className: "text-[10px] font-medium leading-4", children: "Vault Backup" })
+                ]
+              }
+            )
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx89(LastBackup, { backup, createdRecoveryStats })
+    ] })
   ] });
 }
 var init_Keyshare = __esm({
   "src/internal/components/SecurityMenu/Keyshare/Keyshare.tsx"() {
+    init_SessionContext();
     init_useT();
     init_icons();
+    init_auth();
     init_vaultClient();
     init_highlight();
+    init_useSecurityStore();
     init_KeyshareStatus();
     init_LastBackup();
+    init_useKeyshareRecoveryStats();
     {
     }
     {
@@ -18787,95 +19037,18 @@ var init_Keyshare = __esm({
 var init_Keyshare2 = __esm({
   "src/internal/components/SecurityMenu/Keyshare/index.ts"() {
     init_Keyshare();
-  }
-});
-
-// src/internal/components/SecurityMenu/UntrustApplication.tsx
-import { AppWindowMac as AppWindowMac2, Loader as Loader20 } from "lucide-react";
-import { jsx as jsx89, jsxs as jsxs83 } from "react/jsx-runtime";
-function UntrustApplication(props) {
-  const { appToUntrust, isPending, cancelUntrust, handleUntrustApp } = props;
-  const { t } = useT();
-  return /* @__PURE__ */ jsxs83("div", { className: "flex flex-col gap-[var(--ui-kit-gap)]", children: [
-    /* @__PURE__ */ jsxs83(Highlight, { className: "flex flex-col gap-[var(--ui-kit-gap)]", type: "warning", children: [
-      /* @__PURE__ */ jsxs83("span", { className: "text-sm leading-5 font-bold", children: [
-        t("passport:securityMenu.connectedApps.untrustApp"),
-        "?"
-      ] }),
-      /* @__PURE__ */ jsxs83("div", { className: "w-full flex items-center justify-center gap-[var(--ui-kit-gap)]", children: [
-        appToUntrust.appLogo ? /* @__PURE__ */ jsx89("div", { className: "w-12 h-12 rounded-[var(--ui-kit-el-bdrs)] bg-[var(--ui-kit-bg)] flex-shrink-0 p-1", children: /* @__PURE__ */ jsx89("img", { src: appToUntrust.appLogo, alt: appToUntrust.appName, className: "w-full h-full object-contain" }) }) : /* @__PURE__ */ jsx89("div", { className: "w-12 h-12 rounded-[var(--ui-kit-el-bdrs)] bg-[var(--ui-kit-bg)] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx89(AppWindowMac2, { className: "w-6 h-6" }) }),
-        /* @__PURE__ */ jsxs83("div", { className: "flex-1 text-left", children: [
-          /* @__PURE__ */ jsx89("div", { className: "font-medium", children: appToUntrust.appName }),
-          appToUntrust.hostname && /* @__PURE__ */ jsxs83("div", { className: "text-[10px]", children: [
-            "(",
-            appToUntrust.hostname,
-            ")"
-          ] })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs83("div", { className: "text-[10px] text-[var(--ui-kit-fg-muted)] text-left space-y-1", children: [
-      /* @__PURE__ */ jsxs83("p", { children: [
-        t("passport:securityMenu.connectedApps.removalNoteTitle"),
-        ":"
-      ] }),
-      /* @__PURE__ */ jsxs83("ul", { className: "list-disc list-inside ml-2 space-y-0.5", children: [
-        /* @__PURE__ */ jsx89("li", { children: t("passport:securityMenu.connectedApps.removalNoteMsg1") }),
-        /* @__PURE__ */ jsx89("li", { children: t("passport:securityMenu.connectedApps.removalNoteMsg2") })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs83("div", { className: "w-full flex gap-[var(--ui-kit-gap)]", children: [
-      /* @__PURE__ */ jsx89(Button, { variant: "outline", size: "large", className: "flex-1", onClick: () => cancelUntrust(), disabled: isPending, children: t("passport:common.cancel") }),
-      /* @__PURE__ */ jsx89(Button, { variant: "default", size: "large", className: "flex-1", onClick: handleUntrustApp, disabled: isPending, children: isPending ? /* @__PURE__ */ jsx89(Loader20, { className: "h-4 w-4 animate-spin" }) : t("passport:common.delete") })
-    ] })
-  ] });
-}
-var init_UntrustApplication = __esm({
-  "src/internal/components/SecurityMenu/UntrustApplication.tsx"() {
-    init_i18n();
-    init_button();
-    init_highlight();
+    init_useKeyshareRecoveryStats();
   }
 });
 
 // src/internal/components/SecurityMenu/SecurityMenu.tsx
-import { useMutation as useMutation18, useQueryClient as useQueryClient21 } from "@tanstack/react-query";
 import { ArrowLeft as ArrowLeft18 } from "lucide-react";
-import { useState as useState22 } from "react";
-import { jsx as jsx90, jsxs as jsxs84 } from "react/jsx-runtime";
+import { Fragment as Fragment35, jsx as jsx90, jsxs as jsxs84 } from "react/jsx-runtime";
 function SecurityMenu() {
-  const qc = useQueryClient21();
   const { t } = useT();
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
-  const setPage = useLayoutDataStore((st) => st.setPage);
-  const userId = jwtTokenManager2.getUserId();
-  const serverHasKeyshare = jwtTokenManager2.getHasKeyshare() ?? false;
-  const [appToUntrust, untrustApp] = useState22(null);
-  const { data: recoveryData, isLoading: isRecoveryLoading } = useKeyshareRecoveryStats();
-  const localInfo = recoveryData?.keyshareInfo || {};
-  const hasServerBackup = !!recoveryData?.shareRecoveryStats?.created || recoveryData?.shareRecoveryStats?.devices?.length > 0;
-  const { mutate: handleUntrustApp, isPending: isUntrustingApp } = useMutation18({
-    mutationFn: async () => {
-      if (!userId || !appToUntrust) return;
-      const iframeManager = getIframeManager();
-      if (!iframeManager) {
-        throw new Error("Iframe manager not available");
-      }
-      return await iframeManager.removeTrustedApp(userId, appToUntrust.projectId, appToUntrust.origin);
-    },
-    onSuccess: (success) => {
-      if (!success) {
-        console.error("[SecurityMenu] Failed to remove trusted app from iframe");
-        return;
-      }
-      qc.invalidateQueries({ queryKey: [CONNECTED_TRUSTED_APPS_QUERY, userId] });
-      untrustApp(null);
-    },
-    onError: (error) => {
-      const errorMessage = error instanceof Error ? error.message : "Unknown error";
-      console.error("[SecurityMenu] Error removing trusted app:", errorMessage);
-    }
-  });
+  const appToUntrust = useSecurityStore((st) => st.appToUntrust);
+  const renderKey = useSecurityStore((st) => st.renderKey);
   return /* @__PURE__ */ jsx90(
     "div",
     {
@@ -18893,35 +19066,24 @@ function SecurityMenu() {
               size: "icon",
               title: t("passport:common.back"),
               onClick: () => {
-                if (!!appToUntrust) untrustApp(null);
-                else setPage("settings" /* SETTINGS */);
+                const { appToUntrust: appToUntrust2, untrustApp } = useSecurityStore.getState();
+                if (!!appToUntrust2) {
+                  untrustApp(null);
+                } else {
+                  useLayoutDataStore.getState().setPage("settings" /* SETTINGS */);
+                }
               },
               children: /* @__PURE__ */ jsx90(ArrowLeft18, { className: "h-4 w-4" })
             }
           ),
           /* @__PURE__ */ jsx90("span", { className: "text-xl font-semibold", children: t("passport:securityMenu.title") })
         ] }),
-        appToUntrust && /* @__PURE__ */ jsx90(
-          UntrustApplication,
-          {
-            appToUntrust,
-            isPending: isRecoveryLoading || isUntrustingApp,
-            cancelUntrust: () => untrustApp(null),
-            handleUntrustApp: async () => await handleUntrustApp()
-          }
-        ),
-        !appToUntrust && /* @__PURE__ */ jsx90(
-          Keyshare,
-          {
-            userId,
-            serverHasKeyshare,
-            localInfo,
-            hasServerBackup,
-            isLoading: isRecoveryLoading,
-            createdRecoveryStats: recoveryData?.shareRecoveryStats?.created
-          }
-        ),
-        !appToUntrust && /* @__PURE__ */ jsx90(ConnectedApps, { isLoading: isRecoveryLoading, untrustApp })
+        appToUntrust && /* @__PURE__ */ jsx90(UntrustApplication, {}),
+        !appToUntrust && /* @__PURE__ */ jsxs84(Fragment35, { children: [
+          /* @__PURE__ */ jsx90(Keyshare, {}),
+          /* @__PURE__ */ jsx90(ConnectedApps, {})
+        ] }),
+        /* @__PURE__ */ jsx90("div", { className: "w-full" }, renderKey)
       ] })
     }
   );
@@ -18929,17 +19091,13 @@ function SecurityMenu() {
 var init_SecurityMenu = __esm({
   "src/internal/components/SecurityMenu/SecurityMenu.tsx"() {
     init_i18n();
-    init_auth();
     init_useLayoutDataStore();
     init_useLayoutStore();
-    init_iframe_manager();
     init_Expandable2();
     init_button();
-    init_ConnectedApps();
-    init_constants5();
-    init_hooks2();
+    init_ConnectedApps2();
     init_Keyshare2();
-    init_UntrustApplication();
+    init_useSecurityStore();
   }
 });
 
@@ -18947,6 +19105,8 @@ var init_SecurityMenu = __esm({
 var init_SecurityMenu2 = __esm({
   "src/internal/components/SecurityMenu/index.ts"() {
     init_SecurityMenu();
+    init_ConnectedApps2();
+    init_Keyshare2();
   }
 });
 
@@ -19042,12 +19202,12 @@ var init_wallet = __esm({
 });
 
 // src/internal/components/SendMenu/useFlowSelector.ts
-import { create as create10 } from "zustand";
+import { create as create11 } from "zustand";
 import { persist as persist2 } from "zustand/middleware";
 var useFlowSelectorStore;
 var init_useFlowSelector = __esm({
   "src/internal/components/SendMenu/useFlowSelector.ts"() {
-    useFlowSelectorStore = create10()(
+    useFlowSelectorStore = create11()(
       persist2(
         (set) => ({
           renderKey: Date.now().toString(),
@@ -19112,7 +19272,7 @@ var init_chains = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/useBridgeStore.ts
-import { create as create11 } from "zustand";
+import { create as create12 } from "zustand";
 import { persist as persist3 } from "zustand/middleware";
 var RESETABLE_STATES, useBridgeStore;
 var init_useBridgeStore = __esm({
@@ -19128,7 +19288,7 @@ var init_useBridgeStore = __esm({
       isQuoteEstimating: false,
       bridgeHistoryItem: null
     };
-    useBridgeStore = create11()(
+    useBridgeStore = create12()(
       persist3(
         (set, get) => ({
           bridgeSenders: [],
@@ -19186,7 +19346,7 @@ var init_useBridgeStore = __esm({
 // src/internal/components/SendMenu/hyperbridge/components/SenderSelector.tsx
 import { useConnectModal } from "@rainbow-me/rainbowkit";
 import { useMutation as useMutation19 } from "@tanstack/react-query";
-import { useEffect as useEffect33, useRef as useRef17, useState as useState23 } from "react";
+import { useEffect as useEffect36, useRef as useRef18, useState as useState22 } from "react";
 import { useSignMessage } from "wagmi";
 import { jsx as jsx91, jsxs as jsxs85 } from "react/jsx-runtime";
 function SenderSelector(props) {
@@ -19197,12 +19357,12 @@ function SenderSelector(props) {
   const { openConnectModal } = useConnectModal();
   const directWalletAddress = useExternalWalletStore((st) => st.externalAddress);
   const directWalletIsConnected = useExternalWalletStore((st) => st.isExternalConnected);
-  const pendingWalletRef = useRef17(null);
+  const pendingWalletRef = useRef18(null);
   const originChain = useBridgeStore((st) => st.originChain);
   const bridgeSender = useBridgeStore((st) => st.bridgeSender);
   const bridgeSenders = useBridgeStore((st) => st.bridgeSenders);
-  const [walletMessage, setWalletMessage] = useState23(null);
-  useEffect33(() => {
+  const [walletMessage, setWalletMessage] = useState22(null);
+  useEffect36(() => {
     useFlowSelectorStore.getState().setRenderKey(`sender-selected-${Date.now()}`);
   }, [walletMessage]);
   const { mutate: loginDirectWallet, isPending: isDirectWalletLoggingIn } = useMutation19({
@@ -19258,7 +19418,7 @@ function SenderSelector(props) {
       setWalletMessage(error instanceof Error ? error.message : "Wallet login failed. Please try again.");
     }
   });
-  useEffect33(() => {
+  useEffect36(() => {
     const pendingProfile = pendingWalletRef.current;
     if (!pendingProfile || !directWalletIsConnected || !directWalletAddress) return;
     if (directWalletAddress.toLowerCase() !== pendingProfile.externalId?.toLowerCase()) return;
@@ -19431,12 +19591,12 @@ var init_wallets = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/hooks/useAvailableSenders.ts
-import { useEffect as useEffect34, useRef as useRef18 } from "react";
+import { useEffect as useEffect37, useRef as useRef19 } from "react";
 function useAvailableSenders() {
   const address = useSession((st) => st.address);
   const { profiles } = useLinkedProfiles();
-  const lastCalcedSenders = useRef18([]);
-  useEffect34(() => {
+  const lastCalcedSenders = useRef19([]);
+  useEffect37(() => {
     const sendersAccumulator = [
       {
         type: "embarkai-wallet",
@@ -19798,7 +19958,7 @@ var init_utils8 = __esm({
 // src/internal/components/SendMenu/hyperbridge/hooks/useHyperlaneHistory.ts
 import { useInfiniteQuery as useInfiniteQuery3 } from "@tanstack/react-query";
 import { debounce as debounce7 } from "lodash-es";
-import { useCallback as useCallback27, useEffect as useEffect35, useMemo as useMemo12 } from "react";
+import { useCallback as useCallback26, useEffect as useEffect38, useMemo as useMemo12 } from "react";
 function useHyperlaneHistory() {
   const address = useSession((st) => st.address);
   const page = useLayoutDataStore((st) => st.page);
@@ -19818,13 +19978,13 @@ function useHyperlaneHistory() {
     () => txHistoryData?.pages?.map((p) => p.data).flat(Infinity) || [],
     [txHistoryData]
   );
-  const updateExpandable = useCallback27(
+  const updateExpandable = useCallback26(
     debounce7(() => {
       useFlowSelectorStore.getState().setRenderKey(`hyperlane-history-loaded-${Date.now()}`);
     }, 250),
     []
   );
-  useEffect35(() => {
+  useEffect38(() => {
     if (isBridgeTxHistoryLoading || txList.length === 0) return;
     updateExpandable();
   }, [isBridgeTxHistoryLoading, txList]);
@@ -19845,11 +20005,11 @@ var init_useHyperlaneHistory = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/hooks/useOperationHashesStore.ts
-import { create as create12 } from "zustand";
+import { create as create13 } from "zustand";
 var useOperationHashesStore;
 var init_useOperationHashesStore = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useOperationHashesStore.ts"() {
-    useOperationHashesStore = create12((set) => ({
+    useOperationHashesStore = create13((set) => ({
       hyperlaneDatabaseTx: null,
       operationHashes: [],
       setHyperlaneDatabaseTx: (hyperlaneDatabaseTx) => set({ hyperlaneDatabaseTx }),
@@ -19860,7 +20020,7 @@ var init_useOperationHashesStore = __esm({
 
 // src/internal/components/SendMenu/hyperbridge/hooks/useBridge.ts
 import { useMutation as useMutation20, useQueryClient as useQueryClient22 } from "@tanstack/react-query";
-import { useCallback as useCallback28 } from "react";
+import { useCallback as useCallback27 } from "react";
 import { useSwitchChain, useWalletClient } from "wagmi";
 function useBridge() {
   const qc = useQueryClient22();
@@ -19868,7 +20028,7 @@ function useBridge() {
   const address = useSession((st) => st.address);
   const { data: walletClient } = useWalletClient();
   const { switchChainAsync } = useSwitchChain();
-  const swapDirection = useCallback28(() => {
+  const swapDirection = useCallback27(() => {
     const {
       bridgeStep,
       originChain,
@@ -19920,7 +20080,7 @@ function useBridge() {
       useFlowSelectorStore.getState().setError(error instanceof Error ? error.message : String(error));
     }
   });
-  const handleQuoteEstimation = useCallback28((amnt) => {
+  const handleQuoteEstimation = useCallback27((amnt) => {
     const { originChain, destinationChain, bridgeSender } = useBridgeStore.getState();
     if (!amnt || !Number(amnt)) {
       useBridgeStore.getState().setQuote(null);
@@ -20064,7 +20224,7 @@ var init_useBridge = __esm({
 
 // src/internal/components/SendMenu/hyperbridge/hooks/useHyperlaneRoutes.ts
 import { useQuery as useQuery18 } from "@tanstack/react-query";
-import { useEffect as useEffect36 } from "react";
+import { useEffect as useEffect39 } from "react";
 function useHyperlaneRoutes() {
   const address = useSession((st) => st.address);
   const page = useLayoutDataStore((st) => st.page);
@@ -20084,7 +20244,7 @@ function useHyperlaneRoutes() {
       return warpRoutes;
     }
   });
-  useEffect36(() => {
+  useEffect39(() => {
     if (!errorWarpRoutes) return;
     useFlowSelectorStore.getState().setError(errorWarpRoutes.message);
     const { resetSelections, setRecipient, setOriginChain, setDestinationChain } = useBridgeStore.getState();
@@ -20093,7 +20253,7 @@ function useHyperlaneRoutes() {
     setOriginChain(null);
     setDestinationChain(null);
   }, [errorWarpRoutes]);
-  useEffect36(() => {
+  useEffect39(() => {
     if (!!hyperRoute || !hyperlaneWarpRoutes.length) return;
     const warpRouteToAutoSelect = hyperlaneWarpRoutes.find((route) => route.routeId === hyperRoute);
     if (!warpRouteToAutoSelect) return;
@@ -20126,13 +20286,13 @@ var init_useHyperlaneRoutes = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/hooks/useMenuTitle.ts
-import { useEffect as useEffect37 } from "react";
+import { useEffect as useEffect40 } from "react";
 function useMenuTitle(warpRoutes) {
   const { t } = useT();
   const bridgeStep = useBridgeStore((st) => st.bridgeStep);
   const hyperRoute = useBridgeStore((st) => st.hyperRoute);
   const hyperRouteMeta = warpRoutes?.length ? warpRoutes.find((route) => route.routeId === hyperRoute) : null;
-  useEffect37(() => {
+  useEffect40(() => {
     const updateMenuTitle = useFlowSelectorStore.getState().setMenuTitle;
     switch (true) {
       case bridgeStep === "sender-selector":
@@ -20184,7 +20344,7 @@ var init_ResolveChainIcon = __esm({
 // src/internal/components/SendMenu/hyperbridge/hooks/useBridgeBalance.ts
 import { CHAINS_BROWSERS_TRANSPORTS as CHAINS_BROWSERS_TRANSPORTS2 } from "@embarkai/core";
 import { useQuery as useQuery19, useQueryClient as useQueryClient23 } from "@tanstack/react-query";
-import { useCallback as useCallback29, useEffect as useEffect38 } from "react";
+import { useCallback as useCallback28, useEffect as useEffect41 } from "react";
 import { createPublicClient as createPublicClient2, erc20Abi as erc20Abi2, formatUnits as formatUnits7, http as http3 } from "viem";
 import { useSwitchChain as useSwitchChain2 } from "wagmi";
 function checkWrapedTokenSymbol2(symbol) {
@@ -20279,7 +20439,7 @@ function useBridgeBalance(hyperlaneWarpRoutes) {
       };
     }
   });
-  const refreshRouteTokenBalance = useCallback29(
+  const refreshRouteTokenBalance = useCallback28(
     (senderWallet) => {
       switch (true) {
         case senderWallet === "embarkai-wallet":
@@ -20295,7 +20455,7 @@ function useBridgeBalance(hyperlaneWarpRoutes) {
     },
     [refreshBalances, qc]
   );
-  useEffect38(() => {
+  useEffect41(() => {
     if (!bridgeSender || !originChain) return;
     switch (bridgeSender) {
       case "embarkai-wallet":
@@ -20344,9 +20504,9 @@ var init_useBridgeBalance = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/steps/SelectStep.tsx
-import { ArrowLeftRightIcon, ArrowRightLeftIcon, LoaderIcon as LoaderIcon10, Wallet2Icon as Wallet2Icon2, XIcon } from "lucide-react";
-import { Fragment as Fragment35 } from "react";
-import { Fragment as Fragment36, jsx as jsx95, jsxs as jsxs88 } from "react/jsx-runtime";
+import { ArrowLeftRightIcon, ArrowRightLeftIcon, LoaderIcon as LoaderIcon11, Wallet2Icon as Wallet2Icon2, XIcon } from "lucide-react";
+import { Fragment as Fragment36 } from "react";
+import { Fragment as Fragment37, jsx as jsx95, jsxs as jsxs88 } from "react/jsx-runtime";
 function SelectStep(props) {
   const { swapChains, hyperlaneWarpRoutes = [], isLoadingWarpRoutes, handleQuoteEstimation } = props;
   const { t } = useT();
@@ -20370,7 +20530,7 @@ function SelectStep(props) {
   const SelectedWarpRoteIcon = TOKENS_ICONS[(selectedWarpRoute?.symbol || "null_icon").toUpperCase()] || TOKENS_ICONS.EMBARKAI;
   const isError = useFlowSelectorStore((st) => !!st.error);
   if (isLoadingWarpRoutes) {
-    return /* @__PURE__ */ jsx95("div", { className: "w-full flex items-center justify-center p-[var(--ui-kit-pd)]", children: /* @__PURE__ */ jsx95(LoaderIcon10, { className: "w-4 h-4 animate-spin" }) });
+    return /* @__PURE__ */ jsx95("div", { className: "w-full flex items-center justify-center p-[var(--ui-kit-pd)]", children: /* @__PURE__ */ jsx95(LoaderIcon11, { className: "w-4 h-4 animate-spin" }) });
   }
   const isBalanceInsufficient = !routeTokenBalance || Number(amount || 0) > Number(routeTokenBalance || 0);
   const isFalsyAmount = !amount || !Number(amount) || Number(amount) <= 0;
@@ -20418,7 +20578,7 @@ function SelectStep(props) {
             t("passport:common.balance"),
             ": "
           ] }),
-          isRouteTokenBalanceLoading && /* @__PURE__ */ jsx95(LoaderIcon10, { className: "w-4 h-4 animate-spin text-[var(--ui-kit-fg-muted)]" }),
+          isRouteTokenBalanceLoading && /* @__PURE__ */ jsx95(LoaderIcon11, { className: "w-4 h-4 animate-spin text-[var(--ui-kit-fg-muted)]" }),
           !isRouteTokenBalanceLoading && /* @__PURE__ */ jsxs88("span", { className: cn("font-semibold", { "text-[var(--ui-kit-bg-error)]": isBalanceInsufficient }), children: [
             formatPrice(Number(routeTokenBalance || 0)),
             " ",
@@ -20450,7 +20610,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__ */ jsxs88(Fragment35, { children: [
+                children: selectedWarpRoute.chainPair.map((chain, chIdx) => /* @__PURE__ */ jsxs88(Fragment36, { children: [
                   chIdx > 0 && /* @__PURE__ */ jsx95(ArrowLeftRightIcon, { className: "w-4 h-4 " }),
                   /* @__PURE__ */ jsx95(ResolveChainIcon, { chainName: chain.chainName, className: "w-4 h-4" })
                 ] }, `${selectedWarpRoute.id}-icon-${chain.chainID}-${chIdx}`))
@@ -20473,7 +20633,7 @@ function SelectStep(props) {
         }
       ),
       /* @__PURE__ */ jsxs88("div", { className: "w-full flex items-center justify-center", children: [
-        /* @__PURE__ */ jsx95(Badge, { variant: "outline", size: "large", className: "block flex-1 flex gap-[var(--ui-kit-gap)] justify-center", children: originChain ? /* @__PURE__ */ jsxs88(Fragment36, { children: [
+        /* @__PURE__ */ jsx95(Badge, { variant: "outline", size: "large", className: "block flex-1 flex gap-[var(--ui-kit-gap)] justify-center", children: originChain ? /* @__PURE__ */ jsxs88(Fragment37, { children: [
           /* @__PURE__ */ jsx95(ResolveChainIcon, { chainName: originChain, className: "w-6 h-6" }),
           /* @__PURE__ */ jsx95("span", { className: "block max-w-[100px] truncate", children: CHAINS_UI_META[originChain]?.chainLabel })
         ] }) : /* @__PURE__ */ jsx95("span", { className: "text-[var(--ui-kit-fg-muted)]", children: "N/A" }) }),
@@ -20487,7 +20647,7 @@ function SelectStep(props) {
             children: /* @__PURE__ */ jsx95(ArrowRightLeftIcon, { className: "w-4 h-4 " })
           }
         ),
-        /* @__PURE__ */ jsx95(Badge, { variant: "outline", size: "large", className: "block flex-1 flex gap-[var(--ui-kit-gap)] justify-center", children: destinationChain ? /* @__PURE__ */ jsxs88(Fragment36, { children: [
+        /* @__PURE__ */ jsx95(Badge, { variant: "outline", size: "large", className: "block flex-1 flex gap-[var(--ui-kit-gap)] justify-center", children: destinationChain ? /* @__PURE__ */ jsxs88(Fragment37, { children: [
           /* @__PURE__ */ jsx95(ResolveChainIcon, { chainName: destinationChain, className: "w-6 h-6" }),
           /* @__PURE__ */ jsx95("span", { className: "block max-w-[100px] truncate", children: CHAINS_UI_META[destinationChain]?.chainLabel })
         ] }) : /* @__PURE__ */ jsx95("span", { className: "text-[var(--ui-kit-fg-muted)]", children: "N/A" }) })
@@ -20578,7 +20738,7 @@ function SelectStep(props) {
         onClick: () => handleQuoteEstimation(amount),
         disabled: isQuoteEstimationDisabled,
         children: [
-          isQuoteEstimating && /* @__PURE__ */ jsx95(LoaderIcon10, { className: "h-4 w-4 animate-spin" }),
+          isQuoteEstimating && /* @__PURE__ */ jsx95(LoaderIcon11, { className: "h-4 w-4 animate-spin" }),
           /* @__PURE__ */ jsx95("span", { children: isBalanceInsufficient ? t("passport:bridgeMenu.statuses.balanceInsufficient").toUpperCase() : t("passport:bridgeMenu.actions.estimateQuote").toUpperCase() })
         ]
       }
@@ -20633,12 +20793,12 @@ var init_checkbox = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/steps/ConfirmStep.tsx
-import { LoaderIcon as LoaderIcon11 } from "lucide-react";
-import { useState as useState24 } from "react";
+import { LoaderIcon as LoaderIcon12 } from "lucide-react";
+import { useState as useState23 } from "react";
 import { jsx as jsx97, jsxs as jsxs89 } from "react/jsx-runtime";
 function ConfirmStep(props) {
   const { isAssetBridging, bridgeAsset, hyperlaneWarpRoutes } = props;
-  const [userConsent, setUserConsent] = useState24(false);
+  const [userConsent, setUserConsent] = useState23(false);
   const { t } = useT();
   const address = useSession((st) => st.address);
   const bridgeSender = useBridgeStore((st) => st.bridgeSenders.find((s) => s.type === st.bridgeSender));
@@ -20740,7 +20900,7 @@ function ConfirmStep(props) {
         onClick: () => bridgeAsset(),
         className: "w-full",
         children: [
-          isAssetBridging && /* @__PURE__ */ jsx97(LoaderIcon11, { className: "h-4 w-4 animate-spin" }),
+          isAssetBridging && /* @__PURE__ */ jsx97(LoaderIcon12, { className: "h-4 w-4 animate-spin" }),
           /* @__PURE__ */ jsx97("span", { children: (bridgeTxStatus || t("passport:common.continue")).toUpperCase() })
         ]
       }
@@ -20857,7 +21017,7 @@ var init_SuccessStep = __esm({
 // src/internal/components/SendMenu/hyperbridge/steps/HistoryStep.tsx
 import { useQueryClient as useQueryClient24 } from "@tanstack/react-query";
 import dayjs7 from "dayjs";
-import { ArrowRightIcon, DownloadIcon as DownloadIcon2, ExternalLinkIcon as ExternalLinkIcon3, InfoIcon as InfoIcon4, LoaderIcon as LoaderIcon12 } from "lucide-react";
+import { ArrowRightIcon, DownloadIcon as DownloadIcon2, ExternalLinkIcon as ExternalLinkIcon3, InfoIcon as InfoIcon5, LoaderIcon as LoaderIcon13 } from "lucide-react";
 import { jsx as jsx99, jsxs as jsxs91 } from "react/jsx-runtime";
 function HistoryDetailsStep() {
   const { t } = useT();
@@ -21064,7 +21224,7 @@ function HistoryItem(props) {
               setBridgeStep("tx-history-details");
             },
             children: [
-              /* @__PURE__ */ jsx99(InfoIcon4, { className: "w-4 h-4" }),
+              /* @__PURE__ */ jsx99(InfoIcon5, { className: "w-4 h-4" }),
               /* @__PURE__ */ jsx99("span", { className: "text-xs leading-5", children: t("passport:common.details") })
             ]
           }
@@ -21083,7 +21243,7 @@ function HistoryStep() {
     return /* @__PURE__ */ jsx99(Highlight, { type: "info", className: "w-full text-center text-[10px] text-[var(--ui-kit-fg-muted)] leading-4", children: t("passport:bridgeMenu.errors.noHistory") });
   }
   return /* @__PURE__ */ jsxs91("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
-    isLoading && /* @__PURE__ */ jsx99("div", { className: "w-full flex items-center justify-center p-[var(--ui-kit-pd)]", children: /* @__PURE__ */ jsx99(LoaderIcon12, { className: "w-4 h-4 animate-spin" }) }),
+    isLoading && /* @__PURE__ */ jsx99("div", { className: "w-full flex items-center justify-center p-[var(--ui-kit-pd)]", children: /* @__PURE__ */ jsx99(LoaderIcon13, { className: "w-4 h-4 animate-spin" }) }),
     !isLoading && txList.map((item) => /* @__PURE__ */ jsx99(HistoryItem, { ...item }, item.id)),
     hasNextPage && /* @__PURE__ */ jsxs91(
       Button,
@@ -21094,7 +21254,7 @@ function HistoryStep() {
         className: "w-full",
         onClick: () => fetchNextPage(),
         children: [
-          isTxDataFetching ? /* @__PURE__ */ jsx99(LoaderIcon12, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx99(DownloadIcon2, { className: "w-4 h-4" }),
+          isTxDataFetching ? /* @__PURE__ */ jsx99(LoaderIcon13, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx99(DownloadIcon2, { className: "w-4 h-4" }),
           t("passport:common.loadMore")
         ]
       }
@@ -21123,12 +21283,12 @@ var init_HistoryStep = __esm({
 
 // src/internal/components/SendMenu/hyperbridge/steps/SelectAssetRoute.tsx
 import { ArrowLeftRightIcon as ArrowLeftRightIcon2 } from "lucide-react";
-import { useMemo as useMemo13, useState as useState25 } from "react";
-import { Fragment as Fragment37, jsx as jsx100, jsxs as jsxs92 } from "react/jsx-runtime";
+import { useMemo as useMemo13, useState as useState24 } from "react";
+import { Fragment as Fragment38, jsx as jsx100, jsxs as jsxs92 } from "react/jsx-runtime";
 function SelectAssetRoute(props) {
   const { hyperlaneWarpRoutes } = props;
   const { t } = useT();
-  const [isTokenSymbolSelector, setIsTokenSymbolSelector] = useState25(false);
+  const [isTokenSymbolSelector, setIsTokenSymbolSelector] = useState24(false);
   const selectedAssetSymbol = useBridgeStore((st) => st.bridgeAssetSymbol);
   const tokenList = useMemo13(() => {
     const tokens = hyperlaneWarpRoutes.map((route) => route.symbol);
@@ -21170,13 +21330,13 @@ function SelectAssetRoute(props) {
           setIsTokenSymbolSelector(true);
           useFlowSelectorStore.getState().setRenderKey(`hyperlane-route-asset-selector-${Date.now()}`);
         },
-        children: selectedAsset ? /* @__PURE__ */ jsxs92(Fragment37, { children: [
+        children: selectedAsset ? /* @__PURE__ */ jsxs92(Fragment38, { children: [
           /* @__PURE__ */ jsx100(selectedAsset.Icon, { className: "w-6 h-6" }),
           selectedAsset.symbol
         ] }) : t("passport:bridgeMenu.actions.selectAsset")
       }
     ),
-    availableChainPairs.length > 0 && /* @__PURE__ */ jsxs92(Fragment37, { children: [
+    availableChainPairs.length > 0 && /* @__PURE__ */ jsxs92(Fragment38, { children: [
       /* @__PURE__ */ jsx100("span", { className: "block text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:bridgeMenu.labels.availableChainPairs") }),
       /* @__PURE__ */ jsx100("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: availableChainPairs.map(([fromChain, toChain]) => /* @__PURE__ */ jsxs92(
         Button,
@@ -21251,20 +21411,20 @@ var init_steps = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/HyperlaneBridge.tsx
-import { useEffect as useEffect39 } from "react";
-import { Fragment as Fragment38, jsx as jsx101, jsxs as jsxs93 } from "react/jsx-runtime";
+import { useEffect as useEffect42 } from "react";
+import { Fragment as Fragment39, jsx as jsx101, jsxs as jsxs93 } from "react/jsx-runtime";
 function HyperlaneBridge() {
   const bridgeStep = useBridgeStore((st) => st.bridgeStep);
   const { swapDirection, handleQuoteEstimation, bridgeAsset, isAssetBridging } = useBridge();
   const { hyperlaneWarpRoutes, isLoadingWarpRoutes } = useHyperlaneRoutes();
   const { directWalletProfile } = useAvailableSenders();
   useMenuTitle(hyperlaneWarpRoutes);
-  useEffect39(() => {
+  useEffect42(() => {
     return () => {
       useBridgeStore.getState().resetSelections();
     };
   }, []);
-  return /* @__PURE__ */ jsxs93(Fragment38, { children: [
+  return /* @__PURE__ */ jsxs93(Fragment39, { children: [
     bridgeStep === "sender-selector" && /* @__PURE__ */ jsx101(SenderSelector, { directWalletProfile }),
     bridgeStep === "select" && /* @__PURE__ */ jsx101(
       SelectStep,
@@ -21305,14 +21465,14 @@ var init_HyperlaneBridge = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/components/HistorySwitch.tsx
-import { useRef as useRef19 } from "react";
+import { useRef as useRef20 } from "react";
 import { jsx as jsx102 } from "react/jsx-runtime";
 function BridgeHistorySwitch(props) {
   const { disabled } = props;
   const selectorFlow = useFlowSelectorStore((st) => st.flow);
   const isUiLocked = useFlowSelectorStore((st) => st.isUiLocked);
   const bridgeStep = useBridgeStore((st) => st.bridgeStep);
-  const lastBridgeStepRef = useRef19(null);
+  const lastBridgeStepRef = useRef20(null);
   if (selectorFlow !== "bridge" || bridgeStep === "confirm" || bridgeStep === "success" || bridgeStep === "sender-selector" || bridgeStep === "select-token" || bridgeStep === "tx-history-details") {
     return null;
   }
@@ -21414,7 +21574,7 @@ var init_useErc3643Compliance = __esm({
 
 // src/hooks/useNicknameResolve.ts
 import { useQuery as useQuery20 } from "@tanstack/react-query";
-import { useEffect as useEffect40, useMemo as useMemo14, useState as useState26 } from "react";
+import { useEffect as useEffect43, useMemo as useMemo14, useState as useState25 } from "react";
 function looksLikeNickname(input) {
   if (!input) return false;
   if (input.startsWith("0x")) return false;
@@ -21424,11 +21584,11 @@ function looksLikeNickname(input) {
 }
 function useNicknameResolve(input, options) {
   const { enabled = true, chainId } = options;
-  const [debouncedInput, setDebouncedInput] = useState26("");
-  const [isDebouncing, setIsDebouncing] = useState26(false);
+  const [debouncedInput, setDebouncedInput] = useState25("");
+  const [isDebouncing, setIsDebouncing] = useState25(false);
   const normalized = normalizeNickname(input);
   const isNicknameInput = looksLikeNickname(input) && normalized.length >= 3;
-  useEffect40(() => {
+  useEffect43(() => {
     if (!isNicknameInput || !enabled) {
       setDebouncedInput("");
       setIsDebouncing(false);
@@ -21488,15 +21648,15 @@ var init_useNicknameResolve = __esm({
 });
 
 // src/hooks/useSendTransaction.ts
-import { useCallback as useCallback30, useState as useState27 } from "react";
+import { useCallback as useCallback29, useState as useState26 } from "react";
 import { encodeFunctionData as encodeFunctionData2, isAddress, parseEther as parseEther2, parseUnits } from "viem";
 function useSendTransaction() {
   const session = useSession((st) => st.session);
   const address = useSession((st) => st.address);
-  const [isLoading, setIsLoading] = useState27(false);
-  const [error, setError] = useState27(null);
-  const [userOpHash, setUserOpHash] = useState27(null);
-  const sendTransaction = useCallback30(
+  const [isLoading, setIsLoading] = useState26(false);
+  const [error, setError] = useState26(null);
+  const [userOpHash, setUserOpHash] = useState26(null);
+  const sendTransaction = useCallback29(
     async (params) => {
       if (!session || !address) {
         setError("No active session");
@@ -21593,7 +21753,7 @@ function useSendTransaction() {
     },
     [session, address]
   );
-  const reset = useCallback30(() => {
+  const reset = useCallback29(() => {
     setError(null);
     setUserOpHash(null);
     setIsLoading(false);
@@ -21748,10 +21908,10 @@ var init_AssetInputIcon = __esm({
 
 // src/internal/components/SendMenu/send/components/NftDisplayCard.tsx
 import { Image as ImageIcon2, Sparkles as Sparkles2 } from "lucide-react";
-import { useState as useState28 } from "react";
+import { useState as useState27 } from "react";
 import { jsx as jsx104, jsxs as jsxs95 } from "react/jsx-runtime";
 function NftDisplayCard({ asset }) {
-  const [imageError, setImageError] = useState28(false);
+  const [imageError, setImageError] = useState27(false);
   const nftImage = asset.image || asset.nftMetadata?.image;
   return /* @__PURE__ */ jsxs95("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__ */ jsx104(
@@ -21785,12 +21945,12 @@ var init_NftDisplayCard = __esm({
 });
 
 // src/internal/components/SendMenu/send/useSendStore.ts
-import { create as create13 } from "zustand";
+import { create as create14 } from "zustand";
 var useSendStore;
 var init_useSendStore = __esm({
   "src/internal/components/SendMenu/send/useSendStore.ts"() {
     init_useFlowSelector();
-    useSendStore = create13((set) => ({
+    useSendStore = create14((set) => ({
       recipient: "",
       //
       amount: "",
@@ -21825,7 +21985,7 @@ var init_useSendStore = __esm({
 
 // src/internal/components/SendMenu/send/components/AssetList.tsx
 import { formatUnits as formatUnits9 } from "viem";
-import { Fragment as Fragment39, jsx as jsx105, jsxs as jsxs96 } from "react/jsx-runtime";
+import { Fragment as Fragment40, jsx as jsx105, jsxs as jsxs96 } from "react/jsx-runtime";
 function getAssetBalance3(asset) {
   if (isNftAsset3(asset)) return "1";
   const balance = Number(formatUnits9(BigInt(asset?.balance || "0"), asset?.decimals || 18));
@@ -21862,13 +22022,13 @@ function AssetListItem(props) {
             " \xB7 ",
             truncateMiddle(asset.address, 6, 4)
           ] }),
-          /* @__PURE__ */ jsx105("span", { className: "block text-lg font-bold", children: isNft ? /* @__PURE__ */ jsxs96(Fragment39, { children: [
+          /* @__PURE__ */ jsx105("span", { className: "block text-lg font-bold", children: isNft ? /* @__PURE__ */ jsxs96(Fragment40, { children: [
             asset.symbol,
             asset.tokenId && /* @__PURE__ */ jsxs96("span", { className: "ml-1", children: [
               "#",
               asset.tokenId.length > 6 ? `${asset.tokenId.slice(0, 4)}...` : asset.tokenId
             ] })
-          ] }) : /* @__PURE__ */ jsxs96(Fragment39, { children: [
+          ] }) : /* @__PURE__ */ jsxs96(Fragment40, { children: [
             BALANCE_PREFIXES[asset.symbol] || null,
             /* @__PURE__ */ jsx105("span", { children: getAssetBalance3(asset) }),
             " ",
@@ -21893,20 +22053,20 @@ function AssetList(props) {
   const tokenAssets = transferableAssets.filter((a) => a.type === "erc20");
   const securityAssets = transferableAssets.filter((a) => a.type === "erc3643");
   const nftAssets = transferableAssets.filter((a) => a.type === "erc721" || a.type === "erc1155");
-  return /* @__PURE__ */ jsxs96(Fragment39, { children: [
-    nativeAssets.length > 0 && /* @__PURE__ */ jsxs96(Fragment39, { children: [
+  return /* @__PURE__ */ jsxs96(Fragment40, { children: [
+    nativeAssets.length > 0 && /* @__PURE__ */ jsxs96(Fragment40, { children: [
       /* @__PURE__ */ jsx105("div", { className: "text-[10px] text-[var(--ui-kit-fg-muted)] uppercase", children: "Crypto" }),
       nativeAssets.map((asset) => /* @__PURE__ */ jsx105(AssetListItem, { asset }, `native-${asset.symbol}`))
     ] }),
-    tokenAssets.length > 0 && /* @__PURE__ */ jsxs96(Fragment39, { children: [
+    tokenAssets.length > 0 && /* @__PURE__ */ jsxs96(Fragment40, { children: [
       /* @__PURE__ */ jsx105("div", { className: "text-[10px] text-[var(--ui-kit-fg-muted)] uppercase", children: "Tokens" }),
       tokenAssets.map((asset) => /* @__PURE__ */ jsx105(AssetListItem, { asset }, `token-${asset.address}`))
     ] }),
-    securityAssets.length > 0 && /* @__PURE__ */ jsxs96(Fragment39, { children: [
+    securityAssets.length > 0 && /* @__PURE__ */ jsxs96(Fragment40, { children: [
       /* @__PURE__ */ jsx105("div", { className: "text-[10px] text-[var(--ui-kit-fg-muted)] uppercase", children: "Security Tokens" }),
       securityAssets.map((asset) => /* @__PURE__ */ jsx105(AssetListItem, { asset }, `security-${asset.address}`))
     ] }),
-    nftAssets.length > 0 && /* @__PURE__ */ jsxs96(Fragment39, { children: [
+    nftAssets.length > 0 && /* @__PURE__ */ jsxs96(Fragment40, { children: [
       /* @__PURE__ */ jsx105("div", { className: "text-[10px] text-[var(--ui-kit-fg-muted)] uppercase", children: "NFTs" }),
       nftAssets.map((asset) => /* @__PURE__ */ jsx105(AssetListItem, { asset }, `nft-${asset.address}-${asset.tokenId}`))
     ] }),
@@ -21927,7 +22087,7 @@ var init_AssetList = __esm({
 
 // src/internal/components/SendMenu/send/components/NicknameData.tsx
 import { AtSign, CheckCircle2 as CheckCircle24, ShieldAlert, ShieldCheck as ShieldCheck2 } from "lucide-react";
-import { useEffect as useEffect41 } from "react";
+import { useEffect as useEffect44 } from "react";
 import { jsx as jsx106, jsxs as jsxs97 } from "react/jsx-runtime";
 function NicknameData(props) {
   const { resolvedNicknameData, isNicknameInput } = props;
@@ -21940,11 +22100,11 @@ function NicknameData(props) {
     isWalletNotSetup,
     isFrozen
   } = resolvedNicknameData;
-  useEffect41(() => {
+  useEffect44(() => {
     if (!resolvedNicknameData?.data?.fingerprint || !isNicknameInput) return;
     useFlowSelectorStore.getState().setRenderKey(`nickname-resolved-${Date.now()}`);
   }, [resolvedNicknameData, isNicknameInput]);
-  useEffect41(() => {
+  useEffect44(() => {
     if (isResolving) return;
     let errMessage = null;
     switch (true) {
@@ -22105,9 +22265,9 @@ var init_useTokenBalance = __esm({
 });
 
 // src/internal/components/SendMenu/send/sendSteps/InputSendStep.tsx
-import { AlertCircle as AlertCircle5, AtSign as AtSign2, CheckCircle2 as CheckCircle25, Loader as Loader21, Wallet2 as Wallet24 } from "lucide-react";
+import { AlertCircle as AlertCircle4, AtSign as AtSign2, CheckCircle2 as CheckCircle25, Loader as Loader20, Wallet2 as Wallet24 } from "lucide-react";
 import { formatUnits as formatUnits11, isAddress as isAddress2 } from "viem";
-import { Fragment as Fragment40, jsx as jsx107, jsxs as jsxs98 } from "react/jsx-runtime";
+import { Fragment as Fragment41, jsx as jsx107, jsxs as jsxs98 } from "react/jsx-runtime";
 function InputSendStep(props) {
   const { erc3643Compliance, isNicknameInput, resolvedNicknameData, isAssetsLoading } = props;
   const address = useSession((st) => st.address);
@@ -22206,7 +22366,7 @@ function InputSendStep(props) {
     setError(null);
     return true;
   };
-  return /* @__PURE__ */ jsxs98(Fragment40, { children: [
+  return /* @__PURE__ */ jsxs98(Fragment41, { children: [
     /* @__PURE__ */ jsx107("span", { className: "block text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:sendMenu.selectAsset") }),
     /* @__PURE__ */ jsxs98(
       Button,
@@ -22221,7 +22381,7 @@ function InputSendStep(props) {
             /* @__PURE__ */ jsx107(AssetInputIcon, { asset: selectedAsset }),
             /* @__PURE__ */ jsx107("span", { children: (isNft ? selectedAsset.nftMetadata?.name || selectedAsset.symbol : selectedAsset.name).toUpperCase() })
           ] }) : /* @__PURE__ */ jsx107("span", { className: "text-[var(--ui-kit-fg-muted)]", children: "No Asset Selected" }),
-          isAssetsLoading && /* @__PURE__ */ jsx107(Loader21, { className: "w-4 h-4 animate-spin" })
+          isAssetsLoading && /* @__PURE__ */ jsx107(Loader20, { className: "w-4 h-4 animate-spin" })
         ]
       }
     ),
@@ -22235,7 +22395,7 @@ function InputSendStep(props) {
         disabled: isAssetsLoading,
         onChange: (e) => setRecipient(e.target.value),
         placeholder: "0x... or @nickname",
-        element: isNicknameInput && isResolving ? /* @__PURE__ */ jsx107(Loader21, { className: "w-4 h-4 animate-spin text-[var(--ui-kit-fg-muted)]" }) : null
+        element: isNicknameInput && isResolving ? /* @__PURE__ */ jsx107(Loader20, { className: "w-4 h-4 animate-spin text-[var(--ui-kit-fg-muted)]" }) : null
       }
     ),
     /* @__PURE__ */ jsx107(NicknameData, { resolvedNicknameData, isNicknameInput }),
@@ -22244,7 +22404,7 @@ function InputSendStep(props) {
       !isNft && selectedAsset && /* @__PURE__ */ jsxs98("span", { className: "block text-[10px]", children: [
         t("passport:common.balance"),
         " ",
-        isBalanceLoading ? /* @__PURE__ */ jsx107(Loader21, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsxs98("span", { className: "text-[var(--ui-kit-fg)] font-semibold", children: [
+        isBalanceLoading ? /* @__PURE__ */ jsx107(Loader20, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsxs98("span", { className: "text-[var(--ui-kit-fg)] font-semibold", children: [
           formatPrice(balanceData.formatted),
           " ",
           balanceData.symbol
@@ -22270,14 +22430,14 @@ function InputSendStep(props) {
       {
         type: isComplianceLoading ? "info" : erc3643CanTransfer ? "success" : "error",
         className: "flex gap-[var(--ui-kit-gap)]",
-        children: isComplianceLoading ? /* @__PURE__ */ jsxs98(Fragment40, { children: [
-          /* @__PURE__ */ jsx107(Loader21, { className: "h-4 w-4 animate-spin" }),
+        children: isComplianceLoading ? /* @__PURE__ */ jsxs98(Fragment41, { children: [
+          /* @__PURE__ */ jsx107(Loader20, { className: "h-4 w-4 animate-spin" }),
           /* @__PURE__ */ jsx107("span", { children: "Checking compliance..." })
-        ] }) : erc3643CanTransfer ? /* @__PURE__ */ jsxs98(Fragment40, { children: [
+        ] }) : erc3643CanTransfer ? /* @__PURE__ */ jsxs98(Fragment41, { children: [
           /* @__PURE__ */ jsx107(CheckCircle25, { className: "h-4 w-4" }),
           /* @__PURE__ */ jsx107("span", { children: "Transfer compliant" })
-        ] }) : /* @__PURE__ */ jsxs98(Fragment40, { children: [
-          /* @__PURE__ */ jsx107(AlertCircle5, { className: "h-4 w-4" }),
+        ] }) : /* @__PURE__ */ jsxs98(Fragment41, { children: [
+          /* @__PURE__ */ jsx107(AlertCircle4, { className: "h-4 w-4" }),
           /* @__PURE__ */ jsx107("span", { children: complianceError || "Transfer not allowed" })
         ] })
       }
@@ -22315,8 +22475,8 @@ var init_InputSendStep = __esm({
 
 // src/internal/components/SendMenu/send/sendSteps/ConfirmSendStep.tsx
 import { useMutation as useMutation21 } from "@tanstack/react-query";
-import { AlertTriangle as AlertTriangle5, AtSign as AtSign3, Loader as Loader27, Shield as Shield2, ShieldAlert as ShieldAlert2, ShieldCheck as ShieldCheck3 } from "lucide-react";
-import { Fragment as Fragment41, jsx as jsx108, jsxs as jsxs99 } from "react/jsx-runtime";
+import { AlertTriangle as AlertTriangle5, AtSign as AtSign3, Loader as Loader21, Shield as Shield2, ShieldAlert as ShieldAlert2, ShieldCheck as ShieldCheck3 } from "lucide-react";
+import { Fragment as Fragment42, jsx as jsx108, jsxs as jsxs99 } from "react/jsx-runtime";
 function ConfirmSendStep(props) {
   const { sendTransaction, erc3643Compliance, isNicknameInput, resolvedNicknameData } = props;
   const { t } = useT();
@@ -22353,7 +22513,7 @@ function ConfirmSendStep(props) {
       useFlowSelectorStore.getState().setError(error?.message || "Transaction failed");
     }
   });
-  return /* @__PURE__ */ jsxs99(Fragment41, { children: [
+  return /* @__PURE__ */ jsxs99(Fragment42, { children: [
     isNicknameInput && isFrozen && /* @__PURE__ */ jsxs99(Highlight, { type: "warning", className: "flex gap-[var(--ui-kit-gap)]", children: [
       /* @__PURE__ */ jsx108(AlertTriangle5, { className: "h-4 w-4" }),
       /* @__PURE__ */ jsx108("span", { children: "This handle is frozen. Proceed with caution." })
@@ -22373,7 +22533,7 @@ function ConfirmSendStep(props) {
         selectedAsset.symbol
       ] })
     ] }),
-    /* @__PURE__ */ jsx108(Highlight, { type: "info", className: "flex flex-col gap-[var(--ui-kit-gap)]", children: isNicknameInput && nicknameData ? /* @__PURE__ */ jsxs99(Fragment41, { children: [
+    /* @__PURE__ */ jsx108(Highlight, { type: "info", className: "flex flex-col gap-[var(--ui-kit-gap)]", children: isNicknameInput && nicknameData ? /* @__PURE__ */ jsxs99(Fragment42, { children: [
       /* @__PURE__ */ jsxs99("div", { className: "flex items-start gap-[var(--ui-kit-gap)]", children: [
         nicknameData.avatarSvg ? /* @__PURE__ */ jsx108(
           "img",
@@ -22431,7 +22591,7 @@ function ConfirmSendStep(props) {
           /* @__PURE__ */ jsx108("span", { className: "text-sm font-bold", children: chainConfig.name })
         ] })
       ] })
-    ] }) : /* @__PURE__ */ jsxs99(Fragment41, { children: [
+    ] }) : /* @__PURE__ */ jsxs99(Fragment42, { children: [
       /* @__PURE__ */ jsx108("h3", { className: "font-medium mb-3 text-[var(--ui-kit-fg)]", children: "Transaction Details" }),
       /* @__PURE__ */ jsxs99("div", { className: "space-y-2 text-sm text-[var(--ui-kit-fg)]", children: [
         /* @__PURE__ */ jsxs99("div", { className: "flex justify-between", children: [
@@ -22440,7 +22600,7 @@ function ConfirmSendStep(props) {
         ] }),
         isNft ? (
           // NFT details
-          /* @__PURE__ */ jsx108(Fragment41, { children: /* @__PURE__ */ jsxs99("div", { className: "flex justify-between items-start", children: [
+          /* @__PURE__ */ jsx108(Fragment42, { children: /* @__PURE__ */ jsxs99("div", { className: "flex justify-between items-start", children: [
             /* @__PURE__ */ jsx108("span", { className: "text-[var(--ui-kit-fg-muted)]", children: "NFT:" }),
             /* @__PURE__ */ jsxs99("div", { className: "text-right", children: [
               /* @__PURE__ */ jsx108("span", { className: "font-semibold block", children: selectedAsset.nftMetadata?.name || selectedAsset.name }),
@@ -22475,7 +22635,7 @@ function ConfirmSendStep(props) {
         className: "w-full",
         size: "large",
         children: [
-          isTransactionPending && /* @__PURE__ */ jsx108(Loader27, { className: "h-4 w-4 animate-spin" }),
+          isTransactionPending && /* @__PURE__ */ jsx108(Loader21, { className: "h-4 w-4 animate-spin" }),
           t("passport:common.confirm")
         ]
       }
@@ -22505,10 +22665,10 @@ var init_sendSteps = __esm({
 });
 
 // src/internal/components/SendMenu/send/SendMenu.tsx
-import { CheckCircle2 as CheckCircle26, Loader as Loader28 } from "lucide-react";
-import { useEffect as useEffect42, useMemo as useMemo15 } from "react";
+import { CheckCircle2 as CheckCircle26, Loader as Loader27 } from "lucide-react";
+import { useEffect as useEffect45, useMemo as useMemo15 } from "react";
 import { parseUnits as parseUnits2 } from "viem";
-import { Fragment as Fragment42, jsx as jsx109, jsxs as jsxs100 } from "react/jsx-runtime";
+import { Fragment as Fragment43, jsx as jsx109, jsxs as jsxs100 } from "react/jsx-runtime";
 function SendMenu() {
   const address = useSession((st) => st.address);
   const activeChainId = useSession((st) => st.activeChainId);
@@ -22527,10 +22687,10 @@ function SendMenu() {
     userOpHash,
     reset
   } = useSendTransaction();
-  useEffect42(() => {
+  useEffect45(() => {
     useFlowSelectorStore.getState().setIsUiLocked(isAssetsLoading || isTransactionPending);
   }, [isAssetsLoading, isTransactionPending]);
-  useEffect42(() => {
+  useEffect45(() => {
     useFlowSelectorStore.getState().setError(sendTransactionError || null);
   }, [sendTransactionError]);
   const {
@@ -22545,7 +22705,7 @@ function SendMenu() {
   } = useSendStore();
   const isNft = isNftAsset3(selectedAsset);
   const isSecurity = isSecurityToken2(selectedAsset);
-  useEffect42(() => {
+  useEffect45(() => {
     const shouldDefaultAsset = assets.length > 0 && !selectedAsset;
     if (!shouldDefaultAsset) return;
     const chainNativeCurrency = useSession.getState().chainConfig?.nativeCurrency;
@@ -22555,7 +22715,7 @@ function SendMenu() {
     if (isBalance(erc20)) return setSelectedAsset(erc20);
     setSelectedAsset(assets[0]);
   }, [assets, selectedAsset]);
-  useEffect42(
+  useEffect45(
     () => () => {
       setSelectedAsset(null);
       setRecipient("");
@@ -22583,7 +22743,7 @@ function SendMenu() {
     enabled: isSecurity && !!effectiveAddress && !!complianceAmount,
     chainId: activeChainId
   });
-  useEffect42(() => {
+  useEffect45(() => {
     const updateMenuTitle = useFlowSelectorStore.getState().setMenuTitle;
     switch (true) {
       case txStep === "select-asset":
@@ -22606,7 +22766,7 @@ function SendMenu() {
         break;
     }
   }, [txStep, selectedAsset, isNft, t]);
-  return /* @__PURE__ */ jsxs100(Fragment42, { children: [
+  return /* @__PURE__ */ jsxs100(Fragment43, { children: [
     txStep === "select-asset" && /* @__PURE__ */ jsx109(AssetList, { assets }),
     txStep === "input" && /* @__PURE__ */ jsx109(
       InputSendStep,
@@ -22627,13 +22787,13 @@ function SendMenu() {
       }
     ),
     txStep === "pending" && /* @__PURE__ */ jsxs100(Highlight, { type: "info", className: "flex gap-[var(--ui-kit-gap)]", children: [
-      /* @__PURE__ */ jsx109(Loader28, { className: "h-4 w-4 animate-spin" }),
+      /* @__PURE__ */ jsx109(Loader27, { className: "h-4 w-4 animate-spin" }),
       /* @__PURE__ */ jsxs100("span", { className: "flex-1", children: [
         /* @__PURE__ */ jsx109("span", { className: "block leading-4 font-semibold", children: t("passport:sendMenu.pendingStep") }),
         /* @__PURE__ */ jsx109("span", { children: t("passport:sendMenu.pendingStepMsg") })
       ] })
     ] }),
-    txStep === "success" && userOpHash && /* @__PURE__ */ jsxs100(Fragment42, { children: [
+    txStep === "success" && userOpHash && /* @__PURE__ */ jsxs100(Fragment43, { children: [
       /* @__PURE__ */ jsxs100(Highlight, { type: "success", className: "flex gap-[var(--ui-kit-gap)]", children: [
         /* @__PURE__ */ jsx109(CheckCircle26, { className: "h-4 w-4" }),
         /* @__PURE__ */ jsxs100("span", { className: "flex-1", children: [
@@ -22681,8 +22841,8 @@ var init_send = __esm({
 });
 
 // src/internal/components/SendMenu/SendFlowSelector.tsx
-import { ArrowLeft as ArrowLeft19, ArrowRightIcon as ArrowRightIcon2, ArrowRightLeftIcon as ArrowRightLeftIcon2, InfoIcon as InfoIcon5 } from "lucide-react";
-import { useEffect as useEffect43 } from "react";
+import { ArrowLeft as ArrowLeft19, ArrowRightIcon as ArrowRightIcon2, ArrowRightLeftIcon as ArrowRightLeftIcon2, InfoIcon as InfoIcon6 } from "lucide-react";
+import { useEffect as useEffect46 } from "react";
 import { jsx as jsx110, jsxs as jsxs101 } from "react/jsx-runtime";
 function SelectorFlowButtons() {
   const { t } = useT();
@@ -22745,7 +22905,7 @@ function SendFlowSelector() {
   const error = useFlowSelectorStore((st) => st.error);
   const menuTitle = useFlowSelectorStore((st) => st.menuTitle);
   const selectorFlow = useFlowSelectorStore((st) => st.flow);
-  useEffect43(
+  useEffect46(
     () => () => {
       useFlowSelectorStore.getState().setError(null);
     },
@@ -22803,7 +22963,7 @@ function SendFlowSelector() {
         SELECTOR_FLOW[selectorFlow],
         error && /* @__PURE__ */ jsxs101(Highlight, { type: "error", className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
           /* @__PURE__ */ jsxs101("div", { className: "w-full flex gap-[var(--ui-kit-gap)]", children: [
-            /* @__PURE__ */ jsx110(InfoIcon5, { className: "h-4 w-4 flex-none" }),
+            /* @__PURE__ */ jsx110(InfoIcon6, { className: "h-4 w-4 flex-none" }),
             /* @__PURE__ */ jsx110("span", { children: error })
           ] }),
           /* @__PURE__ */ jsx110(
@@ -22911,7 +23071,7 @@ var init_constants6 = __esm({
 // src/internal/components/SettingsMenu/SettingsMenu.tsx
 import { useQuery as useQuery22 } from "@tanstack/react-query";
 import { ArrowLeft as ArrowLeft20, HardDrive as HardDrive3 } from "lucide-react";
-import { useEffect as useEffect44 } from "react";
+import { useEffect as useEffect47 } from "react";
 import { jsx as jsx111, jsxs as jsxs102 } from "react/jsx-runtime";
 function useSettingsButtons() {
   const config = useProviderConfig().config;
@@ -22930,7 +23090,7 @@ function useSettingsButtons() {
   if (proMode) {
     settingsButtons.push({ id: "devices" /* DEVICES */, name: "Guardians", Icon: HardDrive3 });
   }
-  useEffect44(() => {
+  useEffect47(() => {
     const cssvEl = document.querySelector(".embarkai-ui-scope");
     if (!cssvEl || !window?.getComputedStyle) {
       return;
@@ -23738,7 +23898,7 @@ var init_utils10 = __esm({
 
 // src/internal/components/TransactionsMenu/TransactionsGroup.tsx
 import { ChevronDown, ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight5, ChevronUp, Copy as Copy3 } from "lucide-react";
-import { Fragment as Fragment43, jsx as jsx113, jsxs as jsxs104 } from "react/jsx-runtime";
+import { Fragment as Fragment44, jsx as jsx113, jsxs as jsxs104 } from "react/jsx-runtime";
 function InternalTransaction({ internal, assetSymbol, assetDecimals }) {
   const internalSymbol = internal.assetSymbol || assetSymbol;
   const internalDecimals = internal.decimals ?? assetDecimals;
@@ -23813,7 +23973,7 @@ function TransactionsGroup(props) {
             }
           ) })
         ] }),
-        internalsToRender.length > 0 && /* @__PURE__ */ jsxs104(Fragment43, { children: [
+        internalsToRender.length > 0 && /* @__PURE__ */ jsxs104(Fragment44, { children: [
           /* @__PURE__ */ jsx113("div", { className: "w-full flex items-center h-4", children: /* @__PURE__ */ jsx113("div", { style: { borderTop: "1px solid var(--ui-kit-bd)" }, className: "flex-1" }) }),
           /* @__PURE__ */ jsxs104(
             "div",
@@ -23868,8 +24028,8 @@ var init_TransactionsGroup = __esm({
 
 // src/internal/components/TransactionsMenu/TransactionsMenu.tsx
 import { useQuery as useQuery23, useQueryClient as useQueryClient25 } from "@tanstack/react-query";
-import { ArrowLeft as ArrowLeft22, Loader as Loader29, RefreshCw as RefreshCw3, XCircle } from "lucide-react";
-import { useCallback as useCallback31, useState as useState29 } from "react";
+import { ArrowLeft as ArrowLeft22, Loader as Loader28, RefreshCw as RefreshCw3, XCircle } from "lucide-react";
+import { useCallback as useCallback30, useState as useState28 } from "react";
 import { jsx as jsx114, jsxs as jsxs105 } from "react/jsx-runtime";
 function TransactionsMenu() {
   const qc = useQueryClient25();
@@ -23878,7 +24038,7 @@ function TransactionsMenu() {
   const { t } = useT();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
-  const [expandedGroups, setExpandedGroups] = useState29({});
+  const [expandedGroups, setExpandedGroups] = useState28({});
   const historySupported = isTransactionHistorySupported(chainConfig?.id);
   const {
     data: txHistoryGroups = [],
@@ -23891,7 +24051,7 @@ function TransactionsMenu() {
     queryKey: [TRANSACTIONS_HISTORY_QUERY_KEY, chainConfig.id, address],
     queryFn: () => getTransactionsListQuery({ address, chainConfig })
   });
-  const refreshTxHistory = useCallback31(
+  const refreshTxHistory = useCallback30(
     () => qc.invalidateQueries({ queryKey: [TRANSACTIONS_HISTORY_QUERY_KEY, chainConfig.id, address] }),
     [qc, chainConfig.id, address]
   );
@@ -23916,12 +24076,12 @@ function TransactionsMenu() {
               onClick: refreshTxHistory,
               disabled: isTxHistoryFetching,
               title: "Refresh transactions",
-              children: isTxHistoryFetching ? /* @__PURE__ */ jsx114(Loader29, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx114(RefreshCw3, { className: "h-4 w-4" })
+              children: isTxHistoryFetching ? /* @__PURE__ */ jsx114(Loader28, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx114(RefreshCw3, { className: "h-4 w-4" })
             }
           )
         ] }),
         !historySupported && /* @__PURE__ */ jsx114(Highlight, { type: "warning", children: /* @__PURE__ */ jsx114("span", { children: t("passport:transactionsMenu.comingSoon") }) }),
-        historySupported && isTxHistoryLoading && /* @__PURE__ */ jsx114("div", { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ jsx114(Loader29, { className: "w-4 h-4 animate-spin" }) }),
+        historySupported && isTxHistoryLoading && /* @__PURE__ */ jsx114("div", { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ jsx114(Loader28, { className: "w-4 h-4 animate-spin" }) }),
         historySupported && !isTxHistoryLoading && txHistoryResolvedError && /* @__PURE__ */ jsxs105(Highlight, { type: "error", className: "flex gap-[var(--ui-kit-gap)]", children: [
           /* @__PURE__ */ jsx114(XCircle, { className: "w-4 h-4 flex-none" }),
           /* @__PURE__ */ jsx114("span", { className: "block w-full flex-1 text-center text-xs", children: txHistoryResolvedError })
@@ -24130,7 +24290,7 @@ var init_PageMap = __esm({
 });
 
 // src/internal/hooks/usePageMapper.tsx
-import { useCallback as useCallback32, useEffect as useEffect45 } from "react";
+import { useCallback as useCallback31, useEffect as useEffect48 } from "react";
 import { jsx as jsx115 } from "react/jsx-runtime";
 function usePageMapper() {
   const page = useLayoutDataStore((st) => st.page);
@@ -24142,7 +24302,7 @@ function usePageMapper() {
     setIsDialogOpen,
     setIsDialogClosing
   } = useLayoutStore();
-  const closeDialog = useCallback32(() => {
+  const closeDialog = useCallback31(() => {
     setIsDialogClosing(true);
     setTimeout(() => {
       setDialogContent(null);
@@ -24153,7 +24313,7 @@ function usePageMapper() {
       setIsDialogOpen(false);
     }, CLEAR_DIALOG_TIMEOUT);
   }, [setDialogContent, setDialogDescription, setDialogTitle, setIsDialogForced, setIsDialogOpen, setIsDialogClosing]);
-  const openDialog = useCallback32(
+  const openDialog = useCallback31(
     (pageItem) => {
       const PageContentComponent = pageItem.component;
       setDialogTitle(pageItem.title);
@@ -24163,7 +24323,7 @@ function usePageMapper() {
     },
     [setDialogContent, setDialogDescription, setDialogTitle, setIsDialogOpen]
   );
-  useEffect45(() => {
+  useEffect48(() => {
     if (page === null) return closeDialog();
     const pageItem = PAGE_MAP[page];
     if (!pageItem) {
@@ -24186,27 +24346,20 @@ var init_usePageMapper = __esm({
 });
 
 // src/internal/hooks/useSettingsNotifications.ts
-import { useQuery as useQuery24 } from "@tanstack/react-query";
-import { useEffect as useEffect46 } from "react";
+import { useEffect as useEffect49 } from "react";
 function useSettingsNotifications() {
-  const address = useSession((st) => st.address);
   const setSettingsNotifications = useLayoutDataStore((st) => st.setSettingsNotifications);
   const providers = jwtTokenManager2.getProviders();
   const hasEmail = providers.includes("email");
-  const { data: userProfile = null } = useQuery24({
-    retry: false,
-    enabled: !!address,
-    queryKey: [QUERY_KEYS.userProfile, address],
-    queryFn: getUserProfile
-  });
-  useEffect46(() => {
+  const { data: userProfile = null } = useUserProfile();
+  useEffect49(() => {
     const isKYCVerified = userProfile?.kycDetails?.kycStatus === "verified";
     setSettingsNotifications({
       ...COMPLETE_KYC_PROGRESS,
       status: isKYCVerified ? "resolved" : "active"
     });
   }, [userProfile, setSettingsNotifications]);
-  useEffect46(() => {
+  useEffect49(() => {
     setSettingsNotifications({
       ...EMAIL_NOT_CONNECTED_NOTIFICATION,
       status: hasEmail ? "resolved" : "active"
@@ -24216,10 +24369,9 @@ function useSettingsNotifications() {
 var EMAIL_NOT_CONNECTED_NOTIFICATION, COMPLETE_KYC_PROGRESS;
 var init_useSettingsNotifications = __esm({
   "src/internal/hooks/useSettingsNotifications.ts"() {
-    init_SessionContext();
     init_auth();
-    init_profile();
     init_useLayoutDataStore();
+    init_useUserProfile();
     EMAIL_NOT_CONNECTED_NOTIFICATION = {
       id: "email-not-connected",
       target: "manage-wallet" /* MANAGE_WALLET */,
@@ -24239,7 +24391,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.57",
+      version: "0.4.59",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -24341,7 +24493,7 @@ var init_package = __esm({
 
 // src/internal/components/Footer/Footer.tsx
 import { useMutation as useMutation22, useQueryClient as useQueryClient26 } from "@tanstack/react-query";
-import { Loader as Loader30, LogOut } from "lucide-react";
+import { Loader as Loader29, LogOut } from "lucide-react";
 import { useDisconnect as useDisconnect3 } from "wagmi";
 import { jsx as jsx116, jsxs as jsxs106 } from "react/jsx-runtime";
 function Footer() {
@@ -24429,7 +24581,7 @@ function Footer() {
               disabled: isDisconnecting,
               children: [
                 /* @__PURE__ */ jsx116("span", { children: t("passport:auth.logout") }),
-                isDisconnecting ? /* @__PURE__ */ jsx116(Loader30, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx116(LogOut, { className: "w-4 h-4" })
+                isDisconnecting ? /* @__PURE__ */ jsx116(Loader29, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx116(LogOut, { className: "w-4 h-4" })
               ]
             }
           ) : null
@@ -24474,10 +24626,9 @@ var init_Footer2 = __esm({
 });
 
 // src/internal/components/Header/Header.tsx
-import { useQuery as useQuery25 } from "@tanstack/react-query";
-import { Copy as Copy4, Loader as Loader31 } from "lucide-react";
-import { useCallback as useCallback33, useRef as useRef20, useState as useState30 } from "react";
-import { Fragment as Fragment44, jsx as jsx117, jsxs as jsxs107 } from "react/jsx-runtime";
+import { Copy as Copy4, Loader as Loader30 } from "lucide-react";
+import { useCallback as useCallback32, useRef as useRef21, useState as useState29 } from "react";
+import { Fragment as Fragment45, jsx as jsx117, jsxs as jsxs107 } from "react/jsx-runtime";
 function formatAddress2(addr) {
   if (!addr) return "";
   return `${addr.slice(0, 10)}...${addr.slice(-4)}`;
@@ -24488,11 +24639,11 @@ function Header() {
   const chainConfig = useSession((st) => st.chainConfig);
   const { t } = useT();
   const proMode = useProMode();
-  const [proToast, setProToast] = useState30(false);
-  const [copied, setCopied] = useState30(false);
-  const clickCountRef = useRef20(0);
-  const clickTimerRef = useRef20(null);
-  const handleAvatarClick = useCallback33(() => {
+  const [proToast, setProToast] = useState29(false);
+  const [copied, setCopied] = useState29(false);
+  const clickCountRef = useRef21(0);
+  const clickTimerRef = useRef21(null);
+  const handleAvatarClick = useCallback32(() => {
     clickCountRef.current += 1;
     if (clickTimerRef.current) {
       clearTimeout(clickTimerRef.current);
@@ -24510,12 +24661,7 @@ function Header() {
       }, 1e3);
     }
   }, []);
-  const { data: profile, isLoading: isProfileLoading } = useQuery25({
-    retry: false,
-    enabled: !!address,
-    queryKey: [QUERY_KEYS.userProfile, address],
-    queryFn: getUserProfile
-  });
+  const { data: profile, isLoading: isProfileLoading } = useUserProfile();
   const avatar = profile?.avatar || jwtTokenManager2.getAvatar();
   const displayName = profile?.nicknameDisplay || profile?.displayName || jwtTokenManager2.getDisplayName();
   const ChainIcon = NETWORK_OPTIONS.find((net) => net.chainId === chainConfig.id)?.Icon || (() => /* @__PURE__ */ jsx117("div", { className: "flex-none w-4 h-4 rounded-full flex items-center justify-center bg-[var(--ui-kit-primary)]", children: /* @__PURE__ */ jsx117("span", { className: "text-[var(--ui-kit-fg-inverted)] text-xs font-bold", children: chainConfig.name.charAt(0) }) }));
@@ -24543,8 +24689,8 @@ function Header() {
               style: { width: "calc(100% - 48px - var(--ui-kit-gap))" },
               className: "flex-1 flex flex-col justify-center gap-1",
               children: [
-                isProfileLoading && /* @__PURE__ */ jsx117(Loader31, { className: "w-4 h-4 animate-spin" }),
-                !!address && !isProfileLoading && !!profile && /* @__PURE__ */ jsxs107(Fragment44, { children: [
+                isProfileLoading && /* @__PURE__ */ jsx117(Loader30, { className: "w-4 h-4 animate-spin" }),
+                !!address && !isProfileLoading && !!profile && /* @__PURE__ */ jsxs107(Fragment45, { children: [
                   /* @__PURE__ */ jsxs107("div", { className: "w-full flex items-center gap-[var(--ui-kit-gap)]", children: [
                     /* @__PURE__ */ jsx117(
                       "span",
@@ -24601,7 +24747,7 @@ var init_Header = __esm({
     init_useT();
     init_icons();
     init_auth();
-    init_profile();
+    init_useUserProfile();
     init_pro_mode();
     init_utils2();
     init_BalanceView2();
@@ -24794,7 +24940,7 @@ var init_visually_hidden = __esm({
 
 // src/internal/components/Dialog/Dialog.tsx
 import { AnimatePresence, motion } from "framer-motion";
-import { useEffect as useEffect47 } from "react";
+import { useEffect as useEffect50 } from "react";
 import { jsx as jsx120, jsxs as jsxs109 } from "react/jsx-runtime";
 function Dialog2() {
   const config = useProviderConfig().config;
@@ -24806,7 +24952,7 @@ function Dialog2() {
   const isWalletLinking = useLayoutDataStore((st) => st.isWalletLinking);
   const setPage = useLayoutDataStore((st) => st.setPage);
   const { colorMode, isDialogOpen, dialogTitle, dialogDescription, dialogContent, isDialogForced, setIsSettings } = useLayoutStore();
-  useEffect47(() => setIsSettings(!!session), [session, setIsSettings]);
+  useEffect50(() => setIsSettings(!!session), [session, setIsSettings]);
   usePageMapper();
   useAutoConnect();
   useBackupStatusChanges();
@@ -24872,7 +25018,7 @@ var init_Dialog2 = __esm({
 });
 
 // src/internal/components/TssManager.tsx
-import React26, { useCallback as useCallback34 } from "react";
+import React26, { useCallback as useCallback33 } from "react";
 var TssManagerWithRef;
 var init_TssManager = __esm({
   "src/internal/components/TssManager.tsx"() {
@@ -24887,7 +25033,7 @@ var init_TssManager = __esm({
       const setStatus = useSession((st) => st.setStatus);
       const setSession = useSession((st) => st.setSession);
       const setAddress = useSession((st) => st.setAddress);
-      const onSessionCreated = useCallback34(
+      const onSessionCreated = useCallback33(
         (session, address) => {
           setSession(session);
           setAddress(address);
@@ -24928,7 +25074,7 @@ var init_TssManager = __esm({
 // src/internal/components/WalletConnectHandler.tsx
 import { useConnectModal as useConnectModal2 } from "@rainbow-me/rainbowkit";
 import { useMutation as useMutation23, useQueryClient as useQueryClient27 } from "@tanstack/react-query";
-import React27, { useCallback as useCallback35, useEffect as useEffect48 } from "react";
+import React27, { useCallback as useCallback34, useEffect as useEffect51 } from "react";
 import { useAccount, useDisconnect as useDisconnect4, useSignMessage as useSignMessage2 } from "wagmi";
 function WalletConnectHandler() {
   const qc = useQueryClient27();
@@ -24951,7 +25097,7 @@ function WalletConnectHandler() {
   const projectId = providerConfig?.projectId;
   const setExternalWallet = useExternalWalletStore((st) => st.setExternalWallet);
   const setPendingWalletLogin = useLayoutDataStore((st) => st.setPendingWalletLogin);
-  const onLinkingComplete = useCallback35(
+  const onLinkingComplete = useCallback34(
     async (success) => {
       setIsWalletLinking(false);
       if (!success && !passportWalletAddress) {
@@ -24983,7 +25129,7 @@ function WalletConnectHandler() {
   const [hasStartedLinking, setHasStartedLinking] = React27.useState(false);
   const [modalWasOpened, setModalWasOpened] = React27.useState(false);
   const [pendingModalOpen, setPendingModalOpen] = React27.useState(false);
-  useEffect48(() => {
+  useEffect51(() => {
     if (isWalletLinking && !hasStartedLinking) {
       console.log("[WalletConnectHandler] Starting wallet link flow:", {
         isConnected,
@@ -25021,18 +25167,18 @@ function WalletConnectHandler() {
     setProviderType,
     walletMode
   ]);
-  useEffect48(() => {
+  useEffect51(() => {
     if (pendingModalOpen && !isConnected && openConnectModal) {
       setPendingModalOpen(false);
       openConnectModal();
     }
   }, [pendingModalOpen, isConnected, openConnectModal]);
-  useEffect48(() => {
+  useEffect51(() => {
     if (connectModalOpen && hasStartedLinking) {
       setModalWasOpened(true);
     }
   }, [connectModalOpen, hasStartedLinking]);
-  useEffect48(() => {
+  useEffect51(() => {
     if (modalWasOpened && !connectModalOpen && !isConnected && isWalletLinking) {
       console.log("[WalletConnectHandler] Modal closed without connecting");
       onLinkingComplete(false);
@@ -25040,7 +25186,7 @@ function WalletConnectHandler() {
       setModalWasOpened(false);
     }
   }, [connectModalOpen, modalWasOpened, isConnected, isWalletLinking]);
-  useEffect48(() => {
+  useEffect51(() => {
     if (isWalletLinking) {
       const timeout = setTimeout(() => {
         console.warn("[WalletConnectHandler] Wallet linking timed out, resetting state");
@@ -25160,7 +25306,7 @@ function WalletConnectHandler() {
       setPage(passportWalletAddress ? "manage-wallet" /* MANAGE_WALLET */ : "auth" /* AUTH */);
     }
   });
-  useEffect48(() => {
+  useEffect51(() => {
     if (!!chain?.id && isConnected && walletAddress && isWalletLinking && hasStartedLinking && modalWasOpened && !pendingModalOpen) {
       console.log("[WalletConnectHandler] handleWalletSign triggered");
       if (!passportWalletAddress) {
@@ -25170,7 +25316,7 @@ function WalletConnectHandler() {
       handleWalletSign({ chainId: chain.id, signingWalletAddress: walletAddress });
     }
   }, [chain, isConnected, walletAddress, isWalletLinking, hasStartedLinking, modalWasOpened, pendingModalOpen]);
-  useEffect48(() => {
+  useEffect51(() => {
     if (isConnected && !chain?.id && isWalletLinking && hasStartedLinking && !connectModalOpen && !isWalletSigning) {
       const timeout = setTimeout(() => {
         console.warn("[WalletConnectHandler] Wallet connected but chain info missing, resetting");
@@ -25206,7 +25352,7 @@ var init_WalletConnectHandler = __esm({
 });
 
 // src/internal/components/DirectWalletHandler.tsx
-import { useEffect as useEffect49 } from "react";
+import { useEffect as useEffect52 } from "react";
 import { useAccount as useAccount2 } from "wagmi";
 function DirectWalletHandler() {
   const walletMode = useProviderConfig().config.current?.wallet?.mode || "linked";
@@ -25218,13 +25364,13 @@ function DirectWalletHandler() {
   const setExternalChainId = useExternalWalletStore((st) => st.setExternalChainId);
   const setConfigMode = useExternalWalletStore((st) => st.setConfigMode);
   const setActiveMode = useExternalWalletStore((st) => st.setActiveMode);
-  useEffect49(() => {
+  useEffect52(() => {
     setConfigMode(walletMode);
     if (walletMode !== "both") {
       setActiveMode(walletMode);
     }
   }, [walletMode, setConfigMode, setActiveMode]);
-  useEffect49(() => {
+  useEffect52(() => {
     if (isConnected && address && !isExternalConnected && connector && chain?.id) {
       setExternalWallet({
         address,
@@ -25233,17 +25379,17 @@ function DirectWalletHandler() {
       });
     }
   }, [isConnected, address, isExternalConnected, connector, chain?.id, setExternalWallet]);
-  useEffect49(() => {
+  useEffect52(() => {
     if (isExternalConnected && !isConnected) {
       clearExternalWallet();
     }
   }, [isConnected, isExternalConnected, clearExternalWallet]);
-  useEffect49(() => {
+  useEffect52(() => {
     if (isExternalConnected && isConnected && chain?.id) {
       setExternalChainId(chain.id);
     }
   }, [chain?.id, isConnected, isExternalConnected, setExternalChainId]);
-  useEffect49(() => {
+  useEffect52(() => {
     if (isExternalConnected && isConnected && address && address !== externalAddress && connector && chain?.id) {
       setExternalWallet({
         address,
@@ -25269,8 +25415,8 @@ import {
   getChainConfig as getChainConfig12,
   getViemChain as getViemChain2
 } from "@embarkai/core/read";
-import { Fragment as Fragment45 } from "react";
-import { create as create14 } from "zustand";
+import { Fragment as Fragment46 } from "react";
+import { create as create15 } from "zustand";
 import { persist as persist4 } from "zustand/middleware";
 import { jsx as jsx121, jsxs as jsxs110 } from "react/jsx-runtime";
 function getChainParams(chainCfg) {
@@ -25290,7 +25436,7 @@ function waitForStoreHydration() {
 }
 function SessionProvider({ children }) {
   const config = useProviderConfig().config;
-  return /* @__PURE__ */ jsxs110(Fragment45, { children: [
+  return /* @__PURE__ */ jsxs110(Fragment46, { children: [
     children,
     config.current?.wallet?.enabled && /* @__PURE__ */ jsx121(WalletConnectHandler, {}),
     config.current?.wallet?.enabled && (config.current?.wallet?.mode === "direct" || config.current?.wallet?.mode === "both") && /* @__PURE__ */ jsx121(DirectWalletHandler, {}),
@@ -25315,7 +25461,7 @@ var init_SessionContext = __esm({
     init_WalletConnectHandler();
     init_DirectWalletHandler();
     init_ProviderContext();
-    useSession = create14()(
+    useSession = create15()(
       persist4(
         (set) => ({
           isLoading: false,
@@ -26283,13 +26429,13 @@ async function clearLocalKeyshare(userId) {
   console.log("[clearLocalKeyshare] Keyshares are now managed by secure iframe");
   console.log("[clearLocalKeyshare] To clear keyshares, user must revoke authorization in iframe");
   if (typeof window !== "undefined" && window.localStorage) {
-    const keys = [
+    const keys2 = [
       `tss.${userId}.keyshare`,
       `tss.${userId}.ownerAddress`,
       `tss.${userId}.sessionId`,
       ...Object.keys(window.localStorage).filter((key) => key.startsWith(`tss.${userId}.dkg.`))
     ];
-    keys.forEach((key) => window.localStorage.removeItem(key));
+    keys2.forEach((key) => window.localStorage.removeItem(key));
     console.log("[clearLocalKeyshare] Cleared old localStorage keys for migration");
   }
 }
@@ -26374,6 +26520,7 @@ __export(auth_exports, {
   createPasskeyHelpers: () => createPasskeyHelpers,
   createSignatureMessage: () => createSignatureMessage,
   deriveDemoPrivateKey: () => deriveDemoPrivateKey,
+  ensureFreshSession: () => ensureFreshSession,
   ensureKeyshare: () => ensureKeyshare,
   ensureValidToken: () => ensureValidToken,
   fetchProjectName: () => fetchProjectName,
@@ -26417,6 +26564,7 @@ import {
   configureJwtModule,
   logout,
   verifyToken,
+  ensureFreshSession,
   ensureValidToken,
   getValidTokens,
   authenticatedFetch,
@@ -26755,8 +26903,8 @@ var init_iframe_manager = __esm({
       async handleTokenRefreshRequest(message) {
         try {
           const { jwtTokenManager: jwtTokenManager4 } = await Promise.resolve().then(() => (init_auth(), auth_exports));
-          const refreshSuccess = await jwtTokenManager4.refreshAccessToken();
-          if (refreshSuccess) {
+          const outcome = await jwtTokenManager4.refreshTokens();
+          if (outcome === "refreshed") {
             const newAccessToken = jwtTokenManager4.getAccessToken();
             if (this.iframe && this.iframe.contentWindow) {
               const iframeOrigin = new URL(this.iframeUrl).origin;
@@ -26778,6 +26926,7 @@ var init_iframe_manager = __esm({
                   type: "IFRAME_MSG_TOKEN_REFRESHED",
                   messageId: message.messageId,
                   error: "Token refresh failed",
+                  sessionDead: outcome === "session_dead",
                   timestamp: Date.now()
                 },
                 iframeOrigin
@@ -27994,7 +28143,7 @@ import { darkTheme, lightTheme, RainbowKitProvider as NativeRainbowKitProvider }
 import { useMemo as useMemo16 } from "react";
 import { WagmiProvider } from "wagmi";
 import "@rainbow-me/rainbowkit/styles.css";
-import { Fragment as Fragment46, jsx as jsx122 } from "react/jsx-runtime";
+import { Fragment as Fragment47, jsx as jsx122 } from "react/jsx-runtime";
 function RainbowKitProvider({ children }) {
   const config = useProviderConfig().config;
   const colorMode = useLayoutStore((st) => st.colorMode);
@@ -28026,7 +28175,7 @@ function RainbowKitProvider({ children }) {
       radii: rainbowTheme.lightMode.radii
     };
   }, [colorMode]);
-  if (!config.current?.wallet?.enabled) return /* @__PURE__ */ jsx122(Fragment46, { children });
+  if (!config.current?.wallet?.enabled) return /* @__PURE__ */ jsx122(Fragment47, { children });
   return /* @__PURE__ */ jsx122(WagmiProvider, { config: rainbowConfig, children: /* @__PURE__ */ jsx122(NativeRainbowKitProvider, { theme: customTheme, modalSize: "compact", showRecentTransactions: true, children }) });
 }
 var init_RainbowKitContext = __esm({
@@ -28070,11 +28219,11 @@ import { initSdkErrorTracking } from "@embarkai/core/internal/error-tracking";
 import { merge as merge3 } from "lodash-es";
 import {
   createContext,
-  useCallback as useCallback36,
+  useCallback as useCallback35,
   useContext,
-  useEffect as useEffect50,
+  useEffect as useEffect53,
   useMemo as useMemo17,
-  useRef as useRef21
+  useRef as useRef22
 } from "react";
 import { jsx as jsx124 } from "react/jsx-runtime";
 function clearLegacyWagmiStorage() {
@@ -28094,10 +28243,10 @@ function clearLegacyWagmiStorage() {
 }
 function Provider(props) {
   const { children, projectId, initialConfig = {}, callbacks } = props;
-  const callbacksRef = useRef21(callbacks);
-  useEffect50(() => notifyNoProjetctId(projectId), [projectId]);
-  const config = useRef21(merge3({}, DEFAULT_PROVIDER_CONFIG, { projectId }, initialConfig));
-  const updateConfig = useCallback36((updates) => {
+  const callbacksRef = useRef22(callbacks);
+  useEffect53(() => notifyNoProjetctId(projectId), [projectId]);
+  const config = useRef22(merge3({}, DEFAULT_PROVIDER_CONFIG, { projectId }, initialConfig));
+  const updateConfig = useCallback35((updates) => {
     const prev = config.current;
     const next = { ...prev };
     if (updates.projectId !== void 0) next.projectId = updates.projectId;
@@ -28131,12 +28280,12 @@ function Provider(props) {
     if (updates.translations) next.translations = { ...next.translations, ...updates.translations };
     config.current = next;
   }, []);
-  const updateCallbacks = useCallback36((updates) => {
+  const updateCallbacks = useCallback35((updates) => {
     const prev = callbacksRef.current;
     const next = updates ? { ...prev, ...updates } : void 0;
     callbacksRef.current = next;
   }, []);
-  useEffect50(() => {
+  useEffect53(() => {
     if (typeof window === "undefined" || !projectId) return;
     const mergedConfig = merge3(DEFAULT_PROVIDER_CONFIG, initialConfig);
     updateConfig(mergedConfig);
@@ -28156,7 +28305,7 @@ function Provider(props) {
       useSession.getState().setActiveChainId(mergedConfig.network.chainId);
     }
   }, [projectId, initialConfig]);
-  useEffect50(() => {
+  useEffect53(() => {
     if (typeof window === "undefined" || !projectId) return;
     try {
       initSdkErrorTracking();
@@ -28236,18 +28385,17 @@ init_lumia2();
 init_embarkAI2();
 init_SessionContext();
 init_auth();
-init_profile();
 init_BalanceView2();
 init_KYC();
 init_button();
 init_useLayoutDataStore();
+init_useUserProfile();
 init_useLayoutStore();
 init_pro_mode();
 init_utils2();
-import { useQuery as useQuery26 } from "@tanstack/react-query";
-import { Cloud as Cloud4, Laptop as Laptop2, Loader as Loader32, Shield as Shield3 } from "lucide-react";
-import { useEffect as useEffect51, useMemo as useMemo18 } from "react";
-import { Fragment as Fragment47, jsx as jsx125, jsxs as jsxs111 } from "react/jsx-runtime";
+import { Cloud as Cloud4, Laptop as Laptop2, Loader as Loader31, Shield as Shield3 } from "lucide-react";
+import { useEffect as useEffect54, useMemo as useMemo18 } from "react";
+import { Fragment as Fragment48, jsx as jsx125, jsxs as jsxs111 } from "react/jsx-runtime";
 function getFormattedStatus(label, status, showStatus) {
   const isStatus = showStatus && status && status !== "idle" && status !== "ready";
   if (!isStatus) return label;
@@ -28266,13 +28414,8 @@ 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);
-  useEffect51(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
-  const { data: profile, isLoading: isProfileLoading } = useQuery26({
-    retry: false,
-    enabled: !!address,
-    queryKey: [QUERY_KEYS.userProfile, address],
-    queryFn: getUserProfile
-  });
+  useEffect54(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
+  const { data: profile, isLoading: isProfileLoading } = useUserProfile();
   const displayName = profile?.nicknameDisplay || profile?.displayName || jwtTokenManager2.getDisplayName();
   const indicators = useMemo18(() => {
     const userId = session?.mpcUserId;
@@ -28285,14 +28428,14 @@ function ConnectWalletButton(props) {
   const isConnecting = connectButtonLabel !== label || isLoading;
   return /* @__PURE__ */ jsx125("div", { "data-current-theme-mode": colorMode, className: cn("embarkai-ui-scope w-fit h-fit", className), children: !address ? (
     /** external Buttons can be provided */
-    /* @__PURE__ */ jsx125(Fragment47, { children: ConnectButton ? /* @__PURE__ */ jsxs111(
+    /* @__PURE__ */ jsx125(Fragment48, { children: ConnectButton ? /* @__PURE__ */ jsxs111(
       ConnectButton,
       {
         type: "button",
         disabled: isConnecting,
         onClick: () => setPage("auth" /* AUTH */),
         children: [
-          isConnecting ? /* @__PURE__ */ jsx125("span", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ jsx125(Loader32, { className: "w-4 h-4 animate-spin" }) }) : /* @__PURE__ */ jsx125(embarkAI_default2, { className: "w-6 h-6" }),
+          isConnecting ? /* @__PURE__ */ jsx125("span", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ jsx125(Loader31, { className: "w-4 h-4 animate-spin" }) }) : /* @__PURE__ */ jsx125(embarkAI_default2, { className: "w-6 h-6" }),
           connectButtonLabel
         ]
       }
@@ -28313,7 +28456,7 @@ function ConnectWalletButton(props) {
           "disabled:hover:bg-[var(--ui-kit-bg)] disabled:active:bg-[var(--ui-kit-bg)]"
         ),
         children: [
-          isConnecting ? /* @__PURE__ */ jsx125("span", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ jsx125(Loader32, { className: "w-4 h-4 animate-spin" }) }) : /* @__PURE__ */ jsx125(embarkAI_default2, { className: "w-6 h-6" }),
+          isConnecting ? /* @__PURE__ */ jsx125("span", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ jsx125(Loader31, { className: "w-4 h-4 animate-spin" }) }) : /* @__PURE__ */ jsx125(embarkAI_default2, { className: "w-6 h-6" }),
           connectButtonLabel.toUpperCase()
         ]
       }
@@ -28337,8 +28480,8 @@ function ConnectWalletButton(props) {
         ] }),
         /* @__PURE__ */ jsxs111("div", { className: "text-left flex-1 min-w-0 text-[var(--ui-kit-fg)]", children: [
           /* @__PURE__ */ jsxs111("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
-            isProfileLoading ? /* @__PURE__ */ jsx125(Loader32, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx125("span", { className: "w-fit text-[14px] leading-4 truncate max-w-[144px] text-[var(--ui-kit-fg)]", children: displayName }),
-            !isProfileLoading && /* @__PURE__ */ jsx125(KYCStatus, {})
+            isProfileLoading ? /* @__PURE__ */ jsx125(Loader31, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx125("span", { className: "w-fit text-[14px] leading-4 truncate max-w-[144px] text-[var(--ui-kit-fg)]", children: displayName }),
+            /* @__PURE__ */ jsx125(KYCStatus, {})
           ] }),
           /* @__PURE__ */ jsx125(BalanceView, {})
         ] }),
@@ -28528,7 +28671,7 @@ init_useLayoutDataStore();
 init_getUserOperationByHash();
 init_getUserOperationReceipt();
 init_cn();
-import { AlertCircle as AlertCircle6, CheckCircle2 as CheckCircle27, Clock as Clock2, Copy as Copy6, ExternalLink as ExternalLink3, RefreshCw as RefreshCw4 } from "lucide-react";
+import { AlertCircle as AlertCircle5, CheckCircle2 as CheckCircle27, Clock as Clock2, Copy as Copy6, ExternalLink as ExternalLink3, RefreshCw as RefreshCw4 } from "lucide-react";
 import * as React29 from "react";
 
 // src/internal/components/Address.tsx
@@ -28712,19 +28855,19 @@ var UserOpStatus = ({
     if (receipt) {
       const ok = !!receipt.success;
       return /* @__PURE__ */ jsxs113(Badge, { variant: ok ? "success" : "destructive", children: [
-        ok ? /* @__PURE__ */ jsx129(CheckCircle27, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx129(AlertCircle6, { className: "h-3 w-3" }),
+        ok ? /* @__PURE__ */ jsx129(CheckCircle27, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx129(AlertCircle5, { className: "h-3 w-3" }),
         ok ? "Included" : "Failed"
       ] });
     }
     if (rejected) {
       return /* @__PURE__ */ jsxs113(Badge, { variant: "destructive", children: [
-        /* @__PURE__ */ jsx129(AlertCircle6, { className: "h-3 w-3" }),
+        /* @__PURE__ */ jsx129(AlertCircle5, { className: "h-3 w-3" }),
         " Rejected by bundler"
       ] });
     }
     if (timedOut) {
       return /* @__PURE__ */ jsxs113(Badge, { variant: "warning", children: [
-        /* @__PURE__ */ jsx129(AlertCircle6, { className: "h-3 w-3" }),
+        /* @__PURE__ */ jsx129(AlertCircle5, { className: "h-3 w-3" }),
         " Timeout - may be rejected"
       ] });
     }
@@ -28832,16 +28975,16 @@ var UserOpStatus = ({
           ] })
         ] }),
         error && /* @__PURE__ */ jsxs113("div", { className: "text-sm text-destructive flex items-center gap-1 mt-4", children: [
-          /* @__PURE__ */ jsx129(AlertCircle6, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx129(AlertCircle5, { className: "h-4 w-4" }),
           " ",
           error
         ] }),
         rejected && /* @__PURE__ */ jsxs113("div", { className: "text-sm text-destructive flex items-center gap-1 mt-4", children: [
-          /* @__PURE__ */ jsx129(AlertCircle6, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx129(AlertCircle5, { className: "h-4 w-4" }),
           "UserOperation was dropped from bundler mempool. This usually means it was invalid or replaced."
         ] }),
         timedOut && /* @__PURE__ */ jsxs113("div", { className: "text-sm text-destructive flex items-center gap-1 mt-4", children: [
-          /* @__PURE__ */ jsx129(AlertCircle6, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx129(AlertCircle5, { className: "h-4 w-4" }),
           "Stopped polling after ",
           Math.round(maxPollTimeMs / 1e3),
           "s. UserOperation may have been rejected by the bundler."
@@ -28917,13 +29060,13 @@ var Hash = ({
 
 // src/internal/components/TransactionsMenu/TransactionsList.tsx
 init_base2();
-import { useEffect as useEffect53, useState as useState34 } from "react";
+import { useEffect as useEffect56, useState as useState33 } from "react";
 import { jsx as jsx131, jsxs as jsxs115 } from "react/jsx-runtime";
 var TransactionsList = ({ address, itemsCount = 10 }) => {
-  const [transactions, setTransactions] = useState34([]);
-  const [loading, setLoading] = useState34(true);
-  const [error, setError] = useState34(null);
-  useEffect53(() => {
+  const [transactions, setTransactions] = useState33([]);
+  const [loading, setLoading] = useState33(true);
+  const [error, setError] = useState33(null);
+  useEffect56(() => {
     const fetchTransactions2 = async () => {
       try {
         setLoading(true);
@@ -29215,12 +29358,12 @@ init_useErc3643Compliance();
 
 // src/hooks/useWalletMode.ts
 init_useExternalWalletStore();
-import { useCallback as useCallback39 } from "react";
+import { useCallback as useCallback38 } from "react";
 function useWalletMode() {
   const configMode = useExternalWalletStore((st) => st.configMode);
   const activeMode = useExternalWalletStore((st) => st.activeMode);
   const setActiveMode = useExternalWalletStore((st) => st.setActiveMode);
-  const switchMode = useCallback39(
+  const switchMode = useCallback38(
     (mode) => {
       if (configMode !== "both") return;
       setActiveMode(mode);
@@ -29238,7 +29381,7 @@ function useWalletMode() {
 // src/hooks/useDirectWallet.ts
 init_useExternalWalletStore();
 init_useLayoutDataStore();
-import { useCallback as useCallback40 } from "react";
+import { useCallback as useCallback39 } from "react";
 import { useConnectModal as useConnectModal3 } from "@rainbow-me/rainbowkit";
 import { useDisconnect as useDisconnect5 } from "wagmi";
 function useDirectWallet() {
@@ -29250,13 +29393,13 @@ function useDirectWallet() {
   const { disconnect: wagmiDisconnect } = useDisconnect5();
   const { openConnectModal } = useConnectModal3();
   const setIsWalletLinking = useLayoutDataStore((st) => st.setIsWalletLinking);
-  const connect = useCallback40(() => {
+  const connect = useCallback39(() => {
     setIsWalletLinking(true);
   }, [setIsWalletLinking]);
-  const reconnect = useCallback40(() => {
+  const reconnect = useCallback39(() => {
     if (openConnectModal) openConnectModal();
   }, [openConnectModal]);
-  const disconnect = useCallback40(() => {
+  const disconnect = useCallback39(() => {
     wagmiDisconnect();
     clearExternalWallet();
   }, [wagmiDisconnect, clearExternalWallet]);
@@ -29273,7 +29416,7 @@ function useDirectWallet() {
 
 // src/hooks/useSendDirectTransaction.ts
 init_useExternalWalletStore();
-import { useCallback as useCallback41, useState as useState36 } from "react";
+import { useCallback as useCallback40, useState as useState35 } from "react";
 import { isAddress as isAddress3, parseEther as parseEther3 } from "viem";
 import { useSendTransaction as useWagmiSendTransaction, useSwitchChain as useSwitchChain3 } from "wagmi";
 function useSendDirectTransaction() {
@@ -29281,10 +29424,10 @@ function useSendDirectTransaction() {
   const externalChainId = useExternalWalletStore((st) => st.externalChainId);
   const { sendTransactionAsync } = useWagmiSendTransaction();
   const { switchChainAsync } = useSwitchChain3();
-  const [isPending, setIsPending] = useState36(false);
-  const [error, setError] = useState36(null);
-  const [txHash, setTxHash] = useState36(null);
-  const sendTransaction = useCallback41(
+  const [isPending, setIsPending] = useState35(false);
+  const [error, setError] = useState35(null);
+  const [txHash, setTxHash] = useState35(null);
+  const sendTransaction = useCallback40(
     async (params) => {
       if (!isConnected) {
         setError("No external wallet connected");
@@ -29318,7 +29461,7 @@ function useSendDirectTransaction() {
     },
     [isConnected, externalChainId, sendTransactionAsync, switchChainAsync]
   );
-  const reset = useCallback41(() => {
+  const reset = useCallback40(() => {
     setError(null);
     setTxHash(null);
     setIsPending(false);
@@ -29330,7 +29473,7 @@ function useSendDirectTransaction() {
 init_SessionContext();
 init_account2();
 init_linkedProfiles();
-import { useCallback as useCallback42, useMemo as useMemo19, useState as useState37 } from "react";
+import { useCallback as useCallback41, useMemo as useMemo19, useState as useState36 } from "react";
 import { encodeFunctionData as encodeFunctionData3, isAddress as isAddress4, parseEther as parseEther4, parseUnits as parseUnits3 } from "viem";
 var ERC20_TRANSFER_ABI2 = [
   {
@@ -29346,14 +29489,14 @@ var ERC20_TRANSFER_ABI2 = [
 function useTransferToLinkedWallet() {
   const session = useSession((st) => st.session);
   const { profiles } = useLinkedProfiles();
-  const [isPending, setIsPending] = useState37(false);
-  const [error, setError] = useState37(null);
-  const [userOpHash, setUserOpHash] = useState37(null);
+  const [isPending, setIsPending] = useState36(false);
+  const [error, setError] = useState36(null);
+  const [userOpHash, setUserOpHash] = useState36(null);
   const linkedWallets = useMemo19(
     () => (profiles || []).filter((p) => p.provider === "wallet" && p.externalId).map((p) => p.externalId),
     [profiles]
   );
-  const transfer = useCallback42(
+  const transfer = useCallback41(
     async (params) => {
       if (!session) {
         setError("No active session");
@@ -29404,7 +29547,7 @@ function useTransferToLinkedWallet() {
     },
     [session, linkedWallets]
   );
-  const reset = useCallback42(() => {
+  const reset = useCallback41(() => {
     setError(null);
     setUserOpHash(null);
     setIsPending(false);
@@ -29431,7 +29574,7 @@ init_ProviderContext();
 init_SessionContext();
 init_useExternalWalletStore();
 import { logout as coreLogout, jwtTokenManager as jwtTokenManager3 } from "@embarkai/core/auth";
-import { useCallback as useCallback43 } from "react";
+import { useCallback as useCallback42 } from "react";
 import { useDisconnect as useDisconnect6 } from "wagmi";
 function useLogout() {
   const { callbacksRef } = useProviderConfig();
@@ -29448,7 +29591,7 @@ function useLogout() {
       }
     }
   });
-  const logout2 = useCallback43(async () => {
+  const logout2 = useCallback42(async () => {
     const { setSession, setIsLoading, setAddress, setStatus, setError } = useSession.getState();
     const prevAddress = address;
     let userId = null;
@@ -29491,7 +29634,7 @@ init_bundler();
 // src/index.ts
 init_auth();
 init_profile();
-init_hooks2();
+init_SecurityMenu2();
 init_linkedProfiles();
 init_nickname_fingerprint();
 init_errors();
@@ -29828,6 +29971,7 @@ export {
   PASSPORT_TRANSLATIONS,
   PageKey,
   Provider,
+  SessionExpiredError,
   TOKENS_ICONS,
   ThemeToggle,
   TransactionsList,
@@ -29854,6 +29998,7 @@ export {
   getUserOperationReceipt,
   getUserProfile,
   getValidTokens,
+  isSessionExpiredError,
   jwtTokenManager2 as jwtTokenManager,
   logout,
   looksLikeNickname,