# 🧭 P15 — Sidebar ZEUS novice-friendly > **Statut** : 🛠️ chantier — code maquette préparé, pas déployé > **Priorité Vivien** : haute (« novice friendly » + « menu de jeu vidéo ») > **Auteur idée** : Vivien, sur la base de la sidebar Cockpit Xbox-style --- ## ⚡ Idée centrale > **Une sidebar gauche fixe dans ZEUS, style menu de jeu vidéo, qui regroupe TOUS les accès en catégories visuelles claires.** Pour toi (Vivien) en mots simples : > *Au lieu d'une seule barre d'onglets en haut où on s'y perd, une colonne à gauche style PowerToys / Xbox, avec icônes + libellés courts. Tu cliques, ça t'amène à la bonne section. Toujours visible, jamais perdue.* --- ## 🎯 Inspiration - **Cockpit Xbox** (`Cockpit/index.html`) : sidebar gauche avec profil + nav verticale + chips count + sections séparées par traits - **Apple Sidebar** (Finder, Mail) : groupes nommés + icônes claires - **Notion sidebar** : niveaux hiérarchiques + icônes emoji --- ## 📐 Structure proposée (5 catégories) ``` ┌─────────────────────┐ │ ⚡ ZEUS v10.1.0 │ ├─────────────────────┤ │ PRINCIPAL │ │ 🏠 Accueil CODEX │ │ 🛠️ Atelier [NEW] │ │ 🛡️ Cohérence [NEW] │ │ │ │ DOCUMENTS │ │ 📚 GOD OLYMPUS │ │ 📄 Documents │ │ 👤 Profil Vivien │ │ │ │ LIVE / PROJETS │ │ ⚡ Live │ │ 🗺️ Cartes │ │ 📋 Projets [3] │ │ 🔮 ORACLE │ │ │ │ TECHNIQUE │ │ 📊 Endpoints │ │ ⏱️ Timeline │ │ 📁 Fichiers │ │ 🛡️ GOD MODE │ │ │ │ AIDE │ │ ❓ Guide │ ├─────────────────────┤ │ 🟢 Dc Psy KoPaT │ │ OLYMPUS auto-cohé. │ └─────────────────────┘ ``` --- ## 🛠️ État actuel **Préparé** : - HTML complet (~250 lignes) dans `agent/.../outputs/zeus_sidebar_block.html` - CSS (gradient, hover, active, responsive) - JavaScript (`zsGo(target)` qui appelle `showTab(name)` existant) - Compatible avec ZEUS actuel (ne casse pas les tabs en haut) **Pas déployé** car Vivien a dit « ne refonds pas tout ZEUS, fusionne juste tes idées ». --- ## 🚦 Décision attendue À Vivien de trancher quand il revient : - **A)** On déploie la sidebar (snapshot Mona Lisa garanti, retour arrière trivial) - **B)** On la garde en sandbox, on déploie en `/statique/_sandbox/atelier/zeus_v2_sidebar.html` pour test isolé - **C)** On l'oublie, on enrichit juste les tabs **Ma reco** : **B** d'abord (test isolé en sandbox), puis si Vivien valide, on copie dans le ZEUS officiel. --- ## 📝 Phases d'implémentation (si validé) 1. Snapshot Mona Lisa de ZEUS (15 sec) 2. Insérer le bloc HTML+CSS+JS au début du `` (5 min) 3. Tester en local (recharger ZEUS) 4. Si OK, c'est en production. Si pas OK, restaurer depuis snapshot. → **Implémentation rapide une fois validée** (< 10 min total). --- ## 🔗 Liens - Code maquette : `agent/.../outputs/zeus_sidebar_block.html` - Inspiration source : `01_SERVEUR/NEXUS/Cockpit/index.html` (sidebar Xbox-style ligne 1326) --- **Statut** : 🛠️ Code prêt, attente validation Vivien.