BUG: UX — Recheck visuel des maquettes Penpot Heimdall vs app réelle (passe 2) #115

New issue

Closed

opened 2026-08-13 13:27:09 +02:00 by nonobis · 1 comment

nonobis commented

2026-08-13 13:27:09 +02:00

Owner

Contexte

Passe 2 du recheck visuel des maquettes Penpot Heimdall (fichier nonobis-design-system) contre l'application réelle. Passe 1 = ticket #112 (closed) sans captures internes. Depuis, 17 captures réelles authentifiées (Playwright, viewport 1440×900) sont disponibles dans /home/hermes/workspace/design/heimdall-captures/ (01-17 + login/register/not-found/error).

Observé

Écarts maquette ↔ réel sur la structure, les libellés, les données d'exemple et certains états (ex. H1 « Contrôle » vs réel « Dashboard », KPIs « Sites en ligne / Caméras actives / Détections 24 h / Agents sains » vs réel « Caméras / Agents en ligne / Événements (24h) / Sites », sidebar sans « Snapshots », états génériques « Aucun site pour le moment » copiés sur des pages non-Sites, données d'exemple Entrepôt Nord/Annexe vs réel Chalet/Home/Site Principal/Site Test Provision, agent entrepot-01 vs réel Chalet/Home/agent-01…).

Attendu

Chaque maquette Penpot Heimdall reflète l'écran réel correspondant : structure (sidebar + topbar + contenu), libellés FR exacts, composants, états (loading/empty/error), palette charte, données d'exemple réalistes et cohérentes avec le réel.

Reproduction

Ouvrir le fichier Penpot nonobis-design-system (pages « 3. Heimdall › … »).
Comparer chaque page avec sa capture réelle (mapping) : 01-dashboard → Dashboard ; 02-03 → Sites & installation ; 05/08/17 → Agents ; 06 → Événements ; 04 → Caméras ; 07 → Snapshots ; 09-13 → Admin ; 14-16 + login/register → Compte & connexion.

Impact

Maquettes trompeuses pour l'implémentation (libellés, hiérarchie et données divergents de l'app réelle) ; risque de mauvaise recette des tickets UI.

Correctif

Corrections appliquées directement dans Penpot via le MCP (execute_code) : libellés exacts, sidebar réelle, KPIs réels, sections du Dashboard réelles, données d'exemple (sites Chalet/Home/Site Principal/Site Test Provision, agents Chalet/Home/agent-01), états par page. Détail par page ajouté en commentaire de clôture.

Fichiers concernés

Maquettes Penpot : nonobis-design-system (pages « 3. Heimdall › 1..8 »)
Captures de référence : /home/hermes/workspace/design/heimdall-captures/

## Contexte Passe 2 du recheck visuel des maquettes Penpot Heimdall (fichier nonobis-design-system) contre l'application réelle. Passe 1 = ticket #112 (closed) sans captures internes. Depuis, 17 captures réelles authentifiées (Playwright, viewport 1440×900) sont disponibles dans /home/hermes/workspace/design/heimdall-captures/ (01-17 + login/register/not-found/error). ## Observé Écarts maquette ↔ réel sur la structure, les libellés, les données d'exemple et certains états (ex. H1 « Contrôle » vs réel « Dashboard », KPIs « Sites en ligne / Caméras actives / Détections 24 h / Agents sains » vs réel « Caméras / Agents en ligne / Événements (24h) / Sites », sidebar sans « Snapshots », états génériques « Aucun site pour le moment » copiés sur des pages non-Sites, données d'exemple Entrepôt Nord/Annexe vs réel Chalet/Home/Site Principal/Site Test Provision, agent entrepot-01 vs réel Chalet/Home/agent-01…). ## Attendu Chaque maquette Penpot Heimdall reflète l'écran réel correspondant : structure (sidebar + topbar + contenu), libellés FR exacts, composants, états (loading/empty/error), palette charte, données d'exemple réalistes et cohérentes avec le réel. ## Reproduction 1. Ouvrir le fichier Penpot nonobis-design-system (pages « 3. Heimdall › … »). 2. Comparer chaque page avec sa capture réelle (mapping) : 01-dashboard → Dashboard ; 02-03 → Sites & installation ; 05/08/17 → Agents ; 06 → Événements ; 04 → Caméras ; 07 → Snapshots ; 09-13 → Admin ; 14-16 + login/register → Compte & connexion. ## Impact Maquettes trompeuses pour l'implémentation (libellés, hiérarchie et données divergents de l'app réelle) ; risque de mauvaise recette des tickets UI. ## Correctif Corrections appliquées directement dans Penpot via le MCP (execute_code) : libellés exacts, sidebar réelle, KPIs réels, sections du Dashboard réelles, données d'exemple (sites Chalet/Home/Site Principal/Site Test Provision, agents Chalet/Home/agent-01), états par page. Détail par page ajouté en commentaire de clôture. ## Fichiers concernés - Maquettes Penpot : nonobis-design-system (pages « 3. Heimdall › 1..8 ») - Captures de référence : /home/hermes/workspace/design/heimdall-captures/

nonobis added the

bug

priority-medium

labels

2026-08-13 13:27:09 +02:00

nonobis commented

2026-08-13 15:16:56 +02:00

Author

Owner

Clôture — recheck visuel terminé et vérifié indépendamment (lecture MCP fiable des 8 pages Heimdall, revn 137).

PASSES :

Passe 2 : Dashboard, Sites, Admin, Compte & connexion alignés sur l'app réelle (captures authentifiées Playwright MCP).
Passe 4 : reprise des pages Agents, Événements, Caméras, Snapshots (corrections passe 2 non persistées — déconnexions plugin MCP).
Passe 5 : finalisation Sites (4 sites réels Chalet/Home/Site Principal/Site Test Provision + commande d'installation chalet-01).

VÉRIFICATION FINALE (8/8 pages) : textes réels présents, anciens contenus fictifs éliminés (0 occurrence entrepot/depot-sud/lyon/9 agents/1 208/42 actives/3 412), charte/composants et pages Sleipnir/Njord non touchés.

Limites documentées : 2 détails cosmétiques restants (dialog « Supprimer Cam 05 » et meta « yolov8n » sur Caméras, fond d'item actif sidebar Snapshots) ; pièges MCP consignés dans le skill penpot-mcp-piloting.

Clôture — recheck visuel terminé et vérifié indépendamment (lecture MCP fiable des 8 pages Heimdall, revn 137). PASSES : - Passe 2 : Dashboard, Sites, Admin, Compte & connexion alignés sur l'app réelle (captures authentifiées Playwright MCP). - Passe 4 : reprise des pages Agents, Événements, Caméras, Snapshots (corrections passe 2 non persistées — déconnexions plugin MCP). - Passe 5 : finalisation Sites (4 sites réels Chalet/Home/Site Principal/Site Test Provision + commande d'installation chalet-01). VÉRIFICATION FINALE (8/8 pages) : textes réels présents, anciens contenus fictifs éliminés (0 occurrence entrepot/depot-sud/lyon/9 agents/1 208/42 actives/3 412), charte/composants et pages Sleipnir/Njord non touchés. Limites documentées : 2 détails cosmétiques restants (dialog « Supprimer Cam 05 » et meta « yolov8n » sur Caméras, fond d'item actif sidebar Snapshots) ; pièges MCP consignés dans le skill penpot-mcp-piloting.

nonobis closed this issue

2026-08-13 15:16:56 +02:00