File size: 1,935 Bytes
8892a6c | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 | import { useSimulationState } from '../../store/simulationStore';
function StatusRow({ label, active, activeText = 'Present', inactiveText = 'Missing' }) {
return (
<div className="flex items-center justify-between py-1.5 border-b border-zinc-800/60 last:border-b-0">
<span className="text-[10px] text-zinc-400">{label}</span>
<span className={`text-[10px] font-mono font-semibold ${active ? 'text-emerald-400' : 'text-zinc-500'}`}>
{active ? activeText : inactiveText}
</span>
</div>
);
}
export default function EmergentCompression() {
const { rejectedRun, chosenRun, rcaDocument, scenarioComplete } = useSimulationState();
return (
<div className="panel-card p-3 h-full flex flex-col">
<div className="flex items-center justify-between mb-2">
<span className="text-[10px] font-semibold text-zinc-400 uppercase tracking-wider">
Evidence Checklist
</span>
<span className={`text-[10px] font-mono font-bold ${scenarioComplete ? 'text-emerald-400' : 'text-zinc-500'}`}>
{scenarioComplete ? 'Scenario Complete' : 'In Progress'}
</span>
</div>
<div className="flex-1 min-h-0 overflow-y-auto scrollbar-thin scrollbar-thumb-zinc-700 pr-1 rounded border border-zinc-800 bg-zinc-900/40 px-3 py-2 space-y-1">
<StatusRow label="Rejected baseline sample" active={Boolean(rejectedRun)} activeText="Captured" inactiveText="Not required" />
<StatusRow label="Passing validator fix" active={Boolean(chosenRun)} />
<StatusRow label="RCA document generated" active={Boolean(rcaDocument)} />
</div>
<div className="pt-2 border-t border-zinc-800 shrink-0">
<p className="text-[10px] text-zinc-500 leading-relaxed">
This panel only reflects captured run evidence. It does not infer training progress or fabricate optimization history.
</p>
</div>
</div>
);
}
|