📝 Étape 11.5 — Menu contextuel adaptatif (3 contextes) + Garage 3 familles + Cases vides à la demande
- 🧩 Section unifiée .atelier-fusion remplace les 3 démos (mosaic 3 modes / gridstack drag-drop / empty-slots) — tout cohabite
- 🖱️ Menu contextuel clic-droit étendu aux .at-tile via event delegation (ligne 4704) — 11 actions disponibles dans l'atelier
- 🎯 Actions du menu adaptées à GridStack :
Changer taille→ cycle 2×2 → 3×2 → 3×3 → 4×3 viagrid.update()Widget 2×2→grid.update(item, {w:2,h:2})Masquer→grid.removeWidget()(vraie suppression du layout)Mode aperçu→ cycle hover/permanent/icon avec persistance localStorage partagéeRéinitialiser→ reset layout atelier (avec confirm)Rafraîchir→ reload iframe seule (pas la page entière)Ouvrir / Détacher→ window.open de la preview-frameAjouter→ ouvre le Garage drawer existant
- 🔊 SFX branchés : sfx.play('resize'/'ok'/'close'/'nav'/'open') sur chaque action (cohérent avec le reste du cockpit)
- 📊 logActivity trace les actions atelier (clé "atelier-ctx") pour le suivi futur
- 🛡️ Backwards-compat : les .tile/.hero-card classiques continuent à fonctionner avec leur logique d'origine
- 🗄️ Backup :
index_BACKUP_avant_fusion_2026-05-02.htmlgarde la version pré-fusion - 🔜 Test à faire par toi : Hard-Reload Ctrl+Shift+R sur l'atelier, clic-droit sur une .at-tile, vérifie les 11 actions
- 📌 Phase suivante (après validation) : intégrer les hero-cards + tuiles vagues 1-9 dans le même paradigme atelier
⚡
ZEUS
🗺️
Diagrammes
❤️
API Health
🆕 Démo : drag-and-drop + resize par bord (étape 7)
Glisse les tuiles pour les déplacer · Tire les coins pour redimensionner · Sauvegarde auto en localStorage. Lib : GridStack.js v10 (MIT, téléchargée localement, 0 abonnement).
Tuile A
s3×2 banner
Tuile B
s3×2 widget
Tuile C
s3×2 banner large
Tuile D
s3×2 widget
🆕 Démo : emplacements vides (étape 5c)
Clic droit sur un slot vide → menu contextuel → "Ajouter une tuile" — la nouvelle tuile s'insère dans le format prévu (s1×1 / s2×1 / s2×2 / s3×2)
Ajouter tuile
s1×1 compact
Ajouter tuile
s2×1 banner mini
Ajouter tuile
s2×2 widget
Ajouter tuile
s3×2 banner large
🧩 Démo tuiles — 3 modes d'affichage (Étape 4)
Hover sur une tuile pour voir le bouton ⚙️ — clique pour cycler entre les modes
👁️
permanent = preview live tout le temps
🖱️ hover = preview au passage souris (défaut)
⬛ icon = juste icône + label (économe)
⚡
ZEUS Control
🗺️
Diagrammes C4
❤️
API Health
Plus utilisés cette semaine ›
Clic droit sur une tuile pour agrandir / mode édition / ajouterSystème & surveillance ›
État live · tailles variablesCERBER
:10000 UP
Lié
Xbox Live
Dc Psy KoPaT
ZEUS · contrôle live
457 endpoints
v1.0.9 · 15 tranches
Chronos
Actif
Voix
STT/TTS
Mémoire
3 coll.
Aegis
Protection
Liens & widgets ›
Tuiles qui pointent vers un site, une vidéo, un bloc-notes…
YouTube
▶
Chaîne perso
Playlist · 42 vidéos
Spotify
♫
En cours de lecture
Playlist OLYMPUS · 214 titres
📝 Bloc-notes
« Finir launcher CERBER, tester la bascule, rapport HTML. »
W
Site web
URL custom
Vague 1 — 10 apps commandables ›
Chaque app est live + cliquable + déclenche un endpoint AXIOM (chat 4 · 2026-04-24) — terme technique : widget
👁 God Mode
monté en halo flottant → coin bas-droit de l'écran
monté en halo flottant → coin bas-droit de l'écran