{label}

{value}

{trend && (

0 ? THEME.success : THEME.danger, fontWeight: 600 }}> {trend > 0 ? '▲' : '▼'} {Math.abs(trend)}%

)}

); // 3. Stock List Item const StockListItem = ({ stock, isActive }) => (

setActiveStockId(stock.id)} style={{ padding: '16px 20px', margin: '0 0 16px 0', borderRadius: 20, background: THEME.bg, boxShadow: isActive ? shadowIn : shadowOut, cursor: 'pointer', transition: 'all 0.3s ease', display: 'flex', justifyContent: 'space-between', alignItems: 'center', border: isActive ? `1px solid ${THEME.shadowLight}` : 'none' }} >

{stock.symbol}

{stock.name}

${stock.price}

= 0 ? THEME.success : THEME.danger, fontWeight: 600 }}> {stock.change >= 0 ? '+' : ''}{stock.change}%

); return (

{/* HEADER */}

📈

NueStock

Tactile Analysis

🔗

{/* MAIN CARD - HERO */}

{activeStock.symbol}

{activeStock.name}

${activeStock.price}

= 0 ? THEME.success : THEME.danger, display: 'flex', alignItems: 'center', justifyContent: 'flex-end', gap: 4 }}> {activeStock.change >= 0 ? '▲' : '▼'} {Math.abs(activeStock.change)}%

{/* METRICS GRID */}

{/* SENTIMENT TOGGLE */}

handleVote(activeStock.id, 'bullish')} > 🐂 Bullish handleVote(activeStock.id, 'bearish')} > 🐻 Bearish

{/* MEMBER VOTES (Multiplayer) */} {isMultiplayer && (

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

{/* Sentiment Indicator Badge */} {activeStock.votes?.[m.id] && (

)}

))}

)} {/* AI VERDICT */}

🤖 AI Verdict

Recommendation: {activeStock.verdict}

{activeStock.analysis}

{/* WATCHLIST SECTION */}

Watchlist

setIsAdding(!isAdding)} > {isAdding ? '✕' : '➕'}

{/* ADD STOCK FORM */} {isAdding && ( )} {/* LIST OF STOCKS */}

{(stocks || []).map(stock => ( ))}

); }