@embarkai/ui-kit 0.4.32 → 0.4.33

package/dist/index.cjs

@@ -89,19 +89,22 @@ function getServiceUrls() {
   const config = DEFAULT_PROVIDER_CONFIG;
   const globalOverride = typeof window !== "undefined" && window.__EMBARK_SERVICES__ || {};
   const searchParams = typeof window !== "undefined" ? new URLSearchParams(window.location.search) : void 0;
+  const paramAssetApi = searchParams?.get("assetApiUrl") || void 0;
   const paramTss = searchParams?.get("tssUrl") || void 0;
   const paramVault = searchParams?.get("shareVaultUrl") || void 0;
   const paramDashboard = searchParams?.get("dashboardApiUrl") || void 0;
-  const buildTss = "https://api.lumiapassport.com/tss";
-  const buildVault = "https://api.lumiapassport.com/vault";
+  const buildAssetApi = "https://api.embarkai.io/on-ramp/api";
+  const buildTss = "https://api.embarkai.io/tss";
+  const buildVault = "https://api.embarkai.io/vault";
   const buildRequireWasm = false;
   const buildWasmDebug = false;
   const defaultTss = "/tss";
   const defaultVault = "/vault";
   const result = {
+    assetApiUrl: paramAssetApi || globalOverride.assetApiUrl || buildAssetApi || config.services.assetApiUrl,
     tssUrl: paramTss || globalOverride.tssUrl || buildTss || config.services.tssUrl || defaultTss,
     shareVaultUrl: paramVault || globalOverride.shareVaultUrl || buildVault || config.services.shareVaultUrl || defaultVault,
-    dashboardApiUrl: paramDashboard || globalOverride.dashboardApiUrl || config.services.dashboardApiUrl || "https://dashboard.lumiapassport.com/api",
+    dashboardApiUrl: paramDashboard || globalOverride.dashboardApiUrl || config.services.dashboardApiUrl || "https://dashboard.embarkai.io/api",
     tssRequireWasm: globalOverride.tssRequireWasm ?? buildRequireWasm ?? config.services.tssRequireWasm ?? false,
     tssWasmDebug: globalOverride.tssWasmDebug ?? buildWasmDebug ?? config.services.tssWasmDebug ?? false
   };
@@ -109,8 +112,8 @@ function getServiceUrls() {
 }
 function getIframeUrl() {
   const config = DEFAULT_PROVIDER_CONFIG;
-  const buildIframeUrl = "https://auth.lumiapassport.com";
-  const iframeUrl = buildIframeUrl || config.services.iframeUrl || "https://auth.lumiapassport.com";
+  const buildIframeUrl = "https://auth.embarkai.io";
+  const iframeUrl = buildIframeUrl || config.services.iframeUrl || "https://auth.embarkai.io";
   return iframeUrl;
 }
 function getBlockscoutApiUrl(chainConfig) {
@@ -144,7 +147,7 @@ var init_initial = __esm({
             icon: TelegramIcon,
             comingSoon: false,
             meta: {
-              botUsername: "LumiaPassportDevBot",
+              botUsername: "embark_ai_bot",
               salt: "demo"
             }
           }
@@ -178,8 +181,8 @@ var init_initial = __esm({
         // Will fallback to build-time env vars
         shareVaultUrl: "",
         // Will fallback to build-time env vars
-        iframeUrl: "https://auth.lumiapassport.com",
-        // Secure iframe for MPC operations
+        // iframeUrl: '',
+        // iframeUrl: 'https://auth.embarkai.io', // Secure iframe for MPC operations
         tssRequireWasm: false,
         tssWasmDebug: false
       },
@@ -5167,7 +5170,7 @@ var init_button = __esm({
     buttonVariants = (0, import_class_variance_authority.cva)(
       cn(
         "cursor-pointer py-0",
-        "inline-flex items-center justify-center gap-2",
+        "inline-flex items-center justify-center",
         "transition-all duration-200",
         "disabled:cursor-default disabled:opacity-50",
         "whitespace-nowrap text-sm font-semibold font-sans",
@@ -5195,9 +5198,9 @@ var init_button = __esm({
             )
           },
           size: {
-            small: "h-6 px-2",
-            medium: "h-8 px-[var(--ui-kit-pd)] rounded-[var(--ui-kit-el-bdrs)]",
-            large: "h-12 px-[var(--ui-kit-pd)] rounded-[var(--ui-kit-el-bdrs)]",
+            small: "h-6 px-2 gap-2",
+            medium: "h-8 px-[var(--ui-kit-pd)] rounded-[var(--ui-kit-el-bdrs)] gap-2",
+            large: "h-12 px-[var(--ui-kit-pd)] rounded-[var(--ui-kit-el-bdrs)] gap-[var(--ui-kit-gap)]",
             icon: "h-8 w-8 p-0"
           }
         },
@@ -5401,7 +5404,7 @@ var init_en = __esm({
           sender: "Sender",
           bridgeAsset: "Bridge {{asset}}",
           selectTokenAndRoute: "Select Token & Route",
-          selectToken: "Select Token",
+          selectToken: "Select Asset",
           estimations: "Estimations",
           estimatedFee: "Estimated Fee",
           availableChainPairs: "Available Chain Pairs",
@@ -7125,7 +7128,7 @@ function Social(props) {
         };
         let authConfig = provider?.meta || {};
         if (normalizedProviderId === "telegram" && !authConfig.botUsername) {
-          const defaultBotUsername = "LumiaPassportDevBot";
+          const defaultBotUsername = "embark_ai_bot";
           if (defaultBotUsername) {
             authConfig = { ...authConfig, botUsername: defaultBotUsername };
           }
@@ -10251,11 +10254,8 @@ async function getEstimates(payload) {
 }
 async function createWidgetUrlMutation(payload) {
   const { iframeManager, accessToken } = iframe2();
-  const widgetUrlData = await iframeManager.sendMessage("FINCHPAY_GET_WIDGET_URL_QUERY", {
-    payload,
-    accessToken
-  });
-  return widgetUrlData;
+  const response = await iframeManager.sendMessage("FINCHPAY_GET_WIDGET_URL_QUERY", { accessToken, payload });
+  return response;
 }
 async function getTransactionList2(payload) {
   const { iframeManager, accessToken } = iframe2();
@@ -13556,13 +13556,26 @@ async function beginPasskeyLinking() {
     const begin2 = await res.json();
     const options2 = {
       rp: begin2.rp,
-      user: { id: base64urlToUint8Array(begin2.user.id), name: begin2.user.name, displayName: begin2.user.displayName },
+      user: {
+        id: base64urlToUint8Array(begin2.user.id),
+        name: begin2.user.name,
+        displayName: begin2.user.displayName
+      },
       challenge: base64urlToUint8Array(begin2.challenge),
       pubKeyCredParams: begin2.pubKeyCredParams,
       timeout: begin2.timeout,
       attestation: begin2.attestation,
-      authenticatorSelection: { ...begin2.authenticatorSelection, residentKey: begin2.authenticatorSelection?.residentKey ?? "preferred", requireResidentKey: begin2.authenticatorSelection?.requireResidentKey ?? false, userVerification: begin2.authenticatorSelection?.userVerification ?? "preferred" },
-      excludeCredentials: begin2.excludeCredentials?.map((cred) => ({ type: cred.type, id: base64urlToUint8Array(cred.id), transports: cred.transports })) || void 0
+      authenticatorSelection: {
+        ...begin2.authenticatorSelection,
+        residentKey: begin2.authenticatorSelection?.residentKey ?? "preferred",
+        requireResidentKey: begin2.authenticatorSelection?.requireResidentKey ?? false,
+        userVerification: begin2.authenticatorSelection?.userVerification ?? "preferred"
+      },
+      excludeCredentials: begin2.excludeCredentials?.map((cred) => ({
+        type: cred.type,
+        id: base64urlToUint8Array(cred.id),
+        transports: cred.transports
+      })) || void 0
     };
     return { challengeId: begin2.challengeId, options: options2 };
   }
@@ -13571,13 +13584,26 @@ async function beginPasskeyLinking() {
   const begin = await res.json();
   const options = {
     rp: begin.rp,
-    user: { id: base64urlToUint8Array(begin.user.id), name: begin.user.name, displayName: begin.user.displayName },
+    user: {
+      id: base64urlToUint8Array(begin.user.id),
+      name: begin.user.name,
+      displayName: begin.user.displayName
+    },
     challenge: base64urlToUint8Array(begin.challenge),
     pubKeyCredParams: begin.pubKeyCredParams,
     timeout: begin.timeout,
     attestation: begin.attestation,
-    authenticatorSelection: { ...begin.authenticatorSelection, residentKey: "preferred", requireResidentKey: false, userVerification: "preferred" },
-    excludeCredentials: begin.excludeCredentials?.map((cred) => ({ type: cred.type, id: base64urlToUint8Array(cred.id), transports: cred.transports })) || void 0
+    authenticatorSelection: {
+      ...begin.authenticatorSelection,
+      residentKey: "preferred",
+      requireResidentKey: false,
+      userVerification: "preferred"
+    },
+    excludeCredentials: begin.excludeCredentials?.map((cred) => ({
+      type: cred.type,
+      id: base64urlToUint8Array(cred.id),
+      transports: cred.transports
+    })) || void 0
   };
   return { challengeId: begin.challengeId, options };
 }
@@ -13615,7 +13641,7 @@ async function linkPasskeyWithWebAuthn(optionsOverride) {
   try {
     const ts = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-");
     const friendlyDisplay = `EmbarkAI Wallet (${ts})`;
-    const friendlyName = `lumia-passport.${ts}`;
+    const friendlyName = `embarkai.${ts}`;
     const originalUser = publicKeyOptions.user;
     publicKeyOptions = {
       ...publicKeyOptions,
@@ -13645,7 +13671,9 @@ async function linkPasskeyWithWebAuthn(optionsOverride) {
     timeout: publicKeyOptions.timeout,
     attestation: publicKeyOptions.attestation
   });
-  const credential = await navigator.credentials.create({ publicKey: { ...publicKeyOptions, ...optionsOverride } });
+  const credential = await navigator.credentials.create({
+    publicKey: { ...publicKeyOptions, ...optionsOverride }
+  });
   if (!credential) throw new Error("Passkey creation was cancelled");
   const attestationPayload = credentialToAttestationPayload(credential);
   const cid = challengeId || "local-" + Date.now();
@@ -13655,8 +13683,8 @@ async function linkPasskeyWithWebAuthn(optionsOverride) {
 }
 var init_passkey2 = __esm({
   "src/internal/auth/providers/passkey.ts"() {
-    init_auth();
     init_base64url();
+    init_auth();
     init_webauthn();
     init_types();
   }
@@ -15571,12 +15599,11 @@ async function fetchToken(params = {}) {
   if (!token) throw new Error("Invalid Sumsub token response");
   return token;
 }
-var DEFAULT_TTL_SECONDS, QUERY_KEYS3;
+var DEFAULT_TTL_SECONDS;
 var init_sumsub = __esm({
   "src/internal/components/KYC/api/sumsub.ts"() {
     init_httpClient();
     DEFAULT_TTL_SECONDS = 600;
-    QUERY_KEYS3 = { sumsubToken: "sumsub-token" };
   }
 });
 
@@ -15650,7 +15677,6 @@ var init_SumsubIframeManager = __esm({
 // src/internal/components/KYC/useSumsubIframe.ts
 function useSumsubIframe({ iframeUrl }) {
   const config = useProviderConfig().config;
-  const qc = (0, import_react_query24.useQueryClient)();
   const { colorMode } = useColorMode();
   const iframeRef = (0, import_react46.useRef)(null);
   const [isLoading, setIsLoading] = (0, import_react46.useState)(true);
@@ -15671,15 +15697,9 @@ function useSumsubIframe({ iframeUrl }) {
       iframeOrigin,
       getToken: () => {
         setStatus("Authenticating...");
-        return qc.ensureQueryData({
-          queryKey: [QUERY_KEYS3.sumsubToken, levelName],
-          queryFn: () => fetchToken({ levelName })
-        });
-      },
-      refreshToken: async () => {
-        const queryKey = [QUERY_KEYS3.sumsubToken, levelName];
-        return qc.fetchQuery({ queryKey, queryFn: () => fetchToken({ levelName }) });
+        return fetchToken({ levelName });
       },
+      refreshToken: () => fetchToken({ levelName }),
       onSdkBuilt: () => setStatus("Loading verification form..."),
       sendMessage: (msg) => iframeRef.current?.contentWindow?.postMessage(msg, iframeOrigin),
       onReady: () => {
@@ -15705,12 +15725,11 @@ function useSumsubIframe({ iframeUrl }) {
     status
   };
 }
-var import_react_query24, import_react46;
+var import_react46;
 var init_useSumsubIframe = __esm({
   "src/internal/components/KYC/useSumsubIframe.ts"() {
     init_ProviderContext();
     init_useColorMode();
-    import_react_query24 = require("@tanstack/react-query");
     import_react46 = require("react");
     init_sumsub();
     init_SumsubIframeManager();
@@ -15803,7 +15822,7 @@ var init_KycMenu = __esm({
 // src/internal/components/KYC/KYCStatus.tsx
 function KYCStatus() {
   const address = useSession((st) => st.address);
-  const { data: userProfile = null, isLoading: isUserProfileLoading } = (0, import_react_query25.useQuery)({
+  const { data: userProfile = null, isLoading: isUserProfileLoading } = (0, import_react_query24.useQuery)({
     retry: false,
     enabled: !!address,
     queryKey: [QUERY_KEYS.userProfile, address],
@@ -15829,11 +15848,11 @@ function KYCStatus() {
     )
   ] });
 }
-var import_react_query25, import_lucide_react39, import_jsx_runtime68;
+var import_react_query24, import_lucide_react39, import_jsx_runtime68;
 var init_KYCStatus = __esm({
   "src/internal/components/KYC/KYCStatus.tsx"() {
     init_SessionContext();
-    import_react_query25 = require("@tanstack/react-query");
+    import_react_query24 = require("@tanstack/react-query");
     import_lucide_react39 = require("lucide-react");
     init_PositiveIcon();
     init_profile();
@@ -15960,7 +15979,7 @@ var init_common = __esm({
 // src/internal/components/ManageWalletMenu/hooks/useProvidersList.ts
 function useProvidersList() {
   const address = useSession((st) => st.address);
-  return (0, import_react_query26.useQuery)({
+  return (0, import_react_query25.useQuery)({
     retry: false,
     // hook is invoked on multiple pages to preload cache
     enabled: !!address,
@@ -15969,11 +15988,11 @@ function useProvidersList() {
     queryFn: async () => getLinkedProviders()
   });
 }
-var import_react_query26, PROVIDERS_QUERY_KEY;
+var import_react_query25, PROVIDERS_QUERY_KEY;
 var init_useProvidersList = __esm({
   "src/internal/components/ManageWalletMenu/hooks/useProvidersList.ts"() {
     init_SessionContext();
-    import_react_query26 = require("@tanstack/react-query");
+    import_react_query25 = require("@tanstack/react-query");
     init_common();
     PROVIDERS_QUERY_KEY = "lumia-passport-providers-query";
   }
@@ -16047,13 +16066,13 @@ async function getLinkProfilesData() {
   return { profiles: loadedProfiles, avatar };
 }
 function useLinkedProfiles() {
-  const qc = (0, import_react_query27.useQueryClient)();
+  const qc = (0, import_react_query26.useQueryClient)();
   const address = useSession((st) => st.address);
   const {
     data,
     isFetching: isLoading,
     error
-  } = (0, import_react_query27.useQuery)({
+  } = (0, import_react_query26.useQuery)({
     retry: false,
     enabled: !!address,
     queryKey: [LINKED_PROFILES_QUERY_KEY, address],
@@ -16065,10 +16084,10 @@ function useLinkedProfiles() {
   }, [qc, address]);
   return { profiles, avatar, isLoading, error, refresh };
 }
-var import_react_query27, import_react48, LINKED_PROFILES_QUERY_KEY;
+var import_react_query26, import_react48, LINKED_PROFILES_QUERY_KEY;
 var init_linkedProfiles = __esm({
   "src/modules/linkedProfiles.ts"() {
-    import_react_query27 = require("@tanstack/react-query");
+    import_react_query26 = require("@tanstack/react-query");
     import_react48 = require("react");
     init_SessionContext();
     init_auth();
@@ -16113,7 +16132,7 @@ function EmailForm() {
   const isLoading = useSession((st) => st.isLoading);
   const setIsLoading = useSession((st) => st.setIsLoading);
   const { email, setEmail, setAlert, setEmailCodeExpiresIn, setEmailStep } = useManageWalletStore();
-  const { mutate: onSendVerificationCode } = (0, import_react_query28.useMutation)({
+  const { mutate: onSendVerificationCode } = (0, import_react_query27.useMutation)({
     mutationFn: async () => {
       if (!email) return;
       setIsLoading(true);
@@ -16198,14 +16217,14 @@ function EmailForm() {
     )
   ] });
 }
-var import_react_query28, import_lucide_react42, import_jsx_runtime71;
+var import_react_query27, import_lucide_react42, import_jsx_runtime71;
 var init_EmailForm = __esm({
   "src/internal/components/ManageWalletMenu/EmailForm.tsx"() {
     init_initial();
     init_ProviderContext();
     init_SessionContext();
     init_i18n();
-    import_react_query28 = require("@tanstack/react-query");
+    import_react_query27 = require("@tanstack/react-query");
     import_lucide_react42 = require("lucide-react");
     init_projectId();
     init_button();
@@ -16253,7 +16272,7 @@ function useSendVerificationCode() {
   const setAlert = useManageWalletStore((st) => st.setAlert);
   const setLinkIsLoading = useManageWalletStore((st) => st.setLinkIsLoading);
   const setEmailCodeExpiresIn = useManageWalletStore((st) => st.setEmailCodeExpiresIn);
-  return (0, import_react_query29.useMutation)({
+  return (0, import_react_query28.useMutation)({
     mutationFn: async (email) => {
       if (!email) {
         throw new Error("Email is required");
@@ -16274,10 +16293,10 @@ function useSendVerificationCode() {
     }
   });
 }
-var import_react_query29;
+var import_react_query28;
 var init_useSendVerificationCode = __esm({
   "src/internal/components/ManageWalletMenu/hooks/useSendVerificationCode.ts"() {
-    import_react_query29 = require("@tanstack/react-query");
+    import_react_query28 = require("@tanstack/react-query");
     init_email();
     init_useStore();
   }
@@ -16286,7 +16305,7 @@ var init_useSendVerificationCode = __esm({
 // src/internal/components/ManageWalletMenu/hooks/useVerifyCode.ts
 function useVerifyCode() {
   const { callbacksRef } = useProviderConfig();
-  const qc = (0, import_react_query30.useQueryClient)();
+  const qc = (0, import_react_query29.useQueryClient)();
   const address = useSession((st) => st.address);
   const setIsLoading = useSession((st) => st.setIsLoading);
   const {
@@ -16300,7 +16319,7 @@ function useVerifyCode() {
     setLinkIsLoading,
     setAlert
   } = useManageWalletStore();
-  return (0, import_react_query30.useMutation)({
+  return (0, import_react_query29.useMutation)({
     mutationFn: async (codeToVerify) => {
       const code = codeToVerify ?? emailCode;
       if (!code) {
@@ -16338,13 +16357,13 @@ function useVerifyCode() {
     }
   });
 }
-var import_react_query30;
+var import_react_query29;
 var init_useVerifyCode = __esm({
   "src/internal/components/ManageWalletMenu/hooks/useVerifyCode.ts"() {
     init_ProviderContext();
     init_SessionContext();
     init_linkedProfiles();
-    import_react_query30 = require("@tanstack/react-query");
+    import_react_query29 = require("@tanstack/react-query");
     init_email();
     init_useProvidersList();
     init_useStore();
@@ -16363,7 +16382,7 @@ function normalizePasskeyLinkError(msg) {
   return msg;
 }
 function AddProvider() {
-  const qc = (0, import_react_query31.useQueryClient)();
+  const qc = (0, import_react_query30.useQueryClient)();
   const { callbacksRef } = useProviderConfig();
   const address = useSession((st) => st.address);
   const { t } = useT();
@@ -16492,14 +16511,14 @@ function AddProvider() {
     ] })
   ] });
 }
-var import_react_query31, import_jsx_runtime72;
+var import_react_query30, import_jsx_runtime72;
 var init_AddProvider = __esm({
   "src/internal/components/ManageWalletMenu/AddProvider.tsx"() {
     init_ProviderContext();
     init_SessionContext();
     init_i18n();
     init_linkedProfiles();
-    import_react_query31 = require("@tanstack/react-query");
+    import_react_query30 = require("@tanstack/react-query");
     init_PasskeyAddIcon();
     init_passkey2();
     init_useLayoutDataStore();
@@ -16551,7 +16570,7 @@ function normalizeSocialLinkError(message) {
   return message;
 }
 function useLinkSocial() {
-  const qc = (0, import_react_query32.useQueryClient)();
+  const qc = (0, import_react_query31.useQueryClient)();
   const address = useSession((st) => st.address);
   const {
     config: { current: config },
@@ -16637,14 +16656,14 @@ function useLinkSocial() {
     }
   }, [providerType, linkIsLoading, socialLinkStarted, isWalletLinking, handleLinkSocialProvider]);
 }
-var import_react_query32, import_react49;
+var import_react_query31, import_react49;
 var init_useLinkSocial = __esm({
   "src/internal/components/ManageWalletMenu/hooks/useLinkSocial.ts"() {
     init_useLayoutDataStore();
     init_ProviderContext();
     init_SessionContext();
     init_linkedProfiles();
-    import_react_query32 = require("@tanstack/react-query");
+    import_react_query31 = require("@tanstack/react-query");
     import_react49 = __toESM(require("react"), 1);
     init_auth();
     init_telegramBrowser();
@@ -16709,7 +16728,7 @@ function useLinkTelegram() {
     config: { current: config },
     callbacksRef
   } = useProviderConfig();
-  const qc = (0, import_react_query33.useQueryClient)();
+  const qc = (0, import_react_query32.useQueryClient)();
   const address = useSession((st) => st.address);
   const isWalletLinking = useLayoutDataStore((st) => st.isWalletLinking);
   const { providerType, linkIsLoading, setLinkIsLoading, setProviderType, setAlert } = useManageWalletStore();
@@ -16728,7 +16747,7 @@ function useLinkTelegram() {
       );
       let botUsername = telegramProvider?.meta?.botUsername;
       if (!botUsername) {
-        botUsername = "LumiaPassportDevBot";
+        botUsername = "embark_ai_bot";
       }
       if (!botUsername) {
         throw new Error("Telegram bot username not configured");
@@ -16785,13 +16804,13 @@ function useLinkTelegram() {
     }
   }, [providerType]);
 }
-var import_react_query33, import_react50;
+var import_react_query32, import_react50;
 var init_useLinkTelegram = __esm({
   "src/internal/components/ManageWalletMenu/hooks/useLinkTelegram.ts"() {
     init_ProviderContext();
     init_SessionContext();
     init_linkedProfiles();
-    import_react_query33 = require("@tanstack/react-query");
+    import_react_query32 = require("@tanstack/react-query");
     import_react50 = require("react");
     init_telegram2();
     init_useLayoutDataStore();
@@ -17085,14 +17104,14 @@ var init_ManageWallet = __esm({
 
 // src/internal/components/ManageWalletMenu/UnlinkProviderMenu.tsx
 function UnlinkProviderMenu() {
-  const qc = (0, import_react_query34.useQueryClient)();
+  const qc = (0, import_react_query33.useQueryClient)();
   const address = useSession((st) => st.address);
   const { callbacksRef } = useProviderConfig();
   const { t } = useT();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const { confirmUnlink, setConfirmUnlink, setAlert } = useManageWalletStore();
   const [confirmInput, setConfirmInput] = (0, import_react52.useState)("");
-  const { mutate: handleUnlinkProvider, isPending: isProviderUnlinking } = (0, import_react_query34.useMutation)({
+  const { mutate: handleUnlinkProvider, isPending: isProviderUnlinking } = (0, import_react_query33.useMutation)({
     mutationFn: async () => {
       if (!confirmUnlink) {
         throw new Error("No provider to unlink");
@@ -17166,7 +17185,7 @@ function UnlinkProviderMenu() {
     ] })
   ] });
 }
-var import_react_query34, import_lucide_react46, import_react52, import_jsx_runtime76;
+var import_react_query33, import_lucide_react46, import_react52, import_jsx_runtime76;
 var init_UnlinkProviderMenu = __esm({
   "src/internal/components/ManageWalletMenu/UnlinkProviderMenu.tsx"() {
     init_useLayoutDataStore();
@@ -17174,7 +17193,7 @@ var init_UnlinkProviderMenu = __esm({
     init_SessionContext();
     init_useT();
     init_linkedProfiles();
-    import_react_query34 = require("@tanstack/react-query");
+    import_react_query33 = require("@tanstack/react-query");
     import_lucide_react46 = require("lucide-react");
     import_react52 = require("react");
     init_auth();
@@ -17329,7 +17348,7 @@ function NicknameEditForm(props) {
     info
   } = props;
   const { handle: currentNickname, canChange } = info || { handle: "", canChange: false };
-  const qc = (0, import_react_query35.useQueryClient)();
+  const qc = (0, import_react_query34.useQueryClient)();
   const { t } = useT();
   const passportWalletAddress = useSession((st) => st.address);
   const { callbacksRef } = useProviderConfig();
@@ -17341,7 +17360,7 @@ function NicknameEditForm(props) {
     isSuccess: isNicknameChangeSuccess,
     // error: nicknameChangeError,
     reset
-  } = (0, import_react_query35.useMutation)({
+  } = (0, import_react_query34.useMutation)({
     mutationFn: (handle) => changeNickname(handle),
     onSuccess: () => {
       qc.invalidateQueries({ queryKey: [QUERY_KEYS.nicknameInfo] });
@@ -17443,13 +17462,13 @@ function NicknameEditForm(props) {
     !!canChange && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "w-full flex items-center leadding-4 text-[10px]", children: t("passport:nicknameMenu.hint") })
   ] });
 }
-var import_react_query35, import_lucide_react48, import_react53, import_jsx_runtime78;
+var import_react_query34, import_lucide_react48, import_react53, import_jsx_runtime78;
 var init_NicknameEditForm = __esm({
   "src/internal/components/NicknameMenu/NicknameEditForm.tsx"() {
     init_ProviderContext();
     init_SessionContext();
     init_i18n();
-    import_react_query35 = require("@tanstack/react-query");
+    import_react_query34 = require("@tanstack/react-query");
     import_lucide_react48 = require("lucide-react");
     import_react53 = require("react");
     init_PositiveIcon();
@@ -17489,7 +17508,7 @@ function useNicknameForm(currentNickname) {
       clearTimeout(timer);
     };
   }, [normalizedInputValue, isValidForCheck, shouldCheckAvailability]);
-  const query = (0, import_react_query36.useQuery)({
+  const query = (0, import_react_query35.useQuery)({
     retry: 1,
     enabled: shouldCheckAvailability && isValidForCheck && queryInputValue.length > 0,
     queryKey: QUERY_KEYS.nicknameAvailability(queryInputValue),
@@ -17506,10 +17525,10 @@ function useNicknameForm(currentNickname) {
     availabilityQuery: query
   };
 }
-var import_react_query36, import_react54, DEBOUNCE_MS;
+var import_react_query35, import_react54, DEBOUNCE_MS;
 var init_useNickname = __esm({
   "src/internal/components/NicknameMenu/useNickname.ts"() {
-    import_react_query36 = require("@tanstack/react-query");
+    import_react_query35 = require("@tanstack/react-query");
     import_react54 = require("react");
     init_nickname();
     init_profile();
@@ -17529,7 +17548,7 @@ function NicknameMenu() {
     data: nicknameInfo,
     isLoading: isNicknameInfoLoading,
     error: nicknameInfoError
-  } = (0, import_react_query37.useQuery)({
+  } = (0, import_react_query36.useQuery)({
     retry: 1,
     enabled: !!address,
     queryKey: [QUERY_KEYS.nicknameInfo, address],
@@ -17609,12 +17628,12 @@ function NicknameMenu() {
     }
   );
 }
-var import_react_query37, import_dayjs4, import_lucide_react49, import_react55, import_jsx_runtime79;
+var import_react_query36, import_dayjs4, import_lucide_react49, import_react55, import_jsx_runtime79;
 var init_NicknameMenu = __esm({
   "src/internal/components/NicknameMenu/NicknameMenu.tsx"() {
     init_SessionContext();
     init_i18n();
-    import_react_query37 = require("@tanstack/react-query");
+    import_react_query36 = require("@tanstack/react-query");
     import_dayjs4 = __toESM(require("dayjs"), 1);
     import_lucide_react49 = require("lucide-react");
     import_react55 = require("react");
@@ -17700,7 +17719,7 @@ function useWatchTokens(options) {
     isLoading,
     error,
     refetch
-  } = (0, import_react_query38.useQuery)({
+  } = (0, import_react_query37.useQuery)({
     queryKey: [WATCH_TOKENS_QUERY_KEY, resolvedChainId, address, watchTokens.map((t) => t.address).join(",")],
     queryFn: async () => {
       if (!publicClient || !address || watchTokens.length === 0) {
@@ -17772,11 +17791,11 @@ function useWatchTokens(options) {
     refetch
   };
 }
-var import_react_query38, import_react57, import_viem6, WATCH_TOKENS_QUERY_KEY;
+var import_react_query37, import_react57, import_viem6, WATCH_TOKENS_QUERY_KEY;
 var init_useWatchTokens = __esm({
   "src/internal/hooks/useWatchTokens.ts"() {
     init_ProviderContext();
-    import_react_query38 = require("@tanstack/react-query");
+    import_react_query37 = require("@tanstack/react-query");
     import_react57 = require("react");
     import_viem6 = require("viem");
     init_useResolvedPublicClient();
@@ -17929,7 +17948,7 @@ function useBlockscoutAssets(options) {
     data: nativeBalanceData,
     isLoading: nativeLoading,
     refetch: refetchNative
-  } = (0, import_react_query39.useQuery)({
+  } = (0, import_react_query38.useQuery)({
     queryKey: ["native-balance", resolvedChainId, address],
     queryFn: async () => {
       if (!publicClient || !address) return null;
@@ -17954,7 +17973,7 @@ function useBlockscoutAssets(options) {
     error: tokensError,
     refetch: refetchTokens,
     dataUpdatedAt
-  } = (0, import_react_query39.useQuery)({
+  } = (0, import_react_query38.useQuery)({
     queryKey: [BLOCKSCOUT_QUERY_KEY, resolvedChainId, address, blockscoutApiUrl, customTokenBalancesQueryKey],
     queryFn: async () => {
       if (customTokenBalancesQuery) {
@@ -17978,7 +17997,7 @@ function useBlockscoutAssets(options) {
     data: nftItems,
     isLoading: nftsLoading,
     refetch: refetchNfts
-  } = (0, import_react_query39.useQuery)({
+  } = (0, import_react_query38.useQuery)({
     queryKey: [BLOCKSCOUT_QUERY_KEY, "nfts", resolvedChainId, address, blockscoutApiUrl],
     queryFn: () => blockscoutClient.getNfts(address),
     enabled: !!address && enabled && !!blockscoutClient,
@@ -17992,7 +18011,7 @@ function useBlockscoutAssets(options) {
     if (!tokenBalances) return [];
     return tokenBalances.filter((tb) => tb.token.type === "ERC-20").map((tb) => tb.token.address_hash);
   }, [tokenBalances]);
-  const { data: erc3643Results } = (0, import_react_query39.useQuery)({
+  const { data: erc3643Results } = (0, import_react_query38.useQuery)({
     queryKey: [ERC3643_DETECTION_QUERY_KEY, resolvedChainId, address, erc20TokenAddresses],
     queryFn: async () => {
       if (!publicClient || erc20TokenAddresses.length === 0) {
@@ -18116,12 +18135,12 @@ function useBlockscoutAssets(options) {
     lastUpdated: dataUpdatedAt || null
   };
 }
-var import_clients2, import_react_query39, import_react58, import_viem7, BLOCKSCOUT_QUERY_KEY, ERC3643_DETECTION_QUERY_KEY, ERC3643_ABI;
+var import_clients2, import_react_query38, import_react58, import_viem7, BLOCKSCOUT_QUERY_KEY, ERC3643_DETECTION_QUERY_KEY, ERC3643_ABI;
 var init_useBlockscoutAssets = __esm({
   "src/internal/hooks/useBlockscoutAssets.ts"() {
     init_ProviderContext();
     import_clients2 = require("@embarkai/core/clients");
-    import_react_query39 = require("@tanstack/react-query");
+    import_react_query38 = require("@tanstack/react-query");
     import_react58 = require("react");
     import_viem7 = require("viem");
     init_initial();
@@ -18281,14 +18300,14 @@ function PortfolioItem(props) {
   const { assets: projectAssets, showBalanceAs: showBalanceAsSymbol } = providerConfig.projectAssets || {};
   const customAssetRateQuery = providerConfig.portfolio?.assetRateQuery;
   const customAssetRateQueryKey = providerConfig.portfolio?.assetRateQueryKey;
-  const qc = (0, import_react_query40.useQueryClient)();
+  const qc = (0, import_react_query39.useQueryClient)();
   const { balanceQueryKey } = projectAssets?.find((a) => a.symbol === showBalanceAsSymbol) || {};
   const projectAssetBalance = !!balanceQueryKey ? qc.getQueryData(balanceQueryKey) : null;
   const isNft = isNftAsset(asset);
   const isSecurity = isSecurityToken(asset);
   const embeddedRate = Number(asset.exchangeRateUsd || 0);
   const hasEmbeddedRate = Number.isFinite(embeddedRate) && embeddedRate > 0;
-  const { data: assetRate, isLoading: isRateLoading } = (0, import_react_query40.useQuery)({
+  const { data: assetRate, isLoading: isRateLoading } = (0, import_react_query39.useQuery)({
     retry: false,
     staleTime: 4 * 60 * 1e3,
     enabled: !!address && !hasEmbeddedRate && !isProjectAsset && !isNft && !isSecurity && (!!customAssetRateQuery || !!isAssetRateAvailable(asset.symbol)),
@@ -18359,12 +18378,12 @@ function PortfolioItem(props) {
     }
   );
 }
-var import_react_query40, import_lucide_react50, import_react59, import_viem9, import_jsx_runtime81, SKIP_SYMBOLS2, ASSETS_RATES_QUERY_KEY;
+var import_react_query39, import_lucide_react50, import_react59, import_viem9, import_jsx_runtime81, SKIP_SYMBOLS2, ASSETS_RATES_QUERY_KEY;
 var init_PortfolioItem = __esm({
   "src/internal/components/PortfolioMenu/PortfolioItem.tsx"() {
     init_ProviderContext();
     init_tokens();
-    import_react_query40 = require("@tanstack/react-query");
+    import_react_query39 = require("@tanstack/react-query");
     import_lucide_react50 = require("lucide-react");
     import_react59 = require("react");
     import_viem9 = require("viem");
@@ -18383,7 +18402,7 @@ var init_PortfolioItem = __esm({
 function PortfolioMenu() {
   const { assets: projectAssets = [] } = useProviderConfig().config.current?.projectAssets || {};
   const { t } = useT();
-  const qc = (0, import_react_query41.useQueryClient)();
+  const qc = (0, import_react_query40.useQueryClient)();
   const address = useSession((st) => st.address);
   const setPage = useLayoutDataStore((st) => st.setPage);
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
@@ -18448,13 +18467,13 @@ function PortfolioMenu() {
     }
   );
 }
-var import_react_query41, import_lucide_react51, import_react60, import_jsx_runtime82;
+var import_react_query40, import_lucide_react51, import_react60, import_jsx_runtime82;
 var init_PortfolioMenu = __esm({
   "src/internal/components/PortfolioMenu/PortfolioMenu.tsx"() {
     init_ProviderContext();
     init_SessionContext();
     init_i18n();
-    import_react_query41 = require("@tanstack/react-query");
+    import_react_query40 = require("@tanstack/react-query");
     import_lucide_react51 = require("lucide-react");
     import_react60 = require("react");
     init_useBlockscoutAssets();
@@ -18703,7 +18722,7 @@ var init_constants6 = __esm({
 function useConnectedApps() {
   const session = useSession((st) => st.session);
   const userId = session?.mpcUserId || null;
-  return (0, import_react_query42.useQuery)({
+  return (0, import_react_query41.useQuery)({
     retry: false,
     enabled: !!userId,
     queryKey: [CONNECTED_TRUSTED_APPS_QUERY, userId],
@@ -18719,7 +18738,7 @@ function useConnectedApps() {
 function useKeyshareRecoveryStats() {
   const session = useSession((st) => st.session);
   const userId = session?.mpcUserId || null;
-  return (0, import_react_query42.useQuery)({
+  return (0, import_react_query41.useQuery)({
     enabled: !!userId,
     queryKey: [KEYSHARE_RECOVERY_STATS_QUERY, userId],
     queryFn: async () => {
@@ -18736,11 +18755,11 @@ function useKeyshareRecoveryStats() {
     }
   });
 }
-var import_react_query42;
+var import_react_query41;
 var init_hooks2 = __esm({
   "src/internal/components/SecurityMenu/hooks.ts"() {
     init_SessionContext();
-    import_react_query42 = require("@tanstack/react-query");
+    import_react_query41 = require("@tanstack/react-query");
     init_keyshare();
     init_httpClient();
     init_iframe_manager();
@@ -19135,7 +19154,7 @@ var init_UntrustApplication = __esm({
 
 // src/internal/components/SecurityMenu/SecurityMenu.tsx
 function SecurityMenu() {
-  const qc = (0, import_react_query43.useQueryClient)();
+  const qc = (0, import_react_query42.useQueryClient)();
   const { t } = useT();
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
   const setPage = useLayoutDataStore((st) => st.setPage);
@@ -19145,7 +19164,7 @@ function SecurityMenu() {
   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_query43.useMutation)({
+  const { mutate: handleUntrustApp, isPending: isUntrustingApp } = (0, import_react_query42.useMutation)({
     mutationFn: async () => {
       if (!userId || !appToUntrust) return;
       const iframeManager = getIframeManager();
@@ -19217,11 +19236,11 @@ function SecurityMenu() {
     }
   );
 }
-var import_react_query43, import_lucide_react58, import_react62, import_jsx_runtime90;
+var import_react_query42, import_lucide_react58, import_react62, import_jsx_runtime90;
 var init_SecurityMenu = __esm({
   "src/internal/components/SecurityMenu/SecurityMenu.tsx"() {
     init_i18n();
-    import_react_query43 = require("@tanstack/react-query");
+    import_react_query42 = require("@tanstack/react-query");
     import_lucide_react58 = require("lucide-react");
     import_react62 = require("react");
     init_auth();
@@ -19331,7 +19350,7 @@ var init_wallet = __esm({
     init_projectId();
     init_auth();
     init_types();
-    METADATA_API_URL = "https://dashboard.lumiapassport.com/api/public/project";
+    METADATA_API_URL = "https://dashboard.embarkai.io/api/public/project";
     METADATA_CACHE_TTL = 36e5;
     metadataCache = null;
   }
@@ -19536,7 +19555,7 @@ function SenderSelector() {
     pendingWalletRef.current = null;
     directWalletFlow(pending);
   }, [directWalletIsConnected, directWalletAddress]);
-  const { mutate: directWalletFlow, isPending: isDirectWalletLogin } = (0, import_react_query44.useMutation)({
+  const { mutate: directWalletFlow, isPending: isDirectWalletLogin } = (0, import_react_query43.useMutation)({
     mutationFn: async (walletProfile2) => {
       if (!walletProfile2?.meta?.walletName || !walletProfile2?.externalId || !walletProfile2?.meta?.walletType) {
         console.error("[SENDER SELECTOR] Invalid wallet profile:", walletProfile2);
@@ -19660,14 +19679,14 @@ function SenderSelector() {
     ] })
   ] });
 }
-var import_rainbowkit, import_react_query44, import_react63, import_wagmi, import_jsx_runtime91;
+var import_rainbowkit, import_react_query43, import_react63, import_wagmi, import_jsx_runtime91;
 var init_SenderSelector = __esm({
   "src/internal/components/SendMenu/hyperbridge/components/SenderSelector.tsx"() {
     init_ProviderContext();
     init_i18n();
     init_linkedProfiles();
     import_rainbowkit = require("@rainbow-me/rainbowkit");
-    import_react_query44 = require("@tanstack/react-query");
+    import_react_query43 = require("@tanstack/react-query");
     import_react63 = require("react");
     import_wagmi = require("wagmi");
     init_wallet();
@@ -19875,7 +19894,7 @@ function useBridge() {
     setOriginChain(destinationChain);
     setDestinationChain(originChain);
   }, []);
-  const { mutate: estimateQuote } = (0, import_react_query45.useMutation)({
+  const { mutate: estimateQuote } = (0, import_react_query44.useMutation)({
     mutationFn: async (amountToBridge) => {
       useFlowSelectorStore.getState().setError(null);
       useFlowSelectorStore.getState().setIsUiLocked(true);
@@ -19944,7 +19963,7 @@ function useBridge() {
       })
     );
   }, []);
-  const { mutate: bridgeAsset, isPending: isAssetBridging } = (0, import_react_query45.useMutation)({
+  const { mutate: bridgeAsset, isPending: isAssetBridging } = (0, import_react_query44.useMutation)({
     mutationFn: async () => {
       const {
         hyperRoute,
@@ -20040,13 +20059,13 @@ function useBridge() {
     isAssetBridging
   };
 }
-var import_react_query45, import_react64, import_wagmi2;
+var import_react_query44, import_react64, import_wagmi2;
 var init_useBridge = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useBridge.ts"() {
     init_SessionContext();
     init_i18n();
     init_useExternalWalletStore();
-    import_react_query45 = require("@tanstack/react-query");
+    import_react_query44 = require("@tanstack/react-query");
     import_react64 = require("react");
     import_wagmi2 = require("wagmi");
     init_useLayoutStore();
@@ -20070,7 +20089,7 @@ function useHyperlaneRoutes() {
     data: hyperlaneWarpRoutes = [],
     isLoading: isLoadingWarpRoutes,
     error: errorWarpRoutes
-  } = (0, import_react_query46.useQuery)({
+  } = (0, import_react_query45.useQuery)({
     retry: false,
     enabled: !!address && page === "send" /* SEND */ && flow === "bridge",
     queryKey: [HYPERLANE_WARP_ROUTES_QUERY_KEY, address],
@@ -20105,11 +20124,11 @@ function useHyperlaneRoutes() {
   }, [hyperRoute, hyperlaneWarpRoutes]);
   return { hyperlaneWarpRoutes, isLoadingWarpRoutes };
 }
-var import_react_query46, import_react65, HYPERLANE_WARP_ROUTES_QUERY_KEY;
+var import_react_query45, import_react65, HYPERLANE_WARP_ROUTES_QUERY_KEY;
 var init_useHyperlaneRoutes = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useHyperlaneRoutes.ts"() {
     init_SessionContext();
-    import_react_query46 = require("@tanstack/react-query");
+    import_react_query45 = require("@tanstack/react-query");
     import_react65 = require("react");
     init_useLayoutDataStore();
     init_useFlowSelector();
@@ -20132,7 +20151,7 @@ function useMenuTitle(warpRoutes) {
         updateMenuTitle(t("passport:bridgeMenu.labels.sender"));
         break;
       case bridgeStep === "select-token":
-        updateMenuTitle(t("passport:bridgeMenu.labels.selectTokenAndRoute"));
+        updateMenuTitle(t("passport:bridgeMenu.labels.selectToken"));
         break;
       case bridgeStep === "confirm":
         updateMenuTitle(t("passport:bridgeMenu.labels.confirm"));
@@ -20192,6 +20211,10 @@ function MetaMaskIcon(props) {
       x: "0px",
       y: "0px",
       viewBox: "0 0 142 136.878",
+      style: {
+        // enableBackground: 'new 0 0 142 136.878',
+        flexShrink: 0
+      },
       xmlSpace: "preserve",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
@@ -20319,7 +20342,7 @@ var init_useAvailableSenders = __esm({
 
 // src/internal/components/SendMenu/hyperbridge/hooks/useBridgeBalance.ts
 function useBridgeBalance(hyperlaneWarpRoutes) {
-  const qc = (0, import_react_query47.useQueryClient)();
+  const qc = (0, import_react_query46.useQueryClient)();
   const { t } = useT();
   const address = useSession((st) => st.address);
   const directWalletAddress = useExternalWalletStore((st) => st.externalAddress);
@@ -20346,7 +20369,7 @@ function useBridgeBalance(hyperlaneWarpRoutes) {
   const embarkTokenBalanace = assets.find((a) => a.symbol === selectedWarpRoute?.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_query47.useQuery)({
+  const { data: externalBalanceData, isLoading: isExternalBalanceLoading } = (0, import_react_query46.useQuery)({
     enabled: bridgeSender === "direct-wallet" && !isSelectedTokenNative && !!directWalletAddress && !!routeTokenAddress && !!originChain,
     retry: false,
     queryKey: [EXTERNAL_WALLET_BRIDGING_BALANCE_QUERY, originChain, directWalletAddress, routeTokenAddress],
@@ -20446,12 +20469,12 @@ function useBridgeBalance(hyperlaneWarpRoutes) {
     isRouteTokenBalanceLoading: isAssetsLoading || isExternalBalanceLoading || isExternalNativeBalanceLoading
   };
 }
-var import_react_query47, import_react68, import_viem13, import_wagmi3, EXTERNAL_WALLET_BRIDGING_BALANCE_QUERY;
+var import_react_query46, import_react68, import_viem13, import_wagmi3, EXTERNAL_WALLET_BRIDGING_BALANCE_QUERY;
 var init_useBridgeBalance = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useBridgeBalance.ts"() {
     init_SessionContext();
     init_i18n();
-    import_react_query47 = require("@tanstack/react-query");
+    import_react_query46 = require("@tanstack/react-query");
     import_react68 = require("react");
     import_viem13 = require("viem");
     import_wagmi3 = require("wagmi");
@@ -20988,7 +21011,7 @@ function useHyperlaneHistory() {
   const flow = useFlowSelectorStore((st) => st.flow);
   const bridgeStep = useBridgeStore((st) => st.bridgeStep);
   const [currentPage, setCurrentPage] = (0, import_react71.useState)(1);
-  const query = (0, import_react_query48.useQuery)({
+  const query = (0, import_react_query47.useQuery)({
     retry: false,
     refetchInterval: TX_HISTORY_POLLING_INTERVAL,
     enabled: bridgeStep === "tx-history" && !!address && page === "send" /* SEND */ && flow === "bridge",
@@ -21001,11 +21024,11 @@ function useHyperlaneHistory() {
     setCurrentPage
   };
 }
-var import_react_query48, import_react71, HYPERLANE_HISTORY_QUERY_KEY, TX_HISTORY_PAGE_SIZE, TX_HISTORY_POLLING_INTERVAL;
+var import_react_query47, import_react71, 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_query48 = require("@tanstack/react-query");
+    import_react_query47 = require("@tanstack/react-query");
     import_react71 = require("react");
     init_useLayoutDataStore();
     init_useFlowSelector();
@@ -21131,7 +21154,7 @@ function HistoryItem(props) {
     updatedAt,
     txStatus
   } = props;
-  const qc = (0, import_react_query49.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) => {
@@ -21243,12 +21266,12 @@ function HistoryStep() {
     !isHistoryLoading && historyItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(HistoryItem, { ...item }, item.id))
   ] });
 }
-var import_react_query49, import_dayjs7, import_lucide_react63, import_jsx_runtime99, P_CN3;
+var import_react_query48, import_dayjs7, import_lucide_react63, import_jsx_runtime99, P_CN3;
 var init_HistoryStep = __esm({
   "src/internal/components/SendMenu/hyperbridge/steps/HistoryStep.tsx"() {
     init_SessionContext();
     init_i18n();
-    import_react_query49 = require("@tanstack/react-query");
+    import_react_query48 = require("@tanstack/react-query");
     import_dayjs7 = __toESM(require("dayjs"), 1);
     import_lucide_react63 = require("lucide-react");
     init_tokens();
@@ -21282,11 +21305,11 @@ function SelectAssetRoute(props) {
     }));
   }, [hyperlaneWarpRoutes]);
   if (isTokenSymbolSelector) {
-    return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: tokenList.map((asset, assetIdx) => /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "w-full grid grid-cols-1 gap-[var(--ui-kit-gap)]", children: tokenList.map((asset, assetIdx) => /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
       Button,
       {
         variant: selectedAssetSymbol === asset.symbol ? "default" : "outline",
-        className: "w-full",
+        className: "w-full justify-start",
         onClick: () => {
           useBridgeStore.getState().setBridgeAssetSymbol(asset.symbol);
           setIsTokenSymbolSelector(false);
@@ -21588,7 +21611,7 @@ function useNicknameResolve(input, options) {
       clearTimeout(timer);
     };
   }, [normalized, isNicknameInput, enabled]);
-  const query = (0, import_react_query50.useQuery)({
+  const query = (0, import_react_query49.useQuery)({
     queryKey: [...QUERY_KEYS.nicknameResolve(debouncedInput), chainId],
     queryFn: () => resolveNickname(debouncedInput, chainId),
     enabled: enabled && isNicknameInput && debouncedInput.length > 0,
@@ -21621,10 +21644,10 @@ function useNicknameResolve(input, options) {
     resolvedAddress
   };
 }
-var import_react_query50, import_react75, DEBOUNCE_MS2;
+var import_react_query49, import_react75, DEBOUNCE_MS2;
 var init_useNicknameResolve = __esm({
   "src/hooks/useNicknameResolve.ts"() {
-    import_react_query50 = require("@tanstack/react-query");
+    import_react_query49 = require("@tanstack/react-query");
     import_react75 = require("react");
     init_nickname();
     init_profile();
@@ -23024,7 +23047,7 @@ function SettingsMenu() {
   const setPage = useLayoutDataStore((st) => st.setPage);
   const settingsButtons = useSettingsButtons();
   useProvidersList();
-  (0, import_react_query51.useQuery)({
+  (0, import_react_query50.useQuery)({
     retry: 1,
     enabled: !!address,
     queryKey: [QUERY_KEYS.nicknameInfo, address],
@@ -23066,13 +23089,13 @@ function SettingsMenu() {
     }
   );
 }
-var import_react_query51, import_lucide_react73, import_react81, import_jsx_runtime112;
+var import_react_query50, import_lucide_react73, import_react81, import_jsx_runtime112;
 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_query50 = require("@tanstack/react-query");
     import_lucide_react73 = require("lucide-react");
     import_react81 = require("react");
     init_nickname();
@@ -24010,7 +24033,7 @@ var init_TransactionsGroup = __esm({
 
 // src/internal/components/TransactionsMenu/TransactionsMenu.tsx
 function TransactionsMenu() {
-  const qc = (0, import_react_query52.useQueryClient)();
+  const qc = (0, import_react_query51.useQueryClient)();
   const address = useSession((st) => st.address);
   const chainConfig = useSession((st) => st.chainConfig);
   const { t } = useT();
@@ -24023,7 +24046,7 @@ function TransactionsMenu() {
     isLoading: isTxHistoryLoading,
     isFetching: isTxHistoryFetching,
     error: txHistoryError
-  } = (0, import_react_query52.useQuery)({
+  } = (0, import_react_query51.useQuery)({
     retry: false,
     enabled: !!address && !!chainConfig?.id && historySupported,
     queryKey: [TRANSACTIONS_HISTORY_QUERY_KEY, chainConfig.id, address],
@@ -24078,12 +24101,12 @@ function TransactionsMenu() {
     }
   );
 }
-var import_react_query52, import_lucide_react76, import_react82, import_jsx_runtime116;
+var import_react_query51, import_lucide_react76, import_react82, import_jsx_runtime116;
 var init_TransactionsMenu = __esm({
   "src/internal/components/TransactionsMenu/TransactionsMenu.tsx"() {
     init_SessionContext();
     init_i18n();
-    import_react_query52 = require("@tanstack/react-query");
+    import_react_query51 = require("@tanstack/react-query");
     import_lucide_react76 = require("lucide-react");
     import_react82 = require("react");
     init_useLayoutDataStore();
@@ -24334,7 +24357,7 @@ function useSettingsNotifications() {
   const setSettingsNotifications = useLayoutDataStore((st) => st.setSettingsNotifications);
   const providers = import_auth21.jwtTokenManager.getProviders();
   const hasEmail = providers.includes("email");
-  const { data: userProfile = null } = (0, import_react_query53.useQuery)({
+  const { data: userProfile = null } = (0, import_react_query52.useQuery)({
     retry: false,
     enabled: !!address,
     queryKey: [QUERY_KEYS.userProfile, address],
@@ -24354,11 +24377,11 @@ function useSettingsNotifications() {
     });
   }, [hasEmail, setSettingsNotifications]);
 }
-var import_react_query53, import_react84, EMAIL_NOT_CONNECTED_NOTIFICATION, COMPLETE_KYC_PROGRESS;
+var import_react_query52, import_react84, 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_react_query52 = require("@tanstack/react-query");
     import_react84 = require("react");
     init_auth();
     init_profile();
@@ -24382,7 +24405,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.32",
+      version: "0.4.33",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -24481,14 +24504,14 @@ var init_package = __esm({
 
 // src/internal/components/Footer/Footer.tsx
 function Footer() {
-  const qc = (0, import_react_query54.useQueryClient)();
+  const qc = (0, import_react_query53.useQueryClient)();
   const { callbacksRef } = useProviderConfig();
   const { address, setSession, setAddress, setStatus, setError, setIsLoading } = useSession();
   const chainConfig = useSession((st) => st.chainConfig);
   const { t } = useT();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const setIsDialogForced = useLayoutStore((st) => st.setIsDialogForced);
-  const { mutate: disconnect, isPending: isDisconnecting } = (0, import_react_query54.useMutation)({
+  const { mutate: disconnect, isPending: isDisconnecting } = (0, import_react_query53.useMutation)({
     mutationFn: async (disconnectAddress) => {
       if (!disconnectAddress) throw new Error("No address to disconnect");
       setIsDialogForced(true);
@@ -24570,7 +24593,7 @@ function Footer() {
     }
   );
 }
-var import_react_query54, import_lucide_react77, import_jsx_runtime118;
+var import_react_query53, import_lucide_react77, import_jsx_runtime118;
 var init_Footer = __esm({
   "src/internal/components/Footer/Footer.tsx"() {
     init_package();
@@ -24578,7 +24601,7 @@ var init_Footer = __esm({
     init_ProviderContext();
     init_SessionContext();
     init_i18n();
-    import_react_query54 = require("@tanstack/react-query");
+    import_react_query53 = require("@tanstack/react-query");
     import_lucide_react77 = require("lucide-react");
     init_auth();
     init_base();
@@ -24631,7 +24654,7 @@ function Header() {
       }, 1e3);
     }
   }, []);
-  const { data: profile, isLoading: isProfileLoading } = (0, import_react_query55.useQuery)({
+  const { data: profile, isLoading: isProfileLoading } = (0, import_react_query54.useQuery)({
     retry: false,
     enabled: !!address,
     queryKey: [QUERY_KEYS.userProfile, address],
@@ -24713,7 +24736,7 @@ function Header() {
     }
   );
 }
-var import_react_query55, import_lucide_react78, import_react85, import_jsx_runtime119;
+var import_react_query54, import_lucide_react78, import_react85, import_jsx_runtime119;
 var init_Header = __esm({
   "src/internal/components/Header/Header.tsx"() {
     init_LumiaIcon3();
@@ -24721,7 +24744,7 @@ var init_Header = __esm({
     init_ProviderContext();
     init_SessionContext();
     init_useT();
-    import_react_query55 = require("@tanstack/react-query");
+    import_react_query54 = require("@tanstack/react-query");
     import_lucide_react78 = require("lucide-react");
     import_react85 = require("react");
     init_PositiveIcon();
@@ -25054,7 +25077,7 @@ var init_TssManager = __esm({
 
 // src/internal/components/WalletConnectHandler.tsx
 function WalletConnectHandler() {
-  const qc = (0, import_react_query56.useQueryClient)();
+  const qc = (0, import_react_query55.useQueryClient)();
   const { callbacksRef } = useProviderConfig();
   const passportWalletAddress = useSession((st) => st.address);
   const { address: walletAddress, isConnected, chain, connector } = (0, import_wagmi5.useAccount)();
@@ -25182,7 +25205,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_query55.useMutation)({
     mutationFn: async (payload) => {
       const { chainId, signingWalletAddress } = payload;
       if (!signingWalletAddress || !chainId) {
@@ -25315,14 +25338,14 @@ function WalletConnectHandler() {
   ]);
   return null;
 }
-var import_rainbowkit2, import_react_query56, import_react89, import_wagmi5;
+var import_rainbowkit2, import_react_query55, import_react89, import_wagmi5;
 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_react_query55 = require("@tanstack/react-query");
     import_react89 = __toESM(require("react"), 1);
     import_wagmi5 = require("wagmi");
     init_wallet();
@@ -25561,7 +25584,7 @@ function getDashboardApiUrl() {
   const serviceUrls = getServiceUrls();
   const paramUrl = typeof window !== "undefined" ? new URLSearchParams(window.location.search).get("dashboardApiUrl") || void 0 : void 0;
   const envUrl = getEnvVar("VITE_LUMIA_DASHBOARD_API_URL") || getEnvVar("LUMIA_DASHBOARD_API_URL");
-  return paramUrl || serviceUrls.dashboardApiUrl || envUrl || "https://dashboard.lumiapassport.com/api";
+  return paramUrl || serviceUrls.dashboardApiUrl || envUrl || "https://dashboard.embarkai.io/api";
 }
 function getSelectedNetwork() {
   const paramNet = typeof window !== "undefined" ? (new URLSearchParams(window.location.search).get("network") || "").toLowerCase() : "";
@@ -28449,7 +28472,100 @@ init_ProviderContext();
 
 // src/components/ConnectWalletButton.tsx
 init_LumiaIcon3();
-var import_react_query57 = require("@tanstack/react-query");
+
+// src/internal/assets/wallets/EmbarkAiIcon.tsx
+var import_jsx_runtime127 = require("react/jsx-runtime");
+function EmbarkAiIcon(props) {
+  const { width = "24", height = "24", ...svgProps } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
+    "svg",
+    {
+      ...svgProps,
+      width,
+      height,
+      viewBox: "0 0 26 25",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      style: { flexShrink: 0 },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+          "path",
+          {
+            d: "M12.7045 5.8037H25.6717C25.6717 2.60055 23.1024 0 19.9298 0H6.96264C6.96264 3.20316 9.53194 5.8037 12.7045 5.8037Z",
+            fill: "url(#paint0_radial_877_49)"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+          "path",
+          {
+            d: "M19.9333 9.59513H7.06557C7.06557 6.39197 4.49627 3.79143 1.32368 3.79143H0V9.59513H6.96265C6.96265 12.7983 9.53195 15.3988 12.7045 15.3988H25.6717C25.6717 12.1957 23.1024 9.59513 19.9298 9.59513H19.9333Z",
+            fill: "url(#paint1_radial_877_49)"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+          "path",
+          {
+            d: "M19.9333 19.1938H7.06202C7.03008 16.0193 4.47498 13.4547 1.32368 13.4547H0V19.2584H6.9662C6.99814 22.4328 9.55324 24.9975 12.7045 24.9975H25.6717C25.6717 21.7943 23.1024 19.1938 19.9298 19.1938H19.9333Z",
+            fill: "url(#paint2_radial_877_49)"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("defs", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
+            "radialGradient",
+            {
+              id: "paint0_radial_877_49",
+              cx: "0",
+              cy: "0",
+              r: "1",
+              gradientUnits: "userSpaceOnUse",
+              gradientTransform: "translate(25.2529 -0.939785) scale(26.7789 27.0672)",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("stop", { stopColor: "#CCFFF8" }),
+                /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("stop", { offset: "0.36", stopColor: "#0DE4B3" }),
+                /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("stop", { offset: "1", stopColor: "#D13AFF" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
+            "radialGradient",
+            {
+              id: "paint1_radial_877_49",
+              cx: "0",
+              cy: "0",
+              r: "1",
+              gradientUnits: "userSpaceOnUse",
+              gradientTransform: "translate(23.6134 -2.08401) scale(30.1644 30.4892)",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("stop", { stopColor: "#CCFFF8" }),
+                /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("stop", { offset: "0.36", stopColor: "#0DE4B3" }),
+                /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("stop", { offset: "1", stopColor: "#D13AFF" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
+            "radialGradient",
+            {
+              id: "paint2_radial_877_49",
+              cx: "0",
+              cy: "0",
+              r: "1",
+              gradientUnits: "userSpaceOnUse",
+              gradientTransform: "translate(16.0794 5.81084) scale(22.4849 22.727)",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("stop", { stopColor: "#CCFFF8" }),
+                /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("stop", { offset: "0.36", stopColor: "#0DE4B3" }),
+                /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("stop", { offset: "1", stopColor: "#D13AFF" })
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/ConnectWalletButton.tsx
+var import_react_query56 = require("@tanstack/react-query");
 var import_lucide_react80 = require("lucide-react");
 var import_react94 = require("react");
 init_SessionContext();
@@ -28462,7 +28578,7 @@ init_useLayoutDataStore();
 init_useLayoutStore();
 init_pro_mode();
 init_utils2();
-var import_jsx_runtime127 = (
+var import_jsx_runtime128 = (
   /** external Buttons can be provided */
   require("react/jsx-runtime")
 );
@@ -28485,7 +28601,7 @@ function ConnectWalletButton(props) {
   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)({
+  const { data: profile, isLoading: isProfileLoading } = (0, import_react_query56.useQuery)({
     retry: false,
     enabled: !!address,
     queryKey: [QUERY_KEYS.userProfile, address],
@@ -28501,18 +28617,18 @@ function ConnectWalletButton(props) {
   }, [session, address, hasServerVault]);
   const proMode = useProMode();
   const isConnecting = connectButtonLabel !== label || isLoading;
-  return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { "data-current-theme-mode": colorMode, className: cn("embarkai-ui-scope w-fit h-fit", className), children: !address ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_jsx_runtime127.Fragment, { children: ConnectButton ? /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { "data-current-theme-mode": colorMode, className: cn("embarkai-ui-scope w-fit h-fit", className), children: !address ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_jsx_runtime128.Fragment, { children: ConnectButton ? /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
     ConnectButton,
     {
       type: "button",
       disabled: isConnecting,
       onClick: () => setPage("auth" /* AUTH */),
       children: [
-        isConnecting && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_lucide_react80.Loader, { className: "w-4 h-4 animate-spin" }),
+        isConnecting ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_lucide_react80.Loader, { className: "w-4 h-4 animate-spin" }) }) : /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(EmbarkAiIcon, { className: "w-6 h-6" }),
         connectButtonLabel
       ]
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
+  ) : /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
     Button,
     {
       type: "button",
@@ -28522,18 +28638,18 @@ function ConnectWalletButton(props) {
       onClick: () => setPage("auth" /* AUTH */),
       className: cn(
         "account-connect-button w-fit h-16 px-8",
-        // 'rounded-[var(--ui-kit-bdrs)]',
+        "rounded-[var(--ui-kit-bdrs)]",
         "border-0 border-transparent",
         // to override button appearance bd, which case to case might drop black border
         "bg-[var(--ui-kit-bg)] hover:bg-[var(--ui-kit-bg)] active:bg-[var(--ui-kit-bg)] text-[var(--ui-kit-fg)]",
         "disabled:hover:bg-[var(--ui-kit-bg)] disabled:active:bg-[var(--ui-kit-bg)]"
       ),
       children: [
-        isConnecting && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_lucide_react80.Loader, { className: "w-4 h-4 animate-spin" }),
+        isConnecting ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_lucide_react80.Loader, { className: "w-4 h-4 animate-spin" }) }) : /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(EmbarkAiIcon, { className: "w-6 h-6" }),
         connectButtonLabel.toUpperCase()
       ]
     }
-  ) }) : /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
+  ) }) : /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
     "button",
     {
       type: "button",
@@ -28546,26 +28662,26 @@ function ConnectWalletButton(props) {
         "rounded-[var(--ui-kit-bdrs)] p-4 max-w-sm min-w-[256px]"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "relative w-12 h-12 rounded-full bg-[var(--ui-kit-fg)] flex items-center justify-center flex-shrink-0", children: [
-          proMode && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: "absolute -top-1 -right-1 text-[8px] font-bold px-1 rounded bg-[var(--ui-kit-primary)] text-[var(--ui-kit-fg-inverted)] leading-3 z-10", children: "PRO" }),
-          profile?.avatar ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("img", { src: profile.avatar, alt: "User avatar", className: "w-full h-full object-cover" }) : /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(LumiaIcon3, { width: 48, height: 48 })
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "relative w-12 h-12 rounded-full bg-[var(--ui-kit-fg)] flex items-center justify-center flex-shrink-0", children: [
+          proMode && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: "absolute -top-1 -right-1 text-[8px] font-bold px-1 rounded bg-[var(--ui-kit-primary)] text-[var(--ui-kit-fg-inverted)] leading-3 z-10", children: "PRO" }),
+          profile?.avatar ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("img", { src: profile.avatar, alt: "User avatar", className: "w-full h-full object-cover" }) : /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(LumiaIcon3, { width: 48, height: 48 })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "text-left flex-1 min-w-0 text-[var(--ui-kit-fg)]", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
-            isProfileLoading ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_lucide_react80.Loader, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: "w-fit text-[14px] leading-4 truncate max-w-[144px] text-[var(--ui-kit-fg)]", children: displayName }),
-            !isProfileLoading && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(KYCStatus, {})
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "text-left flex-1 min-w-0 text-[var(--ui-kit-fg)]", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
+            isProfileLoading ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_lucide_react80.Loader, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: "w-fit text-[14px] leading-4 truncate max-w-[144px] text-[var(--ui-kit-fg)]", children: displayName }),
+            !isProfileLoading && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(KYCStatus, {})
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(BalanceView, {})
+          /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(BalanceView, {})
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex items-center space-x-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "group relative", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex items-center space-x-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "group relative", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
               import_lucide_react80.Cloud,
               {
                 className: `w-3 h-3 ${indicators.server ? "text-[var(--ui-kit-bg-success)]" : "text-[var(--ui-kit-bg-warning)]"}`
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
               "div",
               {
                 className: cn(
@@ -28580,14 +28696,14 @@ function ConnectWalletButton(props) {
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "group relative", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "group relative", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
               import_lucide_react80.Laptop,
               {
                 className: `w-3 h-3 ${indicators.local ? "text-[var(--ui-kit-bg-success)]" : "text-[var(--ui-kit-bg-warning)]"}`
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
               "div",
               {
                 className: cn(
@@ -28602,14 +28718,14 @@ function ConnectWalletButton(props) {
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "group relative", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "group relative", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
               import_lucide_react80.Shield,
               {
                 className: `w-3 h-3 ${indicators.backup ? "text-[var(--ui-kit-bg-success)]" : "text-[var(--ui-kit-bg-warning)]"}`
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
               "div",
               {
                 className: cn(
@@ -28625,7 +28741,7 @@ function ConnectWalletButton(props) {
             )
           ] })
         ] }),
-        !!settingsNotifications.length && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+        !!settingsNotifications.length && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
           "div",
           {
             className: cn(
@@ -28703,24 +28819,24 @@ var import_lucide_react81 = require("lucide-react");
 init_useColorMode();
 init_button();
 init_utils2();
-var import_jsx_runtime128 = require("react/jsx-runtime");
+var import_jsx_runtime129 = require("react/jsx-runtime");
 function ThemeToggle(props) {
   const { className, ...btnProps } = props;
   const { colorMode, setColorMode } = useColorMode();
-  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
     "div",
     {
       className: cn("embarkai-ui-scope", className),
       "data-current-theme-mode": colorMode,
       style: { width: "fit-content", height: "fit-content" },
-      children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
         Button,
         {
           ...btnProps,
           variant: "ghost",
           onClick: () => setColorMode(colorMode === "light" ? "dark" : "light"),
           title: `Current theme: ${colorMode}. Click to switch.`,
-          children: colorMode === "dark" ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_lucide_react81.Sun, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_lucide_react81.Moon, { className: "w-4 h-4" })
+          children: colorMode === "dark" ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_lucide_react81.Sun, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_lucide_react81.Moon, { className: "w-4 h-4" })
         }
       )
     }
@@ -28732,18 +28848,18 @@ init_i18n();
 init_button();
 init_useLayoutDataStore();
 init_utils2();
-var import_jsx_runtime129 = require("react/jsx-runtime");
+var import_jsx_runtime130 = require("react/jsx-runtime");
 function LangToggle(props) {
   const { className, ...btnProps } = props;
   const { i18n } = useT();
   const setPage = useLayoutDataStore((st) => st.setPage);
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
     "div",
     {
       className: cn("embarkai-ui-scope", className),
       "data-mbark-language": i18n.resolvedLanguage || "en",
       style: { width: "fit-content", height: "fit-content" },
-      children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
         Button,
         {
           ...btnProps,
@@ -28848,7 +28964,7 @@ var import_lucide_react82 = require("lucide-react");
 var React11 = __toESM(require("react"), 1);
 init_cn();
 init_button();
-var import_jsx_runtime130 = require("react/jsx-runtime");
+var import_jsx_runtime131 = require("react/jsx-runtime");
 function toExplorerAddressUrl(address, chain) {
   const base2 = chain?.blockExplorers?.default?.url;
   if (!base2) return null;
@@ -28870,11 +28986,11 @@ var Address = ({
   const addr = address || "";
   const explorer = toExplorerAddressUrl(addr, chain || void 0);
   const [copied, setCopied] = React11.useState(false);
-  if (!addr) return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: cn2("text-muted-foreground", className), children: "\u2014" });
-  return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: cn2("flex items-center gap-2", className), style: { listStyle: "none" }, children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "text-sm font-medium", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("code", { className: "text-xs bg-background px-2 py-1 rounded select-all", children: truncate ? short(addr) : addr }),
-    showCopy && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+  if (!addr) return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: cn2("text-muted-foreground", className), children: "\u2014" });
+  return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: cn2("flex items-center gap-2", className), style: { listStyle: "none" }, children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "text-sm font-medium", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("code", { className: "text-xs bg-background px-2 py-1 rounded select-all", children: truncate ? short(addr) : addr }),
+    showCopy && /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
       Button,
       {
         variant: "ghost",
@@ -28888,10 +29004,10 @@ var Address = ({
           } catch {
           }
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(import_lucide_react82.Copy, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_lucide_react82.Copy, { className: "h-4 w-4" })
       }
     ),
-    showExplorer && explorer && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+    showExplorer && explorer && /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
       "a",
       {
         href: explorer,
@@ -28899,7 +29015,7 @@ var Address = ({
         rel: "noreferrer noopener",
         className: "inline-flex items-center justify-center h-10 w-10 rounded-md hover:bg-accent text-foreground",
         title: "Open in explorer",
-        children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(import_lucide_react82.ExternalLink, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_lucide_react82.ExternalLink, { className: "h-4 w-4" })
       }
     )
   ] });
@@ -28908,7 +29024,7 @@ var Address = ({
 // src/internal/components/UserOpStatus.tsx
 init_badge();
 init_button();
-var import_jsx_runtime131 = require("react/jsx-runtime");
+var import_jsx_runtime132 = require("react/jsx-runtime");
 var UserOpStatus = ({
   userOpHash,
   chain,
@@ -29023,35 +29139,35 @@ var UserOpStatus = ({
   const stateBadge = () => {
     if (receipt) {
       const ok = !!receipt.success;
-      return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(Badge, { variant: ok ? "success" : "destructive", children: [
-        ok ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_lucide_react83.CheckCircle2, { className: "h-3 w-3" }) : /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_lucide_react83.AlertCircle, { className: "h-3 w-3" }),
+      return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(Badge, { variant: ok ? "success" : "destructive", children: [
+        ok ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_lucide_react83.CheckCircle2, { className: "h-3 w-3" }) : /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_lucide_react83.AlertCircle, { className: "h-3 w-3" }),
         ok ? "Included" : "Failed"
       ] });
     }
     if (rejected) {
-      return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(Badge, { variant: "destructive", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_lucide_react83.AlertCircle, { className: "h-3 w-3" }),
+      return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(Badge, { variant: "destructive", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_lucide_react83.AlertCircle, { className: "h-3 w-3" }),
         " Rejected by bundler"
       ] });
     }
     if (timedOut) {
-      return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(Badge, { variant: "warning", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_lucide_react83.AlertCircle, { className: "h-3 w-3" }),
+      return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(Badge, { variant: "warning", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_lucide_react83.AlertCircle, { className: "h-3 w-3" }),
         " Timeout - may be rejected"
       ] });
     }
     if (mempool) {
-      return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(Badge, { variant: "outline", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_lucide_react83.Clock, { className: "h-3 w-3" }),
+      return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(Badge, { variant: "outline", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_lucide_react83.Clock, { className: "h-3 w-3" }),
         " Pending in bundler"
       ] });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(Badge, { variant: "secondary", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_lucide_react83.Clock, { className: "h-3 w-3" }),
+    return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(Badge, { variant: "secondary", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_lucide_react83.Clock, { className: "h-3 w-3" }),
       " Waiting"
     ] });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
     "div",
     {
       className: cn2(
@@ -29060,20 +29176,20 @@ var UserOpStatus = ({
       ),
       style: { textAlign: "left", listStyle: "none" },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex items-center justify-between mb-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex items-center justify-between mb-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex items-center gap-2", children: [
             stateBadge(),
-            /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "text-xs text-muted-foreground", children: "This is a UserOperation hash (EIP-4337), not a L2 tx hash." })
+            /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "text-xs text-muted-foreground", children: "This is a UserOperation hash (EIP-4337), not a L2 tx hash." })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(Button, { variant: "ghost", size: "small", onClick: () => tick(), disabled: refreshing, className: "h-8", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_lucide_react83.RefreshCw, { className: cn2("h-3.5 w-3.5 mr-1", refreshing && "animate-spin") }),
-            /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "text-xs", children: "Refresh" })
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(Button, { variant: "ghost", size: "small", onClick: () => tick(), disabled: refreshing, className: "h-8", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_lucide_react83.RefreshCw, { className: cn2("h-3.5 w-3.5 mr-1", refreshing && "animate-spin") }),
+            /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "text-xs", children: "Refresh" })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex items-center gap-2 mb-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "text-sm font-medium min-w-16 shrink-0", children: "UO Hash" }),
-          /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("code", { className: "text-xs font-mono flex-1 select-all", children: userOpHash }),
-          /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex items-center gap-2 mb-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "text-sm font-medium min-w-16 shrink-0", children: "UO Hash" }),
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("code", { className: "text-xs font-mono flex-1 select-all", children: userOpHash }),
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
             Button,
             {
               variant: "ghost",
@@ -29085,14 +29201,14 @@ var UserOpStatus = ({
                 } catch {
                 }
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_lucide_react83.Copy, { className: "h-3.5 w-3.5" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_lucide_react83.Copy, { className: "h-3.5 w-3.5" })
             }
           )
         ] }),
-        receipt && receipt.receipt?.transactionHash && /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex items-center gap-2 mb-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "text-sm font-medium min-w-16 shrink-0", children: "Tx Hash" }),
-          /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("code", { className: "text-xs font-mono flex-1 select-all", children: receipt.receipt.transactionHash }),
-          /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+        receipt && receipt.receipt?.transactionHash && /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex items-center gap-2 mb-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "text-sm font-medium min-w-16 shrink-0", children: "Tx Hash" }),
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("code", { className: "text-xs font-mono flex-1 select-all", children: receipt.receipt.transactionHash }),
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
             Button,
             {
               variant: "ghost",
@@ -29104,10 +29220,10 @@ var UserOpStatus = ({
                 } catch {
                 }
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_lucide_react83.Copy, { className: "h-3.5 w-3.5" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_lucide_react83.Copy, { className: "h-3.5 w-3.5" })
             }
           ),
-          chain?.blockExplorers?.default?.url && /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+          chain?.blockExplorers?.default?.url && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
             "a",
             {
               href: `${chain.blockExplorers.default.url}/tx/${receipt.receipt.transactionHash}`,
@@ -29115,11 +29231,11 @@ var UserOpStatus = ({
               rel: "noreferrer noopener",
               className: "inline-flex items-center justify-center h-8 w-8 rounded-md hover:bg-accent text-foreground",
               title: "Open in explorer",
-              children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_lucide_react83.ExternalLink, { className: "h-3.5 w-3.5" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_lucide_react83.ExternalLink, { className: "h-3.5 w-3.5" })
             }
           )
         ] }),
-        receipt && /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "text-xs text-muted-foreground mb-3", children: [
+        receipt && /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "text-xs text-muted-foreground mb-3", children: [
           "Block ",
           parseInt(receipt.receipt?.blockNumber || "0x0", 16),
           " \u2022 Gas Used",
@@ -29128,32 +29244,32 @@ var UserOpStatus = ({
           " \u2022 Success ",
           String(!!receipt.success)
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { className: "text-xs text-muted-foreground", children: !receipt && !timedOut && !rejected && /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("span", { className: "ml-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: "text-xs text-muted-foreground", children: !receipt && !timedOut && !rejected && /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("span", { className: "ml-2", children: [
           "\u2022 Polling for ",
           Math.round((Date.now() - startTimeRef.current) / 1e3),
           "s"
         ] }) }),
-        mempool && /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "text-sm text-muted-foreground mt-2", style: { listStyle: "none" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { children: [
+        mempool && /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "text-sm text-muted-foreground mt-2", style: { listStyle: "none" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { children: [
             "Seen by bundler at ",
-            /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Address, { address: mempool.entryPoint, chain, showExplorer: true, truncate: false })
+            /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Address, { address: mempool.entryPoint, chain, showExplorer: true, truncate: false })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { children: [
             "sender ",
-            /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Address, { address: mempool.sender, chain, truncate: false })
+            /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Address, { address: mempool.sender, chain, truncate: false })
           ] })
         ] }),
-        error && /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "text-sm text-destructive flex items-center gap-1 mt-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_lucide_react83.AlertCircle, { className: "h-4 w-4" }),
+        error && /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "text-sm text-destructive flex items-center gap-1 mt-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_lucide_react83.AlertCircle, { className: "h-4 w-4" }),
           " ",
           error
         ] }),
-        rejected && /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "text-sm text-destructive flex items-center gap-1 mt-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_lucide_react83.AlertCircle, { className: "h-4 w-4" }),
+        rejected && /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "text-sm text-destructive flex items-center gap-1 mt-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_lucide_react83.AlertCircle, { className: "h-4 w-4" }),
           "UserOperation was dropped from bundler mempool. This usually means it was invalid or replaced."
         ] }),
-        timedOut && /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "text-sm text-destructive flex items-center gap-1 mt-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_lucide_react83.AlertCircle, { className: "h-4 w-4" }),
+        timedOut && /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "text-sm text-destructive flex items-center gap-1 mt-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_lucide_react83.AlertCircle, { className: "h-4 w-4" }),
           "Stopped polling after ",
           Math.round(maxPollTimeMs / 1e3),
           "s. UserOperation may have been rejected by the bundler."
@@ -29168,7 +29284,7 @@ var import_lucide_react84 = require("lucide-react");
 var React13 = __toESM(require("react"), 1);
 init_cn();
 init_button();
-var import_jsx_runtime132 = require("react/jsx-runtime");
+var import_jsx_runtime133 = require("react/jsx-runtime");
 function toExplorerUrl(kind, value, chain) {
   const base2 = chain?.blockExplorers?.default?.url;
   if (!base2) return null;
@@ -29192,11 +29308,11 @@ var Hash = ({
   const value = hash || "";
   const explorer = toExplorerUrl(kind, value, chain || void 0);
   const [copied, setCopied] = React13.useState(false);
-  if (!value) return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: cn2("text-muted-foreground", className), children: "\u2014" });
-  return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: cn2("flex items-center gap-2", className), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "text-sm font-medium", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("code", { className: "text-xs bg-background px-2 py-1 rounded break-all", children: truncate ? short2(value) : value }),
-    showCopy && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+  if (!value) return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: cn2("text-muted-foreground", className), children: "\u2014" });
+  return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: cn2("flex items-center gap-2", className), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "text-sm font-medium", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("code", { className: "text-xs bg-background px-2 py-1 rounded break-all", children: truncate ? short2(value) : value }),
+    showCopy && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
       Button,
       {
         variant: "ghost",
@@ -29210,10 +29326,10 @@ var Hash = ({
           } catch {
           }
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_lucide_react84.Copy, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_lucide_react84.Copy, { className: "h-4 w-4" })
       }
     ),
-    showExplorer && explorer && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+    showExplorer && explorer && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
       "a",
       {
         href: explorer,
@@ -29221,7 +29337,7 @@ var Hash = ({
         rel: "noreferrer noopener",
         className: "inline-flex items-center justify-center h-10 w-10 rounded-md hover:bg-accent text-foreground",
         title: "Open in explorer",
-        children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_lucide_react84.ExternalLink, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_lucide_react84.ExternalLink, { className: "h-4 w-4" })
       }
     )
   ] });
@@ -29230,7 +29346,7 @@ var Hash = ({
 // src/internal/components/TransactionsMenu/TransactionsList.tsx
 var import_react96 = require("react");
 init_base();
-var import_jsx_runtime133 = require("react/jsx-runtime");
+var import_jsx_runtime134 = require("react/jsx-runtime");
 var TransactionsList = ({ address, itemsCount = 10 }) => {
   const [transactions, setTransactions] = (0, import_react96.useState)([]);
   const [loading, setLoading] = (0, import_react96.useState)(true);
@@ -29281,31 +29397,31 @@ var TransactionsList = ({ address, itemsCount = 10 }) => {
     window.open(`${explorerUrl}/tx/${txHash}`, "_blank");
   };
   if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "p-4 text-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "animate-spin inline-block w-6 h-6 border-2 border-current border-t-transparent rounded-full" }),
-      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("p", { className: "mt-2 text-sm text-gray-600", children: "Loading transactions..." })
+    return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "p-4 text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "animate-spin inline-block w-6 h-6 border-2 border-current border-t-transparent rounded-full" }),
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "mt-2 text-sm text-gray-600", children: "Loading transactions..." })
     ] });
   }
   if (error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "p-4 text-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("p", { className: "text-red-600 text-sm", children: error }),
-      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("button", { onClick: () => window.location.reload(), className: "mt-2 text-blue-600 text-sm hover:underline", children: "Retry" })
+    return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "p-4 text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "text-red-600 text-sm", children: error }),
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("button", { onClick: () => window.location.reload(), className: "mt-2 text-blue-600 text-sm hover:underline", children: "Retry" })
     ] });
   }
   if (transactions.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "p-4 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("p", { className: "text-gray-600 text-sm", children: "No transactions found" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "p-4 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "text-gray-600 text-sm", children: "No transactions found" }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "max-h-96 overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "space-y-2 p-2", children: transactions.map((tx) => /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "max-h-96 overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "space-y-2 p-2", children: transactions.map((tx) => /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
     "div",
     {
       className: "border rounded-lg p-3 hover:bg-gray-50 cursor-pointer transition-colors",
       onClick: () => openTransaction(tx.hash),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex justify-between items-start mb-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex items-center space-x-2 mb-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "text-xs font-mono bg-gray-100 px-2 py-1 rounded", children: formatAddress3(tx.hash) }),
-              /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex justify-between items-start mb-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex items-center space-x-2 mb-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "text-xs font-mono bg-gray-100 px-2 py-1 rounded", children: formatAddress3(tx.hash) }),
+              /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
                 "span",
                 {
                   className: `text-xs px-2 py-1 rounded ${tx.status === "ok" ? "bg-green-100 text-green-800" : "bg-red-100 text-red-800"}`,
@@ -29313,40 +29429,40 @@ var TransactionsList = ({ address, itemsCount = 10 }) => {
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "text-sm space-y-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "text-gray-600", children: "From:" }),
-                /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("span", { className: "font-mono ml-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "text-sm space-y-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "text-gray-600", children: "From:" }),
+                /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("span", { className: "font-mono ml-1", children: [
                   formatAddress3(tx.from.hash),
-                  tx.from.is_contract && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "text-xs text-blue-600 ml-1", children: "(Contract)" })
+                  tx.from.is_contract && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "text-xs text-blue-600 ml-1", children: "(Contract)" })
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "text-gray-600", children: "To:" }),
-                /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("span", { className: "font-mono ml-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "text-gray-600", children: "To:" }),
+                /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("span", { className: "font-mono ml-1", children: [
                   formatAddress3(tx.to.hash),
-                  tx.to.is_contract && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "text-xs text-blue-600 ml-1", children: "(Contract)" })
+                  tx.to.is_contract && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "text-xs text-blue-600 ml-1", children: "(Contract)" })
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "text-gray-600", children: "Value:" }),
-                /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("span", { className: "font-semibold ml-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "text-gray-600", children: "Value:" }),
+                /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("span", { className: "font-semibold ml-1", children: [
                   formatValue3(tx.value),
                   " LUMIA"
                 ] })
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "text-right text-xs text-gray-500", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { children: formatDate2(tx.timestamp) }),
-            /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "mt-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "text-right text-xs text-gray-500", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { children: formatDate2(tx.timestamp) }),
+            /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "mt-1", children: [
               "Gas: ",
               parseInt(tx.gas_used).toLocaleString()
             ] }),
-            tx.method && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "mt-1 text-blue-600", children: tx.method })
+            tx.method && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "mt-1 text-blue-600", children: tx.method })
           ] })
         ] }),
-        tx.transaction_types.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "flex flex-wrap gap-1 mt-2", children: tx.transaction_types.map((type, idx) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "text-xs bg-blue-100 text-blue-800 px-2 py-1 rounded-full", children: type.replace("_", " ") }, idx)) })
+        tx.transaction_types.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "flex flex-wrap gap-1 mt-2", children: tx.transaction_types.map((type, idx) => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "text-xs bg-blue-100 text-blue-800 px-2 py-1 rounded-full", children: type.replace("_", " ") }, idx)) })
       ]
     },
     tx.hash