🎲 Setting up table...

; // Derived State for Current User View const isMyTurn = appData.turnId === user.id && appData.phase === 'playing'; const activePlayer = appData.players[appData.activePlayerIndex]; const activeHand = activePlayer?.hands[appData.activeHandIndex]; const dealerScore = appData.phase === 'settled' ? getHandValue(appData.dealer.cards) : '?'; // Can we split? const canSplit = isMyTurn && activeHand && (activeHand.cards || []).length === 2 && (activeHand.cards[0].rank === activeHand.cards[1].rank || (activeHand.cards[0].value === 10 && activeHand.cards[1].value === 10)); // Can we double? (Only on 2 cards) const canDouble = isMyTurn && activeHand && (activeHand.cards || []).length === 2; return (

{/* 🎰 HEADER / DEALER AREA */}

DEALER PAYS ON 17

{(appData.dealer.cards || []).map((card, i) => renderCard(card, (appData.phase === 'playing' && i === 0), i) )}

{dealerScore > 21 ? '🔥 DEALER BUST' : `DEALER: ${dealerScore}`}

{/* 🃏 TABLE AREA */}

{/* Only show other players if multiplayer, else just show me */} {(appData.players || []).map((p, pIdx) => { const isMe = p.id === user.id; // In solo, only show me. In MP, show everyone but highlight current turn. if (!isMultiplayer && !isMe) return null; return (

{p.name} {p.id === user.id ? '(You)' : ''}

💰 {p.bankroll}

{(p.hands || []).map((h, hIdx) => { const isActive = appData.activePlayerIndex === pIdx && appData.activeHandIndex === hIdx && appData.phase === 'playing'; const handVal = getHandValue(h.cards); return (

{(h.cards || []).map((c, i) => renderCard(c, false, i))}

{/* Bet & Score Badge */}

{h.result === 'win' && '🎉 '} {h.result === 'lose' && '❌ '} {h.result === 'push' && '🤝 '} {handVal}

{/* Result Overlay */} {h.status === 'busted' && (

BUST

)} {handVal === 21 && (h.cards || []).length === 2 && (

BLACKJACK

)}

); })}

{/* 🎮 CONTROLS AREA */}

{appData.phase === 'settled' ? ( ) : (

)} {/* Helper Text */}

{appData.phase === 'settled' ? 'Round Over - Check your winnings' : isMyTurn ? 'Your Turn - Choose an action' : `Waiting for ${appData.players[appData.activePlayerIndex]?.name || 'player'}...` }

); }