From d5cc0741963fd63ebcaba02221226acfc581cc1d Mon Sep 17 00:00:00 2001
From: Spark <spark@dracodev.net>
Date: Wed, 21 Oct 2026 11:38:33 -0400
Subject: [PATCH] =?UTF-8?q?fix:=20barre=20commune=20v0.1.2=20(palier=20mob?=
 =?UTF-8?q?ile=20resserr=C3=A9)=20(7.74.1)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG.md                  | 12 ++++++++++++
 VERSION                       |  2 +-
 app/main.py                   |  2 +-
 app/templates/_draco_bar.html |  2 +-
 static/css/draco-barre.css    | 21 ++++++++++++++++-----
 5 files changed, 31 insertions(+), 8 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index c4994ac..d707118 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,17 @@
 # Changelog - FlowDeck
 
+## v7.74.1 (2026-10-21) — Barre commune v0.1.2 : palier mobile resserré
+
+### Corrigé
+
+- **Barre d'apps commune v0.1.2** (dracodev-commons, Fusion #17) :
+  au palier ≤ 700 px, la barre ne garde que la marque, l'onglet de
+  l'app courante, les alertes, Spark et l'avatar (spec des barres,
+  § Mobile). Avant, onglets et pastilles domaines entiers faisaient
+  déborder la barre sur téléphone, et le bouton ☰ de la barre s'y
+  doublait du hamburger natif. Correctif CSS seul, snippet figé
+  revandagé à l'identique de la source.
+
 ## v7.74.0 (2026-10-21) — Fusion ACC-3.2 : validation locale draco_session et pont de session
 
 ### Added
diff --git a/VERSION b/VERSION
index c08d15d..37c4fa7 100644
--- a/VERSION
+++ b/VERSION
@@ -1 +1 @@
-7.74.0
+7.74.1
diff --git a/app/main.py b/app/main.py
index 95299cb..bb88492 100644
--- a/app/main.py
+++ b/app/main.py
@@ -192,7 +192,7 @@ async def lifespan(_app: FastAPI):
 
 app = FastAPI(
     title="FlowDeck",
-    version="7.74.0",
+    version="7.74.1",
     docs_url="/docs",
     redoc_url="/redoc",
     lifespan=lifespan,
diff --git a/app/templates/_draco_bar.html b/app/templates/_draco_bar.html
index cc7ebd4..f75da09 100644
--- a/app/templates/_draco_bar.html
+++ b/app/templates/_draco_bar.html
@@ -1,5 +1,5 @@
 {# Barre d'apps commune dracodev — Fusion ACC-1.1 (issue #17).
-   Snippet FIGÉ vendangé depuis Projets/dracodev-commons v0.1.0
+   Snippet FIGÉ vendangé depuis Projets/dracodev-commons v0.1.2
    (ui/barre-apps/) : ne pas modifier la structure ici ; toute évolution
    passe par une nouvelle version de commons.
    CSS/JS : /static/css/draco-barre.css, /static/js/vendor/draco-barre.js. #}
diff --git a/static/css/draco-barre.css b/static/css/draco-barre.css
index 02b1488..9014a47 100644
--- a/static/css/draco-barre.css
+++ b/static/css/draco-barre.css
@@ -1,4 +1,5 @@
-/* Barre d'apps commune dracodev — v0.1.0 (bloc 0, ACC-0.2)
+/* Barre d'apps commune dracodev — v0.1.0 (bloc 0, ACC-0.2) ;
+   v0.1.2 : palier mobile resserré selon la spec (voir @media 700px).
    Jetons repris du prototype validé Console v7.2.
    Thème : clair par défaut, sombre via [data-theme="dark"] sur <html>
    ou prefers-color-scheme si l'app intégratrice ne force rien. */
@@ -120,8 +121,18 @@
   .draco-bar-droite { justify-content: flex-end; }
 }
 @media (max-width: 700px) {
-  /* Mobile : la barre du haut se condense ; la navigation d'apps passe
-     en barre basse propre à chaque app (patron du prototype v5+). */
-  .draco-apptabs, .draco-domaines-lbl { display: none; }
-  .draco-bar { height: 52px; }
+  /* Mobile (spec des barres, § Mobile) : la barre se resserre sur
+     l'essentiel — marque, onglet de l'app courante, alertes, Spark,
+     avatar. Le rail, la recherche, les domaines et le menu « ••• »
+     disparaissent : chaque app garde ses contrôles natifs (barre
+     basse, en-tête) — un seul hamburger visible, celui de l'app.
+     (v0.1.2 — avant, les onglets entiers et les pastilles domaines
+     restaient affichés et la barre débordait sur téléphone.) */
+  .draco-bar { height: 52px; grid-template-columns: auto 1fr auto; }
+  .draco-bar-centre, .draco-domaines, .draco-bar .draco-icon-btn { display: none; }
+  .draco-apptab { display: none; }
+  .draco-bar[data-current="obsigate"] .draco-apptab[data-app="obsigate"],
+  .draco-bar[data-current="flowdeck"] .draco-apptab[data-app="flowdeck"],
+  .draco-bar[data-current="tiktak"] .draco-apptab[data-app="tiktak"],
+  .draco-bar[data-current="kanbante"] .draco-apptab[data-app="kanbante"] { display: flex; }
 }