cilantro-react 0.1.5 → 0.1.7

package/dist/index.mjs

@@ -231,6 +231,14 @@ function normalizeWallet(dto) {
     active: w.isActive
   };
 }
+function getWalletId(wallet) {
+  if (!wallet) return "";
+  return wallet.id ?? wallet.walletId ?? "";
+}
+function getWalletAddress(wallet) {
+  if (!wallet) return "";
+  return wallet.address ?? wallet.walletAddress ?? "";
+}
 
 // src/context/CilantroContext.tsx
 import { jsx } from "react/jsx-runtime";
@@ -238,6 +246,17 @@ var DEFAULT_BASE_URL = "https://api.cilantro.gg";
 var DEFAULT_JWT_STORAGE_KEY = "cilantro_jwt";
 var DEFAULT_WALLET_STORAGE_KEY = "cilantro_selected_wallet_id";
 var CilantroContext = createContext(void 0);
+var DEFAULT_JWT_COOKIE_NAME = "cilantro_jwt";
+function setJwtCookie(name, token) {
+  if (typeof document === "undefined") return;
+  const value = token ?? "";
+  if (!value) {
+    document.cookie = `${name}=; path=/; SameSite=Lax; max-age=0`;
+    return;
+  }
+  const maxAge = 60 * 60 * 24 * 7;
+  document.cookie = `${name}=${encodeURIComponent(value)}; path=/; SameSite=Lax; max-age=${maxAge}`;
+}
 function CilantroContextProvider({
   children,
   apiKey,
@@ -245,6 +264,8 @@ function CilantroContextProvider({
   storageAdapter = null,
   jwtStorageKey = DEFAULT_JWT_STORAGE_KEY,
   walletStorageKey = DEFAULT_WALLET_STORAGE_KEY,
+  syncJwtToCookie = false,
+  jwtCookieName = DEFAULT_JWT_COOKIE_NAME,
   onLoginSuccess,
   onLogout,
   onRegisterSuccess,
@@ -300,6 +321,11 @@ function CilantroContextProvider({
     }
     setAuthLoading(false);
   }, [apiKey, baseURL, jwtStorageKey]);
+  useEffect(() => {
+    if (syncJwtToCookie && typeof document !== "undefined") {
+      setJwtCookie(jwtCookieName, jwt);
+    }
+  }, [jwt, syncJwtToCookie, jwtCookieName]);
   const login = useCallback(
     async (params) => {
       const result = await cilantroLogin(params);
@@ -311,6 +337,7 @@ function CilantroContextProvider({
       setSdkAuth(token);
       if (typeof window !== "undefined") {
         localStorage.setItem(jwtStorageKey, token);
+        if (syncJwtToCookie) setJwtCookie(jwtCookieName, token);
       }
       if (data?.user && typeof data.user === "object") {
         const u = data.user;
@@ -333,7 +360,7 @@ function CilantroContextProvider({
       }
       onLoginSuccess?.();
     },
-    [jwtStorageKey, onLoginSuccess]
+    [jwtStorageKey, jwtCookieName, syncJwtToCookie, onLoginSuccess]
   );
   const logout = useCallback(() => {
     setUser(null);
@@ -341,6 +368,7 @@ function CilantroContextProvider({
     clearAuth();
     if (typeof window !== "undefined") {
       localStorage.removeItem(jwtStorageKey);
+      if (syncJwtToCookie) setJwtCookie(jwtCookieName, null);
       const keys = Object.keys(localStorage);
       keys.forEach((key) => {
         if (key.startsWith("delegated-key-")) localStorage.removeItem(key);
@@ -348,7 +376,7 @@ function CilantroContextProvider({
     }
     setSdkAuth(null);
     onLogout?.();
-  }, [jwtStorageKey, onLogout]);
+  }, [jwtStorageKey, jwtCookieName, syncJwtToCookie, onLogout]);
   const register = useCallback(
     async (username, email, password, isActive = true) => {
       setSdkAuth(null);
@@ -367,6 +395,7 @@ function CilantroContextProvider({
     clearAuth();
     if (typeof window !== "undefined") {
       localStorage.removeItem(jwtStorageKey);
+      if (syncJwtToCookie) setJwtCookie(jwtCookieName, null);
       const keys = Object.keys(localStorage);
       keys.forEach((key) => {
         if (key.startsWith("delegated-key-")) localStorage.removeItem(key);
@@ -374,7 +403,7 @@ function CilantroContextProvider({
     }
     setSdkAuth(null);
     onSessionExpired?.();
-  }, [jwtStorageKey, onSessionExpired]);
+  }, [jwtStorageKey, jwtCookieName, syncJwtToCookie, onSessionExpired]);
   const loadWallets = useCallback(async () => {
     if (!jwt) return;
     setWalletsLoading(true);
@@ -513,6 +542,8 @@ function CilantroProvider({
   apiUrl: apiUrl2,
   jwtStorageKey,
   walletStorageKey,
+  syncJwtToCookie,
+  jwtCookieName,
   onLoginSuccess,
   onLogout,
   onRegisterSuccess,
@@ -535,6 +566,8 @@ function CilantroProvider({
       storageAdapter: storageAdapter ?? void 0,
       jwtStorageKey,
       walletStorageKey,
+      syncJwtToCookie,
+      jwtCookieName,
       onLoginSuccess,
       onLogout,
       onRegisterSuccess,
@@ -549,6 +582,7 @@ function useCilantroAuth() {
   const ctx = useCilantroContext();
   return {
     user: ctx.user,
+    jwt: ctx.jwt,
     token: ctx.jwt,
     isAuthenticated: ctx.isAuthenticated,
     login: (usernameOrEmail, password) => ctx.login({ usernameOrEmail, password }),
@@ -562,8 +596,10 @@ function useCilantroAuth() {
 // src/providers/WalletProvider.tsx
 function useWallets() {
   const ctx = useCilantroContext();
+  const wallet = ctx.wallet;
   return {
-    selectedWallet: ctx.wallet,
+    wallet,
+    selectedWallet: wallet,
     wallets: ctx.wallets,
     selectWallet: ctx.selectWallet,
     refreshWallets: ctx.refreshWallets,
@@ -594,37 +630,83 @@ function useAuth() {
   return {
     user: ctx.user,
     jwt: ctx.jwt,
+    token: ctx.jwt,
     isLoading: ctx.isLoading,
     isAuthenticated: ctx.isAuthenticated,
     login: ctx.login,
-    logout: ctx.logout
+    register: ctx.register,
+    logout: ctx.logout,
+    clearSessionDueToAuthError: ctx.clearSessionDueToAuthError
   };
 }
 
+// src/hooks/useReturnUrl.ts
+import { useCallback as useCallback2, useMemo as useMemo2 } from "react";
+function useReturnUrl(options = {}) {
+  const {
+    param = "returnUrl",
+    defaultPath = "/",
+    allowRelativeOnly = true
+  } = options;
+  const rawReturnUrl = useMemo2(() => {
+    if (typeof window === "undefined") return null;
+    const params = new URLSearchParams(window.location.search);
+    return params.get(param);
+  }, [param]);
+  const returnPath = useMemo2(() => {
+    if (!rawReturnUrl) return defaultPath;
+    if (allowRelativeOnly) {
+      const trimmed = rawReturnUrl.trim();
+      if (trimmed.startsWith("//") || /^https?:\/\//i.test(trimmed)) {
+        return defaultPath;
+      }
+      if (trimmed.startsWith("/")) return trimmed;
+      return `/${trimmed}`;
+    }
+    return rawReturnUrl;
+  }, [rawReturnUrl, defaultPath, allowRelativeOnly]);
+  const redirect = useCallback2(
+    (customRedirect) => {
+      const path = returnPath;
+      if (customRedirect) {
+        customRedirect(path);
+      } else if (typeof window !== "undefined") {
+        window.location.href = path;
+      }
+    },
+    [returnPath]
+  );
+  return { returnPath, redirect, rawReturnUrl };
+}
+
 // src/hooks/useWallet.ts
-import { useMemo as useMemo2 } from "react";
+import { useMemo as useMemo3 } from "react";
 function useWallet(_walletId) {
   const ctx = useCilantroContext();
-  return useMemo2(
+  return useMemo3(
     () => ({
       wallet: ctx.wallet,
       wallets: ctx.wallets,
       createWallet: ctx.createWallet,
       selectWallet: ctx.selectWallet,
-      isLoading: ctx.walletsLoading
+      refreshWallets: ctx.refreshWallets,
+      isLoading: ctx.walletsLoading,
+      error: ctx.walletError
     }),
     [
       ctx.wallet,
       ctx.wallets,
       ctx.createWallet,
       ctx.selectWallet,
-      ctx.walletsLoading
+      ctx.refreshWallets,
+      ctx.walletsLoading,
+      ctx.walletError
     ]
   );
 }
 
 // src/hooks/useSigners.ts
-import { useState as useState2, useEffect as useEffect3, useCallback as useCallback2 } from "react";
+import { useState as useState2, useEffect as useEffect3, useCallback as useCallback3 } from "react";
 
 // src/core/signer-helpers.ts
 import { getSigners, parseSignerResponse } from "cilantro-sdk/helpers";
@@ -835,7 +917,7 @@ function useSigners(walletIdOrOptions) {
   const [signers, setSigners] = useState2([]);
   const [isLoading, setIsLoading] = useState2(false);
   const [error, setError] = useState2(null);
-  const load = useCallback2(
+  const load = useCallback3(
     async (walletId) => {
       if (!walletId) {
         setSigners([]);
@@ -865,11 +947,11 @@ function useSigners(walletIdOrOptions) {
       setError(null);
     }
   }, [walletIdOption, load]);
-  const refresh = useCallback2(async () => {
+  const refresh = useCallback3(async () => {
     const id = walletIdOption ?? void 0;
     if (id) await load(id);
   }, [walletIdOption, load]);
-  const createEmailSigner = useCallback2(
+  const createEmailSigner = useCallback3(
     async (params) => {
       const walletId = walletIdOption ?? void 0;
       if (!walletId) throw new Error("walletId is required");
@@ -880,7 +962,7 @@ function useSigners(walletIdOrOptions) {
     },
     [walletIdOption, jwt, refresh]
   );
-  const createPhoneSigner = useCallback2(
+  const createPhoneSigner = useCallback3(
     async (params) => {
       const walletId = walletIdOption ?? void 0;
       if (!walletId) throw new Error("walletId is required");
@@ -891,7 +973,7 @@ function useSigners(walletIdOrOptions) {
     },
     [walletIdOption, jwt, refresh]
   );
-  const revokeSigner = useCallback2(
+  const revokeSigner = useCallback3(
     async (signerId) => {
       const walletId = walletIdOption ?? void 0;
       if (!walletId) throw new Error("walletId is required");
@@ -913,7 +995,7 @@ function useSigners(walletIdOrOptions) {
 }
 
 // src/hooks/usePasskey.ts
-import { useState as useState3, useCallback as useCallback3 } from "react";
+import { useState as useState3, useCallback as useCallback4 } from "react";
 import { isWebAuthnSupported as isWebAuthnSupported2 } from "cilantro-sdk/helpers";
 import { startPasskeyAuthentication as startPasskeyAuthentication2 } from "cilantro-sdk/wallet";
 import { authenticateWithPasskey as authenticateWithPasskey2, formatAuthenticationResponse as formatAuthenticationResponse2 } from "cilantro-sdk/helpers";
@@ -921,7 +1003,7 @@ function usePasskey(walletId) {
   const { jwt } = useCilantroContext();
   const [isLoading, setIsLoading] = useState3(false);
   const isSupported = typeof window !== "undefined" && isWebAuthnSupported2();
-  const register = useCallback3(async () => {
+  const register = useCallback4(async () => {
     if (!walletId) throw new Error("walletId is required");
     if (!isSupported) throw new Error("WebAuthn is not supported in this browser");
     setIsLoading(true);
@@ -932,7 +1014,7 @@ function usePasskey(walletId) {
       setIsLoading(false);
     }
   }, [walletId, isSupported]);
-  const authenticate = useCallback3(
+  const authenticate = useCallback4(
     async (signerId) => {
       if (!walletId) throw new Error("walletId is required");
       if (!isSupported) throw new Error("WebAuthn is not supported in this browser");
@@ -962,7 +1044,7 @@ function usePasskey(walletId) {
 }
 
 // src/hooks/useExternalWallet.ts
-import { useState as useState4, useCallback as useCallback4, useEffect as useEffect4 } from "react";
+import { useState as useState4, useCallback as useCallback5, useEffect as useEffect4 } from "react";
 function getDetectedWallets() {
   if (typeof window === "undefined") return [];
   const list = [];
@@ -990,13 +1072,13 @@ function useExternalWallet() {
   useEffect4(() => {
     setWallets(getDetectedWallets());
   }, []);
-  const connect = useCallback4(async (wallet) => {
+  const connect = useCallback5(async (wallet) => {
     const res = await wallet.connect();
     const publicKey = res.publicKey.toString();
     setConnectedWallet(wallet);
     return publicKey;
   }, []);
-  const disconnect = useCallback4(async () => {
+  const disconnect = useCallback5(async () => {
     if (connectedWallet?.disconnect) {
       await connectedWallet.disconnect();
     }
@@ -1006,13 +1088,13 @@ function useExternalWallet() {
 }
 
 // src/hooks/useSendTransaction.ts
-import { useState as useState5, useCallback as useCallback5 } from "react";
+import { useState as useState5, useCallback as useCallback6 } from "react";
 import { sendSOL as sendSOLApi, sendSPL as sendSPLApi } from "cilantro-sdk/wallet";
 function useSendTransaction(walletId, _signerId, _signerType) {
   const { jwt } = useCilantroContext();
   const [isPending, setIsPending] = useState5(false);
   const [error, setError] = useState5(null);
-  const sendSOL = useCallback5(
+  const sendSOL = useCallback6(
     async (params) => {
       if (!walletId) throw new Error("walletId is required");
       setError(null);
@@ -1039,7 +1121,7 @@ function useSendTransaction(walletId, _signerId, _signerType) {
     },
     [walletId, jwt]
   );
-  const sendSPL = useCallback5(
+  const sendSPL = useCallback6(
     async (params) => {
       if (!walletId) throw new Error("walletId is required");
       setError(null);
@@ -1201,21 +1283,33 @@ function LoginForm({
   style,
   onSuccess,
   onError,
+  redirectAfterSuccess,
+  onRedirect,
+  returnUrlParam = "returnUrl",
   submitLabel = "Sign in",
   title = "Sign in",
   description,
   renderSwitchToRegister
 }) {
   const { login, isLoading } = useCilantroAuth();
+  const { returnPath } = useReturnUrl({ param: returnUrlParam, defaultPath: "/" });
   const [usernameOrEmail, setUsernameOrEmail] = useState6("");
   const [password, setPassword] = useState6("");
   const [error, setError] = useState6(null);
+  const pathToRedirect = redirectAfterSuccess ?? returnPath;
   const handleSubmit = async (e) => {
     e.preventDefault();
     setError(null);
     try {
       await login(usernameOrEmail.trim(), password);
       onSuccess?.();
+      if (pathToRedirect) {
+        if (onRedirect) {
+          onRedirect(pathToRedirect);
+        } else if (typeof window !== "undefined") {
+          window.location.href = pathToRedirect;
+        }
+      }
     } catch (err) {
       const message = err instanceof Error ? err.message : String(err);
       setError(message);
@@ -1288,16 +1382,142 @@ function LoginForm({
   ] });
 }
 
-// src/components/auth/LogoutButton.tsx
+// src/components/auth/RegisterForm.tsx
 import { useState as useState7 } from "react";
+import { jsx as jsx8, jsxs as jsxs2 } from "react/jsx-runtime";
+function RegisterForm({
+  className,
+  classNames,
+  style,
+  onSuccess,
+  onError,
+  redirectAfterSuccess,
+  onRedirect,
+  returnUrlParam = "returnUrl",
+  submitLabel = "Create account",
+  title = "Create account",
+  description,
+  renderSwitchToLogin
+}) {
+  const { register, isLoading } = useAuth();
+  const { returnPath } = useReturnUrl({ param: returnUrlParam, defaultPath: "/" });
+  const [username, setUsername] = useState7("");
+  const [email, setEmail] = useState7("");
+  const [password, setPassword] = useState7("");
+  const [error, setError] = useState7(null);
+  const pathToRedirect = redirectAfterSuccess ?? returnPath;
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setError(null);
+    try {
+      await register(username.trim(), email.trim(), password);
+      onSuccess?.();
+      if (pathToRedirect) {
+        if (onRedirect) {
+          onRedirect(pathToRedirect);
+        } else if (typeof window !== "undefined") {
+          window.location.href = pathToRedirect;
+        }
+      }
+    } catch (err) {
+      const message = err instanceof Error ? err.message : String(err);
+      setError(message);
+      onError?.(err instanceof Error ? err : new Error(message));
+    }
+  };
+  return /* @__PURE__ */ jsxs2(Card, { className: cn(className, classNames?.root), style, "data-cilantro-register-form": true, children: [
+    /* @__PURE__ */ jsxs2(CardHeader, { className: classNames?.header, children: [
+      /* @__PURE__ */ jsx8(CardTitle, { className: classNames?.title, children: title }),
+      description != null && /* @__PURE__ */ jsx8(CardDescription, { className: classNames?.description, children: description })
+    ] }),
+    /* @__PURE__ */ jsx8(CardContent, { children: /* @__PURE__ */ jsxs2("form", { onSubmit: handleSubmit, className: cn("space-y-4", classNames?.form), children: [
+      /* @__PURE__ */ jsxs2("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx8(Label, { htmlFor: "cilantro-register-username", className: classNames?.label, children: "Username" }),
+        /* @__PURE__ */ jsx8(
+          Input,
+          {
+            id: "cilantro-register-username",
+            type: "text",
+            autoComplete: "username",
+            className: classNames?.input,
+            value: username,
+            onChange: (e) => setUsername(e.target.value),
+            placeholder: "Username",
+            required: true,
+            disabled: isLoading
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx8(Label, { htmlFor: "cilantro-register-email", className: classNames?.label, children: "Email" }),
+        /* @__PURE__ */ jsx8(
+          Input,
+          {
+            id: "cilantro-register-email",
+            type: "email",
+            autoComplete: "email",
+            className: classNames?.input,
+            value: email,
+            onChange: (e) => setEmail(e.target.value),
+            placeholder: "Email",
+            required: true,
+            disabled: isLoading
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx8(Label, { htmlFor: "cilantro-register-password", className: classNames?.label, children: "Password" }),
+        /* @__PURE__ */ jsx8(
+          Input,
+          {
+            id: "cilantro-register-password",
+            type: "password",
+            autoComplete: "new-password",
+            className: classNames?.input,
+            value: password,
+            onChange: (e) => setPassword(e.target.value),
+            placeholder: "Password",
+            required: true,
+            disabled: isLoading
+          }
+        )
+      ] }),
+      error && /* @__PURE__ */ jsx8(
+        "div",
+        {
+          className: cn(
+            "rounded-md border border-destructive/50 bg-destructive/10 px-3 py-2 text-sm text-destructive",
+            classNames?.error
+          ),
+          role: "alert",
+          children: error
+        }
+      ),
+      /* @__PURE__ */ jsx8(
+        Button,
+        {
+          type: "submit",
+          size: "touch",
+          className: cn("w-full", classNames?.submitButton),
+          disabled: isLoading || !username.trim() || !email.trim() || !password,
+          children: isLoading ? "Creating account..." : submitLabel
+        }
+      ),
+      renderSwitchToLogin && /* @__PURE__ */ jsx8("div", { className: "text-center text-sm text-muted-foreground", children: renderSwitchToLogin() })
+    ] }) })
+  ] });
+}
+
+// src/components/auth/LogoutButton.tsx
+import { useState as useState8 } from "react";
 
 // src/ui/dialog.tsx
 import * as React5 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { jsx as jsx8, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
 var Dialog = DialogPrimitive.Root;
 var DialogPortal = DialogPrimitive.Portal;
-var DialogOverlay = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
+var DialogOverlay = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -1309,9 +1529,9 @@ var DialogOverlay = React5.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React5.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs2(DialogPortal, { children: [
-  /* @__PURE__ */ jsx8(DialogOverlay, {}),
-  /* @__PURE__ */ jsx8(
+var DialogContent = React5.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs3(DialogPortal, { children: [
+  /* @__PURE__ */ jsx9(DialogOverlay, {}),
+  /* @__PURE__ */ jsx9(
     DialogPrimitive.Content,
     {
       ref,
@@ -1325,9 +1545,9 @@ var DialogContent = React5.forwardRef(({ className, children, ...props }, ref) =
   )
 ] }));
 DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx8("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
+var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx9("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
 DialogHeader.displayName = "DialogHeader";
-var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx8(
+var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx9(
   "div",
   {
     className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
@@ -1335,7 +1555,7 @@ var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx8(
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
+var DialogTitle = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
   DialogPrimitive.Title,
   {
     ref,
@@ -1344,7 +1564,7 @@ var DialogTitle = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
+var DialogDescription = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
   DialogPrimitive.Description,
   {
     ref,
@@ -1355,19 +1575,28 @@ var DialogDescription = React5.forwardRef(({ className, ...props }, ref) => /* @
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // src/components/auth/LogoutButton.tsx
-import { Fragment, jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
 function LogoutButton({
   onLogout,
+  redirectAfterLogout,
+  onRedirect,
   confirmBeforeLogout = false,
   className,
   children
 }) {
   const { logout } = useAuth();
-  const [confirmOpen, setConfirmOpen] = useState7(false);
+  const [confirmOpen, setConfirmOpen] = useState8(false);
   const handleLogout = () => {
     logout();
     setConfirmOpen(false);
     onLogout?.();
+    if (redirectAfterLogout) {
+      if (onRedirect) {
+        onRedirect(redirectAfterLogout);
+      } else if (typeof window !== "undefined") {
+        window.location.href = redirectAfterLogout;
+      }
+    }
   };
   const handleClick = () => {
     if (confirmBeforeLogout) {
@@ -1376,8 +1605,8 @@ function LogoutButton({
       handleLogout();
     }
   };
-  return /* @__PURE__ */ jsxs3(Fragment, { children: [
-    /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsxs4(Fragment, { children: [
+    /* @__PURE__ */ jsx10(
       Button,
       {
         type: "button",
@@ -1388,24 +1617,27 @@ function LogoutButton({
         children: children ?? "Log out"
       }
     ),
-    confirmBeforeLogout && /* @__PURE__ */ jsx9(Dialog, { open: confirmOpen, onOpenChange: setConfirmOpen, children: /* @__PURE__ */ jsxs3(DialogContent, { children: [
-      /* @__PURE__ */ jsxs3(DialogHeader, { children: [
-        /* @__PURE__ */ jsx9(DialogTitle, { children: "Log out?" }),
-        /* @__PURE__ */ jsx9(DialogDescription, { children: "Are you sure you want to log out?" })
+    confirmBeforeLogout && /* @__PURE__ */ jsx10(Dialog, { open: confirmOpen, onOpenChange: setConfirmOpen, children: /* @__PURE__ */ jsxs4(DialogContent, { children: [
+      /* @__PURE__ */ jsxs4(DialogHeader, { children: [
+        /* @__PURE__ */ jsx10(DialogTitle, { children: "Log out?" }),
+        /* @__PURE__ */ jsx10(DialogDescription, { children: "Are you sure you want to log out?" })
       ] }),
-      /* @__PURE__ */ jsxs3(DialogFooter, { children: [
-        /* @__PURE__ */ jsx9(Button, { variant: "outline", onClick: () => setConfirmOpen(false), children: "Cancel" }),
-        /* @__PURE__ */ jsx9(Button, { variant: "destructive", onClick: handleLogout, children: "Log out" })
+      /* @__PURE__ */ jsxs4(DialogFooter, { children: [
+        /* @__PURE__ */ jsx10(Button, { variant: "outline", onClick: () => setConfirmOpen(false), children: "Cancel" }),
+        /* @__PURE__ */ jsx10(Button, { variant: "destructive", onClick: handleLogout, children: "Log out" })
       ] })
     ] }) })
   ] });
 }
 
+// src/components/auth/AuthGuard.tsx
+import { useMemo as useMemo4 } from "react";
+
 // src/ui/skeleton.tsx
 import * as React6 from "react";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 var Skeleton = React6.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
     "div",
     {
       ref,
@@ -1417,47 +1649,166 @@ var Skeleton = React6.forwardRef(
 Skeleton.displayName = "Skeleton";
 
 // src/components/auth/AuthGuard.tsx
-import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
+var LAYOUT_CLASSES = {
+  inline: "",
+  centered: "flex min-h-[280px] items-center justify-center p-6",
+  fullscreen: "fixed inset-0 z-50 flex min-h-screen items-center justify-center bg-background p-4"
+};
+function getCurrentReturnPath(returnUrlParam) {
+  if (typeof window === "undefined") return "/";
+  const params = new URLSearchParams(window.location.search);
+  const existing = params.get(returnUrlParam);
+  if (existing && existing.startsWith("/")) return existing;
+  const path = window.location.pathname + window.location.search;
+  return path || "/";
+}
 function AuthGuard({
   children,
   fallback,
   redirectTo,
+  onRedirect,
+  returnUrlParam = "returnUrl",
+  layout = "inline",
   className,
   classNames,
   showFallback = true,
   useSkeleton = false
 }) {
   const { isAuthenticated, isLoading } = useCilantroAuth();
+  const redirectPath = useMemo4(() => {
+    if (!redirectTo) return null;
+    const returnPath = getCurrentReturnPath(returnUrlParam);
+    const sep = redirectTo.includes("?") ? "&" : "?";
+    return `${redirectTo}${sep}${returnUrlParam}=${encodeURIComponent(returnPath)}`;
+  }, [redirectTo, returnUrlParam]);
   if (isLoading) {
-    return /* @__PURE__ */ jsx11(
+    const loadingContent = useSkeleton ? /* @__PURE__ */ jsxs5("div", { className: cn("rounded-lg border border-input p-6 space-y-4 w-full max-w-sm", classNames?.fallback), children: [
+      /* @__PURE__ */ jsx12(Skeleton, { className: cn("h-7 w-2/3 rounded", classNames?.skeleton) }),
+      /* @__PURE__ */ jsx12(Skeleton, { className: cn("h-4 w-full rounded", classNames?.skeleton) }),
+      /* @__PURE__ */ jsx12(Skeleton, { className: cn("h-10 w-full rounded", classNames?.skeleton) }),
+      /* @__PURE__ */ jsx12(Skeleton, { className: cn("h-10 w-full rounded", classNames?.skeleton) })
+    ] }) : /* @__PURE__ */ jsxs5("div", { className: "flex flex-col items-center gap-3", children: [
+      /* @__PURE__ */ jsx12(
+        "div",
+        {
+          className: "h-8 w-8 animate-spin rounded-full border-2 border-primary border-t-transparent",
+          "aria-hidden": true
+        }
+      ),
+      /* @__PURE__ */ jsx12("p", { className: "text-sm text-muted-foreground", children: "Loading..." })
+    ] });
+    return /* @__PURE__ */ jsx12(
       "div",
       {
-        className: cn(className, classNames?.root, classNames?.loading),
+        className: cn(
+          LAYOUT_CLASSES[layout],
+          className,
+          classNames?.root,
+          classNames?.loading
+        ),
         "data-cilantro-auth-guard": true,
         "aria-busy": "true",
         "aria-live": "polite",
-        children: useSkeleton ? /* @__PURE__ */ jsxs4("div", { className: cn("rounded-lg border border-input p-4 space-y-3 w-full max-w-sm", classNames?.fallback), children: [
-          /* @__PURE__ */ jsx11(Skeleton, { className: cn("h-6 w-2/3 rounded", classNames?.skeleton) }),
-          /* @__PURE__ */ jsx11(Skeleton, { className: cn("h-4 w-full rounded", classNames?.skeleton) }),
-          /* @__PURE__ */ jsx11(Skeleton, { className: cn("h-4 w-[80%] rounded", classNames?.skeleton) })
-        ] }) : /* @__PURE__ */ jsx11("div", { className: cn("text-sm text-muted-foreground", classNames?.fallback), children: "Loading..." })
+        children: /* @__PURE__ */ jsx12("div", { className: cn(layout !== "inline" && "w-full max-w-sm", classNames?.layout), children: loadingContent })
       }
     );
   }
   if (!isAuthenticated) {
+    if (!showFallback && redirectPath) {
+      if (onRedirect) {
+        onRedirect(redirectPath);
+      } else if (typeof window !== "undefined") {
+        window.location.href = redirectPath;
+      }
+      return null;
+    }
     if (!showFallback) return null;
-    if (redirectTo && typeof window !== "undefined") {
-      window.location.href = redirectTo;
+    if (redirectPath) {
+      if (onRedirect) {
+        onRedirect(redirectPath);
+      } else if (typeof window !== "undefined") {
+        window.location.href = redirectPath;
+      }
       return null;
     }
-    return /* @__PURE__ */ jsx11("div", { className: cn(className, classNames?.root), "data-cilantro-auth-guard": true, children: fallback ?? /* @__PURE__ */ jsx11(LoginForm, { className: classNames?.fallback }) });
+    const returnPath = getCurrentReturnPath(returnUrlParam);
+    const fallbackContent = fallback ?? /* @__PURE__ */ jsx12(
+      LoginForm,
+      {
+        className: classNames?.fallback,
+        redirectAfterSuccess: returnPath,
+        returnUrlParam,
+        onRedirect
+      }
+    );
+    return /* @__PURE__ */ jsx12(
+      "div",
+      {
+        className: cn(
+          LAYOUT_CLASSES[layout],
+          className,
+          classNames?.root
+        ),
+        "data-cilantro-auth-guard": true,
+        children: /* @__PURE__ */ jsx12("div", { className: cn(layout !== "inline" && "w-full max-w-sm", classNames?.layout), children: fallbackContent })
+      }
+    );
   }
-  return /* @__PURE__ */ jsx11(Fragment2, { children });
+  return /* @__PURE__ */ jsx12(Fragment2, { children });
+}
+
+// src/components/auth/AuthShell.tsx
+import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
+var MAX_WIDTH_CLASSES = {
+  sm: "max-w-sm",
+  md: "max-w-md",
+  lg: "max-w-lg"
+};
+function AuthShell({
+  children,
+  logo,
+  maxWidth = "sm",
+  className,
+  classNames
+}) {
+  return /* @__PURE__ */ jsx13(
+    "div",
+    {
+      className: cn(
+        "flex min-h-screen flex-col items-center justify-center bg-background p-4 sm:p-6",
+        className,
+        classNames?.root
+      ),
+      "data-cilantro-auth-shell": true,
+      children: /* @__PURE__ */ jsxs6(
+        "div",
+        {
+          className: cn(
+            "w-full space-y-6",
+            MAX_WIDTH_CLASSES[maxWidth],
+            classNames?.inner
+          ),
+          children: [
+            logo && /* @__PURE__ */ jsx13(
+              "div",
+              {
+                className: cn("flex justify-center", classNames?.logo),
+                "data-cilantro-auth-shell-logo": true,
+                children: logo
+              }
+            ),
+            children
+          ]
+        }
+      )
+    }
+  );
 }
 
 // src/components/signers/CreateEmailSignerForm.tsx
-import { useState as useState8 } from "react";
-import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
+import { useState as useState9 } from "react";
+import { jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
 function CreateEmailSignerForm({
   walletId,
   onCreated,
@@ -1465,8 +1816,8 @@ function CreateEmailSignerForm({
   className
 }) {
   const { createEmailSigner, isLoading } = useSigners(walletId);
-  const [email, setEmail] = useState8("");
-  const [error, setError] = useState8(null);
+  const [email, setEmail] = useState9("");
+  const [error, setError] = useState9(null);
   const handleSubmit = async (e) => {
     e.preventDefault();
     setError(null);
@@ -1480,10 +1831,10 @@ function CreateEmailSignerForm({
       onError?.(err instanceof Error ? err : new Error(message));
     }
   };
-  return /* @__PURE__ */ jsxs5("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), "data-cilantro-create-email-signer": true, children: [
-    /* @__PURE__ */ jsxs5("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx12(Label, { htmlFor: "cilantro-email-signer-email", children: "Email" }),
-      /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsxs7("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), "data-cilantro-create-email-signer": true, children: [
+    /* @__PURE__ */ jsxs7("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx14(Label, { htmlFor: "cilantro-email-signer-email", children: "Email" }),
+      /* @__PURE__ */ jsx14(
         Input,
         {
           id: "cilantro-email-signer-email",
@@ -1497,14 +1848,14 @@ function CreateEmailSignerForm({
         }
       )
     ] }),
-    error && /* @__PURE__ */ jsx12("div", { className: "rounded-md border border-destructive/50 bg-destructive/10 px-3 py-2 text-sm text-destructive", role: "alert", children: error }),
-    /* @__PURE__ */ jsx12(Button, { type: "submit", disabled: isLoading || !email.trim(), children: isLoading ? "Creating..." : "Create email signer" })
+    error && /* @__PURE__ */ jsx14("div", { className: "rounded-md border border-destructive/50 bg-destructive/10 px-3 py-2 text-sm text-destructive", role: "alert", children: error }),
+    /* @__PURE__ */ jsx14(Button, { type: "submit", disabled: isLoading || !email.trim(), children: isLoading ? "Creating..." : "Create email signer" })
   ] });
 }
 
 // src/components/signers/CreatePhoneSignerForm.tsx
-import { useState as useState9 } from "react";
-import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
+import { useState as useState10 } from "react";
+import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
 function CreatePhoneSignerForm({
   walletId,
   onCreated,
@@ -1512,8 +1863,8 @@ function CreatePhoneSignerForm({
   className
 }) {
   const { createPhoneSigner, isLoading } = useSigners(walletId);
-  const [phone, setPhone] = useState9("");
-  const [error, setError] = useState9(null);
+  const [phone, setPhone] = useState10("");
+  const [error, setError] = useState10(null);
   const handleSubmit = async (e) => {
     e.preventDefault();
     setError(null);
@@ -1527,10 +1878,10 @@ function CreatePhoneSignerForm({
       onError?.(err instanceof Error ? err : new Error(message));
     }
   };
-  return /* @__PURE__ */ jsxs6("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), "data-cilantro-create-phone-signer": true, children: [
-    /* @__PURE__ */ jsxs6("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx13(Label, { htmlFor: "cilantro-phone-signer-phone", children: "Phone number" }),
-      /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsxs8("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), "data-cilantro-create-phone-signer": true, children: [
+    /* @__PURE__ */ jsxs8("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx15(Label, { htmlFor: "cilantro-phone-signer-phone", children: "Phone number" }),
+      /* @__PURE__ */ jsx15(
         Input,
         {
           id: "cilantro-phone-signer-phone",
@@ -1544,14 +1895,14 @@ function CreatePhoneSignerForm({
         }
       )
     ] }),
-    error && /* @__PURE__ */ jsx13("div", { className: "rounded-md border border-destructive/50 bg-destructive/10 px-3 py-2 text-sm text-destructive", role: "alert", children: error }),
-    /* @__PURE__ */ jsx13(Button, { type: "submit", disabled: isLoading || !phone.trim(), children: isLoading ? "Creating..." : "Create phone signer" })
+    error && /* @__PURE__ */ jsx15("div", { className: "rounded-md border border-destructive/50 bg-destructive/10 px-3 py-2 text-sm text-destructive", role: "alert", children: error }),
+    /* @__PURE__ */ jsx15(Button, { type: "submit", disabled: isLoading || !phone.trim(), children: isLoading ? "Creating..." : "Create phone signer" })
   ] });
 }
 
 // src/components/signers/AddPasskeyButton.tsx
-import { useState as useState10 } from "react";
-import { jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
+import { useState as useState11 } from "react";
+import { jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
 function AddPasskeyButton({
   walletId,
   onRegistered,
@@ -1560,7 +1911,7 @@ function AddPasskeyButton({
   children
 }) {
   const { isSupported, register, isLoading } = usePasskey(walletId);
-  const [error, setError] = useState10(null);
+  const [error, setError] = useState11(null);
   const handleClick = async () => {
     setError(null);
     try {
@@ -1573,15 +1924,15 @@ function AddPasskeyButton({
     }
   };
   if (!isSupported) return null;
-  return /* @__PURE__ */ jsxs7("div", { className: cn(className), "data-cilantro-add-passkey": true, children: [
-    /* @__PURE__ */ jsx14(Button, { type: "button", variant: "outline", onClick: handleClick, disabled: isLoading, children: children ?? "Add Passkey" }),
-    error && /* @__PURE__ */ jsx14("p", { className: "mt-2 text-sm text-destructive", role: "alert", children: error })
+  return /* @__PURE__ */ jsxs9("div", { className: cn(className), "data-cilantro-add-passkey": true, children: [
+    /* @__PURE__ */ jsx16(Button, { type: "button", variant: "outline", onClick: handleClick, disabled: isLoading, children: children ?? "Add Passkey" }),
+    error && /* @__PURE__ */ jsx16("p", { className: "mt-2 text-sm text-destructive", role: "alert", children: error })
   ] });
 }
 
 // src/components/signers/SignerList.tsx
-import { useState as useState11 } from "react";
-import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
+import { useState as useState12 } from "react";
+import { Fragment as Fragment3, jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
 function SignerList({
   walletId,
   onRevoke,
@@ -1592,7 +1943,7 @@ function SignerList({
   children
 }) {
   const { signers, isLoading, error, refresh, revokeSigner } = useSigners(walletId);
-  const [addSignerOpen, setAddSignerOpen] = useState11(false);
+  const [addSignerOpen, setAddSignerOpen] = useState12(false);
   const handleAddSuccess = () => {
     refresh();
     setAddSignerOpen(false);
@@ -1606,7 +1957,7 @@ function SignerList({
     }
   };
   if (children) {
-    return /* @__PURE__ */ jsxs8(Fragment3, { children: [
+    return /* @__PURE__ */ jsxs10(Fragment3, { children: [
       children({
         signers,
         isLoading,
@@ -1614,24 +1965,24 @@ function SignerList({
         refresh,
         openAddSigner: () => setAddSignerOpen(true)
       }),
-      /* @__PURE__ */ jsx15(Dialog, { open: addSignerOpen, onOpenChange: setAddSignerOpen, children: /* @__PURE__ */ jsxs8(DialogContent, { children: [
-        /* @__PURE__ */ jsx15(DialogHeader, { children: /* @__PURE__ */ jsx15(DialogTitle, { children: "Add signer" }) }),
-        /* @__PURE__ */ jsxs8("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsx15(
+      /* @__PURE__ */ jsx17(Dialog, { open: addSignerOpen, onOpenChange: setAddSignerOpen, children: /* @__PURE__ */ jsxs10(DialogContent, { children: [
+        /* @__PURE__ */ jsx17(DialogHeader, { children: /* @__PURE__ */ jsx17(DialogTitle, { children: "Add signer" }) }),
+        /* @__PURE__ */ jsxs10("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsx17(
             CreateEmailSignerForm,
             {
               walletId,
               onCreated: handleAddSuccess
             }
           ),
-          /* @__PURE__ */ jsx15(
+          /* @__PURE__ */ jsx17(
             CreatePhoneSignerForm,
             {
               walletId,
               onCreated: handleAddSuccess
             }
           ),
-          /* @__PURE__ */ jsx15(
+          /* @__PURE__ */ jsx17(
             AddPasskeyButton,
             {
               walletId,
@@ -1643,12 +1994,12 @@ function SignerList({
     ] });
   }
   if (!walletId) {
-    return /* @__PURE__ */ jsx15("div", { className: cn(className, classNames?.root), "data-cilantro-signer-list": true, children: /* @__PURE__ */ jsx15("p", { className: cn("text-sm text-muted-foreground", classNames?.message), children: "Select a wallet first." }) });
+    return /* @__PURE__ */ jsx17("div", { className: cn(className, classNames?.root), "data-cilantro-signer-list": true, children: /* @__PURE__ */ jsx17("p", { className: cn("text-sm text-muted-foreground", classNames?.message), children: "Select a wallet first." }) });
   }
-  return /* @__PURE__ */ jsxs8("div", { className: cn(className, classNames?.root), "data-cilantro-signer-list": true, "aria-busy": isLoading, "aria-live": "polite", children: [
-    /* @__PURE__ */ jsxs8("div", { className: cn("flex items-center justify-between gap-2 mb-2", classNames?.header), children: [
-      /* @__PURE__ */ jsx15("span", { className: "text-sm font-medium", children: "Signers" }),
-      /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsxs10("div", { className: cn(className, classNames?.root), "data-cilantro-signer-list": true, "aria-busy": isLoading, "aria-live": "polite", children: [
+    /* @__PURE__ */ jsxs10("div", { className: cn("flex items-center justify-between gap-2 mb-2", classNames?.header), children: [
+      /* @__PURE__ */ jsx17("span", { className: "text-sm font-medium", children: "Signers" }),
+      /* @__PURE__ */ jsx17(
         Button,
         {
           type: "button",
@@ -1662,13 +2013,13 @@ function SignerList({
         }
       )
     ] }),
-    isLoading && useSkeleton ? /* @__PURE__ */ jsx15("div", { className: cn("space-y-1", classNames?.loading), "aria-busy": "true", "aria-live": "polite", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsx15(Skeleton, { className: cn("h-5 w-full rounded-md", classNames?.skeleton) }, i)) }) : isLoading ? /* @__PURE__ */ jsx15("p", { className: cn("text-sm text-muted-foreground", classNames?.message), children: "Loading signers..." }) : error ? /* @__PURE__ */ jsxs8("div", { className: cn("rounded-md border border-destructive/50 bg-destructive/10 px-3 py-2", classNames?.message), role: "alert", children: [
-      /* @__PURE__ */ jsx15("p", { className: "text-sm text-destructive", children: error }),
-      /* @__PURE__ */ jsx15(Button, { type: "button", variant: "outline", size: "sm", className: "mt-2", onClick: () => refresh(), children: "Retry" })
-    ] }) : signers.length === 0 ? /* @__PURE__ */ jsxs8("div", { className: cn("rounded-md border border-input bg-muted/30 px-4 py-3 text-sm text-muted-foreground", classNames?.message), children: [
-      /* @__PURE__ */ jsx15("p", { className: "font-medium text-foreground", children: "No signers" }),
-      /* @__PURE__ */ jsx15("p", { className: "mt-1", children: "Add a signer to authorize transactions for this wallet." }),
-      /* @__PURE__ */ jsx15(
+    isLoading && useSkeleton ? /* @__PURE__ */ jsx17("div", { className: cn("space-y-1", classNames?.loading), "aria-busy": "true", "aria-live": "polite", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsx17(Skeleton, { className: cn("h-5 w-full rounded-md", classNames?.skeleton) }, i)) }) : isLoading ? /* @__PURE__ */ jsx17("p", { className: cn("text-sm text-muted-foreground", classNames?.message), children: "Loading signers..." }) : error ? /* @__PURE__ */ jsxs10("div", { className: cn("rounded-md border border-destructive/50 bg-destructive/10 px-3 py-2", classNames?.message), role: "alert", children: [
+      /* @__PURE__ */ jsx17("p", { className: "text-sm text-destructive", children: error }),
+      /* @__PURE__ */ jsx17(Button, { type: "button", variant: "outline", size: "sm", className: "mt-2", onClick: () => refresh(), children: "Retry" })
+    ] }) : signers.length === 0 ? /* @__PURE__ */ jsxs10("div", { className: cn("rounded-md border border-input bg-muted/30 px-4 py-3 text-sm text-muted-foreground", classNames?.message), children: [
+      /* @__PURE__ */ jsx17("p", { className: "font-medium text-foreground", children: "No signers" }),
+      /* @__PURE__ */ jsx17("p", { className: "mt-1", children: "Add a signer to authorize transactions for this wallet." }),
+      /* @__PURE__ */ jsx17(
         Button,
         {
           type: "button",
@@ -1680,14 +2031,14 @@ function SignerList({
           children: "Add signer"
         }
       )
-    ] }) : /* @__PURE__ */ jsx15("ul", { className: cn("space-y-1", classNames?.list), role: "list", children: signers.map((signer) => /* @__PURE__ */ jsxs8("li", { className: cn("flex items-center justify-between gap-2 text-sm", classNames?.item), children: [
-      /* @__PURE__ */ jsxs8("span", { children: [
+    ] }) : /* @__PURE__ */ jsx17("ul", { className: cn("space-y-1", classNames?.list), role: "list", children: signers.map((signer) => /* @__PURE__ */ jsxs10("li", { className: cn("flex items-center justify-between gap-2 text-sm", classNames?.item), children: [
+      /* @__PURE__ */ jsxs10("span", { children: [
         getSignerDisplayName(signer),
         " (",
         getSignerTypeLabel(signer.type || signer.signerType || ""),
         ")"
       ] }),
-      onRevoke && /* @__PURE__ */ jsx15(
+      onRevoke && /* @__PURE__ */ jsx17(
         Button,
         {
           type: "button",
@@ -1700,19 +2051,19 @@ function SignerList({
         }
       )
     ] }, signer.id)) }),
-    /* @__PURE__ */ jsx15(Dialog, { open: addSignerOpen, onOpenChange: setAddSignerOpen, children: /* @__PURE__ */ jsxs8(DialogContent, { children: [
-      /* @__PURE__ */ jsx15(DialogHeader, { children: /* @__PURE__ */ jsx15(DialogTitle, { children: "Add signer" }) }),
-      /* @__PURE__ */ jsxs8("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsx15(CreateEmailSignerForm, { walletId, onCreated: handleAddSuccess }),
-        /* @__PURE__ */ jsx15(CreatePhoneSignerForm, { walletId, onCreated: handleAddSuccess }),
-        /* @__PURE__ */ jsx15(AddPasskeyButton, { walletId, onRegistered: handleAddSuccess })
+    /* @__PURE__ */ jsx17(Dialog, { open: addSignerOpen, onOpenChange: setAddSignerOpen, children: /* @__PURE__ */ jsxs10(DialogContent, { children: [
+      /* @__PURE__ */ jsx17(DialogHeader, { children: /* @__PURE__ */ jsx17(DialogTitle, { children: "Add signer" }) }),
+      /* @__PURE__ */ jsxs10("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsx17(CreateEmailSignerForm, { walletId, onCreated: handleAddSuccess }),
+        /* @__PURE__ */ jsx17(CreatePhoneSignerForm, { walletId, onCreated: handleAddSuccess }),
+        /* @__PURE__ */ jsx17(AddPasskeyButton, { walletId, onRegistered: handleAddSuccess })
       ] })
     ] }) })
   ] });
 }
 
 // src/components/signers/SignerSelector.tsx
-import { Fragment as Fragment4, jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
 function SignerSelector({
   walletId,
   value,
@@ -1740,7 +2091,7 @@ function SignerSelector({
   };
   if (!walletId && !selectedWalletId) return null;
   if (children) {
-    return /* @__PURE__ */ jsx16(Fragment4, { children: children({
+    return /* @__PURE__ */ jsx18(Fragment4, { children: children({
       signers: availableSigners,
       selectedSigner,
       onSignerSelect: handleSelect,
@@ -1748,7 +2099,7 @@ function SignerSelector({
     }) });
   }
   if (renderList) {
-    return /* @__PURE__ */ jsx16("div", { className: cn(className, classNames?.root), "data-cilantro-signer-selector": true, children: renderList({
+    return /* @__PURE__ */ jsx18("div", { className: cn(className, classNames?.root), "data-cilantro-signer-selector": true, children: renderList({
       signers: availableSigners,
       selectedSigner: selectedSigner ?? null,
       onSelect: handleSelect,
@@ -1758,8 +2109,8 @@ function SignerSelector({
       getSignerUniqueId
     }) });
   }
-  const loadingContent = isLoadingSigners && useSkeleton ? /* @__PURE__ */ jsx16("div", { className: cn("space-y-1", classNames?.loading), "aria-busy": "true", "aria-live": "polite", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsx16(Skeleton, { className: cn("h-8 w-full rounded-md", classNames?.skeleton) }, i)) }) : isLoadingSigners ? /* @__PURE__ */ jsx16("p", { className: cn("text-sm text-muted-foreground", classNames?.message), children: "Loading signers..." }) : null;
-  return /* @__PURE__ */ jsx16(
+  const loadingContent = isLoadingSigners && useSkeleton ? /* @__PURE__ */ jsx18("div", { className: cn("space-y-1", classNames?.loading), "aria-busy": "true", "aria-live": "polite", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsx18(Skeleton, { className: cn("h-8 w-full rounded-md", classNames?.skeleton) }, i)) }) : isLoadingSigners ? /* @__PURE__ */ jsx18("p", { className: cn("text-sm text-muted-foreground", classNames?.message), children: "Loading signers..." }) : null;
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       className: cn(className, classNames?.root),
@@ -1768,7 +2119,7 @@ function SignerSelector({
       "aria-label": "Select signer",
       "aria-busy": isLoadingSigners,
       "aria-live": "polite",
-      children: loadingContent ?? (availableSigners.length === 0 ? /* @__PURE__ */ jsx16("p", { className: cn("text-sm text-muted-foreground", classNames?.message), children: "No signers for this wallet." }) : /* @__PURE__ */ jsx16("ul", { className: cn("space-y-1", classNames?.list), children: availableSigners.map((signer) => /* @__PURE__ */ jsx16("li", { children: /* @__PURE__ */ jsxs9(
+      children: loadingContent ?? (availableSigners.length === 0 ? /* @__PURE__ */ jsx18("p", { className: cn("text-sm text-muted-foreground", classNames?.message), children: "No signers for this wallet." }) : /* @__PURE__ */ jsx18("ul", { className: cn("space-y-1", classNames?.list), children: availableSigners.map((signer) => /* @__PURE__ */ jsx18("li", { children: /* @__PURE__ */ jsxs11(
         Button,
         {
           type: "button",
@@ -1790,8 +2141,8 @@ function SignerSelector({
 }
 
 // src/components/wallet/ConnectWalletButton.tsx
-import { useState as useState12 } from "react";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { useState as useState13 } from "react";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function ConnectWalletButton({
   onConnect,
   onDisconnect,
@@ -1799,7 +2150,7 @@ function ConnectWalletButton({
   children
 }) {
   const { wallets, connectedWallet, connect, disconnect } = useExternalWallet();
-  const [loading, setLoading] = useState12(false);
+  const [loading, setLoading] = useState13(false);
   const handleConnect = async (wallet) => {
     setLoading(true);
     try {
@@ -1819,7 +2170,7 @@ function ConnectWalletButton({
     }
   };
   if (connectedWallet) {
-    return /* @__PURE__ */ jsx17(
+    return /* @__PURE__ */ jsx19(
       Button,
       {
         type: "button",
@@ -1833,9 +2184,9 @@ function ConnectWalletButton({
     );
   }
   if (wallets.length === 0) {
-    return /* @__PURE__ */ jsx17(Button, { type: "button", variant: "outline", className: cn(className), disabled: true, "data-cilantro-connect-wallet": true, children: "No wallet detected" });
+    return /* @__PURE__ */ jsx19(Button, { type: "button", variant: "outline", className: cn(className), disabled: true, "data-cilantro-connect-wallet": true, children: "No wallet detected" });
   }
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx19(
     Button,
     {
       type: "button",
@@ -1850,8 +2201,8 @@ function ConnectWalletButton({
 }
 
 // src/components/wallet/CreateWalletForm.tsx
-import { useState as useState13 } from "react";
-import { jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
+import { useState as useState14 } from "react";
+import { jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
 function CreateWalletForm({
   userId,
   onCreated,
@@ -1859,8 +2210,8 @@ function CreateWalletForm({
   className
 }) {
   const { createWallet, isLoading } = useWallet();
-  const [name, setName] = useState13("");
-  const [error, setError] = useState13(null);
+  const [name, setName] = useState14("");
+  const [error, setError] = useState14(null);
   const handleSubmit = async (e) => {
     e.preventDefault();
     setError(null);
@@ -1874,10 +2225,10 @@ function CreateWalletForm({
       onError?.(err instanceof Error ? err : new Error(message));
     }
   };
-  return /* @__PURE__ */ jsxs10("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), "data-cilantro-create-wallet": true, children: [
-    /* @__PURE__ */ jsxs10("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx18(Label, { htmlFor: "cilantro-wallet-name", children: "Wallet name" }),
-      /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs12("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), "data-cilantro-create-wallet": true, children: [
+    /* @__PURE__ */ jsxs12("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx20(Label, { htmlFor: "cilantro-wallet-name", children: "Wallet name" }),
+      /* @__PURE__ */ jsx20(
         Input,
         {
           id: "cilantro-wallet-name",
@@ -1890,18 +2241,18 @@ function CreateWalletForm({
         }
       )
     ] }),
-    error && /* @__PURE__ */ jsx18("div", { className: "rounded-md border border-destructive/50 bg-destructive/10 px-3 py-2 text-sm text-destructive", role: "alert", children: error }),
-    /* @__PURE__ */ jsx18(Button, { type: "submit", disabled: isLoading || !name.trim(), children: isLoading ? "Creating..." : "Create wallet" })
+    error && /* @__PURE__ */ jsx20("div", { className: "rounded-md border border-destructive/50 bg-destructive/10 px-3 py-2 text-sm text-destructive", role: "alert", children: error }),
+    /* @__PURE__ */ jsx20(Button, { type: "submit", disabled: isLoading || !name.trim(), children: isLoading ? "Creating..." : "Create wallet" })
   ] });
 }
 
 // src/ui/select.tsx
 import * as React7 from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
-import { jsx as jsx19, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs13 } from "react/jsx-runtime";
 var Select = SelectPrimitive.Root;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs11(
+var SelectTrigger = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs13(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -1912,12 +2263,12 @@ var SelectTrigger = React7.forwardRef(({ className, children, ...props }, ref) =
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx19(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx19("span", { className: "ml-2 h-4 w-4 shrink-0 opacity-50", children: "\u25BC" }) })
+      /* @__PURE__ */ jsx21(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx21("span", { className: "ml-2 h-4 w-4 shrink-0 opacity-50", children: "\u25BC" }) })
     ]
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectContent = React7.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx19(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx19(
+var SelectContent = React7.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx21(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx21(
   SelectPrimitive.Content,
   {
     ref,
@@ -1928,7 +2279,7 @@ var SelectContent = React7.forwardRef(({ className, children, position = "popper
     ),
     position,
     ...props,
-    children: /* @__PURE__ */ jsx19(
+    children: /* @__PURE__ */ jsx21(
       SelectPrimitive.Viewport,
       {
         className: cn(
@@ -1941,7 +2292,7 @@ var SelectContent = React7.forwardRef(({ className, children, position = "popper
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectItem = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs11(
+var SelectItem = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs13(
   SelectPrimitive.Item,
   {
     ref,
@@ -1951,15 +2302,15 @@ var SelectItem = React7.forwardRef(({ className, children, ...props }, ref) => /
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx19("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx19(SelectPrimitive.ItemIndicator, { children: "\u2713" }) }),
-      /* @__PURE__ */ jsx19(SelectPrimitive.ItemText, { children })
+      /* @__PURE__ */ jsx21("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx21(SelectPrimitive.ItemIndicator, { children: "\u2713" }) }),
+      /* @__PURE__ */ jsx21(SelectPrimitive.ItemText, { children })
     ]
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
 
 // src/components/wallet/WalletSelector.tsx
-import { Fragment as Fragment5, jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx22, jsxs as jsxs14 } from "react/jsx-runtime";
 function WalletSelector(props) {
   const {
     value,
@@ -1989,7 +2340,7 @@ function WalletSelector(props) {
     onWalletChange?.(id, wallets.find((w) => w.id === id || w.walletId === id) ?? null);
   };
   if (children) {
-    return /* @__PURE__ */ jsx20(Fragment5, { children: children({
+    return /* @__PURE__ */ jsx22(Fragment5, { children: children({
       wallets,
       selectedWallet: selected,
       selectWallet: (id) => {
@@ -2002,35 +2353,35 @@ function WalletSelector(props) {
     }) });
   }
   if (renderTrigger || renderList) {
-    return /* @__PURE__ */ jsxs12("div", { className: cn(className, classNames?.root), "data-cilantro-wallet-selector": true, children: [
+    return /* @__PURE__ */ jsxs14("div", { className: cn(className, classNames?.root), "data-cilantro-wallet-selector": true, children: [
       renderTrigger?.({ selectedWallet: selected, wallets, isLoading, open: false, setOpen: () => {
       } }),
       renderList?.({ wallets, selectedWallet: selected, onSelect: handleSelect, isLoading })
     ] });
   }
   if (isLoading && useSkeleton) {
-    return /* @__PURE__ */ jsx20(
+    return /* @__PURE__ */ jsx22(
       "div",
       {
         className: cn(className, classNames?.root, classNames?.loading),
         "data-cilantro-wallet-selector": true,
         "aria-busy": "true",
         "aria-live": "polite",
-        children: /* @__PURE__ */ jsx20(
+        children: /* @__PURE__ */ jsx22(
           "div",
           {
             className: cn(
               "flex h-9 w-full items-center justify-between rounded-md border border-input bg-transparent px-3 py-2",
               classNames?.trigger
             ),
-            children: /* @__PURE__ */ jsx20(Skeleton, { className: cn("h-4 flex-1 rounded", classNames?.skeleton) })
+            children: /* @__PURE__ */ jsx22(Skeleton, { className: cn("h-4 flex-1 rounded", classNames?.skeleton) })
           }
         )
       }
     );
   }
   if (isEmpty) {
-    return /* @__PURE__ */ jsxs12(
+    return /* @__PURE__ */ jsxs14(
       "div",
       {
         className: cn(
@@ -2040,24 +2391,24 @@ function WalletSelector(props) {
         ),
         "data-cilantro-wallet-selector": true,
         children: [
-          /* @__PURE__ */ jsx20("p", { className: "font-medium text-foreground", children: "No wallets" }),
-          /* @__PURE__ */ jsx20("p", { className: "mt-1", children: "Wallets are created by the platform when you sign in. If you just logged in, try refreshing." })
+          /* @__PURE__ */ jsx22("p", { className: "font-medium text-foreground", children: "No wallets" }),
+          /* @__PURE__ */ jsx22("p", { className: "mt-1", children: "Wallets are created by the platform when you sign in. If you just logged in, try refreshing." })
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsx20("div", { className: cn(className, classNames?.root), "data-cilantro-wallet-selector": true, children: /* @__PURE__ */ jsxs12(Select, { value: effectiveValue || void 0, onValueChange: handleValueChange, disabled: isLoading, children: [
-    /* @__PURE__ */ jsx20(SelectTrigger, { className: classNames?.trigger, "aria-label": "Select wallet", children: /* @__PURE__ */ jsx20(SelectValue, { placeholder: isLoading ? "Loading..." : placeholder }) }),
-    /* @__PURE__ */ jsx20(SelectContent, { className: classNames?.content, children: wallets.map((w) => {
+  return /* @__PURE__ */ jsx22("div", { className: cn(className, classNames?.root), "data-cilantro-wallet-selector": true, children: /* @__PURE__ */ jsxs14(Select, { value: effectiveValue || void 0, onValueChange: handleValueChange, disabled: isLoading, children: [
+    /* @__PURE__ */ jsx22(SelectTrigger, { className: classNames?.trigger, "aria-label": "Select wallet", children: /* @__PURE__ */ jsx22(SelectValue, { placeholder: isLoading ? "Loading..." : placeholder }) }),
+    /* @__PURE__ */ jsx22(SelectContent, { className: classNames?.content, children: wallets.map((w) => {
       const id = w.id ?? w.walletId;
-      return /* @__PURE__ */ jsx20(SelectItem, { value: id, className: classNames?.item, children: w.walletName || id }, id);
+      return /* @__PURE__ */ jsx22(SelectItem, { value: id, className: classNames?.item, children: w.walletName || id }, id);
     }) })
   ] }) });
 }
 
 // src/components/wallet/WalletAddress.tsx
-import { useState as useState14 } from "react";
-import { jsx as jsx21, jsxs as jsxs13 } from "react/jsx-runtime";
+import { useState as useState15 } from "react";
+import { jsx as jsx23, jsxs as jsxs15 } from "react/jsx-runtime";
 function truncateAddress(addr, chars = 4) {
   if (addr.length <= chars * 2 + 3) return addr;
   return `${addr.slice(0, chars)}...${addr.slice(-chars)}`;
@@ -2068,7 +2419,7 @@ function WalletAddress({
   copyable = false,
   className
 }) {
-  const [copied, setCopied] = useState14(false);
+  const [copied, setCopied] = useState15(false);
   const display = short ? truncateAddress(address) : address;
   const handleCopy = async () => {
     try {
@@ -2078,9 +2429,9 @@ function WalletAddress({
     } catch {
     }
   };
-  return /* @__PURE__ */ jsxs13("span", { className: cn("inline-flex items-center gap-2", className), "data-cilantro-wallet-address": true, children: [
-    /* @__PURE__ */ jsx21("code", { className: "text-sm font-mono", children: display }),
-    copyable && /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsxs15("span", { className: cn("inline-flex items-center gap-2", className), "data-cilantro-wallet-address": true, children: [
+    /* @__PURE__ */ jsx23("code", { className: "text-sm font-mono", children: display }),
+    copyable && /* @__PURE__ */ jsx23(
       Button,
       {
         type: "button",
@@ -2096,19 +2447,19 @@ function WalletAddress({
 }
 
 // src/components/wallet/WalletBalance.tsx
-import { useState as useState15, useEffect as useEffect5 } from "react";
+import { useState as useState16, useEffect as useEffect5 } from "react";
 import { getAssets } from "cilantro-sdk/wallet";
-import { jsx as jsx22, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
 function WalletBalance({
   walletId,
   showTokens = false,
   className
 }) {
   const { jwt } = useCilantroContext();
-  const [loading, setLoading] = useState15(true);
-  const [solBalance, setSolBalance] = useState15(null);
-  const [tokens, setTokens] = useState15([]);
-  const [error, setError] = useState15(null);
+  const [loading, setLoading] = useState16(true);
+  const [solBalance, setSolBalance] = useState16(null);
+  const [tokens, setTokens] = useState16([]);
+  const [error, setError] = useState16(null);
   useEffect5(() => {
     if (!walletId || !jwt) {
       setSolBalance(null);
@@ -2146,15 +2497,15 @@ function WalletBalance({
     };
   }, [walletId, jwt, showTokens]);
   if (loading) {
-    return /* @__PURE__ */ jsx22("div", { className: cn(className), "data-cilantro-wallet-balance": true, children: /* @__PURE__ */ jsx22(Skeleton, { className: "h-5 w-24 rounded" }) });
+    return /* @__PURE__ */ jsx24("div", { className: cn(className), "data-cilantro-wallet-balance": true, children: /* @__PURE__ */ jsx24(Skeleton, { className: "h-5 w-24 rounded" }) });
   }
   if (error) {
-    return /* @__PURE__ */ jsx22("div", { className: cn("text-sm text-destructive", className), "data-cilantro-wallet-balance": true, role: "alert", children: error });
+    return /* @__PURE__ */ jsx24("div", { className: cn("text-sm text-destructive", className), "data-cilantro-wallet-balance": true, role: "alert", children: error });
   }
   const solDisplay = solBalance != null ? `${Number(solBalance) / 1e9} SOL` : "\u2014";
-  return /* @__PURE__ */ jsxs14("div", { className: cn("text-sm", className), "data-cilantro-wallet-balance": true, children: [
-    /* @__PURE__ */ jsx22("span", { className: "font-medium", children: solDisplay }),
-    showTokens && tokens.length > 0 && /* @__PURE__ */ jsx22("ul", { className: "mt-1 space-y-0.5 text-muted-foreground", children: tokens.map((t, i) => /* @__PURE__ */ jsxs14("li", { children: [
+  return /* @__PURE__ */ jsxs16("div", { className: cn("text-sm", className), "data-cilantro-wallet-balance": true, children: [
+    /* @__PURE__ */ jsx24("span", { className: "font-medium", children: solDisplay }),
+    showTokens && tokens.length > 0 && /* @__PURE__ */ jsx24("ul", { className: "mt-1 space-y-0.5 text-muted-foreground", children: tokens.map((t, i) => /* @__PURE__ */ jsxs16("li", { children: [
       t.symbol ?? t.mint ?? "Token",
       ": ",
       t.balance ?? "\u2014"
@@ -2163,8 +2514,8 @@ function WalletBalance({
 }
 
 // src/components/transactions/SendSOLForm.tsx
-import { useState as useState16 } from "react";
-import { jsx as jsx23, jsxs as jsxs15 } from "react/jsx-runtime";
+import { useState as useState17 } from "react";
+import { jsx as jsx25, jsxs as jsxs17 } from "react/jsx-runtime";
 function SendSOLForm({
   walletId,
   signerId,
@@ -2174,9 +2525,9 @@ function SendSOLForm({
   className
 }) {
   const { sendSOL, isPending, error } = useSendTransaction(walletId, signerId, signerType);
-  const [recipientAddress, setRecipientAddress] = useState16("");
-  const [amountLamports, setAmountLamports] = useState16("");
-  const [submitError, setSubmitError] = useState16(null);
+  const [recipientAddress, setRecipientAddress] = useState17("");
+  const [amountLamports, setAmountLamports] = useState17("");
+  const [submitError, setSubmitError] = useState17(null);
   const handleSubmit = async (e) => {
     e.preventDefault();
     setSubmitError(null);
@@ -2196,10 +2547,10 @@ function SendSOLForm({
       onError?.(err instanceof Error ? err : new Error(message));
     }
   };
-  return /* @__PURE__ */ jsxs15("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), "data-cilantro-send-sol": true, children: [
-    /* @__PURE__ */ jsxs15("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx23(Label, { htmlFor: "cilantro-send-sol-recipient", children: "Recipient address" }),
-      /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsxs17("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), "data-cilantro-send-sol": true, children: [
+    /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx25(Label, { htmlFor: "cilantro-send-sol-recipient", children: "Recipient address" }),
+      /* @__PURE__ */ jsx25(
         Input,
         {
           id: "cilantro-send-sol-recipient",
@@ -2212,9 +2563,9 @@ function SendSOLForm({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs15("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx23(Label, { htmlFor: "cilantro-send-sol-amount", children: "Amount (lamports)" }),
-      /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx25(Label, { htmlFor: "cilantro-send-sol-amount", children: "Amount (lamports)" }),
+      /* @__PURE__ */ jsx25(
         Input,
         {
           id: "cilantro-send-sol-amount",
@@ -2228,14 +2579,14 @@ function SendSOLForm({
         }
       )
     ] }),
-    (error || submitError) && /* @__PURE__ */ jsx23("div", { className: "rounded-md border border-destructive/50 bg-destructive/10 px-3 py-2 text-sm text-destructive", role: "alert", children: submitError ?? error }),
-    /* @__PURE__ */ jsx23(Button, { type: "submit", disabled: isPending || !recipientAddress.trim() || !amountLamports, children: isPending ? "Sending..." : "Send SOL" })
+    (error || submitError) && /* @__PURE__ */ jsx25("div", { className: "rounded-md border border-destructive/50 bg-destructive/10 px-3 py-2 text-sm text-destructive", role: "alert", children: submitError ?? error }),
+    /* @__PURE__ */ jsx25(Button, { type: "submit", disabled: isPending || !recipientAddress.trim() || !amountLamports, children: isPending ? "Sending..." : "Send SOL" })
   ] });
 }
 
 // src/components/transactions/SendSPLForm.tsx
-import { useState as useState17 } from "react";
-import { jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
+import { useState as useState18 } from "react";
+import { jsx as jsx26, jsxs as jsxs18 } from "react/jsx-runtime";
 function SendSPLForm({
   walletId,
   signerId,
@@ -2246,10 +2597,10 @@ function SendSPLForm({
   className
 }) {
   const { sendSPL, isPending, error } = useSendTransaction(walletId, signerId, signerType);
-  const [mintAddress, setMintAddress] = useState17(initialMint ?? "");
-  const [recipientAddress, setRecipientAddress] = useState17("");
-  const [amount, setAmount] = useState17("");
-  const [submitError, setSubmitError] = useState17(null);
+  const [mintAddress, setMintAddress] = useState18(initialMint ?? "");
+  const [recipientAddress, setRecipientAddress] = useState18("");
+  const [amount, setAmount] = useState18("");
+  const [submitError, setSubmitError] = useState18(null);
   const handleSubmit = async (e) => {
     e.preventDefault();
     setSubmitError(null);
@@ -2273,10 +2624,10 @@ function SendSPLForm({
       onError?.(err instanceof Error ? err : new Error(message));
     }
   };
-  return /* @__PURE__ */ jsxs16("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), "data-cilantro-send-spl": true, children: [
-    /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx24(Label, { htmlFor: "cilantro-send-spl-mint", children: "Mint address" }),
-      /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsxs18("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), "data-cilantro-send-spl": true, children: [
+    /* @__PURE__ */ jsxs18("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx26(Label, { htmlFor: "cilantro-send-spl-mint", children: "Mint address" }),
+      /* @__PURE__ */ jsx26(
         Input,
         {
           id: "cilantro-send-spl-mint",
@@ -2289,9 +2640,9 @@ function SendSPLForm({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx24(Label, { htmlFor: "cilantro-send-spl-recipient", children: "Recipient address" }),
-      /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsxs18("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx26(Label, { htmlFor: "cilantro-send-spl-recipient", children: "Recipient address" }),
+      /* @__PURE__ */ jsx26(
         Input,
         {
           id: "cilantro-send-spl-recipient",
@@ -2304,9 +2655,9 @@ function SendSPLForm({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx24(Label, { htmlFor: "cilantro-send-spl-amount", children: "Amount" }),
-      /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsxs18("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx26(Label, { htmlFor: "cilantro-send-spl-amount", children: "Amount" }),
+      /* @__PURE__ */ jsx26(
         Input,
         {
           id: "cilantro-send-spl-amount",
@@ -2321,13 +2672,13 @@ function SendSPLForm({
         }
       )
     ] }),
-    (error || submitError) && /* @__PURE__ */ jsx24("div", { className: "rounded-md border border-destructive/50 bg-destructive/10 px-3 py-2 text-sm text-destructive", role: "alert", children: submitError ?? error }),
-    /* @__PURE__ */ jsx24(Button, { type: "submit", disabled: isPending || !mintAddress.trim() || !recipientAddress.trim() || !amount, children: isPending ? "Sending..." : "Send SPL" })
+    (error || submitError) && /* @__PURE__ */ jsx26("div", { className: "rounded-md border border-destructive/50 bg-destructive/10 px-3 py-2 text-sm text-destructive", role: "alert", children: submitError ?? error }),
+    /* @__PURE__ */ jsx26(Button, { type: "submit", disabled: isPending || !mintAddress.trim() || !recipientAddress.trim() || !amount, children: isPending ? "Sending..." : "Send SPL" })
   ] });
 }
 
 // src/components/transactions/TransactionStatus.tsx
-import { jsx as jsx25, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs19 } from "react/jsx-runtime";
 var EXPLORER_URL = {
   "mainnet-beta": "https://explorer.solana.com",
   devnet: "https://explorer.solana.com/?cluster=devnet",
@@ -2340,9 +2691,9 @@ function TransactionStatus({
 }) {
   const base = EXPLORER_URL[cluster] ?? EXPLORER_URL["mainnet-beta"];
   const href = `${base}/tx/${signature}`;
-  return /* @__PURE__ */ jsxs17("div", { className: cn("text-sm", className), "data-cilantro-transaction-status": true, children: [
-    /* @__PURE__ */ jsx25("span", { className: "text-muted-foreground", children: "Transaction: " }),
-    /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs19("div", { className: cn("text-sm", className), "data-cilantro-transaction-status": true, children: [
+    /* @__PURE__ */ jsx27("span", { className: "text-muted-foreground", children: "Transaction: " }),
+    /* @__PURE__ */ jsxs19(
       "a",
       {
         href,
@@ -2360,17 +2711,17 @@ function TransactionStatus({
 }
 
 // src/components/transactions/TransactionHistory.tsx
-import { useState as useState18, useEffect as useEffect6 } from "react";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { useState as useState19, useEffect as useEffect6 } from "react";
+import { jsx as jsx28 } from "react/jsx-runtime";
 function TransactionHistory({
   walletId,
   pageSize = 10,
   className
 }) {
   const { jwt } = useCilantroContext();
-  const [loading, setLoading] = useState18(true);
-  const [signatures, setSignatures] = useState18([]);
-  const [error, setError] = useState18(null);
+  const [loading, setLoading] = useState19(true);
+  const [signatures, setSignatures] = useState19([]);
+  const [error, setError] = useState19(null);
   useEffect6(() => {
     if (!walletId || !jwt) {
       setSignatures([]);
@@ -2398,20 +2749,20 @@ function TransactionHistory({
     };
   }, [walletId, jwt, pageSize]);
   if (loading) {
-    return /* @__PURE__ */ jsx26("div", { className: cn("text-sm text-muted-foreground", className), "data-cilantro-transaction-history": true, children: "Loading..." });
+    return /* @__PURE__ */ jsx28("div", { className: cn("text-sm text-muted-foreground", className), "data-cilantro-transaction-history": true, children: "Loading..." });
   }
   if (error) {
-    return /* @__PURE__ */ jsx26("div", { className: cn("text-sm text-destructive", className), "data-cilantro-transaction-history": true, role: "alert", children: error });
+    return /* @__PURE__ */ jsx28("div", { className: cn("text-sm text-destructive", className), "data-cilantro-transaction-history": true, role: "alert", children: error });
   }
   if (signatures.length === 0) {
-    return /* @__PURE__ */ jsx26("div", { className: cn("text-sm text-muted-foreground", className), "data-cilantro-transaction-history": true, children: "No recent transactions." });
+    return /* @__PURE__ */ jsx28("div", { className: cn("text-sm text-muted-foreground", className), "data-cilantro-transaction-history": true, children: "No recent transactions." });
   }
-  return /* @__PURE__ */ jsx26("ul", { className: cn("space-y-2", className), "data-cilantro-transaction-history": true, role: "list", children: signatures.map((sig) => /* @__PURE__ */ jsx26("li", { children: /* @__PURE__ */ jsx26(TransactionStatus, { signature: sig }) }, sig)) });
+  return /* @__PURE__ */ jsx28("ul", { className: cn("space-y-2", className), "data-cilantro-transaction-history": true, role: "list", children: signatures.map((sig) => /* @__PURE__ */ jsx28("li", { children: /* @__PURE__ */ jsx28(TransactionStatus, { signature: sig }) }, sig)) });
 }
 
 // src/components/layout/CilantroConnect.tsx
-import { useState as useState19 } from "react";
-import { jsx as jsx27, jsxs as jsxs18 } from "react/jsx-runtime";
+import { useState as useState20 } from "react";
+import { jsx as jsx29, jsxs as jsxs20 } from "react/jsx-runtime";
 function CilantroConnect({
   onConnect,
   onDisconnect,
@@ -2419,13 +2770,13 @@ function CilantroConnect({
 }) {
   const { isAuthenticated } = useAuth();
   const { wallet, wallets, createWallet, selectWallet, isLoading: walletLoading } = useWallet();
-  const [walletId, setWalletId] = useState19(null);
-  const [step, setStep] = useState19("auth");
+  const [walletId, setWalletId] = useState20(null);
+  const [step, setStep] = useState20("auth");
   if (!isAuthenticated) {
-    return /* @__PURE__ */ jsx27("div", { className: cn(className), "data-cilantro-connect": true, children: /* @__PURE__ */ jsx27(LoginForm, { onSuccess: () => setStep("wallet") }) });
+    return /* @__PURE__ */ jsx29("div", { className: cn(className), "data-cilantro-connect": true, children: /* @__PURE__ */ jsx29(LoginForm, { onSuccess: () => setStep("wallet") }) });
   }
   if (step === "wallet" && wallets.length === 0 && !walletLoading) {
-    return /* @__PURE__ */ jsx27("div", { className: cn(className), "data-cilantro-connect": true, children: /* @__PURE__ */ jsx27(
+    return /* @__PURE__ */ jsx29("div", { className: cn(className), "data-cilantro-connect": true, children: /* @__PURE__ */ jsx29(
       CreateWalletForm,
       {
         onCreated: (res) => {
@@ -2441,9 +2792,9 @@ function CilantroConnect({
   }
   if (step === "signer" && walletId) {
     const currentWallet = wallet ?? wallets.find((w) => (w.id ?? w.walletId) === walletId);
-    return /* @__PURE__ */ jsxs18("div", { className: cn("space-y-4", className), "data-cilantro-connect": true, children: [
-      /* @__PURE__ */ jsx27("p", { className: "text-sm text-muted-foreground", children: "Add a signer to your wallet" }),
-      /* @__PURE__ */ jsx27(
+    return /* @__PURE__ */ jsxs20("div", { className: cn("space-y-4", className), "data-cilantro-connect": true, children: [
+      /* @__PURE__ */ jsx29("p", { className: "text-sm text-muted-foreground", children: "Add a signer to your wallet" }),
+      /* @__PURE__ */ jsx29(
         CreateEmailSignerForm,
         {
           walletId,
@@ -2456,7 +2807,7 @@ function CilantroConnect({
           }
         }
       ),
-      /* @__PURE__ */ jsx27(
+      /* @__PURE__ */ jsx29(
         AddPasskeyButton,
         {
           walletId,
@@ -2471,9 +2822,9 @@ function CilantroConnect({
     ] });
   }
   if (wallet && step === "done") {
-    return /* @__PURE__ */ jsxs18("div", { className: cn(className), "data-cilantro-connect": true, children: [
-      /* @__PURE__ */ jsx27("p", { className: "text-sm text-muted-foreground", children: "Connected" }),
-      onDisconnect && /* @__PURE__ */ jsx27(
+    return /* @__PURE__ */ jsxs20("div", { className: cn(className), "data-cilantro-connect": true, children: [
+      /* @__PURE__ */ jsx29("p", { className: "text-sm text-muted-foreground", children: "Connected" }),
+      onDisconnect && /* @__PURE__ */ jsx29(
         "button",
         {
           type: "button",
@@ -2489,11 +2840,11 @@ function CilantroConnect({
     ] });
   }
   if (walletLoading) {
-    return /* @__PURE__ */ jsx27("div", { className: cn("text-sm text-muted-foreground", className), "data-cilantro-connect": true, children: "Loading..." });
+    return /* @__PURE__ */ jsx29("div", { className: cn("text-sm text-muted-foreground", className), "data-cilantro-connect": true, children: "Loading..." });
   }
-  return /* @__PURE__ */ jsxs18("div", { className: cn(className), "data-cilantro-connect": true, children: [
-    /* @__PURE__ */ jsx27("p", { className: "text-sm text-muted-foreground", children: "Set up your wallet" }),
-    /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsxs20("div", { className: cn(className), "data-cilantro-connect": true, children: [
+    /* @__PURE__ */ jsx29("p", { className: "text-sm text-muted-foreground", children: "Set up your wallet" }),
+    /* @__PURE__ */ jsx29(
       CreateWalletForm,
       {
         onCreated: (res) => {
@@ -2510,24 +2861,24 @@ function CilantroConnect({
 }
 
 // src/components/layout/LoadingOverlay.tsx
-import { Fragment as Fragment6, jsx as jsx28, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx30, jsxs as jsxs21 } from "react/jsx-runtime";
 function LoadingOverlay({
   isLoading,
   message,
   children,
   className
 }) {
-  if (!isLoading) return /* @__PURE__ */ jsx28(Fragment6, { children });
-  return /* @__PURE__ */ jsxs19("div", { className: cn("relative", className), "data-cilantro-loading-overlay": true, children: [
-    /* @__PURE__ */ jsx28(
+  if (!isLoading) return /* @__PURE__ */ jsx30(Fragment6, { children });
+  return /* @__PURE__ */ jsxs21("div", { className: cn("relative", className), "data-cilantro-loading-overlay": true, children: [
+    /* @__PURE__ */ jsx30(
       "div",
       {
         className: "absolute inset-0 z-10 flex items-center justify-center bg-background/80",
         "aria-busy": "true",
         "aria-live": "polite",
-        children: /* @__PURE__ */ jsxs19("div", { className: "flex flex-col items-center gap-2", children: [
-          /* @__PURE__ */ jsx28("div", { className: "h-8 w-8 animate-spin rounded-full border-2 border-primary border-t-transparent" }),
-          message && /* @__PURE__ */ jsx28("p", { className: "text-sm text-muted-foreground", children: message })
+        children: /* @__PURE__ */ jsxs21("div", { className: "flex flex-col items-center gap-2", children: [
+          /* @__PURE__ */ jsx30("div", { className: "h-8 w-8 animate-spin rounded-full border-2 border-primary border-t-transparent" }),
+          message && /* @__PURE__ */ jsx30("p", { className: "text-sm text-muted-foreground", children: message })
         ] })
       }
     ),
@@ -2537,7 +2888,7 @@ function LoadingOverlay({
 
 // src/components/layout/ErrorBoundary.tsx
 import { Component } from "react";
-import { jsx as jsx29, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs22 } from "react/jsx-runtime";
 var ErrorBoundary = class extends Component {
   constructor() {
     super(...arguments);
@@ -2558,16 +2909,16 @@ var ErrorBoundary = class extends Component {
       if (this.props.fallback) {
         return this.props.fallback;
       }
-      return /* @__PURE__ */ jsxs20(
+      return /* @__PURE__ */ jsxs22(
         "div",
         {
           className: "rounded-md border border-destructive/50 bg-destructive/10 p-4 text-sm text-destructive",
           "data-cilantro-error-boundary": true,
           role: "alert",
           children: [
-            /* @__PURE__ */ jsx29("p", { className: "font-medium", children: "Something went wrong" }),
-            /* @__PURE__ */ jsx29("p", { className: "mt-1 text-muted-foreground", children: this.state.error.message }),
-            this.props.onRetry && /* @__PURE__ */ jsx29(Button, { type: "button", variant: "outline", size: "sm", className: "mt-3", onClick: this.handleRetry, children: "Retry" })
+            /* @__PURE__ */ jsx31("p", { className: "font-medium", children: "Something went wrong" }),
+            /* @__PURE__ */ jsx31("p", { className: "mt-1 text-muted-foreground", children: this.state.error.message }),
+            this.props.onRetry && /* @__PURE__ */ jsx31(Button, { type: "button", variant: "outline", size: "sm", className: "mt-3", onClick: this.handleRetry, children: "Retry" })
           ]
         }
       );
@@ -2578,7 +2929,7 @@ var ErrorBoundary = class extends Component {
 
 // src/ui/theme-provider.tsx
 import * as React8 from "react";
-import { Fragment as Fragment7, jsx as jsx30, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx32, jsxs as jsxs23 } from "react/jsx-runtime";
 var DEFAULT_THEME_CSS = `
 :root,[data-theme="light"]{--background:0 0% 100%;--foreground:222.2 84% 4.9%;--primary:222.2 47.4% 11.2%;--primary-foreground:210 40% 98%;--muted:210 40% 96.1%;--muted-foreground:215.4 16.3% 46.9%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--ring:222.2 84% 4.9%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--accent:210 40% 96.1%;--accent-foreground:222.2 47.4% 11.2%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%}
 [data-theme="dark"]{--background:222.2 84% 4.9%;--foreground:210 40% 98%;--primary:210 40% 98%;--primary-foreground:222.2 47.4% 11.2%;--muted:217.2 32.6% 17.5%;--muted-foreground:215 20.2% 65.1%;--border:217.2 32.6% 17.5%;--input:217.2 32.6% 17.5%;--ring:212.7 26.8% 83.9%;--destructive:0 62.8% 30.6%;--destructive-foreground:210 40% 98%;--accent:217.2 32.6% 17.5%;--accent-foreground:210 40% 98%;--popover:222.2 84% 4.9%;--popover-foreground:210 40% 98%;--card:222.2 84% 4.9%;--card-foreground:210 40% 98%}
@@ -2624,15 +2975,15 @@ function ThemeProvider({
     mql.addEventListener("change", listener);
     return () => mql.removeEventListener("change", listener);
   }, [theme, storageKey]);
-  return /* @__PURE__ */ jsxs21(Fragment7, { children: [
-    injectStyles && /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsxs23(Fragment7, { children: [
+    injectStyles && /* @__PURE__ */ jsx32(
       "style",
       {
         dangerouslySetInnerHTML: { __html: DEFAULT_THEME_CSS },
         "data-cilantro-theme-styles": true
       }
     ),
-    /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsx32(
       "div",
       {
         className: cn(className),
@@ -2976,7 +3327,7 @@ async function submitSignedTransaction(walletId, signedTransactionBase64) {
 async function handlePasskeyTransaction(walletId, signerId, transaction, connection) {
   if (!connection) {
     throw new Error(
-      "Connection is required for passkey sign-and-send. Pass the connection from your Solana config to useTransactionSigning / TransactionSigningForm."
+      "Connection is required for passkey sign-and-send. Pass the connection from your Solana config."
     );
   }
   const { blockhash, lastValidBlockHeight } = await connection.getLatestBlockhash("confirmed");
@@ -3128,6 +3479,7 @@ async function getWalletData(walletId) {
 export {
   AddPasskeyButton,
   AuthGuard,
+  AuthShell,
   CilantroConnect,
   CilantroContextProvider,
   CilantroProvider,
@@ -3139,6 +3491,7 @@ export {
   LoadingOverlay,
   LoginForm,
   LogoutButton,
+  RegisterForm,
   SIGNER_TYPES,
   SendSOLForm,
   SendSPLForm,
@@ -3158,7 +3511,9 @@ export {
   extractErrorMessage,
   extractResponseData,
   getSignerPublicKey,
+  getWalletAddress,
   getWalletData,
+  getWalletId,
   isAuthError,
   isJwtExpired,
   normalizeSigner,
@@ -3172,6 +3527,7 @@ export {
   useCilantroContext,
   useExternalWallet,
   usePasskey,
+  useReturnUrl,
   useSendTransaction,
   useSigners,
   useWallet,