Sprint: debug, zichtbaarheid componenten (#165)

* feat(debug-store): Zustand store met hydration-flag voor debug-modus

* feat(status-bar): dev-only debug-toggle via geïsoleerde sub-component

* feat(globals.css): debug-mode overlay CSS voor data-debug-id elementen

* feat(shared): data-debug-id+label op navigatie-componenten

* feat(shared): data-debug-id+label op form/select-componenten

* feat(shared): data-debug-id+label op display-componenten
This commit is contained in:
Janpeter Visser 2026-05-08 08:55:43 +02:00 committed by GitHub
parent f7464db837
commit a16988b957
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
20 changed files with 154 additions and 35 deletions

View file

@ -26,6 +26,7 @@ interface PbiStatusSelectProps {
export function PbiStatusSelect({ value, onChange, className }: PbiStatusSelectProps) {
return (
<span data-debug-id="pbi-status-select" data-debug-label="PbiStatusSelect — shared/pbi-status-select.tsx">
<Select
value={value}
onValueChange={(v) => { if (v) onChange(v as PbiStatusApi) }}
@ -39,5 +40,6 @@ export function PbiStatusSelect({ value, onChange, className }: PbiStatusSelectP
<SelectItem value="done">Afgerond</SelectItem>
</SelectContent>
</Select>
</span>
)
}