cilantro-react 0.1.6 → 0.1.7

package/dist/index.js

@@ -33,6 +33,7 @@ var index_exports = {};
 __export(index_exports, {
   AddPasskeyButton: () => AddPasskeyButton,
   AuthGuard: () => AuthGuard,
+  AuthShell: () => AuthShell,
   CilantroConnect: () => CilantroConnect,
   CilantroContextProvider: () => CilantroContextProvider,
   CilantroProvider: () => CilantroProvider,
@@ -44,6 +45,7 @@ __export(index_exports, {
   LoadingOverlay: () => LoadingOverlay,
   LoginForm: () => LoginForm,
   LogoutButton: () => LogoutButton,
+  RegisterForm: () => RegisterForm,
   SIGNER_TYPES: () => SIGNER_TYPES,
   SendSOLForm: () => SendSOLForm,
   SendSPLForm: () => SendSPLForm,
@@ -63,7 +65,9 @@ __export(index_exports, {
   extractErrorMessage: () => extractErrorMessage,
   extractResponseData: () => extractResponseData,
   getSignerPublicKey: () => getSignerPublicKey,
+  getWalletAddress: () => getWalletAddress,
   getWalletData: () => getWalletData,
+  getWalletId: () => getWalletId,
   isAuthError: () => isAuthError,
   isJwtExpired: () => isJwtExpired,
   normalizeSigner: () => normalizeSigner,
@@ -77,6 +81,7 @@ __export(index_exports, {
   useCilantroContext: () => useCilantroContext,
   useExternalWallet: () => useExternalWallet,
   usePasskey: () => usePasskey,
+  useReturnUrl: () => useReturnUrl,
   useSendTransaction: () => useSendTransaction,
   useSigners: () => useSigners,
   useWallet: () => useWallet,
@@ -308,6 +313,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
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -315,6 +328,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 = (0, import_react.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,
@@ -322,6 +346,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,
@@ -377,6 +403,11 @@ function CilantroContextProvider({
     }
     setAuthLoading(false);
   }, [apiKey, baseURL, jwtStorageKey]);
+  (0, import_react.useEffect)(() => {
+    if (syncJwtToCookie && typeof document !== "undefined") {
+      setJwtCookie(jwtCookieName, jwt);
+    }
+  }, [jwt, syncJwtToCookie, jwtCookieName]);
   const login = (0, import_react.useCallback)(
     async (params) => {
       const result = await (0, import_auth.login)(params);
@@ -388,6 +419,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;
@@ -410,7 +442,7 @@ function CilantroContextProvider({
       }
       onLoginSuccess?.();
     },
-    [jwtStorageKey, onLoginSuccess]
+    [jwtStorageKey, jwtCookieName, syncJwtToCookie, onLoginSuccess]
   );
   const logout = (0, import_react.useCallback)(() => {
     setUser(null);
@@ -418,6 +450,7 @@ function CilantroContextProvider({
     (0, import_cilantro_sdk2.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);
@@ -425,7 +458,7 @@ function CilantroContextProvider({
     }
     setSdkAuth(null);
     onLogout?.();
-  }, [jwtStorageKey, onLogout]);
+  }, [jwtStorageKey, jwtCookieName, syncJwtToCookie, onLogout]);
   const register = (0, import_react.useCallback)(
     async (username, email, password, isActive = true) => {
       setSdkAuth(null);
@@ -444,6 +477,7 @@ function CilantroContextProvider({
     (0, import_cilantro_sdk2.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);
@@ -451,7 +485,7 @@ function CilantroContextProvider({
     }
     setSdkAuth(null);
     onSessionExpired?.();
-  }, [jwtStorageKey, onSessionExpired]);
+  }, [jwtStorageKey, jwtCookieName, syncJwtToCookie, onSessionExpired]);
   const loadWallets = (0, import_react.useCallback)(async () => {
     if (!jwt) return;
     setWalletsLoading(true);
@@ -590,6 +624,8 @@ function CilantroProvider({
   apiUrl: apiUrl2,
   jwtStorageKey,
   walletStorageKey,
+  syncJwtToCookie,
+  jwtCookieName,
   onLoginSuccess,
   onLogout,
   onRegisterSuccess,
@@ -612,6 +648,8 @@ function CilantroProvider({
       storageAdapter: storageAdapter ?? void 0,
       jwtStorageKey,
       walletStorageKey,
+      syncJwtToCookie,
+      jwtCookieName,
       onLoginSuccess,
       onLogout,
       onRegisterSuccess,
@@ -626,6 +664,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 }),
@@ -639,8 +678,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,
@@ -667,37 +708,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/useWallet.ts
+// src/hooks/useReturnUrl.ts
 var import_react3 = require("react");
+function useReturnUrl(options = {}) {
+  const {
+    param = "returnUrl",
+    defaultPath = "/",
+    allowRelativeOnly = true
+  } = options;
+  const rawReturnUrl = (0, import_react3.useMemo)(() => {
+    if (typeof window === "undefined") return null;
+    const params = new URLSearchParams(window.location.search);
+    return params.get(param);
+  }, [param]);
+  const returnPath = (0, import_react3.useMemo)(() => {
+    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 = (0, import_react3.useCallback)(
+    (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
+var import_react4 = require("react");
 function useWallet(_walletId) {
   const ctx = useCilantroContext();
-  return (0, import_react3.useMemo)(
+  return (0, import_react4.useMemo)(
     () => ({
       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
-var import_react4 = require("react");
+var import_react5 = require("react");
 
 // src/core/signer-helpers.ts
 var import_helpers2 = require("cilantro-sdk/helpers");
@@ -892,10 +979,10 @@ var import_wallet4 = require("cilantro-sdk/wallet");
 function useSigners(walletIdOrOptions) {
   const walletIdOption = typeof walletIdOrOptions === "object" ? walletIdOrOptions?.walletId : walletIdOrOptions;
   const { jwt } = useCilantroContext();
-  const [signers, setSigners] = (0, import_react4.useState)([]);
-  const [isLoading, setIsLoading] = (0, import_react4.useState)(false);
-  const [error, setError] = (0, import_react4.useState)(null);
-  const load = (0, import_react4.useCallback)(
+  const [signers, setSigners] = (0, import_react5.useState)([]);
+  const [isLoading, setIsLoading] = (0, import_react5.useState)(false);
+  const [error, setError] = (0, import_react5.useState)(null);
+  const load = (0, import_react5.useCallback)(
     async (walletId) => {
       if (!walletId) {
         setSigners([]);
@@ -917,7 +1004,7 @@ function useSigners(walletIdOrOptions) {
     },
     [jwt]
   );
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     const id = walletIdOption ?? void 0;
     if (id) load(id);
     else {
@@ -925,11 +1012,11 @@ function useSigners(walletIdOrOptions) {
       setError(null);
     }
   }, [walletIdOption, load]);
-  const refresh = (0, import_react4.useCallback)(async () => {
+  const refresh = (0, import_react5.useCallback)(async () => {
     const id = walletIdOption ?? void 0;
     if (id) await load(id);
   }, [walletIdOption, load]);
-  const createEmailSigner = (0, import_react4.useCallback)(
+  const createEmailSigner = (0, import_react5.useCallback)(
     async (params) => {
       const walletId = walletIdOption ?? void 0;
       if (!walletId) throw new Error("walletId is required");
@@ -940,7 +1027,7 @@ function useSigners(walletIdOrOptions) {
     },
     [walletIdOption, jwt, refresh]
   );
-  const createPhoneSigner = (0, import_react4.useCallback)(
+  const createPhoneSigner = (0, import_react5.useCallback)(
     async (params) => {
       const walletId = walletIdOption ?? void 0;
       if (!walletId) throw new Error("walletId is required");
@@ -951,7 +1038,7 @@ function useSigners(walletIdOrOptions) {
     },
     [walletIdOption, jwt, refresh]
   );
-  const revokeSigner = (0, import_react4.useCallback)(
+  const revokeSigner = (0, import_react5.useCallback)(
     async (signerId) => {
       const walletId = walletIdOption ?? void 0;
       if (!walletId) throw new Error("walletId is required");
@@ -973,15 +1060,15 @@ function useSigners(walletIdOrOptions) {
 }
 
 // src/hooks/usePasskey.ts
-var import_react5 = require("react");
+var import_react6 = require("react");
 var import_helpers4 = require("cilantro-sdk/helpers");
 var import_wallet5 = require("cilantro-sdk/wallet");
 var import_helpers5 = require("cilantro-sdk/helpers");
 function usePasskey(walletId) {
   const { jwt } = useCilantroContext();
-  const [isLoading, setIsLoading] = (0, import_react5.useState)(false);
+  const [isLoading, setIsLoading] = (0, import_react6.useState)(false);
   const isSupported = typeof window !== "undefined" && (0, import_helpers4.isWebAuthnSupported)();
-  const register = (0, import_react5.useCallback)(async () => {
+  const register = (0, import_react6.useCallback)(async () => {
     if (!walletId) throw new Error("walletId is required");
     if (!isSupported) throw new Error("WebAuthn is not supported in this browser");
     setIsLoading(true);
@@ -992,7 +1079,7 @@ function usePasskey(walletId) {
       setIsLoading(false);
     }
   }, [walletId, isSupported]);
-  const authenticate = (0, import_react5.useCallback)(
+  const authenticate = (0, import_react6.useCallback)(
     async (signerId) => {
       if (!walletId) throw new Error("walletId is required");
       if (!isSupported) throw new Error("WebAuthn is not supported in this browser");
@@ -1022,7 +1109,7 @@ function usePasskey(walletId) {
 }
 
 // src/hooks/useExternalWallet.ts
-var import_react6 = require("react");
+var import_react7 = require("react");
 function getDetectedWallets() {
   if (typeof window === "undefined") return [];
   const list = [];
@@ -1045,18 +1132,18 @@ function getDetectedWallets() {
   return list;
 }
 function useExternalWallet() {
-  const [wallets, setWallets] = (0, import_react6.useState)([]);
-  const [connectedWallet, setConnectedWallet] = (0, import_react6.useState)(null);
-  (0, import_react6.useEffect)(() => {
+  const [wallets, setWallets] = (0, import_react7.useState)([]);
+  const [connectedWallet, setConnectedWallet] = (0, import_react7.useState)(null);
+  (0, import_react7.useEffect)(() => {
     setWallets(getDetectedWallets());
   }, []);
-  const connect = (0, import_react6.useCallback)(async (wallet) => {
+  const connect = (0, import_react7.useCallback)(async (wallet) => {
     const res = await wallet.connect();
     const publicKey = res.publicKey.toString();
     setConnectedWallet(wallet);
     return publicKey;
   }, []);
-  const disconnect = (0, import_react6.useCallback)(async () => {
+  const disconnect = (0, import_react7.useCallback)(async () => {
     if (connectedWallet?.disconnect) {
       await connectedWallet.disconnect();
     }
@@ -1066,13 +1153,13 @@ function useExternalWallet() {
 }
 
 // src/hooks/useSendTransaction.ts
-var import_react7 = require("react");
+var import_react8 = require("react");
 var import_wallet6 = require("cilantro-sdk/wallet");
 function useSendTransaction(walletId, _signerId, _signerType) {
   const { jwt } = useCilantroContext();
-  const [isPending, setIsPending] = (0, import_react7.useState)(false);
-  const [error, setError] = (0, import_react7.useState)(null);
-  const sendSOL = (0, import_react7.useCallback)(
+  const [isPending, setIsPending] = (0, import_react8.useState)(false);
+  const [error, setError] = (0, import_react8.useState)(null);
+  const sendSOL = (0, import_react8.useCallback)(
     async (params) => {
       if (!walletId) throw new Error("walletId is required");
       setError(null);
@@ -1099,7 +1186,7 @@ function useSendTransaction(walletId, _signerId, _signerType) {
     },
     [walletId, jwt]
   );
-  const sendSPL = (0, import_react7.useCallback)(
+  const sendSPL = (0, import_react8.useCallback)(
     async (params) => {
       if (!walletId) throw new Error("walletId is required");
       setError(null);
@@ -1131,7 +1218,7 @@ function useSendTransaction(walletId, _signerId, _signerType) {
 }
 
 // src/components/auth/LoginForm.tsx
-var import_react8 = require("react");
+var import_react9 = require("react");
 
 // src/ui/button.tsx
 var React = __toESM(require("react"));
@@ -1261,21 +1348,33 @@ function LoginForm({
   style,
   onSuccess,
   onError,
+  redirectAfterSuccess,
+  onRedirect,
+  returnUrlParam = "returnUrl",
   submitLabel = "Sign in",
   title = "Sign in",
   description,
   renderSwitchToRegister
 }) {
   const { login, isLoading } = useCilantroAuth();
-  const [usernameOrEmail, setUsernameOrEmail] = (0, import_react8.useState)("");
-  const [password, setPassword] = (0, import_react8.useState)("");
-  const [error, setError] = (0, import_react8.useState)(null);
+  const { returnPath } = useReturnUrl({ param: returnUrlParam, defaultPath: "/" });
+  const [usernameOrEmail, setUsernameOrEmail] = (0, import_react9.useState)("");
+  const [password, setPassword] = (0, import_react9.useState)("");
+  const [error, setError] = (0, import_react9.useState)(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);
@@ -1348,16 +1447,142 @@ function LoginForm({
   ] });
 }
 
+// src/components/auth/RegisterForm.tsx
+var import_react10 = require("react");
+var import_jsx_runtime8 = require("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] = (0, import_react10.useState)("");
+  const [email, setEmail] = (0, import_react10.useState)("");
+  const [password, setPassword] = (0, import_react10.useState)("");
+  const [error, setError] = (0, import_react10.useState)(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__ */ (0, import_jsx_runtime8.jsxs)(Card, { className: cn(className, classNames?.root), style, "data-cilantro-register-form": true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(CardHeader, { className: classNames?.header, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CardTitle, { className: classNames?.title, children: title }),
+      description != null && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CardDescription, { className: classNames?.description, children: description })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CardContent, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("form", { onSubmit: handleSubmit, className: cn("space-y-4", classNames?.form), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Label, { htmlFor: "cilantro-register-username", className: classNames?.label, children: "Username" }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          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__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Label, { htmlFor: "cilantro-register-email", className: classNames?.label, children: "Email" }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          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__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Label, { htmlFor: "cilantro-register-password", className: classNames?.label, children: "Password" }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          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__ */ (0, import_jsx_runtime8.jsx)(
+        "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__ */ (0, import_jsx_runtime8.jsx)(
+        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__ */ (0, import_jsx_runtime8.jsx)("div", { className: "text-center text-sm text-muted-foreground", children: renderSwitchToLogin() })
+    ] }) })
+  ] });
+}
+
 // src/components/auth/LogoutButton.tsx
-var import_react9 = require("react");
+var import_react11 = require("react");
 
 // src/ui/dialog.tsx
 var React5 = __toESM(require("react"));
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var Dialog = DialogPrimitive.Root;
 var DialogPortal = DialogPrimitive.Portal;
-var DialogOverlay = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+var DialogOverlay = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -1369,9 +1594,9 @@ var DialogOverlay = React5.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React5.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(DialogPortal, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DialogOverlay, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+var DialogContent = React5.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(DialogPortal, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DialogOverlay, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     DialogPrimitive.Content,
     {
       ref,
@@ -1385,9 +1610,9 @@ var DialogContent = React5.forwardRef(({ className, children, ...props }, ref) =
   )
 ] }));
 DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
+var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("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__ */ (0, import_jsx_runtime8.jsx)(
+var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
   "div",
   {
     className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
@@ -1395,7 +1620,7 @@ var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_r
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+var DialogTitle = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
   DialogPrimitive.Title,
   {
     ref,
@@ -1404,7 +1629,7 @@ var DialogTitle = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+var DialogDescription = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
   DialogPrimitive.Description,
   {
     ref,
@@ -1415,19 +1640,28 @@ var DialogDescription = React5.forwardRef(({ className, ...props }, ref) => /* @
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // src/components/auth/LogoutButton.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function LogoutButton({
   onLogout,
+  redirectAfterLogout,
+  onRedirect,
   confirmBeforeLogout = false,
   className,
   children
 }) {
   const { logout } = useAuth();
-  const [confirmOpen, setConfirmOpen] = (0, import_react9.useState)(false);
+  const [confirmOpen, setConfirmOpen] = (0, import_react11.useState)(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) {
@@ -1436,8 +1670,8 @@ function LogoutButton({
       handleLogout();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       Button,
       {
         type: "button",
@@ -1448,24 +1682,27 @@ function LogoutButton({
         children: children ?? "Log out"
       }
     ),
-    confirmBeforeLogout && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Dialog, { open: confirmOpen, onOpenChange: setConfirmOpen, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(DialogContent, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(DialogHeader, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DialogTitle, { children: "Log out?" }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DialogDescription, { children: "Are you sure you want to log out?" })
+    confirmBeforeLogout && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Dialog, { open: confirmOpen, onOpenChange: setConfirmOpen, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(DialogContent, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(DialogHeader, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DialogTitle, { children: "Log out?" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DialogDescription, { children: "Are you sure you want to log out?" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(DialogFooter, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Button, { variant: "outline", onClick: () => setConfirmOpen(false), children: "Cancel" }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Button, { variant: "destructive", onClick: handleLogout, children: "Log out" })
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(DialogFooter, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { variant: "outline", onClick: () => setConfirmOpen(false), children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { variant: "destructive", onClick: handleLogout, children: "Log out" })
       ] })
     ] }) })
   ] });
 }
 
+// src/components/auth/AuthGuard.tsx
+var import_react12 = require("react");
+
 // src/ui/skeleton.tsx
 var React6 = __toESM(require("react"));
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var Skeleton = React6.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     "div",
     {
       ref,
@@ -1477,47 +1714,166 @@ var Skeleton = React6.forwardRef(
 Skeleton.displayName = "Skeleton";
 
 // src/components/auth/AuthGuard.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("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 = (0, import_react12.useMemo)(() => {
+    if (!redirectTo) return null;
+    const returnPath = getCurrentReturnPath(returnUrlParam);
+    const sep = redirectTo.includes("?") ? "&" : "?";
+    return `${redirectTo}${sep}${returnUrlParam}=${encodeURIComponent(returnPath)}`;
+  }, [redirectTo, returnUrlParam]);
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    const loadingContent = useSkeleton ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: cn("rounded-lg border border-input p-6 space-y-4 w-full max-w-sm", classNames?.fallback), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Skeleton, { className: cn("h-7 w-2/3 rounded", classNames?.skeleton) }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Skeleton, { className: cn("h-4 w-full rounded", classNames?.skeleton) }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Skeleton, { className: cn("h-10 w-full rounded", classNames?.skeleton) }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Skeleton, { className: cn("h-10 w-full rounded", classNames?.skeleton) })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex flex-col items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        "div",
+        {
+          className: "h-8 w-8 animate-spin rounded-full border-2 border-primary border-t-transparent",
+          "aria-hidden": true
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-sm text-muted-foreground", children: "Loading..." })
+    ] });
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       "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__ */ (0, import_jsx_runtime11.jsxs)("div", { className: cn("rounded-lg border border-input p-4 space-y-3 w-full max-w-sm", classNames?.fallback), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Skeleton, { className: cn("h-6 w-2/3 rounded", classNames?.skeleton) }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Skeleton, { className: cn("h-4 w-full rounded", classNames?.skeleton) }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Skeleton, { className: cn("h-4 w-[80%] rounded", classNames?.skeleton) })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: cn("text-sm text-muted-foreground", classNames?.fallback), children: "Loading..." })
+        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("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__ */ (0, import_jsx_runtime11.jsx)("div", { className: cn(className, classNames?.root), "data-cilantro-auth-guard": true, children: fallback ?? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(LoginForm, { className: classNames?.fallback }) });
+    const returnPath = getCurrentReturnPath(returnUrlParam);
+    const fallbackContent = fallback ?? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      LoginForm,
+      {
+        className: classNames?.fallback,
+        redirectAfterSuccess: returnPath,
+        returnUrlParam,
+        onRedirect
+      }
+    );
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      "div",
+      {
+        className: cn(
+          LAYOUT_CLASSES[layout],
+          className,
+          classNames?.root
+        ),
+        "data-cilantro-auth-guard": true,
+        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: cn(layout !== "inline" && "w-full max-w-sm", classNames?.layout), children: fallbackContent })
+      }
+    );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_jsx_runtime11.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_jsx_runtime12.Fragment, { children });
+}
+
+// src/components/auth/AuthShell.tsx
+var import_jsx_runtime13 = require("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__ */ (0, import_jsx_runtime13.jsx)(
+    "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__ */ (0, import_jsx_runtime13.jsxs)(
+        "div",
+        {
+          className: cn(
+            "w-full space-y-6",
+            MAX_WIDTH_CLASSES[maxWidth],
+            classNames?.inner
+          ),
+          children: [
+            logo && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+              "div",
+              {
+                className: cn("flex justify-center", classNames?.logo),
+                "data-cilantro-auth-shell-logo": true,
+                children: logo
+              }
+            ),
+            children
+          ]
+        }
+      )
+    }
+  );
 }
 
 // src/components/signers/CreateEmailSignerForm.tsx
-var import_react10 = require("react");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_react13 = require("react");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function CreateEmailSignerForm({
   walletId,
   onCreated,
@@ -1525,8 +1881,8 @@ function CreateEmailSignerForm({
   className
 }) {
   const { createEmailSigner, isLoading } = useSigners(walletId);
-  const [email, setEmail] = (0, import_react10.useState)("");
-  const [error, setError] = (0, import_react10.useState)(null);
+  const [email, setEmail] = (0, import_react13.useState)("");
+  const [error, setError] = (0, import_react13.useState)(null);
   const handleSubmit = async (e) => {
     e.preventDefault();
     setError(null);
@@ -1540,10 +1896,10 @@ function CreateEmailSignerForm({
       onError?.(err instanceof Error ? err : new Error(message));
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), "data-cilantro-create-email-signer": true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Label, { htmlFor: "cilantro-email-signer-email", children: "Email" }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), "data-cilantro-create-email-signer": true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Label, { htmlFor: "cilantro-email-signer-email", children: "Email" }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         Input,
         {
           id: "cilantro-email-signer-email",
@@ -1557,14 +1913,14 @@ function CreateEmailSignerForm({
         }
       )
     ] }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "rounded-md border border-destructive/50 bg-destructive/10 px-3 py-2 text-sm text-destructive", role: "alert", children: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Button, { type: "submit", disabled: isLoading || !email.trim(), children: isLoading ? "Creating..." : "Create email signer" })
+    error && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "rounded-md border border-destructive/50 bg-destructive/10 px-3 py-2 text-sm text-destructive", role: "alert", children: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button, { type: "submit", disabled: isLoading || !email.trim(), children: isLoading ? "Creating..." : "Create email signer" })
   ] });
 }
 
 // src/components/signers/CreatePhoneSignerForm.tsx
-var import_react11 = require("react");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_react14 = require("react");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function CreatePhoneSignerForm({
   walletId,
   onCreated,
@@ -1572,8 +1928,8 @@ function CreatePhoneSignerForm({
   className
 }) {
   const { createPhoneSigner, isLoading } = useSigners(walletId);
-  const [phone, setPhone] = (0, import_react11.useState)("");
-  const [error, setError] = (0, import_react11.useState)(null);
+  const [phone, setPhone] = (0, import_react14.useState)("");
+  const [error, setError] = (0, import_react14.useState)(null);
   const handleSubmit = async (e) => {
     e.preventDefault();
     setError(null);
@@ -1587,10 +1943,10 @@ function CreatePhoneSignerForm({
       onError?.(err instanceof Error ? err : new Error(message));
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), "data-cilantro-create-phone-signer": true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Label, { htmlFor: "cilantro-phone-signer-phone", children: "Phone number" }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), "data-cilantro-create-phone-signer": true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Label, { htmlFor: "cilantro-phone-signer-phone", children: "Phone number" }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
         Input,
         {
           id: "cilantro-phone-signer-phone",
@@ -1604,14 +1960,14 @@ function CreatePhoneSignerForm({
         }
       )
     ] }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "rounded-md border border-destructive/50 bg-destructive/10 px-3 py-2 text-sm text-destructive", role: "alert", children: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Button, { type: "submit", disabled: isLoading || !phone.trim(), children: isLoading ? "Creating..." : "Create phone signer" })
+    error && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "rounded-md border border-destructive/50 bg-destructive/10 px-3 py-2 text-sm text-destructive", role: "alert", children: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { type: "submit", disabled: isLoading || !phone.trim(), children: isLoading ? "Creating..." : "Create phone signer" })
   ] });
 }
 
 // src/components/signers/AddPasskeyButton.tsx
-var import_react12 = require("react");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_react15 = require("react");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function AddPasskeyButton({
   walletId,
   onRegistered,
@@ -1620,7 +1976,7 @@ function AddPasskeyButton({
   children
 }) {
   const { isSupported, register, isLoading } = usePasskey(walletId);
-  const [error, setError] = (0, import_react12.useState)(null);
+  const [error, setError] = (0, import_react15.useState)(null);
   const handleClick = async () => {
     setError(null);
     try {
@@ -1633,15 +1989,15 @@ function AddPasskeyButton({
     }
   };
   if (!isSupported) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: cn(className), "data-cilantro-add-passkey": true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button, { type: "button", variant: "outline", onClick: handleClick, disabled: isLoading, children: children ?? "Add Passkey" }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "mt-2 text-sm text-destructive", role: "alert", children: error })
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: cn(className), "data-cilantro-add-passkey": true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Button, { type: "button", variant: "outline", onClick: handleClick, disabled: isLoading, children: children ?? "Add Passkey" }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "mt-2 text-sm text-destructive", role: "alert", children: error })
   ] });
 }
 
 // src/components/signers/SignerList.tsx
-var import_react13 = require("react");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_react16 = require("react");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function SignerList({
   walletId,
   onRevoke,
@@ -1652,7 +2008,7 @@ function SignerList({
   children
 }) {
   const { signers, isLoading, error, refresh, revokeSigner } = useSigners(walletId);
-  const [addSignerOpen, setAddSignerOpen] = (0, import_react13.useState)(false);
+  const [addSignerOpen, setAddSignerOpen] = (0, import_react16.useState)(false);
   const handleAddSuccess = () => {
     refresh();
     setAddSignerOpen(false);
@@ -1666,7 +2022,7 @@ function SignerList({
     }
   };
   if (children) {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
       children({
         signers,
         isLoading,
@@ -1674,24 +2030,24 @@ function SignerList({
         refresh,
         openAddSigner: () => setAddSignerOpen(true)
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Dialog, { open: addSignerOpen, onOpenChange: setAddSignerOpen, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(DialogContent, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DialogTitle, { children: "Add signer" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Dialog, { open: addSignerOpen, onOpenChange: setAddSignerOpen, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DialogContent, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DialogTitle, { children: "Add signer" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             CreateEmailSignerForm,
             {
               walletId,
               onCreated: handleAddSuccess
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             CreatePhoneSignerForm,
             {
               walletId,
               onCreated: handleAddSuccess
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             AddPasskeyButton,
             {
               walletId,
@@ -1703,12 +2059,12 @@ function SignerList({
     ] });
   }
   if (!walletId) {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: cn(className, classNames?.root), "data-cilantro-signer-list": true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: cn("text-sm text-muted-foreground", classNames?.message), children: "Select a wallet first." }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: cn(className, classNames?.root), "data-cilantro-signer-list": true, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: cn("text-sm text-muted-foreground", classNames?.message), children: "Select a wallet first." }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: cn(className, classNames?.root), "data-cilantro-signer-list": true, "aria-busy": isLoading, "aria-live": "polite", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: cn("flex items-center justify-between gap-2 mb-2", classNames?.header), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-sm font-medium", children: "Signers" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: cn(className, classNames?.root), "data-cilantro-signer-list": true, "aria-busy": isLoading, "aria-live": "polite", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: cn("flex items-center justify-between gap-2 mb-2", classNames?.header), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-sm font-medium", children: "Signers" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         Button,
         {
           type: "button",
@@ -1722,13 +2078,13 @@ function SignerList({
         }
       )
     ] }),
-    isLoading && useSkeleton ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: cn("space-y-1", classNames?.loading), "aria-busy": "true", "aria-live": "polite", children: [1, 2, 3].map((i) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Skeleton, { className: cn("h-5 w-full rounded-md", classNames?.skeleton) }, i)) }) : isLoading ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: cn("text-sm text-muted-foreground", classNames?.message), children: "Loading signers..." }) : error ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: cn("rounded-md border border-destructive/50 bg-destructive/10 px-3 py-2", classNames?.message), role: "alert", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "text-sm text-destructive", children: error }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { type: "button", variant: "outline", size: "sm", className: "mt-2", onClick: () => refresh(), children: "Retry" })
-    ] }) : signers.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: cn("rounded-md border border-input bg-muted/30 px-4 py-3 text-sm text-muted-foreground", classNames?.message), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "font-medium text-foreground", children: "No signers" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "mt-1", children: "Add a signer to authorize transactions for this wallet." }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    isLoading && useSkeleton ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: cn("space-y-1", classNames?.loading), "aria-busy": "true", "aria-live": "polite", children: [1, 2, 3].map((i) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Skeleton, { className: cn("h-5 w-full rounded-md", classNames?.skeleton) }, i)) }) : isLoading ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: cn("text-sm text-muted-foreground", classNames?.message), children: "Loading signers..." }) : error ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: cn("rounded-md border border-destructive/50 bg-destructive/10 px-3 py-2", classNames?.message), role: "alert", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-sm text-destructive", children: error }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { type: "button", variant: "outline", size: "sm", className: "mt-2", onClick: () => refresh(), children: "Retry" })
+    ] }) : signers.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: cn("rounded-md border border-input bg-muted/30 px-4 py-3 text-sm text-muted-foreground", classNames?.message), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "font-medium text-foreground", children: "No signers" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "mt-1", children: "Add a signer to authorize transactions for this wallet." }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         Button,
         {
           type: "button",
@@ -1740,14 +2096,14 @@ function SignerList({
           children: "Add signer"
         }
       )
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("ul", { className: cn("space-y-1", classNames?.list), role: "list", children: signers.map((signer) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("li", { className: cn("flex items-center justify-between gap-2 text-sm", classNames?.item), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { children: [
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("ul", { className: cn("space-y-1", classNames?.list), role: "list", children: signers.map((signer) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("li", { className: cn("flex items-center justify-between gap-2 text-sm", classNames?.item), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { children: [
         getSignerDisplayName(signer),
         " (",
         getSignerTypeLabel(signer.type || signer.signerType || ""),
         ")"
       ] }),
-      onRevoke && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      onRevoke && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         Button,
         {
           type: "button",
@@ -1760,19 +2116,19 @@ function SignerList({
         }
       )
     ] }, signer.id)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Dialog, { open: addSignerOpen, onOpenChange: setAddSignerOpen, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(DialogContent, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DialogTitle, { children: "Add signer" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CreateEmailSignerForm, { walletId, onCreated: handleAddSuccess }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CreatePhoneSignerForm, { walletId, onCreated: handleAddSuccess }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AddPasskeyButton, { walletId, onRegistered: handleAddSuccess })
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Dialog, { open: addSignerOpen, onOpenChange: setAddSignerOpen, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DialogContent, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DialogTitle, { children: "Add signer" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CreateEmailSignerForm, { walletId, onCreated: handleAddSuccess }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CreatePhoneSignerForm, { walletId, onCreated: handleAddSuccess }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AddPasskeyButton, { walletId, onRegistered: handleAddSuccess })
       ] })
     ] }) })
   ] });
 }
 
 // src/components/signers/SignerSelector.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function SignerSelector({
   walletId,
   value,
@@ -1800,7 +2156,7 @@ function SignerSelector({
   };
   if (!walletId && !selectedWalletId) return null;
   if (children) {
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jsx_runtime16.Fragment, { children: children({
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_jsx_runtime18.Fragment, { children: children({
       signers: availableSigners,
       selectedSigner,
       onSignerSelect: handleSelect,
@@ -1808,7 +2164,7 @@ function SignerSelector({
     }) });
   }
   if (renderList) {
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: cn(className, classNames?.root), "data-cilantro-signer-selector": true, children: renderList({
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: cn(className, classNames?.root), "data-cilantro-signer-selector": true, children: renderList({
       signers: availableSigners,
       selectedSigner: selectedSigner ?? null,
       onSelect: handleSelect,
@@ -1818,8 +2174,8 @@ function SignerSelector({
       getSignerUniqueId
     }) });
   }
-  const loadingContent = isLoadingSigners && useSkeleton ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: cn("space-y-1", classNames?.loading), "aria-busy": "true", "aria-live": "polite", children: [1, 2, 3].map((i) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Skeleton, { className: cn("h-8 w-full rounded-md", classNames?.skeleton) }, i)) }) : isLoadingSigners ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: cn("text-sm text-muted-foreground", classNames?.message), children: "Loading signers..." }) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  const loadingContent = isLoadingSigners && useSkeleton ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: cn("space-y-1", classNames?.loading), "aria-busy": "true", "aria-live": "polite", children: [1, 2, 3].map((i) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Skeleton, { className: cn("h-8 w-full rounded-md", classNames?.skeleton) }, i)) }) : isLoadingSigners ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: cn("text-sm text-muted-foreground", classNames?.message), children: "Loading signers..." }) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "div",
     {
       className: cn(className, classNames?.root),
@@ -1828,7 +2184,7 @@ function SignerSelector({
       "aria-label": "Select signer",
       "aria-busy": isLoadingSigners,
       "aria-live": "polite",
-      children: loadingContent ?? (availableSigners.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: cn("text-sm text-muted-foreground", classNames?.message), children: "No signers for this wallet." }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("ul", { className: cn("space-y-1", classNames?.list), children: availableSigners.map((signer) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+      children: loadingContent ?? (availableSigners.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: cn("text-sm text-muted-foreground", classNames?.message), children: "No signers for this wallet." }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("ul", { className: cn("space-y-1", classNames?.list), children: availableSigners.map((signer) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
         Button,
         {
           type: "button",
@@ -1850,8 +2206,8 @@ function SignerSelector({
 }
 
 // src/components/wallet/ConnectWalletButton.tsx
-var import_react14 = require("react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_react17 = require("react");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function ConnectWalletButton({
   onConnect,
   onDisconnect,
@@ -1859,7 +2215,7 @@ function ConnectWalletButton({
   children
 }) {
   const { wallets, connectedWallet, connect, disconnect } = useExternalWallet();
-  const [loading, setLoading] = (0, import_react14.useState)(false);
+  const [loading, setLoading] = (0, import_react17.useState)(false);
   const handleConnect = async (wallet) => {
     setLoading(true);
     try {
@@ -1879,7 +2235,7 @@ function ConnectWalletButton({
     }
   };
   if (connectedWallet) {
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       Button,
       {
         type: "button",
@@ -1893,9 +2249,9 @@ function ConnectWalletButton({
     );
   }
   if (wallets.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { type: "button", variant: "outline", className: cn(className), disabled: true, "data-cilantro-connect-wallet": true, children: "No wallet detected" });
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { type: "button", variant: "outline", className: cn(className), disabled: true, "data-cilantro-connect-wallet": true, children: "No wallet detected" });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     Button,
     {
       type: "button",
@@ -1910,8 +2266,8 @@ function ConnectWalletButton({
 }
 
 // src/components/wallet/CreateWalletForm.tsx
-var import_react15 = require("react");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_react18 = require("react");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function CreateWalletForm({
   userId,
   onCreated,
@@ -1919,8 +2275,8 @@ function CreateWalletForm({
   className
 }) {
   const { createWallet, isLoading } = useWallet();
-  const [name, setName] = (0, import_react15.useState)("");
-  const [error, setError] = (0, import_react15.useState)(null);
+  const [name, setName] = (0, import_react18.useState)("");
+  const [error, setError] = (0, import_react18.useState)(null);
   const handleSubmit = async (e) => {
     e.preventDefault();
     setError(null);
@@ -1934,10 +2290,10 @@ function CreateWalletForm({
       onError?.(err instanceof Error ? err : new Error(message));
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), "data-cilantro-create-wallet": true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Label, { htmlFor: "cilantro-wallet-name", children: "Wallet name" }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), "data-cilantro-create-wallet": true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Label, { htmlFor: "cilantro-wallet-name", children: "Wallet name" }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
         Input,
         {
           id: "cilantro-wallet-name",
@@ -1950,18 +2306,18 @@ function CreateWalletForm({
         }
       )
     ] }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "rounded-md border border-destructive/50 bg-destructive/10 px-3 py-2 text-sm text-destructive", role: "alert", children: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button, { type: "submit", disabled: isLoading || !name.trim(), children: isLoading ? "Creating..." : "Create wallet" })
+    error && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "rounded-md border border-destructive/50 bg-destructive/10 px-3 py-2 text-sm text-destructive", role: "alert", children: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { type: "submit", disabled: isLoading || !name.trim(), children: isLoading ? "Creating..." : "Create wallet" })
   ] });
 }
 
 // src/ui/select.tsx
 var React7 = __toESM(require("react"));
 var SelectPrimitive = __toESM(require("@radix-ui/react-select"));
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var Select = SelectPrimitive.Root;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+var SelectTrigger = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -1972,12 +2328,12 @@ var SelectTrigger = React7.forwardRef(({ className, children, ...props }, ref) =
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "ml-2 h-4 w-4 shrink-0 opacity-50", children: "\u25BC" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("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__ */ (0, import_jsx_runtime19.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+var SelectContent = React7.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
   SelectPrimitive.Content,
   {
     ref,
@@ -1988,7 +2344,7 @@ var SelectContent = React7.forwardRef(({ className, children, position = "popper
     ),
     position,
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       SelectPrimitive.Viewport,
       {
         className: cn(
@@ -2001,7 +2357,7 @@ var SelectContent = React7.forwardRef(({ className, children, position = "popper
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectItem = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+var SelectItem = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
   SelectPrimitive.Item,
   {
     ref,
@@ -2011,15 +2367,15 @@ var SelectItem = React7.forwardRef(({ className, children, ...props }, ref) => /
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SelectPrimitive.ItemIndicator, { children: "\u2713" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SelectPrimitive.ItemText, { children })
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectPrimitive.ItemIndicator, { children: "\u2713" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectPrimitive.ItemText, { children })
     ]
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
 
 // src/components/wallet/WalletSelector.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function WalletSelector(props) {
   const {
     value,
@@ -2049,7 +2405,7 @@ function WalletSelector(props) {
     onWalletChange?.(id, wallets.find((w) => w.id === id || w.walletId === id) ?? null);
   };
   if (children) {
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_jsx_runtime20.Fragment, { children: children({
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_jsx_runtime22.Fragment, { children: children({
       wallets,
       selectedWallet: selected,
       selectWallet: (id) => {
@@ -2062,35 +2418,35 @@ function WalletSelector(props) {
     }) });
   }
   if (renderTrigger || renderList) {
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: cn(className, classNames?.root), "data-cilantro-wallet-selector": true, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("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__ */ (0, import_jsx_runtime20.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       "div",
       {
         className: cn(className, classNames?.root, classNames?.loading),
         "data-cilantro-wallet-selector": true,
         "aria-busy": "true",
         "aria-live": "polite",
-        children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           "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__ */ (0, import_jsx_runtime20.jsx)(Skeleton, { className: cn("h-4 flex-1 rounded", classNames?.skeleton) })
+            children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Skeleton, { className: cn("h-4 flex-1 rounded", classNames?.skeleton) })
           }
         )
       }
     );
   }
   if (isEmpty) {
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
       "div",
       {
         className: cn(
@@ -2100,24 +2456,24 @@ function WalletSelector(props) {
         ),
         "data-cilantro-wallet-selector": true,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "font-medium text-foreground", children: "No wallets" }),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "mt-1", children: "Wallets are created by the platform when you sign in. If you just logged in, try refreshing." })
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "font-medium text-foreground", children: "No wallets" }),
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "mt-1", children: "Wallets are created by the platform when you sign in. If you just logged in, try refreshing." })
         ]
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: cn(className, classNames?.root), "data-cilantro-wallet-selector": true, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Select, { value: effectiveValue || void 0, onValueChange: handleValueChange, disabled: isLoading, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SelectTrigger, { className: classNames?.trigger, "aria-label": "Select wallet", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SelectValue, { placeholder: isLoading ? "Loading..." : placeholder }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SelectContent, { className: classNames?.content, children: wallets.map((w) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: cn(className, classNames?.root), "data-cilantro-wallet-selector": true, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(Select, { value: effectiveValue || void 0, onValueChange: handleValueChange, disabled: isLoading, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectTrigger, { className: classNames?.trigger, "aria-label": "Select wallet", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectValue, { placeholder: isLoading ? "Loading..." : placeholder }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectContent, { className: classNames?.content, children: wallets.map((w) => {
       const id = w.id ?? w.walletId;
-      return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SelectItem, { value: id, className: classNames?.item, children: w.walletName || id }, id);
+      return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectItem, { value: id, className: classNames?.item, children: w.walletName || id }, id);
     }) })
   ] }) });
 }
 
 // src/components/wallet/WalletAddress.tsx
-var import_react16 = require("react");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_react19 = require("react");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function truncateAddress(addr, chars = 4) {
   if (addr.length <= chars * 2 + 3) return addr;
   return `${addr.slice(0, chars)}...${addr.slice(-chars)}`;
@@ -2128,7 +2484,7 @@ function WalletAddress({
   copyable = false,
   className
 }) {
-  const [copied, setCopied] = (0, import_react16.useState)(false);
+  const [copied, setCopied] = (0, import_react19.useState)(false);
   const display = short ? truncateAddress(address) : address;
   const handleCopy = async () => {
     try {
@@ -2138,9 +2494,9 @@ function WalletAddress({
     } catch {
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("span", { className: cn("inline-flex items-center gap-2", className), "data-cilantro-wallet-address": true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("code", { className: "text-sm font-mono", children: display }),
-    copyable && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("span", { className: cn("inline-flex items-center gap-2", className), "data-cilantro-wallet-address": true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("code", { className: "text-sm font-mono", children: display }),
+    copyable && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       Button,
       {
         type: "button",
@@ -2156,20 +2512,20 @@ function WalletAddress({
 }
 
 // src/components/wallet/WalletBalance.tsx
-var import_react17 = require("react");
+var import_react20 = require("react");
 var import_wallet7 = require("cilantro-sdk/wallet");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function WalletBalance({
   walletId,
   showTokens = false,
   className
 }) {
   const { jwt } = useCilantroContext();
-  const [loading, setLoading] = (0, import_react17.useState)(true);
-  const [solBalance, setSolBalance] = (0, import_react17.useState)(null);
-  const [tokens, setTokens] = (0, import_react17.useState)([]);
-  const [error, setError] = (0, import_react17.useState)(null);
-  (0, import_react17.useEffect)(() => {
+  const [loading, setLoading] = (0, import_react20.useState)(true);
+  const [solBalance, setSolBalance] = (0, import_react20.useState)(null);
+  const [tokens, setTokens] = (0, import_react20.useState)([]);
+  const [error, setError] = (0, import_react20.useState)(null);
+  (0, import_react20.useEffect)(() => {
     if (!walletId || !jwt) {
       setSolBalance(null);
       setTokens([]);
@@ -2206,15 +2562,15 @@ function WalletBalance({
     };
   }, [walletId, jwt, showTokens]);
   if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: cn(className), "data-cilantro-wallet-balance": true, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Skeleton, { className: "h-5 w-24 rounded" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: cn(className), "data-cilantro-wallet-balance": true, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Skeleton, { className: "h-5 w-24 rounded" }) });
   }
   if (error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: cn("text-sm text-destructive", className), "data-cilantro-wallet-balance": true, role: "alert", children: error });
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("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__ */ (0, import_jsx_runtime22.jsxs)("div", { className: cn("text-sm", className), "data-cilantro-wallet-balance": true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "font-medium", children: solDisplay }),
-    showTokens && tokens.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("ul", { className: "mt-1 space-y-0.5 text-muted-foreground", children: tokens.map((t, i) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("li", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: cn("text-sm", className), "data-cilantro-wallet-balance": true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "font-medium", children: solDisplay }),
+    showTokens && tokens.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("ul", { className: "mt-1 space-y-0.5 text-muted-foreground", children: tokens.map((t, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("li", { children: [
       t.symbol ?? t.mint ?? "Token",
       ": ",
       t.balance ?? "\u2014"
@@ -2223,8 +2579,8 @@ function WalletBalance({
 }
 
 // src/components/transactions/SendSOLForm.tsx
-var import_react18 = require("react");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_react21 = require("react");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function SendSOLForm({
   walletId,
   signerId,
@@ -2234,9 +2590,9 @@ function SendSOLForm({
   className
 }) {
   const { sendSOL, isPending, error } = useSendTransaction(walletId, signerId, signerType);
-  const [recipientAddress, setRecipientAddress] = (0, import_react18.useState)("");
-  const [amountLamports, setAmountLamports] = (0, import_react18.useState)("");
-  const [submitError, setSubmitError] = (0, import_react18.useState)(null);
+  const [recipientAddress, setRecipientAddress] = (0, import_react21.useState)("");
+  const [amountLamports, setAmountLamports] = (0, import_react21.useState)("");
+  const [submitError, setSubmitError] = (0, import_react21.useState)(null);
   const handleSubmit = async (e) => {
     e.preventDefault();
     setSubmitError(null);
@@ -2256,10 +2612,10 @@ function SendSOLForm({
       onError?.(err instanceof Error ? err : new Error(message));
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), "data-cilantro-send-sol": true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Label, { htmlFor: "cilantro-send-sol-recipient", children: "Recipient address" }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), "data-cilantro-send-sol": true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Label, { htmlFor: "cilantro-send-sol-recipient", children: "Recipient address" }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         Input,
         {
           id: "cilantro-send-sol-recipient",
@@ -2272,9 +2628,9 @@ function SendSOLForm({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Label, { htmlFor: "cilantro-send-sol-amount", children: "Amount (lamports)" }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Label, { htmlFor: "cilantro-send-sol-amount", children: "Amount (lamports)" }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         Input,
         {
           id: "cilantro-send-sol-amount",
@@ -2288,14 +2644,14 @@ function SendSOLForm({
         }
       )
     ] }),
-    (error || submitError) && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("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__ */ (0, import_jsx_runtime23.jsx)(Button, { type: "submit", disabled: isPending || !recipientAddress.trim() || !amountLamports, children: isPending ? "Sending..." : "Send SOL" })
+    (error || submitError) && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("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__ */ (0, import_jsx_runtime25.jsx)(Button, { type: "submit", disabled: isPending || !recipientAddress.trim() || !amountLamports, children: isPending ? "Sending..." : "Send SOL" })
   ] });
 }
 
 // src/components/transactions/SendSPLForm.tsx
-var import_react19 = require("react");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_react22 = require("react");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function SendSPLForm({
   walletId,
   signerId,
@@ -2306,10 +2662,10 @@ function SendSPLForm({
   className
 }) {
   const { sendSPL, isPending, error } = useSendTransaction(walletId, signerId, signerType);
-  const [mintAddress, setMintAddress] = (0, import_react19.useState)(initialMint ?? "");
-  const [recipientAddress, setRecipientAddress] = (0, import_react19.useState)("");
-  const [amount, setAmount] = (0, import_react19.useState)("");
-  const [submitError, setSubmitError] = (0, import_react19.useState)(null);
+  const [mintAddress, setMintAddress] = (0, import_react22.useState)(initialMint ?? "");
+  const [recipientAddress, setRecipientAddress] = (0, import_react22.useState)("");
+  const [amount, setAmount] = (0, import_react22.useState)("");
+  const [submitError, setSubmitError] = (0, import_react22.useState)(null);
   const handleSubmit = async (e) => {
     e.preventDefault();
     setSubmitError(null);
@@ -2333,10 +2689,10 @@ function SendSPLForm({
       onError?.(err instanceof Error ? err : new Error(message));
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), "data-cilantro-send-spl": true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Label, { htmlFor: "cilantro-send-spl-mint", children: "Mint address" }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), "data-cilantro-send-spl": true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Label, { htmlFor: "cilantro-send-spl-mint", children: "Mint address" }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         Input,
         {
           id: "cilantro-send-spl-mint",
@@ -2349,9 +2705,9 @@ function SendSPLForm({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Label, { htmlFor: "cilantro-send-spl-recipient", children: "Recipient address" }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Label, { htmlFor: "cilantro-send-spl-recipient", children: "Recipient address" }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         Input,
         {
           id: "cilantro-send-spl-recipient",
@@ -2364,9 +2720,9 @@ function SendSPLForm({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Label, { htmlFor: "cilantro-send-spl-amount", children: "Amount" }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Label, { htmlFor: "cilantro-send-spl-amount", children: "Amount" }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         Input,
         {
           id: "cilantro-send-spl-amount",
@@ -2381,13 +2737,13 @@ function SendSPLForm({
         }
       )
     ] }),
-    (error || submitError) && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("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__ */ (0, import_jsx_runtime24.jsx)(Button, { type: "submit", disabled: isPending || !mintAddress.trim() || !recipientAddress.trim() || !amount, children: isPending ? "Sending..." : "Send SPL" })
+    (error || submitError) && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("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__ */ (0, import_jsx_runtime26.jsx)(Button, { type: "submit", disabled: isPending || !mintAddress.trim() || !recipientAddress.trim() || !amount, children: isPending ? "Sending..." : "Send SPL" })
   ] });
 }
 
 // src/components/transactions/TransactionStatus.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var EXPLORER_URL = {
   "mainnet-beta": "https://explorer.solana.com",
   devnet: "https://explorer.solana.com/?cluster=devnet",
@@ -2400,9 +2756,9 @@ function TransactionStatus({
 }) {
   const base = EXPLORER_URL[cluster] ?? EXPLORER_URL["mainnet-beta"];
   const href = `${base}/tx/${signature}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: cn("text-sm", className), "data-cilantro-transaction-status": true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "text-muted-foreground", children: "Transaction: " }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: cn("text-sm", className), "data-cilantro-transaction-status": true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-muted-foreground", children: "Transaction: " }),
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
       "a",
       {
         href,
@@ -2420,18 +2776,18 @@ function TransactionStatus({
 }
 
 // src/components/transactions/TransactionHistory.tsx
-var import_react20 = require("react");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_react23 = require("react");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function TransactionHistory({
   walletId,
   pageSize = 10,
   className
 }) {
   const { jwt } = useCilantroContext();
-  const [loading, setLoading] = (0, import_react20.useState)(true);
-  const [signatures, setSignatures] = (0, import_react20.useState)([]);
-  const [error, setError] = (0, import_react20.useState)(null);
-  (0, import_react20.useEffect)(() => {
+  const [loading, setLoading] = (0, import_react23.useState)(true);
+  const [signatures, setSignatures] = (0, import_react23.useState)([]);
+  const [error, setError] = (0, import_react23.useState)(null);
+  (0, import_react23.useEffect)(() => {
     if (!walletId || !jwt) {
       setSignatures([]);
       setLoading(false);
@@ -2458,20 +2814,20 @@ function TransactionHistory({
     };
   }, [walletId, jwt, pageSize]);
   if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: cn("text-sm text-muted-foreground", className), "data-cilantro-transaction-history": true, children: "Loading..." });
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: cn("text-sm text-muted-foreground", className), "data-cilantro-transaction-history": true, children: "Loading..." });
   }
   if (error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: cn("text-sm text-destructive", className), "data-cilantro-transaction-history": true, role: "alert", children: error });
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: cn("text-sm text-destructive", className), "data-cilantro-transaction-history": true, role: "alert", children: error });
   }
   if (signatures.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: cn("text-sm text-muted-foreground", className), "data-cilantro-transaction-history": true, children: "No recent transactions." });
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: cn("text-sm text-muted-foreground", className), "data-cilantro-transaction-history": true, children: "No recent transactions." });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("ul", { className: cn("space-y-2", className), "data-cilantro-transaction-history": true, role: "list", children: signatures.map((sig) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TransactionStatus, { signature: sig }) }, sig)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("ul", { className: cn("space-y-2", className), "data-cilantro-transaction-history": true, role: "list", children: signatures.map((sig) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TransactionStatus, { signature: sig }) }, sig)) });
 }
 
 // src/components/layout/CilantroConnect.tsx
-var import_react21 = require("react");
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_react24 = require("react");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function CilantroConnect({
   onConnect,
   onDisconnect,
@@ -2479,13 +2835,13 @@ function CilantroConnect({
 }) {
   const { isAuthenticated } = useAuth();
   const { wallet, wallets, createWallet, selectWallet, isLoading: walletLoading } = useWallet();
-  const [walletId, setWalletId] = (0, import_react21.useState)(null);
-  const [step, setStep] = (0, import_react21.useState)("auth");
+  const [walletId, setWalletId] = (0, import_react24.useState)(null);
+  const [step, setStep] = (0, import_react24.useState)("auth");
   if (!isAuthenticated) {
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: cn(className), "data-cilantro-connect": true, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(LoginForm, { onSuccess: () => setStep("wallet") }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: cn(className), "data-cilantro-connect": true, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(LoginForm, { onSuccess: () => setStep("wallet") }) });
   }
   if (step === "wallet" && wallets.length === 0 && !walletLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: cn(className), "data-cilantro-connect": true, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: cn(className), "data-cilantro-connect": true, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
       CreateWalletForm,
       {
         onCreated: (res) => {
@@ -2501,9 +2857,9 @@ function CilantroConnect({
   }
   if (step === "signer" && walletId) {
     const currentWallet = wallet ?? wallets.find((w) => (w.id ?? w.walletId) === walletId);
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: cn("space-y-4", className), "data-cilantro-connect": true, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "text-sm text-muted-foreground", children: "Add a signer to your wallet" }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: cn("space-y-4", className), "data-cilantro-connect": true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-sm text-muted-foreground", children: "Add a signer to your wallet" }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
         CreateEmailSignerForm,
         {
           walletId,
@@ -2516,7 +2872,7 @@ function CilantroConnect({
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
         AddPasskeyButton,
         {
           walletId,
@@ -2531,9 +2887,9 @@ function CilantroConnect({
     ] });
   }
   if (wallet && step === "done") {
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: cn(className), "data-cilantro-connect": true, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "text-sm text-muted-foreground", children: "Connected" }),
-      onDisconnect && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: cn(className), "data-cilantro-connect": true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-sm text-muted-foreground", children: "Connected" }),
+      onDisconnect && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
         "button",
         {
           type: "button",
@@ -2549,11 +2905,11 @@ function CilantroConnect({
     ] });
   }
   if (walletLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: cn("text-sm text-muted-foreground", className), "data-cilantro-connect": true, children: "Loading..." });
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: cn("text-sm text-muted-foreground", className), "data-cilantro-connect": true, children: "Loading..." });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: cn(className), "data-cilantro-connect": true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "text-sm text-muted-foreground", children: "Set up your wallet" }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: cn(className), "data-cilantro-connect": true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-sm text-muted-foreground", children: "Set up your wallet" }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
       CreateWalletForm,
       {
         onCreated: (res) => {
@@ -2570,24 +2926,24 @@ function CilantroConnect({
 }
 
 // src/components/layout/LoadingOverlay.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function LoadingOverlay({
   isLoading,
   message,
   children,
   className
 }) {
-  if (!isLoading) return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_jsx_runtime28.Fragment, { children });
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: cn("relative", className), "data-cilantro-loading-overlay": true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  if (!isLoading) return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_jsx_runtime30.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: cn("relative", className), "data-cilantro-loading-overlay": true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       "div",
       {
         className: "absolute inset-0 z-10 flex items-center justify-center bg-background/80",
         "aria-busy": "true",
         "aria-live": "polite",
-        children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-col items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "h-8 w-8 animate-spin rounded-full border-2 border-primary border-t-transparent" }),
-          message && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-sm text-muted-foreground", children: message })
+        children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex flex-col items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "h-8 w-8 animate-spin rounded-full border-2 border-primary border-t-transparent" }),
+          message && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-sm text-muted-foreground", children: message })
         ] })
       }
     ),
@@ -2596,9 +2952,9 @@ function LoadingOverlay({
 }
 
 // src/components/layout/ErrorBoundary.tsx
-var import_react22 = require("react");
-var import_jsx_runtime29 = require("react/jsx-runtime");
-var ErrorBoundary = class extends import_react22.Component {
+var import_react25 = require("react");
+var import_jsx_runtime31 = require("react/jsx-runtime");
+var ErrorBoundary = class extends import_react25.Component {
   constructor() {
     super(...arguments);
     this.state = { hasError: false, error: null };
@@ -2618,16 +2974,16 @@ var ErrorBoundary = class extends import_react22.Component {
       if (this.props.fallback) {
         return this.props.fallback;
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
         "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__ */ (0, import_jsx_runtime29.jsx)("p", { className: "font-medium", children: "Something went wrong" }),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "mt-1 text-muted-foreground", children: this.state.error.message }),
-            this.props.onRetry && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Button, { type: "button", variant: "outline", size: "sm", className: "mt-3", onClick: this.handleRetry, children: "Retry" })
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "font-medium", children: "Something went wrong" }),
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "mt-1 text-muted-foreground", children: this.state.error.message }),
+            this.props.onRetry && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Button, { type: "button", variant: "outline", size: "sm", className: "mt-3", onClick: this.handleRetry, children: "Retry" })
           ]
         }
       );
@@ -2638,7 +2994,7 @@ var ErrorBoundary = class extends import_react22.Component {
 
 // src/ui/theme-provider.tsx
 var React8 = __toESM(require("react"));
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("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%}
@@ -2684,15 +3040,15 @@ function ThemeProvider({
     mql.addEventListener("change", listener);
     return () => mql.removeEventListener("change", listener);
   }, [theme, storageKey]);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
-    injectStyles && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
+    injectStyles && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
       "style",
       {
         dangerouslySetInnerHTML: { __html: DEFAULT_THEME_CSS },
         "data-cilantro-theme-styles": true
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
       "div",
       {
         className: cn(className),
@@ -3167,6 +3523,7 @@ async function getWalletData(walletId) {
 0 && (module.exports = {
   AddPasskeyButton,
   AuthGuard,
+  AuthShell,
   CilantroConnect,
   CilantroContextProvider,
   CilantroProvider,
@@ -3178,6 +3535,7 @@ async function getWalletData(walletId) {
   LoadingOverlay,
   LoginForm,
   LogoutButton,
+  RegisterForm,
   SIGNER_TYPES,
   SendSOLForm,
   SendSPLForm,
@@ -3197,7 +3555,9 @@ async function getWalletData(walletId) {
   extractErrorMessage,
   extractResponseData,
   getSignerPublicKey,
+  getWalletAddress,
   getWalletData,
+  getWalletId,
   isAuthError,
   isJwtExpired,
   normalizeSigner,
@@ -3211,6 +3571,7 @@ async function getWalletData(walletId) {
   useCilantroContext,
   useExternalWallet,
   usePasskey,
+  useReturnUrl,
   useSendTransaction,
   useSigners,
   useWallet,