@dubsdotapp/expo 0.1.3 → 0.2.0

package/dist/index.js

@@ -37,12 +37,19 @@ __export(index_exports, {
   DubsApiError: () => DubsApiError,
   DubsClient: () => DubsClient,
   DubsProvider: () => DubsProvider,
+  GamePoster: () => GamePoster,
+  JoinGameButton: () => JoinGameButton,
+  LivePoolsCard: () => LivePoolsCard,
   MwaWalletAdapter: () => MwaWalletAdapter,
+  NETWORK_CONFIG: () => NETWORK_CONFIG,
+  PickWinnerCard: () => PickWinnerCard,
+  PlayersCard: () => PlayersCard,
   SOLANA_PROGRAM_ERRORS: () => SOLANA_PROGRAM_ERRORS,
+  STORAGE_KEYS: () => STORAGE_KEYS,
   SettingsSheet: () => SettingsSheet,
   UserProfileCard: () => UserProfileCard,
+  createSecureStoreStorage: () => createSecureStoreStorage,
   parseSolanaError: () => parseSolanaError,
-  pollTransactionConfirmation: () => pollTransactionConfirmation,
   signAndSendBase64Transaction: () => signAndSendBase64Transaction,
   useAuth: () => useAuth,
   useClaim: () => useClaim,
@@ -60,6 +67,18 @@ module.exports = __toCommonJS(index_exports);
 // src/constants.ts
 var DEFAULT_BASE_URL = "https://dubs-server-prod-9c91d3f01199.herokuapp.com/api/developer/v1";
 var DEFAULT_RPC_URL = "https://api.mainnet-beta.solana.com";
+var NETWORK_CONFIG = {
+  "mainnet-beta": {
+    baseUrl: DEFAULT_BASE_URL,
+    rpcUrl: DEFAULT_RPC_URL,
+    cluster: "mainnet-beta"
+  },
+  devnet: {
+    baseUrl: "https://dubs-server-dev-55d1fba09a97.herokuapp.com/api/developer/v1",
+    rpcUrl: "https://api.devnet.solana.com",
+    cluster: "devnet"
+  }
+};
 
 // src/errors.ts
 var DubsApiError = class extends Error {
@@ -193,12 +212,20 @@ var DubsClient = class {
     if (this._token) {
       headers["Authorization"] = `Bearer ${this._token}`;
     }
+    console.log(`[DubsClient] ${method} ${url}`, body ? JSON.stringify(body).slice(0, 200) : "");
     const res = await fetch(url, {
       method,
       headers,
       body: body ? JSON.stringify(body) : void 0
     });
-    const json = await res.json();
+    const text = await res.text();
+    console.log(`[DubsClient] ${method} ${path} \u2192 ${res.status}`, text.slice(0, 300));
+    let json;
+    try {
+      json = JSON.parse(text);
+    } catch {
+      throw new DubsApiError("parse_error", `Invalid JSON response: ${text.slice(0, 100)}`, res.status);
+    }
     if (!json.success) {
       const err = json.error;
       if (typeof err === "object" && err !== null) {
@@ -318,6 +345,13 @@ var DubsClient = class {
     );
     return res.game;
   }
+  async getLiveScore(gameId) {
+    const res = await this.request(
+      "GET",
+      `/games/${encodeURIComponent(gameId)}/live-score`
+    );
+    return res.liveScore;
+  }
   async getGames(params) {
     const qs = new URLSearchParams();
     if (params?.wallet) qs.set("wallet", params.wallet);
@@ -335,6 +369,7 @@ var DubsClient = class {
   async getNetworkGames(params) {
     const qs = new URLSearchParams();
     if (params?.league) qs.set("league", params.league);
+    if (params?.exclude_wallet) qs.set("exclude_wallet", params.exclude_wallet);
     if (params?.limit != null) qs.set("limit", String(params.limit));
     if (params?.offset != null) qs.set("offset", String(params.offset));
     const query = qs.toString();
@@ -443,35 +478,56 @@ var DubsClient = class {
   }
 };
 
-// src/provider.tsx
-var import_react = require("react");
-var import_web3 = require("@solana/web3.js");
-var import_jsx_runtime = require("react/jsx-runtime");
-var DubsContext = (0, import_react.createContext)(null);
-function DubsProvider({ apiKey, baseUrl, rpcUrl, wallet, children }) {
-  const value = (0, import_react.useMemo)(() => {
-    const client = new DubsClient({ apiKey, baseUrl });
-    const connection = new import_web3.Connection(rpcUrl || DEFAULT_RPC_URL, { commitment: "confirmed" });
-    return { client, wallet, connection };
-  }, [apiKey, baseUrl, rpcUrl, wallet]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DubsContext.Provider, { value, children });
-}
-function useDubs() {
-  const ctx = (0, import_react.useContext)(DubsContext);
-  if (!ctx) {
-    throw new Error("useDubs must be used within a <DubsProvider>");
+// src/storage.ts
+var STORAGE_KEYS = {
+  MWA_AUTH_TOKEN: "dubs_mwa_auth_token",
+  JWT_TOKEN: "dubs_jwt_token"
+};
+function createSecureStoreStorage() {
+  let SecureStore = null;
+  function getStore() {
+    if (!SecureStore) {
+      try {
+        SecureStore = require("expo-secure-store");
+      } catch {
+        throw new Error(
+          "@dubsdotapp/expo: expo-secure-store is required for default token storage. Install it with: npx expo install expo-secure-store \u2014 or pass a custom tokenStorage prop to <DubsProvider>."
+        );
+      }
+    }
+    return SecureStore;
   }
-  return ctx;
+  return {
+    async getItem(key) {
+      const store = getStore();
+      return store.getItemAsync(key);
+    },
+    async setItem(key, value) {
+      const store = getStore();
+      await store.setItemAsync(key, value);
+    },
+    async deleteItem(key) {
+      const store = getStore();
+      await store.deleteItemAsync(key);
+    }
+  };
 }
 
+// src/provider.tsx
+var import_react12 = require("react");
+var import_web33 = require("@solana/web3.js");
+
+// src/managed-wallet.tsx
+var import_react = require("react");
+
 // src/wallet/mwa-adapter.ts
-var import_web32 = require("@solana/web3.js");
+var import_web3 = require("@solana/web3.js");
 function toPublicKey(address) {
   if (address instanceof Uint8Array) {
-    return new import_web32.PublicKey(address);
+    return new import_web3.PublicKey(address);
   }
   const bytes = Uint8Array.from(atob(address), (c) => c.charCodeAt(0));
-  return new import_web32.PublicKey(bytes);
+  return new import_web3.PublicKey(bytes);
 }
 var MwaWalletAdapter = class {
   constructor(config) {
@@ -487,6 +543,12 @@ var MwaWalletAdapter = class {
   get connected() {
     return this._connected;
   }
+  get authToken() {
+    return this._authToken;
+  }
+  setAuthToken(token) {
+    this._authToken = token;
+  }
   /**
    * Connect to a mobile wallet. Call this before any signing.
    */
@@ -550,17 +612,274 @@ var MwaWalletAdapter = class {
       return result[0];
     });
     if (signature instanceof Uint8Array) {
-      const bs582 = await import("@solana/web3.js").then(() => {
-        return new import_web32.PublicKey(signature).toBase58();
-      }).catch(() => {
-        return Buffer.from(signature).toString("base64");
-      });
-      return bs582;
+      return new import_web3.PublicKey(signature).toBase58();
     }
     return String(signature);
   }
 };
 
+// src/ui/ConnectWalletScreen.tsx
+var import_react_native2 = require("react-native");
+
+// src/ui/theme.ts
+var import_react_native = require("react-native");
+var dark = {
+  background: "#08080D",
+  surface: "#111118",
+  surfaceActive: "#7C3AED",
+  border: "#1A1A24",
+  text: "#FFFFFF",
+  textSecondary: "#E0E0EE",
+  textMuted: "#666666",
+  textDim: "#555555",
+  accent: "#7C3AED",
+  success: "#22C55E",
+  live: "#EF4444",
+  errorText: "#F87171",
+  errorBg: "#1A0A0A",
+  errorBorder: "#3A1515"
+};
+var light = {
+  background: "#FFFFFF",
+  surface: "#F0F0F5",
+  surfaceActive: "#7C3AED",
+  border: "#E0E0E8",
+  text: "#111118",
+  textSecondary: "#333333",
+  textMuted: "#888888",
+  textDim: "#999999",
+  accent: "#7C3AED",
+  success: "#16A34A",
+  live: "#DC2626",
+  errorText: "#DC2626",
+  errorBg: "#FEF2F2",
+  errorBorder: "#FECACA"
+};
+function useDubsTheme() {
+  const scheme = (0, import_react_native.useColorScheme)();
+  return scheme === "light" ? light : dark;
+}
+
+// src/ui/ConnectWalletScreen.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function ConnectWalletScreen({
+  onConnect,
+  connecting = false,
+  error = null,
+  appName = "Dubs"
+}) {
+  const t = useDubsTheme();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.View, { style: [styles.container, { backgroundColor: t.background }], children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native2.View, { style: styles.content, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native2.View, { style: styles.brandingSection, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.View, { style: [styles.logoCircle, { backgroundColor: t.accent }], children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: styles.logoText, children: "D" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: [styles.appName, { color: t.text }], children: appName }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: [styles.subtitle, { color: t.textMuted }], children: "Connect your Solana wallet to get started" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native2.View, { style: styles.actionSection, children: [
+      error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_react_native2.View,
+        {
+          style: [
+            styles.errorBox,
+            { backgroundColor: t.errorBg, borderColor: t.errorBorder }
+          ],
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: [styles.errorText, { color: t.errorText }], children: error })
+        }
+      ) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_react_native2.TouchableOpacity,
+        {
+          style: [styles.connectButton, { backgroundColor: t.accent }],
+          onPress: onConnect,
+          disabled: connecting,
+          activeOpacity: 0.8,
+          children: connecting ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.ActivityIndicator, { color: "#FFFFFF", size: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: styles.connectButtonText, children: "Connect Wallet" })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: [styles.hint, { color: t.textDim }], children: "Phantom, Solflare, or any Solana wallet" })
+    ] })
+  ] }) });
+}
+var styles = import_react_native2.StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: "center"
+  },
+  content: {
+    flex: 1,
+    justifyContent: "space-between",
+    paddingHorizontal: 32,
+    paddingTop: 120,
+    paddingBottom: 80
+  },
+  brandingSection: {
+    alignItems: "center",
+    gap: 12
+  },
+  logoCircle: {
+    width: 80,
+    height: 80,
+    borderRadius: 40,
+    justifyContent: "center",
+    alignItems: "center",
+    marginBottom: 8
+  },
+  logoText: {
+    fontSize: 36,
+    fontWeight: "800",
+    color: "#FFFFFF"
+  },
+  appName: {
+    fontSize: 32,
+    fontWeight: "800"
+  },
+  subtitle: {
+    fontSize: 16,
+    textAlign: "center",
+    lineHeight: 22
+  },
+  actionSection: {
+    gap: 16
+  },
+  errorBox: {
+    borderWidth: 1,
+    borderRadius: 12,
+    paddingHorizontal: 16,
+    paddingVertical: 12
+  },
+  errorText: {
+    fontSize: 14,
+    textAlign: "center"
+  },
+  connectButton: {
+    height: 56,
+    borderRadius: 16,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  connectButtonText: {
+    color: "#FFFFFF",
+    fontSize: 18,
+    fontWeight: "700"
+  },
+  hint: {
+    fontSize: 13,
+    textAlign: "center"
+  }
+});
+
+// src/managed-wallet.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var DisconnectContext = (0, import_react.createContext)(null);
+function useDisconnect() {
+  return (0, import_react.useContext)(DisconnectContext);
+}
+function ManagedWalletProvider({
+  appName,
+  cluster,
+  storage,
+  renderConnectScreen,
+  children
+}) {
+  const [connected, setConnected] = (0, import_react.useState)(false);
+  const [connecting, setConnecting] = (0, import_react.useState)(false);
+  const [isReady, setIsReady] = (0, import_react.useState)(false);
+  const [error, setError] = (0, import_react.useState)(null);
+  const adapterRef = (0, import_react.useRef)(null);
+  const transactRef = (0, import_react.useRef)(null);
+  if (!adapterRef.current) {
+    adapterRef.current = new MwaWalletAdapter({
+      transact: (...args) => {
+        if (!transactRef.current) {
+          throw new Error(
+            "@dubsdotapp/expo: @solana-mobile/mobile-wallet-adapter-protocol-web3js is required. Install it with: npm install @solana-mobile/mobile-wallet-adapter-protocol-web3js"
+          );
+        }
+        return transactRef.current(...args);
+      },
+      appIdentity: { name: appName },
+      cluster,
+      onAuthTokenChange: (token) => {
+        if (token) {
+          storage.setItem(STORAGE_KEYS.MWA_AUTH_TOKEN, token).catch(() => {
+          });
+        } else {
+          storage.deleteItem(STORAGE_KEYS.MWA_AUTH_TOKEN).catch(() => {
+          });
+        }
+      }
+    });
+  }
+  const adapter = adapterRef.current;
+  (0, import_react.useEffect)(() => {
+    let cancelled = false;
+    (async () => {
+      try {
+        const mwa = await import("@solana-mobile/mobile-wallet-adapter-protocol-web3js");
+        if (cancelled) return;
+        transactRef.current = mwa.transact;
+      } catch {
+      }
+      try {
+        const savedToken = await storage.getItem(STORAGE_KEYS.MWA_AUTH_TOKEN);
+        if (savedToken && !cancelled) {
+          adapter.setAuthToken(savedToken);
+          await adapter.connect();
+          if (!cancelled) setConnected(true);
+        }
+      } catch {
+      } finally {
+        if (!cancelled) setIsReady(true);
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [adapter, storage]);
+  const handleConnect = (0, import_react.useCallback)(async () => {
+    setConnecting(true);
+    setError(null);
+    try {
+      await adapter.connect();
+      setConnected(true);
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "Connection failed";
+      setError(message);
+    } finally {
+      setConnecting(false);
+    }
+  }, [adapter]);
+  const disconnect = (0, import_react.useCallback)(async () => {
+    adapter.disconnect();
+    await storage.deleteItem(STORAGE_KEYS.MWA_AUTH_TOKEN).catch(() => {
+    });
+    await storage.deleteItem(STORAGE_KEYS.JWT_TOKEN).catch(() => {
+    });
+    setConnected(false);
+  }, [adapter, storage]);
+  if (!isReady) return null;
+  if (!connected) {
+    if (renderConnectScreen === false) {
+      return null;
+    }
+    const connectProps = {
+      onConnect: handleConnect,
+      connecting,
+      error,
+      appName
+    };
+    if (renderConnectScreen) {
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: renderConnectScreen(connectProps) });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ConnectWalletScreen, { ...connectProps });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DisconnectContext.Provider, { value: disconnect, children: children(adapter) });
+}
+
+// src/ui/AuthGate.tsx
+var import_react11 = __toESM(require("react"));
+var import_react_native3 = require("react-native");
+
 // src/hooks/useEvents.ts
 var import_react2 = require("react");
 function useEvents(params) {
@@ -669,44 +988,24 @@ function useNetworkGames(params) {
 var import_react6 = require("react");
 
 // src/utils/transaction.ts
-var import_web33 = require("@solana/web3.js");
-async function signAndSendBase64Transaction(base64Tx, wallet, connection) {
+var import_web32 = require("@solana/web3.js");
+async function signAndSendBase64Transaction(base64Tx, wallet) {
   if (!wallet.publicKey) throw new Error("Wallet not connected");
-  const txBuffer = Buffer.from(base64Tx, "base64");
-  const transaction = import_web33.Transaction.from(txBuffer);
+  const binaryStr = atob(base64Tx);
+  const bytes = new Uint8Array(binaryStr.length);
+  for (let i = 0; i < binaryStr.length; i++) {
+    bytes[i] = binaryStr.charCodeAt(i);
+  }
+  const transaction = import_web32.Transaction.from(bytes);
   if (wallet.signAndSendTransaction) {
     return wallet.signAndSendTransaction(transaction);
   }
-  const signed = await wallet.signTransaction(transaction);
-  const signature = await connection.sendRawTransaction(signed.serialize(), {
-    skipPreflight: true
-  });
-  return signature;
-}
-async function pollTransactionConfirmation(signature, connection, commitment = "confirmed", timeout = 6e4, interval = 1500) {
-  const start = Date.now();
-  const confirmationOrder = ["processed", "confirmed", "finalized"];
-  const targetIndex = confirmationOrder.indexOf(commitment);
-  while (Date.now() - start < timeout) {
-    const statuses = await connection.getSignatureStatuses([signature]);
-    const status = statuses?.value?.[0];
-    if (status?.err) {
-      throw new Error(`Transaction failed: ${JSON.stringify(status.err)}`);
-    }
-    if (status?.confirmationStatus) {
-      const currentIndex = confirmationOrder.indexOf(status.confirmationStatus);
-      if (currentIndex >= targetIndex) {
-        return;
-      }
-    }
-    await new Promise((resolve) => setTimeout(resolve, interval));
-  }
-  throw new Error(`Transaction confirmation timeout after ${timeout}ms`);
+  throw new Error("Wallet does not support signAndSendTransaction");
 }
 
 // src/hooks/useCreateGame.ts
 function useCreateGame() {
-  const { client, wallet, connection } = useDubs();
+  const { client, wallet } = useDubs();
   const [status, setStatus] = (0, import_react6.useState)("idle");
   const [error, setError] = (0, import_react6.useState)(null);
   const [data, setData] = (0, import_react6.useState)(null);
@@ -720,17 +1019,18 @@ function useCreateGame() {
     setError(null);
     setData(null);
     try {
+      console.log("[useCreateGame] Step 1: Building transaction...");
       const createResult = await client.createGame(params);
+      console.log("[useCreateGame] Step 1 done:", { gameId: createResult.gameId, gameAddress: createResult.gameAddress });
       setStatus("signing");
+      console.log("[useCreateGame] Step 2: Signing and sending...");
       const signature = await signAndSendBase64Transaction(
         createResult.transaction,
-        wallet,
-        connection
+        wallet
       );
+      console.log("[useCreateGame] Step 2 done. Signature:", signature);
       setStatus("confirming");
-      await pollTransactionConfirmation(signature, connection);
-      setStatus("saving");
-      const explorerUrl = `https://solscan.io/tx/${signature}`;
+      console.log("[useCreateGame] Step 3: Confirming with backend...");
       await client.confirmGame({
         gameId: createResult.gameId,
         playerWallet: params.playerWallet,
@@ -740,6 +1040,8 @@ function useCreateGame() {
         role: "creator",
         gameAddress: createResult.gameAddress
       });
+      console.log("[useCreateGame] Step 3 done.");
+      const explorerUrl = `https://solscan.io/tx/${signature}`;
       const result = {
         gameId: createResult.gameId,
         gameAddress: createResult.gameAddress,
@@ -748,21 +1050,23 @@ function useCreateGame() {
       };
       setData(result);
       setStatus("success");
+      console.log("[useCreateGame] Complete!");
       return result;
     } catch (err) {
+      console.error("[useCreateGame] FAILED:", err);
       const error2 = err instanceof Error ? err : new Error(String(err));
       setError(error2);
       setStatus("error");
       throw error2;
     }
-  }, [client, wallet, connection]);
+  }, [client, wallet]);
   return { execute, status, error, data, reset };
 }
 
 // src/hooks/useJoinGame.ts
 var import_react7 = require("react");
 function useJoinGame() {
-  const { client, wallet, connection } = useDubs();
+  const { client, wallet } = useDubs();
   const [status, setStatus] = (0, import_react7.useState)("idle");
   const [error, setError] = (0, import_react7.useState)(null);
   const [data, setData] = (0, import_react7.useState)(null);
@@ -776,18 +1080,18 @@ function useJoinGame() {
     setError(null);
     setData(null);
     try {
+      console.log("[useJoinGame] Step 1: Building transaction...", { gameId: params.gameId, playerWallet: params.playerWallet, teamChoice: params.teamChoice, amount: params.amount });
       const joinResult = await client.joinGame(params);
+      console.log("[useJoinGame] Step 1 done:", { gameId: joinResult.gameId, gameAddress: joinResult.gameAddress, hasTx: !!joinResult.transaction });
       setStatus("signing");
+      console.log("[useJoinGame] Step 2: Signing and sending transaction...");
       const signature = await signAndSendBase64Transaction(
         joinResult.transaction,
-        wallet,
-        connection
+        wallet
       );
+      console.log("[useJoinGame] Step 2 done. Signature:", signature);
       setStatus("confirming");
-      await pollTransactionConfirmation(signature, connection);
-      setStatus("saving");
-      const explorerUrl = `https://solscan.io/tx/${signature}`;
-      await client.confirmGame({
+      const confirmParams = {
         gameId: params.gameId,
         playerWallet: params.playerWallet,
         signature,
@@ -795,7 +1099,11 @@ function useJoinGame() {
         wagerAmount: params.amount,
         role: "joiner",
         gameAddress: joinResult.gameAddress
-      });
+      };
+      console.log("[useJoinGame] Step 3: Confirming with backend...", confirmParams);
+      await client.confirmGame(confirmParams);
+      console.log("[useJoinGame] Step 3 done. Backend confirmed.");
+      const explorerUrl = `https://solscan.io/tx/${signature}`;
       const result = {
         gameId: params.gameId,
         gameAddress: joinResult.gameAddress,
@@ -804,21 +1112,23 @@ function useJoinGame() {
       };
       setData(result);
       setStatus("success");
+      console.log("[useJoinGame] Complete!");
       return result;
     } catch (err) {
+      console.error("[useJoinGame] FAILED at status:", status, err);
       const error2 = err instanceof Error ? err : new Error(String(err));
       setError(error2);
       setStatus("error");
       throw error2;
     }
-  }, [client, wallet, connection]);
+  }, [client, wallet]);
   return { execute, status, error, data, reset };
 }
 
 // src/hooks/useClaim.ts
 var import_react8 = require("react");
 function useClaim() {
-  const { client, wallet, connection } = useDubs();
+  const { client, wallet } = useDubs();
   const [status, setStatus] = (0, import_react8.useState)("idle");
   const [error, setError] = (0, import_react8.useState)(null);
   const [data, setData] = (0, import_react8.useState)(null);
@@ -832,15 +1142,16 @@ function useClaim() {
     setError(null);
     setData(null);
     try {
+      console.log("[useClaim] Step 1: Building claim transaction...");
       const claimResult = await client.buildClaimTransaction(params);
+      console.log("[useClaim] Step 1 done.");
       setStatus("signing");
+      console.log("[useClaim] Step 2: Signing and sending...");
       const signature = await signAndSendBase64Transaction(
         claimResult.transaction,
-        wallet,
-        connection
+        wallet
       );
-      setStatus("confirming");
-      await pollTransactionConfirmation(signature, connection);
+      console.log("[useClaim] Step 2 done. Signature:", signature);
       const explorerUrl = `https://solscan.io/tx/${signature}`;
       const result = {
         gameId: params.gameId,
@@ -849,28 +1160,37 @@ function useClaim() {
       };
       setData(result);
       setStatus("success");
+      console.log("[useClaim] Complete!");
       return result;
     } catch (err) {
+      console.error("[useClaim] FAILED:", err);
       const error2 = err instanceof Error ? err : new Error(String(err));
       setError(error2);
       setStatus("error");
       throw error2;
     }
-  }, [client, wallet, connection]);
+  }, [client, wallet]);
   return { execute, status, error, data, reset };
 }
 
 // src/hooks/useAuth.ts
-var import_react9 = require("react");
+var import_react10 = require("react");
 var import_bs58 = __toESM(require("bs58"));
+
+// src/auth-context.ts
+var import_react9 = require("react");
+var AuthContext = (0, import_react9.createContext)(null);
+
+// src/hooks/useAuth.ts
 function useAuth() {
+  const sharedAuth = (0, import_react10.useContext)(AuthContext);
   const { client, wallet } = useDubs();
-  const [status, setStatus] = (0, import_react9.useState)("idle");
-  const [user, setUser] = (0, import_react9.useState)(null);
-  const [token, setToken] = (0, import_react9.useState)(null);
-  const [error, setError] = (0, import_react9.useState)(null);
-  const pendingAuth = (0, import_react9.useRef)(null);
-  const reset = (0, import_react9.useCallback)(() => {
+  const [status, setStatus] = (0, import_react10.useState)("idle");
+  const [user, setUser] = (0, import_react10.useState)(null);
+  const [token, setToken] = (0, import_react10.useState)(null);
+  const [error, setError] = (0, import_react10.useState)(null);
+  const pendingAuth = (0, import_react10.useRef)(null);
+  const reset = (0, import_react10.useCallback)(() => {
     setStatus("idle");
     setUser(null);
     setToken(null);
@@ -878,7 +1198,7 @@ function useAuth() {
     pendingAuth.current = null;
     client.setToken(null);
   }, [client]);
-  const authenticate = (0, import_react9.useCallback)(async () => {
+  const authenticate = (0, import_react10.useCallback)(async () => {
     try {
       if (!wallet.publicKey) {
         throw new Error("Wallet not connected");
@@ -909,7 +1229,7 @@ function useAuth() {
       setStatus("error");
     }
   }, [client, wallet]);
-  const register = (0, import_react9.useCallback)(async (username, referralCode, avatarUrl) => {
+  const register = (0, import_react10.useCallback)(async (username, referralCode, avatarUrl) => {
     try {
       const pending = pendingAuth.current;
       if (!pending) {
@@ -926,7 +1246,8 @@ function useAuth() {
         avatarUrl
       });
       pendingAuth.current = null;
-      setUser(result.user);
+      const user2 = avatarUrl && !result.user.avatar ? { ...result.user, avatar: avatarUrl } : result.user;
+      setUser(user2);
       setToken(result.token);
       setStatus("authenticated");
     } catch (err) {
@@ -934,7 +1255,7 @@ function useAuth() {
       setStatus("error");
     }
   }, [client]);
-  const logout = (0, import_react9.useCallback)(async () => {
+  const logout = (0, import_react10.useCallback)(async () => {
     try {
       await client.logout();
     } catch {
@@ -945,7 +1266,7 @@ function useAuth() {
     setError(null);
     pendingAuth.current = null;
   }, [client]);
-  const restoreSession = (0, import_react9.useCallback)(async (savedToken) => {
+  const restoreSession = (0, import_react10.useCallback)(async (savedToken) => {
     try {
       client.setToken(savedToken);
       const me = await client.getMe();
@@ -961,6 +1282,7 @@ function useAuth() {
       return false;
     }
   }, [client]);
+  if (sharedAuth) return sharedAuth;
   return {
     status,
     user,
@@ -976,50 +1298,7 @@ function useAuth() {
 }
 
 // src/ui/AuthGate.tsx
-var import_react10 = __toESM(require("react"));
-var import_react_native2 = require("react-native");
-
-// src/ui/theme.ts
-var import_react_native = require("react-native");
-var dark = {
-  background: "#08080D",
-  surface: "#111118",
-  surfaceActive: "#7C3AED",
-  border: "#1A1A24",
-  text: "#FFFFFF",
-  textSecondary: "#E0E0EE",
-  textMuted: "#666666",
-  textDim: "#555555",
-  accent: "#7C3AED",
-  success: "#22C55E",
-  live: "#EF4444",
-  errorText: "#F87171",
-  errorBg: "#1A0A0A",
-  errorBorder: "#3A1515"
-};
-var light = {
-  background: "#FFFFFF",
-  surface: "#F0F0F5",
-  surfaceActive: "#7C3AED",
-  border: "#E0E0E8",
-  text: "#111118",
-  textSecondary: "#333333",
-  textMuted: "#888888",
-  textDim: "#999999",
-  accent: "#7C3AED",
-  success: "#16A34A",
-  live: "#DC2626",
-  errorText: "#DC2626",
-  errorBg: "#FEF2F2",
-  errorBorder: "#FECACA"
-};
-function useDubsTheme() {
-  const scheme = (0, import_react_native.useColorScheme)();
-  return scheme === "light" ? light : dark;
-}
-
-// src/ui/AuthGate.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var DICEBEAR_STYLES = [
   "adventurer",
   "avataaars",
@@ -1045,9 +1324,9 @@ function AuthGate({
 }) {
   const { client } = useDubs();
   const auth = useAuth();
-  const [phase, setPhase] = (0, import_react10.useState)("init");
-  const [registrationPhase, setRegistrationPhase] = (0, import_react10.useState)(false);
-  (0, import_react10.useEffect)(() => {
+  const [phase, setPhase] = (0, import_react11.useState)("init");
+  const [registrationPhase, setRegistrationPhase] = (0, import_react11.useState)(false);
+  (0, import_react11.useEffect)(() => {
     let cancelled = false;
     (async () => {
       try {
@@ -1073,35 +1352,37 @@ function AuthGate({
       cancelled = true;
     };
   }, []);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (auth.status === "needsRegistration") setRegistrationPhase(true);
   }, [auth.status]);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (auth.token) onSaveToken(auth.token);
   }, [auth.token]);
-  const retry = (0, import_react10.useCallback)(() => {
+  const retry = (0, import_react11.useCallback)(() => {
     setRegistrationPhase(false);
     auth.reset();
     auth.authenticate();
   }, [auth]);
-  const handleRegister = (0, import_react10.useCallback)(
+  const handleRegister = (0, import_react11.useCallback)(
     (username, referralCode, avatarUrl) => {
       auth.register(username, referralCode, avatarUrl);
     },
     [auth]
   );
   if (phase === "init") {
-    if (renderLoading) return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: renderLoading("authenticating") });
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DefaultLoadingScreen, { status: "authenticating", appName });
+    if (renderLoading) return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: renderLoading("authenticating") });
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DefaultLoadingScreen, { status: "authenticating", appName });
+  }
+  if (auth.status === "authenticated") {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AuthContext.Provider, { value: auth, children });
   }
-  if (auth.status === "authenticated") return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children });
   if (registrationPhase) {
     const isRegistering = auth.status === "registering";
     const regError = auth.status === "error" ? auth.error : null;
     if (renderRegistration) {
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: renderRegistration({ onRegister: handleRegister, registering: isRegistering, error: regError, client }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: renderRegistration({ onRegister: handleRegister, registering: isRegistering, error: regError, client }) });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       DefaultRegistrationScreen,
       {
         onRegister: handleRegister,
@@ -1113,11 +1394,11 @@ function AuthGate({
     );
   }
   if (auth.status === "error" && auth.error) {
-    if (renderError) return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: renderError(auth.error, retry) });
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DefaultErrorScreen, { error: auth.error, onRetry: retry, appName });
+    if (renderError) return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: renderError(auth.error, retry) });
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DefaultErrorScreen, { error: auth.error, onRetry: retry, appName });
   }
-  if (renderLoading) return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: renderLoading(auth.status) });
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DefaultLoadingScreen, { status: auth.status, appName });
+  if (renderLoading) return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: renderLoading(auth.status) });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DefaultLoadingScreen, { status: auth.status, appName });
 }
 function DefaultLoadingScreen({ status, appName }) {
   const t = useDubsTheme();
@@ -1131,43 +1412,43 @@ function DefaultLoadingScreen({ status, appName }) {
     authenticated: "Ready!",
     error: "Something went wrong"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: [s.container, { backgroundColor: t.background }], children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: s.centerContent, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: s.brandingSection, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: [s.logoCircle, { backgroundColor: t.accent }], children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: s.logoText, children: "D" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: [s.appNameText, { color: t.text }], children: appName })
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style: [s.container, { backgroundColor: t.background }], children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: s.centerContent, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: s.brandingSection, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style: [s.logoCircle, { backgroundColor: t.accent }], children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: s.logoText, children: "D" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [s.appNameText, { color: t.text }], children: appName })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: s.loadingSection, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.ActivityIndicator, { size: "large", color: t.accent }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: [s.statusText, { color: t.textMuted }], children: statusText[status] || "Loading..." })
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: s.loadingSection, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.ActivityIndicator, { size: "large", color: t.accent }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [s.statusText, { color: t.textMuted }], children: statusText[status] || "Loading..." })
     ] })
   ] }) });
 }
 function DefaultErrorScreen({ error, onRetry, appName }) {
   const t = useDubsTheme();
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: [s.container, { backgroundColor: t.background }], children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: s.spreadContent, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: s.brandingSection, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: [s.logoCircle, { backgroundColor: t.accent }], children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: s.logoText, children: "D" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: [s.appNameText, { color: t.text }], children: appName })
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style: [s.container, { backgroundColor: t.background }], children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: s.spreadContent, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: s.brandingSection, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style: [s.logoCircle, { backgroundColor: t.accent }], children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: s.logoText, children: "D" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [s.appNameText, { color: t.text }], children: appName })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: { gap: 16 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: [s.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: [s.errorText, { color: t.errorText }], children: error.message }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.TouchableOpacity, { style: [s.primaryBtn, { backgroundColor: t.accent }], onPress: onRetry, activeOpacity: 0.8, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: s.primaryBtnText, children: "Try Again" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: { gap: 16 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style: [s.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [s.errorText, { color: t.errorText }], children: error.message }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.TouchableOpacity, { style: [s.primaryBtn, { backgroundColor: t.accent }], onPress: onRetry, activeOpacity: 0.8, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: s.primaryBtnText, children: "Try Again" }) })
     ] })
   ] }) });
 }
 function StepIndicator({ currentStep }) {
   const t = useDubsTheme();
   const steps = [0, 1, 2, 3];
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: s.stepRow, children: steps.map((i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react10.default.Fragment, { children: [
-    i > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: [s.stepLine, { backgroundColor: i <= currentStep ? t.success : t.border }] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      import_react_native2.View,
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style: s.stepRow, children: steps.map((i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react11.default.Fragment, { children: [
+    i > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style: [s.stepLine, { backgroundColor: i <= currentStep ? t.success : t.border }] }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      import_react_native3.View,
       {
         style: [
           s.stepCircle,
           i < currentStep ? { backgroundColor: t.success } : i === currentStep ? { backgroundColor: t.accent } : { backgroundColor: "transparent", borderWidth: 2, borderColor: t.border }
         ],
-        children: i < currentStep ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: s.stepCheck, children: "\u2713" }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: [s.stepNum, { color: i === currentStep ? "#FFF" : t.textMuted }], children: i + 1 })
+        children: i < currentStep ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: s.stepCheck, children: "\u2713" }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [s.stepNum, { color: i === currentStep ? "#FFF" : t.textMuted }], children: i + 1 })
       }
     )
   ] }, i)) });
@@ -1180,19 +1461,19 @@ function DefaultRegistrationScreen({
   appName
 }) {
   const t = useDubsTheme();
-  const [step, setStep] = (0, import_react10.useState)(0);
-  const [avatarSeed, setAvatarSeed] = (0, import_react10.useState)(generateSeed);
-  const [avatarStyle, setAvatarStyle] = (0, import_react10.useState)("adventurer");
-  const [showStyles, setShowStyles] = (0, import_react10.useState)(false);
-  const [username, setUsername] = (0, import_react10.useState)("");
-  const [referralCode, setReferralCode] = (0, import_react10.useState)("");
-  const [checking, setChecking] = (0, import_react10.useState)(false);
-  const [availability, setAvailability] = (0, import_react10.useState)(null);
-  const debounceRef = (0, import_react10.useRef)(null);
-  const fadeAnim = (0, import_react10.useRef)(new import_react_native2.Animated.Value(1)).current;
-  const slideAnim = (0, import_react10.useRef)(new import_react_native2.Animated.Value(0)).current;
+  const [step, setStep] = (0, import_react11.useState)(0);
+  const [avatarSeed, setAvatarSeed] = (0, import_react11.useState)(generateSeed);
+  const [avatarStyle, setAvatarStyle] = (0, import_react11.useState)("adventurer");
+  const [showStyles, setShowStyles] = (0, import_react11.useState)(false);
+  const [username, setUsername] = (0, import_react11.useState)("");
+  const [referralCode, setReferralCode] = (0, import_react11.useState)("");
+  const [checking, setChecking] = (0, import_react11.useState)(false);
+  const [availability, setAvailability] = (0, import_react11.useState)(null);
+  const debounceRef = (0, import_react11.useRef)(null);
+  const fadeAnim = (0, import_react11.useRef)(new import_react_native3.Animated.Value(1)).current;
+  const slideAnim = (0, import_react11.useRef)(new import_react_native3.Animated.Value(0)).current;
   const avatarUrl = getAvatarUrl(avatarStyle, avatarSeed);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (debounceRef.current) clearTimeout(debounceRef.current);
     const trimmed = username.trim();
     if (trimmed.length < 3) {
@@ -1215,94 +1496,94 @@ function DefaultRegistrationScreen({
       if (debounceRef.current) clearTimeout(debounceRef.current);
     };
   }, [username, client]);
-  const animateToStep = (0, import_react10.useCallback)((newStep) => {
+  const animateToStep = (0, import_react11.useCallback)((newStep) => {
     const dir = newStep > step ? 1 : -1;
-    import_react_native2.Keyboard.dismiss();
-    import_react_native2.Animated.parallel([
-      import_react_native2.Animated.timing(fadeAnim, { toValue: 0, duration: 120, useNativeDriver: true }),
-      import_react_native2.Animated.timing(slideAnim, { toValue: -dir * 40, duration: 120, useNativeDriver: true })
+    import_react_native3.Keyboard.dismiss();
+    import_react_native3.Animated.parallel([
+      import_react_native3.Animated.timing(fadeAnim, { toValue: 0, duration: 120, useNativeDriver: true }),
+      import_react_native3.Animated.timing(slideAnim, { toValue: -dir * 40, duration: 120, useNativeDriver: true })
     ]).start(() => {
       setStep(newStep);
       slideAnim.setValue(dir * 40);
-      import_react_native2.Animated.parallel([
-        import_react_native2.Animated.timing(fadeAnim, { toValue: 1, duration: 200, useNativeDriver: true }),
-        import_react_native2.Animated.timing(slideAnim, { toValue: 0, duration: 200, useNativeDriver: true })
+      import_react_native3.Animated.parallel([
+        import_react_native3.Animated.timing(fadeAnim, { toValue: 1, duration: 200, useNativeDriver: true }),
+        import_react_native3.Animated.timing(slideAnim, { toValue: 0, duration: 200, useNativeDriver: true })
       ]).start();
     });
   }, [step, fadeAnim, slideAnim]);
   const canContinueUsername = username.trim().length >= 3 && availability?.available === true && !checking;
   const handleSubmit = () => {
-    import_react_native2.Keyboard.dismiss();
+    import_react_native3.Keyboard.dismiss();
     onRegister(username.trim(), referralCode.trim() || void 0, avatarUrl);
   };
-  const renderAvatarStep = () => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: s.stepContainer, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: s.stepTop, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: [s.title, { color: t.text }], children: "Choose Your Avatar" }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: [s.subtitle, { color: t.textMuted }], children: "Pick a look that represents you" }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(StepIndicator, { currentStep: 0 }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: s.avatarCenter, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: [s.avatarFrame, { borderColor: t.accent }], children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Image, { source: { uri: avatarUrl }, style: s.avatarLarge }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: [s.checkBadge, { backgroundColor: t.success }], children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: s.checkBadgeText, children: "\u2713" }) })
+  const renderAvatarStep = () => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: s.stepContainer, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: s.stepTop, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [s.title, { color: t.text }], children: "Choose Your Avatar" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [s.subtitle, { color: t.textMuted }], children: "Pick a look that represents you" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(StepIndicator, { currentStep: 0 }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style: s.avatarCenter, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: [s.avatarFrame, { borderColor: t.accent }], children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Image, { source: { uri: avatarUrl }, style: s.avatarLarge }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style: [s.checkBadge, { backgroundColor: t.success }], children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: s.checkBadgeText, children: "\u2713" }) })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: s.avatarActions, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          import_react_native2.TouchableOpacity,
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: s.avatarActions, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          import_react_native3.TouchableOpacity,
           {
             style: [s.outlineBtn, { borderColor: t.border }],
             onPress: () => setAvatarSeed(generateSeed()),
             activeOpacity: 0.7,
-            children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: [s.outlineBtnText, { color: t.text }], children: "\u21BB  Shuffle" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [s.outlineBtnText, { color: t.text }], children: "\u21BB  Shuffle" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          import_react_native2.TouchableOpacity,
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          import_react_native3.TouchableOpacity,
           {
             style: [s.outlineBtn, { borderColor: t.accent, backgroundColor: t.accent + "15" }],
             onPress: () => setShowStyles(!showStyles),
             activeOpacity: 0.7,
-            children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: [s.outlineBtnText, { color: t.accent }], children: "\u263A  Customize" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [s.outlineBtnText, { color: t.accent }], children: "\u263A  Customize" })
           }
         )
       ] }),
-      showStyles && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: s.styleScroll, children: DICEBEAR_STYLES.map((st) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        import_react_native2.TouchableOpacity,
+      showStyles && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: s.styleScroll, children: DICEBEAR_STYLES.map((st) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        import_react_native3.TouchableOpacity,
         {
           onPress: () => setAvatarStyle(st),
           style: [s.styleThumbWrap, { borderColor: st === avatarStyle ? t.accent : t.border }],
-          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Image, { source: { uri: getAvatarUrl(st, avatarSeed, 80) }, style: s.styleThumb })
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Image, { source: { uri: getAvatarUrl(st, avatarSeed, 80) }, style: s.styleThumb })
         },
         st
       )) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: s.bottomRow, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      import_react_native2.TouchableOpacity,
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style: s.bottomRow, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      import_react_native3.TouchableOpacity,
       {
         style: [s.primaryBtn, { backgroundColor: t.accent, flex: 1 }],
         onPress: () => animateToStep(1),
         activeOpacity: 0.8,
-        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: s.primaryBtnText, children: "Continue  \u203A" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: s.primaryBtnText, children: "Continue  \u203A" })
       }
     ) })
   ] });
-  const renderUsernameStep = () => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: s.stepContainer, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: s.stepTop, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: s.headerRow, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.TouchableOpacity, { onPress: () => animateToStep(0), hitSlop: { top: 12, bottom: 12, left: 12, right: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: [s.backChevron, { color: t.text }], children: "\u2039" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: [s.titleInline, { color: t.text }], children: "Pick a Username" })
+  const renderUsernameStep = () => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: s.stepContainer, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: s.stepTop, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: s.headerRow, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.TouchableOpacity, { onPress: () => animateToStep(0), hitSlop: { top: 12, bottom: 12, left: 12, right: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [s.backChevron, { color: t.text }], children: "\u2039" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [s.titleInline, { color: t.text }], children: "Pick a Username" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: [s.subtitle, { color: t.textMuted }], children: "This is how others will see you" }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(StepIndicator, { currentStep: 1 }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: s.avatarCenter, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: [s.avatarFrameSmall, { borderColor: t.accent }], children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Image, { source: { uri: avatarUrl }, style: s.avatarSmall }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: [s.checkBadgeSm, { backgroundColor: t.success }], children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: s.checkBadgeTextSm, children: "\u2713" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [s.subtitle, { color: t.textMuted }], children: "This is how others will see you" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(StepIndicator, { currentStep: 1 }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style: s.avatarCenter, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: [s.avatarFrameSmall, { borderColor: t.accent }], children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Image, { source: { uri: avatarUrl }, style: s.avatarSmall }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style: [s.checkBadgeSm, { backgroundColor: t.success }], children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: s.checkBadgeTextSm, children: "\u2713" }) })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: s.inputGroup, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.Text, { style: [s.inputLabel, { color: t.text }], children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: s.inputGroup, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.Text, { style: [s.inputLabel, { color: t.text }], children: [
           "Username ",
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: { color: t.errorText }, children: "*" })
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: { color: t.errorText }, children: "*" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          import_react_native2.TextInput,
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          import_react_native3.TextInput,
           {
             style: [s.input, { backgroundColor: t.surface, color: t.text, borderColor: t.accent }],
             placeholder: "Enter username",
@@ -1314,63 +1595,63 @@ function DefaultRegistrationScreen({
             autoFocus: true
           }
         ),
-        checking ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: [s.hint, { color: t.textDim }], children: "Checking..." }) : availability ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: [s.hint, { color: availability.available ? t.success : t.errorText }], children: availability.available ? "\u2713 Available!" : availability.reason || "Username taken" }) : username.trim().length > 0 && username.trim().length < 3 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: [s.hint, { color: t.textDim }], children: "At least 3 characters" }) : null
+        checking ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [s.hint, { color: t.textDim }], children: "Checking..." }) : availability ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [s.hint, { color: availability.available ? t.success : t.errorText }], children: availability.available ? "\u2713 Available!" : availability.reason || "Username taken" }) : username.trim().length > 0 && username.trim().length < 3 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [s.hint, { color: t.textDim }], children: "At least 3 characters" }) : null
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: s.bottomRow, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        import_react_native2.TouchableOpacity,
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: s.bottomRow, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        import_react_native3.TouchableOpacity,
         {
           style: [s.secondaryBtn, { borderColor: t.border }],
           onPress: () => animateToStep(0),
           activeOpacity: 0.7,
-          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: [s.secondaryBtnText, { color: t.text }], children: "\u2039  Back" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [s.secondaryBtnText, { color: t.text }], children: "\u2039  Back" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        import_react_native2.TouchableOpacity,
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        import_react_native3.TouchableOpacity,
         {
           style: [s.primaryBtn, { backgroundColor: t.accent, flex: 1, opacity: canContinueUsername ? 1 : 0.4 }],
           onPress: () => animateToStep(2),
           disabled: !canContinueUsername,
           activeOpacity: 0.8,
-          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: s.primaryBtnText, children: "Continue  \u203A" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: s.primaryBtnText, children: "Continue  \u203A" })
         }
       )
     ] })
   ] });
-  const renderReferralStep = () => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: s.stepContainer, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: s.stepTop, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: s.headerRow, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.TouchableOpacity, { onPress: () => animateToStep(1), hitSlop: { top: 12, bottom: 12, left: 12, right: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: [s.backChevron, { color: t.text }], children: "\u2039" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: [s.titleInline, { color: t.text }], children: "Almost There!" })
+  const renderReferralStep = () => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: s.stepContainer, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: s.stepTop, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: s.headerRow, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.TouchableOpacity, { onPress: () => animateToStep(1), hitSlop: { top: 12, bottom: 12, left: 12, right: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [s.backChevron, { color: t.text }], children: "\u2039" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [s.titleInline, { color: t.text }], children: "Almost There!" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: [s.subtitle, { color: t.textMuted }], children: "Got a referral code? (optional)" }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(StepIndicator, { currentStep: 2 }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: [s.profileCard, { borderColor: t.border }], children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: [s.profileLabel, { color: t.textMuted }], children: "Your Profile" }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: s.profileRow, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Image, { source: { uri: avatarUrl }, style: s.profileAvatar }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: { gap: 4 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.Text, { style: [s.profileUsername, { color: t.text }], children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [s.subtitle, { color: t.textMuted }], children: "Got a referral code? (optional)" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(StepIndicator, { currentStep: 2 }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: [s.profileCard, { borderColor: t.border }], children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [s.profileLabel, { color: t.textMuted }], children: "Your Profile" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: s.profileRow, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Image, { source: { uri: avatarUrl }, style: s.profileAvatar }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: { gap: 4 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.Text, { style: [s.profileUsername, { color: t.text }], children: [
               "@",
               username
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.Text, { style: [s.profileReady, { color: t.success }], children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.Text, { style: [s.profileReady, { color: t.success }], children: [
               "\u2713",
               " Ready to go!"
             ] })
           ] })
         ] })
       ] }),
-      error ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: [s.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: [s.errorText, { color: t.errorText }], children: error.message }) }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: s.inputGroup, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.Text, { style: [s.inputLabel, { color: t.text }], children: [
+      error ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style: [s.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [s.errorText, { color: t.errorText }], children: error.message }) }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: s.inputGroup, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.Text, { style: [s.inputLabel, { color: t.text }], children: [
           "Referral Code ",
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: { color: t.textMuted }, children: "(optional)" })
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: { color: t.textMuted }, children: "(optional)" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          import_react_native2.TextInput,
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          import_react_native3.TextInput,
           {
             style: [s.input, { backgroundColor: t.surface, color: t.text, borderColor: t.border }],
             placeholder: "Enter referral code",
@@ -1382,31 +1663,31 @@ function DefaultRegistrationScreen({
             editable: !registering
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.Text, { style: [s.hint, { color: t.textMuted }], children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.Text, { style: [s.hint, { color: t.textMuted }], children: [
           "\u{1F381}",
           " If a friend invited you, enter their code to give them credit!"
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: s.bottomRow, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        import_react_native2.TouchableOpacity,
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: s.bottomRow, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        import_react_native3.TouchableOpacity,
         {
           style: [s.secondaryBtn, { borderColor: t.border }],
           onPress: () => animateToStep(1),
           disabled: registering,
           activeOpacity: 0.7,
-          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: [s.secondaryBtnText, { color: t.text }], children: "\u2039  Back" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [s.secondaryBtnText, { color: t.text }], children: "\u2039  Back" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        import_react_native2.TouchableOpacity,
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        import_react_native3.TouchableOpacity,
         {
           style: [s.primaryBtn, { backgroundColor: t.accent, flex: 1, opacity: registering ? 0.7 : 1 }],
           onPress: handleSubmit,
           disabled: registering,
           activeOpacity: 0.8,
-          children: registering ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.ActivityIndicator, { color: "#FFFFFF", size: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: s.primaryBtnText, children: "Create Account" })
+          children: registering ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.ActivityIndicator, { color: "#FFFFFF", size: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: s.primaryBtnText, children: "Create Account" })
         }
       )
     ] })
@@ -1423,19 +1704,19 @@ function DefaultRegistrationScreen({
         return null;
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_react_native2.KeyboardAvoidingView,
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_react_native3.KeyboardAvoidingView,
     {
       style: [s.container, { backgroundColor: t.background }],
-      behavior: import_react_native2.Platform.OS === "ios" ? "padding" : void 0,
-      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        import_react_native2.ScrollView,
+      behavior: import_react_native3.Platform.OS === "ios" ? "padding" : void 0,
+      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        import_react_native3.ScrollView,
         {
           contentContainerStyle: { flexGrow: 1 },
           keyboardShouldPersistTaps: "handled",
           bounces: false,
-          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-            import_react_native2.Animated.View,
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            import_react_native3.Animated.View,
             {
               style: [
                 { flex: 1 },
@@ -1449,7 +1730,7 @@ function DefaultRegistrationScreen({
     }
   );
 }
-var s = import_react_native2.StyleSheet.create({
+var s = import_react_native3.StyleSheet.create({
   container: { flex: 1 },
   // Loading / Error
   centerContent: { flex: 1, justifyContent: "center", alignItems: "center", paddingHorizontal: 32, gap: 48 },
@@ -1512,119 +1793,165 @@ var s = import_react_native2.StyleSheet.create({
   secondaryBtnText: { fontSize: 16, fontWeight: "600" }
 });
 
-// src/ui/ConnectWalletScreen.tsx
-var import_react_native3 = require("react-native");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-function ConnectWalletScreen({
-  onConnect,
-  connecting = false,
-  error = null,
-  appName = "Dubs"
+// src/provider.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var DubsContext = (0, import_react12.createContext)(null);
+function DubsProvider({
+  apiKey,
+  children,
+  appName = "Dubs",
+  network = "mainnet-beta",
+  wallet: externalWallet,
+  tokenStorage,
+  baseUrl: baseUrlOverride,
+  rpcUrl: rpcUrlOverride,
+  renderConnectScreen,
+  renderLoading,
+  renderError,
+  renderRegistration,
+  managed = true
 }) {
-  const t = useDubsTheme();
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style: [styles.container, { backgroundColor: t.background }], children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: styles.content, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: styles.brandingSection, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style: [styles.logoCircle, { backgroundColor: t.accent }], children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: styles.logoText, children: "D" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [styles.appName, { color: t.text }], children: appName }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [styles.subtitle, { color: t.textMuted }], children: "Connect your Solana wallet to get started" })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: styles.actionSection, children: [
-      error ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        import_react_native3.View,
-        {
-          style: [
-            styles.errorBox,
-            { backgroundColor: t.errorBg, borderColor: t.errorBorder }
-          ],
-          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [styles.errorText, { color: t.errorText }], children: error })
-        }
-      ) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        import_react_native3.TouchableOpacity,
+  const config = NETWORK_CONFIG[network];
+  const baseUrl = baseUrlOverride || config.baseUrl;
+  const rpcUrl = rpcUrlOverride || config.rpcUrl;
+  const cluster = config.cluster;
+  const client = (0, import_react12.useMemo)(() => new DubsClient({ apiKey, baseUrl }), [apiKey, baseUrl]);
+  const connection = (0, import_react12.useMemo)(() => new import_web33.Connection(rpcUrl, { commitment: "confirmed" }), [rpcUrl]);
+  const storage = (0, import_react12.useMemo)(() => tokenStorage || createSecureStoreStorage(), [tokenStorage]);
+  if (externalWallet) {
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      ExternalWalletProvider,
+      {
+        client,
+        connection,
+        wallet: externalWallet,
+        appName,
+        network,
+        storage,
+        managed,
+        renderLoading,
+        renderError,
+        renderRegistration,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    ManagedWalletProvider,
+    {
+      appName,
+      cluster,
+      storage,
+      renderConnectScreen,
+      children: (adapter) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        ManagedInner,
         {
-          style: [styles.connectButton, { backgroundColor: t.accent }],
-          onPress: onConnect,
-          disabled: connecting,
-          activeOpacity: 0.8,
-          children: connecting ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.ActivityIndicator, { color: "#FFFFFF", size: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: styles.connectButtonText, children: "Connect Wallet" })
+          client,
+          connection,
+          wallet: adapter,
+          appName,
+          network,
+          storage,
+          renderLoading,
+          renderError,
+          renderRegistration,
+          children
         }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [styles.hint, { color: t.textDim }], children: "Phantom, Solflare, or any Solana wallet" })
-    ] })
-  ] }) });
+      )
+    }
+  );
 }
-var styles = import_react_native3.StyleSheet.create({
-  container: {
-    flex: 1,
-    justifyContent: "center"
-  },
-  content: {
-    flex: 1,
-    justifyContent: "space-between",
-    paddingHorizontal: 32,
-    paddingTop: 120,
-    paddingBottom: 80
-  },
-  brandingSection: {
-    alignItems: "center",
-    gap: 12
-  },
-  logoCircle: {
-    width: 80,
-    height: 80,
-    borderRadius: 40,
-    justifyContent: "center",
-    alignItems: "center",
-    marginBottom: 8
-  },
-  logoText: {
-    fontSize: 36,
-    fontWeight: "800",
-    color: "#FFFFFF"
-  },
-  appName: {
-    fontSize: 32,
-    fontWeight: "800"
-  },
-  subtitle: {
-    fontSize: 16,
-    textAlign: "center",
-    lineHeight: 22
-  },
-  actionSection: {
-    gap: 16
-  },
-  errorBox: {
-    borderWidth: 1,
-    borderRadius: 12,
-    paddingHorizontal: 16,
-    paddingVertical: 12
-  },
-  errorText: {
-    fontSize: 14,
-    textAlign: "center"
-  },
-  connectButton: {
-    height: 56,
-    borderRadius: 16,
-    justifyContent: "center",
-    alignItems: "center"
-  },
-  connectButtonText: {
-    color: "#FFFFFF",
-    fontSize: 18,
-    fontWeight: "700"
-  },
-  hint: {
-    fontSize: 13,
-    textAlign: "center"
+function ManagedInner({
+  client,
+  connection,
+  wallet,
+  appName,
+  network,
+  storage,
+  renderLoading,
+  renderError,
+  renderRegistration,
+  children
+}) {
+  const managedDisconnect = useDisconnect();
+  const disconnect = (0, import_react12.useCallback)(async () => {
+    client.setToken(null);
+    await managedDisconnect?.();
+  }, [client, managedDisconnect]);
+  const value = (0, import_react12.useMemo)(
+    () => ({ client, wallet, connection, appName, network, disconnect }),
+    [client, wallet, connection, appName, network, disconnect]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DubsContext.Provider, { value, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    AuthGate,
+    {
+      onSaveToken: (token) => {
+        if (token) return storage.setItem(STORAGE_KEYS.JWT_TOKEN, token);
+        return storage.deleteItem(STORAGE_KEYS.JWT_TOKEN);
+      },
+      onLoadToken: () => storage.getItem(STORAGE_KEYS.JWT_TOKEN),
+      renderLoading,
+      renderError,
+      renderRegistration,
+      appName,
+      children
+    }
+  ) });
+}
+function ExternalWalletProvider({
+  client,
+  connection,
+  wallet,
+  appName,
+  network,
+  storage,
+  managed,
+  renderLoading,
+  renderError,
+  renderRegistration,
+  children
+}) {
+  const disconnect = (0, import_react12.useCallback)(async () => {
+    client.setToken(null);
+    await storage.deleteItem(STORAGE_KEYS.JWT_TOKEN).catch(() => {
+    });
+    await wallet.disconnect?.();
+  }, [client, storage, wallet]);
+  const value = (0, import_react12.useMemo)(
+    () => ({ client, wallet, connection, appName, network, disconnect }),
+    [client, wallet, connection, appName, network, disconnect]
+  );
+  if (!managed) {
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DubsContext.Provider, { value, children });
   }
-});
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DubsContext.Provider, { value, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    AuthGate,
+    {
+      onSaveToken: (token) => {
+        if (token) return storage.setItem(STORAGE_KEYS.JWT_TOKEN, token);
+        return storage.deleteItem(STORAGE_KEYS.JWT_TOKEN);
+      },
+      onLoadToken: () => storage.getItem(STORAGE_KEYS.JWT_TOKEN),
+      renderLoading,
+      renderError,
+      renderRegistration,
+      appName,
+      children
+    }
+  ) });
+}
+function useDubs() {
+  const ctx = (0, import_react12.useContext)(DubsContext);
+  if (!ctx) {
+    throw new Error("useDubs must be used within a <DubsProvider>");
+  }
+  return ctx;
+}
 
 // src/ui/UserProfileCard.tsx
-var import_react11 = require("react");
+var import_react13 = require("react");
 var import_react_native4 = require("react-native");
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 function truncateAddress(address, chars = 4) {
   if (address.length <= chars * 2 + 3) return address;
   return `${address.slice(0, chars)}...${address.slice(-chars)}`;
@@ -1642,16 +1969,16 @@ function UserProfileCard({
   memberSince
 }) {
   const t = useDubsTheme();
-  const imageUri = (0, import_react11.useMemo)(
+  const imageUri = (0, import_react13.useMemo)(
     () => avatarUrl || `https://api.dicebear.com/9.x/avataaars/png?seed=${walletAddress}&size=128`,
     [avatarUrl, walletAddress]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native4.View, { style: [styles2.card, { backgroundColor: t.surface, borderColor: t.border }], children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Image, { source: { uri: imageUri }, style: styles2.avatar }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native4.View, { style: styles2.info, children: [
-      username ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: [styles2.username, { color: t.text }], children: username }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: [styles2.address, { color: t.textMuted }], children: truncateAddress(walletAddress) }),
-      memberSince ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: [styles2.memberSince, { color: t.textDim }], children: formatMemberSince(memberSince) }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native4.View, { style: [styles2.card, { backgroundColor: t.surface, borderColor: t.border }], children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native4.Image, { source: { uri: imageUri }, style: styles2.avatar }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native4.View, { style: styles2.info, children: [
+      username ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native4.Text, { style: [styles2.username, { color: t.text }], children: username }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native4.Text, { style: [styles2.address, { color: t.textMuted }], children: truncateAddress(walletAddress) }),
+      memberSince ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native4.Text, { style: [styles2.memberSince, { color: t.textDim }], children: formatMemberSince(memberSince) }) : null
     ] })
   ] });
 }
@@ -1690,7 +2017,7 @@ var styles2 = import_react_native4.StyleSheet.create({
 
 // src/ui/SettingsSheet.tsx
 var import_react_native5 = require("react-native");
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 function truncateAddress2(address, chars = 4) {
   if (address.length <= chars * 2 + 3) return address;
   return `${address.slice(0, chars)}...${address.slice(-chars)}`;
@@ -1707,13 +2034,13 @@ function SettingsSheet({
   loggingOut = false
 }) {
   const t = useDubsTheme();
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     import_react_native5.ScrollView,
     {
       style: [styles3.container, { backgroundColor: t.background }],
       contentContainerStyle: styles3.content,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           UserProfileCard,
           {
             walletAddress,
@@ -1722,49 +2049,49 @@ function SettingsSheet({
             memberSince
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native5.View, { style: [styles3.actionsCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
-          onCopyAddress ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react_native5.View, { style: [styles3.actionsCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
+          onCopyAddress ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
             import_react_native5.TouchableOpacity,
             {
               style: styles3.actionRow,
               onPress: onCopyAddress,
               activeOpacity: 0.7,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native5.View, { style: styles3.actionRowLeft, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native5.Text, { style: [styles3.actionLabel, { color: t.text }], children: "Wallet Address" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native5.Text, { style: [styles3.actionValue, { color: t.textMuted }], children: truncateAddress2(walletAddress) })
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react_native5.View, { style: styles3.actionRowLeft, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native5.Text, { style: [styles3.actionLabel, { color: t.text }], children: "Wallet Address" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native5.Text, { style: [styles3.actionValue, { color: t.textMuted }], children: truncateAddress2(walletAddress) })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native5.Text, { style: [styles3.copyLabel, { color: t.accent }], children: "Copy" })
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native5.Text, { style: [styles3.copyLabel, { color: t.accent }], children: "Copy" })
               ]
             }
           ) : null,
-          onSupport ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-            onCopyAddress ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native5.View, { style: [styles3.separator, { backgroundColor: t.border }] }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+          onSupport ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+            onCopyAddress ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native5.View, { style: [styles3.separator, { backgroundColor: t.border }] }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
               import_react_native5.TouchableOpacity,
               {
                 style: styles3.actionRow,
                 onPress: onSupport,
                 activeOpacity: 0.7,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native5.Text, { style: [styles3.actionLabel, { color: t.text }], children: "Help & Support" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native5.Text, { style: [styles3.chevron, { color: t.textMuted }], children: "\u203A" })
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native5.Text, { style: [styles3.actionLabel, { color: t.text }], children: "Help & Support" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native5.Text, { style: [styles3.chevron, { color: t.textMuted }], children: "\u203A" })
                 ]
               }
             )
           ] }) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           import_react_native5.TouchableOpacity,
           {
             style: [styles3.logoutButton, { borderColor: t.live }],
             onPress: onLogout,
             disabled: loggingOut,
             activeOpacity: 0.7,
-            children: loggingOut ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native5.ActivityIndicator, { color: t.live, size: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native5.Text, { style: [styles3.logoutText, { color: t.live }], children: "Log Out" })
+            children: loggingOut ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native5.ActivityIndicator, { color: t.live, size: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native5.Text, { style: [styles3.logoutText, { color: t.live }], children: "Log Out" })
           }
         ),
-        appVersion ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native5.Text, { style: [styles3.version, { color: t.textDim }], children: [
+        appVersion ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react_native5.Text, { style: [styles3.version, { color: t.textDim }], children: [
           "v",
           appVersion
         ] }) : null
@@ -1833,6 +2160,476 @@ var styles3 = import_react_native5.StyleSheet.create({
     textAlign: "center"
   }
 });
+
+// src/ui/game/GamePoster.tsx
+var import_react14 = require("react");
+var import_react_native6 = require("react-native");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function computeCountdown(lockTimestamp) {
+  if (!lockTimestamp) return "";
+  const ts = typeof lockTimestamp === "string" ? parseInt(lockTimestamp) : lockTimestamp;
+  const diff = ts * 1e3 - Date.now();
+  if (diff <= 0) return "LIVE";
+  const days = Math.floor(diff / 864e5);
+  const hours = Math.floor(diff % 864e5 / 36e5);
+  const mins = Math.floor(diff % 36e5 / 6e4);
+  if (days > 0) return `${days}d ${hours}h`;
+  if (hours > 0) return `${hours}h ${mins}m`;
+  return `${mins}m`;
+}
+function GamePoster({ game, ImageComponent }) {
+  const t = useDubsTheme();
+  const Img = ImageComponent || require("react-native").Image;
+  const opponents = game.opponents || [];
+  const home = opponents[0];
+  const away = opponents[1];
+  const countdown = computeCountdown(game.lockTimestamp);
+  const isLive = countdown === "LIVE";
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_native6.View, { style: styles4.container, children: [
+    game.media?.poster ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      Img,
+      {
+        source: { uri: game.media.poster },
+        style: styles4.image,
+        resizeMode: "cover"
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native6.View, { style: [styles4.image, { backgroundColor: t.surface }], children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_native6.View, { style: styles4.fallback, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TeamLogoInternal, { url: home?.imageUrl, size: 56, Img }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native6.Text, { style: styles4.vs, children: "VS" }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TeamLogoInternal, { url: away?.imageUrl, size: 56, Img })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native6.View, { style: styles4.overlay }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_native6.View, { style: styles4.teamNames, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native6.Text, { style: styles4.teamNameText, numberOfLines: 1, children: home?.name || "Home" }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native6.Text, { style: styles4.teamNameVs, children: "vs" }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native6.Text, { style: styles4.teamNameText, numberOfLines: 1, children: away?.name || "Away" })
+    ] }),
+    countdown ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native6.View, { style: styles4.countdownPill, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native6.Text, { style: [styles4.countdownText, isLive && styles4.countdownLive], children: countdown }) }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native6.View, { style: styles4.poolPill, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_native6.Text, { style: styles4.poolText, children: [
+      game.totalPool || 0,
+      " SOL"
+    ] }) })
+  ] });
+}
+function TeamLogoInternal({ url, size, Img }) {
+  const [failed, setFailed] = (0, import_react14.useState)(false);
+  if (!url || failed) {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native6.View, { style: [styles4.logoPlaceholder, { width: size, height: size, borderRadius: size / 2 }] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    Img,
+    {
+      source: { uri: url },
+      style: { width: size, height: size, borderRadius: size / 2 },
+      resizeMode: "contain",
+      onError: () => setFailed(true)
+    }
+  );
+}
+var styles4 = import_react_native6.StyleSheet.create({
+  container: {
+    height: 200,
+    borderRadius: 16,
+    overflow: "hidden",
+    position: "relative"
+  },
+  image: {
+    ...import_react_native6.StyleSheet.absoluteFillObject,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  overlay: {
+    ...import_react_native6.StyleSheet.absoluteFillObject,
+    backgroundColor: "rgba(0,0,0,0.35)"
+  },
+  fallback: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 24,
+    zIndex: 2
+  },
+  vs: {
+    color: "#FFF",
+    fontSize: 24,
+    fontWeight: "900",
+    zIndex: 2
+  },
+  logoPlaceholder: {
+    backgroundColor: "rgba(255,255,255,0.15)",
+    zIndex: 2
+  },
+  teamNames: {
+    position: "absolute",
+    top: 12,
+    left: 12,
+    right: 12,
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: 8
+  },
+  teamNameText: {
+    color: "#FFF",
+    fontSize: 14,
+    fontWeight: "700",
+    maxWidth: "40%"
+  },
+  teamNameVs: {
+    color: "rgba(255,255,255,0.6)",
+    fontSize: 12,
+    fontWeight: "600"
+  },
+  countdownPill: {
+    position: "absolute",
+    bottom: 12,
+    left: 12,
+    backgroundColor: "rgba(0,0,0,0.65)",
+    borderRadius: 8,
+    paddingHorizontal: 10,
+    paddingVertical: 5
+  },
+  countdownText: {
+    color: "#FFF",
+    fontSize: 13,
+    fontWeight: "700"
+  },
+  countdownLive: {
+    color: "#EF4444"
+  },
+  poolPill: {
+    position: "absolute",
+    bottom: 12,
+    right: 12,
+    backgroundColor: "#7C3AED",
+    borderRadius: 8,
+    paddingHorizontal: 12,
+    paddingVertical: 5
+  },
+  poolText: {
+    color: "#FFF",
+    fontSize: 13,
+    fontWeight: "800"
+  }
+});
+
+// src/ui/game/LivePoolsCard.tsx
+var import_react15 = require("react");
+var import_react_native7 = require("react-native");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function LivePoolsCard({
+  game,
+  shortName,
+  homeColor = "#3B82F6",
+  awayColor = "#EF4444"
+}) {
+  const t = useDubsTheme();
+  const opponents = game.opponents || [];
+  const homeName = shortName ? shortName(opponents[0]?.name) : opponents[0]?.name || "Home";
+  const awayName = shortName ? shortName(opponents[1]?.name) : opponents[1]?.name || "Away";
+  const homePool = game.homePool || 0;
+  const awayPool = game.awayPool || 0;
+  const totalPool = game.totalPool || 0;
+  const { homePercent, awayPercent, homeOdds, awayOdds } = (0, import_react15.useMemo)(() => {
+    return {
+      homePercent: totalPool > 0 ? homePool / totalPool * 100 : 50,
+      awayPercent: totalPool > 0 ? awayPool / totalPool * 100 : 50,
+      homeOdds: homePool > 0 ? (totalPool / homePool).toFixed(2) : "\u2014",
+      awayOdds: awayPool > 0 ? (totalPool / awayPool).toFixed(2) : "\u2014"
+    };
+  }, [homePool, awayPool, totalPool]);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native7.View, { style: [styles5.card, { backgroundColor: t.surface, borderColor: t.border }], children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native7.Text, { style: [styles5.title, { color: t.text }], children: "Live Pools" }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native7.Text, { style: [styles5.total, { color: t.accent }], children: [
+      totalPool,
+      " SOL total"
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native7.View, { style: styles5.bars, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(PoolBar, { name: homeName, amount: homePool, percent: homePercent, color: homeColor, t }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(PoolBar, { name: awayName, amount: awayPool, percent: awayPercent, color: awayColor, t })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native7.View, { style: styles5.oddsRow, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native7.Text, { style: [styles5.oddsText, { color: t.textMuted }], children: [
+        homeName,
+        ": ",
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native7.Text, { style: { color: t.text, fontWeight: "700" }, children: [
+          homeOdds,
+          "x"
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native7.Text, { style: [styles5.oddsText, { color: t.textMuted }], children: [
+        awayName,
+        ": ",
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native7.Text, { style: { color: t.text, fontWeight: "700" }, children: [
+          awayOdds,
+          "x"
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function PoolBar({ name, amount, percent, color, t }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native7.View, { style: styles5.barRow, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native7.Text, { style: [styles5.barLabel, { color: t.textSecondary }], numberOfLines: 1, children: name }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native7.View, { style: [styles5.barTrack, { backgroundColor: t.border }], children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native7.View, { style: [styles5.barFill, { width: `${Math.max(percent, 2)}%`, backgroundColor: color }] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native7.Text, { style: [styles5.barAmount, { color: t.text }], children: [
+      amount,
+      " SOL"
+    ] })
+  ] });
+}
+var styles5 = import_react_native7.StyleSheet.create({
+  card: { borderRadius: 16, borderWidth: 1, padding: 16 },
+  title: { fontSize: 17, fontWeight: "700", marginBottom: 4 },
+  total: { fontSize: 14, fontWeight: "600", marginBottom: 14 },
+  bars: { gap: 10 },
+  barRow: { flexDirection: "row", alignItems: "center", gap: 10 },
+  barLabel: { width: 80, fontSize: 13, fontWeight: "600" },
+  barTrack: { flex: 1, height: 10, borderRadius: 5, overflow: "hidden" },
+  barFill: { height: "100%", borderRadius: 5 },
+  barAmount: { width: 70, textAlign: "right", fontSize: 13, fontWeight: "700" },
+  oddsRow: { flexDirection: "row", justifyContent: "space-between", marginTop: 12 },
+  oddsText: { fontSize: 12 }
+});
+
+// src/ui/game/PickWinnerCard.tsx
+var import_react16 = require("react");
+var import_react_native8 = require("react-native");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function PickWinnerCard({
+  game,
+  selectedTeam,
+  onSelect,
+  shortName,
+  homeColor = "#3B82F6",
+  awayColor = "#EF4444",
+  ImageComponent
+}) {
+  const t = useDubsTheme();
+  const opponents = game.opponents || [];
+  const bettors = game.bettors || [];
+  const totalPool = game.totalPool || 0;
+  const homePool = game.homePool || 0;
+  const awayPool = game.awayPool || 0;
+  const { homeOdds, awayOdds, homeBets, awayBets } = (0, import_react16.useMemo)(() => ({
+    homeOdds: homePool > 0 ? (totalPool / homePool).toFixed(2) : "\u2014",
+    awayOdds: awayPool > 0 ? (totalPool / awayPool).toFixed(2) : "\u2014",
+    homeBets: bettors.filter((b) => b.team === "home").length,
+    awayBets: bettors.filter((b) => b.team === "away").length
+  }), [totalPool, homePool, awayPool, bettors]);
+  const homeName = shortName ? shortName(opponents[0]?.name) : opponents[0]?.name || "Home";
+  const awayName = shortName ? shortName(opponents[1]?.name) : opponents[1]?.name || "Away";
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_native8.View, { style: [styles6.card, { backgroundColor: t.surface, borderColor: t.border }], children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native8.Text, { style: [styles6.title, { color: t.text }], children: "Pick Your Winner" }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_native8.View, { style: styles6.row, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        TeamOption,
+        {
+          name: homeName,
+          imageUrl: opponents[0]?.imageUrl,
+          odds: homeOdds,
+          bets: homeBets,
+          color: homeColor,
+          selected: selectedTeam === "home",
+          onPress: () => onSelect("home"),
+          ImageComponent,
+          t
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        TeamOption,
+        {
+          name: awayName,
+          imageUrl: opponents[1]?.imageUrl,
+          odds: awayOdds,
+          bets: awayBets,
+          color: awayColor,
+          selected: selectedTeam === "away",
+          onPress: () => onSelect("away"),
+          ImageComponent,
+          t
+        }
+      )
+    ] })
+  ] });
+}
+function TeamOption({
+  name,
+  imageUrl,
+  odds,
+  bets,
+  color,
+  selected,
+  onPress,
+  ImageComponent,
+  t
+}) {
+  const [imgFailed, setImgFailed] = (0, import_react16.useState)(false);
+  const Img = ImageComponent || require("react-native").Image;
+  const showImage = imageUrl && !imgFailed;
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    import_react_native8.TouchableOpacity,
+    {
+      style: [styles6.option, { borderColor: selected ? color : t.border, backgroundColor: selected ? color + "15" : t.background }],
+      onPress,
+      activeOpacity: 0.7,
+      children: [
+        showImage ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Img, { source: { uri: imageUrl }, style: styles6.logo, resizeMode: "contain", onError: () => setImgFailed(true) }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native8.View, { style: [styles6.logo, styles6.logoPlaceholder] }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native8.Text, { style: [styles6.name, { color: t.text }], numberOfLines: 1, children: name }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_native8.Text, { style: [styles6.odds, { color }], children: [
+          odds,
+          "x"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_native8.Text, { style: [styles6.bets, { color: t.textMuted }], children: [
+          bets,
+          " ",
+          bets === 1 ? "bet" : "bets"
+        ] }),
+        selected && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native8.View, { style: [styles6.badge, { backgroundColor: color }], children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native8.Text, { style: styles6.badgeText, children: "Selected" }) })
+      ]
+    }
+  );
+}
+var styles6 = import_react_native8.StyleSheet.create({
+  card: { borderRadius: 16, borderWidth: 1, padding: 16 },
+  title: { fontSize: 17, fontWeight: "700", marginBottom: 12 },
+  row: { flexDirection: "row", gap: 12 },
+  option: { flex: 1, borderWidth: 2, borderRadius: 16, padding: 16, alignItems: "center", gap: 8 },
+  logo: { width: 48, height: 48, borderRadius: 24 },
+  logoPlaceholder: { backgroundColor: "rgba(128,128,128,0.2)" },
+  name: { fontSize: 15, fontWeight: "700" },
+  odds: { fontSize: 20, fontWeight: "800" },
+  bets: { fontSize: 12 },
+  badge: { borderRadius: 8, paddingHorizontal: 12, paddingVertical: 4, marginTop: 4 },
+  badgeText: { color: "#FFF", fontSize: 12, fontWeight: "700" }
+});
+
+// src/ui/game/PlayersCard.tsx
+var import_react17 = require("react");
+var import_react_native9 = require("react-native");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function truncateWallet(addr, chars) {
+  if (addr.length <= chars * 2 + 3) return addr;
+  return `${addr.slice(0, chars)}...${addr.slice(-chars)}`;
+}
+function PlayersCard({
+  game,
+  truncateChars = 4,
+  homeColor = "#3B82F6",
+  awayColor = "#EF4444",
+  drawColor = "#A855F7",
+  ImageComponent
+}) {
+  const t = useDubsTheme();
+  const bettors = game.bettors || [];
+  const dotColor = (team) => {
+    if (team === "home") return homeColor;
+    if (team === "away") return awayColor;
+    return drawColor;
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_native9.View, { style: [styles7.card, { backgroundColor: t.surface, borderColor: t.border }], children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_native9.Text, { style: [styles7.title, { color: t.text }], children: [
+      "Players",
+      bettors.length > 0 ? ` (${bettors.length})` : ""
+    ] }),
+    bettors.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native9.Text, { style: [styles7.empty, { color: t.textMuted }], children: "No players yet \u2014 be the first!" }) : bettors.map((b, i) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      BettorRow,
+      {
+        bettor: b,
+        dotColor: dotColor(b.team),
+        truncateChars,
+        isFirst: i === 0,
+        ImageComponent,
+        t
+      },
+      `${b.wallet}-${i}`
+    ))
+  ] });
+}
+function BettorRow({
+  bettor,
+  dotColor,
+  truncateChars,
+  isFirst,
+  ImageComponent,
+  t
+}) {
+  const [imgFailed, setImgFailed] = (0, import_react17.useState)(false);
+  const Img = ImageComponent || require("react-native").Image;
+  const showAvatar = bettor.avatar && !imgFailed;
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_native9.View, { style: [styles7.row, !isFirst && { borderTopColor: t.border, borderTopWidth: 1 }], children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native9.View, { style: [styles7.dot, { backgroundColor: dotColor }] }),
+    showAvatar ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Img, { source: { uri: bettor.avatar }, style: styles7.avatar, resizeMode: "cover", onError: () => setImgFailed(true) }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native9.View, { style: [styles7.avatar, styles7.avatarPlaceholder] }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native9.View, { style: styles7.nameCol, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native9.Text, { style: [styles7.username, { color: t.text }], numberOfLines: 1, children: bettor.username || truncateWallet(bettor.wallet, truncateChars) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_native9.Text, { style: [styles7.amount, { color: t.textSecondary }], children: [
+      bettor.amount,
+      " SOL"
+    ] })
+  ] });
+}
+var styles7 = import_react_native9.StyleSheet.create({
+  card: { borderRadius: 16, borderWidth: 1, padding: 16 },
+  title: { fontSize: 17, fontWeight: "700", marginBottom: 12 },
+  empty: { fontSize: 14, textAlign: "center", paddingVertical: 16 },
+  row: { flexDirection: "row", alignItems: "center", paddingVertical: 10, gap: 10 },
+  dot: { width: 8, height: 8, borderRadius: 4 },
+  avatar: { width: 28, height: 28, borderRadius: 14 },
+  avatarPlaceholder: { backgroundColor: "rgba(128,128,128,0.2)" },
+  nameCol: { flex: 1 },
+  username: { fontSize: 14, fontWeight: "600" },
+  amount: { fontSize: 13, fontWeight: "700" }
+});
+
+// src/ui/game/JoinGameButton.tsx
+var import_react18 = require("react");
+var import_react_native10 = require("react-native");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var STATUS_LABELS = {
+  building: "Building transaction...",
+  signing: "Approve in wallet...",
+  confirming: "Confirming on-chain...",
+  saving: "Saving..."
+};
+function JoinGameButton({ game, walletAddress, selectedTeam, status, onJoin }) {
+  const t = useDubsTheme();
+  const alreadyJoined = (0, import_react18.useMemo)(() => {
+    if (!walletAddress) return false;
+    return (game.bettors || []).some((b) => b.wallet === walletAddress);
+  }, [game.bettors, walletAddress]);
+  if (alreadyJoined || game.isLocked || game.isResolved) return null;
+  const isJoining = status !== "idle" && status !== "success" && status !== "error";
+  const statusLabel = STATUS_LABELS[status] || "";
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react_native10.View, { style: [styles8.bar, { backgroundColor: t.background, borderTopColor: t.border }], children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react_native10.View, { style: styles8.buyInRow, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_native10.Text, { style: [styles8.buyInLabel, { color: t.textMuted }], children: "Buy-in" }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react_native10.Text, { style: [styles8.buyInValue, { color: t.text }], children: [
+        game.buyIn,
+        " SOL"
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      import_react_native10.TouchableOpacity,
+      {
+        style: [styles8.button, { backgroundColor: selectedTeam ? "#22D3EE" : t.border }],
+        disabled: !selectedTeam || isJoining,
+        onPress: onJoin,
+        activeOpacity: 0.8,
+        children: isJoining ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react_native10.View, { style: styles8.joiningRow, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_native10.ActivityIndicator, { size: "small", color: "#000" }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_native10.Text, { style: styles8.buttonText, children: statusLabel })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_native10.Text, { style: [styles8.buttonText, !selectedTeam && { color: t.textMuted }], children: selectedTeam ? `Join Bet \u2014 ${game.buyIn} SOL` : "Pick a team to bet" })
+      }
+    )
+  ] });
+}
+var styles8 = import_react_native10.StyleSheet.create({
+  bar: { position: "absolute", bottom: 0, left: 0, right: 0, paddingHorizontal: 16, paddingTop: 12, paddingBottom: 36, borderTopWidth: 1 },
+  buyInRow: { flexDirection: "row", alignItems: "center", justifyContent: "space-between", marginBottom: 10 },
+  buyInLabel: { fontSize: 13 },
+  buyInValue: { fontSize: 15, fontWeight: "800" },
+  button: { borderRadius: 14, paddingVertical: 16, alignItems: "center" },
+  buttonText: { color: "#000", fontSize: 16, fontWeight: "800" },
+  joiningRow: { flexDirection: "row", alignItems: "center", gap: 10 }
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AuthGate,
@@ -1842,12 +2639,19 @@ var styles3 = import_react_native5.StyleSheet.create({
   DubsApiError,
   DubsClient,
   DubsProvider,
+  GamePoster,
+  JoinGameButton,
+  LivePoolsCard,
   MwaWalletAdapter,
+  NETWORK_CONFIG,
+  PickWinnerCard,
+  PlayersCard,
   SOLANA_PROGRAM_ERRORS,
+  STORAGE_KEYS,
   SettingsSheet,
   UserProfileCard,
+  createSecureStoreStorage,
   parseSolanaError,
-  pollTransactionConfirmation,
   signAndSendBase64Transaction,
   useAuth,
   useClaim,