docs: expand readme product gallery

docs/ai/BACKLOG.yaml

@@ -1,6 +1,6 @@
 schema_version: 1
 project: VacatureRadar
-updated_at: '2026-07-27'
+updated_at: '2026-07-28'
 execution_policy:
   order: file-order, then first ready task whose dependencies are done
   no_product_questions: true
@@ -2215,13 +2215,14 @@ tasks:
   summary: Maak de bestaande persoonlijke installatie veilig en reproduceerbaar bereikbaar achter Nginx Proxy Manager,
     herstel publieke host- en CSRF-configuratie en voorkom dat een gedeeld demoaccount persistente data wijzigt.
   acceptance_criteria:
-  - Eén publieke HTTPS-URL configureert hostvalidatie, CSRF, secure cookies, SSL-detectie en redirect zonder de interne
-    containerpoort in de externe origin op te nemen.
+  - Eén publieke HTTPS-URL configureert hostvalidatie, CSRF, secure cookies, SSL-detectie en redirect zonder de
+    interne containerpoort in de externe origin op te nemen.
   - Productie start fail-fast bij debugmodusgerelateerde onveiligheid, een zwakke secret, onveilige cookies, ontbrekende
     HTTPS-origin of een schrijfbare publieke demo.
   - Login- en importlimieten gebruiken in productie een gedeelde cache; forwarded client-IP’s worden alleen vanaf
     expliciet vertrouwde proxy-CIDR’s geaccepteerd.
-  - Het gastaccount is server-side alleen-lezen, heeft een begrensde sessie, kan afmelden en toont de beperking zichtbaar.
+  - Het gastaccount is server-side alleen-lezen, heeft een begrensde sessie, kan afmelden en toont de beperking
+    zichtbaar.
   - Unraid-envpad, Nginx Proxy Manager, healthchecks, noindex, heruitrol en terugdraaien zijn exact gedocumenteerd.
   verification:
   - PYTHONPATH=/mnt/data/vr_windows_site/site-packages pytest -q
@@ -2244,3 +2245,41 @@ tasks:
     note: Publieke host/CSRF/HTTPS-configuratie, gedeelde Redis-rate-limiting, proxy-IPvertrouwen, cache-readiness,
       noindex en read-only gastdemo geïmplementeerd. 295 tests groen met 2 correcte Playwrightskips; Django check,
       migratiecheck, repositoryvalidatie, YAML-, syntax- en packagechecks groen. Live servervalidatie blijft extern.
+- id: VR-226
+  title: Verdiep de user-first README met een volledige productgalerij
+  status: done
+  priority: P1
+  requirement_ids:
+  - NFR-006
+  - NFR-008
+  - NFR-009
+  depends_on:
+  - VR-225
+  summary: Maak de productpresentatie overtuigender met een logisch opgebouwde, actuele galerij die de volledige
+    gebruikersreis toont zonder de README traag, repetitief of marketingmatig te maken.
+  acceptance_criteria:
+  - De README bevat minstens acht actuele beelden die dashboard, zoeken/analyse, skills, sollicitatieopvolging,
+    profiel, bronnen, automatisering en mobiel gebruik als één samenhangende productreis tonen.
+  - Desktopbeelden gebruiken een consistente professionele viewport en rustige uitsnede; dark/light en mobiel zijn
+    doelbewust verdeeld, zonder overgangsoverlays, overflow, consolefouten, secrets of persoonlijke gegevens.
+  - De galerij heeft korte taakgerichte captions, een scanbare compositie en compacte lokale assets; duplicatieve
+    beelden of losse decoratieve screenshots worden verwijderd of vervangen.
+  - De eerder aangetroffen VR-225-baselinefouten in lint en platformafhankelijke bestandsmoduscontrole zijn hersteld;
+    repositoryvalidatie en de volledige kwaliteitsgate slagen.
+  verification:
+  - Browsercontrole van alle vastgelegde routes op desktop en mobiel in dark/light
+  - uv run pytest tests/unit/test_public_configuration.py
+  - python scripts/validate_repository.py
+  - ./scripts/codex_verify.sh
+  primary_paths:
+  - README.md
+  - docs/screenshots/readme/
+  - scripts/configure_public_url.py
+  - tests/unit/test_public_configuration.py
+  - docs/quality/TRACEABILITY_MATRIX.md
+  - docs/ai/PROJECT_STATE.md
+  result:
+    completed_at: '2026-07-28'
+    note: README verdiept tot een klikbare user-first productreis met negen actuele beelden op 1920x1080 en 390x844
+      in dark/light; alle routes zonder overflow of consolewaarschuwingen. VR-225-lint en Windows-modusassertie
+      hersteld; 296 tests groen, 2 skips en 83,44% dekking.

docs/ai/PROJECT_STATE.md

@@ -1,6 +1,6 @@
 # Projectstatus
 
-- Laatst bijgewerkt: 2026-07-27
+- Laatst bijgewerkt: 2026-07-28
 - Repositoryversie: 0.3.12 productie- en reverse-proxyhardening
 - Uitvoeringsmodus: autonome backlog
 - Eerste uitvoerbare taak: controleer met `python scripts/backlog.py next`
@@ -46,6 +46,13 @@ Het volledige scherm- en afwijkingsrapport staat in `docs/design/STITCH_INTEGRAT
 
 ## Laatste onderhoudsaudit
 
+VR-226 op 2026-07-28:
+
+- README-presentatie verdiept van vier losse beelden naar een klikbare productreis met negen actuele screenshots: overzicht, zoeken, analyse, skills, werkgevers, sollicitaties, bronnen, automatisering en mobiel profiel;
+- alle desktopbeelden opnieuw vastgelegd op 1920×1080, doelbewust verdeeld over dark/light en gecombineerd met 390×844 mobiel; geen overgangsoverlays, horizontale overflow, secrets of consolewaarschuwingen;
+- de onrustige mobiele dashboardcapture is afgekeurd en verwijderd; de volledige galerij blijft lokaal en samen circa 1,1 MB;
+- vier aangetroffen VR-225-lintproblemen en de ongeldige POSIX-modusassertie op Windows zijn hersteld; volledige gate groen met 296 geslaagde tests, 2 optionele skips en 83,44% branch-aware dekking. Volgende uitvoerbare taak: geen.
+
 VR-224 op 2026-07-27:
 
 - README volledig herordend rond doelgroep, dagelijkse workflow, concrete productwaarde, veilige quickstart en eerste configuratie; architectuur, beheer en Codex-overdracht volgen pas daarna;