toggleSystemSelection(system.id)} className="w-5 h-5 rounded bg-white/10 border-2 border-purple-400 checked:bg-purple-500 cursor-pointer" />
{system.emoji}

{system.name}

{system.focus}

{system.response}
{/* User Reaction Buttons */}

How does this resonate with you?

{[ { value: 'strongly-agree', label: 'Strongly Agree', emoji: '💯' }, { value: 'agree', label: 'Agree', emoji: '👍' }, { value: 'neutral', label: 'Neutral', emoji: '🤔' }, { value: 'disagree', label: 'Disagree', emoji: '👎' }, { value: 'strongly-disagree', label: 'Strongly Disagree', emoji: '❌' }, { value: 'probably-right', label: "You're probably right but I'm not ready to admit it", emoji: '😬' } ].map(reaction => ( ))}
{/* Show previous follow-ups if any */} {followUpResponses[system.id]?.map((followUp, idx) => (

Your follow-up: {followUp.question}

{followUp.response}

))}
))} )}
)} ); }; ReactDOM.render(, document.getElementById('root'));