// Candidate detail — the full profile a client opens from the pipeline.
// Surfaces the three assessments every candidate sits: English (CEFR),
// the role Assessment (70% pass line), and DISC — plus a competency radar
// benchmarked against the role cohort, skills-fit, highlights and notes.
// ── Small building blocks ────────────────────────────────────────────────────
function CardPanel({ title, icon, right, children, pad = 24, id, style }) {
return (
{(title || right) && (
);
}
function DiscSummaryPanel({ disc, discColor }) {
return (
{disc.type}
{disc.classification}
{disc.label} ({disc.type})
{disc.headline}
{disc.narrative}
);
}
// Client notes on a candidate (functional, persisted per candidate)
function NotesPanel({ c }) {
const key = 'nw_cand_notes_' + c.id;
const seed = c.note ? [{ author: 'Lina Pardo · Nearwork', date: 'Recruiter note', text: c.note, recruiter: true }] : [];
const [notes, setNotes] = useState_p(() => { try { const s = JSON.parse(localStorage.getItem(key)); if (Array.isArray(s)) return s.concat(seed); } catch (e) {} return seed; });
const [draft, setDraft] = useState_p('');
// The real portal writes candidateNotes with a scope of client_visible or
// client_internal. The demo is what prospects are shown, so it has to make the
// same promise: a client can keep a note to their own team, and Nearwork
// genuinely cannot see it.
const [scope, setScope] = useState_p('client_visible');
const user = (window.NW_CLIENT && window.NW_CLIENT.user) || { name: 'You', initials: 'YO' };
const add = () => {
if (!draft.trim()) return;
const mine = notes.filter(n => !n.recruiter);
const next = [{ author: user.name, date: 'Just now', text: draft.trim(), scope }, ...mine];
setNotes(next.concat(seed));
try { localStorage.setItem(key, JSON.stringify(next)); } catch (e) {}
setDraft('');
};
return (