The Big House

{/* Members */}

{(memberList || []).map(m => (

m.handle && openProfile(m.handle)} style={{ flexShrink: 0 }}>

{!m.avatarUrl && (m.displayName?.[0] || '?')}

))}

{/* Tabs */}

{/* Content */}

{activeTab === 'feed' && (

setShowWatchlist(true)} style={{ ...neumorph(false, false), padding: '12px 16px', marginBottom: 24, display: 'flex', justifyContent: 'space-between', alignItems: 'center', cursor: 'pointer' }}> 👁️ Watchlist

{(watchlist || []).slice(0, 3).map(w => #{w})}

)} {(itemsToRender || []).length === 0 && (

🏆

No items found.

)} {(itemsToRender || []).map(item => { const isSaved = (savedItems || []).includes(item.id); const reactionList = reactions[item.id] ?? []; const isReacted = (reactionList || []).includes(user.id); const isHighlighted = (watchlist || []).some(w => (item.headline + (item.tags || []).join('')).toLowerCase().includes(w.toLowerCase())); const isExpanded = expandedId === item.id; return (

setExpandedId(isExpanded ? null : item.id)} style={{ ...neumorph(false, false), marginBottom: 24, padding: 20, position: 'relative', border: isHighlighted ? `2px solid ${THEME.maize}` : '1px solid rgba(255,255,255,0.2)', transform: isExpanded ? 'scale(1.02)' : 'scale(1)', zIndex: isExpanded ? 10 : 1, transition: 'all 0.3s ease' }}> {isHighlighted &&

WATCHLIST

}

{item.image}

{item.source} • {item.time}

{item.headline}

{isExpanded && (

{item.snippet}

{(item.tags || []).map(tag => #{tag})}

)}

); })}

{/* Modal */} {showWatchlist && (

Watchlist

{(watchlist || []).map(item => (

#{item} { e.stopPropagation(); removeFromWatchlist(item); }} style={{ cursor: 'pointer', opacity: 0.5 }}>✕

))}

setNewWatchItem(e.target.value)} placeholder="Add player..." style={{ ...neumorph(true, false), flex: 1, padding: '12px 16px', fontSize: 16, border: 'none', outline: 'none' }} />

)}

); }