// role-safety.jsx — Safety/Compliance role: briefing audits, training, // FRA-style reporting summary. function RoleSafety() { const { employees, exceptions, timecards, submissions } = useAdmin(); const [tab, setTab] = useState('overview'); const pendingSubs = submissions.filter(s => s.status === 'pending-review').length; const briefingMissing = exceptions.filter(e => e.kind === 'briefing-missing').length; const trainingExpiring = employees.filter(e => { const d = new Date(e.certExpires); return d > new Date() && d < new Date('2026-08-22'); }).length; const trainingExpired = employees.filter(e => new Date(e.certExpires) < new Date('2026-05-22')).length; const photoCompliance = Math.round((1 - exceptions.filter(e => e.kind === 'photo-missing').length / timecards.length) * 100); return ( <> }>FRA report} />
{[ { id: 'overview', label: 'Overview' }, { id: 'submissions', label: 'Field submissions', badge: pendingSubs }, { id: 'training', label: 'Training matrix' }, ].map(t => { const on = tab === t.id; return ( ); })}
{tab === 'submissions' && } {tab === 'training' && ( }>Export}> )} {tab === 'overview' && ( <>
0 ? 'bad' : 'good'} icon={} /> 0 ? 'bad' : 'good'} icon={} /> 0 ? 'warn' : 'good'} icon={} /> 90 ? 'good' : 'warn'} icon={} />
}>Export}>
)} ); } // ── Training matrix ───────────────────────────────────────── function TrainingMatrix() { const { employees } = useAdmin(); // Mock per-railroad cert grid const certs = ['BNSF RWP', 'UP RWP', 'CSX FCI', 'NS RWP', 'EIC', 'CPR/First Aid']; // Generate deterministic statuses const matrixOf = (e) => certs.map((c, i) => { const seed = (e.id.charCodeAt(2) + i * 7) % 10; if (seed < 1) return { status: 'expired', date: '2025-12-18' }; if (seed < 3) return { status: 'expiring', date: '2026-07-30' }; if (seed < 7) return { status: 'current', date: '2027-05-12' }; return { status: 'na' }; }); const cell = (s) => { if (s.status === 'na') return —; const tone = { current: 'good', expiring: 'warn', expired: 'bad' }[s.status]; return {s.status === 'na' ? 'n/a' : s.date.slice(2, 7).replace('-', '/')}; }; return (
{certs.map(c => ( ))} {employees.map((e, i) => { const row = matrixOf(e); return ( {row.map((s, j) => ( ))} ); })}
Employee{c}
{e.avatar}
{e.name.split(' ')[0]} {e.name.split(' ').pop().charAt(0)}.
{e.role}
{cell(s)}
); } // ── Violations log ────────────────────────────────────────── function ViolationLog() { const items = [ { ts: '2026-05-19', who: 'Northwest Track', what: 'Worker fouled track without verbal authority', who2: 'D. Reyes', sev: 'high' }, { ts: '2026-05-14', who: 'Pacific Rail Welding', what: 'PPE missing — high-vis vest', who2: 'M. Halverson', sev: 'med' }, { ts: '2026-05-09', who: 'BridgePro West', what: 'PPOS not communicated before fouling', who2: 'A. Vargas', sev: 'high' }, ]; return (
{items.map((v, i) => (
{v.what}
{v.who} · documented by {v.who2}
{v.ts.slice(5)}
))}
); } // ── Field submissions queue (briefings + reports from tablets) ── function FieldSubmissionsQueue() { const { submissions, employees, jobs, reviewSubmission, toast, launchDoc } = useAdmin(); const [filter, setFilter] = useState('pending-review'); const counts = { 'pending-review': submissions.filter(s => s.status === 'pending-review').length, 'accepted': submissions.filter(s => s.status === 'accepted').length, 'flagged': submissions.filter(s => s.status === 'flagged').length, }; const rows = submissions.filter(s => filter === 'all' ? true : s.status === filter); const act = (id, status) => { reviewSubmission(id, status); toast(status === 'accepted' ? 'Submission accepted into compliance record' : 'Submission flagged for follow-up', status === 'accepted' ? 'success' : 'warn'); }; return ( <> {/* How it works banner */}
Job briefings and daily field reports submitted on the field tablet land here for compliance review. Auto-flags fire on incomplete signatures, sub-minimum photos, multiple red-zone risks, or reported rules violations.
setFilter('pending-review')} count={counts['pending-review']}>Pending review setFilter('accepted')} count={counts['accepted']}>Accepted setFilter('flagged')} count={counts['flagged']}>Flagged setFilter('all')} count={submissions.length}>All
{rows.length === 0 ? (
No {filter === 'all' ? '' : filter.replace('-', ' ')} submissions
When an RWIC certifies a briefing or submits a field report on the tablet, it appears here within seconds.
) : (
{rows.map(s => { const e = employees.find(x => x.id === s.employeeId); const job = jobs.find(j => j.id === s.jobId); const mgr = (typeof managerForJob === 'function' && job) ? managerForJob(job.id) : null; const isBriefing = s.kind === 'briefing'; return (
{isBriefing ? : }
{isBriefing ? 'Job Briefing' : 'Field Report'} tablet
{e?.name} · {A_fmtDateShort(s.date)} · {job?.id}
{/* Detail chips */}
{isBriefing ? ( <> {s.sigCount}/{s.crewTotal} signed {s.riskFlags.length > 0 && {s.riskFlags.length} risks} {s.otsTypes.length > 0 && {s.otsTypes.length} OTS} ) : ( <> {s.photoCount} photos {s.trainCount} trains {A_fmtNum(s.hours, 1)}h {s.violations && violation} )}
{/* Routing + flag */}
{mgr &&
crew under {mgr.name.split(' ')[0]} {mgr.name.split(' ').pop().charAt(0)}.
} {s.autoFlag &&
⚠ {s.autoFlag}
}
{/* Actions */}
{s.status === 'pending-review' ? ( <> ) : ( {s.status === 'accepted' ? 'Accepted' : 'Flagged'} )}
); })}
)} ); } Object.assign(window, { RoleSafety, FieldSubmissionsQueue });