const { renderCard, renderCardBack } = require('lib/ui-card.js'); function safe(fn) { try { return fn(); } catch { return ''; } } export default function(localPlayer, world) { const mgr = world.query({ tags: ['war-manager'] })[0]; if (!mgr) return '

'; const s = mgr.state; const phase = s.phase || 'ready'; const playerCard = s.playerCard; const cpuCard = s.cpuCard; const playerDeckCount = (s.playerDeck || []).length; const cpuDeckCount = (s.cpuDeck || []).length; const warPotCount = (s.warPot || []).length; const warCards = s.warCards || null; const warStreak = s.warStreak || 0; const message = s.message || ''; const roundCount = s.roundCount || 0; const winner = s.winner; const isWar = phase === 'war'; const isGameOver = phase === 'gameOver'; const messageColor = isWar ? '#fbbf24' : isGameOver ? (winner === 'player' ? '#4ade80' : '#f87171') : '#e2e8f0'; const btnText = isGameOver ? 'Play Again' : (isWar ? 'Flip for War!' : 'Flip Card'); const btnDisabled = phase === 'reveal'; const btnColor = isWar ? 'background: linear-gradient(135deg, #b45309, #d97706); border-color: #fbbf24;' : isGameOver ? 'background: linear-gradient(135deg, #059669, #10b981); border-color: #4ade80;' : 'background: linear-gradient(135deg, #1d4ed8, #3b82f6); border-color: #60a5fa;'; return `

Round ${roundCount}

Opponent

${cpuDeckCount} cards

${safe(() => renderCardBack({ size: 'small' }))}

Opponent

${safe(() => { let html = ''; // Show war face-down cards for CPU if (isWar && warCards && warCards.cpu) { for (let i = 0; i < warCards.cpu.length; i++) { html += '

' + renderCardBack({ size: 'small' }) + '

'; } } return html; })}

${safe(() => phase === 'reveal' && cpuCard ? renderCard({ card: cpuCard, faceDown: false, size: 'large' }) : renderCardBack({ size: 'large' }) )}

${isWar ? `

${warStreak >= 2 ? 'DOUBLE' : ''} WAR

${warPotCount} cards at stake

` : `

You

${safe(() => phase === 'reveal' && playerCard ? renderCard({ card: playerCard, faceDown: false, size: 'large' }) : renderCardBack({ size: 'large' }) )}

${safe(() => { let html = ''; // Show war face-down cards for player if (isWar && warCards && warCards.player) { for (let i = 0; i < warCards.player.length; i++) { html += '

' + renderCardBack({ size: 'small' }) + '

'; } } return html; })}

${message}

${safe(() => renderCardBack({ size: 'small' }))}

${playerDeckCount} cards

You

${playerDeckCount}

Your Deck

${cpuDeckCount}

Opponent

${isGameOver ? `

${winner === 'player' ? 'VICTORY!' : 'DEFEAT'}

${winner === 'player' ? 'You collected all the cards!' : 'The opponent took them all.'}

` : ''}

`; }

Spawn