---
suivi: 1106
date: 2026-07-30
sujet: Menu principal — réorganisation ordre + regroupement GROUPE
chantier: navigation
type: feature
statut: poussé
hash: 3a0695f6
fichiers:
  - resources/js/Layouts/AppShell.vue
  - database/data/journal_mises_a_jour_post_2026_06_12.php
  - docs/suivi/SUIVI_1106_menu_principal_reorganisation.md
  - public/build/
---

## PROMPT ENVOYÉ

SUIVI #1106 — Réordonner le menu principal (Accueil icône · Foncier · Programmes ·
Comptabilité · Groupe · GEMME) ; regrouper META/GED/Juridique sous GROUPE avec
cascade Juridique au clic (2 colonnes). Comptabilité inchangée en contenu.
Un seul commit + push.

## SYNTHÈSE

### Audit (avant code)
Ordre historique : Accueil · Programme · Comptabilité · MARKETING · GEMME · Foncier · GED · Juridique.
Dropdowns : hover + click + `handleClickOutsideGlobal` (window click) + fermeture sur
changement d’URL. Niveau 3 déjà présent pour Paramétrage compta (toggle clic).
Juridique n’était PAS dans le click-outside (fermeture mouseleave seule).

### Changements
- Ordre cible ; Accueil = `pi-home` + title/aria-label.
- GROUPE : META (`marketing.lecture`), GED (toujours, historique), Juridique ▸
  cascade clic (colonne droite, séparateur registres conservé).
- Exclusivité d’ouverture des dropdowns L1 ; click-outside réutilisé via `groupeNavWrapRef`.
- Aucune route / permission / page modifiée.

## DÉPLOIEMENT / TEST

```bash
git pull origin main
php artisan optimize:clear
php artisan journal:sync
php artisan view:clear
# pas de migrate ; pas de route:clear ; pas de npm/composer sur OVH
```

## LEÇON

Critère de profondeur d’un menu : un sous-ensemble d’un seul élément (META, GED)
ne justifie pas un niveau intermédiaire ; seul Juridique (5 entrées + séparateur)
méritait une cascade niveau 3.