feat(cockpit): thema-adaptieve authentieke look + rechtgezette meters #1078

Merged

brenno merged 1 commit from feat/cockpit-theme-adaptive-layout into main

2026-08-01 14:00:06 +00:00

brenno commented

2026-08-01 13:59:54 +00:00

Owner

Wat

Poetst de authentieke cockpitmeter bij op drie punten die de gebruiker
meldde/vroeg:

Thermometer — de buis stond links van het bezelmidden (om plek te maken
voor de waarde ernaast) en oogde links-zwaar. Nu staat de buis gecentreerd
met de waarde eronder.
Koers — de ACT/TGT-aflezingen stonden gecentreerd ín de wijzerplaat
en liepen door het S-label en de streepjes. Nu rechts gestapeld bij Doel,
vrij van de rose — zoals de klassieke stand en de export dat al deden.
Thema-adaptief — de authentieke look was hardgecodeerd donker, ook op een
lichte dia. De 16 materiaalkleuren zitten nu in één CockpitPalette-record
met een donkere én een lichte set (ivoren wijzerplaat, donkere markeringen,
zilveren bezel), gekozen op de luminantie van de dia-achtergrond, zodat de
meter met de dia meekleurt. Klassiek is ongemoeid.

Kleur-getters verhuisd naar de part-file zodat cockpit_preview.dart onder het
1000-regelplafond blijft (989).

Verificatie

Visueel getoetst via een headless RepaintBoundary→PNG in vier configuraties
(authentiek/klassiek × licht/donker); screenshots met de gebruiker gedeeld.
make check groen — 7828 tests, regeldekking 87,5%.
make check-secrets (gitleaks + trufflehog) en make sast (semgrep) schoon.
Nieuwe tests: paletkeuze op helderheid + een render op een donkere dia (dekt
de donkere-palet-tak).

Nog op de golden-referentiemachine

type_cockpit.png en docs/images/cockpit-dashboard.png moeten dáár opnieuw
(make test-golden UPDATE=1 + de doc-capture). Op deze dev-machine wijken 22
niet-cockpit-goldens af zónder codewijziging daaraan (omgevingsdrift), dus ik
heb bewust géén golden-ruis meegecommit.

Waarden / bewaker

Bewaker-stap overgeslagen: puur visuele render-wijziging; raakt formaat, opslag,
afhankelijkheid, uitgaand verkeer noch een publieke belofte. De thema-adaptieve
variant maakt de meter juist consistent met het dia-thema.

Volgt nog (aparte PR)

Export: de hardgecodeerde Engelse COCKPIT VIEW uit de SVG halen en de export
thema-adaptief maken, zodat de lichtere variant ook in de HTML-export zit.

## Wat Poetst de **authentieke** cockpitmeter bij op drie punten die de gebruiker meldde/vroeg: 1. **Thermometer** — de buis stond links van het bezelmidden (om plek te maken voor de waarde ernaast) en oogde links-zwaar. Nu staat de buis gecentreerd met de waarde eronder. 2. **Koers** — de `ACT`/`TGT`-aflezingen stonden gecentreerd ín de wijzerplaat en liepen door het `S`-label en de streepjes. Nu rechts gestapeld bij `Doel`, vrij van de rose — zoals de klassieke stand en de export dat al deden. 3. **Thema-adaptief** — de authentieke look was hardgecodeerd donker, ook op een lichte dia. De 16 materiaalkleuren zitten nu in één `CockpitPalette`-record met een donkere én een lichte set (ivoren wijzerplaat, donkere markeringen, zilveren bezel), gekozen op de luminantie van de dia-achtergrond, zodat de meter met de dia meekleurt. **Klassiek** is ongemoeid. Kleur-getters verhuisd naar de part-file zodat `cockpit_preview.dart` onder het 1000-regelplafond blijft (989). ## Verificatie - Visueel getoetst via een headless RepaintBoundary→PNG in vier configuraties (authentiek/klassiek × licht/donker); screenshots met de gebruiker gedeeld. - `make check` groen — 7828 tests, regeldekking 87,5%. - `make check-secrets` (gitleaks + trufflehog) en `make sast` (semgrep) schoon. - Nieuwe tests: paletkeuze op helderheid + een render op een donkere dia (dekt de donkere-palet-tak). ## Nog op de golden-referentiemachine `type_cockpit.png` en `docs/images/cockpit-dashboard.png` moeten dáár opnieuw (`make test-golden UPDATE=1` + de doc-capture). Op deze dev-machine wijken **22 niet-cockpit-goldens** af zónder codewijziging daaraan (omgevingsdrift), dus ik heb bewust géén golden-ruis meegecommit. ## Waarden / bewaker Bewaker-stap overgeslagen: puur visuele render-wijziging; raakt formaat, opslag, afhankelijkheid, uitgaand verkeer noch een publieke belofte. De thema-adaptieve variant maakt de meter juist consistent met het dia-thema. ## Volgt nog (aparte PR) Export: de hardgecodeerde Engelse `COCKPIT VIEW` uit de SVG halen en de export thema-adaptief maken, zodat de lichtere variant ook in de HTML-export zit.

brenno added 1 commit

2026-08-01 13:59:54 +00:00

feat(cockpit): thema-adaptieve authentieke look + rechtgezette meters

scans / scans (pull_request) Successful in 3m35s

Details

73257785e2

De authentieke cockpit volgde het dia-thema niet en had twee layoutfouten die
de gebruiker meldde:

- Thermometer: de buis stond links van het bezelmidden om plek te maken voor de
  waarde ernaast, wat links-zwaar oogde. Nu staat de buis gecentreerd met de
  waarde eronder.
- Koers: de ACT/TGT-aflezingen stonden gecentreerd ín de wijzerplaat en liepen
  door het S-label en de streepjes. Nu rechts gestapeld bij Doel, vrij van de
  rose — zoals de klassieke stand en de export al doen.
- Thema: de authentieke look was hardgecodeerd donker, ook op een lichte dia.
  De 16 materiaalkleuren zitten nu in één CockpitPalette-record met een donkere
  én een lichte set (ivoren wijzerplaat, donkere markeringen, zilveren bezel),
  gekozen op de luminantie van de dia-achtergrond, zodat de meter met de dia
  meekleurt. Klassiek is ongemoeid.

De kleur-getters verhuisden naar de part-file zodat cockpit_preview.dart onder
het 1000-regelplafond blijft. Tests voor de paletkeuze en de donkere-palet-tak.

Goldens/doc-afbeelding niet bijgewerkt: op deze machine wijken 22 niet-cockpit-
goldens af zonder codewijziging (omgevingsdrift), dus type_cockpit.png en
docs/images/cockpit-dashboard.png horen op de golden-referentiemachine
opnieuw. Bewaker-stap overgeslagen: puur visueel; raakt formaat, opslag,
afhankelijkheid, uitgaand verkeer noch een publieke belofte.

Signed-off-by: Brenno de Winter <brenno@dewinter.com>

brenno merged commit f01630a11f into main

2026-08-01 14:00:06 +00:00

brenno referenced this pull request from a commit

2026-08-01 14:00:06 +00:00

Merge pull request 'feat(cockpit): thema-adaptieve authentieke look + rechtgezette meters' (#1078) from feat/cockpit-theme-adaptive-layout into main

brenno referenced this pull request

2026-08-01 22:43:53 +00:00

fix(cockpit-export): volg het dia-thema, lijn de meters uit + verwijder COCKPIT VIEW #1096

brenno referenced this pull request

2026-08-01 23:51:07 +00:00

chore(cockpit): regenereer cockpit-golden + doc-afbeelding na #1078 #1101

brenno referenced this pull request from a commit