app/ui/frontend/src/components/CandidateActions.tsx

export default function CandidateActions({ items }: { items: Array<Record<string, unknown>> }) {
  return (
    <section className="panel">
      <h3>Candidate Actions</h3>
      <ul className="list">
        {items.map((item, idx) => (
          <li key={idx}>
            <strong>{String(item.candidate_id)}</strong> {String(item.action_type)} | safety{" "}
            {String(item.estimated_safety_delta ?? "-")} | burden {String(item.burden_delta ?? "-")} | uncertainty{" "}
            {String(item.uncertainty_score ?? "-")}
          </li>
        ))}
      </ul>
    </section>
  );
}