html/wiki/session-opus-18avr-0330-d92-meeting-rooms-layout.md

Session Opus · 18 avr 03h30 · D92 LAYOUT UNIFORMISÉ — meeting-rooms

Contexte

Yacine (screenshots 4 URLs : enterprise-model, enterprise-complete, agents-archi, wevia-meeting-rooms) signale :

• Meeting-rooms seul est uniformisé (emojis persona style meeting-rooms)
• Mais pas bien aligné : blocs mal espacés, niveaux décision pas alignés
• Autres pages (ent-model, ent-complete, agents-archi) pas encore unifiées

Diagnostic (AVANT)

Canvas RM[] positions hardcodées :

Room	y (ancien)	gap avec room au-dessus
strat	TOP+10 h=260	—
biz/ia/transit	TOP+690	420px ❌ trop grand
infra/dev/sec	TOP+1090	20px ❌ trop serré
direction	TOP+1490	20px ❌ trop serré

Gaps non uniformes → rendu qui paraît cassé / mal organisé.

Fix D92 (layout uniformisé 4 niveaux pyramidaux)

Level	Room(s)	Y	Gap ↓
0 · DÉCISION	strat (w=960 h=260)	TOP+10	60px
1 · GESTION	biz · ia · transit (3× w=300 h=380)	TOP+330	60px
2 · EXÉCUTION	infra · dev · sec (3× w=300 h=380)	TOP+770	60px
3 · SYNC	direction (w=960 h=260)	TOP+1210	—

• Gaps verticaux 60px uniformes entre chaque niveau
• Rangées 3-col parfaitement alignées (biz/ia/transit tous y=330 · infra/dev/sec tous y=770)
• Canvas H = Math.max(1600, innerHeight) (était 1900) — moins de whitespace inutile
• Total canvas = 1470 + marge 130 = 1600px

Livrables

1. /var/www/html/wevia-meeting-rooms.html patché — 8/8 positions updated · marker WEVAL-D92-LAYOUT-UNIFIED en tête
2. GOLD backup /opt/wevads/vault/wevia-meeting-rooms.html.GOLD-20260418-013038-pre-d92-layout
3. chattr lifecycle respecté : -i → upload → +i

Validation Playwright E2E

• 8/8 rooms positionnées aux coordonnées attendues
• Gaps uniformes 60px (strat→biz · biz→infra · infra→direction)
• 3 colonnes horizontales parfaitement alignées
• 0 JS errors
• Screenshot /tmp/d92-direct.png visuellement confirmé

Anti-régression

• Zéro suppression (seules positions modifiées)
• Avatars persona déjà unifiés (V73 AvatarUnifier) préservés
• chattr +i restauré
• Canvas rendering logic intacte (resize() + re-centrage x dynamique conservés)

À suivre (prochaines sessions D93+)

• Propager le même pattern persona+gap-uniform sur agents-archi.html (actuellement plateau 3D unique — pas de "niveaux décisionnels" mais doit basculer pills emoji)
• Vérifier enterprise-model.html — Canvas similaire, pourrait bénéficier du même regroupement par niveaux
• Propager enterprise-complete.html (HTML grid) : regrouper les 20 depts en 4 niveaux ERP :
  • Décision (Direction/Finance)
  • Pilotage (Sales/Marketing/R&D)
  • Exécution (Supply/Manufacturing/HR)
  • Transverse (DSI/Legal/ESG/Security)

Commit pushed

• GitHub main : à pusher
• Gitea mirror : à pusher