/* ENSSA Reporting — Student page (Level 4). */ /* global React, Card, Eyebrow, Section, Btn, PrintPDFButton, RiskBadge, MoreInfoFlag, StatusBadge, ScreeningDisclaimer, TermSelector, PopulationPositionBar, TaskPercentileBar, RISK, RISK_COPY, TASKS, TASK_DEFS, TEACHING_NOTE, TERMS, TERM_DEFAULT, getBattery */ /* ── Print-only masthead ── */ function PrintHeader({ school, klass, student }) { return ( ); } const { useState: useSS, useMemo: useSM } = React; /* Deterministic raw-score + duration from percentile + seed */ function rawDetails(studentId, taskId, percentile) { let h = 0; for (let i = 0; i < studentId.length + taskId.length; i++) { h = ((h << 5) - h) + (studentId + taskId).charCodeAt(i % (studentId.length + taskId.length)); h |= 0; } const jitter = ((h >>> 0) % 9) - 4; // -4 to +4 const maxScore = 20; const rawScore = Math.max(0, Math.min(maxScore, Math.round(percentile / 100 * maxScore) + jitter)); // Duration: lower percentile → longer; add noise const jitter2 = ((h >>> 4) % 60) - 30; // ±30 s const duration = Math.max(30, Math.round(300 - percentile * 1.8 + jitter2)); const mins = Math.floor(duration / 60); const secs = duration % 60; return { rawScore, maxScore, duration: `${mins}:${secs.toString().padStart(2,'0')}` }; } /* Rank a student within a group, returning a percentile 0-100 */ function pctileInGroup(student, students) { const valid = students.filter(s => s.risk !== 'more_info'); if (valid.length < 2) return student.overallPercentile; const sorted = [...valid].sort((a, b) => a.indexScore - b.indexScore); const rank = sorted.findIndex(s => s.id === student.id); if (rank === -1) return student.overallPercentile; return Math.round((rank / (sorted.length - 1)) * 100); } function StudentPage({ school, klass, student, term: initialTerm }) { const idx = student.indexScore; const ivLow = student.indexInterval[0], ivHigh = student.indexInterval[1]; const isMoreInfo = student.risk === 'more_info'; const copy = RISK_COPY[student.risk]; const [term, setTerm] = useSS(initialTerm || TERM_DEFAULT); const [compareScope, setCompareScope] = useSS('population'); // Compute percentile for the selected comparison scope const comparePercentile = useSM(() => { if (compareScope === 'class') return pctileInGroup(student, klass.students); if (compareScope === 'school') { const allSchool = school.classes.flatMap(c => c.students); return pctileInGroup(student, allSchool); } return student.overallPercentile; // population (pre-computed) }, [compareScope, student, klass, school]); const compareScopeLabel = compareScope === 'class' ? `${klass.name}` : compareScope === 'school' ? school.name : 'national population'; return ( <> {/* ── Student header ── */}

{student.name}

· {student.tasksDone}/{student.tasksTotal} tasks completed {isMoreInfo && }
{/* Term selector */}
Screening period
{/* ── Score + Risk band card ── */}
{/* Score */}
Score
{isMoreInfo ? '—' : idx}
{!isMoreInfo && (
likely range {ivLow}–{ivHigh}
)}
{/* Divider */}
{/* Risk band */}
Risk band
{copy.headline}
{/* ── Summary card (own card below score/risk) ── */} Summary

{interpretation(student.risk, student.name)} {copy.detail} Pair this signal with classroom evidence and teacher judgement.

{/* ── Percentile position with comparison toggle ── */} {!isMoreInfo && (
Position
P{comparePercentile}
within {compareScopeLabel}
{[['class','Class'],['school','School'],['population','Population']].map(([id, lbl]) => ( ))}
)} {/* ── Task profile (eyebrow removed per design) ── */}
{/* ── Raw assessment details ── */}
{/* ── Disclaimer ── */}
The Score is a single-number summary derived from this student's task results. Use it as a screening signal, not a diagnostic. Pair it with the task profile above and your own classroom observation when planning support.
); } function interpretation(risk, name) { const first = name.split(' ')[0]; if (risk === 'high') return `${first}'s screening result places them in the high-risk band — they may benefit from targeted support.`; if (risk === 'moderate') return `${first}'s screening result places them in the moderate-risk band — worth monitoring closely.`; if (risk === 'low') return `${first}'s screening result is in the low-risk band for this point in the year.`; return `${first} has incomplete tasks — confirm completion before drawing conclusions.`; } function teachingNoteFor(percentile, isComplete) { if (!isComplete) return TEACHING_NOTE.insufficient; if (percentile < 15) return TEACHING_NOTE.priority; if (percentile < 30) return TEACHING_NOTE.needs; if (percentile < 45) return TEACHING_NOTE.monitor; return TEACHING_NOTE.none; } function TaskPerfTable({ student, klass, term }) { const battery = getBattery(student.year, student.cohort || klass?.cohort || 'A', term || TERM_DEFAULT); const isComplete = student.tasksDone === student.tasksTotal; return (
{['Task', 'Completed', 'Percentile', 'Teaching note'].map((h, i) => ( ))} {battery.map(t => { const p = student.tp[t.id]; const note = teachingNoteFor(p, isComplete); return ( ); })}
{h}
{t.label} {isComplete ? '✓' : '—'}
P{p}
{note.id !== 'none' && ( {note.label} )}
); } function RawAssessmentDetails({ student, klass, term }) { const [open, setOpen] = useSS(false); const battery = getBattery(student.year, student.cohort || klass?.cohort || 'A', term || TERM_DEFAULT); return ( {open && (
{['Task', 'Raw score', 'Duration'].map(h => ( ))} {battery.map(t => { const { rawScore, maxScore, duration } = rawDetails(student.id, t.id, student.tp[t.id]); return ( ); })}
{h}
{t.label} {rawScore} / {maxScore} {duration}
)} ); } window.StudentPage = StudentPage;