⚗️ Study Hall

{/* AVATARS */}

{(memberList || []).map(m => { const ans = state.answers && state.answers[m.id]; const score = (state.scores && state.scores[m.id]) || 0; let border = theme.gold; if (ans) border = ans.isCorrect ? '#2E5935' : theme.accent; return (

openProfile(m.handle)} style={{ textAlign: 'center', opacity: ans ? 1 : 0.7 }}>

{!m.avatarUrl && '👤'}

{score} pts

); })} {(memberList || []).length === 1 && ( )}

{/* QUESTION CARD */}

Question {currentQ.id}

{currentQ.question}

{(currentQ.options || []).map((opt, i) => { const isSelected = state.answers && state.answers[user.id] && state.answers[user.id].idx === i; const isCorrectIdx = i === currentQ.correctIndex; let bg = 'transparent'; let borderColor = '#E0D4C3'; if (localAnswered) { if (isCorrectIdx) { borderColor = '#2E5935'; bg = '#2E593522'; } else if (isSelected) { borderColor = theme.accent; bg = '#5E212922'; } } return ( ); })}

{localAnswered && (

🖋️ {currentQ.explanation}

)}

{/* SCROLL HISTORY */}

📜 Knowledge Scroll

{(state.history || []).length === 0 ? (

The scroll is blank...

) : ( (state.history || []).map((h, idx) => (

{h.user}: {h.correct ? '✓' : '✗'} {h.text}

)) )}

); }