@forge-connect/react 1.0.13 → 1.0.16

package/dist/index.js

@@ -1,5 +1,5 @@
 // src/provider.tsx
-import { useState as useState16, useCallback as useCallback9, useEffect as useEffect12, useRef as useRef9, useMemo as useMemo3 } from "react";
+import { useState as useState17, useCallback as useCallback9, useEffect as useEffect13, useRef as useRef9, useMemo as useMemo3 } from "react";
 
 // src/context.ts
 import { createContext } from "react";
@@ -454,7 +454,7 @@ function getRefreshDelay(token) {
 }
 
 // src/components/login-modal.tsx
-import { useState as useState6 } from "react";
+import { useState as useState7 } from "react";
 
 // src/hooks/use-forge-connect.ts
 import { useContext } from "react";
@@ -843,7 +843,7 @@ function EmailOtpForm() {
 }
 
 // src/components/tabs/wallet-connect.tsx
-import { useState as useState3, useMemo, useRef as useRef4, useCallback } from "react";
+import { useState as useState4, useMemo, useEffect as useEffect4, useRef as useRef4, useCallback } from "react";
 
 // src/components/svg-icon.tsx
 import { useRef as useRef3, useEffect as useEffect2 } from "react";
@@ -923,6 +923,65 @@ function OAuthButton({ provider }) {
   );
 }
 
+// src/hooks/use-standard-wallets.ts
+import { useEffect as useEffect3, useState as useState3 } from "react";
+function useStandardWallets() {
+  const [wallets, setWallets] = useState3([]);
+  useEffect3(() => {
+    if (typeof window === "undefined") return;
+    let unsubRegister;
+    let unsubUnregister;
+    let cancelled = false;
+    (async () => {
+      try {
+        const { getWallets } = await import("@wallet-standard/app");
+        if (cancelled) return;
+        const registry = getWallets();
+        const update = () => {
+          const raw = registry.get();
+          const seen = /* @__PURE__ */ new Set();
+          const list = [];
+          for (const w of raw) {
+            if (seen.has(w.name)) continue;
+            seen.add(w.name);
+            list.push(w);
+          }
+          console.log("[ForgeConnect/MWA] useStandardWallets ->", list.map((w) => w.name), `(raw: ${raw.length})`);
+          setWallets(list);
+        };
+        update();
+        unsubRegister = registry.on("register", update);
+        unsubUnregister = registry.on("unregister", update);
+      } catch {
+      }
+    })();
+    return () => {
+      cancelled = true;
+      unsubRegister?.();
+      unsubUnregister?.();
+    };
+  }, []);
+  return wallets;
+}
+
+// src/lib/standard-wallet.ts
+async function connectAndPrepareStandardWallet(wallet) {
+  const connectFeature = wallet.features["standard:connect"];
+  const signMessageFeature = wallet.features["solana:signMessage"];
+  if (!connectFeature) throw new Error(`${wallet.name} does not support standard:connect`);
+  if (!signMessageFeature) throw new Error(`${wallet.name} does not support solana:signMessage`);
+  const { accounts } = await connectFeature.connect();
+  const account = accounts[0];
+  if (!account) throw new Error(`${wallet.name} did not return any accounts`);
+  const signMessage = async (msg) => {
+    const results = await signMessageFeature.signMessage({ account, message: msg });
+    const first = results[0];
+    if (!first) throw new Error("Wallet did not return a signature");
+    return first.signature;
+  };
+  return { address: account.address, signMessage };
+}
+
 // src/components/tabs/wallet-connect.tsx
 import { Fragment, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 function MatricaWalletEntry() {
@@ -987,12 +1046,26 @@ function WalletConnectForm() {
   ] });
 }
 function MobileWalletFlow() {
-  const { setModalStep, config } = useForgeConnect();
+  const { setModalStep, config, loginWithWallet } = useForgeConnect();
+  const standardWallets = useStandardWallets();
+  const [loading, setLoading] = useState4(false);
+  const [error, setError] = useState4("");
   const methods = resolveLoginMethods(config);
   const showBack = methods.length > 1;
   const walletConfig = config.walletConfig;
   const preferred = walletConfig?.preferredWallets ?? [];
   const onlyPreferred = walletConfig?.onlyPreferred ?? false;
+  const handleStandardConnect = async (w) => {
+    setError("");
+    setLoading(true);
+    try {
+      const { address, signMessage } = await connectAndPrepareStandardWallet(w);
+      await loginWithWallet(address, signMessage, "solana");
+    } catch (err) {
+      setError(err instanceof Error ? err.message : `Could not connect ${w.name}.`);
+      setLoading(false);
+    }
+  };
   const walletsToShow = useMemo(() => {
     if (preferred.length > 0) {
       const prefList = preferred.map((name) => MOBILE_WALLETS.find((mw) => mw.name === name)).filter(Boolean);
@@ -1009,8 +1082,42 @@ function MobileWalletFlow() {
   };
   const showMatrica = methods.includes("matrica");
   return /* @__PURE__ */ jsxs5("div", { className: "fc-tab", children: [
-    /* @__PURE__ */ jsxs5("div", { className: "fc-wallet-list", children: [
+    loading && /* @__PURE__ */ jsxs5("div", { style: { textAlign: "center", padding: "24px 0" }, children: [
+      /* @__PURE__ */ jsx6("p", { className: "fc-tab-title", children: "Connecting..." }),
+      /* @__PURE__ */ jsx6("p", { className: "fc-text", children: "Approve in your wallet, then sign the verification request." }),
+      error && /* @__PURE__ */ jsxs5(Fragment, { children: [
+        /* @__PURE__ */ jsx6("p", { className: "fc-error", children: error }),
+        /* @__PURE__ */ jsx6(
+          "button",
+          {
+            type: "button",
+            className: "fc-btn fc-btn-secondary",
+            onClick: () => {
+              setLoading(false);
+              setError("");
+            },
+            style: { marginTop: 8 },
+            children: "Try again"
+          }
+        )
+      ] })
+    ] }),
+    !loading && /* @__PURE__ */ jsxs5("div", { className: "fc-wallet-list", children: [
       showMatrica && /* @__PURE__ */ jsx6(MatricaWalletEntry, {}),
+      standardWallets.map((w) => /* @__PURE__ */ jsxs5(
+        "button",
+        {
+          type: "button",
+          className: "fc-btn fc-btn-wallet",
+          onClick: () => handleStandardConnect(w),
+          children: [
+            /* @__PURE__ */ jsx6("span", { style: { position: "relative", display: "inline-flex" }, children: /* @__PURE__ */ jsx6("img", { src: w.icon, alt: "", className: "fc-wallet-icon" }) }),
+            /* @__PURE__ */ jsx6("span", { className: "fc-wallet-name", children: w.name }),
+            /* @__PURE__ */ jsx6("span", { className: "fc-badge-preferred", children: "Detected" })
+          ]
+        },
+        `std:${w.name}`
+      )),
       walletsToShow.map((mw) => /* @__PURE__ */ jsxs5(
         "button",
         {
@@ -1033,13 +1140,17 @@ function MobileWalletFlow() {
 function WalletAdapterFlow() {
   const { walletAdapter, loginWithWallet, setModalStep, config } = useForgeConnect();
   const wallet = walletAdapter;
+  const standardWallets = useStandardWallets();
   const walletConfig = config.walletConfig;
   const methods = resolveLoginMethods(config);
   const showBack = methods.length > 1;
-  const [error, setError] = useState3("");
-  const [loading, setLoading] = useState3(false);
-  const [showOther, setShowOther] = useState3(false);
-  const [coldWallet, setColdWallet] = useState3(false);
+  const [error, setError] = useState4("");
+  const [loading, setLoading] = useState4(false);
+  const [showOther, setShowOther] = useState4(false);
+  useEffect4(() => {
+    if (isMobile()) setShowOther(true);
+  }, []);
+  const [coldWallet, setColdWallet] = useState4(false);
   const mobile = useMemo(() => isMobile(), []);
   const coldWalletRef = useRef4(coldWallet);
   coldWalletRef.current = coldWallet;
@@ -1098,21 +1209,42 @@ function WalletAdapterFlow() {
   const preferredSet = new Set(preferred);
   const connectedWalletName = wallet.publicKey ? wallet.wallets.find((w) => w.adapter.connected)?.adapter.name ?? null : null;
   const { preferredWallets, otherWallets } = useMemo(() => {
-    const all = wallet.wallets;
+    const seenNames = /* @__PURE__ */ new Set();
+    const all = wallet.wallets.filter((w) => {
+      if (seenNames.has(w.adapter.name)) return false;
+      seenNames.add(w.adapter.name);
+      return true;
+    });
     const prefList = preferred.map((name) => all.find((w) => w.adapter.name === name)).filter(Boolean);
     if (onlyPreferred && preferred.length > 0) {
       return { preferredWallets: prefList, otherWallets: [] };
     }
     const others = all.filter(
-      (w) => !preferredSet.has(w.adapter.name) && w.readyState === "Installed"
+      (w) => !preferredSet.has(w.adapter.name) && (w.readyState === "Installed" || mobile && w.readyState === "Loadable")
     );
     return { preferredWallets: prefList, otherWallets: others };
-  }, [wallet.wallets, walletConfig]);
+  }, [wallet.wallets, walletConfig, mobile]);
   const mobileExtraWallets = useMemo(() => {
     if (!mobile) return [];
     const adapterNames = new Set(wallet.wallets.map((w) => w.adapter.name));
-    return MOBILE_WALLETS.filter((mw) => !adapterNames.has(mw.name));
-  }, [mobile, wallet.wallets]);
+    const stdNames = new Set(standardWallets.map((w) => w.name));
+    return MOBILE_WALLETS.filter((mw) => !adapterNames.has(mw.name) && !stdNames.has(mw.name));
+  }, [mobile, wallet.wallets, standardWallets]);
+  const standardExtras = useMemo(() => {
+    const adapterNames = new Set(wallet.wallets.map((w) => w.adapter.name));
+    return standardWallets.filter((w) => !adapterNames.has(w.name));
+  }, [wallet.wallets, standardWallets]);
+  const handleStandardConnect = async (w) => {
+    setError("");
+    setLoading(true);
+    try {
+      const { address, signMessage } = await connectAndPrepareStandardWallet(w);
+      await loginWithWallet(address, signMessage, "solana");
+    } catch (err) {
+      setError(err instanceof Error ? err.message : `Could not connect ${w.name}.`);
+      setLoading(false);
+    }
+  };
   return /* @__PURE__ */ jsxs5("div", { className: "fc-tab", children: [
     loading ? /* @__PURE__ */ jsxs5("div", { style: { textAlign: "center", padding: "24px 0" }, children: [
       /* @__PURE__ */ jsx6("p", { className: "fc-tab-title", children: "Connecting..." }),
@@ -1155,6 +1287,20 @@ function WalletAdapterFlow() {
             w.adapter.name
           );
         }),
+        standardExtras.map((w) => /* @__PURE__ */ jsxs5(
+          "button",
+          {
+            type: "button",
+            className: "fc-btn fc-btn-wallet",
+            onClick: () => handleStandardConnect(w),
+            children: [
+              /* @__PURE__ */ jsx6("span", { style: { position: "relative", display: "inline-flex" }, children: /* @__PURE__ */ jsx6("img", { src: w.icon, alt: "", className: "fc-wallet-icon" }) }),
+              /* @__PURE__ */ jsx6("span", { className: "fc-wallet-name", children: w.name }),
+              /* @__PURE__ */ jsx6("span", { className: "fc-badge-preferred", children: "Detected" })
+            ]
+          },
+          `std:${w.name}`
+        )),
         mobileExtraWallets.map((mw) => /* @__PURE__ */ jsxs5(
           "button",
           {
@@ -1203,7 +1349,7 @@ function WalletAdapterFlow() {
           );
         })
       ] }),
-      preferredWallets.length === 0 && otherWallets.length === 0 && mobileExtraWallets.length === 0 && /* @__PURE__ */ jsx6("p", { className: "fc-text", children: "No wallet found. Please install a Solana wallet (like Phantom) to continue." }),
+      preferredWallets.length === 0 && otherWallets.length === 0 && mobileExtraWallets.length === 0 && standardExtras.length === 0 && /* @__PURE__ */ jsx6("p", { className: "fc-text", children: "No wallet found. Please install a Solana wallet (like Phantom) to continue." }),
       /* @__PURE__ */ jsxs5("label", { className: "fc-cold-wallet-toggle", children: [
         /* @__PURE__ */ jsx6(
           "input",
@@ -1226,16 +1372,16 @@ function WalletAdapterFlow() {
 }
 
 // src/components/tabs/forgot-password.tsx
-import { useState as useState4 } from "react";
+import { useState as useState5 } from "react";
 import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 function ForgotPasswordForm() {
   const { forgotPassword, resetPassword, setModalStep } = useForgeConnect();
-  const [step, setStep] = useState4("email");
-  const [email, setEmail] = useState4("");
-  const [token, setToken] = useState4("");
-  const [password, setPassword] = useState4("");
-  const [error, setError] = useState4("");
-  const [loading, setLoading] = useState4(false);
+  const [step, setStep] = useState5("email");
+  const [email, setEmail] = useState5("");
+  const [token, setToken] = useState5("");
+  const [password, setPassword] = useState5("");
+  const [error, setError] = useState5("");
+  const [loading, setLoading] = useState5(false);
   const handleSendCode = async (e) => {
     e.preventDefault();
     setError("");
@@ -1342,17 +1488,17 @@ function ForgotPasswordForm() {
 }
 
 // src/components/tabs/verify-2fa.tsx
-import { useState as useState5, useRef as useRef5, useEffect as useEffect4, useCallback as useCallback2 } from "react";
+import { useState as useState6, useRef as useRef5, useEffect as useEffect5, useCallback as useCallback2 } from "react";
 import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function Verify2FAForm() {
   const { verify2FA, verifyRecoveryCode, setModalStep } = useForgeConnect();
-  const [code, setCode] = useState5("");
-  const [loading, setLoading] = useState5(false);
-  const [error, setError] = useState5("");
-  const [useRecovery, setUseRecovery] = useState5(false);
+  const [code, setCode] = useState6("");
+  const [loading, setLoading] = useState6(false);
+  const [error, setError] = useState6("");
+  const [useRecovery, setUseRecovery] = useState6(false);
   const inputRef = useRef5(null);
   const submittingRef = useRef5(false);
-  useEffect4(() => {
+  useEffect5(() => {
     inputRef.current?.focus();
   }, [useRecovery]);
   const submitCode = useCallback2(async (codeValue, isRecovery) => {
@@ -1510,8 +1656,8 @@ var LoadingSpinner = () => /* @__PURE__ */ jsx9("div", { className: "fc-method-i
 function MethodSelect() {
   const { setModalStep, loginWithPasskey, config } = useForgeConnect();
   const methods = resolveLoginMethods(config);
-  const [passkeyLoading, setPasskeyLoading] = useState6(false);
-  const [passkeyError, setPasskeyError] = useState6("");
+  const [passkeyLoading, setPasskeyLoading] = useState7(false);
+  const [passkeyError, setPasskeyError] = useState7("");
   const handlePasskey = async () => {
     setPasskeyLoading(true);
     setPasskeyError("");
@@ -1630,8 +1776,8 @@ var MigrationIcons = {
 };
 function MatricaMigrationView() {
   const { matricaMigration, resolveMatricaMigration } = useForgeConnect();
-  const [loading, setLoading] = useState6(null);
-  const [error, setError] = useState6("");
+  const [loading, setLoading] = useState7(null);
+  const [error, setError] = useState7("");
   if (!matricaMigration) return null;
   const { conflicts } = matricaMigration;
   const total = conflicts.wallets.length + conflicts.socials.length + (conflicts.email ? 1 : 0);
@@ -1711,14 +1857,14 @@ function SuccessView() {
 }
 
 // src/components/account-modal.tsx
-import { useState as useState14, useEffect as useEffect10, useRef as useRef7, useCallback as useCallback7 } from "react";
+import { useState as useState15, useEffect as useEffect11, useRef as useRef7, useCallback as useCallback7 } from "react";
 
 // src/hooks/use-user.ts
-import { useState as useState7, useCallback as useCallback3, useEffect as useEffect5, useRef as useRef6 } from "react";
+import { useState as useState8, useCallback as useCallback3, useEffect as useEffect6, useRef as useRef6 } from "react";
 function useUser() {
   const { auth, api, config, getAccessToken } = useForgeConnect();
-  const [authMethods, setAuthMethods] = useState7(null);
-  const [loading, setLoading] = useState7(false);
+  const [authMethods, setAuthMethods] = useState8(null);
+  const [loading, setLoading] = useState8(false);
   const pendingRefreshRef = useRef6(false);
   const updateProfile = useCallback3(
     async (data) => {
@@ -1791,7 +1937,7 @@ function useUser() {
     },
     [api, config.apiUrl, getAccessToken]
   );
-  useEffect5(() => {
+  useEffect6(() => {
     const handleMessage = (event) => {
       if (event.origin !== window.location.origin) return;
       if (event.data?.type === "fc_oauth_link_success" && pendingRefreshRef.current) {
@@ -1818,7 +1964,7 @@ function useUser() {
 }
 
 // src/hooks/use-wallets.ts
-import { useState as useState8, useCallback as useCallback4 } from "react";
+import { useState as useState9, useCallback as useCallback4 } from "react";
 
 // src/lib/utils.ts
 var BASE58_ALPHABET = "123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz";
@@ -1862,8 +2008,8 @@ function timeAgo(dateStr) {
 // src/hooks/use-wallets.ts
 function useWallets() {
   const { api, getAccessToken } = useForgeConnect();
-  const [wallets, setWallets] = useState8(null);
-  const [loading, setLoading] = useState8(false);
+  const [wallets, setWallets] = useState9(null);
+  const [loading, setLoading] = useState9(false);
   const fetchWallets = useCallback4(async () => {
     const token = getAccessToken();
     if (!token) throw new Error("Please sign in to continue.");
@@ -1927,11 +2073,11 @@ function useWallets() {
 }
 
 // src/hooks/use-sessions.ts
-import { useState as useState9, useCallback as useCallback5 } from "react";
+import { useState as useState10, useCallback as useCallback5 } from "react";
 function useSessions() {
   const { api, getAccessToken } = useForgeConnect();
-  const [sessions, setSessions] = useState9(null);
-  const [loading, setLoading] = useState9(false);
+  const [sessions, setSessions] = useState10(null);
+  const [loading, setLoading] = useState10(false);
   const fetchSessions = useCallback5(async () => {
     const token = getAccessToken();
     if (!token) throw new Error("Please sign in to continue.");
@@ -1962,19 +2108,19 @@ function useSessions() {
 }
 
 // src/components/two-factor-modal.tsx
-import { useState as useState10, useEffect as useEffect6 } from "react";
+import { useState as useState11, useEffect as useEffect7 } from "react";
 import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 function TwoFactorModal({ isOpen, onClose, initialEnabled, onStatusChange }) {
   const { api, getAccessToken, config } = useForgeConnect();
   const theme = config.appearance?.theme ?? "light";
-  const [step, setStep] = useState10(initialEnabled ? "manage" : "setup");
-  const [setupData, setSetupData] = useState10(null);
-  const [code, setCode] = useState10("");
-  const [loading, setLoading] = useState10(false);
-  const [msg, setMsg] = useState10(null);
-  const [showSecret, setShowSecret] = useState10(false);
-  const [recoveryCodes, setRecoveryCodes] = useState10([]);
-  useEffect6(() => {
+  const [step, setStep] = useState11(initialEnabled ? "manage" : "setup");
+  const [setupData, setSetupData] = useState11(null);
+  const [code, setCode] = useState11("");
+  const [loading, setLoading] = useState11(false);
+  const [msg, setMsg] = useState11(null);
+  const [showSecret, setShowSecret] = useState11(false);
+  const [recoveryCodes, setRecoveryCodes] = useState11([]);
+  useEffect7(() => {
     if (isOpen) {
       setStep(initialEnabled ? "manage" : "setup");
       setSetupData(null);
@@ -2238,7 +2384,7 @@ function TwoFactorModal({ isOpen, onClose, initialEnabled, onStatusChange }) {
 }
 
 // src/components/passkeys-modal.tsx
-import { useState as useState11, useEffect as useEffect7, useCallback as useCallback6 } from "react";
+import { useState as useState12, useEffect as useEffect8, useCallback as useCallback6 } from "react";
 
 // ../../node_modules/.pnpm/@simplewebauthn+browser@13.2.2/node_modules/@simplewebauthn/browser/esm/helpers/bufferToBase64URLString.js
 function bufferToBase64URLString(buffer) {
@@ -2664,10 +2810,10 @@ import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 function PasskeysModal({ isOpen, onClose, onCountChange }) {
   const { api, getAccessToken, config } = useForgeConnect();
   const theme = config.appearance?.theme ?? "light";
-  const [passkeys, setPasskeys] = useState11([]);
-  const [loading, setLoading] = useState11(false);
-  const [addLoading, setAddLoading] = useState11(false);
-  const [msg, setMsg] = useState11("");
+  const [passkeys, setPasskeys] = useState12([]);
+  const [loading, setLoading] = useState12(false);
+  const [addLoading, setAddLoading] = useState12(false);
+  const [msg, setMsg] = useState12("");
   const fetchPasskeys = useCallback6(async () => {
     const token = getAccessToken();
     if (!token) return;
@@ -2681,7 +2827,7 @@ function PasskeysModal({ isOpen, onClose, onCountChange }) {
       setLoading(false);
     }
   }, [api, getAccessToken, onCountChange]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (isOpen) {
       setMsg("");
       fetchPasskeys();
@@ -2768,7 +2914,7 @@ function PasskeysModal({ isOpen, onClose, onCountChange }) {
 }
 
 // src/components/password-modal.tsx
-import { useState as useState12, useEffect as useEffect8 } from "react";
+import { useState as useState13, useEffect as useEffect9 } from "react";
 
 // src/components/error-view.tsx
 import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
@@ -2798,12 +2944,12 @@ import { Fragment as Fragment4, jsx as jsx13, jsxs as jsxs12 } from "react/jsx-r
 function PasswordModal({ isOpen, onClose, hasPassword }) {
   const { api, getAccessToken, config } = useForgeConnect();
   const theme = config.appearance?.theme ?? "light";
-  const [step, setStep] = useState12("form");
-  const [currentPassword, setCurrentPassword] = useState12("");
-  const [newPassword, setNewPassword] = useState12("");
-  const [loading, setLoading] = useState12(false);
-  const [error, setError] = useState12("");
-  useEffect8(() => {
+  const [step, setStep] = useState13("form");
+  const [currentPassword, setCurrentPassword] = useState13("");
+  const [newPassword, setNewPassword] = useState13("");
+  const [loading, setLoading] = useState13(false);
+  const [error, setError] = useState13("");
+  useEffect9(() => {
     if (isOpen) {
       setStep("form");
       setCurrentPassword("");
@@ -2899,16 +3045,16 @@ function PasswordModal({ isOpen, onClose, hasPassword }) {
 }
 
 // src/components/delete-account-modal.tsx
-import { useState as useState13, useEffect as useEffect9 } from "react";
+import { useState as useState14, useEffect as useEffect10 } from "react";
 import { Fragment as Fragment5, jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
 function DeleteAccountModal({ isOpen, onClose, onDeleted }) {
   const { api, getAccessToken, config, logout } = useForgeConnect();
   const theme = config.appearance?.theme ?? "light";
-  const [step, setStep] = useState13("confirm");
-  const [code, setCode] = useState13("");
-  const [loading, setLoading] = useState13(false);
-  const [error, setError] = useState13("");
-  useEffect9(() => {
+  const [step, setStep] = useState14("confirm");
+  const [code, setCode] = useState14("");
+  const [loading, setLoading] = useState14(false);
+  const [error, setError] = useState14("");
+  useEffect10(() => {
     if (isOpen) {
       setStep("confirm");
       setCode("");
@@ -3080,10 +3226,10 @@ var TABS = [
 function AccountModal() {
   const { accountModal, closeAccountModal, openLinkModal, linkModal, config, logout } = useForgeConnect();
   const { user } = useUser();
-  const [activeTab, setActiveTab] = useState14("profile");
-  const [refreshKey, setRefreshKey] = useState14(0);
+  const [activeTab, setActiveTab] = useState15("profile");
+  const [refreshKey, setRefreshKey] = useState15(0);
   const prevLinkOpen = useRef7(false);
-  useEffect10(() => {
+  useEffect11(() => {
     if (prevLinkOpen.current && !linkModal.isOpen) {
       setRefreshKey((k) => k + 1);
     }
@@ -3141,11 +3287,11 @@ function AccountModal() {
 }
 function ProfileTab() {
   const { user, updateProfile } = useUser();
-  const [displayName, setDisplayName] = useState14(user?.displayName ?? "");
-  const [avatarUrl, setAvatarUrl] = useState14(user?.avatarUrl ?? "");
-  const [loading, setLoading] = useState14(false);
-  const [msg, setMsg] = useState14(null);
-  useEffect10(() => {
+  const [displayName, setDisplayName] = useState15(user?.displayName ?? "");
+  const [avatarUrl, setAvatarUrl] = useState15(user?.avatarUrl ?? "");
+  const [loading, setLoading] = useState15(false);
+  const [msg, setMsg] = useState15(null);
+  useEffect11(() => {
     setDisplayName(user?.displayName ?? "");
     setAvatarUrl(user?.avatarUrl ?? "");
   }, [user]);
@@ -3195,8 +3341,8 @@ function ProfileTab() {
 }
 function LoginsTab({ onLink, refreshKey }) {
   const { authMethods, loading, fetchAuthMethods, unlinkAuthMethod } = useUser();
-  const [msg, setMsg] = useState14("");
-  useEffect10(() => {
+  const [msg, setMsg] = useState15("");
+  useEffect11(() => {
     fetchAuthMethods().catch(() => {
     });
   }, [fetchAuthMethods, refreshKey]);
@@ -3233,8 +3379,8 @@ function LoginsTab({ onLink, refreshKey }) {
 }
 function WalletsTab({ onLink, refreshKey }) {
   const { wallets, loading, fetchWallets, updateWallet } = useWallets();
-  const [msg, setMsg] = useState14("");
-  useEffect10(() => {
+  const [msg, setMsg] = useState15("");
+  useEffect11(() => {
     fetchWallets().catch(() => {
     });
   }, [fetchWallets, refreshKey]);
@@ -3269,13 +3415,13 @@ function SecurityTab() {
   const { sessions, loading, fetchSessions, revokeSession } = useSessions();
   const { logoutAll, logout, closeAccountModal, api, getAccessToken } = useForgeConnect();
   const { user, authMethods: userAuthMethods, fetchAuthMethods } = useUser();
-  const [msg, setMsg] = useState14("");
-  const [totpEnabled, setTotpEnabled] = useState14(null);
-  const [passkeyCount, setPasskeyCount] = useState14(0);
-  const [show2FAModal, setShow2FAModal] = useState14(false);
-  const [showPasskeyModal, setShowPasskeyModal] = useState14(false);
-  const [showPasswordModal, setShowPasswordModal] = useState14(false);
-  const [showDeleteModal, setShowDeleteModal] = useState14(false);
+  const [msg, setMsg] = useState15("");
+  const [totpEnabled, setTotpEnabled] = useState15(null);
+  const [passkeyCount, setPasskeyCount] = useState15(0);
+  const [show2FAModal, setShow2FAModal] = useState15(false);
+  const [showPasskeyModal, setShowPasskeyModal] = useState15(false);
+  const [showPasswordModal, setShowPasswordModal] = useState15(false);
+  const [showDeleteModal, setShowDeleteModal] = useState15(false);
   const refreshStatus = useCallback7(() => {
     const token = getAccessToken();
     if (!token) return;
@@ -3288,7 +3434,7 @@ function SecurityTab() {
     api.getPasskeys(token).then((list) => setPasskeyCount(list.length)).catch(() => {
     });
   }, [api, getAccessToken]);
-  useEffect10(() => {
+  useEffect11(() => {
     fetchSessions().catch(() => {
     });
     fetchAuthMethods().catch(() => {
@@ -3441,21 +3587,21 @@ function SecurityTab() {
 }
 
 // src/components/link-auth-modal.tsx
-import { useState as useState15, useEffect as useEffect11, useMemo as useMemo2, useRef as useRef8, useCallback as useCallback8 } from "react";
+import { useState as useState16, useEffect as useEffect12, useMemo as useMemo2, useRef as useRef8, useCallback as useCallback8 } from "react";
 import { Fragment as Fragment6, jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
 function LinkAuthModal() {
   const { linkModal, closeLinkModal, config } = useForgeConnect();
   const { linkOAuth, authMethods } = useUser();
   const mode = linkModal.mode ?? "auth";
-  const [step, setStep] = useState15("method-select");
-  const [fatalError, setFatalError] = useState15("");
-  useEffect11(() => {
+  const [step, setStep] = useState16("method-select");
+  const [fatalError, setFatalError] = useState16("");
+  useEffect12(() => {
     if (linkModal.isOpen) {
       setStep(mode === "wallet" ? "wallet" : "method-select");
       setFatalError("");
     }
   }, [linkModal.isOpen, mode]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (!linkModal.isOpen) return;
     const handleMessage = (event) => {
       if (event.origin !== window.location.origin) return;
@@ -3606,10 +3752,10 @@ function AuthMethodSelectStep({
 }
 function EmailLinkStep({ onBack, onSuccess, onFatalError }) {
   const { linkAuthMethod } = useUser();
-  const [email, setEmail] = useState15("");
-  const [password, setPassword] = useState15("");
-  const [loading, setLoading] = useState15(false);
-  const [error, setError] = useState15("");
+  const [email, setEmail] = useState16("");
+  const [password, setPassword] = useState16("");
+  const [loading, setLoading] = useState16(false);
+  const [error, setError] = useState16("");
   const handleSubmit = async (e) => {
     e.preventDefault();
     setLoading(true);
@@ -3641,11 +3787,11 @@ function EmailLinkStep({ onBack, onSuccess, onFatalError }) {
 }
 function OtpLinkStep({ onBack, onSuccess, onFatalError }) {
   const { linkOtpSend, linkOtpVerify } = useUser();
-  const [email, setEmail] = useState15("");
-  const [code, setCode] = useState15("");
-  const [codeSent, setCodeSent] = useState15(false);
-  const [loading, setLoading] = useState15(false);
-  const [error, setError] = useState15("");
+  const [email, setEmail] = useState16("");
+  const [code, setCode] = useState16("");
+  const [codeSent, setCodeSent] = useState16(false);
+  const [loading, setLoading] = useState16(false);
+  const [error, setError] = useState16("");
   const handleSendCode = async (e) => {
     e.preventDefault();
     setLoading(true);
@@ -3722,10 +3868,10 @@ function OtpLinkStep({ onBack, onSuccess, onFatalError }) {
 function WalletLinkStep({ onBack, onSuccess, onFatalError }) {
   const { walletAdapter, config } = useForgeConnect();
   const { linkWallet } = useWallets();
-  const [loading, setLoading] = useState15(false);
-  const [error, setError] = useState15("");
-  const [showOther, setShowOther] = useState15(false);
-  const [coldWallet, setColdWallet] = useState15(false);
+  const [loading, setLoading] = useState16(false);
+  const [error, setError] = useState16("");
+  const [showOther, setShowOther] = useState16(false);
+  const [coldWallet, setColdWallet] = useState16(false);
   const mobile = useMemo2(() => isMobile(), []);
   const walletConfig = config.walletConfig;
   const preferred = walletConfig?.preferredWallets ?? [];
@@ -3916,23 +4062,72 @@ function SuccessView2() {
   ] });
 }
 
+// src/register-mwa.ts
+var registered = false;
+async function registerMwaIfAvailable(config, opts) {
+  if (typeof window === "undefined") return;
+  if (registered) return;
+  if (opts?.enabled === false) return;
+  let mod;
+  try {
+    mod = await import("@solana-mobile/wallet-standard-mobile");
+  } catch (err) {
+    console.warn("[ForgeConnect/MWA] dynamic import failed", err);
+    return;
+  }
+  const {
+    registerMwa,
+    createDefaultAuthorizationCache,
+    createDefaultChainSelector,
+    createDefaultWalletNotFoundHandler
+  } = mod;
+  const origin = window.location.origin;
+  const identity = opts?.appIdentity ?? {};
+  const appName = identity.name ?? config.appearance?.title ?? (typeof document !== "undefined" ? document.title : "") ?? "App";
+  registered = true;
+  try {
+    registerMwa({
+      appIdentity: {
+        name: appName,
+        uri: identity.uri ?? origin,
+        icon: identity.icon
+      },
+      authorizationCache: createDefaultAuthorizationCache(),
+      chains: opts?.chains ?? ["solana:mainnet"],
+      chainSelector: createDefaultChainSelector(),
+      onWalletNotFound: createDefaultWalletNotFoundHandler()
+    });
+    console.log("[ForgeConnect/MWA] registered. appIdentity:", { name: appName, uri: identity.uri ?? origin });
+    try {
+      const { getWallets } = await import("@wallet-standard/app");
+      const list = getWallets().get();
+      console.log("[ForgeConnect/MWA] standard wallets after register:", list.map((w) => w.name));
+    } catch (e) {
+      console.warn("[ForgeConnect/MWA] could not enumerate standard wallets", e);
+    }
+  } catch (err) {
+    registered = false;
+    console.warn("[ForgeConnect/MWA] registerMwa threw:", err);
+  }
+}
+
 // src/provider.tsx
 import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
 var oauthExchangeCache = /* @__PURE__ */ new Map();
 function ForgeConnectProvider({ config, children, onLogin, onLogout, walletAdapter }) {
-  const [auth, setAuth] = useState16({
+  const [auth, setAuth] = useState17({
     status: "loading",
     user: null,
     accessToken: null
   });
-  const [modal, setModal] = useState16({
+  const [modal, setModal] = useState17({
     isOpen: false,
     step: "method-select"
   });
-  const [accountModal, setAccountModal] = useState16({ isOpen: false });
-  const [linkModal, setLinkModal] = useState16({ isOpen: false });
-  const [challengeToken, setChallengeToken] = useState16(null);
-  const [matricaMigration, setMatricaMigration] = useState16(null);
+  const [accountModal, setAccountModal] = useState17({ isOpen: false });
+  const [linkModal, setLinkModal] = useState17({ isOpen: false });
+  const [challengeToken, setChallengeToken] = useState17(null);
+  const [matricaMigration, setMatricaMigration] = useState17(null);
   const apiRef = useRef9(createApiClient(config.apiUrl));
   const refreshTimerRef = useRef9(null);
   const api = apiRef.current;
@@ -3950,7 +4145,7 @@ function ForgeConnectProvider({ config, children, onLogin, onLogout, walletAdapt
       }
     }, delay);
   }, [api]);
-  useEffect12(() => {
+  useEffect13(() => {
     const init = async () => {
       try {
         const { accessToken } = await api.refresh();
@@ -3966,7 +4161,7 @@ function ForgeConnectProvider({ config, children, onLogin, onLogout, walletAdapt
       if (refreshTimerRef.current) clearTimeout(refreshTimerRef.current);
     };
   }, [api, scheduleRefresh]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (window.location.pathname === "/fc-oauth-callback") {
       const params = new URLSearchParams(window.location.search);
       if (params.get("fc_link_success") && window.opener) {
@@ -4094,7 +4289,12 @@ function ForgeConnectProvider({ config, children, onLogin, onLogout, walletAdapt
       window.removeEventListener("storage", handleStorage);
     };
   }, [api, config.apiUrl, scheduleRefresh, onLogin]);
-  useEffect12(() => {
+  useEffect13(() => {
+    const methods = resolveLoginMethods(config);
+    if (!methods.includes("wallet")) return;
+    void registerMwaIfAvailable(config, config.mwa);
+  }, [config]);
+  useEffect13(() => {
     if (config.loginMethods && config.loginMethods.length > 0) {
       const hasLegacy = config.oauthProviders || config.walletLogin !== void 0 || config.passwordlessLogin !== void 0;
       if (hasLegacy) {
@@ -4433,13 +4633,13 @@ function AccountButton({ className, loginLabel, compact }) {
 }
 
 // src/hooks/use-admin.ts
-import { useState as useState17, useCallback as useCallback10 } from "react";
+import { useState as useState18, useCallback as useCallback10 } from "react";
 function useAdmin() {
   const { api, getAccessToken } = useForgeConnect();
-  const [users, setUsers] = useState17(null);
-  const [selectedUser, setSelectedUser] = useState17(null);
-  const [userSessions, setUserSessions] = useState17(null);
-  const [loading, setLoading] = useState17(false);
+  const [users, setUsers] = useState18(null);
+  const [selectedUser, setSelectedUser] = useState18(null);
+  const [userSessions, setUserSessions] = useState18(null);
+  const [loading, setLoading] = useState18(false);
   const listUsers = useCallback10(
     async (params) => {
       const token = getAccessToken();
@@ -4519,16 +4719,16 @@ function useAdmin() {
 }
 
 // src/hooks/use-roles.ts
-import { useState as useState18, useCallback as useCallback11 } from "react";
+import { useState as useState19, useCallback as useCallback11 } from "react";
 function useRoles() {
   const { api, getAccessToken } = useForgeConnect();
-  const [roles, setRoles] = useState18(null);
-  const [selectedRole, setSelectedRole] = useState18(null);
-  const [userRoleAssignments, setUserRoleAssignments] = useState18(null);
-  const [roleUsers, setRoleUsers] = useState18(null);
-  const [permissionDomains, setPermissionDomains] = useState18(null);
-  const [myPermissions, setMyPermissions] = useState18([]);
-  const [loading, setLoading] = useState18(false);
+  const [roles, setRoles] = useState19(null);
+  const [selectedRole, setSelectedRole] = useState19(null);
+  const [userRoleAssignments, setUserRoleAssignments] = useState19(null);
+  const [roleUsers, setRoleUsers] = useState19(null);
+  const [permissionDomains, setPermissionDomains] = useState19(null);
+  const [myPermissions, setMyPermissions] = useState19([]);
+  const [loading, setLoading] = useState19(false);
   const listRoles = useCallback11(
     async (tenantId) => {
       const token = getAccessToken();
@@ -4717,6 +4917,7 @@ export {
   hasAnyPermission,
   hasPermission,
   isOAuthMethod,
+  registerMwaIfAvailable,
   resolveLoginMethods,
   useAdmin,
   useForgeConnect,