@embarkai/ui-kit 0.4.57 → 0.4.58

package/dist/index.cjs

@@ -852,31 +852,31 @@ var init_useLayoutDataStore = __esm({
   "src/internal/hooks/useLayoutDataStore.ts"() {
     import_zustand = require("zustand");
     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 = (0, import_zustand.create)((set) => ({
       page: null,
@@ -2465,7 +2465,7 @@ function usePageParams() {
     currentParams.current = pageParams;
     setPageParams(null);
   }, []);
-  return currentParams.current;
+  return currentParams;
 }
 var import_react4;
 var init_useOpenPage = __esm({
@@ -5516,7 +5516,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)",
@@ -5591,7 +5591,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"
@@ -5609,7 +5614,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",
@@ -8809,11 +8815,35 @@ var init_priceFormatter = __esm({
 });
 
 // src/internal/components/BuyMenu/useBuyMenuStore.ts
-var import_zustand4, import_middleware, DEFAULT_MENU_SWITCHES, DEFAULT_PROVIDER, useBuyMenuStore;
+function useBuyMenuParams() {
+  (0, import_react21.useEffect)(() => {
+    const { pageParams, setPageParams } = useLayoutDataStore.getState();
+    if (!pageParams || !(0, import_lodash_es4.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 import_lodash_es4, import_react21, import_zustand4, import_middleware, DEFAULT_MENU_SWITCHES, DEFAULT_PROVIDER, useBuyMenuStore;
 var init_useBuyMenuStore = __esm({
   "src/internal/components/BuyMenu/useBuyMenuStore.ts"() {
+    import_lodash_es4 = require("lodash-es");
+    import_react21 = require("react");
     import_zustand4 = require("zustand");
     import_middleware = require("zustand/middleware");
+    init_useLayoutDataStore();
     DEFAULT_MENU_SWITCHES = {
       isTransactionHistory: false,
       isProviderSelector: false,
@@ -8828,6 +8858,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) => {
@@ -8877,6 +8909,10 @@ var init_useBuyMenuStore = __esm({
           srcQueryAmount: 0,
           setSrcQueryAmount: (amount) => set({ srcQueryAmount: amount }),
           /** */
+          onRampWidgetRedirected: import_lodash_es4.noop,
+          setOnRampWidgetRedirectedFn: (cb) => set({ onRampWidgetRedirected: cb }),
+          confirmationMessage: null,
+          setConfirmationMessage: (message) => set({ confirmationMessage: message }),
           error: null,
           setError: (error) => set({ error })
         }),
@@ -8928,16 +8964,16 @@ function CryptoSelector(props) {
   const { coins } = props;
   const { t } = useT();
   const chainConfig = useSession((st) => st.chainConfig);
-  const [searchValue, setSearchValue] = (0, import_react21.useState)("");
-  const [target, setTarget] = (0, import_react21.useState)("");
-  const setSearchDebounced = (0, import_react21.useCallback)(
-    (0, import_lodash_es4.debounce)((value) => {
+  const [searchValue, setSearchValue] = (0, import_react22.useState)("");
+  const [target, setTarget] = (0, import_react22.useState)("");
+  const setSearchDebounced = (0, import_react22.useCallback)(
+    (0, import_lodash_es5.debounce)((value) => {
       setTarget(value);
       useBuyMenuStore.getState().setRenderKey(`on-ramp-crypto-selector-${Date.now()}`);
     }, 1e3),
     []
   );
-  const filteredCoins = (0, import_react21.useMemo)(() => {
+  const filteredCoins = (0, import_react22.useMemo)(() => {
     const sorted = [...coins].sort((a, b) => {
       const aIdx = POPULAR_CRYPTOS.indexOf(a.symbol.toUpperCase());
       const bIdx = POPULAR_CRYPTOS.indexOf(b.symbol.toUpperCase());
@@ -8949,7 +8985,7 @@ function CryptoSelector(props) {
     if (!target) return sorted;
     return sorted.filter((f) => f.symbol.toLowerCase().includes(target.toLowerCase()));
   }, [coins, target]);
-  const groupedCoins = (0, import_lodash_es4.toPairs)(
+  const groupedCoins = (0, import_lodash_es5.toPairs)(
     filteredCoins.reduce(
       (acc, coin) => {
         const network = coin.network;
@@ -9043,16 +9079,16 @@ function CryptoSelectorTrigger(props) {
     }
   );
 }
-var import_lodash_es4, import_lucide_react9, import_react21, import_jsx_runtime32, POPULAR_CRYPTOS;
+var import_lodash_es5, import_lucide_react9, import_react22, import_jsx_runtime32, POPULAR_CRYPTOS;
 var init_CryptoSelector = __esm({
   "src/internal/components/BuyMenu/components/CryptoSelector.tsx"() {
     init_tokens();
     init_utils2();
     init_SessionContext();
     init_i18n();
-    import_lodash_es4 = require("lodash-es");
+    import_lodash_es5 = require("lodash-es");
     import_lucide_react9 = require("lucide-react");
-    import_react21 = require("react");
+    import_react22 = require("react");
     init_priceFormatter();
     init_button();
     init_highlight();
@@ -9154,16 +9190,16 @@ function FiatSelector(props) {
   const { fiats } = props;
   const { t, i18n } = useT();
   const locale = i18n.resolvedLanguage || "en";
-  const [searchValue, setSearchValue] = (0, import_react22.useState)("");
-  const [target, setTarget] = (0, import_react22.useState)("");
-  const setSearchDebounced = (0, import_react22.useCallback)(
-    (0, import_lodash_es5.debounce)((value) => {
+  const [searchValue, setSearchValue] = (0, import_react23.useState)("");
+  const [target, setTarget] = (0, import_react23.useState)("");
+  const setSearchDebounced = (0, import_react23.useCallback)(
+    (0, import_lodash_es6.debounce)((value) => {
       setTarget(value);
       useBuyMenuStore.getState().setRenderKey(`on-ramp-fiat-selector-${Date.now()}`);
     }, 1e3),
     []
   );
-  const filteredFiats = (0, import_react22.useMemo)(() => {
+  const filteredFiats = (0, import_react23.useMemo)(() => {
     const sorted = [...fiats].sort((a, b) => {
       const aIdx = POPULAR_FIATS.indexOf(a.ticker.toUpperCase());
       const bIdx = POPULAR_FIATS.indexOf(b.ticker.toUpperCase());
@@ -9228,13 +9264,13 @@ function FiatSelectorTrigger(props) {
     }
   );
 }
-var import_lodash_es5, import_lucide_react10, import_react22, import_jsx_runtime34, POPULAR_FIATS;
+var import_lodash_es6, import_lucide_react10, import_react23, import_jsx_runtime34, POPULAR_FIATS;
 var init_FiatSelector = __esm({
   "src/internal/components/BuyMenu/components/FiatSelector.tsx"() {
     init_i18n();
-    import_lodash_es5 = require("lodash-es");
+    import_lodash_es6 = require("lodash-es");
     import_lucide_react10 = require("lucide-react");
-    import_react22 = require("react");
+    import_react23 = require("react");
     init_button();
     init_highlight();
     init_input();
@@ -9459,6 +9495,62 @@ var init_api = __esm({
   }
 });
 
+// src/internal/utils/cn.ts
+function cn2(...inputs) {
+  return twMerge((0, import_clsx2.clsx)(inputs));
+}
+var import_clsx2;
+var init_cn = __esm({
+  "src/internal/utils/cn.ts"() {
+    import_clsx2 = require("clsx");
+    init_bundle_mjs();
+  }
+});
+
+// src/internal/components/ui/badge.tsx
+function Badge(props) {
+  const { className, variant = "secondary", size = "default", ...rest } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { ...rest, className: cn2(badgeVariants({ variant, size }), className) });
+}
+var import_class_variance_authority2, import_jsx_runtime36, badgeVariants;
+var init_badge = __esm({
+  "src/internal/components/ui/badge.tsx"() {
+    import_class_variance_authority2 = require("class-variance-authority");
+    init_cn();
+    import_jsx_runtime36 = require("react/jsx-runtime");
+    badgeVariants = (0, import_class_variance_authority2.cva)(
+      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
 var import_read9, CHAIN_ID_TO_BINANCE_NETWORK_TICKER;
 var init_config = __esm({
@@ -9476,21 +9568,30 @@ function BinanceSummary(props) {
   const { payment } = props;
   const qc = (0, import_react_query7.useQueryClient)();
   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 } = (0, import_react_query7.useMutation)({
     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.)
@@ -9509,8 +9610,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);
       }
     },
@@ -9522,51 +9625,59 @@ function BinanceSummary(props) {
   });
   const isContinueDisabled = !!redirecting || !!isFundWalletOrderCheckouting || !quoteData;
   if (!quoteData) {
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(Highlight, { type: "warning", className: "flex gap-[var(--ui-kit-gap)]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react12.InfoIcon, { className: "w-4 h-4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { children: t("passport:common.errors.oops") })
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(Highlight, { type: "warning", className: "flex gap-[var(--ui-kit-gap)]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react12.InfoIcon, { className: "w-4 h-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { children: t("passport:common.errors.oops") })
     ] }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex justify-between text-xs leading-5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "", children: t("passport:common.amount") }),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { className: "font-bold", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex justify-between text-xs leading-5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "", children: t("passport:common.amount") }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: "font-bold", children: [
         formatPrice(srcQueryAmount),
         " ",
         selectedFiat.toUpperCase()
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex justify-between text-xs leading-5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "", children: t("passport:buyMenu.summary.youReceive") }),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { className: "font-bold", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex justify-between text-xs leading-5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "", children: t("passport:buyMenu.summary.youReceive") }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: "font-bold", children: [
         formatPrice(cryptoToRecieve),
         " ",
         selectedCrypto.toUpperCase()
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(Highlight, { type: "info", className: "", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("p", { className: "flex justify-between gap-[var(--ui-kit-gap)] leading-5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { children: t("passport:buyMenu.summary.networkFee") }),
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("strong", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(Highlight, { type: "info", className: "", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("p", { className: "flex justify-between gap-[var(--ui-kit-gap)] leading-5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { children: t("passport:buyMenu.summary.networkFee") }),
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("strong", { children: [
           formatPrice(Number(quoteData?.networkFee || "0")),
           " ",
           quoteData?.feeCurrency || ""
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("p", { className: "flex justify-between gap-[var(--ui-kit-gap)] leading-5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { children: t("passport:buyMenu.summary.serviceFee") }),
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("strong", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("p", { className: "flex justify-between gap-[var(--ui-kit-gap)] leading-5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { children: t("passport:buyMenu.summary.serviceFee") }),
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("strong", { children: [
           formatPrice(Number(quoteData?.feeAmount || "0")),
           " ",
           quoteData?.feeCurrency || ""
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("p", { className: "flex justify-between gap-[var(--ui-kit-gap)] leading-5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { children: t("passport:buyMenu.selectPaymentMode") }),
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("strong", { children: payment.paymentMethod.toUpperCase() })
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("p", { className: "flex justify-between gap-[var(--ui-kit-gap)] leading-5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { children: t("passport:buyMenu.selectPaymentMode") }),
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("strong", { children: payment?.paymentMethod?.toUpperCase() })
+      ] })
+    ] }),
+    toWalletAddress && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(Highlight, { type: "warning", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "font-bold leading-6", children: t("passport:buyMenu.summary.toAddress.receiver") }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Badge, { variant: "secondary", size: "medium", className: "w-full text-center justify-center text-[10px]", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "truncate leading-4", children: toWalletAddress }) }),
+      !!confirmationMessage ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "leading-5", children: confirmationMessage }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("p", { className: "leading-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { children: t("passport:buyMenu.summary.toAddress.message") }),
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { children: t("passport:buyMenu.summary.toAddress.suggestion") })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
       Button,
       {
         size: "large",
@@ -9575,9 +9686,9 @@ function BinanceSummary(props) {
         variant: "default",
         onClick: () => checkoutFundWalletOrder(),
         children: [
-          redirecting && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react12.LoaderIcon, { size: 16, className: "animate-spin" }),
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { children: redirecting ? "REDIRECTING..." : String(t("passport:buyMenu.actions.confirmPurchase")).toUpperCase() }),
-          !!quoteData?.totalAmount && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("strong", { children: [
+          redirecting && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react12.LoaderIcon, { size: 16, className: "animate-spin" }),
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { children: redirecting ? "REDIRECTING..." : String(t("passport:buyMenu.actions.confirmPurchase")).toUpperCase() }),
+          !!quoteData?.totalAmount && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("strong", { children: [
             formatPrice(Number(quoteData.totalAmount)),
             " ",
             selectedCrypto.toUpperCase()
@@ -9587,7 +9698,7 @@ function BinanceSummary(props) {
     )
   ] });
 }
-var import_react_query7, import_lucide_react12, import_jsx_runtime36;
+var import_react_query7, import_lucide_react12, import_jsx_runtime37;
 var init_BinanceSummary = __esm({
   "src/internal/components/BuyMenu/binance/BinanceSummary.tsx"() {
     init_utils2();
@@ -9596,6 +9707,7 @@ var init_BinanceSummary = __esm({
     init_priceFormatter();
     import_react_query7 = require("@tanstack/react-query");
     import_lucide_react12 = require("lucide-react");
+    init_badge();
     init_button();
     init_highlight();
     init_contants();
@@ -9604,71 +9716,15 @@ var init_BinanceSummary = __esm({
     init_api();
     init_config();
     init_useBinanceStore();
-    import_jsx_runtime36 = require("react/jsx-runtime");
-  }
-});
-
-// src/internal/utils/cn.ts
-function cn2(...inputs) {
-  return twMerge((0, import_clsx2.clsx)(inputs));
-}
-var import_clsx2;
-var init_cn = __esm({
-  "src/internal/utils/cn.ts"() {
-    import_clsx2 = require("clsx");
-    init_bundle_mjs();
-  }
-});
-
-// src/internal/components/ui/badge.tsx
-function Badge(props) {
-  const { className, variant = "secondary", size = "default", ...rest } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { ...rest, className: cn2(badgeVariants({ variant, size }), className) });
-}
-var import_class_variance_authority2, import_jsx_runtime37, badgeVariants;
-var init_badge = __esm({
-  "src/internal/components/ui/badge.tsx"() {
-    import_class_variance_authority2 = require("class-variance-authority");
-    init_cn();
     import_jsx_runtime37 = require("react/jsx-runtime");
-    badgeVariants = (0, import_class_variance_authority2.cva)(
-      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
-var import_lodash_es6, STATUS_CODE_TO_MESSAGE, STATUSES_FILTERS;
+var import_lodash_es7, STATUS_CODE_TO_MESSAGE, STATUSES_FILTERS;
 var init_statuses = __esm({
   "src/internal/components/BuyMenu/binance/statuses.ts"() {
-    import_lodash_es6 = require("lodash-es");
+    import_lodash_es7 = require("lodash-es");
     STATUS_CODE_TO_MESSAGE = {
       "0": {
         code: "0",
@@ -9773,7 +9829,7 @@ var init_statuses = __esm({
         remarks: "On-ramp"
       }
     };
-    STATUSES_FILTERS = (0, import_lodash_es6.values)(STATUS_CODE_TO_MESSAGE).filter(
+    STATUSES_FILTERS = (0, import_lodash_es7.values)(STATUS_CODE_TO_MESSAGE).filter(
       (status) => status.remarks.toLowerCase().includes("on-ramp")
     );
   }
@@ -9909,17 +9965,17 @@ function BinanceTxHistory() {
       txStatuses: SHOW_STATUSES
     })
   });
-  const txList = (0, import_react23.useMemo)(
+  const txList = (0, import_react24.useMemo)(
     () => historyData?.pages?.map((p) => p.data).flat(Infinity) || [],
     [historyData]
   );
-  const updateExpandable = (0, import_react23.useCallback)(
-    (0, import_lodash_es7.debounce)(() => {
+  const updateExpandable = (0, import_react24.useCallback)(
+    (0, import_lodash_es8.debounce)(() => {
       useBuyMenuStore.getState().setRenderKey(`binance-history-loaded-${Date.now()}`);
     }, 200),
     []
   );
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (isTxDataLoading || !txList?.length || txList.length > 10) return;
     updateExpandable();
   }, [isTxDataLoading, txList]);
@@ -9944,7 +10000,7 @@ function BinanceTxHistory() {
     )
   ] });
 }
-var import_react_query8, import_dayjs, import_lodash_es7, import_lucide_react13, import_react23, import_jsx_runtime38, TRANSACTIONS_PAGESIZE, SHOW_STATUSES;
+var import_react_query8, import_dayjs, import_lodash_es8, import_lucide_react13, import_react24, import_jsx_runtime38, TRANSACTIONS_PAGESIZE, SHOW_STATUSES;
 var init_BinanceTxHistory = __esm({
   "src/internal/components/BuyMenu/binance/BinanceTxHistory.tsx"() {
     init_tokens();
@@ -9953,9 +10009,9 @@ var init_BinanceTxHistory = __esm({
     init_i18n();
     import_react_query8 = require("@tanstack/react-query");
     import_dayjs = __toESM(require("dayjs"), 1);
-    import_lodash_es7 = require("lodash-es");
+    import_lodash_es8 = require("lodash-es");
     import_lucide_react13 = require("lucide-react");
-    import_react23 = require("react");
+    import_react24 = require("react");
     init_priceFormatter();
     init_badge();
     init_button();
@@ -9973,8 +10029,8 @@ var init_BinanceTxHistory = __esm({
 // src/internal/components/BuyMenu/binance/useBinanceSseTracing.ts
 function useBinanceSseTxTracing(walletAddress) {
   const qc = (0, import_react_query9.useQueryClient)();
-  const debounceRef = (0, import_react24.useRef)(null);
-  (0, import_react24.useEffect)(() => {
+  const debounceRef = (0, import_react25.useRef)(null);
+  (0, import_react25.useEffect)(() => {
     if (!walletAddress) return;
     const iframeManager = getIframeManager();
     if (!iframeManager) return;
@@ -9996,11 +10052,11 @@ function useBinanceSseTxTracing(walletAddress) {
     };
   }, [walletAddress, qc]);
 }
-var import_react_query9, import_react24;
+var import_react_query9, import_react25;
 var init_useBinanceSseTracing = __esm({
   "src/internal/components/BuyMenu/binance/useBinanceSseTracing.ts"() {
     import_react_query9 = require("@tanstack/react-query");
-    import_react24 = require("react");
+    import_react25 = require("react");
     init_iframe_manager();
     init_queryKeys();
     init_api();
@@ -10037,7 +10093,7 @@ function Binance() {
   } = useBuyMenuStore();
   const paymentMode = useBinanceStore((st) => st.paymentMode);
   const isCurrurenciesSelected = !!selectedCrypto && !!selectedFiat;
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (!isCurrurenciesSelected) return;
     useBuyMenuStore.getState().setRenderKey(`${selectedCrypto}-${selectedFiat}-${Date.now()}`);
   }, [isCurrurenciesSelected]);
@@ -10072,7 +10128,7 @@ function Binance() {
   });
   const paymentModes = paymentModesData?.data?.paymentMethods || [];
   const selectedPaymentMode = paymentModes?.find((el) => getPayMethodID(el) === paymentMode) || null;
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     useBuyMenuStore.getState().setMinAmount(Number(selectedPaymentMode?.fiatMinLimit || "0"));
   }, [selectedPaymentMode]);
   const { mutate: estimateQuote, isPending: isQuoteEstimating } = (0, import_react_query10.useMutation)({
@@ -10100,21 +10156,22 @@ function Binance() {
     }
   });
   const availableFiats = (tradingPairsData?.data?.fiatCurrencies || []).map((ticker) => ({ ticker }));
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     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]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     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]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (!!paymentMode || !paymentModes.length) return;
     const targetPaymentMode = paymentModes.find((item) => item.payMethodCode === PREFERRED_PAYMENT_METHOD) || paymentModes[0];
     useBinanceStore.getState().setPaymentMode(getPayMethodID(targetPaymentMode));
   }, [paymentModes]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     return () => {
       useBinanceStore.getState().setPaymentMode(null);
       qc.resetQueries({ queryKey: [QUERY_KEYS2.binanceTradingPairs] });
@@ -10236,7 +10293,7 @@ function Binance() {
     )
   ] });
 }
-var import_react_query10, import_lucide_react14, import_react25, import_jsx_runtime39, PREFERRED_PAYMENT_METHOD;
+var import_react_query10, import_lucide_react14, import_react26, import_jsx_runtime39, PREFERRED_PAYMENT_METHOD, PREFERRED_FIATS, PREFERRED_CRYPTOS;
 var init_Binance = __esm({
   "src/internal/components/BuyMenu/binance/Binance.tsx"() {
     init_utils2();
@@ -10244,7 +10301,7 @@ var init_Binance = __esm({
     init_i18n();
     import_react_query10 = require("@tanstack/react-query");
     import_lucide_react14 = require("lucide-react");
-    import_react25 = require("react");
+    import_react26 = require("react");
     init_button();
     init_highlight();
     init_input();
@@ -10261,6 +10318,8 @@ var init_Binance = __esm({
     init_utils6();
     import_jsx_runtime39 = require("react/jsx-runtime");
     PREFERRED_PAYMENT_METHOD = "BUY_CARD";
+    PREFERRED_FIATS = ["USD", "EUR"];
+    PREFERRED_CRYPTOS = ["USDT", "LUMIA"];
   }
 });
 
@@ -10516,7 +10575,7 @@ function FinchPayTxHistoryItem(props) {
 function FinchPayTxHistory() {
   const { t } = useT();
   const walletAddress = useSession((st) => st.address);
-  const [cursor, setCursor] = (0, import_react26.useState)(1);
+  const [cursor, setCursor] = (0, import_react27.useState)(1);
   const {
     data: txData,
     isLoading: isTxDataLoading,
@@ -10538,7 +10597,7 @@ function FinchPayTxHistory() {
   const pageCount = loadedPages[loadedPages.length - 1]?.pageCount || 1;
   const txList = loadedPages.map((p) => p.data)[cursor - 1] || [];
   console.log("[FINCHPAY] txList", txData);
-  const handleNextPage = (0, import_react26.useCallback)(
+  const handleNextPage = (0, import_react27.useCallback)(
     async (curCursor, curPageParams) => {
       const maxLoadedPage = Math.max(...curPageParams);
       if (curCursor !== maxLoadedPage) {
@@ -10593,7 +10652,7 @@ function FinchPayTxHistory() {
     ] })
   ] });
 }
-var import_react_query12, import_dayjs2, import_lucide_react16, import_react26, import_jsx_runtime41, TRANSACTIONS_PAGESIZE2;
+var import_react_query12, import_dayjs2, import_lucide_react16, import_react27, import_jsx_runtime41, TRANSACTIONS_PAGESIZE2;
 var init_FinchPayTxHistory = __esm({
   "src/internal/components/BuyMenu/finchpay/FinchPayTxHistory.tsx"() {
     init_utils2();
@@ -10602,7 +10661,7 @@ var init_FinchPayTxHistory = __esm({
     import_react_query12 = require("@tanstack/react-query");
     import_dayjs2 = __toESM(require("dayjs"), 1);
     import_lucide_react16 = require("lucide-react");
-    import_react26 = require("react");
+    import_react27 = require("react");
     init_priceFormatter();
     init_badge();
     init_button();
@@ -10629,8 +10688,8 @@ var init_networks = __esm({
 // src/internal/components/BuyMenu/finchpay/useFinchpaySseTxTracing.ts
 function useFinchpaySseTxTracing(walletAddress) {
   const qc = (0, import_react_query13.useQueryClient)();
-  const debounceRef = (0, import_react27.useRef)(null);
-  (0, import_react27.useEffect)(() => {
+  const debounceRef = (0, import_react28.useRef)(null);
+  (0, import_react28.useEffect)(() => {
     if (!walletAddress) return;
     const iframeManager = getIframeManager();
     if (!iframeManager) return;
@@ -10652,11 +10711,11 @@ function useFinchpaySseTxTracing(walletAddress) {
     };
   }, [walletAddress, qc]);
 }
-var import_react_query13, import_react27;
+var import_react_query13, import_react28;
 var init_useFinchpaySseTxTracing = __esm({
   "src/internal/components/BuyMenu/finchpay/useFinchpaySseTxTracing.ts"() {
     import_react_query13 = require("@tanstack/react-query");
-    import_react27 = require("react");
+    import_react28 = require("react");
     init_iframe_manager();
     init_queryKeys();
     init_api2();
@@ -10754,11 +10813,11 @@ function FinchPay() {
     })
   });
   const minimum = Number(limitsData?.min_amount || "0");
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     if (minimum <= 0) return;
     useBuyMenuStore.getState().setMinAmount(minimum);
   }, [minimum]);
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     if (srcInputAmount >= minimum) return;
     useBuyMenuStore.getState().setRenderKey(`finchpay-input-minimum-warning-${Date.now()}`);
   }, [minimum, srcInputAmount]);
@@ -10786,23 +10845,23 @@ function FinchPay() {
       // defaults to CARD estimation, widgetUrl
     })
   });
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     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]);
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     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]);
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     if (!!selectedCrypto || currenciesData.currentNetworkCoins.length === 0) return;
     useBuyMenuStore.getState().setSelectedCrypto(currenciesData.currentNetworkCoins[0].ticker);
   }, [currenciesData, selectedCrypto]);
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     return () => {
       qc.resetQueries({ queryKey: [QUERY_KEYS2.finchPayCurrencies] });
       qc.resetQueries({ queryKey: [QUERY_KEYS2.finchPayLimits] });
@@ -10924,7 +10983,7 @@ function FinchPay() {
     )
   ] });
 }
-var import_react_query14, import_lucide_react17, import_react28, import_jsx_runtime42;
+var import_react_query14, import_lucide_react17, import_react29, import_jsx_runtime42;
 var init_FinchPay = __esm({
   "src/internal/components/BuyMenu/finchpay/FinchPay.tsx"() {
     init_priceFormatter();
@@ -10933,7 +10992,7 @@ var init_FinchPay = __esm({
     init_i18n();
     import_react_query14 = require("@tanstack/react-query");
     import_lucide_react17 = require("lucide-react");
-    import_react28 = require("react");
+    import_react29 = require("react");
     init_button();
     init_highlight();
     init_input();
@@ -11061,62 +11120,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
-var import_react29, ON_INPUT_QUERY_DELAY, useHandleInputAmount;
+var import_react30, ON_INPUT_QUERY_DELAY, useHandleInputAmount;
 var init_useHandleInputAmount = __esm({
   "src/internal/components/BuyMenu/useHandleInputAmount.ts"() {
-    import_react29 = require("react");
-    init_debounce();
+    import_react30 = require("react");
     init_contants();
     init_useBuyMenuStore();
     ON_INPUT_QUERY_DELAY = 1500;
     useHandleInputAmount = () => {
-      const lastRampProviderRef = (0, import_react29.useRef)(DEFAULT_PROVIDER2);
+      const lastRampProviderRef = (0, import_react30.useRef)(DEFAULT_PROVIDER2);
       const rampProvider = useBuyMenuStore((st) => st.rampProvider);
       const srcInputAmount = useBuyMenuStore((st) => st.srcInputAmount);
       const minAmount = useBuyMenuStore((st) => st.minAmount);
-      const setQueryAmountDebounced = (0, import_react29.useCallback)(
-        debounce5((inputAmount) => {
-          const checkedValue = Math.ceil(Math.max(inputAmount, minAmount));
+      const queryAmountTimer = (0, import_react30.useRef)(null);
+      (0, import_react30.useEffect)(() => {
+        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]
-      );
-      (0, import_react29.useEffect)(() => setQueryAmountDebounced(srcInputAmount), [srcInputAmount, setQueryAmountDebounced]);
-      (0, import_react29.useEffect)(() => {
+        }, ON_INPUT_QUERY_DELAY);
+      }, [minAmount, srcInputAmount]);
+      (0, import_react30.useEffect)(() => {
         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]);
     };
@@ -11127,8 +11168,8 @@ var init_useHandleInputAmount = __esm({
 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);
@@ -11194,7 +11235,7 @@ function BuyMenu() {
                   setIsPaymentModeSelector(false);
                   return;
                 }
-                setPage("main-menu" /* MAIN_MENU */);
+                useLayoutDataStore.getState().setPage("main-menu" /* MAIN_MENU */);
               },
               children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react18.ArrowLeft, { className: "h-4 w-4" })
             }
@@ -11484,8 +11525,8 @@ function ChainItem(props) {
   const { t } = useT();
   const isSessionLoading = useSession((st) => st.isLoading);
   const activeChainId = useSession((st) => st.activeChainId);
-  const [copiedChainId, setCopiedChainId] = (0, import_react30.useState)(null);
-  const copiedResetTimerRef = (0, import_react30.useRef)(null);
+  const [copiedChainId, setCopiedChainId] = (0, import_react31.useState)(null);
+  const copiedResetTimerRef = (0, import_react31.useRef)(null);
   const isActiveChain = activeChainId === chainId;
   const paymasterAddress = isActiveChain ? activePaymasterData?.address : null;
   const paymasterExplorerUrl = paymasterAddress ? getPaymasterExplorerUrl(chainId, paymasterAddress) : null;
@@ -11582,7 +11623,7 @@ function ChainItem(props) {
     }
   );
 }
-var import_read13, import_lucide_react19, import_react30, import_jsx_runtime51;
+var import_read13, import_lucide_react19, import_react31, import_jsx_runtime51;
 var init_ChainItem = __esm({
   "src/internal/components/ChainsMenu/ChainItem.tsx"() {
     init_SessionContext();
@@ -11592,7 +11633,7 @@ var init_ChainItem = __esm({
     init_truncateMiddle();
     import_read13 = require("@embarkai/core/read");
     import_lucide_react19 = require("lucide-react");
-    import_react30 = require("react");
+    import_react31 = require("react");
     init_badge();
     init_button();
     import_jsx_runtime51 = require("react/jsx-runtime");
@@ -11603,11 +11644,11 @@ var init_ChainItem = __esm({
 function ChainsMenu() {
   const config = useProviderConfig().config;
   const activeChainId = useSession((st) => st.activeChainId);
-  const [isTestnets, setIsTestnets] = (0, import_react31.useState)(false);
-  const [nextChainId, setNextChainId] = (0, import_react31.useState)(null);
+  const [isTestnets, setIsTestnets] = (0, import_react32.useState)(false);
+  const [nextChainId, setNextChainId] = (0, import_react32.useState)(null);
   const { t } = useT();
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
-  const visibleNetworks = (0, import_react31.useMemo)(() => {
+  const visibleNetworks = (0, import_react32.useMemo)(() => {
     return NETWORK_OPTIONS.filter(
       (option) => option.isActive && (isTestnets ? true : import_read14.SUPPORTED_MAINNETS.includes(option.chainId))
     );
@@ -11681,7 +11722,7 @@ function ChainsMenu() {
     }
   );
 }
-var import_core2, import_read14, import_react_query15, import_lucide_react20, import_react31, import_jsx_runtime52;
+var import_core2, import_read14, import_react_query15, import_lucide_react20, import_react32, import_jsx_runtime52;
 var init_ChainsMenu = __esm({
   "src/internal/components/ChainsMenu/ChainsMenu.tsx"() {
     init_networks3();
@@ -11692,7 +11733,7 @@ var init_ChainsMenu = __esm({
     import_read14 = require("@embarkai/core/read");
     import_react_query15 = require("@tanstack/react-query");
     import_lucide_react20 = require("lucide-react");
-    import_react31 = require("react");
+    import_react32 = require("react");
     init_resolve_paymaster();
     init_useLayoutDataStore();
     init_useLayoutStore();
@@ -11880,8 +11921,8 @@ function DeviceLinkScreen() {
   const setPage = useLayoutDataStore((s) => s.setPage);
   const maxScrollHeight = useLayoutStore((s) => s.maxScrollHeight);
   const { mutate: link, isPending } = useLinkDevice();
-  const [code, setCode] = (0, import_react32.useState)("");
-  const [error, setError] = (0, import_react32.useState)(null);
+  const [code, setCode] = (0, import_react33.useState)("");
+  const [error, setError] = (0, import_react33.useState)(null);
   const isValid = code.length === 6 && VALID_CHARS.test(code);
   function handleCodeChange(value) {
     const upper = value.toUpperCase().slice(0, 6);
@@ -11940,10 +11981,10 @@ function DeviceLinkScreen() {
     }
   );
 }
-var import_react32, import_lucide_react22, import_jsx_runtime54, VALID_CHARS;
+var import_react33, import_lucide_react22, import_jsx_runtime54, VALID_CHARS;
 var init_DeviceLinkScreen = __esm({
   "src/internal/components/DevicesMenu/DeviceLinkScreen.tsx"() {
-    import_react32 = require("react");
+    import_react33 = require("react");
     import_lucide_react22 = require("lucide-react");
     init_Expandable2();
     init_button();
@@ -12476,19 +12517,19 @@ function DeviceManageScreen() {
   const userId = session?.mpcUserId || "";
   const deviceId = pageParams?.deviceId;
   const deviceName = pageParams?.deviceName;
-  const guardianRef = (0, import_react33.useRef)(null);
-  const [screen, setScreen] = (0, import_react33.useState)({ step: "connecting" });
-  const [actionState, setActionState] = (0, import_react33.useState)(null);
-  const [password, setPassword] = (0, import_react33.useState)("");
-  const [statusMessage, setStatusMessage] = (0, import_react33.useState)(null);
-  const [errorMessage, setErrorMessage] = (0, import_react33.useState)(null);
-  const [waitingConfirm, setWaitingConfirm] = (0, import_react33.useState)(false);
-  (0, import_react33.useEffect)(() => {
+  const guardianRef = (0, import_react34.useRef)(null);
+  const [screen, setScreen] = (0, import_react34.useState)({ step: "connecting" });
+  const [actionState, setActionState] = (0, import_react34.useState)(null);
+  const [password, setPassword] = (0, import_react34.useState)("");
+  const [statusMessage, setStatusMessage] = (0, import_react34.useState)(null);
+  const [errorMessage, setErrorMessage] = (0, import_react34.useState)(null);
+  const [waitingConfirm, setWaitingConfirm] = (0, import_react34.useState)(false);
+  (0, import_react34.useEffect)(() => {
     if (!statusMessage) return;
     const t = setTimeout(() => setStatusMessage(null), 3e3);
     return () => clearTimeout(t);
   }, [statusMessage]);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     if (!deviceId || !isWebSerialAvailable()) {
       setScreen({ step: "error", message: "WebSerial not available" });
       return;
@@ -12520,7 +12561,7 @@ function DeviceManageScreen() {
       guardianRef.current?.close();
     };
   }, [deviceId]);
-  const refreshList = (0, import_react33.useCallback)(async () => {
+  const refreshList = (0, import_react34.useCallback)(async () => {
     const guardian = guardianRef.current;
     if (!guardian || screen.step !== "connected") return;
     try {
@@ -12529,7 +12570,7 @@ function DeviceManageScreen() {
     } catch {
     }
   }, [screen]);
-  const handleBackup = (0, import_react33.useCallback)(async () => {
+  const handleBackup = (0, import_react34.useCallback)(async () => {
     const guardian = guardianRef.current;
     const iframe4 = getIframeManager();
     if (!guardian || !iframe4 || !userId) return;
@@ -12553,7 +12594,7 @@ function DeviceManageScreen() {
       setActionState(null);
     }
   }, [password, userId, refreshList]);
-  const handleOverwrite = (0, import_react33.useCallback)(async () => {
+  const handleOverwrite = (0, import_react34.useCallback)(async () => {
     const guardian = guardianRef.current;
     const iframe4 = getIframeManager();
     if (!guardian || !iframe4 || !userId) return;
@@ -12573,7 +12614,7 @@ function DeviceManageScreen() {
       setActionState(null);
     }
   }, [password, userId, refreshList]);
-  const handleDelete = (0, import_react33.useCallback)(async (keyshareId) => {
+  const handleDelete = (0, import_react34.useCallback)(async (keyshareId) => {
     const guardian = guardianRef.current;
     if (!guardian) return;
     setActionState({ action: "delete", keyshareId, substep: "confirm-device" });
@@ -12740,10 +12781,10 @@ function DeviceManageScreen() {
     }
   );
 }
-var import_react33, import_lucide_react23, import_jsx_runtime55;
+var import_react34, import_lucide_react23, import_jsx_runtime55;
 var init_DeviceManageScreen = __esm({
   "src/internal/components/DevicesMenu/DeviceManageScreen.tsx"() {
-    import_react33 = require("react");
+    import_react34 = require("react");
     import_lucide_react23 = require("lucide-react");
     init_Expandable2();
     init_button();
@@ -12766,11 +12807,11 @@ function DeviceRestoreScreen() {
   const keyshareId = pageParams?.keyshareId;
   const deviceId = pageParams?.deviceId;
   const deviceName = pageParams?.deviceName;
-  const [password, setPassword] = (0, import_react34.useState)("");
-  const [isWorking, setIsWorking] = (0, import_react34.useState)(false);
-  const [statusMessage, setStatusMessage] = (0, import_react34.useState)(null);
-  const [errorMessage, setErrorMessage] = (0, import_react34.useState)(null);
-  const handleRestore = (0, import_react34.useCallback)(async () => {
+  const [password, setPassword] = (0, import_react35.useState)("");
+  const [isWorking, setIsWorking] = (0, import_react35.useState)(false);
+  const [statusMessage, setStatusMessage] = (0, import_react35.useState)(null);
+  const [errorMessage, setErrorMessage] = (0, import_react35.useState)(null);
+  const handleRestore = (0, import_react35.useCallback)(async () => {
     if (!password || !keyshareId || !userId) return;
     const iframe4 = getIframeManager();
     if (!iframe4) {
@@ -12857,10 +12898,10 @@ function DeviceRestoreScreen() {
     }
   );
 }
-var import_react34, import_lucide_react24, import_jsx_runtime56;
+var import_react35, import_lucide_react24, import_jsx_runtime56;
 var init_DeviceRestoreScreen = __esm({
   "src/internal/components/DevicesMenu/DeviceRestoreScreen.tsx"() {
-    import_react34 = require("react");
+    import_react35 = require("react");
     import_lucide_react24 = require("lucide-react");
     init_Expandable2();
     init_button();
@@ -12883,8 +12924,8 @@ function truncateAddress(address) {
   return `${address.slice(0, 6)}...${address.slice(-4)}`;
 }
 function DeviceRow({ device }) {
-  const [confirmingUnlink, setConfirmingUnlink] = (0, import_react35.useState)(false);
-  const [unlinkError, setUnlinkError] = (0, import_react35.useState)(null);
+  const [confirmingUnlink, setConfirmingUnlink] = (0, import_react36.useState)(false);
+  const [unlinkError, setUnlinkError] = (0, import_react36.useState)(null);
   const { mutate: unlink, isPending } = useUnlinkDevice();
   if (confirmingUnlink) {
     return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex flex-col gap-2 p-3 rounded-lg bg-[var(--ui-kit-bg)]", children: [
@@ -12998,10 +13039,10 @@ function DevicesMenu() {
     }
   );
 }
-var import_react35, import_lucide_react25, import_jsx_runtime57;
+var import_react36, import_lucide_react25, import_jsx_runtime57;
 var init_DevicesMenu = __esm({
   "src/internal/components/DevicesMenu/DevicesMenu.tsx"() {
-    import_react35 = require("react");
+    import_react36 = require("react");
     import_lucide_react25 = require("lucide-react");
     init_Expandable2();
     init_button();
@@ -13094,7 +13135,7 @@ function useOnRestoreSuccess() {
     setStatus
   } = useSession();
   const { setError, setSuccess } = useRestoreStore();
-  const createSessionWithKeyshare = (0, import_react36.useCallback)(
+  const createSessionWithKeyshare = (0, import_react37.useCallback)(
     async (userId, hasServerKeyshare, isNewUser) => {
       try {
         try {
@@ -13135,7 +13176,7 @@ function useOnRestoreSuccess() {
     },
     [setStatus, usePaymaster, activeChainId, publicClient]
   );
-  const onRestoreSuccess = (0, import_react36.useCallback)(async () => {
+  const onRestoreSuccess = (0, import_react37.useCallback)(async () => {
     const { verifyToken: verifyToken2, jwtTokenManager: jwtTokenManager4 } = await Promise.resolve().then(() => (init_auth(), auth_exports));
     const verify = await verifyToken2();
     const hasServerKeyshare = verify?.hasKeyshare ?? jwtTokenManager4.getHasKeyshare() ?? false;
@@ -13200,12 +13241,12 @@ function useOnRestoreSuccess() {
   ]);
   return { onRestoreSuccess };
 }
-var import_react36;
+var import_react37;
 var init_useOnRestoreSuccess = __esm({
   "src/internal/components/KeyshareRestoreMenu/hooks/useOnRestoreSuccess.ts"() {
     init_ProviderContext();
     init_SessionContext();
-    import_react36 = require("react");
+    import_react37 = require("react");
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_useRestoreStore();
@@ -13630,7 +13671,7 @@ function useCreateBackup() {
   const usePasskey = useRestoreStore((st) => st.usePasskey);
   const restorePassword = useRestoreStore((st) => st.restorePassword);
   const selectedCloudProvider = useRestoreStore((st) => st.selectedCloudProvider);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (!hasServerVault) {
       useRestoreStore.getState().setMethod("server");
       useLayoutStore.getState().setIsDialogForced(true);
@@ -13638,7 +13679,7 @@ function useCreateBackup() {
   }, [hasServerVault]);
   const recoveryUserId = useSession((st) => st.recoveryUserId);
   const passportUserId = session?.mpcUserId || recoveryUserId || "";
-  const onBackupSuccess = (0, import_react37.useCallback)(() => {
+  const onBackupSuccess = (0, import_react38.useCallback)(() => {
     console.log("[EMBARKAI BACKUP] Backup created successfully");
   }, [hasServerVault]);
   const { mutate: createPasswordBackup, isPending: isPasswordBackupCreating } = (0, import_react_query17.useMutation)({
@@ -13798,12 +13839,12 @@ function useCreateBackup() {
     createPasskey
   };
 }
-var import_react_query17, import_react37;
+var import_react_query17, import_react38;
 var init_useCreateBackup = __esm({
   "src/internal/components/KeyshareRestoreMenu/hooks/useCreateBackup.ts"() {
     init_SessionContext();
     import_react_query17 = require("@tanstack/react-query");
-    import_react37 = require("react");
+    import_react38 = require("react");
     init_auth();
     init_useLayoutStore();
     init_iframe_manager();
@@ -13938,7 +13979,7 @@ function useValidateFileBackup() {
   const restoreFile = useRestoreStore((st) => st.restoreFile);
   const setError = useRestoreStore((st) => st.setError);
   const setUsePasskey = useRestoreStore((st) => st.setUsePasskey);
-  (0, import_react38.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     if (!restoreFile) {
       return;
     }
@@ -13959,10 +14000,10 @@ function useValidateFileBackup() {
     reader.readAsText(restoreFile);
   }, [restoreFile]);
 }
-var import_react38;
+var import_react39;
 var init_useValidateFileBackup = __esm({
   "src/internal/components/KeyshareRestoreMenu/hooks/useValidateFileBackup.ts"() {
-    import_react38 = require("react");
+    import_react39 = require("react");
     init_useRestoreStore();
   }
 });
@@ -13990,7 +14031,7 @@ function MethodSelector(props) {
     setError,
     setSuccess
   } = useRestoreStore();
-  const recoveryRenderMethods = (0, import_react39.useMemo)(() => {
+  const recoveryRenderMethods = (0, import_react40.useMemo)(() => {
     const methodsWithBackupData = getRecoveryRenderMethods(mode).map((mt) => {
       let data = null;
       switch (true) {
@@ -14005,7 +14046,7 @@ function MethodSelector(props) {
     return methodsWithBackupData;
   }, [mode, serverRecoveryStatus]);
   if (!!selectedRecoveryMethod) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react39.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react40.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     "div",
     {
       style: { gridTemplateColumns: `repeat(${recoveryRenderMethods.length}, minmax(0, 1fr))` },
@@ -14039,12 +14080,12 @@ function MethodSelector(props) {
     }
   ) });
 }
-var import_lucide_react27, import_react39, import_jsx_runtime58, getRecoveryRenderMethods;
+var import_lucide_react27, import_react40, import_jsx_runtime58, getRecoveryRenderMethods;
 var init_MethodSelector = __esm({
   "src/internal/components/KeyshareRestoreMenu/components/MethodSelector.tsx"() {
     init_useT();
     import_lucide_react27 = require("lucide-react");
-    import_react39 = require("react");
+    import_react40 = require("react");
     init_icons();
     init_guardian_backup();
     init_button();
@@ -14078,7 +14119,7 @@ function PasswordPasskey(props) {
     onCreatePasskey
   } = props;
   const hasServerVault = useSession((st) => st.hasServerVault);
-  const actionRef = (0, import_react40.useRef)(null);
+  const actionRef = (0, import_react41.useRef)(null);
   const {
     showPassword,
     restorePassword,
@@ -14092,7 +14133,7 @@ function PasswordPasskey(props) {
   } = useRestoreStore();
   const { config } = useProviderConfig();
   const isPasskeyEnabled = config.current.passkey.enabled;
-  (0, import_react40.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     if (!isPasskeyEnabled && usePasskey) setUsePasskey(false);
   }, [isPasskeyEnabled, usePasskey]);
   return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
@@ -14247,7 +14288,7 @@ function PasswordPasskey(props) {
     ] })
   ] });
 }
-var import_lucide_react28, import_react40, import_jsx_runtime59;
+var import_lucide_react28, import_react41, import_jsx_runtime59;
 var init_PasswordPasskey = __esm({
   "src/internal/components/KeyshareRestoreMenu/components/PasswordPasskey.tsx"() {
     init_ProviderContext();
@@ -14255,7 +14296,7 @@ var init_PasswordPasskey = __esm({
     init_i18n();
     init_utils2();
     import_lucide_react28 = require("lucide-react");
-    import_react40 = require("react");
+    import_react41 = require("react");
     init_icons();
     init_button();
     init_highlight();
@@ -14431,7 +14472,7 @@ function Server(props) {
   const usePasskey = useRestoreStore((st) => st.usePasskey);
   const setUsePasskey = useRestoreStore((st) => st.setUsePasskey);
   const serverRecoveryStatus = qc.getQueryData([CHECK_BACKUP_QUERY_KEY, address]);
-  (0, import_react41.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     if (mode === "backup" || !serverRecoveryStatus?.created?.encryptionMethod) return;
     setUsePasskey(serverRecoveryStatus.created.encryptionMethod === "passkey");
   }, [mode, serverRecoveryStatus, setUsePasskey]);
@@ -14466,7 +14507,7 @@ function Server(props) {
     ] })
   ] });
 }
-var import_react_query19, import_dayjs3, import_lucide_react31, import_react41, import_jsx_runtime62;
+var import_react_query19, import_dayjs3, import_lucide_react31, import_react42, import_jsx_runtime62;
 var init_Server = __esm({
   "src/internal/components/KeyshareRestoreMenu/methods/Server.tsx"() {
     init_SessionContext();
@@ -14475,7 +14516,7 @@ var init_Server = __esm({
     import_react_query19 = require("@tanstack/react-query");
     import_dayjs3 = __toESM(require("dayjs"), 1);
     import_lucide_react31 = require("lucide-react");
-    import_react41 = require("react");
+    import_react42 = require("react");
     init_highlight();
     init_PasswordPasskey();
     init_constants4();
@@ -14638,7 +14679,7 @@ function Cloud2(props) {
       return availableProviders.map((p) => ({ id: p.id, name: p.name, available: p.isAvailable() }));
     }
   });
-  (0, import_react42.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     if (isCloudProvidersLoading) return;
     if (!!cloudProvidersError) {
       console.error("[KeyshareBackup] Failed to load cloud providers:", cloudProvidersError);
@@ -14702,13 +14743,13 @@ function Cloud2(props) {
     )
   ] });
 }
-var import_react_query20, import_lucide_react33, import_react42, import_jsx_runtime64;
+var import_react_query20, import_lucide_react33, import_react43, import_jsx_runtime64;
 var init_Cloud = __esm({
   "src/internal/components/KeyshareRestoreMenu/methods/Cloud.tsx"() {
     init_SessionContext();
     import_react_query20 = require("@tanstack/react-query");
     import_lucide_react33 = require("lucide-react");
-    import_react42 = require("react");
+    import_react43 = require("react");
     init_button();
     init_select();
     init_PasswordPasskey();
@@ -14725,8 +14766,8 @@ function Guardian(props) {
   const session = useSession((st) => st.session);
   const recoveryUserId = useSession((st) => st.recoveryUserId);
   const { onRestoreSuccess } = useOnRestoreSuccess();
-  const [isWorking, setIsWorking] = (0, import_react43.useState)(false);
-  const [step, setStep] = (0, import_react43.useState)("idle");
+  const [isWorking, setIsWorking] = (0, import_react44.useState)(false);
+  const [step, setStep] = (0, import_react44.useState)("idle");
   const handleGuardianBackup = async () => {
     if (!restorePassword) {
       setError("Please enter a password");
@@ -14855,11 +14896,11 @@ function Guardian(props) {
     ] })
   ] });
 }
-var import_react43, import_lucide_react34, import_jsx_runtime65;
+var import_react44, import_lucide_react34, import_jsx_runtime65;
 var init_Guardian = __esm({
   "src/internal/components/KeyshareRestoreMenu/methods/Guardian.tsx"() {
     init_SessionContext();
-    import_react43 = require("react");
+    import_react44 = require("react");
     import_lucide_react34 = require("lucide-react");
     init_iframe_manager();
     init_guardian_backup();
@@ -14882,7 +14923,7 @@ var init_methods = __esm({
 });
 
 // src/internal/components/KeyshareRestoreMenu/KeyshareRestoreMenu.tsx
-var import_react_query21, import_lucide_react35, import_react44, import_wagmi, import_jsx_runtime66, RESTORE_COMPONENTS, KeyshareRestoreMenu;
+var import_react_query21, import_lucide_react35, import_react45, import_wagmi, import_jsx_runtime66, RESTORE_COMPONENTS, KeyshareRestoreMenu;
 var init_KeyshareRestoreMenu = __esm({
   "src/internal/components/KeyshareRestoreMenu/KeyshareRestoreMenu.tsx"() {
     init_ProviderContext();
@@ -14890,7 +14931,7 @@ var init_KeyshareRestoreMenu = __esm({
     init_i18n();
     import_react_query21 = require("@tanstack/react-query");
     import_lucide_react35 = require("lucide-react");
-    import_react44 = require("react");
+    import_react45 = require("react");
     import_wagmi = require("wagmi");
     init_useLayoutDataStore();
     init_useLayoutStore();
@@ -14921,7 +14962,7 @@ var init_KeyshareRestoreMenu = __esm({
       const error = useRestoreStore((st) => st.error);
       const success = useRestoreStore((st) => st.success);
       const currentRestoreMethod = useRestoreStore((st) => st.method);
-      (0, import_react44.useEffect)(() => {
+      (0, import_react45.useEffect)(() => {
         const { setIsDialogForced } = useLayoutStore.getState();
         const { setRestorePassword, setRestoreFile, setShowPassword, setUsePasskey, setMethod } = useRestoreStore.getState();
         setIsDialogForced(true);
@@ -14961,7 +15002,7 @@ var init_KeyshareRestoreMenu = __esm({
         queryFn: async () => await getShareRecoveryStats()
       });
       const hasServerBackup = serverRecoveryStatus?.created || serverRecoveryStatus?.devices?.length > 0;
-      (0, import_react44.useEffect)(() => {
+      (0, import_react45.useEffect)(() => {
         if (!!hasServerBackup) useRestoreStore.getState().setMethod("server");
       }, [hasServerBackup]);
       const { mutate: disconnect, isPending: isDisconnecting } = (0, import_react_query21.useMutation)({
@@ -15115,7 +15156,7 @@ function KeyshareBackupMenu() {
   const currentBackupMethod = useRestoreStore((st) => st.method);
   const error = useRestoreStore((st) => st.error);
   const success = useRestoreStore((st) => st.success);
-  (0, import_react45.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     const { setSuccess, setError, setRestorePassword, setRestoreFile, setShowPassword, setUsePasskey, setMethod } = useRestoreStore.getState();
     return () => {
       setSuccess(null);
@@ -15134,7 +15175,7 @@ function KeyshareBackupMenu() {
     queryFn: async () => await getShareRecoveryStats()
   });
   const hasRecoveryData = serverRecoveryStatus?.created || serverRecoveryStatus?.devices?.length > 0;
-  (0, import_react45.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     if (!!hasRecoveryData) useRestoreStore.getState().setMethod("server");
   }, [hasRecoveryData]);
   const {
@@ -15253,14 +15294,14 @@ function KeyshareBackupMenu() {
     }
   );
 }
-var import_react_query22, import_lucide_react36, import_react45, import_jsx_runtime67, COMPONENTS;
+var import_react_query22, import_lucide_react36, import_react46, import_jsx_runtime67, COMPONENTS;
 var init_KeyshareBackupMenu = __esm({
   "src/internal/components/KeyshareRestoreMenu/KeyshareBackupMenu.tsx"() {
     init_SessionContext();
     init_i18n();
     import_react_query22 = require("@tanstack/react-query");
     import_lucide_react36 = require("lucide-react");
-    import_react45 = require("react");
+    import_react46 = require("react");
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_vaultClient();
@@ -15298,14 +15339,14 @@ function useColorMode() {
   const preferedColorMode = config?.preferedColorMode;
   const colorMode = useLayoutStore((st) => st.colorMode);
   const handleStoreColorMode = useLayoutStore((st) => st.setColorMode);
-  const setColorMode = (0, import_react46.useCallback)(
+  const setColorMode = (0, import_react47.useCallback)(
     (mode) => {
       localStorage.setItem(LOCAL_COLOR_MODE_KEY, mode);
       handleStoreColorMode(mode);
     },
     [handleStoreColorMode]
   );
-  (0, import_react46.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     let targetColorMode = localStorage.getItem(LOCAL_COLOR_MODE_KEY);
     if (!targetColorMode && !preferedColorMode) {
       const systemMode = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
@@ -15320,10 +15361,10 @@ function useColorMode() {
   }, []);
   return { colorMode, setColorMode };
 }
-var import_react46;
+var import_react47;
 var init_useColorMode = __esm({
   "src/hooks/useColorMode.ts"() {
-    import_react46 = require("react");
+    import_react47 = require("react");
     init_ProviderContext();
     init_constants();
     init_useLayoutStore();
@@ -15425,13 +15466,13 @@ var init_SumsubIframeManager = __esm({
 function useSumsubIframe({ iframeUrl }) {
   const config = useProviderConfig().config;
   const { colorMode } = useColorMode();
-  const iframeRef = (0, import_react47.useRef)(null);
-  const [isLoading, setIsLoading] = (0, import_react47.useState)(true);
-  const [error, setError] = (0, import_react47.useState)(null);
-  const [height, setHeight] = (0, import_react47.useState)(0);
-  const [status, setStatus] = (0, import_react47.useState)("");
+  const iframeRef = (0, import_react48.useRef)(null);
+  const [isLoading, setIsLoading] = (0, import_react48.useState)(true);
+  const [error, setError] = (0, import_react48.useState)(null);
+  const [height, setHeight] = (0, import_react48.useState)(0);
+  const [status, setStatus] = (0, import_react48.useState)("");
   const levelName = config.current?.kyc?.options?.levelName;
-  (0, import_react47.useEffect)(() => {
+  (0, import_react48.useEffect)(() => {
     setError(null);
     setIsLoading(true);
     setStatus("Preparing verification...");
@@ -15472,12 +15513,12 @@ function useSumsubIframe({ iframeUrl }) {
     status
   };
 }
-var import_react47;
+var import_react48;
 var init_useSumsubIframe = __esm({
   "src/internal/components/KYC/useSumsubIframe.ts"() {
     init_ProviderContext();
     init_useColorMode();
-    import_react47 = require("react");
+    import_react48 = require("react");
     init_sumsub();
     init_SumsubIframeManager();
   }
@@ -15751,7 +15792,7 @@ function MainMenu() {
   const { t } = useT();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const setTransitionPageHeight = useLayoutDataStore((st) => st.setTransitionPageHeight);
-  (0, import_react48.useEffect)(() => setTransitionPageHeight(DEFAULT_MAIN_MENU_HEIGHT), []);
+  (0, import_react49.useEffect)(() => setTransitionPageHeight(DEFAULT_MAIN_MENU_HEIGHT), []);
   useProvidersList();
   return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "w-full p-[var(--ui-kit-pd)] flex flex-col gap-[var(--ui-kit-gap)]", children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "w-full grid grid-cols-4 gap-0 md:gap-[var(--ui-kit-gap)] py-[10px] md:py-1", children: MAIN_MENU_BUTTONS.map(({ id, label, icon: Icon2 }) => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
     Button,
@@ -15769,13 +15810,13 @@ function MainMenu() {
     id
   )) }) });
 }
-var import_lucide_react41, import_react48, import_jsx_runtime72, MAIN_MENU_BUTTONS;
+var import_lucide_react41, import_react49, import_jsx_runtime72, MAIN_MENU_BUTTONS;
 var init_MainMenu = __esm({
   "src/internal/components/MainMenu/MainMenu.tsx"() {
     init_SessionContext();
     init_useT();
     import_lucide_react41 = require("lucide-react");
-    import_react48 = require("react");
+    import_react49 = require("react");
     init_constants();
     init_useLayoutDataStore();
     init_useProvidersList();
@@ -15821,16 +15862,16 @@ function useLinkedProfiles() {
     }
   });
   const { profiles = [], avatar = null } = data || {};
-  const refresh = (0, import_react49.useCallback)(async () => {
+  const refresh = (0, import_react50.useCallback)(async () => {
     await qc.invalidateQueries({ queryKey: [LINKED_PROFILES_QUERY_KEY, address] });
   }, [qc, address]);
   return { profiles, avatar, isLoading, isFetching, error, refresh };
 }
-var import_react_query25, import_react49, LINKED_PROFILES_QUERY_KEY;
+var import_react_query25, import_react50, LINKED_PROFILES_QUERY_KEY;
 var init_linkedProfiles = __esm({
   "src/modules/linkedProfiles.ts"() {
     import_react_query25 = require("@tanstack/react-query");
-    import_react49 = require("react");
+    import_react50 = require("react");
     init_SessionContext();
     init_auth();
     init_common();
@@ -16321,7 +16362,7 @@ function useLinkSocial() {
   const setPage = useLayoutDataStore((st) => st.setPage);
   const isWalletLinking = useLayoutDataStore((st) => st.isWalletLinking);
   const { providerType, linkIsLoading, setProviderType, setAlert, setLinkIsLoading } = useManageWalletStore();
-  const handleLinkSocialProvider = import_react50.default.useCallback(
+  const handleLinkSocialProvider = import_react51.default.useCallback(
     async (providerIdRaw) => {
       const providerKey = providerIdRaw.toLowerCase();
       const normalizedKey = providerKey === "twitter" ? "x" : providerKey;
@@ -16379,8 +16420,8 @@ function useLinkSocial() {
     },
     [config.social?.providers]
   );
-  const [socialLinkStarted, setSocialLinkStarted] = import_react50.default.useState(false);
-  (0, import_react50.useEffect)(() => {
+  const [socialLinkStarted, setSocialLinkStarted] = import_react51.default.useState(false);
+  (0, import_react51.useEffect)(() => {
     const key = providerType?.toLowerCase();
     console.log("[useLinkSocial] Effect triggered:", { key, linkIsLoading, socialLinkStarted, isWalletLinking });
     if (isWalletLinking) {
@@ -16398,7 +16439,7 @@ function useLinkSocial() {
     }
   }, [providerType, linkIsLoading, socialLinkStarted, isWalletLinking, handleLinkSocialProvider]);
 }
-var import_react_query30, import_react50;
+var import_react_query30, import_react51;
 var init_useLinkSocial = __esm({
   "src/internal/components/ManageWalletMenu/hooks/useLinkSocial.ts"() {
     init_useLayoutDataStore();
@@ -16406,7 +16447,7 @@ var init_useLinkSocial = __esm({
     init_SessionContext();
     init_linkedProfiles();
     import_react_query30 = require("@tanstack/react-query");
-    import_react50 = __toESM(require("react"), 1);
+    import_react51 = __toESM(require("react"), 1);
     init_auth();
     init_telegramBrowser();
     init_useProvidersList();
@@ -16475,7 +16516,7 @@ function useLinkTelegram() {
   const isWalletLinking = useLayoutDataStore((st) => st.isWalletLinking);
   const { providerType, linkIsLoading, setLinkIsLoading, setProviderType, setAlert } = useManageWalletStore();
   const setPage = useLayoutDataStore((st) => st.setPage);
-  const handleLinkTelegram = (0, import_react51.useCallback)(async () => {
+  const handleLinkTelegram = (0, import_react52.useCallback)(async () => {
     try {
       if (shouldBlockSocialAuthInTelegram("telegram")) {
         setAlert(buildTelegramBrowserRestriction("Telegram", "linking"));
@@ -16522,8 +16563,8 @@ function useLinkTelegram() {
       setLinkIsLoading(false);
     }
   }, [config.social?.providers]);
-  const [telegramLinkStarted, setTelegramLinkStarted] = (0, import_react51.useState)(false);
-  (0, import_react51.useEffect)(() => {
+  const [telegramLinkStarted, setTelegramLinkStarted] = (0, import_react52.useState)(false);
+  (0, import_react52.useEffect)(() => {
     console.log("[useLinkTelegram] Effect triggered:", {
       providerType,
       linkIsLoading,
@@ -16540,20 +16581,20 @@ function useLinkTelegram() {
       handleLinkTelegram();
     }
   }, [providerType, handleLinkTelegram, linkIsLoading, telegramLinkStarted, isWalletLinking]);
-  (0, import_react51.useEffect)(() => {
+  (0, import_react52.useEffect)(() => {
     if (providerType !== "telegram") {
       setTelegramLinkStarted(false);
     }
   }, [providerType]);
 }
-var import_react_query31, import_react51;
+var import_react_query31, import_react52;
 var init_useLinkTelegram = __esm({
   "src/internal/components/ManageWalletMenu/hooks/useLinkTelegram.ts"() {
     init_ProviderContext();
     init_SessionContext();
     init_linkedProfiles();
     import_react_query31 = require("@tanstack/react-query");
-    import_react51 = require("react");
+    import_react52 = require("react");
     init_telegram2();
     init_useLayoutDataStore();
     init_telegramBrowser();
@@ -16664,7 +16705,7 @@ function getConfiguredProviders(config) {
       });
       return acc;
     },
-    (0, import_lodash_es8.fromPairs)(POSSIBLE_PROVIDERS.map((p) => [p, false]))
+    (0, import_lodash_es9.fromPairs)(POSSIBLE_PROVIDERS.map((p) => [p, false]))
   );
 }
 function ManageWalletMenu() {
@@ -16686,7 +16727,7 @@ function ManageWalletMenu() {
   } = useManageWalletStore();
   const configuredProviders = getConfiguredProviders(config.current);
   const { data: providers = [], isLoading: isProvidersLoading, error: providersError } = useProvidersList();
-  const renderProviders = (0, import_react52.useMemo)(() => {
+  const renderProviders = (0, import_react53.useMemo)(() => {
     const normalizeProviderName = (name) => {
       if (name === "x") return "twitter";
       return name;
@@ -16808,16 +16849,16 @@ function ManageWalletMenu() {
     }
   );
 }
-var import_lodash_es8, import_lucide_react45, import_react52, import_jsx_runtime77, POSSIBLE_PROVIDERS, MULTI_PROVIDERS;
+var import_lodash_es9, import_lucide_react45, import_react53, import_jsx_runtime77, POSSIBLE_PROVIDERS, MULTI_PROVIDERS;
 var init_ManageWallet = __esm({
   "src/internal/components/ManageWalletMenu/ManageWallet.tsx"() {
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_ProviderContext();
     init_i18n();
-    import_lodash_es8 = require("lodash-es");
+    import_lodash_es9 = require("lodash-es");
     import_lucide_react45 = require("lucide-react");
-    import_react52 = require("react");
+    import_react53 = require("react");
     init_constants();
     init_telegramBrowser();
     init_Expandable2();
@@ -16854,7 +16895,7 @@ function UnlinkProviderMenu() {
   const { t } = useT();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const { confirmUnlink, setConfirmUnlink, setAlert } = useManageWalletStore();
-  const [confirmInput, setConfirmInput] = (0, import_react53.useState)("");
+  const [confirmInput, setConfirmInput] = (0, import_react54.useState)("");
   const { mutate: handleUnlinkProvider, isPending: isProviderUnlinking } = (0, import_react_query32.useMutation)({
     mutationFn: async () => {
       if (!confirmUnlink) {
@@ -16936,7 +16977,7 @@ function UnlinkProviderMenu() {
     ] })
   ] });
 }
-var import_react_query32, import_lucide_react46, import_react53, import_wagmi2, import_jsx_runtime78;
+var import_react_query32, import_lucide_react46, import_react54, import_wagmi2, import_jsx_runtime78;
 var init_UnlinkProviderMenu = __esm({
   "src/internal/components/ManageWalletMenu/UnlinkProviderMenu.tsx"() {
     init_useLayoutDataStore();
@@ -16946,7 +16987,7 @@ var init_UnlinkProviderMenu = __esm({
     init_linkedProfiles();
     import_react_query32 = require("@tanstack/react-query");
     import_lucide_react46 = require("lucide-react");
-    import_react53 = require("react");
+    import_react54 = require("react");
     import_wagmi2 = require("wagmi");
     init_auth();
     init_useExternalWalletStore();
@@ -17067,7 +17108,7 @@ var init_useNicknameStore = __esm({
 function useNicknameAvailability(currentNickname) {
   const { t } = useT();
   const nicknameValue = useNicknameStore((st) => st.nicknameValue);
-  (0, import_react54.useEffect)(() => {
+  (0, import_react55.useEffect)(() => {
     if (!currentNickname) return;
     useNicknameStore.getState().setNicknameValue(currentNickname);
   }, [currentNickname]);
@@ -17088,8 +17129,8 @@ function useNicknameAvailability(currentNickname) {
       useNicknameStore.getState().setError(error?.message || "Failed to check nickname availability");
     }
   });
-  const debouncedCheckAvailability = (0, import_react54.useCallback)((0, import_lodash_es9.debounce)(checkAvailability, DEBOUNCE_MS), [checkAvailability]);
-  (0, import_react54.useEffect)(() => {
+  const debouncedCheckAvailability = (0, import_react55.useCallback)((0, import_lodash_es10.debounce)(checkAvailability, DEBOUNCE_MS), [checkAvailability]);
+  (0, import_react55.useEffect)(() => {
     if (!currentNickname) return;
     const normalizedInputValue = normalizeNickname(nicknameValue);
     const { valid: isNicknameValid } = validateNickname(nicknameValue);
@@ -17103,13 +17144,13 @@ function useNicknameAvailability(currentNickname) {
   }, [nicknameValue, currentNickname, debouncedCheckAvailability]);
   return { isCheckingAvailability };
 }
-var import_react_query33, import_lodash_es9, import_react54, DEBOUNCE_MS;
+var import_react_query33, import_lodash_es10, import_react55, DEBOUNCE_MS;
 var init_useNicknameAvailability = __esm({
   "src/internal/components/NicknameMenu/useNicknameAvailability.ts"() {
     init_i18n();
     import_react_query33 = require("@tanstack/react-query");
-    import_lodash_es9 = require("lodash-es");
-    import_react54 = require("react");
+    import_lodash_es10 = require("lodash-es");
+    import_react55 = require("react");
     init_nickname();
     init_nickname_errors();
     init_nickname_validation();
@@ -17130,7 +17171,7 @@ function NicknameEditForm(props) {
   const nicknameValue = useNicknameStore((st) => st.nicknameValue);
   const nicknameAvailability = useNicknameStore((st) => st.availability);
   const { isCheckingAvailability } = useNicknameAvailability(nicknameInfo ? nicknameInfo.handle : "");
-  const [isNicknameCopied, setIsNicknameCopied] = (0, import_react55.useState)(false);
+  const [isNicknameCopied, setIsNicknameCopied] = (0, import_react56.useState)(false);
   const {
     mutate: changeNickname2,
     isError: isNicknameChangeError,
@@ -17159,7 +17200,7 @@ function NicknameEditForm(props) {
       );
     }
   });
-  const handleNicknameInputChange = (0, import_react55.useCallback)(
+  const handleNicknameInputChange = (0, import_react56.useCallback)(
     (e) => {
       const { error, setError, setNicknameValue } = useNicknameStore.getState();
       const value = e.target.value;
@@ -17174,7 +17215,7 @@ function NicknameEditForm(props) {
     },
     [isNicknameChangeError, isNicknameChangeSuccess, reset, t]
   );
-  const handleSubmit = (0, import_react55.useCallback)(
+  const handleSubmit = (0, import_react56.useCallback)(
     (e) => {
       const { nicknameValue: nicknameValue2, setError } = useNicknameStore.getState();
       if (!canChange) {
@@ -17257,7 +17298,7 @@ function NicknameEditForm(props) {
     !!canChange && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "w-full flex items-center leadding-4 text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:nicknameMenu.hint") })
   ] });
 }
-var import_react_query34, import_lucide_react47, import_react55, import_jsx_runtime79;
+var import_react_query34, import_lucide_react47, import_react56, import_jsx_runtime79;
 var init_NicknameEditForm = __esm({
   "src/internal/components/NicknameMenu/NicknameEditForm.tsx"() {
     init_ProviderContext();
@@ -17265,7 +17306,7 @@ var init_NicknameEditForm = __esm({
     init_i18n();
     import_react_query34 = require("@tanstack/react-query");
     import_lucide_react47 = require("lucide-react");
-    import_react55 = require("react");
+    import_react56 = require("react");
     init_icons();
     init_nickname();
     init_profile();
@@ -17284,7 +17325,7 @@ var init_NicknameEditForm = __esm({
 
 // src/internal/components/NicknameMenu/NicknameMenu.tsx
 function NicknameMenu() {
-  const { isInitialUser } = usePageParams();
+  const { isInitialUser } = usePageParams().current;
   const { t } = useT();
   const address = useSession((st) => st.address);
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
@@ -17419,11 +17460,11 @@ function useResolvedPublicClient(chainId, logScope = "useResolvedPublicClient")
   const activeChainConfig = useSession((st) => st.chainConfig);
   const resolvedChainId = chainId ?? activeChainId;
   const shouldUseActiveClient = !chainId || chainId === activeChainId;
-  const chainConfig = (0, import_react56.useMemo)(() => {
+  const chainConfig = (0, import_react57.useMemo)(() => {
     if (shouldUseActiveClient) return activeChainConfig;
     return (0, import_read15.getChainConfig)(chainId);
   }, [activeChainConfig, chainId, shouldUseActiveClient]);
-  const publicClient = (0, import_react56.useMemo)(() => {
+  const publicClient = (0, import_react57.useMemo)(() => {
     if (shouldUseActiveClient) return activePublicClient;
     if (!chainId) return activePublicClient;
     try {
@@ -17440,12 +17481,12 @@ function useResolvedPublicClient(chainId, logScope = "useResolvedPublicClient")
     resolvedChainId
   };
 }
-var import_read15, import_react56, publicClientByChainId;
+var import_read15, import_react57, publicClientByChainId;
 var init_useResolvedPublicClient = __esm({
   "src/internal/hooks/useResolvedPublicClient.ts"() {
     init_SessionContext();
     import_read15 = require("@embarkai/core/read");
-    import_react56 = require("react");
+    import_react57 = require("react");
     publicClientByChainId = /* @__PURE__ */ new Map();
   }
 });
@@ -17455,7 +17496,7 @@ function useWatchTokens(options) {
   const { address, chainId, enabled = true } = options;
   const { config } = useProviderConfig();
   const { publicClient, resolvedChainId } = useResolvedPublicClient(chainId, "useWatchTokens");
-  const watchTokens = (0, import_react57.useMemo)(() => {
+  const watchTokens = (0, import_react58.useMemo)(() => {
     const allWatchTokens = config.current.watchTokens;
     const tokensForChain = resolvedChainId ? allWatchTokens?.[resolvedChainId] || [] : [];
     return tokensForChain;
@@ -17463,6 +17504,7 @@ function useWatchTokens(options) {
   const {
     data: assets,
     isLoading,
+    isFetching,
     error,
     refetch
   } = (0, import_react_query36.useQuery)({
@@ -17533,16 +17575,17 @@ function useWatchTokens(options) {
   return {
     assets: assets || [],
     isLoading,
+    isFetching,
     error: error || null,
     refetch
   };
 }
-var import_react_query36, import_react57, import_viem6, WATCH_TOKENS_QUERY_KEY;
+var import_react_query36, import_react58, import_viem6, WATCH_TOKENS_QUERY_KEY;
 var init_useWatchTokens = __esm({
   "src/internal/hooks/useWatchTokens.ts"() {
     init_ProviderContext();
     import_react_query36 = require("@tanstack/react-query");
-    import_react57 = require("react");
+    import_react58 = require("react");
     import_viem6 = require("viem");
     init_useResolvedPublicClient();
     WATCH_TOKENS_QUERY_KEY = "watch-tokens";
@@ -17681,19 +17724,21 @@ function useBlockscoutAssets(options) {
   const customTokenBalancesQuery = portfolioConfig?.tokenBalancesQuery;
   const customTokenBalancesQueryKey = portfolioConfig?.tokenBalancesQueryKey;
   const blockscoutApiUrl = getBlockscoutApiUrl(chainConfig);
-  const blockscoutClient = (0, import_react58.useMemo)(
+  const blockscoutClient = (0, import_react59.useMemo)(
     () => blockscoutApiUrl ? (0, import_clients2.createBlockscoutClient)({ baseUrl: blockscoutApiUrl }) : null,
     [blockscoutApiUrl]
   );
-  const lastRefreshRef = (0, import_react58.useRef)(0);
+  const lastRefreshRef = (0, import_react59.useRef)(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
   } = (0, import_react_query37.useQuery)({
     queryKey: [NATIVE_BALANCE_QUERY_KEY, resolvedChainId, address],
@@ -17717,6 +17762,7 @@ function useBlockscoutAssets(options) {
   const {
     data: tokenBalances,
     isLoading: tokensLoading,
+    isFetching: tokensFetching,
     error: tokensError,
     // refetch: refetchTokens,
     dataUpdatedAt
@@ -17742,7 +17788,8 @@ function useBlockscoutAssets(options) {
   });
   const {
     data: nftItems,
-    isLoading: nftsLoading
+    isLoading: nftsLoading,
+    isFetching: nftsFetching
     // refetch: refetchNfts
   } = (0, import_react_query37.useQuery)({
     queryKey: [BLOCKSCOUT_QUERY_KEY, "nfts", resolvedChainId, address, blockscoutApiUrl],
@@ -17754,7 +17801,7 @@ function useBlockscoutAssets(options) {
     retry: 2,
     retryDelay: 1e3
   });
-  const erc20TokenAddresses = (0, import_react58.useMemo)(() => {
+  const erc20TokenAddresses = (0, import_react59.useMemo)(() => {
     if (!tokenBalances) return [];
     return tokenBalances.filter((tb) => tb.token.type === "ERC-20").map((tb) => tb.token.address_hash);
   }, [tokenBalances]);
@@ -17798,7 +17845,7 @@ function useBlockscoutAssets(options) {
     gcTime: BLOCKSCOUT_QUERY_GC_TIME,
     retry: 1
   });
-  const assets = (0, import_react58.useMemo)(() => {
+  const assets = (0, import_react59.useMemo)(() => {
     const result = [];
     const addedAddresses = /* @__PURE__ */ new Set();
     if (nativeBalanceData) {
@@ -17844,7 +17891,7 @@ function useBlockscoutAssets(options) {
     }
     return result;
   }, [nativeBalanceData, tokenBalances, nftItems, erc3643Results, watchTokenAssets, chainConfig]);
-  const nativeBalance = (0, import_react58.useMemo)(() => {
+  const nativeBalance = (0, import_react59.useMemo)(() => {
     if (!nativeBalanceData) return null;
     return {
       value: nativeBalanceData.value,
@@ -17852,11 +17899,11 @@ function useBlockscoutAssets(options) {
       symbol: nativeBalanceData.symbol
     };
   }, [nativeBalanceData]);
-  const error = (0, import_react58.useMemo)(() => {
+  const error = (0, import_react59.useMemo)(() => {
     if (!tokensError) return null;
     return createError(tokensError);
   }, [tokensError]);
-  const refreshBalances = (0, import_react58.useCallback)(async () => {
+  const refreshBalances = (0, import_react59.useCallback)(async () => {
     const now = Date.now();
     if (now - lastRefreshRef.current < BLOCKSCOUT_REFRESH_DEBOUNCE) {
       return;
@@ -17873,7 +17920,7 @@ function useBlockscoutAssets(options) {
       qc.invalidateQueries({ queryKey: [WATCH_TOKENS_QUERY_KEY] })
     ]);
   }, [qc]);
-  const getTokenBalance = (0, import_react58.useCallback)(
+  const getTokenBalance = (0, import_react59.useCallback)(
     (tokenAddress) => {
       return assets.find((a) => a.address?.toLowerCase() === tokenAddress.toLowerCase()) || null;
     },
@@ -17883,6 +17930,7 @@ function useBlockscoutAssets(options) {
     nativeBalance,
     assets,
     isLoading: nativeLoading || tokensLoading || nftsLoading || watchTokensLoading,
+    isFetching: nativeFetching || tokensFetching || nftsFetching || watchTokensFetching,
     isInitialLoading: nativeLoading && !nativeBalanceData,
     error,
     isBlockscoutAvailable: !!blockscoutClient && !tokensError,
@@ -17891,13 +17939,13 @@ function useBlockscoutAssets(options) {
     lastUpdated: dataUpdatedAt || null
   };
 }
-var import_clients2, import_react_query37, import_react58, import_viem7, NATIVE_BALANCE_QUERY_KEY, BLOCKSCOUT_QUERY_KEY, ERC3643_DETECTION_QUERY_KEY, ERC3643_ABI;
+var import_clients2, import_react_query37, import_react59, import_viem7, NATIVE_BALANCE_QUERY_KEY, BLOCKSCOUT_QUERY_KEY, ERC3643_DETECTION_QUERY_KEY, ERC3643_ABI;
 var init_useBlockscoutAssets = __esm({
   "src/internal/hooks/useBlockscoutAssets.ts"() {
     init_ProviderContext();
     import_clients2 = require("@embarkai/core/clients");
     import_react_query37 = require("@tanstack/react-query");
-    import_react58 = require("react");
+    import_react59 = require("react");
     import_viem7 = require("viem");
     init_initial();
     init_constants();
@@ -18188,23 +18236,24 @@ function PortfolioMenu() {
   const { t } = useT();
   const qc = (0, import_react_query39.useQueryClient)();
   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 = (0, import_react59.useCallback)(() => {
-    Promise.all(shownProjectAssests.map((asset) => qc.invalidateQueries({ queryKey: asset.balanceQueryKey })));
+  const shownProjectAssets = projectAssets.filter((asset) => !asset.hideInPortfolio);
+  const refreshAllAssetsBalances = (0, import_react60.useCallback)(() => {
+    Promise.all(shownProjectAssets.map((asset) => qc.invalidateQueries({ queryKey: asset.balanceQueryKey })));
     refreshBlockscoutBalances();
-  }, [qc, shownProjectAssests, refreshBlockscoutBalances]);
+  }, [qc, shownProjectAssets, refreshBlockscoutBalances]);
   return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
     "div",
     {
@@ -18215,7 +18264,16 @@ function PortfolioMenu() {
       className: "list-scrollbar-y w-full p-[var(--ui-kit-pd)]",
       children: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(Expandable, { isExpanded: true, contentClassName: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
         /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Button, { variant: "ghost", size: "icon", title: "Back", onClick: () => setPage("main-menu" /* MAIN_MENU */), children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react50.ArrowLeft, { className: "h-4 w-4" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              title: "Back",
+              onClick: () => useLayoutDataStore.getState().setPage("main-menu" /* MAIN_MENU */),
+              children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react50.ArrowLeft, { className: "h-4 w-4" })
+            }
+          ),
           /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "text-xl font-semibold", children: t("passport:portfolioMenu.title") }),
           /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
             Button,
@@ -18224,8 +18282,8 @@ function PortfolioMenu() {
               variant: "ghost",
               size: "icon",
               onClick: refreshAllAssetsBalances,
-              disabled: isBlockscoutLoading,
-              children: isBlockscoutLoading ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react50.Loader, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react50.RefreshCw, { className: "h-4 w-4" })
+              disabled: isBlockscoutLoading || isBlockscoutFetching,
+              children: isBlockscoutLoading || isBlockscoutFetching ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react50.Loader, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react50.RefreshCw, { className: "h-4 w-4" })
             }
           )
         ] }),
@@ -18234,7 +18292,7 @@ function PortfolioMenu() {
           /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react50.Gem, { className: "w-8 h-8" }),
           /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "block", children: t("passport:portfolioMenu.noAssets") })
         ] }),
-        !isBlockscoutLoading && shownProjectAssests?.map((asset, index) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(PortfolioItem, { isProjectAsset: true, address, asset }, `project-${asset.symbol}-${index}`)),
+        !isBlockscoutLoading && shownProjectAssets?.map((asset, index) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(PortfolioItem, { isProjectAsset: true, address, asset }, `project-${asset.symbol}-${index}`)),
         !isBlockscoutLoading && blockscoutAssets?.length > 0 && blockscoutAssets.map((asset, index) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
           PortfolioItem,
           {
@@ -18243,15 +18301,17 @@ function PortfolioMenu() {
           },
           `${asset.type}-${asset.address || "native"}-${asset.tokenId || index}`
         )),
-        blockscoutError && !isBlockscoutAvailable && /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(Highlight, { type: "error", className: "flex gap-[var(--ui-kit-gap)]", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react50.AlertCircle, { className: "h-4 w-4 flex-shrink-0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "text-xs", children: blockscoutError.message })
-        ] })
+        !isBlockscoutAvailable && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Highlight, {
+          type: "warning",
+          //@ts-expect-error i18n typings
+          children: t("passport:portfolioMenu.noBlockscout", { chain: chainConfig?.name?.toUpperCase() || "UNKNOWN" })
+        }),
+        blockscoutError && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Highlight, { type: "error", children: blockscoutError?.message })
       ] })
     }
   );
 }
-var import_react_query39, import_lucide_react50, import_react59, import_jsx_runtime83;
+var import_react_query39, import_lucide_react50, import_react60, import_jsx_runtime83;
 var init_PortfolioMenu = __esm({
   "src/internal/components/PortfolioMenu/PortfolioMenu.tsx"() {
     init_ProviderContext();
@@ -18259,7 +18319,7 @@ var init_PortfolioMenu = __esm({
     init_i18n();
     import_react_query39 = require("@tanstack/react-query");
     import_lucide_react50 = require("lucide-react");
-    import_react59 = require("react");
+    import_react60 = require("react");
     init_useBlockscoutAssets();
     init_useLayoutDataStore();
     init_useLayoutStore();
@@ -18368,10 +18428,10 @@ function ReceiveMenu() {
   const { t } = useT();
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
   const open = page === "receive";
-  const [qrCodeUrl, setQrCodeUrl] = (0, import_react60.useState)("");
-  const [copied, setCopied] = (0, import_react60.useState)(false);
-  const [fingerprintCopied, setFingerprintCopied] = (0, import_react60.useState)(false);
-  const fingerprint = (0, import_react60.useMemo)(() => {
+  const [qrCodeUrl, setQrCodeUrl] = (0, import_react61.useState)("");
+  const [copied, setCopied] = (0, import_react61.useState)(false);
+  const [fingerprintCopied, setFingerprintCopied] = (0, import_react61.useState)(false);
+  const fingerprint = (0, import_react61.useMemo)(() => {
     if (!session?.ownerAddress) return null;
     try {
       return generateFingerprint(session.ownerAddress);
@@ -18379,7 +18439,7 @@ function ReceiveMenu() {
       return null;
     }
   }, [session?.ownerAddress]);
-  (0, import_react60.useEffect)(() => {
+  (0, import_react61.useEffect)(() => {
     if (open && address) {
       import_qrcode.default.toDataURL(address, {
         width: 200,
@@ -18392,7 +18452,7 @@ function ReceiveMenu() {
       });
     }
   }, [open, address]);
-  const handleCopy = (0, import_react60.useCallback)(async () => {
+  const handleCopy = (0, import_react61.useCallback)(async () => {
     if (!address) return;
     try {
       await navigator.clipboard.writeText(address);
@@ -18402,7 +18462,7 @@ function ReceiveMenu() {
       console.error("Failed to copy address:", error);
     }
   }, [address]);
-  const handleCopyFingerprint = (0, import_react60.useCallback)(async () => {
+  const handleCopyFingerprint = (0, import_react61.useCallback)(async () => {
     if (!fingerprint) return;
     try {
       await navigator.clipboard.writeText(fingerprint);
@@ -18463,14 +18523,14 @@ function ReceiveMenu() {
     }
   );
 }
-var import_lucide_react51, import_qrcode, import_react60, import_jsx_runtime84;
+var import_lucide_react51, import_qrcode, import_react61, import_jsx_runtime84;
 var init_ReceiveMenu = __esm({
   "src/internal/components/ReceiveMenu/ReceiveMenu.tsx"() {
     init_SessionContext();
     init_i18n();
     import_lucide_react51 = require("lucide-react");
     import_qrcode = __toESM(require("qrcode"), 1);
-    import_react60 = require("react");
+    import_react61 = require("react");
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_nickname_fingerprint();
@@ -18487,6 +18547,24 @@ var init_ReceiveMenu2 = __esm({
   }
 });
 
+// src/internal/components/SecurityMenu/useSecurityStore.ts
+var import_lodash_es11, import_zustand10, useSecurityStore;
+var init_useSecurityStore = __esm({
+  "src/internal/components/SecurityMenu/useSecurityStore.ts"() {
+    import_lodash_es11 = require("lodash-es");
+    import_zustand10 = require("zustand");
+    useSecurityStore = (0, import_zustand10.create)((set) => ({
+      renderKey: "security-store",
+      setRenderKey: (0, import_lodash_es11.debounce)((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({
@@ -18496,7 +18574,7 @@ var init_constants5 = __esm({
   }
 });
 
-// src/internal/components/SecurityMenu/hooks.ts
+// src/internal/components/SecurityMenu/ConnectedApps/useConnectedApps.ts
 function useConnectedApps() {
   const session = useSession((st) => st.session);
   const userId = session?.mpcUserId || null;
@@ -18513,44 +18591,29 @@ function useConnectedApps() {
     }
   });
 }
-function useKeyshareRecoveryStats() {
-  const session = useSession((st) => st.session);
-  const userId = session?.mpcUserId || null;
-  return (0, import_react_query40.useQuery)({
-    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 import_react_query40;
-var init_hooks2 = __esm({
-  "src/internal/components/SecurityMenu/hooks.ts"() {
+var init_useConnectedApps = __esm({
+  "src/internal/components/SecurityMenu/ConnectedApps/useConnectedApps.ts"() {
     init_SessionContext();
     import_react_query40 = require("@tanstack/react-query");
-    init_keyshare();
     init_httpClient();
-    init_iframe_manager();
-    init_vaultClient();
     init_constants5();
   }
 });
 
-// src/internal/components/SecurityMenu/ConnectedApps.tsx
+// src/internal/components/SecurityMenu/ConnectedApps/ConnectedApps.tsx
 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__ */ (0, import_jsx_runtime85.jsxs)(
     "div",
     {
@@ -18559,14 +18622,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__ */ (0, import_jsx_runtime85.jsxs)(
@@ -18596,9 +18659,9 @@ function Application(props) {
         /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex-1 min-w-0", children: [
           /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("span", { className: "flex flex-col", children: [
             /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "text-sm font-semibold truncate", children: name }),
-            projectUrl && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("span", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
+            appUrl && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("span", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
               /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react52.ExternalLinkIcon, { className: "w-3 h-3 flex-none", strokeWidth: 1 }),
-              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "flex-1 truncate", children: new URL(projectUrl).hostname })
+              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "flex-1 truncate", children: new URL(appUrl).hostname })
             ] })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "text-[var(--ui-kit-fg-muted)] truncate", children: t(
@@ -18619,10 +18682,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
               });
@@ -18634,50 +18697,156 @@ 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)
+  (0, import_react62.useEffect)(() => {
+    if (!connectedApps.length || isConnectedAppsLoading) return;
+    useSecurityStore.getState().setRenderKey(`connected-apps-loaded-${Date.now()}`);
+  }, [connectedApps, isConnectedAppsLoading]);
+  if (!isConnectedAppsLoading && connectedApps.length === 0)
     return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(Highlight, { type: "info", className: "flex gap-[var(--ui-kit-gap)] ", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react52.Info, { className: "w-4 h-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react52.InfoIcon, { className: "w-4 h-4" }),
       /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { children: t("passport:securityMenu.connectedApps.noConnectedApps") })
     ] });
   return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "font-medium text-xs text-[var(--ui-kit-fg)]", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { children: t("passport:securityMenu.connectedApps.connectedApps") }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: connectedApps.map((app, index) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
-      Application,
-      {
-        ...app,
-        untrustApp
-      },
-      index
-    )) })
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex items-center justify-between gap-[var(--ui-kit-gap)]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "leading-4 text-xs", children: t("passport:securityMenu.connectedApps.connectedApps") }),
+      isConnectedAppsLoading && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react52.LoaderIcon, { className: "h-4 w-4 animate-spin" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: connectedApps.map((app, index) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Application, { ...app }, index)) })
   ] });
 }
-var import_dayjs5, import_lucide_react52, import_jsx_runtime85;
+var import_dayjs5, import_lucide_react52, import_react62, import_jsx_runtime85;
 var init_ConnectedApps = __esm({
-  "src/internal/components/SecurityMenu/ConnectedApps.tsx"() {
+  "src/internal/components/SecurityMenu/ConnectedApps/ConnectedApps.tsx"() {
     init_utils2();
     init_i18n();
     import_dayjs5 = __toESM(require("dayjs"), 1);
     import_lucide_react52 = require("lucide-react");
+    import_react62 = require("react");
     init_button();
     init_highlight();
-    init_hooks2();
+    init_useSecurityStore();
+    init_useConnectedApps();
     import_jsx_runtime85 = require("react/jsx-runtime");
   }
 });
 
+// src/internal/components/SecurityMenu/ConnectedApps/UntrustApplication.tsx
+function UntrustApplication() {
+  const { t } = useT();
+  const qc = (0, import_react_query41.useQueryClient)();
+  const userId = useSession((st) => st?.session?.mpcUserId);
+  const appToUntrust = useSecurityStore((st) => st.appToUntrust);
+  const { mutate: handleUntrustApp, isPending: isUntrustingApp } = (0, import_react_query41.useMutation)({
+    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__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex flex-col gap-[var(--ui-kit-gap)]", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(Highlight, { className: "flex flex-col gap-[var(--ui-kit-gap)]", type: "warning", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("span", { className: "text-sm leading-5 font-bold", children: [
+        t("passport:securityMenu.connectedApps.untrustApp"),
+        "?"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "w-full flex items-center justify-center gap-[var(--ui-kit-gap)]", children: [
+        appToUntrust.appLogo ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "w-12 h-12 rounded-[var(--ui-kit-el-bdrs)] bg-[var(--ui-kit-bg)] flex-shrink-0 p-1", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("img", { src: appToUntrust.appLogo, alt: appToUntrust.appName, className: "w-full h-full object-contain" }) }) : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("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__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react53.AppWindowMac, { className: "w-6 h-6" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex-1 text-left", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "font-medium", children: appToUntrust.appName }),
+          appToUntrust.hostname && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "text-[10px]", children: [
+            "(",
+            appToUntrust.hostname,
+            ")"
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "text-[10px] text-[var(--ui-kit-fg-muted)] text-left space-y-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("p", { children: [
+        t("passport:securityMenu.connectedApps.removalNoteTitle"),
+        ":"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("ul", { className: "list-disc list-inside ml-2 space-y-0.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("li", { children: t("passport:securityMenu.connectedApps.removalNoteMsg1") }),
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("li", { children: t("passport:securityMenu.connectedApps.removalNoteMsg2") })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "w-full flex gap-[var(--ui-kit-gap)]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+        Button,
+        {
+          variant: "outline",
+          size: "large",
+          className: "flex-1",
+          onClick: () => useSecurityStore.getState().untrustApp(null),
+          disabled: isUntrustingApp,
+          children: t("passport:common.cancel")
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+        Button,
+        {
+          variant: "default",
+          size: "large",
+          className: "flex-1",
+          onClick: () => handleUntrustApp(),
+          disabled: isUntrustingApp,
+          children: isUntrustingApp ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react53.Loader, { className: "h-4 w-4 animate-spin" }) : t("passport:common.delete")
+        }
+      )
+    ] })
+  ] });
+}
+var import_react_query41, import_lucide_react53, import_jsx_runtime86;
+var init_UntrustApplication = __esm({
+  "src/internal/components/SecurityMenu/ConnectedApps/UntrustApplication.tsx"() {
+    init_SessionContext();
+    init_i18n();
+    import_react_query41 = require("@tanstack/react-query");
+    import_lucide_react53 = require("lucide-react");
+    init_iframe_manager();
+    init_button();
+    init_highlight();
+    init_constants5();
+    init_useSecurityStore();
+    import_jsx_runtime86 = require("react/jsx-runtime");
+  }
+});
+
+// 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
 function KeyshareStatus(props) {
   const { isLoading, content, icon: Icon2, children } = props;
-  if (isLoading) return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react53.Loader, { className: "w-4 h-4 animate-spin" });
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "group relative w-full h-full", children: [
+  if (isLoading) return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_lucide_react54.Loader, { className: "w-4 h-4 animate-spin" });
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "group relative w-full h-full", children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
       "div",
       {
         className: cn(
@@ -18685,10 +18854,10 @@ function KeyshareStatus(props) {
           "rounded-full bg-[var(--ui-kit-bg)]"
           //   'border border-[var(--ui-kit-bd)]'
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Icon2, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Icon2, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
       "div",
       {
         style: { transform: "translateY(calc(var(--ui-kit-gap) * -4))" },
@@ -18704,12 +18873,12 @@ function KeyshareStatus(props) {
     )
   ] });
 }
-var import_lucide_react53, import_jsx_runtime86;
+var import_lucide_react54, import_jsx_runtime87;
 var init_KeyshareStatus = __esm({
   "src/internal/components/SecurityMenu/Keyshare/KeyshareStatus.tsx"() {
-    import_lucide_react53 = require("lucide-react");
+    import_lucide_react54 = require("lucide-react");
     init_utils2();
-    import_jsx_runtime86 = require("react/jsx-runtime");
+    import_jsx_runtime87 = require("react/jsx-runtime");
   }
 });
 
@@ -18739,29 +18908,29 @@ 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__ */ (0, import_jsx_runtime87.jsxs)(Highlight, { type: "info", className: "text-[10px] leading-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("span", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_lucide_react54.DatabaseBackup, { className: "w-4 h-4 flex-none" }),
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "font-medium text-xs", children: t("passport:securityMenu.lastBackup") })
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(Highlight, { type: "info", className: "text-[10px] leading-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("span", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_lucide_react55.DatabaseBackup, { className: "w-4 h-4 flex-none" }),
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "font-medium text-xs", children: t("passport:securityMenu.lastBackup") })
     ] }),
-    recoveryCreatedAt && /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_jsx_runtime87.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "block font-mono! ", children: t("passport:securityMenu.lastBackupMeta", {
+    recoveryCreatedAt && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "block font-mono! ", children: t("passport:securityMenu.lastBackupMeta", {
         browser: cleanStringArtifacts(recoveryBrowser || "unknown"),
         os: parseOS(recoveryUa) || "unknown os",
         deviceName: cleanStringArtifacts(recoveryDeviceName || recoveryDeviceId || "")
       }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "block font-mono! text-[var(--ui-kit-fg-muted)]", children: (0, import_dayjs6.default)(recoveryCreatedAt).format("MMMM DD, YYYY HH:mm") })
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "block font-mono! text-[var(--ui-kit-fg-muted)]", children: (0, import_dayjs6.default)(recoveryCreatedAt).format("MMMM DD, YYYY HH:mm") })
     ] })
   ] });
 }
-var import_dayjs6, import_lucide_react54, import_jsx_runtime87;
+var import_dayjs6, import_lucide_react55, import_jsx_runtime88;
 var init_LastBackup = __esm({
   "src/internal/components/SecurityMenu/Keyshare/LastBackup.tsx"() {
     init_useT();
     import_dayjs6 = __toESM(require("dayjs"), 1);
-    import_lucide_react54 = require("lucide-react");
+    import_lucide_react55 = require("lucide-react");
     init_highlight();
-    import_jsx_runtime87 = require("react/jsx-runtime");
+    import_jsx_runtime88 = require("react/jsx-runtime");
     {
     }
     {
@@ -18769,86 +18938,135 @@ var init_LastBackup = __esm({
   }
 });
 
+// src/internal/components/SecurityMenu/Keyshare/useKeyshareRecoveryStats.ts
+function useKeyshareRecoveryStats() {
+  const session = useSession((st) => st.session);
+  const userId = session?.mpcUserId || null;
+  return (0, import_react_query42.useQuery)({
+    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 import_react_query42;
+var init_useKeyshareRecoveryStats = __esm({
+  "src/internal/components/SecurityMenu/Keyshare/useKeyshareRecoveryStats.ts"() {
+    init_SessionContext();
+    import_react_query42 = require("@tanstack/react-query");
+    init_keyshare();
+    init_iframe_manager();
+    init_vaultClient();
+    init_constants5();
+  }
+});
+
 // src/internal/components/SecurityMenu/Keyshare/Keyshare.tsx
-function Keyshare(props) {
-  const { userId, serverHasKeyshare, localInfo, hasServerBackup, createdRecoveryStats, isLoading } = props;
+function Keyshare() {
+  const userId = useSession((st) => st?.session?.mpcUserId);
   const { t } = useT();
+  const serverHasKeyshare = import_auth23.jwtTokenManager.getHasKeyshare() ?? false;
+  const { data: recoveryData, isLoading: isRecoveryLoading } = useKeyshareRecoveryStats();
+  (0, import_react63.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime88.jsx)("div", { className: "w-full flex items-center justify-center p-[var(--ui-kit-pd)]", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_lucide_react55.LoaderIcon, { className: "h-4 w-4 animate-spin" }) });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "font-medium text-xs text-[var(--ui-kit-fg)]", children: t("passport:securityMenu.keyshareStatus.title") }),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "grid grid-cols-3 gap-[var(--ui-kit-gap)] px-[var(--ui-kit-gap)]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
-        KeyshareStatus,
-        {
-          content: serverHasKeyshare ? t("passport:securityMenu.keyshareStatus.serverReady") : t("passport:securityMenu.keyshareStatus.serverMissing"),
-          icon: serverHasKeyshare ? PositiveIcon : NegativeIcon,
-          children: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
-            Highlight,
-            {
-              type: serverHasKeyshare ? "success" : "warning",
-              className: "w-full h-full flex flex-col items-center gap-0",
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_lucide_react55.Cloud, { className: "h-6 w-6" }),
-                /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "text-[10px] font-medium leading-4", children: "Server Share" })
-              ]
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
-        KeyshareStatus,
-        {
-          content: localInfo?.hasKeyshare ? t("passport:securityMenu.keyshareStatus.localReady") : t("passport:securityMenu.keyshareStatus.localMissing"),
-          icon: localInfo?.hasKeyshare ? PositiveIcon : NegativeIcon,
-          children: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
-            Highlight,
-            {
-              type: localInfo?.hasKeyshare ? "success" : "warning",
-              className: "w-full h-full flex flex-col items-center gap-0",
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_lucide_react55.Laptop, { className: "h-6 w-6" }),
-                /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "text-[10px] font-medium leading-4", children: "Local Share" })
-              ]
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
-        KeyshareStatus,
-        {
-          content: hasServerBackup ? t("passport:securityMenu.keyshareStatus.valutBackupCreated") : t("passport:securityMenu.keyshareStatus.valutBackupMissing"),
-          icon: hasServerBackup ? PositiveIcon : NegativeIcon,
-          children: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
-            Highlight,
-            {
-              type: hasServerBackup ? "success" : "warning",
-              className: "w-full h-full flex flex-col items-center gap-0",
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_lucide_react55.Server, { className: "h-6 w-6" }),
-                /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "text-[10px] font-medium leading-4", children: "Vault Backup" })
-              ]
-            }
-          )
-        }
-      )
+  const createdRecoveryStats = recoveryData?.shareRecoveryStats?.created;
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_jsx_runtime89.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex items-center justify-between gap-[var(--ui-kit-gap)]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "text-xs leading-4", children: t("passport:securityMenu.keyshareStatus.title") }),
+      isRecoveryLoading && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_lucide_react56.LoaderIcon, { className: "h-4 w-4 animate-spin" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(LastBackup, { backup, createdRecoveryStats })
+    !isRecoveryLoading && /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_jsx_runtime89.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "grid grid-cols-3 gap-[var(--ui-kit-gap)] px-[var(--ui-kit-gap)]", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+          KeyshareStatus,
+          {
+            content: serverHasKeyshare ? t("passport:securityMenu.keyshareStatus.serverReady") : t("passport:securityMenu.keyshareStatus.serverMissing"),
+            icon: serverHasKeyshare ? PositiveIcon : NegativeIcon,
+            children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
+              Highlight,
+              {
+                type: serverHasKeyshare ? "success" : "warning",
+                className: "w-full h-full flex flex-col items-center gap-0",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_lucide_react56.Cloud, { className: "h-6 w-6" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "text-[10px] font-medium leading-4", children: "Server Share" })
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+          KeyshareStatus,
+          {
+            content: localInfo?.hasKeyshare ? t("passport:securityMenu.keyshareStatus.localReady") : t("passport:securityMenu.keyshareStatus.localMissing"),
+            icon: localInfo?.hasKeyshare ? PositiveIcon : NegativeIcon,
+            children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
+              Highlight,
+              {
+                type: localInfo?.hasKeyshare ? "success" : "warning",
+                className: "w-full h-full flex flex-col items-center gap-0",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_lucide_react56.Laptop, { className: "h-6 w-6" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "text-[10px] font-medium leading-4", children: "Local Share" })
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+          KeyshareStatus,
+          {
+            content: hasServerBackup ? t("passport:securityMenu.keyshareStatus.valutBackupCreated") : t("passport:securityMenu.keyshareStatus.valutBackupMissing"),
+            icon: hasServerBackup ? PositiveIcon : NegativeIcon,
+            children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
+              Highlight,
+              {
+                type: hasServerBackup ? "success" : "warning",
+                className: "w-full h-full flex flex-col items-center gap-0",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_lucide_react56.Server, { className: "h-6 w-6" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "text-[10px] font-medium leading-4", children: "Vault Backup" })
+                ]
+              }
+            )
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(LastBackup, { backup, createdRecoveryStats })
+    ] })
   ] });
 }
-var import_lucide_react55, import_jsx_runtime88;
+var import_lucide_react56, import_react63, import_jsx_runtime89;
 var init_Keyshare = __esm({
   "src/internal/components/SecurityMenu/Keyshare/Keyshare.tsx"() {
+    init_SessionContext();
     init_useT();
-    import_lucide_react55 = require("lucide-react");
+    import_lucide_react56 = require("lucide-react");
+    import_react63 = require("react");
     init_icons();
+    init_auth();
     init_vaultClient();
     init_highlight();
+    init_useSecurityStore();
     init_KeyshareStatus();
     init_LastBackup();
-    import_jsx_runtime88 = require("react/jsx-runtime");
+    init_useKeyshareRecoveryStats();
+    import_jsx_runtime89 = require("react/jsx-runtime");
     {
     }
     {
@@ -18860,92 +19078,16 @@ var init_Keyshare = __esm({
 var init_Keyshare2 = __esm({
   "src/internal/components/SecurityMenu/Keyshare/index.ts"() {
     init_Keyshare();
-  }
-});
-
-// src/internal/components/SecurityMenu/UntrustApplication.tsx
-function UntrustApplication(props) {
-  const { appToUntrust, isPending, cancelUntrust, handleUntrustApp } = props;
-  const { t } = useT();
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex flex-col gap-[var(--ui-kit-gap)]", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(Highlight, { className: "flex flex-col gap-[var(--ui-kit-gap)]", type: "warning", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("span", { className: "text-sm leading-5 font-bold", children: [
-        t("passport:securityMenu.connectedApps.untrustApp"),
-        "?"
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "w-full flex items-center justify-center gap-[var(--ui-kit-gap)]", children: [
-        appToUntrust.appLogo ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "w-12 h-12 rounded-[var(--ui-kit-el-bdrs)] bg-[var(--ui-kit-bg)] flex-shrink-0 p-1", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("img", { src: appToUntrust.appLogo, alt: appToUntrust.appName, className: "w-full h-full object-contain" }) }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("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__ */ (0, import_jsx_runtime89.jsx)(import_lucide_react56.AppWindowMac, { className: "w-6 h-6" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex-1 text-left", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "font-medium", children: appToUntrust.appName }),
-          appToUntrust.hostname && /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "text-[10px]", children: [
-            "(",
-            appToUntrust.hostname,
-            ")"
-          ] })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "text-[10px] text-[var(--ui-kit-fg-muted)] text-left space-y-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("p", { children: [
-        t("passport:securityMenu.connectedApps.removalNoteTitle"),
-        ":"
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("ul", { className: "list-disc list-inside ml-2 space-y-0.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("li", { children: t("passport:securityMenu.connectedApps.removalNoteMsg1") }),
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("li", { children: t("passport:securityMenu.connectedApps.removalNoteMsg2") })
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "w-full flex gap-[var(--ui-kit-gap)]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Button, { variant: "outline", size: "large", className: "flex-1", onClick: () => cancelUntrust(), disabled: isPending, children: t("passport:common.cancel") }),
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Button, { variant: "default", size: "large", className: "flex-1", onClick: handleUntrustApp, disabled: isPending, children: isPending ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_lucide_react56.Loader, { className: "h-4 w-4 animate-spin" }) : t("passport:common.delete") })
-    ] })
-  ] });
-}
-var import_lucide_react56, import_jsx_runtime89;
-var init_UntrustApplication = __esm({
-  "src/internal/components/SecurityMenu/UntrustApplication.tsx"() {
-    init_i18n();
-    import_lucide_react56 = require("lucide-react");
-    init_button();
-    init_highlight();
-    import_jsx_runtime89 = require("react/jsx-runtime");
+    init_useKeyshareRecoveryStats();
   }
 });
 
 // src/internal/components/SecurityMenu/SecurityMenu.tsx
 function SecurityMenu() {
-  const qc = (0, import_react_query41.useQueryClient)();
   const { t } = useT();
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
-  const setPage = useLayoutDataStore((st) => st.setPage);
-  const userId = import_auth23.jwtTokenManager.getUserId();
-  const serverHasKeyshare = import_auth23.jwtTokenManager.getHasKeyshare() ?? false;
-  const [appToUntrust, untrustApp] = (0, import_react61.useState)(null);
-  const { data: recoveryData, isLoading: isRecoveryLoading } = useKeyshareRecoveryStats();
-  const localInfo = recoveryData?.keyshareInfo || {};
-  const hasServerBackup = !!recoveryData?.shareRecoveryStats?.created || recoveryData?.shareRecoveryStats?.devices?.length > 0;
-  const { mutate: handleUntrustApp, isPending: isUntrustingApp } = (0, import_react_query41.useMutation)({
-    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__ */ (0, import_jsx_runtime90.jsx)(
     "div",
     {
@@ -18963,57 +19105,40 @@ 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__ */ (0, import_jsx_runtime90.jsx)(import_lucide_react57.ArrowLeft, { className: "h-4 w-4" })
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "text-xl font-semibold", children: t("passport:securityMenu.title") })
         ] }),
-        appToUntrust && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
-          UntrustApplication,
-          {
-            appToUntrust,
-            isPending: isRecoveryLoading || isUntrustingApp,
-            cancelUntrust: () => untrustApp(null),
-            handleUntrustApp: async () => await handleUntrustApp()
-          }
-        ),
-        !appToUntrust && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
-          Keyshare,
-          {
-            userId,
-            serverHasKeyshare,
-            localInfo,
-            hasServerBackup,
-            isLoading: isRecoveryLoading,
-            createdRecoveryStats: recoveryData?.shareRecoveryStats?.created
-          }
-        ),
-        !appToUntrust && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ConnectedApps, { isLoading: isRecoveryLoading, untrustApp })
+        appToUntrust && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(UntrustApplication, {}),
+        !appToUntrust && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(import_jsx_runtime90.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Keyshare, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ConnectedApps, {})
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "w-full" }, renderKey)
       ] })
     }
   );
 }
-var import_react_query41, import_lucide_react57, import_react61, import_jsx_runtime90;
+var import_lucide_react57, import_jsx_runtime90;
 var init_SecurityMenu = __esm({
   "src/internal/components/SecurityMenu/SecurityMenu.tsx"() {
     init_i18n();
-    import_react_query41 = require("@tanstack/react-query");
     import_lucide_react57 = require("lucide-react");
-    import_react61 = require("react");
-    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();
     import_jsx_runtime90 = require("react/jsx-runtime");
   }
 });
@@ -19022,6 +19147,8 @@ var init_SecurityMenu = __esm({
 var init_SecurityMenu2 = __esm({
   "src/internal/components/SecurityMenu/index.ts"() {
     init_SecurityMenu();
+    init_ConnectedApps2();
+    init_Keyshare2();
   }
 });
 
@@ -19117,12 +19244,12 @@ var init_wallet = __esm({
 });
 
 // src/internal/components/SendMenu/useFlowSelector.ts
-var import_zustand10, import_middleware2, useFlowSelectorStore;
+var import_zustand11, import_middleware2, useFlowSelectorStore;
 var init_useFlowSelector = __esm({
   "src/internal/components/SendMenu/useFlowSelector.ts"() {
-    import_zustand10 = require("zustand");
+    import_zustand11 = require("zustand");
     import_middleware2 = require("zustand/middleware");
-    useFlowSelectorStore = (0, import_zustand10.create)()(
+    useFlowSelectorStore = (0, import_zustand11.create)()(
       (0, import_middleware2.persist)(
         (set) => ({
           renderKey: Date.now().toString(),
@@ -19187,10 +19314,10 @@ var init_chains = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/useBridgeStore.ts
-var import_zustand11, import_middleware3, RESETABLE_STATES, useBridgeStore;
+var import_zustand12, import_middleware3, RESETABLE_STATES, useBridgeStore;
 var init_useBridgeStore = __esm({
   "src/internal/components/SendMenu/hyperbridge/useBridgeStore.ts"() {
-    import_zustand11 = require("zustand");
+    import_zustand12 = require("zustand");
     import_middleware3 = require("zustand/middleware");
     init_useFlowSelector();
     RESETABLE_STATES = {
@@ -19203,7 +19330,7 @@ var init_useBridgeStore = __esm({
       isQuoteEstimating: false,
       bridgeHistoryItem: null
     };
-    useBridgeStore = (0, import_zustand11.create)()(
+    useBridgeStore = (0, import_zustand12.create)()(
       (0, import_middleware3.persist)(
         (set, get) => ({
           bridgeSenders: [],
@@ -19267,15 +19394,15 @@ function SenderSelector(props) {
   const { openConnectModal } = (0, import_rainbowkit.useConnectModal)();
   const directWalletAddress = useExternalWalletStore((st) => st.externalAddress);
   const directWalletIsConnected = useExternalWalletStore((st) => st.isExternalConnected);
-  const pendingWalletRef = (0, import_react62.useRef)(null);
+  const pendingWalletRef = (0, import_react64.useRef)(null);
   const originChain = useBridgeStore((st) => st.originChain);
   const bridgeSender = useBridgeStore((st) => st.bridgeSender);
   const bridgeSenders = useBridgeStore((st) => st.bridgeSenders);
-  const [walletMessage, setWalletMessage] = (0, import_react62.useState)(null);
-  (0, import_react62.useEffect)(() => {
+  const [walletMessage, setWalletMessage] = (0, import_react64.useState)(null);
+  (0, import_react64.useEffect)(() => {
     useFlowSelectorStore.getState().setRenderKey(`sender-selected-${Date.now()}`);
   }, [walletMessage]);
-  const { mutate: loginDirectWallet, isPending: isDirectWalletLoggingIn } = (0, import_react_query42.useMutation)({
+  const { mutate: loginDirectWallet, isPending: isDirectWalletLoggingIn } = (0, import_react_query43.useMutation)({
     mutationFn: async (walletProfile) => {
       if (!walletProfile?.meta?.walletName || !walletProfile?.externalId || !walletProfile?.meta?.walletType) {
         console.error("[SENDER SELECTOR] Invalid wallet profile:", walletProfile);
@@ -19328,7 +19455,7 @@ function SenderSelector(props) {
       setWalletMessage(error instanceof Error ? error.message : "Wallet login failed. Please try again.");
     }
   });
-  (0, import_react62.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     const pendingProfile = pendingWalletRef.current;
     if (!pendingProfile || !directWalletIsConnected || !directWalletAddress) return;
     if (directWalletAddress.toLowerCase() !== pendingProfile.externalId?.toLowerCase()) return;
@@ -19403,14 +19530,14 @@ function SenderSelector(props) {
     ] })
   ] });
 }
-var import_rainbowkit, import_react_query42, import_react62, import_wagmi3, import_jsx_runtime91;
+var import_rainbowkit, import_react_query43, import_react64, import_wagmi3, import_jsx_runtime91;
 var init_SenderSelector = __esm({
   "src/internal/components/SendMenu/hyperbridge/components/SenderSelector.tsx"() {
     init_ProviderContext();
     init_i18n();
     import_rainbowkit = require("@rainbow-me/rainbowkit");
-    import_react_query42 = require("@tanstack/react-query");
-    import_react62 = require("react");
+    import_react_query43 = require("@tanstack/react-query");
+    import_react64 = require("react");
     import_wagmi3 = require("wagmi");
     init_wallet();
     init_useLayoutDataStore();
@@ -19510,8 +19637,8 @@ var init_wallets = __esm({
 function useAvailableSenders() {
   const address = useSession((st) => st.address);
   const { profiles } = useLinkedProfiles();
-  const lastCalcedSenders = (0, import_react63.useRef)([]);
-  (0, import_react63.useEffect)(() => {
+  const lastCalcedSenders = (0, import_react65.useRef)([]);
+  (0, import_react65.useEffect)(() => {
     const sendersAccumulator = [
       {
         type: "embarkai-wallet",
@@ -19542,13 +19669,13 @@ function useAvailableSenders() {
     directWalletProfile: profiles.filter((p) => p.provider === "wallet")[0] || null
   };
 }
-var import_react63;
+var import_react65;
 var init_useAvailableSenders = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useAvailableSenders.ts"() {
     init_SessionContext();
     init_tokens();
     init_linkedProfiles();
-    import_react63 = require("react");
+    import_react65 = require("react");
     init_wallets();
     init_useFlowSelector();
     init_useBridgeStore();
@@ -19881,7 +20008,7 @@ function useHyperlaneHistory() {
   const page = useLayoutDataStore((st) => st.page);
   const flow = useFlowSelectorStore((st) => st.flow);
   const bridgeStep = useBridgeStore((st) => st.bridgeStep);
-  const query = (0, import_react_query43.useInfiniteQuery)({
+  const query = (0, import_react_query44.useInfiniteQuery)({
     retry: false,
     initialPageParam: 1,
     refetchInterval: TX_HISTORY_POLLING_INTERVAL,
@@ -19891,29 +20018,29 @@ function useHyperlaneHistory() {
     queryFn: async ({ pageParam }) => await getHyperlaneBridgeHistory({ page: pageParam, pageSize: TX_HISTORY_PAGE_SIZE })
   });
   const { data: txHistoryData, isLoading: isBridgeTxHistoryLoading } = query;
-  const txList = (0, import_react64.useMemo)(
+  const txList = (0, import_react66.useMemo)(
     () => txHistoryData?.pages?.map((p) => p.data).flat(Infinity) || [],
     [txHistoryData]
   );
-  const updateExpandable = (0, import_react64.useCallback)(
-    (0, import_lodash_es10.debounce)(() => {
+  const updateExpandable = (0, import_react66.useCallback)(
+    (0, import_lodash_es12.debounce)(() => {
       useFlowSelectorStore.getState().setRenderKey(`hyperlane-history-loaded-${Date.now()}`);
     }, 250),
     []
   );
-  (0, import_react64.useEffect)(() => {
+  (0, import_react66.useEffect)(() => {
     if (isBridgeTxHistoryLoading || txList.length === 0) return;
     updateExpandable();
   }, [isBridgeTxHistoryLoading, txList]);
   return { query, txList };
 }
-var import_react_query43, import_lodash_es10, import_react64, HYPERLANE_HISTORY_QUERY_KEY, TX_HISTORY_PAGE_SIZE, TX_HISTORY_POLLING_INTERVAL;
+var import_react_query44, import_lodash_es12, import_react66, HYPERLANE_HISTORY_QUERY_KEY, TX_HISTORY_PAGE_SIZE, TX_HISTORY_POLLING_INTERVAL;
 var init_useHyperlaneHistory = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useHyperlaneHistory.ts"() {
     init_SessionContext();
-    import_react_query43 = require("@tanstack/react-query");
-    import_lodash_es10 = require("lodash-es");
-    import_react64 = require("react");
+    import_react_query44 = require("@tanstack/react-query");
+    import_lodash_es12 = require("lodash-es");
+    import_react66 = require("react");
     init_useLayoutDataStore();
     init_useFlowSelector();
     init_api3();
@@ -19925,11 +20052,11 @@ var init_useHyperlaneHistory = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/hooks/useOperationHashesStore.ts
-var import_zustand12, useOperationHashesStore;
+var import_zustand13, useOperationHashesStore;
 var init_useOperationHashesStore = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useOperationHashesStore.ts"() {
-    import_zustand12 = require("zustand");
-    useOperationHashesStore = (0, import_zustand12.create)((set) => ({
+    import_zustand13 = require("zustand");
+    useOperationHashesStore = (0, import_zustand13.create)((set) => ({
       hyperlaneDatabaseTx: null,
       operationHashes: [],
       setHyperlaneDatabaseTx: (hyperlaneDatabaseTx) => set({ hyperlaneDatabaseTx }),
@@ -19940,12 +20067,12 @@ var init_useOperationHashesStore = __esm({
 
 // src/internal/components/SendMenu/hyperbridge/hooks/useBridge.ts
 function useBridge() {
-  const qc = (0, import_react_query44.useQueryClient)();
+  const qc = (0, import_react_query45.useQueryClient)();
   const { t } = useT();
   const address = useSession((st) => st.address);
   const { data: walletClient } = (0, import_wagmi4.useWalletClient)();
   const { switchChainAsync } = (0, import_wagmi4.useSwitchChain)();
-  const swapDirection = (0, import_react65.useCallback)(() => {
+  const swapDirection = (0, import_react67.useCallback)(() => {
     const {
       bridgeStep,
       originChain,
@@ -19959,7 +20086,7 @@ function useBridge() {
     setOriginChain(destinationChain);
     setDestinationChain(originChain);
   }, []);
-  const { mutate: estimateQuote } = (0, import_react_query44.useMutation)({
+  const { mutate: estimateQuote } = (0, import_react_query45.useMutation)({
     mutationFn: async (amountToBridge) => {
       useFlowSelectorStore.getState().setError(null);
       useFlowSelectorStore.getState().setIsUiLocked(true);
@@ -19997,7 +20124,7 @@ function useBridge() {
       useFlowSelectorStore.getState().setError(error instanceof Error ? error.message : String(error));
     }
   });
-  const handleQuoteEstimation = (0, import_react65.useCallback)((amnt) => {
+  const handleQuoteEstimation = (0, import_react67.useCallback)((amnt) => {
     const { originChain, destinationChain, bridgeSender } = useBridgeStore.getState();
     if (!amnt || !Number(amnt)) {
       useBridgeStore.getState().setQuote(null);
@@ -20027,7 +20154,7 @@ function useBridge() {
       })
     );
   }, []);
-  const { mutate: bridgeAsset, isPending: isAssetBridging } = (0, import_react_query44.useMutation)({
+  const { mutate: bridgeAsset, isPending: isAssetBridging } = (0, import_react_query45.useMutation)({
     mutationFn: async () => {
       const {
         hyperRoute,
@@ -20122,14 +20249,14 @@ function useBridge() {
     isAssetBridging
   };
 }
-var import_react_query44, import_react65, import_wagmi4;
+var import_react_query45, import_react67, import_wagmi4;
 var init_useBridge = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useBridge.ts"() {
     init_SessionContext();
     init_i18n();
     init_useExternalWalletStore();
-    import_react_query44 = require("@tanstack/react-query");
-    import_react65 = require("react");
+    import_react_query45 = require("@tanstack/react-query");
+    import_react67 = require("react");
     import_wagmi4 = require("wagmi");
     init_useLayoutStore();
     init_useFlowSelector();
@@ -20153,7 +20280,7 @@ function useHyperlaneRoutes() {
     data: hyperlaneWarpRoutes = [],
     isLoading: isLoadingWarpRoutes,
     error: errorWarpRoutes
-  } = (0, import_react_query45.useQuery)({
+  } = (0, import_react_query46.useQuery)({
     retry: false,
     enabled: !!address && page === "send" /* SEND */ && flow === "bridge",
     queryKey: [HYPERLANE_WARP_ROUTES_QUERY_KEY, address],
@@ -20163,7 +20290,7 @@ function useHyperlaneRoutes() {
       return warpRoutes;
     }
   });
-  (0, import_react66.useEffect)(() => {
+  (0, import_react68.useEffect)(() => {
     if (!errorWarpRoutes) return;
     useFlowSelectorStore.getState().setError(errorWarpRoutes.message);
     const { resetSelections, setRecipient, setOriginChain, setDestinationChain } = useBridgeStore.getState();
@@ -20172,7 +20299,7 @@ function useHyperlaneRoutes() {
     setOriginChain(null);
     setDestinationChain(null);
   }, [errorWarpRoutes]);
-  (0, import_react66.useEffect)(() => {
+  (0, import_react68.useEffect)(() => {
     if (!!hyperRoute || !hyperlaneWarpRoutes.length) return;
     const warpRouteToAutoSelect = hyperlaneWarpRoutes.find((route) => route.routeId === hyperRoute);
     if (!warpRouteToAutoSelect) return;
@@ -20191,12 +20318,12 @@ function useHyperlaneRoutes() {
   }, [hyperRoute, hyperlaneWarpRoutes]);
   return { hyperlaneWarpRoutes, isLoadingWarpRoutes };
 }
-var import_react_query45, import_react66, HYPERLANE_WARP_ROUTES_QUERY_KEY;
+var import_react_query46, import_react68, HYPERLANE_WARP_ROUTES_QUERY_KEY;
 var init_useHyperlaneRoutes = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useHyperlaneRoutes.ts"() {
     init_SessionContext();
-    import_react_query45 = require("@tanstack/react-query");
-    import_react66 = require("react");
+    import_react_query46 = require("@tanstack/react-query");
+    import_react68 = require("react");
     init_useLayoutDataStore();
     init_useFlowSelector();
     init_api3();
@@ -20212,7 +20339,7 @@ function useMenuTitle(warpRoutes) {
   const bridgeStep = useBridgeStore((st) => st.bridgeStep);
   const hyperRoute = useBridgeStore((st) => st.hyperRoute);
   const hyperRouteMeta = warpRoutes?.length ? warpRoutes.find((route) => route.routeId === hyperRoute) : null;
-  (0, import_react67.useEffect)(() => {
+  (0, import_react69.useEffect)(() => {
     const updateMenuTitle = useFlowSelectorStore.getState().setMenuTitle;
     switch (true) {
       case bridgeStep === "sender-selector":
@@ -20240,11 +20367,11 @@ function useMenuTitle(warpRoutes) {
     }
   }, [bridgeStep, hyperRouteMeta, t]);
 }
-var import_react67;
+var import_react69;
 var init_useMenuTitle = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useMenuTitle.ts"() {
     init_i18n();
-    import_react67 = require("react");
+    import_react69 = require("react");
     init_useFlowSelector();
     init_useBridgeStore();
   }
@@ -20272,7 +20399,7 @@ function checkWrapedTokenSymbol2(symbol) {
   return symbol.toUpperCase();
 }
 function useBridgeBalance(hyperlaneWarpRoutes) {
-  const qc = (0, import_react_query46.useQueryClient)();
+  const qc = (0, import_react_query47.useQueryClient)();
   const { t } = useT();
   const address = useSession((st) => st.address);
   const directWalletAddress = useExternalWalletStore((st) => st.externalAddress);
@@ -20299,7 +20426,7 @@ function useBridgeBalance(hyperlaneWarpRoutes) {
   const embarkTokenBalanace = assets.find((a) => selectedWarpRoute?.symbol === checkWrapedTokenSymbol2(a.symbol));
   const originChainMeta = CHAINS_UI_META[originChain];
   const isSelectedTokenNative = selectedWarpRoute?.symbol?.toUpperCase() === originChainMeta?.chain?.nativeCurrency?.symbol?.toUpperCase();
-  const { data: externalBalanceData, isLoading: isExternalBalanceLoading } = (0, import_react_query46.useQuery)({
+  const { data: externalBalanceData, isLoading: isExternalBalanceLoading } = (0, import_react_query47.useQuery)({
     retry: false,
     enabled: bridgeSender === "direct-wallet" && !isSelectedTokenNative && !!directWalletAddress && !!routeTokenAddress && !!originChain,
     queryKey: [EXTERNAL_WALLET_BRIDGING_BALANCE_QUERY, originChain, directWalletAddress, routeTokenAddress],
@@ -20342,7 +20469,7 @@ function useBridgeBalance(hyperlaneWarpRoutes) {
       return { value, decimals, symbol, formatted };
     }
   });
-  const { data: externalNativeBalanceData, isLoading: isExternalNativeBalanceLoading } = (0, import_react_query46.useQuery)({
+  const { data: externalNativeBalanceData, isLoading: isExternalNativeBalanceLoading } = (0, import_react_query47.useQuery)({
     retry: false,
     enabled: bridgeSender === "direct-wallet" && isSelectedTokenNative && !!directWalletAddress && !!originChain,
     queryKey: [EXTERNAL_WALLET_BRIDGING_NATIVE_BALANCE_QUERY, originChain, directWalletAddress],
@@ -20357,7 +20484,7 @@ function useBridgeBalance(hyperlaneWarpRoutes) {
       };
     }
   });
-  const refreshRouteTokenBalance = (0, import_react68.useCallback)(
+  const refreshRouteTokenBalance = (0, import_react70.useCallback)(
     (senderWallet) => {
       switch (true) {
         case senderWallet === "embarkai-wallet":
@@ -20373,7 +20500,7 @@ function useBridgeBalance(hyperlaneWarpRoutes) {
     },
     [refreshBalances, qc]
   );
-  (0, import_react68.useEffect)(() => {
+  (0, import_react70.useEffect)(() => {
     if (!bridgeSender || !originChain) return;
     switch (bridgeSender) {
       case "embarkai-wallet":
@@ -20404,15 +20531,15 @@ function useBridgeBalance(hyperlaneWarpRoutes) {
     isRouteTokenBalanceLoading: isAssetsLoading || isExternalBalanceLoading || isExternalNativeBalanceLoading
   };
 }
-var import_core6, import_react_query46, import_react68, import_viem13, import_wagmi5, EXTERNAL_WALLET_BRIDGING_BALANCE_QUERY, EXTERNAL_WALLET_BRIDGING_NATIVE_BALANCE_QUERY;
+var import_core6, import_react_query47, import_react70, import_viem13, import_wagmi5, EXTERNAL_WALLET_BRIDGING_BALANCE_QUERY, EXTERNAL_WALLET_BRIDGING_NATIVE_BALANCE_QUERY;
 var init_useBridgeBalance = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useBridgeBalance.ts"() {
     init_constants();
     init_SessionContext();
     init_i18n();
     import_core6 = require("@embarkai/core");
-    import_react_query46 = require("@tanstack/react-query");
-    import_react68 = require("react");
+    import_react_query47 = require("@tanstack/react-query");
+    import_react70 = require("react");
     import_viem13 = require("viem");
     import_wagmi5 = require("wagmi");
     init_useBlockscoutAssets();
@@ -20530,7 +20657,7 @@ function SelectStep(props) {
                 variant: "outline",
                 size: "medium",
                 className: "bg-[var(--ui-kit-bg)] flex items-center gap-[var(--ui-kit-gap)]",
-                children: selectedWarpRoute.chainPair.map((chain, chIdx) => /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_react69.Fragment, { children: [
+                children: selectedWarpRoute.chainPair.map((chain, chIdx) => /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_react71.Fragment, { children: [
                   chIdx > 0 && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_lucide_react59.ArrowLeftRightIcon, { className: "w-4 h-4 " }),
                   /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ResolveChainIcon, { chainName: chain.chainName, className: "w-4 h-4" })
                 ] }, `${selectedWarpRoute.id}-icon-${chain.chainID}-${chIdx}`))
@@ -20665,13 +20792,13 @@ function SelectStep(props) {
     )
   ] });
 }
-var import_lucide_react59, import_react69, import_jsx_runtime95;
+var import_lucide_react59, import_react71, import_jsx_runtime95;
 var init_SelectStep = __esm({
   "src/internal/components/SendMenu/hyperbridge/steps/SelectStep.tsx"() {
     init_tokens();
     init_i18n();
     import_lucide_react59 = require("lucide-react");
-    import_react69 = require("react");
+    import_react71 = require("react");
     init_priceFormatter();
     init_utils2();
     init_badge();
@@ -20720,7 +20847,7 @@ var init_checkbox = __esm({
 // src/internal/components/SendMenu/hyperbridge/steps/ConfirmStep.tsx
 function ConfirmStep(props) {
   const { isAssetBridging, bridgeAsset, hyperlaneWarpRoutes } = props;
-  const [userConsent, setUserConsent] = (0, import_react70.useState)(false);
+  const [userConsent, setUserConsent] = (0, import_react72.useState)(false);
   const { t } = useT();
   const address = useSession((st) => st.address);
   const bridgeSender = useBridgeStore((st) => st.bridgeSenders.find((s) => s.type === st.bridgeSender));
@@ -20829,13 +20956,13 @@ function ConfirmStep(props) {
     )
   ] });
 }
-var import_lucide_react61, import_react70, import_jsx_runtime97, P_CN;
+var import_lucide_react61, import_react72, import_jsx_runtime97, P_CN;
 var init_ConfirmStep = __esm({
   "src/internal/components/SendMenu/hyperbridge/steps/ConfirmStep.tsx"() {
     init_SessionContext();
     init_i18n();
     import_lucide_react61 = require("lucide-react");
-    import_react70 = require("react");
+    import_react72 = require("react");
     init_priceFormatter();
     init_utils2();
     init_button();
@@ -21057,7 +21184,7 @@ function HistoryItem(props) {
     txStatus
   } = props;
   const { t } = useT();
-  const qc = (0, import_react_query47.useQueryClient)();
+  const qc = (0, import_react_query48.useQueryClient)();
   const address = useSession((st) => st.address);
   const warpRoutes = qc.getQueryData([HYPERLANE_WARP_ROUTES_QUERY_KEY, address]);
   const assetWarpRoute = warpRoutes?.find((route) => {
@@ -21182,12 +21309,12 @@ function HistoryStep() {
     )
   ] });
 }
-var import_react_query47, import_dayjs7, import_lucide_react62, import_jsx_runtime99, P_CN3;
+var import_react_query48, import_dayjs7, import_lucide_react62, import_jsx_runtime99, P_CN3;
 var init_HistoryStep = __esm({
   "src/internal/components/SendMenu/hyperbridge/steps/HistoryStep.tsx"() {
     init_SessionContext();
     init_i18n();
-    import_react_query47 = require("@tanstack/react-query");
+    import_react_query48 = require("@tanstack/react-query");
     import_dayjs7 = __toESM(require("dayjs"), 1);
     import_lucide_react62 = require("lucide-react");
     init_tokens();
@@ -21210,9 +21337,9 @@ var init_HistoryStep = __esm({
 function SelectAssetRoute(props) {
   const { hyperlaneWarpRoutes } = props;
   const { t } = useT();
-  const [isTokenSymbolSelector, setIsTokenSymbolSelector] = (0, import_react71.useState)(false);
+  const [isTokenSymbolSelector, setIsTokenSymbolSelector] = (0, import_react73.useState)(false);
   const selectedAssetSymbol = useBridgeStore((st) => st.bridgeAssetSymbol);
-  const tokenList = (0, import_react71.useMemo)(() => {
+  const tokenList = (0, import_react73.useMemo)(() => {
     const tokens = hyperlaneWarpRoutes.map((route) => route.symbol);
     const uniqueTokens = Array.from(new Set(tokens));
     return uniqueTokens.map((symbol) => ({
@@ -21309,13 +21436,13 @@ function SelectAssetRoute(props) {
     ] })
   ] });
 }
-var import_lucide_react63, import_react71, import_jsx_runtime100;
+var import_lucide_react63, import_react73, import_jsx_runtime100;
 var init_SelectAssetRoute = __esm({
   "src/internal/components/SendMenu/hyperbridge/steps/SelectAssetRoute.tsx"() {
     init_tokens();
     init_i18n();
     import_lucide_react63 = require("lucide-react");
-    import_react71 = require("react");
+    import_react73 = require("react");
     init_button();
     init_useFlowSelector();
     init_ResolveChainIcon();
@@ -21343,7 +21470,7 @@ function HyperlaneBridge() {
   const { hyperlaneWarpRoutes, isLoadingWarpRoutes } = useHyperlaneRoutes();
   const { directWalletProfile } = useAvailableSenders();
   useMenuTitle(hyperlaneWarpRoutes);
-  (0, import_react72.useEffect)(() => {
+  (0, import_react74.useEffect)(() => {
     return () => {
       useBridgeStore.getState().resetSelections();
     };
@@ -21376,10 +21503,10 @@ function HyperlaneBridge() {
     bridgeStep === "tx-history-details" && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(HistoryDetailsStep, {})
   ] });
 }
-var import_react72, import_jsx_runtime101;
+var import_react74, import_jsx_runtime101;
 var init_HyperlaneBridge = __esm({
   "src/internal/components/SendMenu/hyperbridge/HyperlaneBridge.tsx"() {
-    import_react72 = require("react");
+    import_react74 = require("react");
     init_SenderSelector();
     init_useAvailableSenders();
     init_useBridge();
@@ -21397,7 +21524,7 @@ function BridgeHistorySwitch(props) {
   const selectorFlow = useFlowSelectorStore((st) => st.flow);
   const isUiLocked = useFlowSelectorStore((st) => st.isUiLocked);
   const bridgeStep = useBridgeStore((st) => st.bridgeStep);
-  const lastBridgeStepRef = (0, import_react73.useRef)(null);
+  const lastBridgeStepRef = (0, import_react75.useRef)(null);
   if (selectorFlow !== "bridge" || bridgeStep === "confirm" || bridgeStep === "success" || bridgeStep === "sender-selector" || bridgeStep === "select-token" || bridgeStep === "tx-history-details") {
     return null;
   }
@@ -21416,10 +21543,10 @@ function BridgeHistorySwitch(props) {
     }
   );
 }
-var import_react73, import_jsx_runtime102;
+var import_react75, import_jsx_runtime102;
 var init_HistorySwitch = __esm({
   "src/internal/components/SendMenu/hyperbridge/components/HistorySwitch.tsx"() {
-    import_react73 = require("react");
+    import_react75 = require("react");
     init_switch();
     init_useFlowSelector();
     init_useBridgeStore();
@@ -21510,11 +21637,11 @@ function looksLikeNickname(input) {
 }
 function useNicknameResolve(input, options) {
   const { enabled = true, chainId } = options;
-  const [debouncedInput, setDebouncedInput] = (0, import_react74.useState)("");
-  const [isDebouncing, setIsDebouncing] = (0, import_react74.useState)(false);
+  const [debouncedInput, setDebouncedInput] = (0, import_react76.useState)("");
+  const [isDebouncing, setIsDebouncing] = (0, import_react76.useState)(false);
   const normalized = normalizeNickname(input);
   const isNicknameInput = looksLikeNickname(input) && normalized.length >= 3;
-  (0, import_react74.useEffect)(() => {
+  (0, import_react76.useEffect)(() => {
     if (!isNicknameInput || !enabled) {
       setDebouncedInput("");
       setIsDebouncing(false);
@@ -21529,7 +21656,7 @@ function useNicknameResolve(input, options) {
       clearTimeout(timer);
     };
   }, [normalized, isNicknameInput, enabled]);
-  const query = (0, import_react_query48.useQuery)({
+  const query = (0, import_react_query49.useQuery)({
     queryKey: [...QUERY_KEYS.nicknameResolve(debouncedInput), chainId],
     queryFn: async () => await resolveNickname(debouncedInput, chainId),
     enabled: enabled && isNicknameInput && debouncedInput.length > 0,
@@ -21540,7 +21667,7 @@ function useNicknameResolve(input, options) {
   const isNotFound = query.isError && query.error?.code === "NICKNAME_NOT_FOUND";
   const isWalletNotSetup = !!query.data && query.data.resolvedTarget === null;
   const isFrozen = query.data?.isFrozen ?? false;
-  const fingerprintVerification = (0, import_react74.useMemo)(() => {
+  const fingerprintVerification = (0, import_react76.useMemo)(() => {
     if (!query.data?.owner || !query.data?.fingerprint) {
       return null;
     }
@@ -21562,11 +21689,11 @@ function useNicknameResolve(input, options) {
     resolvedAddress
   };
 }
-var import_react_query48, import_react74, DEBOUNCE_MS2;
+var import_react_query49, import_react76, DEBOUNCE_MS2;
 var init_useNicknameResolve = __esm({
   "src/hooks/useNicknameResolve.ts"() {
-    import_react_query48 = require("@tanstack/react-query");
-    import_react74 = require("react");
+    import_react_query49 = require("@tanstack/react-query");
+    import_react76 = require("react");
     init_nickname();
     init_profile();
     init_nickname_fingerprint();
@@ -21579,10 +21706,10 @@ var init_useNicknameResolve = __esm({
 function useSendTransaction() {
   const session = useSession((st) => st.session);
   const address = useSession((st) => st.address);
-  const [isLoading, setIsLoading] = (0, import_react75.useState)(false);
-  const [error, setError] = (0, import_react75.useState)(null);
-  const [userOpHash, setUserOpHash] = (0, import_react75.useState)(null);
-  const sendTransaction = (0, import_react75.useCallback)(
+  const [isLoading, setIsLoading] = (0, import_react77.useState)(false);
+  const [error, setError] = (0, import_react77.useState)(null);
+  const [userOpHash, setUserOpHash] = (0, import_react77.useState)(null);
+  const sendTransaction = (0, import_react77.useCallback)(
     async (params) => {
       if (!session || !address) {
         setError("No active session");
@@ -21679,7 +21806,7 @@ function useSendTransaction() {
     },
     [session, address]
   );
-  const reset = (0, import_react75.useCallback)(() => {
+  const reset = (0, import_react77.useCallback)(() => {
     setError(null);
     setUserOpHash(null);
     setIsLoading(false);
@@ -21692,10 +21819,10 @@ function useSendTransaction() {
     reset
   };
 }
-var import_react75, import_viem14, ERC20_TRANSFER_ABI, ERC721_SAFE_TRANSFER_ABI, ERC1155_SAFE_TRANSFER_ABI;
+var import_react77, import_viem14, ERC20_TRANSFER_ABI, ERC721_SAFE_TRANSFER_ABI, ERC1155_SAFE_TRANSFER_ABI;
 var init_useSendTransaction = __esm({
   "src/hooks/useSendTransaction.ts"() {
-    import_react75 = require("react");
+    import_react77 = require("react");
     import_viem14 = require("viem");
     init_SessionContext();
     init_account2();
@@ -21838,7 +21965,7 @@ var init_AssetInputIcon = __esm({
 
 // src/internal/components/SendMenu/send/components/NftDisplayCard.tsx
 function NftDisplayCard({ asset }) {
-  const [imageError, setImageError] = (0, import_react76.useState)(false);
+  const [imageError, setImageError] = (0, import_react78.useState)(false);
   const nftImage = asset.image || asset.nftMetadata?.image;
   return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex items-center gap-3 p-3 rounded-[var(--ui-kit-el-bdrs)] bg-[var(--ui-kit-bg-secondary)]", children: [
     nftImage && !imageError ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
@@ -21866,22 +21993,22 @@ function NftDisplayCard({ asset }) {
     ] })
   ] });
 }
-var import_lucide_react65, import_react76, import_jsx_runtime104;
+var import_lucide_react65, import_react78, import_jsx_runtime104;
 var init_NftDisplayCard = __esm({
   "src/internal/components/SendMenu/send/components/NftDisplayCard.tsx"() {
     import_lucide_react65 = require("lucide-react");
-    import_react76 = require("react");
+    import_react78 = require("react");
     import_jsx_runtime104 = require("react/jsx-runtime");
   }
 });
 
 // src/internal/components/SendMenu/send/useSendStore.ts
-var import_zustand13, useSendStore;
+var import_zustand14, useSendStore;
 var init_useSendStore = __esm({
   "src/internal/components/SendMenu/send/useSendStore.ts"() {
-    import_zustand13 = require("zustand");
+    import_zustand14 = require("zustand");
     init_useFlowSelector();
-    useSendStore = (0, import_zustand13.create)((set) => ({
+    useSendStore = (0, import_zustand14.create)((set) => ({
       recipient: "",
       //
       amount: "",
@@ -22029,11 +22156,11 @@ function NicknameData(props) {
     isWalletNotSetup,
     isFrozen
   } = resolvedNicknameData;
-  (0, import_react77.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     if (!resolvedNicknameData?.data?.fingerprint || !isNicknameInput) return;
     useFlowSelectorStore.getState().setRenderKey(`nickname-resolved-${Date.now()}`);
   }, [resolvedNicknameData, isNicknameInput]);
-  (0, import_react77.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     if (isResolving) return;
     let errMessage = null;
     switch (true) {
@@ -22088,11 +22215,11 @@ function NicknameData(props) {
     ] })
   ] });
 }
-var import_lucide_react66, import_react77, import_jsx_runtime106;
+var import_lucide_react66, import_react79, import_jsx_runtime106;
 var init_NicknameData = __esm({
   "src/internal/components/SendMenu/send/components/NicknameData.tsx"() {
     import_lucide_react66 = require("lucide-react");
-    import_react77 = require("react");
+    import_react79 = require("react");
     init_no_image();
     init_utils2();
     init_useFlowSelector();
@@ -22118,7 +22245,7 @@ function isNftAsset4(asset) {
 function useTokenBalance(asset) {
   const address = useSession((st) => st.address);
   const chainConfig = useSession((st) => st.chainConfig);
-  return (0, import_react_query49.useQuery)({
+  return (0, import_react_query50.useQuery)({
     retry: false,
     enabled: !!address && !!chainConfig?.id && !!asset?.symbol,
     refetchInterval: 5e3,
@@ -22182,11 +22309,11 @@ function useTokenBalance(asset) {
     }
   });
 }
-var import_react_query49, import_viem17, SEND_TOKEN_BALANCE_QUERY_KEY;
+var import_react_query50, import_viem17, SEND_TOKEN_BALANCE_QUERY_KEY;
 var init_useTokenBalance = __esm({
   "src/internal/components/SendMenu/send/useTokenBalance.ts"() {
     init_SessionContext();
-    import_react_query49 = require("@tanstack/react-query");
+    import_react_query50 = require("@tanstack/react-query");
     import_viem17 = require("viem");
     SEND_TOKEN_BALANCE_QUERY_KEY = "current-chain-send-token-balance-query";
   }
@@ -22414,7 +22541,7 @@ function ConfirmSendStep(props) {
   const isNft = isNftAsset3(selectedAsset);
   const isSecurity = isSecurityToken2(selectedAsset);
   const effectiveAddress = isNicknameInput ? resolvedAddress : recipient;
-  const { mutate: handleConfirm, isPending: isTransactionPending } = (0, import_react_query50.useMutation)({
+  const { mutate: handleConfirm, isPending: isTransactionPending } = (0, import_react_query51.useMutation)({
     mutationFn: async () => {
       if (!effectiveAddress || !selectedAsset) return;
       setTxStep("pending");
@@ -22568,12 +22695,12 @@ function ConfirmSendStep(props) {
     )
   ] });
 }
-var import_react_query50, import_lucide_react68, import_jsx_runtime108;
+var import_react_query51, import_lucide_react68, import_jsx_runtime108;
 var init_ConfirmSendStep = __esm({
   "src/internal/components/SendMenu/send/sendSteps/ConfirmSendStep.tsx"() {
     init_SessionContext();
     init_i18n();
-    import_react_query50 = require("@tanstack/react-query");
+    import_react_query51 = require("@tanstack/react-query");
     import_lucide_react68 = require("lucide-react");
     init_priceFormatter();
     init_utils2();
@@ -22613,10 +22740,10 @@ function SendMenu() {
     userOpHash,
     reset
   } = useSendTransaction();
-  (0, import_react78.useEffect)(() => {
+  (0, import_react80.useEffect)(() => {
     useFlowSelectorStore.getState().setIsUiLocked(isAssetsLoading || isTransactionPending);
   }, [isAssetsLoading, isTransactionPending]);
-  (0, import_react78.useEffect)(() => {
+  (0, import_react80.useEffect)(() => {
     useFlowSelectorStore.getState().setError(sendTransactionError || null);
   }, [sendTransactionError]);
   const {
@@ -22631,7 +22758,7 @@ function SendMenu() {
   } = useSendStore();
   const isNft = isNftAsset3(selectedAsset);
   const isSecurity = isSecurityToken2(selectedAsset);
-  (0, import_react78.useEffect)(() => {
+  (0, import_react80.useEffect)(() => {
     const shouldDefaultAsset = assets.length > 0 && !selectedAsset;
     if (!shouldDefaultAsset) return;
     const chainNativeCurrency = useSession.getState().chainConfig?.nativeCurrency;
@@ -22641,7 +22768,7 @@ function SendMenu() {
     if (isBalance(erc20)) return setSelectedAsset(erc20);
     setSelectedAsset(assets[0]);
   }, [assets, selectedAsset]);
-  (0, import_react78.useEffect)(
+  (0, import_react80.useEffect)(
     () => () => {
       setSelectedAsset(null);
       setRecipient("");
@@ -22654,7 +22781,7 @@ function SendMenu() {
   const isNicknameInput = looksLikeNickname(recipient);
   const resolvedNicknameData = useNicknameResolve(recipient, { enabled: isNicknameInput, chainId: activeChainId });
   const effectiveAddress = isNicknameInput ? resolvedNicknameData?.resolvedAddress : recipient;
-  const complianceAmount = (0, import_react78.useMemo)(() => {
+  const complianceAmount = (0, import_react80.useMemo)(() => {
     if (!isSecurity || !amount || !selectedAsset) return void 0;
     try {
       return (0, import_viem19.parseUnits)(amount, selectedAsset.decimals || 18);
@@ -22669,7 +22796,7 @@ function SendMenu() {
     enabled: isSecurity && !!effectiveAddress && !!complianceAmount,
     chainId: activeChainId
   });
-  (0, import_react78.useEffect)(() => {
+  (0, import_react80.useEffect)(() => {
     const updateMenuTitle = useFlowSelectorStore.getState().setMenuTitle;
     switch (true) {
       case txStep === "select-asset":
@@ -22739,7 +22866,7 @@ function SendMenu() {
     ] })
   ] });
 }
-var import_lucide_react69, import_react78, import_viem19, import_jsx_runtime109;
+var import_lucide_react69, import_react80, import_viem19, import_jsx_runtime109;
 var init_SendMenu = __esm({
   "src/internal/components/SendMenu/send/SendMenu.tsx"() {
     init_SessionContext();
@@ -22748,7 +22875,7 @@ var init_SendMenu = __esm({
     init_useSendTransaction();
     init_useT();
     import_lucide_react69 = require("lucide-react");
-    import_react78 = require("react");
+    import_react80 = require("react");
     import_viem19 = require("viem");
     init_useBlockscoutAssets();
     init_useLayoutDataStore();
@@ -22833,7 +22960,7 @@ function SendFlowSelector() {
   const error = useFlowSelectorStore((st) => st.error);
   const menuTitle = useFlowSelectorStore((st) => st.menuTitle);
   const selectorFlow = useFlowSelectorStore((st) => st.flow);
-  (0, import_react79.useEffect)(
+  (0, import_react81.useEffect)(
     () => () => {
       useFlowSelectorStore.getState().setError(null);
     },
@@ -22910,12 +23037,12 @@ function SendFlowSelector() {
     }
   );
 }
-var import_lucide_react70, import_react79, import_jsx_runtime110, SELECTOR_FLOW;
+var import_lucide_react70, import_react81, import_jsx_runtime110, SELECTOR_FLOW;
 var init_SendFlowSelector = __esm({
   "src/internal/components/SendMenu/SendFlowSelector.tsx"() {
     init_i18n();
     import_lucide_react70 = require("lucide-react");
-    import_react79 = require("react");
+    import_react81 = require("react");
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_utils2();
@@ -22970,12 +23097,12 @@ function getServerSnapshot() {
   return false;
 }
 function useProMode() {
-  return (0, import_react80.useSyncExternalStore)(subscribe, getSnapshot, getServerSnapshot);
+  return (0, import_react82.useSyncExternalStore)(subscribe, getSnapshot, getServerSnapshot);
 }
-var import_react80, STORAGE_KEY, EVENT_NAME;
+var import_react82, STORAGE_KEY, EVENT_NAME;
 var init_pro_mode = __esm({
   "src/internal/lib/pro-mode.ts"() {
-    import_react80 = require("react");
+    import_react82 = require("react");
     STORAGE_KEY = "embarkai_pro_mode";
     EVENT_NAME = "embarkai-pro-mode-changed";
   }
@@ -23017,7 +23144,7 @@ function useSettingsButtons() {
   if (proMode) {
     settingsButtons.push({ id: "devices" /* DEVICES */, name: "Guardians", Icon: import_lucide_react72.HardDrive });
   }
-  (0, import_react81.useEffect)(() => {
+  (0, import_react83.useEffect)(() => {
     const cssvEl = document.querySelector(".embarkai-ui-scope");
     if (!cssvEl || !window?.getComputedStyle) {
       return;
@@ -23039,7 +23166,7 @@ function SettingsMenu() {
   const setPage = useLayoutDataStore((st) => st.setPage);
   const settingsButtons = useSettingsButtons();
   useProvidersList();
-  (0, import_react_query51.useQuery)({
+  (0, import_react_query52.useQuery)({
     retry: 1,
     enabled: !!address,
     queryKey: [QUERY_KEYS.nicknameInfo, address],
@@ -23081,15 +23208,15 @@ function SettingsMenu() {
     }
   );
 }
-var import_react_query51, import_lucide_react72, import_react81, import_jsx_runtime111;
+var import_react_query52, import_lucide_react72, import_react83, import_jsx_runtime111;
 var init_SettingsMenu = __esm({
   "src/internal/components/SettingsMenu/SettingsMenu.tsx"() {
     init_ProviderContext();
     init_SessionContext();
     init_i18n();
-    import_react_query51 = require("@tanstack/react-query");
+    import_react_query52 = require("@tanstack/react-query");
     import_lucide_react72 = require("lucide-react");
-    import_react81 = require("react");
+    import_react83 = require("react");
     init_nickname();
     init_profile();
     init_useLayoutDataStore();
@@ -23955,26 +24082,26 @@ var init_TransactionsGroup = __esm({
 
 // src/internal/components/TransactionsMenu/TransactionsMenu.tsx
 function TransactionsMenu() {
-  const qc = (0, import_react_query52.useQueryClient)();
+  const qc = (0, import_react_query53.useQueryClient)();
   const address = useSession((st) => st.address);
   const chainConfig = useSession((st) => st.chainConfig);
   const { t } = useT();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
-  const [expandedGroups, setExpandedGroups] = (0, import_react82.useState)({});
+  const [expandedGroups, setExpandedGroups] = (0, import_react84.useState)({});
   const historySupported = isTransactionHistorySupported(chainConfig?.id);
   const {
     data: txHistoryGroups = [],
     isLoading: isTxHistoryLoading,
     isFetching: isTxHistoryFetching,
     error: txHistoryError
-  } = (0, import_react_query52.useQuery)({
+  } = (0, import_react_query53.useQuery)({
     retry: false,
     enabled: !!address && !!chainConfig?.id && historySupported,
     queryKey: [TRANSACTIONS_HISTORY_QUERY_KEY, chainConfig.id, address],
     queryFn: () => getTransactionsListQuery({ address, chainConfig })
   });
-  const refreshTxHistory = (0, import_react82.useCallback)(
+  const refreshTxHistory = (0, import_react84.useCallback)(
     () => qc.invalidateQueries({ queryKey: [TRANSACTIONS_HISTORY_QUERY_KEY, chainConfig.id, address] }),
     [qc, chainConfig.id, address]
   );
@@ -24023,14 +24150,14 @@ function TransactionsMenu() {
     }
   );
 }
-var import_react_query52, import_lucide_react75, import_react82, import_jsx_runtime114;
+var import_react_query53, import_lucide_react75, import_react84, import_jsx_runtime114;
 var init_TransactionsMenu = __esm({
   "src/internal/components/TransactionsMenu/TransactionsMenu.tsx"() {
     init_SessionContext();
     init_i18n();
-    import_react_query52 = require("@tanstack/react-query");
+    import_react_query53 = require("@tanstack/react-query");
     import_lucide_react75 = require("lucide-react");
-    import_react82 = require("react");
+    import_react84 = require("react");
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_Expandable2();
@@ -24228,7 +24355,7 @@ function usePageMapper() {
     setIsDialogOpen,
     setIsDialogClosing
   } = useLayoutStore();
-  const closeDialog = (0, import_react83.useCallback)(() => {
+  const closeDialog = (0, import_react85.useCallback)(() => {
     setIsDialogClosing(true);
     setTimeout(() => {
       setDialogContent(null);
@@ -24239,7 +24366,7 @@ function usePageMapper() {
       setIsDialogOpen(false);
     }, CLEAR_DIALOG_TIMEOUT);
   }, [setDialogContent, setDialogDescription, setDialogTitle, setIsDialogForced, setIsDialogOpen, setIsDialogClosing]);
-  const openDialog = (0, import_react83.useCallback)(
+  const openDialog = (0, import_react85.useCallback)(
     (pageItem) => {
       const PageContentComponent = pageItem.component;
       setDialogTitle(pageItem.title);
@@ -24249,7 +24376,7 @@ function usePageMapper() {
     },
     [setDialogContent, setDialogDescription, setDialogTitle, setIsDialogOpen]
   );
-  (0, import_react83.useEffect)(() => {
+  (0, import_react85.useEffect)(() => {
     if (page === null) return closeDialog();
     const pageItem = PAGE_MAP[page];
     if (!pageItem) {
@@ -24260,10 +24387,10 @@ function usePageMapper() {
     openDialog(pageItem);
   }, [page, closeDialog, openDialog]);
 }
-var import_react83, import_jsx_runtime115, CLEAR_DIALOG_TIMEOUT;
+var import_react85, import_jsx_runtime115, CLEAR_DIALOG_TIMEOUT;
 var init_usePageMapper = __esm({
   "src/internal/hooks/usePageMapper.tsx"() {
-    import_react83 = require("react");
+    import_react85 = require("react");
     init_PageMap();
     init_constants();
     init_useLayoutDataStore();
@@ -24279,32 +24406,32 @@ function useSettingsNotifications() {
   const setSettingsNotifications = useLayoutDataStore((st) => st.setSettingsNotifications);
   const providers = import_auth23.jwtTokenManager.getProviders();
   const hasEmail = providers.includes("email");
-  const { data: userProfile = null } = (0, import_react_query53.useQuery)({
+  const { data: userProfile = null } = (0, import_react_query54.useQuery)({
     retry: false,
     enabled: !!address,
     queryKey: [QUERY_KEYS.userProfile, address],
     queryFn: getUserProfile
   });
-  (0, import_react84.useEffect)(() => {
+  (0, import_react86.useEffect)(() => {
     const isKYCVerified = userProfile?.kycDetails?.kycStatus === "verified";
     setSettingsNotifications({
       ...COMPLETE_KYC_PROGRESS,
       status: isKYCVerified ? "resolved" : "active"
     });
   }, [userProfile, setSettingsNotifications]);
-  (0, import_react84.useEffect)(() => {
+  (0, import_react86.useEffect)(() => {
     setSettingsNotifications({
       ...EMAIL_NOT_CONNECTED_NOTIFICATION,
       status: hasEmail ? "resolved" : "active"
     });
   }, [hasEmail, setSettingsNotifications]);
 }
-var import_react_query53, import_react84, EMAIL_NOT_CONNECTED_NOTIFICATION, COMPLETE_KYC_PROGRESS;
+var import_react_query54, import_react86, EMAIL_NOT_CONNECTED_NOTIFICATION, COMPLETE_KYC_PROGRESS;
 var init_useSettingsNotifications = __esm({
   "src/internal/hooks/useSettingsNotifications.ts"() {
     init_SessionContext();
-    import_react_query53 = require("@tanstack/react-query");
-    import_react84 = require("react");
+    import_react_query54 = require("@tanstack/react-query");
+    import_react86 = require("react");
     init_auth();
     init_profile();
     init_useLayoutDataStore();
@@ -24327,7 +24454,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.57",
+      version: "0.4.58",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -24429,7 +24556,7 @@ var init_package = __esm({
 
 // src/internal/components/Footer/Footer.tsx
 function Footer() {
-  const qc = (0, import_react_query54.useQueryClient)();
+  const qc = (0, import_react_query55.useQueryClient)();
   const { callbacksRef } = useProviderConfig();
   const { t } = useT();
   const address = useSession((st) => st.address);
@@ -24446,7 +24573,7 @@ function Footer() {
       }
     }
   });
-  const { mutate: disconnect, isPending: isDisconnecting } = (0, import_react_query54.useMutation)({
+  const { mutate: disconnect, isPending: isDisconnecting } = (0, import_react_query55.useMutation)({
     mutationFn: async (disconnectAddress) => {
       if (!disconnectAddress) throw new Error("No address to disconnect");
       const { setError, setStatus, setIsLoading } = useSession.getState();
@@ -24532,7 +24659,7 @@ function Footer() {
     }
   );
 }
-var import_react_query54, import_lucide_react76, import_wagmi7, import_jsx_runtime116;
+var import_react_query55, import_lucide_react76, import_wagmi7, import_jsx_runtime116;
 var init_Footer = __esm({
   "src/internal/components/Footer/Footer.tsx"() {
     init_package();
@@ -24540,7 +24667,7 @@ var init_Footer = __esm({
     init_ProviderContext();
     init_SessionContext();
     init_i18n();
-    import_react_query54 = require("@tanstack/react-query");
+    import_react_query55 = require("@tanstack/react-query");
     import_lucide_react76 = require("lucide-react");
     import_wagmi7 = require("wagmi");
     init_auth();
@@ -24573,11 +24700,11 @@ function Header() {
   const chainConfig = useSession((st) => st.chainConfig);
   const { t } = useT();
   const proMode = useProMode();
-  const [proToast, setProToast] = (0, import_react85.useState)(false);
-  const [copied, setCopied] = (0, import_react85.useState)(false);
-  const clickCountRef = (0, import_react85.useRef)(0);
-  const clickTimerRef = (0, import_react85.useRef)(null);
-  const handleAvatarClick = (0, import_react85.useCallback)(() => {
+  const [proToast, setProToast] = (0, import_react87.useState)(false);
+  const [copied, setCopied] = (0, import_react87.useState)(false);
+  const clickCountRef = (0, import_react87.useRef)(0);
+  const clickTimerRef = (0, import_react87.useRef)(null);
+  const handleAvatarClick = (0, import_react87.useCallback)(() => {
     clickCountRef.current += 1;
     if (clickTimerRef.current) {
       clearTimeout(clickTimerRef.current);
@@ -24595,7 +24722,7 @@ function Header() {
       }, 1e3);
     }
   }, []);
-  const { data: profile, isLoading: isProfileLoading } = (0, import_react_query55.useQuery)({
+  const { data: profile, isLoading: isProfileLoading } = (0, import_react_query56.useQuery)({
     retry: false,
     enabled: !!address,
     queryKey: [QUERY_KEYS.userProfile, address],
@@ -24677,7 +24804,7 @@ function Header() {
     }
   );
 }
-var import_react_query55, import_lucide_react77, import_react85, import_jsx_runtime117;
+var import_react_query56, import_lucide_react77, import_react87, import_jsx_runtime117;
 var init_Header = __esm({
   "src/internal/components/Header/Header.tsx"() {
     init_lumia2();
@@ -24685,9 +24812,9 @@ var init_Header = __esm({
     init_ProviderContext();
     init_SessionContext();
     init_useT();
-    import_react_query55 = require("@tanstack/react-query");
+    import_react_query56 = require("@tanstack/react-query");
     import_lucide_react77 = require("lucide-react");
-    import_react85 = require("react");
+    import_react87 = require("react");
     init_icons();
     init_auth();
     init_profile();
@@ -24715,26 +24842,26 @@ function useDecideContentStyles() {
   return {
     isClosing,
     isMobileView,
-    style: (0, import_lodash_es11.merge)({}, mobileStyles)
+    style: (0, import_lodash_es13.merge)({}, mobileStyles)
   };
 }
-var DialogPrimitive, import_lodash_es11, import_lucide_react78, import_react86, import_jsx_runtime118, Dialog, DialogPortal, DialogOverlay, CONTENT_BG_SETUP, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription;
+var DialogPrimitive, import_lodash_es13, import_lucide_react78, import_react88, import_jsx_runtime118, Dialog, DialogPortal, DialogOverlay, CONTENT_BG_SETUP, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription;
 var init_dialog = __esm({
   "src/internal/components/ui/dialog.tsx"() {
     init_utils2();
     init_SessionContext();
     init_i18n();
     DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
-    import_lodash_es11 = require("lodash-es");
+    import_lodash_es13 = require("lodash-es");
     import_lucide_react78 = require("lucide-react");
-    import_react86 = require("react");
+    import_react88 = require("react");
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_button();
     import_jsx_runtime118 = require("react/jsx-runtime");
     Dialog = DialogPrimitive.Root;
     DialogPortal = DialogPrimitive.Portal;
-    DialogOverlay = (0, import_react86.forwardRef)(
+    DialogOverlay = (0, import_react88.forwardRef)(
       ({ className, closing, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
         DialogPrimitive.Overlay,
         {
@@ -24756,7 +24883,7 @@ var init_dialog = __esm({
       border: "1px solid var(--ui-kit-bd)",
       boxShadow: "var(--ui-kit-shadow, 0px 4px 10px var(--ui-kit-shadow-c, rgba(0, 0, 0, 0.1)))"
     };
-    DialogContent = (0, import_react86.forwardRef)(
+    DialogContent = (0, import_react88.forwardRef)(
       ({ className, children, colorMode, ...props }, ref) => {
         const { t, i18n } = useT();
         const isSessionLoading = useSession((st) => st.isLoading);
@@ -24859,7 +24986,7 @@ var init_dialog = __esm({
     DialogHeader.displayName = "DialogHeader";
     DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
     DialogFooter.displayName = "DialogFooter";
-    DialogTitle = (0, import_react86.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+    DialogTitle = (0, import_react88.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
       DialogPrimitive.Title,
       {
         ref,
@@ -24868,7 +24995,7 @@ var init_dialog = __esm({
       }
     ));
     DialogTitle.displayName = DialogPrimitive.Title.displayName;
-    DialogDescription = (0, import_react86.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(DialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+    DialogDescription = (0, import_react88.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(DialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
     DialogDescription.displayName = DialogPrimitive.Description.displayName;
   }
 });
@@ -24893,7 +25020,7 @@ function Dialog2() {
   const isWalletLinking = useLayoutDataStore((st) => st.isWalletLinking);
   const setPage = useLayoutDataStore((st) => st.setPage);
   const { colorMode, isDialogOpen, dialogTitle, dialogDescription, dialogContent, isDialogForced, setIsSettings } = useLayoutStore();
-  (0, import_react87.useEffect)(() => setIsSettings(!!session), [session, setIsSettings]);
+  (0, import_react89.useEffect)(() => setIsSettings(!!session), [session, setIsSettings]);
   usePageMapper();
   useAutoConnect();
   useBackupStatusChanges();
@@ -24931,13 +25058,13 @@ function Dialog2() {
     }
   );
 }
-var import_framer_motion, import_react87, import_jsx_runtime120;
+var import_framer_motion, import_react89, import_jsx_runtime120;
 var init_Dialog = __esm({
   "src/internal/components/Dialog/Dialog.tsx"() {
     init_ProviderContext();
     init_SessionContext();
     import_framer_motion = require("framer-motion");
-    import_react87 = require("react");
+    import_react89 = require("react");
     init_constants();
     init_useAutoConnect();
     init_useBackupStatusChanges();
@@ -24963,14 +25090,14 @@ var init_Dialog2 = __esm({
 });
 
 // src/internal/components/TssManager.tsx
-var import_react88, TssManagerWithRef;
+var import_react90, TssManagerWithRef;
 var init_TssManager = __esm({
   "src/internal/components/TssManager.tsx"() {
     init_SessionContext();
-    import_react88 = __toESM(require("react"), 1);
+    import_react90 = __toESM(require("react"), 1);
     init_auth();
     init_clients();
-    TssManagerWithRef = import_react88.default.forwardRef((props, ref) => {
+    TssManagerWithRef = import_react90.default.forwardRef((props, ref) => {
       const { mpcPin } = props;
       const usePaymaster = useSession((st) => st.usePaymaster);
       const publicClient = useSession((st) => st.publicClient);
@@ -24978,14 +25105,14 @@ var init_TssManager = __esm({
       const setStatus = useSession((st) => st.setStatus);
       const setSession = useSession((st) => st.setSession);
       const setAddress = useSession((st) => st.setAddress);
-      const onSessionCreated = (0, import_react88.useCallback)(
+      const onSessionCreated = (0, import_react90.useCallback)(
         (session, address) => {
           setSession(session);
           setAddress(address);
         },
         [setSession, setAddress]
       );
-      const createSessionWithKeyshare = import_react88.default.useCallback(
+      const createSessionWithKeyshare = import_react90.default.useCallback(
         async (userId, hasServerKeyshare, isNewUser) => {
           setStatus("checking key management setup...");
           await ensureKeyshare(userId, hasServerKeyshare, setStatus, isNewUser);
@@ -25010,7 +25137,7 @@ var init_TssManager = __esm({
         },
         [setStatus, usePaymaster, activeChainId, publicClient, mpcPin]
       );
-      import_react88.default.useImperativeHandle(ref, () => ({ createSessionWithKeyshare }), [createSessionWithKeyshare]);
+      import_react90.default.useImperativeHandle(ref, () => ({ createSessionWithKeyshare }), [createSessionWithKeyshare]);
       return null;
     });
   }
@@ -25018,7 +25145,7 @@ var init_TssManager = __esm({
 
 // src/internal/components/WalletConnectHandler.tsx
 function WalletConnectHandler() {
-  const qc = (0, import_react_query56.useQueryClient)();
+  const qc = (0, import_react_query57.useQueryClient)();
   const { callbacksRef } = useProviderConfig();
   const passportWalletAddress = useSession((st) => st.address);
   const { address: walletAddress, isConnected, chain, connector } = (0, import_wagmi8.useAccount)();
@@ -25038,7 +25165,7 @@ function WalletConnectHandler() {
   const projectId = providerConfig?.projectId;
   const setExternalWallet = useExternalWalletStore((st) => st.setExternalWallet);
   const setPendingWalletLogin = useLayoutDataStore((st) => st.setPendingWalletLogin);
-  const onLinkingComplete = (0, import_react89.useCallback)(
+  const onLinkingComplete = (0, import_react91.useCallback)(
     async (success) => {
       setIsWalletLinking(false);
       if (!success && !passportWalletAddress) {
@@ -25067,10 +25194,10 @@ function WalletConnectHandler() {
     },
     [qc, passportWalletAddress, setProviderType, setPage, setIsWalletLinking]
   );
-  const [hasStartedLinking, setHasStartedLinking] = import_react89.default.useState(false);
-  const [modalWasOpened, setModalWasOpened] = import_react89.default.useState(false);
-  const [pendingModalOpen, setPendingModalOpen] = import_react89.default.useState(false);
-  (0, import_react89.useEffect)(() => {
+  const [hasStartedLinking, setHasStartedLinking] = import_react91.default.useState(false);
+  const [modalWasOpened, setModalWasOpened] = import_react91.default.useState(false);
+  const [pendingModalOpen, setPendingModalOpen] = import_react91.default.useState(false);
+  (0, import_react91.useEffect)(() => {
     if (isWalletLinking && !hasStartedLinking) {
       console.log("[WalletConnectHandler] Starting wallet link flow:", {
         isConnected,
@@ -25108,18 +25235,18 @@ function WalletConnectHandler() {
     setProviderType,
     walletMode
   ]);
-  (0, import_react89.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     if (pendingModalOpen && !isConnected && openConnectModal) {
       setPendingModalOpen(false);
       openConnectModal();
     }
   }, [pendingModalOpen, isConnected, openConnectModal]);
-  (0, import_react89.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     if (connectModalOpen && hasStartedLinking) {
       setModalWasOpened(true);
     }
   }, [connectModalOpen, hasStartedLinking]);
-  (0, import_react89.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     if (modalWasOpened && !connectModalOpen && !isConnected && isWalletLinking) {
       console.log("[WalletConnectHandler] Modal closed without connecting");
       onLinkingComplete(false);
@@ -25127,7 +25254,7 @@ function WalletConnectHandler() {
       setModalWasOpened(false);
     }
   }, [connectModalOpen, modalWasOpened, isConnected, isWalletLinking]);
-  (0, import_react89.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     if (isWalletLinking) {
       const timeout = setTimeout(() => {
         console.warn("[WalletConnectHandler] Wallet linking timed out, resetting state");
@@ -25146,7 +25273,7 @@ function WalletConnectHandler() {
     }
   }, [isWalletLinking, setIsWalletLinking, disconnect]);
   const isAuthFlow = !passportWalletAddress;
-  const { mutate: handleWalletSign, isPending: isWalletSigning } = (0, import_react_query56.useMutation)({
+  const { mutate: handleWalletSign, isPending: isWalletSigning } = (0, import_react_query57.useMutation)({
     mutationFn: async (payload) => {
       const { chainId, signingWalletAddress } = payload;
       if (!signingWalletAddress || !chainId) {
@@ -25247,7 +25374,7 @@ function WalletConnectHandler() {
       setPage(passportWalletAddress ? "manage-wallet" /* MANAGE_WALLET */ : "auth" /* AUTH */);
     }
   });
-  (0, import_react89.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     if (!!chain?.id && isConnected && walletAddress && isWalletLinking && hasStartedLinking && modalWasOpened && !pendingModalOpen) {
       console.log("[WalletConnectHandler] handleWalletSign triggered");
       if (!passportWalletAddress) {
@@ -25257,7 +25384,7 @@ function WalletConnectHandler() {
       handleWalletSign({ chainId: chain.id, signingWalletAddress: walletAddress });
     }
   }, [chain, isConnected, walletAddress, isWalletLinking, hasStartedLinking, modalWasOpened, pendingModalOpen]);
-  (0, import_react89.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     if (isConnected && !chain?.id && isWalletLinking && hasStartedLinking && !connectModalOpen && !isWalletSigning) {
       const timeout = setTimeout(() => {
         console.warn("[WalletConnectHandler] Wallet connected but chain info missing, resetting");
@@ -25279,15 +25406,15 @@ function WalletConnectHandler() {
   ]);
   return null;
 }
-var import_rainbowkit2, import_react_query56, import_react89, import_wagmi8;
+var import_rainbowkit2, import_react_query57, import_react91, import_wagmi8;
 var init_WalletConnectHandler = __esm({
   "src/internal/components/WalletConnectHandler.tsx"() {
     init_ProviderContext();
     init_SessionContext();
     init_linkedProfiles();
     import_rainbowkit2 = require("@rainbow-me/rainbowkit");
-    import_react_query56 = require("@tanstack/react-query");
-    import_react89 = __toESM(require("react"), 1);
+    import_react_query57 = require("@tanstack/react-query");
+    import_react91 = __toESM(require("react"), 1);
     import_wagmi8 = require("wagmi");
     init_wallet();
     init_AuthMenu2();
@@ -25308,13 +25435,13 @@ function DirectWalletHandler() {
   const setExternalChainId = useExternalWalletStore((st) => st.setExternalChainId);
   const setConfigMode = useExternalWalletStore((st) => st.setConfigMode);
   const setActiveMode = useExternalWalletStore((st) => st.setActiveMode);
-  (0, import_react90.useEffect)(() => {
+  (0, import_react92.useEffect)(() => {
     setConfigMode(walletMode);
     if (walletMode !== "both") {
       setActiveMode(walletMode);
     }
   }, [walletMode, setConfigMode, setActiveMode]);
-  (0, import_react90.useEffect)(() => {
+  (0, import_react92.useEffect)(() => {
     if (isConnected && address && !isExternalConnected && connector && chain?.id) {
       setExternalWallet({
         address,
@@ -25323,17 +25450,17 @@ function DirectWalletHandler() {
       });
     }
   }, [isConnected, address, isExternalConnected, connector, chain?.id, setExternalWallet]);
-  (0, import_react90.useEffect)(() => {
+  (0, import_react92.useEffect)(() => {
     if (isExternalConnected && !isConnected) {
       clearExternalWallet();
     }
   }, [isConnected, isExternalConnected, clearExternalWallet]);
-  (0, import_react90.useEffect)(() => {
+  (0, import_react92.useEffect)(() => {
     if (isExternalConnected && isConnected && chain?.id) {
       setExternalChainId(chain.id);
     }
   }, [chain?.id, isConnected, isExternalConnected, setExternalChainId]);
-  (0, import_react90.useEffect)(() => {
+  (0, import_react92.useEffect)(() => {
     if (isExternalConnected && isConnected && address && address !== externalAddress && connector && chain?.id) {
       setExternalWallet({
         address,
@@ -25344,10 +25471,10 @@ function DirectWalletHandler() {
   }, [address, isConnected, isExternalConnected, externalAddress, chain?.id, connector, setExternalWallet]);
   return null;
 }
-var import_react90, import_wagmi9;
+var import_react92, import_wagmi9;
 var init_DirectWalletHandler = __esm({
   "src/internal/components/DirectWalletHandler.tsx"() {
-    import_react90 = require("react");
+    import_react92 = require("react");
     import_wagmi9 = require("wagmi");
     init_ProviderContext();
     init_useExternalWalletStore();
@@ -25372,7 +25499,7 @@ function waitForStoreHydration() {
 }
 function SessionProvider({ children }) {
   const config = useProviderConfig().config;
-  return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(import_react91.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(import_react93.Fragment, { children: [
     children,
     config.current?.wallet?.enabled && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(WalletConnectHandler, {}),
     config.current?.wallet?.enabled && (config.current?.wallet?.mode === "direct" || config.current?.wallet?.mode === "both") && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(DirectWalletHandler, {}),
@@ -25387,12 +25514,12 @@ function SessionProvider({ children }) {
     /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Dialog2, {})
   ] });
 }
-var import_read21, import_react91, import_zustand14, import_middleware4, import_jsx_runtime121, useSession, requireActiveChainId;
+var import_read21, import_react93, import_zustand15, import_middleware4, import_jsx_runtime121, useSession, requireActiveChainId;
 var init_SessionContext = __esm({
   "src/context/SessionContext.tsx"() {
     import_read21 = require("@embarkai/core/read");
-    import_react91 = require("react");
-    import_zustand14 = require("zustand");
+    import_react93 = require("react");
+    import_zustand15 = require("zustand");
     import_middleware4 = require("zustand/middleware");
     init_BalanceFeedProvider2();
     init_ChainSync2();
@@ -25402,7 +25529,7 @@ var init_SessionContext = __esm({
     init_DirectWalletHandler();
     init_ProviderContext();
     import_jsx_runtime121 = require("react/jsx-runtime");
-    useSession = (0, import_zustand14.create)()(
+    useSession = (0, import_zustand15.create)()(
       (0, import_middleware4.persist)(
         (set) => ({
           isLoading: false,
@@ -26370,13 +26497,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");
   }
 }
@@ -28060,7 +28187,7 @@ var init_rainbowkit = __esm({
 function RainbowKitProvider({ children }) {
   const config = useProviderConfig().config;
   const colorMode = useLayoutStore((st) => st.colorMode);
-  const rainbowConfig = (0, import_react92.useMemo)(
+  const rainbowConfig = (0, import_react94.useMemo)(
     () => createRainbowConfig({
       projectId: config.current?.wallet?.walletConnectProjectId,
       allowedWallets: config.current?.wallet?.allowedWallets,
@@ -28074,7 +28201,7 @@ function RainbowKitProvider({ children }) {
       config.current?.wallet?.walletConnectProjectId
     ]
   );
-  const customTheme = (0, import_react92.useMemo)(() => {
+  const customTheme = (0, import_react94.useMemo)(() => {
     if (!config.current?.wallet?.enabled) return {};
     return colorMode === "dark" ? {
       ...(0, import_rainbowkit4.darkTheme)(),
@@ -28091,11 +28218,11 @@ function RainbowKitProvider({ children }) {
   if (!config.current?.wallet?.enabled) return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_jsx_runtime122.Fragment, { children });
   return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_wagmi11.WagmiProvider, { config: rainbowConfig, children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_rainbowkit4.RainbowKitProvider, { theme: customTheme, modalSize: "compact", showRecentTransactions: true, children }) });
 }
-var import_rainbowkit4, import_react92, import_wagmi11, import_styles, import_jsx_runtime122;
+var import_rainbowkit4, import_react94, import_wagmi11, import_styles, import_jsx_runtime122;
 var init_RainbowKitContext = __esm({
   "src/context/RainbowKitContext.tsx"() {
     import_rainbowkit4 = require("@rainbow-me/rainbowkit");
-    import_react92 = require("react");
+    import_react94 = require("react");
     import_wagmi11 = require("wagmi");
     init_rainbowkit();
     init_useLayoutStore();
@@ -28151,10 +28278,10 @@ function clearLegacyWagmiStorage() {
 }
 function Provider(props) {
   const { children, projectId, initialConfig = {}, callbacks } = props;
-  const callbacksRef = (0, import_react93.useRef)(callbacks);
-  (0, import_react93.useEffect)(() => notifyNoProjetctId(projectId), [projectId]);
-  const config = (0, import_react93.useRef)((0, import_lodash_es12.merge)({}, DEFAULT_PROVIDER_CONFIG, { projectId }, initialConfig));
-  const updateConfig = (0, import_react93.useCallback)((updates) => {
+  const callbacksRef = (0, import_react95.useRef)(callbacks);
+  (0, import_react95.useEffect)(() => notifyNoProjetctId(projectId), [projectId]);
+  const config = (0, import_react95.useRef)((0, import_lodash_es14.merge)({}, DEFAULT_PROVIDER_CONFIG, { projectId }, initialConfig));
+  const updateConfig = (0, import_react95.useCallback)((updates) => {
     const prev = config.current;
     const next = { ...prev };
     if (updates.projectId !== void 0) next.projectId = updates.projectId;
@@ -28188,14 +28315,14 @@ function Provider(props) {
     if (updates.translations) next.translations = { ...next.translations, ...updates.translations };
     config.current = next;
   }, []);
-  const updateCallbacks = (0, import_react93.useCallback)((updates) => {
+  const updateCallbacks = (0, import_react95.useCallback)((updates) => {
     const prev = callbacksRef.current;
     const next = updates ? { ...prev, ...updates } : void 0;
     callbacksRef.current = next;
   }, []);
-  (0, import_react93.useEffect)(() => {
+  (0, import_react95.useEffect)(() => {
     if (typeof window === "undefined" || !projectId) return;
-    const mergedConfig = (0, import_lodash_es12.merge)(DEFAULT_PROVIDER_CONFIG, initialConfig);
+    const mergedConfig = (0, import_lodash_es14.merge)(DEFAULT_PROVIDER_CONFIG, initialConfig);
     updateConfig(mergedConfig);
     if (mergedConfig.wallet?.enabled) {
       clearLegacyWagmiStorage();
@@ -28213,7 +28340,7 @@ function Provider(props) {
       useSession.getState().setActiveChainId(mergedConfig.network.chainId);
     }
   }, [projectId, initialConfig]);
-  (0, import_react93.useEffect)(() => {
+  (0, import_react95.useEffect)(() => {
     if (typeof window === "undefined" || !projectId) return;
     try {
       (0, import_error_tracking4.initSdkErrorTracking)();
@@ -28242,7 +28369,7 @@ function Provider(props) {
       console.error("[PROVIDER] Error setting up iframe manager:", error);
     }
   }, [projectId]);
-  const contextValue = (0, import_react93.useMemo)(
+  const contextValue = (0, import_react95.useMemo)(
     () => ({
       config,
       updateConfig,
@@ -28263,12 +28390,12 @@ function Provider(props) {
     /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(WagmiProvider2, { children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(UIContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(SessionProvider, { children }) }) })
   );
 }
-var import_error_tracking4, import_lodash_es12, import_react93, import_jsx_runtime124, UIContext, useProviderConfig;
+var import_error_tracking4, import_lodash_es14, import_react95, import_jsx_runtime124, UIContext, useProviderConfig;
 var init_ProviderContext = __esm({
   "src/context/ProviderContext.tsx"() {
     import_error_tracking4 = require("@embarkai/core/internal/error-tracking");
-    import_lodash_es12 = require("lodash-es");
-    import_react93 = require("react");
+    import_lodash_es14 = require("lodash-es");
+    import_react95 = require("react");
     init_initial();
     init_iframe_manager();
     init_RainbowKitContext();
@@ -28276,9 +28403,9 @@ var init_ProviderContext = __esm({
     init_utils11();
     init_WagmiContext();
     import_jsx_runtime124 = require("react/jsx-runtime");
-    UIContext = (0, import_react93.createContext)(void 0);
+    UIContext = (0, import_react95.createContext)(void 0);
     useProviderConfig = () => {
-      const ctx = (0, import_react93.useContext)(UIContext);
+      const ctx = (0, import_react95.useContext)(UIContext);
       if (!ctx) throw new Error("useProviderConfig must be used within a Provider");
       return ctx;
     };
@@ -28388,9 +28515,9 @@ init_ProviderContext();
 // src/components/ConnectWalletButton.tsx
 init_lumia2();
 init_embarkAI2();
-var import_react_query57 = require("@tanstack/react-query");
+var import_react_query58 = require("@tanstack/react-query");
 var import_lucide_react79 = require("lucide-react");
-var import_react94 = require("react");
+var import_react96 = require("react");
 init_SessionContext();
 init_auth();
 init_profile();
@@ -28423,15 +28550,15 @@ function ConnectWalletButton(props) {
   const colorMode = useLayoutStore((st) => st.colorMode);
   const { session, address, hasServerVault, isLoading, isIframeReady, status, setUsePaymaster } = useSession();
   const connectButtonLabel = getFormattedStatus(label || "Connect", status, isIframeReady);
-  (0, import_react94.useEffect)(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
-  const { data: profile, isLoading: isProfileLoading } = (0, import_react_query57.useQuery)({
+  (0, import_react96.useEffect)(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
+  const { data: profile, isLoading: isProfileLoading } = (0, import_react_query58.useQuery)({
     retry: false,
     enabled: !!address,
     queryKey: [QUERY_KEYS.userProfile, address],
     queryFn: getUserProfile
   });
   const displayName = profile?.nicknameDisplay || profile?.displayName || import_auth23.jwtTokenManager.getDisplayName();
-  const indicators = (0, import_react94.useMemo)(() => {
+  const indicators = (0, import_react96.useMemo)(() => {
     const userId = session?.mpcUserId;
     if (!userId) return { server: false, local: false, backup: false };
     const server = import_auth23.jwtTokenManager.getHasKeyshare() ?? false;
@@ -29070,14 +29197,14 @@ var Hash = ({
 };
 
 // src/internal/components/TransactionsMenu/TransactionsList.tsx
-var import_react95 = require("react");
+var import_react97 = require("react");
 init_base2();
 var import_jsx_runtime131 = require("react/jsx-runtime");
 var TransactionsList = ({ address, itemsCount = 10 }) => {
-  const [transactions, setTransactions] = (0, import_react95.useState)([]);
-  const [loading, setLoading] = (0, import_react95.useState)(true);
-  const [error, setError] = (0, import_react95.useState)(null);
-  (0, import_react95.useEffect)(() => {
+  const [transactions, setTransactions] = (0, import_react97.useState)([]);
+  const [loading, setLoading] = (0, import_react97.useState)(true);
+  const [error, setError] = (0, import_react97.useState)(null);
+  (0, import_react97.useEffect)(() => {
     const fetchTransactions2 = async () => {
       try {
         setLoading(true);
@@ -29368,13 +29495,13 @@ function useUserOpStatus(options = {}) {
 init_useErc3643Compliance();
 
 // src/hooks/useWalletMode.ts
-var import_react96 = require("react");
+var import_react98 = require("react");
 init_useExternalWalletStore();
 function useWalletMode() {
   const configMode = useExternalWalletStore((st) => st.configMode);
   const activeMode = useExternalWalletStore((st) => st.activeMode);
   const setActiveMode = useExternalWalletStore((st) => st.setActiveMode);
-  const switchMode = (0, import_react96.useCallback)(
+  const switchMode = (0, import_react98.useCallback)(
     (mode) => {
       if (configMode !== "both") return;
       setActiveMode(mode);
@@ -29390,7 +29517,7 @@ function useWalletMode() {
 }
 
 // src/hooks/useDirectWallet.ts
-var import_react97 = require("react");
+var import_react99 = require("react");
 var import_rainbowkit6 = require("@rainbow-me/rainbowkit");
 var import_wagmi13 = require("wagmi");
 init_useExternalWalletStore();
@@ -29404,13 +29531,13 @@ function useDirectWallet() {
   const { disconnect: wagmiDisconnect } = (0, import_wagmi13.useDisconnect)();
   const { openConnectModal } = (0, import_rainbowkit6.useConnectModal)();
   const setIsWalletLinking = useLayoutDataStore((st) => st.setIsWalletLinking);
-  const connect = (0, import_react97.useCallback)(() => {
+  const connect = (0, import_react99.useCallback)(() => {
     setIsWalletLinking(true);
   }, [setIsWalletLinking]);
-  const reconnect = (0, import_react97.useCallback)(() => {
+  const reconnect = (0, import_react99.useCallback)(() => {
     if (openConnectModal) openConnectModal();
   }, [openConnectModal]);
-  const disconnect = (0, import_react97.useCallback)(() => {
+  const disconnect = (0, import_react99.useCallback)(() => {
     wagmiDisconnect();
     clearExternalWallet();
   }, [wagmiDisconnect, clearExternalWallet]);
@@ -29426,7 +29553,7 @@ function useDirectWallet() {
 }
 
 // src/hooks/useSendDirectTransaction.ts
-var import_react98 = require("react");
+var import_react100 = require("react");
 var import_viem21 = require("viem");
 var import_wagmi14 = require("wagmi");
 init_useExternalWalletStore();
@@ -29435,10 +29562,10 @@ function useSendDirectTransaction() {
   const externalChainId = useExternalWalletStore((st) => st.externalChainId);
   const { sendTransactionAsync } = (0, import_wagmi14.useSendTransaction)();
   const { switchChainAsync } = (0, import_wagmi14.useSwitchChain)();
-  const [isPending, setIsPending] = (0, import_react98.useState)(false);
-  const [error, setError] = (0, import_react98.useState)(null);
-  const [txHash, setTxHash] = (0, import_react98.useState)(null);
-  const sendTransaction = (0, import_react98.useCallback)(
+  const [isPending, setIsPending] = (0, import_react100.useState)(false);
+  const [error, setError] = (0, import_react100.useState)(null);
+  const [txHash, setTxHash] = (0, import_react100.useState)(null);
+  const sendTransaction = (0, import_react100.useCallback)(
     async (params) => {
       if (!isConnected) {
         setError("No external wallet connected");
@@ -29472,7 +29599,7 @@ function useSendDirectTransaction() {
     },
     [isConnected, externalChainId, sendTransactionAsync, switchChainAsync]
   );
-  const reset = (0, import_react98.useCallback)(() => {
+  const reset = (0, import_react100.useCallback)(() => {
     setError(null);
     setTxHash(null);
     setIsPending(false);
@@ -29481,7 +29608,7 @@ function useSendDirectTransaction() {
 }
 
 // src/hooks/useTransferToLinkedWallet.ts
-var import_react99 = require("react");
+var import_react101 = require("react");
 var import_viem22 = require("viem");
 init_SessionContext();
 init_account2();
@@ -29500,14 +29627,14 @@ var ERC20_TRANSFER_ABI2 = [
 function useTransferToLinkedWallet() {
   const session = useSession((st) => st.session);
   const { profiles } = useLinkedProfiles();
-  const [isPending, setIsPending] = (0, import_react99.useState)(false);
-  const [error, setError] = (0, import_react99.useState)(null);
-  const [userOpHash, setUserOpHash] = (0, import_react99.useState)(null);
-  const linkedWallets = (0, import_react99.useMemo)(
+  const [isPending, setIsPending] = (0, import_react101.useState)(false);
+  const [error, setError] = (0, import_react101.useState)(null);
+  const [userOpHash, setUserOpHash] = (0, import_react101.useState)(null);
+  const linkedWallets = (0, import_react101.useMemo)(
     () => (profiles || []).filter((p) => p.provider === "wallet" && p.externalId).map((p) => p.externalId),
     [profiles]
   );
-  const transfer = (0, import_react99.useCallback)(
+  const transfer = (0, import_react101.useCallback)(
     async (params) => {
       if (!session) {
         setError("No active session");
@@ -29558,7 +29685,7 @@ function useTransferToLinkedWallet() {
     },
     [session, linkedWallets]
   );
-  const reset = (0, import_react99.useCallback)(() => {
+  const reset = (0, import_react101.useCallback)(() => {
     setError(null);
     setUserOpHash(null);
     setIsPending(false);
@@ -29582,7 +29709,7 @@ function useNativeWalletSignature() {
 
 // src/hooks/useLogout.ts
 var import_auth25 = require("@embarkai/core/auth");
-var import_react100 = require("react");
+var import_react102 = require("react");
 var import_wagmi16 = require("wagmi");
 init_ProviderContext();
 init_SessionContext();
@@ -29602,7 +29729,7 @@ function useLogout() {
       }
     }
   });
-  const logout2 = (0, import_react100.useCallback)(async () => {
+  const logout2 = (0, import_react102.useCallback)(async () => {
     const { setSession, setIsLoading, setAddress, setStatus, setError } = useSession.getState();
     const prevAddress = address;
     let userId = null;
@@ -29645,7 +29772,7 @@ init_bundler();
 // src/index.ts
 init_auth();
 init_profile();
-init_hooks2();
+init_SecurityMenu2();
 init_linkedProfiles();
 init_nickname_fingerprint();
 init_errors();
@@ -29720,7 +29847,7 @@ function useTransactions() {
 
 // src/modules/assets.ts
 init_SessionContext();
-var import_react101 = __toESM(require("react"), 1);
+var import_react103 = __toESM(require("react"), 1);
 var import_viem24 = require("viem");
 var import_wagmi18 = require("wagmi");
 var COMMON_TOKENS = [
@@ -29876,7 +30003,7 @@ function useTokenBalance2(tokenAddress, userAddress) {
     }
   });
   const { tokenInfo } = useTokenInfo(tokenAddress);
-  const formattedBalance = import_react101.default.useMemo(() => {
+  const formattedBalance = import_react103.default.useMemo(() => {
     if (!balance || !tokenInfo) return "0";
     return (0, import_viem24.formatUnits)(balance, tokenInfo.decimals);
   }, [balance, tokenInfo]);