@dubsdotapp/expo 0.5.6 → 0.5.8

package/dist/index.mjs

@@ -5320,19 +5320,239 @@ var styles12 = StyleSheet13.create({
 });
 
 // src/ui/game/JoinGameSheet.tsx
-import { useState as useState28, useEffect as useEffect17, useRef as useRef9, useCallback as useCallback23, useMemo as useMemo9 } from "react";
+import { useState as useState28, useEffect as useEffect17, useRef as useRef10, useCallback as useCallback24, useMemo as useMemo9 } from "react";
 import {
-  View as View14,
-  Text as Text14,
+  View as View15,
+  Text as Text15,
+  Image as Image6,
   TouchableOpacity as TouchableOpacity10,
   ActivityIndicator as ActivityIndicator8,
   Modal as Modal3,
   Animated as Animated4,
-  StyleSheet as StyleSheet14,
+  StyleSheet as StyleSheet15,
   KeyboardAvoidingView as KeyboardAvoidingView4,
+  Platform as Platform8
+} from "react-native";
+
+// src/ui/game/SolSlider.tsx
+import { useRef as useRef9 } from "react";
+import {
+  View as View14,
+  Text as Text14,
+  StyleSheet as StyleSheet14,
+  PanResponder,
   Platform as Platform7
 } from "react-native";
-import { Fragment as Fragment4, jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+var THUMB_SIZE = 32;
+var TRACK_HEIGHT = 6;
+var TICK_INTERVAL = 0.01;
+function SolSlider({
+  value,
+  min = 0.01,
+  max = 5,
+  step = 0.01,
+  accentColor,
+  onValueChange,
+  onSlidingComplete,
+  onTick,
+  disabled = false
+}) {
+  const t = useDubsTheme();
+  const accent = accentColor || t.accent;
+  const trackRef = useRef9(null);
+  const trackWidth = useRef9(0);
+  const lastTickValue = useRef9(value);
+  const clamp = (v) => {
+    const stepped = Math.round(v / step) * step;
+    return Math.max(min, Math.min(max, parseFloat(stepped.toFixed(4))));
+  };
+  const valueToPosition = (v) => {
+    const ratio2 = (v - min) / (max - min);
+    return ratio2 * trackWidth.current;
+  };
+  const positionToValue = (x) => {
+    const ratio2 = Math.max(0, Math.min(1, x / trackWidth.current));
+    return clamp(min + ratio2 * (max - min));
+  };
+  const panResponder = useRef9(
+    PanResponder.create({
+      onStartShouldSetPanResponder: () => !disabled,
+      onMoveShouldSetPanResponder: () => !disabled,
+      onPanResponderGrant: (_, gestureState) => {
+        lastTickValue.current = value;
+      },
+      onPanResponderMove: (evt, gestureState) => {
+        const touchX = gestureState.moveX;
+        trackRef.current?.measureInWindow((trackX) => {
+          const relX = touchX - trackX;
+          const newVal = positionToValue(relX);
+          const tickDelta = Math.abs(newVal - lastTickValue.current);
+          if (tickDelta >= TICK_INTERVAL) {
+            lastTickValue.current = newVal;
+            onTick?.(newVal);
+          }
+          onValueChange(newVal);
+        });
+      },
+      onPanResponderRelease: () => {
+        onSlidingComplete?.(value);
+      }
+    })
+  ).current;
+  const ratio = (value - min) / (max - min);
+  const filledWidth = `${ratio * 100}%`;
+  const markers = [min, max * 0.25, max * 0.5, max * 0.75, max];
+  return /* @__PURE__ */ jsxs13(View14, { style: styles13.container, children: [
+    /* @__PURE__ */ jsxs13(View14, { style: styles13.valueRow, children: [
+      /* @__PURE__ */ jsx16(Text14, { style: [styles13.valueText, { color: accent }], children: parseFloat(value.toFixed(4)) }),
+      /* @__PURE__ */ jsx16(Text14, { style: [styles13.solLabel, { color: accent }], children: "SOL" })
+    ] }),
+    /* @__PURE__ */ jsxs13(
+      View14,
+      {
+        ref: trackRef,
+        style: styles13.trackContainer,
+        onLayout: (e) => {
+          trackWidth.current = e.nativeEvent.layout.width;
+        },
+        ...panResponder.panHandlers,
+        children: [
+          /* @__PURE__ */ jsx16(View14, { style: [styles13.track, { backgroundColor: "#2C2C2E" }], children: /* @__PURE__ */ jsx16(View14, { style: [styles13.trackFilled, { width: filledWidth, backgroundColor: accent }] }) }),
+          /* @__PURE__ */ jsx16(View14, { style: styles13.markerRow, children: markers.map((m, i) => {
+            const mRatio = (m - min) / (max - min);
+            return /* @__PURE__ */ jsx16(
+              View14,
+              {
+                style: [
+                  styles13.marker,
+                  {
+                    left: `${mRatio * 100}%`,
+                    backgroundColor: value >= m ? accent : "#3A3A3C"
+                  }
+                ]
+              },
+              i
+            );
+          }) }),
+          /* @__PURE__ */ jsx16(
+            View14,
+            {
+              style: [
+                styles13.thumb,
+                {
+                  left: filledWidth,
+                  backgroundColor: accent,
+                  shadowColor: accent
+                }
+              ],
+              children: /* @__PURE__ */ jsx16(View14, { style: styles13.thumbInner })
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs13(View14, { style: styles13.rangeRow, children: [
+      /* @__PURE__ */ jsx16(Text14, { style: styles13.rangeText, children: min }),
+      /* @__PURE__ */ jsxs13(Text14, { style: styles13.rangeText, children: [
+        max,
+        " SOL"
+      ] })
+    ] })
+  ] });
+}
+var styles13 = StyleSheet14.create({
+  container: {
+    paddingVertical: 8
+  },
+  valueRow: {
+    flexDirection: "row",
+    alignItems: "baseline",
+    justifyContent: "center",
+    marginBottom: 16,
+    gap: 4
+  },
+  valueText: {
+    fontSize: 36,
+    fontWeight: "900",
+    letterSpacing: -1,
+    fontVariant: ["tabular-nums"]
+  },
+  solLabel: {
+    fontSize: 16,
+    fontWeight: "700",
+    opacity: 0.6
+  },
+  trackContainer: {
+    height: THUMB_SIZE + 16,
+    justifyContent: "center",
+    paddingHorizontal: THUMB_SIZE / 2
+  },
+  track: {
+    height: TRACK_HEIGHT,
+    borderRadius: TRACK_HEIGHT / 2,
+    overflow: "hidden"
+  },
+  trackFilled: {
+    height: "100%",
+    borderRadius: TRACK_HEIGHT / 2
+  },
+  markerRow: {
+    position: "absolute",
+    left: THUMB_SIZE / 2,
+    right: THUMB_SIZE / 2,
+    height: TRACK_HEIGHT,
+    top: (THUMB_SIZE + 16 - TRACK_HEIGHT) / 2
+  },
+  marker: {
+    position: "absolute",
+    width: 3,
+    height: 12,
+    borderRadius: 1.5,
+    top: -3,
+    marginLeft: -1.5
+  },
+  thumb: {
+    position: "absolute",
+    width: THUMB_SIZE,
+    height: THUMB_SIZE,
+    borderRadius: THUMB_SIZE / 2,
+    top: 8,
+    marginLeft: 0,
+    alignItems: "center",
+    justifyContent: "center",
+    ...Platform7.select({
+      ios: {
+        shadowOffset: { width: 0, height: 0 },
+        shadowOpacity: 0.6,
+        shadowRadius: 10
+      },
+      android: {
+        elevation: 8
+      }
+    })
+  },
+  thumbInner: {
+    width: 12,
+    height: 12,
+    borderRadius: 6,
+    backgroundColor: "#FFFFFF"
+  },
+  rangeRow: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    paddingHorizontal: THUMB_SIZE / 2,
+    marginTop: 4
+  },
+  rangeText: {
+    color: "#5A5A5E",
+    fontSize: 11,
+    fontWeight: "600"
+  }
+});
+
+// src/ui/game/JoinGameSheet.tsx
+import { Fragment as Fragment4, jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 var STATUS_LABELS3 = {
   building: "Building transaction...",
   signing: "Approve in wallet...",
@@ -5340,6 +5560,13 @@ var STATUS_LABELS3 = {
   success: "Joined!"
 };
 var CUSTOM_GAME_MODE = 6;
+function formatSol(n) {
+  return parseFloat(n.toFixed(9)).toString();
+}
+function toPng(url) {
+  if (!url) return null;
+  return url.replace("/svg?", "/png?");
+}
 function JoinGameSheet({
   visible,
   onDismiss,
@@ -5351,6 +5578,9 @@ function JoinGameSheet({
   onSuccess,
   onError,
   onTeamSelect,
+  onJoinSuccess,
+  onSliderTick,
+  maxWager = 5,
   isPoolModeEnabled = false
 }) {
   const t = useDubsTheme();
@@ -5358,7 +5588,11 @@ function JoinGameSheet({
   const mutation = useJoinGame();
   const isCustomGame = game.gameMode === CUSTOM_GAME_MODE;
   const [selectedTeam, setSelectedTeam] = useState28(null);
-  const overlayOpacity = useRef9(new Animated4.Value(0)).current;
+  const [wager, setWager] = useState28(game.buyIn);
+  const [showSuccess, setShowSuccess] = useState28(false);
+  const overlayOpacity = useRef10(new Animated4.Value(0)).current;
+  const successScale = useRef10(new Animated4.Value(0)).current;
+  const successOpacity = useRef10(new Animated4.Value(0)).current;
   useEffect17(() => {
     Animated4.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
@@ -5369,15 +5603,27 @@ function JoinGameSheet({
   useEffect17(() => {
     if (visible) {
       setSelectedTeam(isPoolModeEnabled ? "home" : isCustomGame ? "away" : null);
+      setWager(game.buyIn);
+      setShowSuccess(false);
+      successScale.setValue(0);
+      successOpacity.setValue(0);
       mutation.reset();
     }
   }, [visible]);
   useEffect17(() => {
     if (mutation.status === "success" && mutation.data) {
+      setShowSuccess(true);
       onSuccess?.(mutation.data);
+      onJoinSuccess?.(mutation.data);
+      Animated4.parallel([
+        Animated4.spring(successScale, { toValue: 1, friction: 4, tension: 80, useNativeDriver: true }),
+        Animated4.timing(successOpacity, { toValue: 1, duration: 300, useNativeDriver: true })
+      ]).start();
       const timer = setTimeout(() => {
-        onDismiss();
-      }, 1500);
+        Animated4.timing(successOpacity, { toValue: 0, duration: 300, useNativeDriver: true }).start(() => {
+          onDismiss();
+        });
+      }, 2500);
       return () => clearTimeout(timer);
     }
   }, [mutation.status, mutation.data]);
@@ -5392,15 +5638,18 @@ function JoinGameSheet({
   const homePool = game.homePool || 0;
   const awayPool = game.awayPool || 0;
   const buyIn = game.buyIn;
-  const { homeOdds, awayOdds, homeBets, awayBets } = useMemo9(() => ({
-    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 poolAfterJoin = totalPool + buyIn;
+  const poolAfterJoin = totalPool + wager;
+  const { homeOdds, awayOdds, homeBets, awayBets } = useMemo9(() => {
+    const newPool = totalPool + wager;
+    return {
+      homeOdds: homePool > 0 ? (newPool / (homePool + (selectedTeam === "home" ? wager : 0))).toFixed(2) : "\u2014",
+      awayOdds: awayPool > 0 ? (newPool / (awayPool + (selectedTeam === "away" ? wager : 0))).toFixed(2) : "\u2014",
+      homeBets: bettors.filter((b) => b.team === "home").length,
+      awayBets: bettors.filter((b) => b.team === "away").length
+    };
+  }, [totalPool, homePool, awayPool, bettors, wager, selectedTeam]);
   const selectedOdds = selectedTeam === "home" ? homeOdds : selectedTeam === "away" ? awayOdds : "\u2014";
-  const potentialWinnings = selectedOdds !== "\u2014" ? (parseFloat(selectedOdds) * buyIn).toFixed(4) : "\u2014";
+  const potentialWinnings = selectedOdds !== "\u2014" ? formatSol(parseFloat(selectedOdds) * wager) : "\u2014";
   const homeName = shortName ? shortName(opponents[0]?.name) : opponents[0]?.name || "Home";
   const awayName = shortName ? shortName(opponents[1]?.name) : opponents[1]?.name || "Away";
   const selectedName = selectedTeam === "home" ? homeName : selectedTeam === "away" ? awayName : "\u2014";
@@ -5411,20 +5660,20 @@ function JoinGameSheet({
   }, [bettors, wallet.publicKey]);
   const isMutating = mutation.status !== "idle" && mutation.status !== "success" && mutation.status !== "error";
   const canJoin = selectedTeam !== null && !isMutating && mutation.status !== "success" && !alreadyJoined;
-  const handleJoin = useCallback23(async () => {
+  const handleJoin = useCallback24(async () => {
     if (!selectedTeam || !wallet.publicKey) return;
     try {
       await mutation.execute({
         playerWallet: wallet.publicKey.toBase58(),
         gameId: game.gameId,
         teamChoice: selectedTeam,
-        amount: buyIn
+        amount: wager
       });
     } catch {
     }
-  }, [selectedTeam, wallet.publicKey, mutation.execute, game.gameId, buyIn]);
+  }, [selectedTeam, wallet.publicKey, mutation.execute, game.gameId, wager]);
   const statusLabel = STATUS_LABELS3[mutation.status] || "";
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14(
     Modal3,
     {
       visible,
@@ -5432,22 +5681,49 @@ function JoinGameSheet({
       transparent: true,
       onRequestClose: onDismiss,
       children: [
-        /* @__PURE__ */ jsx16(Animated4.View, { style: [styles13.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ jsx16(TouchableOpacity10, { style: styles13.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx17(Animated4.View, { style: [styles14.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ jsx17(TouchableOpacity10, { style: styles14.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
+        showSuccess && /* @__PURE__ */ jsx17(View15, { style: styles14.successOverlay, children: /* @__PURE__ */ jsxs14(Animated4.View, { style: [styles14.successContent, { opacity: successOpacity, transform: [{ scale: successScale }] }], children: [
+          /* @__PURE__ */ jsx17(Text15, { style: styles14.successEmoji, children: "\u{1F389}" }),
+          /* @__PURE__ */ jsx17(Text15, { style: styles14.successTitle, children: "You're in!" }),
+          /* @__PURE__ */ jsxs14(Text15, { style: styles14.successSub, children: [
+            formatSol(buyIn),
+            " SOL on ",
+            selectedName
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsx17(
           KeyboardAvoidingView4,
           {
-            style: styles13.keyboardView,
-            behavior: Platform7.OS === "ios" ? "padding" : void 0,
-            children: /* @__PURE__ */ jsx16(View14, { style: styles13.sheetPositioner, children: /* @__PURE__ */ jsxs13(View14, { style: [styles13.sheet, { backgroundColor: t.background }], children: [
-              /* @__PURE__ */ jsx16(View14, { style: styles13.handleRow, children: /* @__PURE__ */ jsx16(View14, { style: [styles13.handle, { backgroundColor: t.textMuted }] }) }),
-              /* @__PURE__ */ jsxs13(View14, { style: styles13.header, children: [
-                /* @__PURE__ */ jsx16(Text14, { style: [styles13.headerTitle, { color: t.text }], children: isPoolModeEnabled ? "Join Pool" : "Join Game" }),
-                /* @__PURE__ */ jsx16(TouchableOpacity10, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ jsx16(Text14, { style: [styles13.closeButton, { color: t.textMuted }], children: "\u2715" }) })
+            style: styles14.keyboardView,
+            behavior: Platform8.OS === "ios" ? "padding" : void 0,
+            children: /* @__PURE__ */ jsx17(View15, { style: styles14.sheetPositioner, children: /* @__PURE__ */ jsxs14(View15, { style: [styles14.sheet, { backgroundColor: t.background }], children: [
+              /* @__PURE__ */ jsx17(View15, { style: styles14.handleRow, children: /* @__PURE__ */ jsx17(View15, { style: [styles14.handle, { backgroundColor: t.textMuted }] }) }),
+              /* @__PURE__ */ jsxs14(View15, { style: styles14.header, children: [
+                /* @__PURE__ */ jsx17(Text15, { style: [styles14.headerTitle, { color: t.text }], children: isPoolModeEnabled ? "Join Pool" : "Join Game" }),
+                /* @__PURE__ */ jsx17(TouchableOpacity10, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ jsx17(Text15, { style: [styles14.closeButton, { color: t.textMuted }], children: "\u2715" }) })
               ] }),
-              !isCustomGame && !isPoolModeEnabled && /* @__PURE__ */ jsxs13(View14, { style: styles13.section, children: [
-                /* @__PURE__ */ jsx16(Text14, { style: [styles13.sectionLabel, { color: t.textSecondary }], children: "Pick Your Side" }),
-                /* @__PURE__ */ jsxs13(View14, { style: styles13.teamsRow, children: [
-                  /* @__PURE__ */ jsx16(
+              bettors.length > 0 && /* @__PURE__ */ jsxs14(View15, { style: styles14.bettorsSection, children: [
+                /* @__PURE__ */ jsxs14(Text15, { style: [styles14.bettorsLabel, { color: t.textMuted }], children: [
+                  bettors.length,
+                  " ",
+                  bettors.length === 1 ? "player" : "players",
+                  " in this game"
+                ] }),
+                /* @__PURE__ */ jsxs14(View15, { style: styles14.bettorsRow, children: [
+                  bettors.slice(0, 6).map((b, i) => {
+                    const pngUrl = toPng(b.avatar);
+                    return /* @__PURE__ */ jsx17(View15, { style: [styles14.bettorCircle, { backgroundColor: ["#EF4444", "#3B82F6", "#22C55E", "#F59E0B", "#A855F7", "#EC4899"][i % 6] }], children: pngUrl ? /* @__PURE__ */ jsx17(Image6, { source: { uri: pngUrl }, style: styles14.bettorImg }) : /* @__PURE__ */ jsx17(Text15, { style: styles14.bettorInitial, children: (b.username ?? b.wallet).charAt(0).toUpperCase() }) }, b.wallet);
+                  }),
+                  bettors.length > 6 && /* @__PURE__ */ jsx17(View15, { style: [styles14.bettorCircle, { backgroundColor: "#2C2C2E" }], children: /* @__PURE__ */ jsxs14(Text15, { style: styles14.bettorOverflow, children: [
+                    "+",
+                    bettors.length - 6
+                  ] }) })
+                ] })
+              ] }),
+              !isCustomGame && !isPoolModeEnabled && /* @__PURE__ */ jsxs14(View15, { style: styles14.section, children: [
+                /* @__PURE__ */ jsx17(Text15, { style: [styles14.sectionLabel, { color: t.textSecondary }], children: "Pick Your Side" }),
+                /* @__PURE__ */ jsxs14(View15, { style: styles14.teamsRow, children: [
+                  /* @__PURE__ */ jsx17(
                     TeamButton,
                     {
                       name: homeName,
@@ -5464,7 +5740,7 @@ function JoinGameSheet({
                       t
                     }
                   ),
-                  /* @__PURE__ */ jsx16(
+                  /* @__PURE__ */ jsx17(
                     TeamButton,
                     {
                       name: awayName,
@@ -5483,64 +5759,76 @@ function JoinGameSheet({
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ jsxs13(View14, { style: [styles13.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
-                /* @__PURE__ */ jsxs13(View14, { style: styles13.summaryRow, children: [
-                  /* @__PURE__ */ jsx16(Text14, { style: [styles13.summaryLabel, { color: t.textMuted }], children: "Buy-in" }),
-                  /* @__PURE__ */ jsxs13(Text14, { style: [styles13.summaryValue, { color: t.text }], children: [
-                    buyIn,
+              selectedTeam && !isPoolModeEnabled && /* @__PURE__ */ jsx17(View15, { style: styles14.sliderSection, children: /* @__PURE__ */ jsx17(
+                SolSlider,
+                {
+                  value: wager,
+                  min: game.buyIn,
+                  max: maxWager,
+                  step: 0.01,
+                  accentColor: selectedTeam === "home" ? homeColor : awayColor,
+                  onValueChange: setWager,
+                  onTick: onSliderTick
+                }
+              ) }),
+              /* @__PURE__ */ jsxs14(View15, { style: [styles14.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
+                /* @__PURE__ */ jsxs14(View15, { style: styles14.summaryRow, children: [
+                  /* @__PURE__ */ jsx17(Text15, { style: [styles14.summaryLabel, { color: t.textMuted }], children: "Your wager" }),
+                  /* @__PURE__ */ jsxs14(Text15, { style: [styles14.summaryValue, { color: t.text }], children: [
+                    formatSol(wager),
                     " SOL"
                   ] })
                 ] }),
-                /* @__PURE__ */ jsx16(View14, { style: [styles13.summarySep, { backgroundColor: t.border }] }),
-                isPoolModeEnabled ? /* @__PURE__ */ jsxs13(Fragment4, { children: [
-                  /* @__PURE__ */ jsxs13(View14, { style: styles13.summaryRow, children: [
-                    /* @__PURE__ */ jsx16(Text14, { style: [styles13.summaryLabel, { color: t.textMuted }], children: "Players in" }),
-                    /* @__PURE__ */ jsx16(Text14, { style: [styles13.summaryValue, { color: t.text }], children: bettors.length })
+                /* @__PURE__ */ jsx17(View15, { style: [styles14.summarySep, { backgroundColor: t.border }] }),
+                isPoolModeEnabled ? /* @__PURE__ */ jsxs14(Fragment4, { children: [
+                  /* @__PURE__ */ jsxs14(View15, { style: styles14.summaryRow, children: [
+                    /* @__PURE__ */ jsx17(Text15, { style: [styles14.summaryLabel, { color: t.textMuted }], children: "Players in" }),
+                    /* @__PURE__ */ jsx17(Text15, { style: [styles14.summaryValue, { color: t.text }], children: bettors.length })
                   ] }),
-                  /* @__PURE__ */ jsx16(View14, { style: [styles13.summarySep, { backgroundColor: t.border }] }),
-                  /* @__PURE__ */ jsxs13(View14, { style: styles13.summaryRow, children: [
-                    /* @__PURE__ */ jsx16(Text14, { style: [styles13.summaryLabel, { color: t.textMuted }], children: "Current pot" }),
-                    /* @__PURE__ */ jsxs13(Text14, { style: [styles13.summaryValue, { color: t.success }], children: [
-                      totalPool,
+                  /* @__PURE__ */ jsx17(View15, { style: [styles14.summarySep, { backgroundColor: t.border }] }),
+                  /* @__PURE__ */ jsxs14(View15, { style: styles14.summaryRow, children: [
+                    /* @__PURE__ */ jsx17(Text15, { style: [styles14.summaryLabel, { color: t.textMuted }], children: "Current pot" }),
+                    /* @__PURE__ */ jsxs14(Text15, { style: [styles14.summaryValue, { color: t.success }], children: [
+                      formatSol(totalPool),
                       " SOL"
                     ] })
                   ] })
-                ] }) : /* @__PURE__ */ jsxs13(Fragment4, { children: [
-                  /* @__PURE__ */ jsxs13(View14, { style: styles13.summaryRow, children: [
-                    /* @__PURE__ */ jsx16(Text14, { style: [styles13.summaryLabel, { color: t.textMuted }], children: "Your side" }),
-                    /* @__PURE__ */ jsx16(Text14, { style: [styles13.summaryValue, { color: t.text }], children: selectedName })
+                ] }) : /* @__PURE__ */ jsxs14(Fragment4, { children: [
+                  /* @__PURE__ */ jsxs14(View15, { style: styles14.summaryRow, children: [
+                    /* @__PURE__ */ jsx17(Text15, { style: [styles14.summaryLabel, { color: t.textMuted }], children: "Your side" }),
+                    /* @__PURE__ */ jsx17(Text15, { style: [styles14.summaryValue, { color: t.text }], children: selectedName })
                   ] }),
-                  /* @__PURE__ */ jsx16(View14, { style: [styles13.summarySep, { backgroundColor: t.border }] }),
-                  /* @__PURE__ */ jsxs13(View14, { style: styles13.summaryRow, children: [
-                    /* @__PURE__ */ jsx16(Text14, { style: [styles13.summaryLabel, { color: t.textMuted }], children: "Total pool" }),
-                    /* @__PURE__ */ jsxs13(Text14, { style: [styles13.summaryValue, { color: t.text }], children: [
-                      poolAfterJoin,
+                  /* @__PURE__ */ jsx17(View15, { style: [styles14.summarySep, { backgroundColor: t.border }] }),
+                  /* @__PURE__ */ jsxs14(View15, { style: styles14.summaryRow, children: [
+                    /* @__PURE__ */ jsx17(Text15, { style: [styles14.summaryLabel, { color: t.textMuted }], children: "Total pool" }),
+                    /* @__PURE__ */ jsxs14(Text15, { style: [styles14.summaryValue, { color: t.text }], children: [
+                      formatSol(poolAfterJoin),
                       " SOL"
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsx16(View14, { style: [styles13.summarySep, { backgroundColor: t.border }] }),
-                  /* @__PURE__ */ jsxs13(View14, { style: styles13.summaryRow, children: [
-                    /* @__PURE__ */ jsx16(Text14, { style: [styles13.summaryLabel, { color: t.textMuted }], children: "Potential winnings" }),
-                    /* @__PURE__ */ jsx16(Text14, { style: [styles13.summaryValue, { color: t.success }], children: potentialWinnings !== "\u2014" ? `${potentialWinnings} SOL` : "\u2014" })
+                  /* @__PURE__ */ jsx17(View15, { style: [styles14.summarySep, { backgroundColor: t.border }] }),
+                  /* @__PURE__ */ jsxs14(View15, { style: styles14.summaryRow, children: [
+                    /* @__PURE__ */ jsx17(Text15, { style: [styles14.summaryLabel, { color: t.textMuted }], children: "Potential winnings" }),
+                    /* @__PURE__ */ jsx17(Text15, { style: [styles14.summaryValue, { color: t.success }], children: potentialWinnings !== "\u2014" ? `${potentialWinnings} SOL` : "\u2014" })
                   ] })
                 ] })
               ] }),
-              alreadyJoined && /* @__PURE__ */ jsx16(View14, { style: [styles13.errorBox, { backgroundColor: t.surface, borderColor: t.border }], children: /* @__PURE__ */ jsx16(Text14, { style: [styles13.errorText, { color: t.textMuted }], children: isPoolModeEnabled ? "You've already joined this pool." : "You've already joined this game." }) }),
-              mutation.error && /* @__PURE__ */ jsx16(View14, { style: [styles13.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ jsx16(Text14, { style: [styles13.errorText, { color: t.errorText }], children: mutation.error.message }) }),
-              /* @__PURE__ */ jsx16(
+              alreadyJoined && /* @__PURE__ */ jsx17(View15, { style: [styles14.errorBox, { backgroundColor: t.surface, borderColor: t.border }], children: /* @__PURE__ */ jsx17(Text15, { style: [styles14.errorText, { color: t.textMuted }], children: isPoolModeEnabled ? "You've already joined this pool." : "You've already joined this game." }) }),
+              mutation.error && /* @__PURE__ */ jsx17(View15, { style: [styles14.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ jsx17(Text15, { style: [styles14.errorText, { color: t.errorText }], children: mutation.error.message }) }),
+              /* @__PURE__ */ jsx17(
                 TouchableOpacity10,
                 {
                   style: [
-                    styles13.ctaButton,
+                    styles14.ctaButton,
                     { backgroundColor: canJoin ? t.accent : t.border }
                   ],
                   disabled: !canJoin,
                   onPress: handleJoin,
                   activeOpacity: 0.8,
-                  children: isMutating ? /* @__PURE__ */ jsxs13(View14, { style: styles13.ctaLoading, children: [
-                    /* @__PURE__ */ jsx16(ActivityIndicator8, { size: "small", color: "#FFFFFF" }),
-                    /* @__PURE__ */ jsx16(Text14, { style: styles13.ctaText, children: statusLabel })
-                  ] }) : mutation.status === "success" ? /* @__PURE__ */ jsx16(Text14, { style: styles13.ctaText, children: isPoolModeEnabled ? "Joined!" : STATUS_LABELS3.success }) : /* @__PURE__ */ jsx16(Text14, { style: [styles13.ctaText, !canJoin && { opacity: 0.5 }], children: alreadyJoined ? "Already Joined" : isPoolModeEnabled ? `Join Pool \u2014 ${buyIn} SOL` : selectedTeam ? `Join Game \u2014 ${buyIn} SOL` : "Pick a side to join" })
+                  children: isMutating ? /* @__PURE__ */ jsxs14(View15, { style: styles14.ctaLoading, children: [
+                    /* @__PURE__ */ jsx17(ActivityIndicator8, { size: "small", color: "#FFFFFF" }),
+                    /* @__PURE__ */ jsx17(Text15, { style: styles14.ctaText, children: statusLabel })
+                  ] }) : mutation.status === "success" ? /* @__PURE__ */ jsx17(Text15, { style: styles14.ctaText, children: isPoolModeEnabled ? "Joined!" : STATUS_LABELS3.success }) : /* @__PURE__ */ jsx17(Text15, { style: [styles14.ctaText, !canJoin && { opacity: 0.5 }], children: alreadyJoined ? "Already Joined" : isPoolModeEnabled ? `Join Pool \u2014 ${formatSol(wager)} SOL` : selectedTeam ? `Join Game \u2014 ${formatSol(wager)} SOL` : "Pick a side to join" })
                 }
               )
             ] }) })
@@ -5564,32 +5852,32 @@ function TeamButton({
   const [imgFailed, setImgFailed] = useState28(false);
   const Img = ImageComponent || __require("react-native").Image;
   const showImage = imageUrl && !imgFailed;
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14(
     TouchableOpacity10,
     {
-      style: [styles13.teamOption, { borderColor: selected ? color : t.border, backgroundColor: selected ? color + "15" : t.background }],
+      style: [styles14.teamOption, { borderColor: selected ? color : t.border, backgroundColor: selected ? color + "15" : t.background }],
       onPress,
       activeOpacity: 0.7,
       children: [
-        showImage ? /* @__PURE__ */ jsx16(Img, { source: { uri: imageUrl }, style: styles13.teamLogo, resizeMode: "contain", onError: () => setImgFailed(true) }) : /* @__PURE__ */ jsx16(View14, { style: [styles13.teamLogo, styles13.teamLogoPlaceholder] }),
-        /* @__PURE__ */ jsx16(Text14, { style: [styles13.teamName, { color: t.text }], numberOfLines: 1, children: name }),
-        /* @__PURE__ */ jsxs13(Text14, { style: [styles13.teamOdds, { color }], children: [
+        showImage ? /* @__PURE__ */ jsx17(Img, { source: { uri: imageUrl }, style: styles14.teamLogo, resizeMode: "contain", onError: () => setImgFailed(true) }) : /* @__PURE__ */ jsx17(View15, { style: [styles14.teamLogo, styles14.teamLogoPlaceholder] }),
+        /* @__PURE__ */ jsx17(Text15, { style: [styles14.teamName, { color: t.text }], numberOfLines: 1, children: name }),
+        /* @__PURE__ */ jsxs14(Text15, { style: [styles14.teamOdds, { color }], children: [
           odds,
           "x"
         ] }),
-        /* @__PURE__ */ jsxs13(Text14, { style: [styles13.teamBets, { color: t.textMuted }], children: [
+        /* @__PURE__ */ jsxs14(Text15, { style: [styles14.teamBets, { color: t.textMuted }], children: [
           bets,
           " ",
           bets === 1 ? "bet" : "bets"
         ] }),
-        selected && /* @__PURE__ */ jsx16(View14, { style: [styles13.teamBadge, { backgroundColor: color }], children: /* @__PURE__ */ jsx16(Text14, { style: styles13.teamBadgeText, children: "Selected" }) })
+        selected && /* @__PURE__ */ jsx17(View15, { style: [styles14.teamBadge, { backgroundColor: color }], children: /* @__PURE__ */ jsx17(Text15, { style: styles14.teamBadgeText, children: "Selected" }) })
       ]
     }
   );
 }
-var styles13 = StyleSheet14.create({
+var styles14 = StyleSheet15.create({
   overlay: {
-    ...StyleSheet14.absoluteFillObject,
+    ...StyleSheet15.absoluteFillObject,
     backgroundColor: "rgba(0,0,0,0.5)"
   },
   overlayTap: {
@@ -5633,6 +5921,67 @@ var styles13 = StyleSheet14.create({
     fontSize: 20,
     padding: 4
   },
+  // Bettors row
+  bettorsSection: {
+    paddingBottom: 12,
+    gap: 8
+  },
+  bettorsLabel: {
+    fontSize: 12,
+    fontWeight: "600"
+  },
+  bettorsRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 4
+  },
+  bettorCircle: {
+    width: 28,
+    height: 28,
+    borderRadius: 14,
+    alignItems: "center",
+    justifyContent: "center",
+    overflow: "hidden"
+  },
+  bettorImg: {
+    width: 28,
+    height: 28,
+    borderRadius: 14
+  },
+  bettorInitial: {
+    color: "#FFF",
+    fontSize: 11,
+    fontWeight: "800"
+  },
+  bettorOverflow: {
+    color: "#8E8E93",
+    fontSize: 10,
+    fontWeight: "700"
+  },
+  // Success overlay
+  successOverlay: {
+    ...StyleSheet15.absoluteFillObject,
+    zIndex: 100,
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: "rgba(0,0,0,0.85)"
+  },
+  successContent: {
+    alignItems: "center",
+    gap: 12
+  },
+  successEmoji: {
+    fontSize: 64
+  },
+  successTitle: {
+    color: "#FFFFFF",
+    fontSize: 28,
+    fontWeight: "900"
+  },
+  successSub: {
+    color: "#8E8E93",
+    fontSize: 16
+  },
   section: {
     gap: 12,
     paddingTop: 8
@@ -5645,8 +5994,11 @@ var styles13 = StyleSheet14.create({
     flexDirection: "row",
     gap: 12
   },
+  sliderSection: {
+    marginTop: 16
+  },
   summaryCard: {
-    marginTop: 20,
+    marginTop: 12,
     borderRadius: 16,
     borderWidth: 1,
     overflow: "hidden"
@@ -5738,19 +6090,19 @@ var styles13 = StyleSheet14.create({
 });
 
 // src/ui/game/ClaimPrizeSheet.tsx
-import { useState as useState29, useEffect as useEffect18, useRef as useRef10, useCallback as useCallback24 } from "react";
+import { useState as useState29, useEffect as useEffect18, useRef as useRef11, useCallback as useCallback25 } from "react";
 import {
-  View as View15,
-  Text as Text15,
+  View as View16,
+  Text as Text16,
   TouchableOpacity as TouchableOpacity11,
   ActivityIndicator as ActivityIndicator9,
   Modal as Modal4,
   Animated as Animated5,
-  StyleSheet as StyleSheet15,
+  StyleSheet as StyleSheet16,
   KeyboardAvoidingView as KeyboardAvoidingView5,
-  Platform as Platform8
+  Platform as Platform9
 } from "react-native";
-import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 var STATUS_LABELS4 = {
   building: "Building transaction...",
   signing: "Approve in wallet...",
@@ -5769,9 +6121,9 @@ function ClaimPrizeSheet({
   const t = useDubsTheme();
   const { wallet } = useDubs();
   const mutation = useClaim();
-  const overlayOpacity = useRef10(new Animated5.Value(0)).current;
-  const celebrationScale = useRef10(new Animated5.Value(0)).current;
-  const celebrationOpacity = useRef10(new Animated5.Value(0)).current;
+  const overlayOpacity = useRef11(new Animated5.Value(0)).current;
+  const celebrationScale = useRef11(new Animated5.Value(0)).current;
+  const celebrationOpacity = useRef11(new Animated5.Value(0)).current;
   const [showCelebration, setShowCelebration] = useState29(false);
   useEffect18(() => {
     Animated5.timing(overlayOpacity, {
@@ -5818,7 +6170,7 @@ function ClaimPrizeSheet({
   }, [mutation.status, mutation.error]);
   const isMutating = mutation.status !== "idle" && mutation.status !== "success" && mutation.status !== "error";
   const canClaim = !isMutating && mutation.status !== "success" && !!wallet.publicKey;
-  const handleClaim = useCallback24(async () => {
+  const handleClaim = useCallback25(async () => {
     if (!wallet.publicKey) return;
     try {
       await mutation.execute({
@@ -5830,7 +6182,7 @@ function ClaimPrizeSheet({
     }
   }, [wallet.publicKey, mutation.execute, gameId, prizeAmount]);
   const statusLabel = STATUS_LABELS4[mutation.status] || "";
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     Modal4,
     {
       visible,
@@ -5838,54 +6190,54 @@ function ClaimPrizeSheet({
       transparent: true,
       onRequestClose: onDismiss,
       children: [
-        /* @__PURE__ */ jsx17(Animated5.View, { style: [styles14.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ jsx17(TouchableOpacity11, { style: styles14.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx18(Animated5.View, { style: [styles15.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ jsx18(TouchableOpacity11, { style: styles15.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
+        /* @__PURE__ */ jsx18(
           KeyboardAvoidingView5,
           {
-            style: styles14.keyboardView,
-            behavior: Platform8.OS === "ios" ? "padding" : void 0,
-            children: /* @__PURE__ */ jsx17(View15, { style: styles14.sheetPositioner, children: /* @__PURE__ */ jsxs14(View15, { style: [styles14.sheet, { backgroundColor: t.background }], children: [
-              /* @__PURE__ */ jsx17(View15, { style: styles14.handleRow, children: /* @__PURE__ */ jsx17(View15, { style: [styles14.handle, { backgroundColor: t.textMuted }] }) }),
-              /* @__PURE__ */ jsxs14(View15, { style: styles14.header, children: [
-                /* @__PURE__ */ jsx17(Text15, { style: [styles14.headerTitle, { color: t.text }], children: showCelebration ? isRefund ? "Refund Claimed!" : "Prize Claimed!" : isRefund ? "Claim Refund" : "Claim Prize" }),
-                /* @__PURE__ */ jsx17(TouchableOpacity11, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ jsx17(Text15, { style: [styles14.closeButton, { color: t.textMuted }], children: "\u2715" }) })
+            style: styles15.keyboardView,
+            behavior: Platform9.OS === "ios" ? "padding" : void 0,
+            children: /* @__PURE__ */ jsx18(View16, { style: styles15.sheetPositioner, children: /* @__PURE__ */ jsxs15(View16, { style: [styles15.sheet, { backgroundColor: t.background }], children: [
+              /* @__PURE__ */ jsx18(View16, { style: styles15.handleRow, children: /* @__PURE__ */ jsx18(View16, { style: [styles15.handle, { backgroundColor: t.textMuted }] }) }),
+              /* @__PURE__ */ jsxs15(View16, { style: styles15.header, children: [
+                /* @__PURE__ */ jsx18(Text16, { style: [styles15.headerTitle, { color: t.text }], children: showCelebration ? isRefund ? "Refund Claimed!" : "Prize Claimed!" : isRefund ? "Claim Refund" : "Claim Prize" }),
+                /* @__PURE__ */ jsx18(TouchableOpacity11, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ jsx18(Text16, { style: [styles15.closeButton, { color: t.textMuted }], children: "\u2715" }) })
               ] }),
-              showCelebration && /* @__PURE__ */ jsxs14(
+              showCelebration && /* @__PURE__ */ jsxs15(
                 Animated5.View,
                 {
                   style: [
-                    styles14.celebrationContainer,
+                    styles15.celebrationContainer,
                     {
                       opacity: celebrationOpacity,
                       transform: [{ scale: celebrationScale }]
                     }
                   ],
                   children: [
-                    /* @__PURE__ */ jsx17(Text15, { style: styles14.celebrationEmoji, children: "\u{1F3C6}" }),
-                    /* @__PURE__ */ jsxs14(Text15, { style: [styles14.celebrationText, { color: t.success }], children: [
+                    /* @__PURE__ */ jsx18(Text16, { style: styles15.celebrationEmoji, children: "\u{1F3C6}" }),
+                    /* @__PURE__ */ jsxs15(Text16, { style: [styles15.celebrationText, { color: t.success }], children: [
                       "+",
                       prizeAmount,
                       " SOL"
                     ] }),
-                    /* @__PURE__ */ jsx17(Text15, { style: [styles14.celebrationSubtext, { color: t.textMuted }], children: isRefund ? "Refund sent to your wallet" : "Winnings sent to your wallet" })
+                    /* @__PURE__ */ jsx18(Text16, { style: [styles15.celebrationSubtext, { color: t.textMuted }], children: isRefund ? "Refund sent to your wallet" : "Winnings sent to your wallet" })
                   ]
                 }
               ),
-              !showCelebration && /* @__PURE__ */ jsxs14(View15, { style: [styles14.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
-                /* @__PURE__ */ jsxs14(View15, { style: styles14.summaryRow, children: [
-                  /* @__PURE__ */ jsx17(Text15, { style: [styles14.summaryLabel, { color: t.textMuted }], children: isRefund ? "Refund" : "Prize" }),
-                  /* @__PURE__ */ jsxs14(Text15, { style: [styles14.summaryValue, { color: t.success }], children: [
+              !showCelebration && /* @__PURE__ */ jsxs15(View16, { style: [styles15.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
+                /* @__PURE__ */ jsxs15(View16, { style: styles15.summaryRow, children: [
+                  /* @__PURE__ */ jsx18(Text16, { style: [styles15.summaryLabel, { color: t.textMuted }], children: isRefund ? "Refund" : "Prize" }),
+                  /* @__PURE__ */ jsxs15(Text16, { style: [styles15.summaryValue, { color: t.success }], children: [
                     prizeAmount,
                     " SOL"
                   ] })
                 ] }),
-                /* @__PURE__ */ jsx17(View15, { style: [styles14.summarySep, { backgroundColor: t.border }] }),
-                /* @__PURE__ */ jsxs14(View15, { style: styles14.summaryRow, children: [
-                  /* @__PURE__ */ jsx17(Text15, { style: [styles14.summaryLabel, { color: t.textMuted }], children: "Game" }),
-                  /* @__PURE__ */ jsxs14(
-                    Text15,
+                /* @__PURE__ */ jsx18(View16, { style: [styles15.summarySep, { backgroundColor: t.border }] }),
+                /* @__PURE__ */ jsxs15(View16, { style: styles15.summaryRow, children: [
+                  /* @__PURE__ */ jsx18(Text16, { style: [styles15.summaryLabel, { color: t.textMuted }], children: "Game" }),
+                  /* @__PURE__ */ jsxs15(
+                    Text16,
                     {
-                      style: [styles14.summaryValue, { color: t.text }],
+                      style: [styles15.summaryValue, { color: t.text }],
                       numberOfLines: 1,
                       children: [
                         gameId.slice(0, 8),
@@ -5896,21 +6248,21 @@ function ClaimPrizeSheet({
                   )
                 ] })
               ] }),
-              mutation.error && /* @__PURE__ */ jsx17(View15, { style: [styles14.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ jsx17(Text15, { style: [styles14.errorText, { color: t.errorText }], children: mutation.error.message }) }),
-              !showCelebration && /* @__PURE__ */ jsx17(
+              mutation.error && /* @__PURE__ */ jsx18(View16, { style: [styles15.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ jsx18(Text16, { style: [styles15.errorText, { color: t.errorText }], children: mutation.error.message }) }),
+              !showCelebration && /* @__PURE__ */ jsx18(
                 TouchableOpacity11,
                 {
                   style: [
-                    styles14.ctaButton,
+                    styles15.ctaButton,
                     { backgroundColor: canClaim ? t.accent : t.border }
                   ],
                   disabled: !canClaim,
                   onPress: handleClaim,
                   activeOpacity: 0.8,
-                  children: isMutating ? /* @__PURE__ */ jsxs14(View15, { style: styles14.ctaLoading, children: [
-                    /* @__PURE__ */ jsx17(ActivityIndicator9, { size: "small", color: "#FFFFFF" }),
-                    /* @__PURE__ */ jsx17(Text15, { style: styles14.ctaText, children: statusLabel })
-                  ] }) : /* @__PURE__ */ jsxs14(Text15, { style: [styles14.ctaText, !canClaim && { opacity: 0.5 }], children: [
+                  children: isMutating ? /* @__PURE__ */ jsxs15(View16, { style: styles15.ctaLoading, children: [
+                    /* @__PURE__ */ jsx18(ActivityIndicator9, { size: "small", color: "#FFFFFF" }),
+                    /* @__PURE__ */ jsx18(Text16, { style: styles15.ctaText, children: statusLabel })
+                  ] }) : /* @__PURE__ */ jsxs15(Text16, { style: [styles15.ctaText, !canClaim && { opacity: 0.5 }], children: [
                     isRefund ? "Claim Refund" : "Claim Prize",
                     " \u2014 ",
                     prizeAmount,
@@ -5918,7 +6270,7 @@ function ClaimPrizeSheet({
                   ] })
                 }
               ),
-              mutation.data?.explorerUrl && /* @__PURE__ */ jsx17(Text15, { style: [styles14.explorerHint, { color: t.textMuted }], children: "View on Solscan" })
+              mutation.data?.explorerUrl && /* @__PURE__ */ jsx18(Text16, { style: [styles15.explorerHint, { color: t.textMuted }], children: "View on Solscan" })
             ] }) })
           }
         )
@@ -5926,9 +6278,9 @@ function ClaimPrizeSheet({
     }
   );
 }
-var styles14 = StyleSheet15.create({
+var styles15 = StyleSheet16.create({
   overlay: {
-    ...StyleSheet15.absoluteFillObject,
+    ...StyleSheet16.absoluteFillObject,
     backgroundColor: "rgba(0,0,0,0.5)"
   },
   overlayTap: {
@@ -6051,9 +6403,9 @@ var styles14 = StyleSheet15.create({
 });
 
 // src/ui/game/ClaimButton.tsx
-import { useState as useState30, useMemo as useMemo10, useCallback as useCallback25 } from "react";
-import { StyleSheet as StyleSheet16, Text as Text16, TouchableOpacity as TouchableOpacity12 } from "react-native";
-import { Fragment as Fragment5, jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
+import { useState as useState30, useMemo as useMemo10, useCallback as useCallback26 } from "react";
+import { StyleSheet as StyleSheet17, Text as Text17, TouchableOpacity as TouchableOpacity12 } from "react-native";
+import { Fragment as Fragment5, jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
 function ClaimButton({ gameId, style, onSuccess, onError }) {
   const t = useDubsTheme();
   const { wallet } = useDubs();
@@ -6070,7 +6422,7 @@ function ClaimButton({ gameId, style, onSuccess, onError }) {
   const isWinner = isResolved && myBet != null && myBet.team === game.data?.winnerSide;
   const isEligible = myBet != null && isResolved && (isWinner || isRefund);
   const prizeAmount = isRefund ? myBet?.amount ?? 0 : game.data?.totalPool ?? 0;
-  const handleSuccess = useCallback25(
+  const handleSuccess = useCallback26(
     (result) => {
       claimStatus.refetch();
       onSuccess?.(result);
@@ -6083,13 +6435,13 @@ function ClaimButton({ gameId, style, onSuccess, onError }) {
   }
   const label = isRefund ? "Refund" : "Prize";
   if (claimStatus.hasClaimed) {
-    return /* @__PURE__ */ jsx18(
+    return /* @__PURE__ */ jsx19(
       TouchableOpacity12,
       {
-        style: [styles15.badge, { borderColor: t.accent }, style],
+        style: [styles16.badge, { borderColor: t.accent }, style],
         activeOpacity: 1,
         disabled: true,
-        children: /* @__PURE__ */ jsxs15(Text16, { style: [styles15.badgeText, { color: t.accent }], children: [
+        children: /* @__PURE__ */ jsxs16(Text17, { style: [styles16.badgeText, { color: t.accent }], children: [
           label,
           " Claimed!"
         ] })
@@ -6099,14 +6451,14 @@ function ClaimButton({ gameId, style, onSuccess, onError }) {
   if (!isEligible) {
     return null;
   }
-  return /* @__PURE__ */ jsxs15(Fragment5, { children: [
-    /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs16(Fragment5, { children: [
+    /* @__PURE__ */ jsx19(
       TouchableOpacity12,
       {
-        style: [styles15.button, { backgroundColor: t.accent }, style],
+        style: [styles16.button, { backgroundColor: t.accent }, style],
         activeOpacity: 0.8,
         onPress: () => setSheetVisible(true),
-        children: /* @__PURE__ */ jsxs15(Text16, { style: styles15.buttonText, children: [
+        children: /* @__PURE__ */ jsxs16(Text17, { style: styles16.buttonText, children: [
           "Claim ",
           label,
           " \u2014 ",
@@ -6115,7 +6467,7 @@ function ClaimButton({ gameId, style, onSuccess, onError }) {
         ] })
       }
     ),
-    /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx19(
       ClaimPrizeSheet,
       {
         visible: sheetVisible,
@@ -6129,7 +6481,7 @@ function ClaimButton({ gameId, style, onSuccess, onError }) {
     )
   ] });
 }
-var styles15 = StyleSheet16.create({
+var styles16 = StyleSheet17.create({
   button: {
     height: 52,
     borderRadius: 14,
@@ -6157,19 +6509,19 @@ var styles15 = StyleSheet16.create({
 });
 
 // src/ui/game/EnterArcadePoolSheet.tsx
-import { useEffect as useEffect19, useRef as useRef11, useCallback as useCallback26 } from "react";
+import { useEffect as useEffect19, useRef as useRef12, useCallback as useCallback27 } from "react";
 import {
-  View as View16,
-  Text as Text17,
+  View as View17,
+  Text as Text18,
   TouchableOpacity as TouchableOpacity13,
   ActivityIndicator as ActivityIndicator10,
   Modal as Modal5,
   Animated as Animated6,
-  StyleSheet as StyleSheet17,
+  StyleSheet as StyleSheet18,
   KeyboardAvoidingView as KeyboardAvoidingView6,
-  Platform as Platform9
+  Platform as Platform10
 } from "react-native";
-import { Fragment as Fragment6, jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 var STATUS_LABELS5 = {
   building: "Building transaction...",
   signing: "Approve in wallet...",
@@ -6188,7 +6540,7 @@ function EnterArcadePoolSheet({
   const t = useDubsTheme();
   const { wallet } = useDubs();
   const mutation = useEnterArcadePool();
-  const overlayOpacity = useRef11(new Animated6.Value(0)).current;
+  const overlayOpacity = useRef12(new Animated6.Value(0)).current;
   useEffect19(() => {
     Animated6.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
@@ -6222,7 +6574,7 @@ function EnterArcadePoolSheet({
   const potSol = (pool.buy_in_lamports * Number(totalBuyIns) / 1e9).toFixed(4);
   const isMutating = mutation.status !== "idle" && mutation.status !== "success" && mutation.status !== "error";
   const canJoin = !isMutating && mutation.status !== "success";
-  const handleJoin = useCallback26(async () => {
+  const handleJoin = useCallback27(async () => {
     if (!wallet.publicKey) return;
     try {
       await mutation.execute(pool.id);
@@ -6234,7 +6586,7 @@ function EnterArcadePoolSheet({
   const headerTitle = isRejoin ? "Play Again" : "Join Pool";
   const ctaLabel = isRejoin ? `Play Again \u2014 ${buyInSol} SOL` : `Join Pool \u2014 ${buyInSol} SOL`;
   const successLabel = isRejoin ? "Lives refilled!" : "Joined!";
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     Modal5,
     {
       visible,
@@ -6242,68 +6594,68 @@ function EnterArcadePoolSheet({
       transparent: true,
       onRequestClose: onDismiss,
       children: [
-        /* @__PURE__ */ jsx19(Animated6.View, { style: [styles16.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ jsx19(TouchableOpacity13, { style: styles16.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20(Animated6.View, { style: [styles17.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ jsx20(TouchableOpacity13, { style: styles17.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
+        /* @__PURE__ */ jsx20(
           KeyboardAvoidingView6,
           {
-            style: styles16.keyboardView,
-            behavior: Platform9.OS === "ios" ? "padding" : void 0,
-            children: /* @__PURE__ */ jsx19(View16, { style: styles16.sheetPositioner, children: /* @__PURE__ */ jsxs16(View16, { style: [styles16.sheet, { backgroundColor: t.background }], children: [
-              /* @__PURE__ */ jsx19(View16, { style: styles16.handleRow, children: /* @__PURE__ */ jsx19(View16, { style: [styles16.handle, { backgroundColor: t.textMuted }] }) }),
-              /* @__PURE__ */ jsxs16(View16, { style: styles16.header, children: [
-                /* @__PURE__ */ jsx19(Text17, { style: [styles16.headerTitle, { color: t.text }], children: headerTitle }),
-                /* @__PURE__ */ jsx19(TouchableOpacity13, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ jsx19(Text17, { style: [styles16.closeButton, { color: t.textMuted }], children: "\u2715" }) })
+            style: styles17.keyboardView,
+            behavior: Platform10.OS === "ios" ? "padding" : void 0,
+            children: /* @__PURE__ */ jsx20(View17, { style: styles17.sheetPositioner, children: /* @__PURE__ */ jsxs17(View17, { style: [styles17.sheet, { backgroundColor: t.background }], children: [
+              /* @__PURE__ */ jsx20(View17, { style: styles17.handleRow, children: /* @__PURE__ */ jsx20(View17, { style: [styles17.handle, { backgroundColor: t.textMuted }] }) }),
+              /* @__PURE__ */ jsxs17(View17, { style: styles17.header, children: [
+                /* @__PURE__ */ jsx20(Text18, { style: [styles17.headerTitle, { color: t.text }], children: headerTitle }),
+                /* @__PURE__ */ jsx20(TouchableOpacity13, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ jsx20(Text18, { style: [styles17.closeButton, { color: t.textMuted }], children: "\u2715" }) })
               ] }),
-              /* @__PURE__ */ jsx19(Text17, { style: [styles16.poolName, { color: t.textSecondary }], children: pool.name }),
-              /* @__PURE__ */ jsxs16(View16, { style: [styles16.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
-                /* @__PURE__ */ jsxs16(View16, { style: styles16.summaryRow, children: [
-                  /* @__PURE__ */ jsx19(Text17, { style: [styles16.summaryLabel, { color: t.textMuted }], children: "Buy-in" }),
-                  /* @__PURE__ */ jsxs16(Text17, { style: [styles16.summaryValue, { color: t.text }], children: [
+              /* @__PURE__ */ jsx20(Text18, { style: [styles17.poolName, { color: t.textSecondary }], children: pool.name }),
+              /* @__PURE__ */ jsxs17(View17, { style: [styles17.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
+                /* @__PURE__ */ jsxs17(View17, { style: styles17.summaryRow, children: [
+                  /* @__PURE__ */ jsx20(Text18, { style: [styles17.summaryLabel, { color: t.textMuted }], children: "Buy-in" }),
+                  /* @__PURE__ */ jsxs17(Text18, { style: [styles17.summaryValue, { color: t.text }], children: [
                     buyInSol,
                     " SOL"
                   ] })
                 ] }),
-                /* @__PURE__ */ jsx19(View16, { style: [styles16.summarySep, { backgroundColor: t.border }] }),
-                /* @__PURE__ */ jsxs16(View16, { style: styles16.summaryRow, children: [
-                  /* @__PURE__ */ jsx19(Text17, { style: [styles16.summaryLabel, { color: t.textMuted }], children: "Players in" }),
-                  /* @__PURE__ */ jsx19(Text17, { style: [styles16.summaryValue, { color: t.text }], children: totalPlayers })
+                /* @__PURE__ */ jsx20(View17, { style: [styles17.summarySep, { backgroundColor: t.border }] }),
+                /* @__PURE__ */ jsxs17(View17, { style: styles17.summaryRow, children: [
+                  /* @__PURE__ */ jsx20(Text18, { style: [styles17.summaryLabel, { color: t.textMuted }], children: "Players in" }),
+                  /* @__PURE__ */ jsx20(Text18, { style: [styles17.summaryValue, { color: t.text }], children: totalPlayers })
                 ] }),
-                /* @__PURE__ */ jsx19(View16, { style: [styles16.summarySep, { backgroundColor: t.border }] }),
-                /* @__PURE__ */ jsxs16(View16, { style: styles16.summaryRow, children: [
-                  /* @__PURE__ */ jsx19(Text17, { style: [styles16.summaryLabel, { color: t.textMuted }], children: "Current pot" }),
-                  /* @__PURE__ */ jsxs16(Text17, { style: [styles16.summaryValue, { color: t.success }], children: [
+                /* @__PURE__ */ jsx20(View17, { style: [styles17.summarySep, { backgroundColor: t.border }] }),
+                /* @__PURE__ */ jsxs17(View17, { style: styles17.summaryRow, children: [
+                  /* @__PURE__ */ jsx20(Text18, { style: [styles17.summaryLabel, { color: t.textMuted }], children: "Current pot" }),
+                  /* @__PURE__ */ jsxs17(Text18, { style: [styles17.summaryValue, { color: t.success }], children: [
                     potSol,
                     " SOL"
                   ] })
                 ] }),
-                /* @__PURE__ */ jsx19(View16, { style: [styles16.summarySep, { backgroundColor: t.border }] }),
-                /* @__PURE__ */ jsxs16(View16, { style: styles16.summaryRow, children: [
-                  /* @__PURE__ */ jsx19(Text17, { style: [styles16.summaryLabel, { color: t.textMuted }], children: "Lives" }),
-                  /* @__PURE__ */ jsx19(Text17, { style: [styles16.summaryValue, { color: t.text }], children: pool.max_lives })
+                /* @__PURE__ */ jsx20(View17, { style: [styles17.summarySep, { backgroundColor: t.border }] }),
+                /* @__PURE__ */ jsxs17(View17, { style: styles17.summaryRow, children: [
+                  /* @__PURE__ */ jsx20(Text18, { style: [styles17.summaryLabel, { color: t.textMuted }], children: "Lives" }),
+                  /* @__PURE__ */ jsx20(Text18, { style: [styles17.summaryValue, { color: t.text }], children: pool.max_lives })
                 ] }),
-                topScore > 0 && /* @__PURE__ */ jsxs16(Fragment6, { children: [
-                  /* @__PURE__ */ jsx19(View16, { style: [styles16.summarySep, { backgroundColor: t.border }] }),
-                  /* @__PURE__ */ jsxs16(View16, { style: styles16.summaryRow, children: [
-                    /* @__PURE__ */ jsx19(Text17, { style: [styles16.summaryLabel, { color: t.textMuted }], children: "Top score" }),
-                    /* @__PURE__ */ jsx19(Text17, { style: [styles16.summaryValue, { color: t.text }], children: topScore })
+                topScore > 0 && /* @__PURE__ */ jsxs17(Fragment6, { children: [
+                  /* @__PURE__ */ jsx20(View17, { style: [styles17.summarySep, { backgroundColor: t.border }] }),
+                  /* @__PURE__ */ jsxs17(View17, { style: styles17.summaryRow, children: [
+                    /* @__PURE__ */ jsx20(Text18, { style: [styles17.summaryLabel, { color: t.textMuted }], children: "Top score" }),
+                    /* @__PURE__ */ jsx20(Text18, { style: [styles17.summaryValue, { color: t.text }], children: topScore })
                   ] })
                 ] })
               ] }),
-              mutation.error && /* @__PURE__ */ jsx19(View16, { style: [styles16.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ jsx19(Text17, { style: [styles16.errorText, { color: t.errorText }], children: mutation.error.message }) }),
-              /* @__PURE__ */ jsx19(
+              mutation.error && /* @__PURE__ */ jsx20(View17, { style: [styles17.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ jsx20(Text18, { style: [styles17.errorText, { color: t.errorText }], children: mutation.error.message }) }),
+              /* @__PURE__ */ jsx20(
                 TouchableOpacity13,
                 {
                   style: [
-                    styles16.ctaButton,
+                    styles17.ctaButton,
                     { backgroundColor: canJoin ? t.accent : t.border }
                   ],
                   disabled: !canJoin,
                   onPress: handleJoin,
                   activeOpacity: 0.8,
-                  children: isMutating ? /* @__PURE__ */ jsxs16(View16, { style: styles16.ctaLoading, children: [
-                    /* @__PURE__ */ jsx19(ActivityIndicator10, { size: "small", color: "#FFFFFF" }),
-                    /* @__PURE__ */ jsx19(Text17, { style: styles16.ctaText, children: statusLabel })
-                  ] }) : mutation.status === "success" ? /* @__PURE__ */ jsx19(Text17, { style: styles16.ctaText, children: successLabel }) : /* @__PURE__ */ jsx19(Text17, { style: [styles16.ctaText, !canJoin && { opacity: 0.5 }], children: ctaLabel })
+                  children: isMutating ? /* @__PURE__ */ jsxs17(View17, { style: styles17.ctaLoading, children: [
+                    /* @__PURE__ */ jsx20(ActivityIndicator10, { size: "small", color: "#FFFFFF" }),
+                    /* @__PURE__ */ jsx20(Text18, { style: styles17.ctaText, children: statusLabel })
+                  ] }) : mutation.status === "success" ? /* @__PURE__ */ jsx20(Text18, { style: styles17.ctaText, children: successLabel }) : /* @__PURE__ */ jsx20(Text18, { style: [styles17.ctaText, !canJoin && { opacity: 0.5 }], children: ctaLabel })
                 }
               )
             ] }) })
@@ -6313,9 +6665,9 @@ function EnterArcadePoolSheet({
     }
   );
 }
-var styles16 = StyleSheet17.create({
+var styles17 = StyleSheet18.create({
   overlay: {
-    ...StyleSheet17.absoluteFillObject,
+    ...StyleSheet18.absoluteFillObject,
     backgroundColor: "rgba(0,0,0,0.5)"
   },
   overlayTap: { flex: 1 },
@@ -6373,25 +6725,25 @@ var styles16 = StyleSheet17.create({
 });
 
 // src/ui/game/ArcadeLeaderboardSheet.tsx
-import { useEffect as useEffect20, useRef as useRef12 } from "react";
+import { useEffect as useEffect20, useRef as useRef13 } from "react";
 import {
-  View as View17,
-  Text as Text18,
+  View as View18,
+  Text as Text19,
   TouchableOpacity as TouchableOpacity14,
   Modal as Modal6,
   Animated as Animated7,
-  StyleSheet as StyleSheet18,
+  StyleSheet as StyleSheet19,
   KeyboardAvoidingView as KeyboardAvoidingView7,
-  Platform as Platform10,
-  Image as Image6,
+  Platform as Platform11,
+  Image as Image7,
   FlatList
 } from "react-native";
-import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
 function RankLabel({ index }) {
-  if (index === 0) return /* @__PURE__ */ jsx20(Text18, { style: styles17.rankEmoji, children: "\u{1F947}" });
-  if (index === 1) return /* @__PURE__ */ jsx20(Text18, { style: styles17.rankEmoji, children: "\u{1F948}" });
-  if (index === 2) return /* @__PURE__ */ jsx20(Text18, { style: styles17.rankEmoji, children: "\u{1F949}" });
-  return /* @__PURE__ */ jsx20(Text18, { style: styles17.rankNum, children: index + 1 });
+  if (index === 0) return /* @__PURE__ */ jsx21(Text19, { style: styles18.rankEmoji, children: "\u{1F947}" });
+  if (index === 1) return /* @__PURE__ */ jsx21(Text19, { style: styles18.rankEmoji, children: "\u{1F948}" });
+  if (index === 2) return /* @__PURE__ */ jsx21(Text19, { style: styles18.rankEmoji, children: "\u{1F949}" });
+  return /* @__PURE__ */ jsx21(Text19, { style: styles18.rankNum, children: index + 1 });
 }
 function ArcadeLeaderboardSheet({
   visible,
@@ -6401,7 +6753,7 @@ function ArcadeLeaderboardSheet({
 }) {
   const t = useDubsTheme();
   const { pool, leaderboard, stats, loading, refetch } = useArcadePool(poolId);
-  const overlayOpacity = useRef12(new Animated7.Value(0)).current;
+  const overlayOpacity = useRef13(new Animated7.Value(0)).current;
   useEffect20(() => {
     Animated7.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
@@ -6414,32 +6766,32 @@ function ArcadeLeaderboardSheet({
   }, [visible]);
   const renderItem = ({ item, index }) => {
     const isMe = highlightWallet && item.wallet_address === highlightWallet;
-    return /* @__PURE__ */ jsxs17(
-      View17,
+    return /* @__PURE__ */ jsxs18(
+      View18,
       {
         style: [
-          styles17.row,
+          styles18.row,
           { backgroundColor: isMe ? `${t.accent}18` : index % 2 === 0 ? t.surface : "transparent" },
           isMe ? { borderWidth: 1, borderColor: t.accent } : void 0
         ],
         children: [
-          /* @__PURE__ */ jsx20(View17, { style: styles17.rankCol, children: /* @__PURE__ */ jsx20(RankLabel, { index }) }),
-          item.avatar ? /* @__PURE__ */ jsx20(Image6, { source: { uri: ensurePngAvatar(item.avatar) }, style: styles17.avatar }) : /* @__PURE__ */ jsx20(View17, { style: [styles17.avatar, { backgroundColor: t.border }] }),
-          /* @__PURE__ */ jsxs17(View17, { style: styles17.nameCol, children: [
-            /* @__PURE__ */ jsx20(Text18, { style: [styles17.name, { color: t.text }], numberOfLines: 1, children: item.username || `${item.wallet_address.slice(0, 4)}...${item.wallet_address.slice(-4)}` }),
-            /* @__PURE__ */ jsxs17(Text18, { style: [styles17.lives, { color: t.textMuted }], children: [
+          /* @__PURE__ */ jsx21(View18, { style: styles18.rankCol, children: /* @__PURE__ */ jsx21(RankLabel, { index }) }),
+          item.avatar ? /* @__PURE__ */ jsx21(Image7, { source: { uri: ensurePngAvatar(item.avatar) }, style: styles18.avatar }) : /* @__PURE__ */ jsx21(View18, { style: [styles18.avatar, { backgroundColor: t.border }] }),
+          /* @__PURE__ */ jsxs18(View18, { style: styles18.nameCol, children: [
+            /* @__PURE__ */ jsx21(Text19, { style: [styles18.name, { color: t.text }], numberOfLines: 1, children: item.username || `${item.wallet_address.slice(0, 4)}...${item.wallet_address.slice(-4)}` }),
+            /* @__PURE__ */ jsxs18(Text19, { style: [styles18.lives, { color: t.textMuted }], children: [
               item.lives_used,
               " ",
               item.lives_used === 1 ? "life" : "lives",
               " used"
             ] })
           ] }),
-          /* @__PURE__ */ jsx20(Text18, { style: [styles17.score, { color: t.accent }], children: item.best_score })
+          /* @__PURE__ */ jsx21(Text19, { style: [styles18.score, { color: t.accent }], children: item.best_score })
         ]
       }
     );
   };
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     Modal6,
     {
       visible,
@@ -6447,46 +6799,46 @@ function ArcadeLeaderboardSheet({
       transparent: true,
       onRequestClose: onDismiss,
       children: [
-        /* @__PURE__ */ jsx20(Animated7.View, { style: [styles17.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ jsx20(TouchableOpacity14, { style: styles17.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx21(Animated7.View, { style: [styles18.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ jsx21(TouchableOpacity14, { style: styles18.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
+        /* @__PURE__ */ jsx21(
           KeyboardAvoidingView7,
           {
-            style: styles17.keyboardView,
-            behavior: Platform10.OS === "ios" ? "padding" : void 0,
-            children: /* @__PURE__ */ jsx20(View17, { style: styles17.sheetPositioner, children: /* @__PURE__ */ jsxs17(View17, { style: [styles17.sheet, { backgroundColor: t.background }], children: [
-              /* @__PURE__ */ jsx20(View17, { style: styles17.handleRow, children: /* @__PURE__ */ jsx20(View17, { style: [styles17.handle, { backgroundColor: t.textMuted }] }) }),
-              /* @__PURE__ */ jsxs17(View17, { style: styles17.header, children: [
-                /* @__PURE__ */ jsxs17(View17, { children: [
-                  /* @__PURE__ */ jsx20(Text18, { style: [styles17.headerTitle, { color: t.text }], children: "Leaderboard" }),
-                  pool && /* @__PURE__ */ jsx20(Text18, { style: [styles17.poolName, { color: t.textMuted }], children: pool.name })
+            style: styles18.keyboardView,
+            behavior: Platform11.OS === "ios" ? "padding" : void 0,
+            children: /* @__PURE__ */ jsx21(View18, { style: styles18.sheetPositioner, children: /* @__PURE__ */ jsxs18(View18, { style: [styles18.sheet, { backgroundColor: t.background }], children: [
+              /* @__PURE__ */ jsx21(View18, { style: styles18.handleRow, children: /* @__PURE__ */ jsx21(View18, { style: [styles18.handle, { backgroundColor: t.textMuted }] }) }),
+              /* @__PURE__ */ jsxs18(View18, { style: styles18.header, children: [
+                /* @__PURE__ */ jsxs18(View18, { children: [
+                  /* @__PURE__ */ jsx21(Text19, { style: [styles18.headerTitle, { color: t.text }], children: "Leaderboard" }),
+                  pool && /* @__PURE__ */ jsx21(Text19, { style: [styles18.poolName, { color: t.textMuted }], children: pool.name })
                 ] }),
-                /* @__PURE__ */ jsx20(TouchableOpacity14, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ jsx20(Text18, { style: [styles17.closeButton, { color: t.textMuted }], children: "\u2715" }) })
+                /* @__PURE__ */ jsx21(TouchableOpacity14, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ jsx21(Text19, { style: [styles18.closeButton, { color: t.textMuted }], children: "\u2715" }) })
               ] }),
-              stats && /* @__PURE__ */ jsxs17(View17, { style: [styles17.statsBar, { backgroundColor: t.surface, borderColor: t.border }], children: [
-                /* @__PURE__ */ jsxs17(View17, { style: styles17.statItem, children: [
-                  /* @__PURE__ */ jsx20(Text18, { style: [styles17.statValue, { color: t.text }], children: stats.total_entries }),
-                  /* @__PURE__ */ jsx20(Text18, { style: [styles17.statLabel, { color: t.textMuted }], children: "Players" })
+              stats && /* @__PURE__ */ jsxs18(View18, { style: [styles18.statsBar, { backgroundColor: t.surface, borderColor: t.border }], children: [
+                /* @__PURE__ */ jsxs18(View18, { style: styles18.statItem, children: [
+                  /* @__PURE__ */ jsx21(Text19, { style: [styles18.statValue, { color: t.text }], children: stats.total_entries }),
+                  /* @__PURE__ */ jsx21(Text19, { style: [styles18.statLabel, { color: t.textMuted }], children: "Players" })
                 ] }),
-                /* @__PURE__ */ jsx20(View17, { style: [styles17.statDivider, { backgroundColor: t.border }] }),
-                /* @__PURE__ */ jsxs17(View17, { style: styles17.statItem, children: [
-                  /* @__PURE__ */ jsx20(Text18, { style: [styles17.statValue, { color: t.accent }], children: stats.top_score }),
-                  /* @__PURE__ */ jsx20(Text18, { style: [styles17.statLabel, { color: t.textMuted }], children: "Top Score" })
+                /* @__PURE__ */ jsx21(View18, { style: [styles18.statDivider, { backgroundColor: t.border }] }),
+                /* @__PURE__ */ jsxs18(View18, { style: styles18.statItem, children: [
+                  /* @__PURE__ */ jsx21(Text19, { style: [styles18.statValue, { color: t.accent }], children: stats.top_score }),
+                  /* @__PURE__ */ jsx21(Text19, { style: [styles18.statLabel, { color: t.textMuted }], children: "Top Score" })
                 ] }),
-                /* @__PURE__ */ jsx20(View17, { style: [styles17.statDivider, { backgroundColor: t.border }] }),
-                /* @__PURE__ */ jsxs17(View17, { style: styles17.statItem, children: [
-                  /* @__PURE__ */ jsx20(Text18, { style: [styles17.statValue, { color: t.text }], children: Math.round(stats.avg_score) }),
-                  /* @__PURE__ */ jsx20(Text18, { style: [styles17.statLabel, { color: t.textMuted }], children: "Avg Score" })
+                /* @__PURE__ */ jsx21(View18, { style: [styles18.statDivider, { backgroundColor: t.border }] }),
+                /* @__PURE__ */ jsxs18(View18, { style: styles18.statItem, children: [
+                  /* @__PURE__ */ jsx21(Text19, { style: [styles18.statValue, { color: t.text }], children: Math.round(stats.avg_score) }),
+                  /* @__PURE__ */ jsx21(Text19, { style: [styles18.statLabel, { color: t.textMuted }], children: "Avg Score" })
                 ] })
               ] }),
-              /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx21(
                 FlatList,
                 {
                   data: leaderboard,
                   renderItem,
                   keyExtractor: (item) => String(item.id),
-                  style: styles17.list,
-                  contentContainerStyle: styles17.listContent,
-                  ListEmptyComponent: /* @__PURE__ */ jsx20(View17, { style: styles17.emptyState, children: /* @__PURE__ */ jsx20(Text18, { style: [styles17.emptyText, { color: t.textMuted }], children: loading ? "Loading..." : "No scores yet" }) })
+                  style: styles18.list,
+                  contentContainerStyle: styles18.listContent,
+                  ListEmptyComponent: /* @__PURE__ */ jsx21(View18, { style: styles18.emptyState, children: /* @__PURE__ */ jsx21(Text19, { style: [styles18.emptyText, { color: t.textMuted }], children: loading ? "Loading..." : "No scores yet" }) })
                 }
               )
             ] }) })
@@ -6496,9 +6848,9 @@ function ArcadeLeaderboardSheet({
     }
   );
 }
-var styles17 = StyleSheet18.create({
+var styles18 = StyleSheet19.create({
   overlay: {
-    ...StyleSheet18.absoluteFillObject,
+    ...StyleSheet19.absoluteFillObject,
     backgroundColor: "rgba(0,0,0,0.5)"
   },
   overlayTap: { flex: 1 },
@@ -6580,6 +6932,7 @@ export {
   SOLANA_PROGRAM_ERRORS,
   STORAGE_KEYS,
   SettingsSheet,
+  SolSlider,
   UserProfileCard,
   UserProfileSheet,
   createSecureStoreStorage,