/* ===================================================================== AI-COS — Command-center Dashboard ===================================================================== */ function Dashboard({ onNav, openJob }) { const DB = window.DB; const stageCounts = DB.stages.map((s) => ({ s, n: DB.jobs.filter((j) => j.stage === s).length })); const reviewJobs = DB.jobs.filter((j) => j.stage === 'Review' || j.stage === 'In progress'); return (
{/* Header */}
Good morning, Savad
Saturday, 6 June 2026 · Al Duqum Al Masiya ENT · All systems nominal
window.toast('Due dates recalculated · reminders queued', 'info')}>Sync window.toast('Dashboard exported (PDF)')}>Export onNav('jobs')}>New job
{/* KPIs */}
{/* LEFT column */}
{/* Readiness + pipeline */}
Audit readiness & live pipeline
Continuously scored
{DB.readiness.score}
/ 100
Audit-ready
{DB.readiness.factors.map((f, i) => (
{f.label}
{f.value === 0 ? '✓' : f.value}
))}
{/* pipeline strip */}
{stageCounts.map((sc, i) => (
onNav('jobs')} className="hover-lift">
{sc.s}
{sc.n}
))}
{/* Needs attention queue */}
Needs your attention
onNav('jobs')}>All jobs
{reviewJobs.map((j) => { const c = DB.custById(j.customer); return ( openJob(j.id)}> ); })}
JobCustomerStageTechSLADue
{j.id}
{j.items} items · {j.type}
{c.short}{c.short}
 {j.tech ? : —} 85 ? 'var(--ok)' : j.sla > 50 ? 'var(--primary-600)' : 'var(--warn)'} /> {DB.rel(j.due)}
{/* RIGHT column */}
{/* AI feed */}
AI signals
4 active
{DB.aiAlerts.slice(0, 3).map((a) => ( onNav('iso')}>{a.body} ))}
{/* Standards / cylinder watch */}
Standards & cylinder watch
onNav('cylinders')}>Open
{DB.cylinders.filter((c) => c.status !== 'Active').concat(DB.cylinders.filter(c => c.status === 'Active').slice(0, 1)).map((c) => { const pct = Math.round((c.pressure / c.p0) * 100); return (
window.openDetail('cylinder', c)}>
{c.id}{c.mix}
{c.pressure} psi
); })}
{/* Environment */}
Laboratory environment
In range
Continuous monitoring · method-gated per ISO 17025 §6.3 · last 24h
); } function EnvStat({ icon, label, value, unit, range }) { return (
{label}
{value}{unit}
{range}
); } function EnvSpark({ series }) { const w = 100, h = 34; const temps = series.map((s) => s.temp); const min = Math.min(...temps) - 0.5, max = Math.max(...temps) + 0.5; const pts = series.map((s, i) => `${(i / (series.length - 1)) * w},${h - ((s.temp - min) / (max - min)) * h}`).join(' '); return ( ); } window.Dashboard = Dashboard;