Merge pull request 'ObsiGate 2.82.7 : barre v0.1.11 — marque monochrome, anneau avatar' (#56 ) from barre-v0111-2-82-7 into main

ObsiGate 2.82.7 : étoile Spark monochrome pour la marque de la barre
ObsiGate 2.82.7 : barre v0.1.11, marque monochrome + anneau avatar (tests/test_draco_barre.py)
2026-10-29 23:10:14 -04:00 · 2026-10-29 23:10:00 -04:00 · 2026-10-29 23:09:59 -04:00 · 2026-10-29 23:09:57 -04:00 · 2026-10-29 23:09:55 -04:00 · 2026-10-29 23:09:53 -04:00
21 changed files with 212 additions and 126 deletions
@@ -6,7 +6,7 @@ Format basé sur [Keep a Changelog](https://keepachangelog.com/fr/1.1.0/),
 et [Semantic Versioning](https://semver.org/spec/v2.0.0.html).

 > **En cours de développement** : les changements à venir sont listés dans la section
-> [Unreleased](#unreleased). La dernière version livrée est **2.82.3**.
+> [Unreleased](#unreleased). La dernière version livrée est **2.82.7**.

 ---

@@ -14,6 +14,26 @@ et [Semantic Versioning](https://semver.org/spec/v2.0.0.html).

 ---

+## [2.82.7] — 2026-10-29
+
+- **Barre commune (dracodev-commons v0.1.11 vendangée)** : la marque de la barre n'est plus le logo rouge — c'est l'étoile Spark monochrome (`frontend/img/brand-spark.png`, servi en `/static/img/brand-spark.png`, 26 px), blanche sur barre foncée et noire sur barre claire : ObsiGate pose déjà `data-theme` sur `<html>` (sombre par défaut, mode persisté), donc la règle vendangée `[data-theme="dark"] .draco-bar .draco-brand-mark img { filter: none; }` s'applique directement et aucune surcharge propre n'est nécessaire. L'onglet Console Spark (et son entrée de menu, qui le clone) GARDE le logo rouge. Le bouton avatar Spark flottant bas-centre gagne un anneau rouge `#c00000` (bordure 3 px, `var(--agent)`), via le CSS vendangé.
+- **Pages concernées** : la barre est rendue en ligne dans `frontend/index.html` et dans sa copie de `frontend/recherche.html` — les deux sont portées à la v0.1.11 ; `frontend/draco-barre.css` remplacé verbatim par la v0.1.11, `frontend/draco-barre.js` inchangé (identique à commons, lui-même inchangé en v0.1.11). Le reste de l'intégration est inchangé. Précision : sur `/recherche`, copie statique, le bouton flottant y est visuel seulement, comme au lot précédent — l'ouverture du panneau vit dans la SPA.
+
+## [2.82.6] — 2026-10-29
+
+- **Barre commune (dracodev-commons v0.1.10 vendangée)** : le rose Spark `#c2437e` disparaît de la barre — `--agent` passe au rouge Spark `#c00000` (échantillonné dans le logo Spark), l'onglet Console Spark passe à `--app #c00000`, et la marque ✦ devient le logo Spark (26 px). Le bouton « Spark » rose de la barre est supprimé, remplacé par le bouton avatar Spark flottant bas-centre (cercle personnage, `frontend/img/avatar-spark.png`, servi en `/static/img/avatar-spark.png`, `data-act="spark"` → panneau Spark de l'hôte, comme l'ancien bouton). Le bouton Alertes n'affiche plus que la cloche (pastille conservée), donc une barre plus étroite.
+- **Pages concernées** : la barre est rendue en ligne dans `frontend/index.html` et dans sa copie de `frontend/recherche.html` — les deux sont portées à la v0.1.10 ; `frontend/draco-barre.css` remplacé verbatim par la v0.1.10, `frontend/draco-barre.js` inchangé (identique à commons v0.1.9, lui-même inchangé en v0.1.10). Le reste de l'intégration (URL, `DRACO_URLS`, actions, compteurs) est inchangé. Précision : sur `/recherche`, copie statique, le panneau Spark n'est pas rejoué (comme avant) — le bouton flottant y est visuel, l'ouverture du panneau vit dans la SPA.
+
+## [2.82.5] — 2026-10-29
+
+- **Barre commune (dracodev-commons v0.1.9 vendangée)** : les 5 tuiles des onglets — et donc du menu de la marque, qui les clone — sont désormais les logos fournis, tels quels, jamais redessinés : ObsiGate (arbre), Flowdeck (cartes), TikTak (logo officiel SVG), Kanbante (cycle vert), Console Spark (étoile rouge validée). Fichiers dans `frontend/img/logos/` (copie de `ui/barre-apps/logos/` de commons, PNG 180 px), servis en `/static/img/logos/` ; l'entrée « Console Spark » du menu clone l'icône de l'onglet agent (`draco-barre.js`) ; onglet agent passé à `--app #d21f2c`. Les glyphes texte ▤/▦/✓/▥/✦ disparaissent des onglets (marque ✦, bouton Spark et rappel d'en-tête inchangés).
+- **Pages concernées** : la barre est rendue en ligne dans `frontend/index.html` et dans sa copie de `frontend/recherche.html` — les deux sont portées à la v0.1.9, `draco-barre.js` et `draco-barre.css` remplacés verbatim (les fichiers précédents étaient identiques à l'octet près à ceux de commons avant la v0.1.9, aucune adaptation locale perdue). Le reste de l'intégration (URL, `DRACO_URLS`, actions, compteurs) est inchangé.
+
+## [2.82.4] — 2026-10-28
+
+- **Recherche (PR #52)** : texte parasite du mécanisme de thème retiré du haut de la page `/recherche` (lignes 28-43 de `frontend/recherche.html`, hors commentaire).
+- **Démarrage (PR #53)** : écran de chargement plein écran `#boot-splash` retiré au démarrage d'ObsiGate (CSS, div et script de pilotage), sans écran de remplacement.
+
 ## [2.82.3] — 2026-10-28

 - **Recherche (PR #49)** : la page `/recherche` applique désormais le thème ObsiGate.
@@ -1 +1 @@
-2.82.3
+2.82.7
@@ -2626,7 +2626,7 @@ dependencies = [

 [[package]]
 name = "obsigate-desktop"
-version = "2.82.3"
+version = "2.82.4"
 dependencies = [
 "chrono",
 "env_logger",
@@ -1,6 +1,6 @@
 [package]
 name = "obsigate-desktop"
-version = "2.82.3"
+version = "2.82.4"
 description = "ObsiGate Desktop — Porte d'entrée native pour vos vaults Obsidian"
 authors = ["Bruno Charest"]
 edition = "2021"
@@ -1,7 +1,7 @@
 {
  "$schema": "https://raw.githubusercontent.com/nicedoc/obsigate/main/desktop/tauri.conf.schema.json",
  "productName": "ObsiGate",
-  "version": "2.82.3",
+  "version": "2.82.4",
  "identifier": "com.obsigate.desktop",
  "build": {
    "frontendDist": "../frontend",
@@ -1,6 +1,6 @@
 # ObsiGate — Roadmap

-> **Version :** 2.82.3 | **Dernière mise à jour :** 2026-10-28
+> **Version :** 2.82.4 | **Dernière mise à jour :** 2026-10-28
 > **Ce fichier ne contient que le travail à venir** (🔵 En cours + ⚪ Backlog) et un index compact
 > vers les fonctionnalités livrées.
 > - **Méthode de livraison à appliquer pour toute tâche : [DELIVERY_WORKFLOW.md](./DELIVERY_WORKFLOW.md)**
@@ -7,6 +7,11 @@
   menu des applications) ; l'avatar est un vrai <button>.
   Correctif fusion #70 (SANS bump) : bouton trois points et menu par
   défaut supprimés ; le menu de la marque gagne « Console Spark ».
+   v0.1.10 : rose --agent → rouge Spark #c00000 ; marque = logo Spark ;
+   bouton Spark supprimé (remplacé par l'avatar flottant bas-centre) ;
+   Alertes icône seule.
+   v0.1.11 : marque = étoile Spark monochrome (blanche barre foncée,
+   noire barre claire) ; anneau rouge #c00000 autour de l'avatar flottant.
   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. */
@@ -14,7 +19,7 @@
 .draco-bar {
  --bg: #f2f2f0; --surface: #ffffff; --surface-2: #e9eae6; --surface-3: #f6f6f3;
  --ink: #1b1d1a; --ink-2: #5c615a; --ink-3: #787d75; --line: #dedfd9;
-  --agent: #c2437e; --danger: #cf4444;
+  --agent: #c00000; --danger: #cf4444;
  position: relative;
  height: 60px; box-sizing: border-box;
  display: grid; grid-template-columns: auto minmax(200px, 520px) auto;
@@ -37,7 +42,15 @@
 .draco-brand { display: flex; align-items: center; gap: 7px; color: var(--ink); text-decoration: none; font-weight: 800; cursor: pointer; border-radius: 10px; padding: 4px 6px; margin: -4px -6px; }
 .draco-brand:hover { background: var(--surface-2); }
 .draco-brand:focus-visible { outline: 2px solid var(--agent); outline-offset: 2px; }
-.draco-brand-mark { color: var(--agent); font-size: 24px; line-height: 1; }
+.draco-brand-mark { line-height: 0; }
+/* Marque monochrome v0.1.11 : étoile blanche extraite du logo rouge,
+   fond transparent — noire sur barre claire (filtre), blanche sur
+   barre foncée (filtre annulé par les règles thème ci-dessous). */
+.draco-brand-mark img { width: 26px; height: 26px; object-fit: cover; display: block; filter: brightness(0); }
+@media (prefers-color-scheme: dark) {
+  .draco-bar .draco-brand-mark img { filter: none; }
+}
+[data-theme="dark"] .draco-bar .draco-brand-mark img { filter: none; }

 /* Menu des applications — construit par le JS depuis les onglets */
 .draco-apps-menu {
@@ -94,6 +107,13 @@
  width: 30px; height: 30px; flex: none; display: grid; place-items: center;
  border-radius: 9px; background: var(--app); color: #fff; font-size: 15px;
 }
+/* Icônes logos (2026-10-29, corrigé le même jour) : l'image du logo
+ * fourni, telle quelle, remplit la tuile 30 px — jamais de glyphe
+ * texte, jamais de redessin. Le fond de la tuile est transparent :
+ * les logos PNG portent déjà leur fond (dégradé), le SVG TikTak
+ * reste sur le fond de la barre. */
+.draco-apptab-ico { background: transparent; }
+.draco-apptab-ico img { width: 30px; height: 30px; display: block; border-radius: 9px; object-fit: cover; }
 .draco-apptab-txt { display: none; flex-direction: column; line-height: 1.15; }
 .draco-apptab-txt strong { font-size: 14px; font-weight: 700; }
 .draco-apptab-txt small { font-size: 11.5px; color: var(--ink-2); }
@@ -131,18 +151,23 @@

 /* Alertes — la cloche ne disparaît JAMAIS (correctif v7.2) */
 .draco-alertes {
-  position: relative; display: flex; align-items: center; gap: 7px; height: 38px;
-  padding: 0 11px; border-radius: 10px; border: 1px solid var(--line);
+  position: relative; display: flex; align-items: center; height: 38px;
+  padding: 0 9px; border-radius: 10px; border: 1px solid var(--line);
  background: transparent; color: var(--ink); font: inherit; cursor: pointer;
 }

-/* Spark */
-.draco-spark {
-  position: relative; display: flex; align-items: center; gap: 7px; height: 38px;
-  padding: 0 14px; border: 0; border-radius: 10px; cursor: pointer;
-  background: var(--agent); color: #fff; font: inherit; font-weight: 700;
+/* Bouton avatar Spark flottant — bas-centre, ouvre le panneau Spark
+   de l'hôte via data-act="spark" (délégation globale existante).
+   La console Spark ne l'inclut pas : son fragment est propre. */
+.draco-spark-flottant {
+  position: fixed; left: 50%; bottom: 20px; transform: translateX(-50%);
+  z-index: 65; width: 64px; height: 64px; padding: 0; border: 0;
+  border-radius: 50%; background: transparent; cursor: pointer;
+  box-shadow: 0 8px 28px rgb(0 0 0 / .45);
 }
-.draco-spark .draco-badge { border-color: var(--agent); }
+.draco-spark-flottant img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; display: block; box-sizing: border-box; border: 3px solid var(--agent); }
+.draco-spark-flottant:hover { transform: translateX(-50%) scale(1.05); }
+.draco-spark-flottant:focus-visible { outline: 2px solid var(--agent); outline-offset: 3px; }

 .draco-icon-btn {
  width: 38px; height: 38px; border-radius: 10px; border: 1px solid transparent;
@@ -169,7 +194,7 @@
  .draco-bar { grid-template-columns: auto minmax(200px, 440px) auto; }
 }
@media (max-width: 1200px) {
-  .draco-search-txt, .draco-search kbd, .draco-alertes-txt, .draco-spark-txt { display: none; }
+  .draco-search-txt, .draco-search kbd { display: none; }
  .draco-search { width: 38px; padding: 0; justify-content: center; }
  .draco-bar { grid-template-columns: auto auto 1fr; }
  .draco-bar-droite { justify-content: flex-end; }
@@ -369,7 +369,10 @@
     * de l'agent commun (URL agent résolue — explicite > -dev >
     * défaut prod ; aucun hôte spark-dev inventé). data-app="agent"
     * l'intègre à refreshMenuHrefs/applyUrls/setCurrent comme les
-     * autres items ; l'icône ✦ reprend la couleur agent du CSS. */
+     * autres items ; son icône CLONE celle de l'onglet agent
+     * (2026-10-29, logos barre-apps, corrigé le même jour) : le logo
+     * fourni, tel quel, jamais redessiné — le CSS --agent (rose) des
+     * autres éléments de la barre n'est pas changé ici. */
    var sep = document.createElement("div");
    sep.className = "draco-menu-sep";
    sep.setAttribute("aria-hidden", "true");
@@ -379,10 +382,18 @@
    sparkItem.href = resolvedUrls.agent || "#";
    sparkItem.dataset.app = "agent";
    sparkItem.setAttribute("role", "menuitem");
-    var sparkIco = document.createElement("span");
-    sparkIco.className = "draco-apptab-ico";
-    sparkIco.setAttribute("style", "--app:#c2437e");
-    sparkIco.textContent = "✦";
+    var sparkIco;
+    var agentTab = document.querySelector('.draco-apptab[data-app="agent"]');
+    var agentIco = agentTab ? agentTab.querySelector(".draco-apptab-ico") : null;
+    if (agentIco) {
+      sparkIco = agentIco.cloneNode(true);
+    } else {
+      sparkIco = document.createElement("span");
+      sparkIco.className = "draco-apptab-ico";
+      sparkIco.setAttribute("style", "--app:#d21f2c");
+      sparkIco.setAttribute("data-icon", "agent");
+      sparkIco.textContent = "✦";
+    }
    sparkItem.appendChild(sparkIco);
    var sparkTxt = document.createElement("span");
    sparkTxt.className = "draco-apps-item-txt";
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240">
+  <!-- TikTak — deux arcs (les deux temps), coche-flèche. Bleu #0076fb, orange #fc750c.
+       Géométrie mesurée sur le visuel validé par Bruno (variante B). -->
+  <path d="M 38.2 101.1 A 84 84 0 0 1 201.8 101.1" fill="none" stroke="#0076fb" stroke-width="28" stroke-linecap="round"/>
+  <path d="M 201.5 140.3 A 84 84 0 0 1 38.5 140.3" fill="none" stroke="#fc750c" stroke-width="28" stroke-linecap="round"/>
+  <polyline points="80,129 106,146 163,84" fill="none" stroke="#0076fb" stroke-width="24" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M 128 80 L 163 84 L 167 122" fill="none" stroke="#0076fb" stroke-width="22" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
@@ -47,33 +47,6 @@
            href="/static/icons/icon-192x192.svg"
        />

-        <!-- Boot splash CSS — inline so it applies BEFORE /static/style.css is
-             available (desktop: embedded page served from tauri:// has no /static) -->
-        <style id="boot-splash-css">
-            body:not(.app-booted) > *:not(#boot-splash) { display: none !important; }
-            #boot-splash {
-                position: fixed; inset: 0; z-index: 2147483647;
-                display: flex; align-items: center; justify-content: center;
-                background: radial-gradient(1200px 600px at 50% -10%, #26272b 0%, #17181a 60%);
-                color: #eceeeb; font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
-            }
-            body.app-booted #boot-splash { display: none; }
-            .bs-card { display: flex; flex-direction: column; align-items: center; gap: 14px; }
-            .bs-logo {
-                width: 72px; height: 72px; display: flex; align-items: center; justify-content: center;
-                font-size: 38px; background: #1f2023; border: 1px solid #33353a; border-radius: 18px;
-                box-shadow: 0 8px 30px rgba(0, 0, 0, 0.45);
-            }
-            .bs-title { font-size: 22px; font-weight: 600; letter-spacing: 0.3px; }
-            .bs-spinner {
-                width: 34px; height: 34px; border-radius: 50%;
-                border: 3px solid rgba(124, 58, 237, 0.25); border-top-color: #7c3aed;
-                animation: bs-spin 0.9s linear infinite;
-            }
-            @keyframes bs-spin { to { transform: rotate(360deg); } }
-            .bs-status { font-size: 13px; color: #9aa3b2; min-height: 18px; }
-            @media (prefers-reduced-motion: reduce) { .bs-spinner { animation-duration: 1.8s; } }
-        </style>
        <link rel="stylesheet" href="/static/style.css" />
        <link rel="stylesheet" href="/static/draco-barre.css" />
        <link rel="stylesheet" href="/static/draco-alertes.css" />
@@ -89,7 +62,7 @@
            id="hljs-theme-light"
            disabled
        />
-        <!-- defer: ne bloque pas le premier paint (le splash inline s'affiche immédiatement) -->
+        <!-- defer: ne bloque pas le premier paint -->
        <script defer src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
        <!-- Langues highlight.js hors bundle "common" (enregistrement auto apres le core) -->
        <script defer src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/dockerfile.min.js"></script>
@@ -226,44 +199,6 @@
        </script>
    </head>
    <body class="has-draco-bar">
-        <!-- Boot splash : visible tant que l'app n'a pas booté avec son CSS.
-             Sur desktop, la page embarquée (tauri://) n'a pas /static/style.css →
-             sans ce splash, le squelette HTML brut serait visible pendant le
-             démarrage du backend (FOUC 3-10 s). Styles 100% inline. -->
-        <div id="boot-splash" role="status" aria-live="polite">
-            <div class="bs-card">
-                <div class="bs-logo">📖</div>
-                <div class="bs-title">ObsiGate</div>
-                <div class="bs-spinner" aria-hidden="true"></div>
-                <div class="bs-status" id="boot-splash-status">Démarrage…</div>
-            </div>
-        </div>
-        <script>
-            (function () {
-                var done = false;
-                function bootReady() {
-                    if (done) return;
-                    done = true;
-                    document.body.classList.add("app-booted");
-                    var s = document.getElementById("boot-splash");
-                    if (s && s.parentNode) s.parentNode.removeChild(s);
-                }
-                window.__obsigateBootReady = bootReady;
-                window.__setBootStatus = function (txt) {
-                    var el = document.getElementById("boot-splash-status");
-                    if (el) el.textContent = txt;
-                };
-                var poll = setInterval(function () {
-                    if (window.__OBSIGATE_BOOTED) { clearInterval(poll); bootReady(); }
-                }, 80);
-                // Filet de sécurité : si le CSS principal a chargé (origine backend réelle)
-                // mais que le JS a échoué, révéler l'app après 10 s au lieu d'un splash infini.
-                setTimeout(function () {
-                    var link = document.querySelector('link[href*="style.css"]');
-                    if (link && link.sheet) { clearInterval(poll); bootReady(); }
-                }, 10000);
-            })();
-        </script>
        <div class="search-progress-bar" id="search-progress-bar">
            <div class="search-progress-bar__fill"></div>
        </div>
@@ -333,10 +268,26 @@

        <!-- Main Application (wrapped for show/hide) -->
        <!-- Barre d'apps commune dracodev — Fusion #215 (ACC-1.1).
-             Snippet FIGÉ vendangé depuis Projets/dracodev-commons v0.1.6
+             Snippet FIGÉ vendangé depuis Projets/dracodev-commons v0.1.11
             (ui/barre-apps/) : ne pas modifier la structure ici ; toute
             évolution passe par une nouvelle version de commons.
             CSS/JS : /static/draco-barre.css, /static/draco-barre.js.
+             Icônes logos v0.1.9 (2026-10-29) : les 5 tuiles sont les logos
+             fournis, tels quels, servis depuis /static/img/logos/ (copie de
+             ui/barre-apps/logos/ de dracodev-commons) ; l'entrée « Console Spark »
+             du menu clone l'icône de l'onglet agent (draco-barre.js).
+             v0.1.10 (2026-10-29) : --agent rose → rouge Spark #c00000, marque ✦
+             → logo Spark 26 px, bouton Spark rose supprimé (remplacé par
+             l'avatar flottant bas-centre /static/img/avatar-spark.png,
+             data-act="spark" → panneau Spark), Alertes = cloche seule.
+             v0.1.11 (2026-10-29) : marque → étoile Spark monochrome
+             /static/img/brand-spark.png 26 px (blanche sur barre foncée
+             via [data-theme="dark"] d'ObsiGate, noire sur barre claire
+             via le filtre brightness(0) du CSS vendangé — aucune
+             surcharge propre nécessaire, la barre suit déjà
+             data-theme) ; onglet agent GARDANT le logo rouge ;
+             anneau rouge #c00000 (bordure 3 px) autour de l'avatar
+             flottant, via le CSS vendangé.
             Chantier 5 (fusion #69/#71, sans bump) : 5e onglet Console Spark
             (data-app="agent", défaut prod ; la réécriture DRACO_URLS
             couvre la clé "agent" comme les autres onglets), après Kanbante ;
@@ -345,29 +296,29 @@
            <div class="draco-bar-zone draco-bar-gauche">
                <button type="button" class="draco-icon-btn" data-act="rail" aria-label="Barre latérale">☰</button>
                <a class="draco-brand" href="/" data-act="apps" aria-haspopup="true" aria-expanded="false" aria-label="dracodev — changer d&#39;application" title="Changer d&#39;application">
-                    <span class="draco-brand-mark">✦</span><span class="draco-brand-name">dracodev</span>
+                    <span class="draco-brand-mark"><img src="/static/img/brand-spark.png" alt="" width="26" height="26"></span><span class="draco-brand-name">dracodev</span>
                </a>
                <nav class="draco-apptabs" aria-label="Applications">
                    <a class="draco-apptab" data-app="obsigate" href="https://og.dracodev.net/">
-                        <span class="draco-apptab-ico" style="--app:#7a5af5">▤</span>
+                        <span class="draco-apptab-ico" style="--app:#7a5af5" data-icon="obsigate"><img src="/static/img/logos/obsigate.png" alt="ObsiGate" width="30" height="30"></span>
                        <span class="draco-apptab-txt"><strong>ObsiGate</strong><small>Notes</small></span>
                    </a>
                    <a class="draco-apptab" data-app="flowdeck" href="https://flowdeck.dracodev.net/">
-                        <span class="draco-apptab-ico" style="--app:#2f6fed">▦</span>
+                        <span class="draco-apptab-ico" style="--app:#2f6fed" data-icon="flowdeck"><img src="/static/img/logos/flowdeck.png" alt="Flowdeck" width="30" height="30"></span>
                        <span class="draco-apptab-txt"><strong>Flowdeck</strong><small>Projets</small></span>
                    </a>
                    <a class="draco-apptab" data-app="tiktak" href="https://tiktak.dracodev.net/">
-                        <span class="draco-apptab-ico" style="--app:#e8762c">✓</span>
+                        <span class="draco-apptab-ico" style="--app:#e8762c" data-icon="tiktak"><img src="/static/img/logos/tiktak.svg" alt="TikTak" width="30" height="30"></span>
                        <span class="draco-apptab-txt"><strong>TikTak</strong><small>Tâches</small></span>
                        <span class="draco-badge" data-badge="tiktak" hidden>0</span>
                    </a>
                    <a class="draco-apptab" data-app="kanbante" href="https://kanbante.dracodev.net/">
-                        <span class="draco-apptab-ico" style="--app:#0d9488">▥</span>
+                        <span class="draco-apptab-ico" style="--app:#0d9488" data-icon="kanbante"><img src="/static/img/logos/kanbante.png" alt="Kanbante" width="30" height="30"></span>
                        <span class="draco-apptab-txt"><strong>Kanbante</strong><small>Kanban</small></span>
                        <span class="draco-badge" data-badge="kanbante" hidden>0</span>
                    </a>
                    <a class="draco-apptab" data-app="agent" href="https://agent.dracodev.net/">
-                        <span class="draco-apptab-ico" style="--app:#c2437e">✦</span>
+                        <span class="draco-apptab-ico" style="--app:#c00000" data-icon="agent"><img src="/static/img/logos/spark.png" alt="Console Spark" width="30" height="30"></span>
                        <span class="draco-apptab-txt"><strong>Console Spark</strong><small>Agent commun</small></span>
                    </a>
                </nav>
@@ -388,17 +339,13 @@
                </div>
                <button type="button" class="draco-alertes" data-act="alertes" aria-label="Alertes unifiées">
                    <svg viewBox="0 0 24 24" width="19" height="19" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9"/><path d="M10.3 21a1.94 1.94 0 0 0 3.4 0"/></svg>
-                    <span class="draco-alertes-txt">Alertes</span>
                    <span class="draco-badge" data-badge="alertes" hidden>0</span>
                </button>
-                <button type="button" class="draco-spark" data-act="spark" aria-label="Ouvrir Spark, l'agent commun">
-                    <span class="draco-spark-ico">✦</span><span class="draco-spark-txt">Spark</span>
-                    <span class="draco-badge" data-badge="spark" hidden>0</span>
-                </button>
                <button type="button" class="draco-avatar" id="draco-avatar" data-act="compte" aria-label="Compte" aria-haspopup="menu" aria-expanded="false" title="">✦</button>
            </div>
        </header>
        <div class="draco-bar-rappel" data-act="rappel-entete" hidden>✦ dracodev — afficher l'en-tête</div>
+        <button type="button" class="draco-spark-flottant" data-act="spark" aria-label="Ouvrir Spark, l'agent commun"><img src="/static/img/avatar-spark.png" alt="" width="64" height="64"></button>
        <script>
            /* Configuration ObsiGate de la barre commune (Fusion #215).
               Phase 1 : navigation entre apps et domaine mémorisé
@@ -120,16 +120,8 @@ async function init() {
 }

 document.addEventListener("DOMContentLoaded", async () => {
-  try {
-    await init();
-    Sync.init();
-  } finally {
-    // Signale au splash de démarrage (index.html #boot-splash) que l'app est
-    // initialisée : le splash est retiré et le squelette stylé révélé.
-    // Set AFTER init() resolves so every handler (search, tabs, …) is bound.
-    window.__OBSIGATE_BOOTED = true;
-    if (typeof window.__obsigateBootReady === "function") window.__obsigateBootReady();
-  }
+  await init();
+  Sync.init();
  // Show version in header — always visible, fallback before the async fetch
    populateVersions();
    fetch('/api/health')
@@ -14,7 +14,7 @@
       retomberait sur les défauts prod (les jetons sont ignorés par
       le JS) — jamais d'URL inventée.
       La barre ci-dessous est une copie statique du snippet figé de
-       index.html (commons v0.1.6 + chantier 5 fusion #69/#71, sans
+       index.html (commons v0.1.11 + chantier 5 fusion #69/#71, sans
       bump) : les onglets sont des liens réels, le bouton central
       replace le curseur dans la boîte (recherche.js,
       clic data-act="palette"). Re-vendoring alignement recherche :
@@ -58,29 +58,29 @@
    <div class="draco-bar-zone draco-bar-gauche">
      <button type="button" class="draco-icon-btn" data-act="rail" aria-label="Barre latérale">☰</button>
      <a class="draco-brand" href="/" data-act="apps" aria-haspopup="true" aria-expanded="false" aria-label="dracodev — changer d'application" title="Changer d'application">
-        <span class="draco-brand-mark">✦</span><span class="draco-brand-name">dracodev</span>
+        <span class="draco-brand-mark"><img src="/static/img/brand-spark.png" alt="" width="26" height="26"></span><span class="draco-brand-name">dracodev</span>
      </a>
      <nav class="draco-apptabs" aria-label="Applications">
        <a class="draco-apptab" data-app="obsigate" href="{{URL_OBSIGATE}}">
-          <span class="draco-apptab-ico" style="--app:#7a5af5">▤</span>
+          <span class="draco-apptab-ico" style="--app:#7a5af5" data-icon="obsigate"><img src="/static/img/logos/obsigate.png" alt="ObsiGate" width="30" height="30"></span>
          <span class="draco-apptab-txt"><strong>ObsiGate</strong><small>Notes</small></span>
        </a>
        <a class="draco-apptab" data-app="flowdeck" href="{{URL_FLOWDECK}}">
-          <span class="draco-apptab-ico" style="--app:#2f6fed">▦</span>
+          <span class="draco-apptab-ico" style="--app:#2f6fed" data-icon="flowdeck"><img src="/static/img/logos/flowdeck.png" alt="Flowdeck" width="30" height="30"></span>
          <span class="draco-apptab-txt"><strong>Flowdeck</strong><small>Projets</small></span>
        </a>
        <a class="draco-apptab" data-app="tiktak" href="{{URL_TIKTAK}}">
-          <span class="draco-apptab-ico" style="--app:#e8762c">✓</span>
+          <span class="draco-apptab-ico" style="--app:#e8762c" data-icon="tiktak"><img src="/static/img/logos/tiktak.svg" alt="TikTak" width="30" height="30"></span>
          <span class="draco-apptab-txt"><strong>TikTak</strong><small>Tâches</small></span>
          <span class="draco-badge" data-badge="tiktak" hidden>0</span>
        </a>
        <a class="draco-apptab" data-app="kanbante" href="{{URL_KANBANTE}}">
-          <span class="draco-apptab-ico" style="--app:#0d9488">▥</span>
+          <span class="draco-apptab-ico" style="--app:#0d9488" data-icon="kanbante"><img src="/static/img/logos/kanbante.png" alt="Kanbante" width="30" height="30"></span>
          <span class="draco-apptab-txt"><strong>Kanbante</strong><small>Kanban</small></span>
          <span class="draco-badge" data-badge="kanbante" hidden>0</span>
        </a>
        <a class="draco-apptab" data-app="agent" href="{{URL_AGENT}}">
-          <span class="draco-apptab-ico" style="--app:#c2437e">✦</span>
+          <span class="draco-apptab-ico" style="--app:#c00000" data-icon="agent"><img src="/static/img/logos/spark.png" alt="Console Spark" width="30" height="30"></span>
          <span class="draco-apptab-txt"><strong>Console Spark</strong><small>Agent commun</small></span>
        </a>
      </nav>
@@ -101,16 +101,12 @@
      </div>
      <button type="button" class="draco-alertes" data-act="alertes" aria-label="Alertes unifiées">
        <svg viewBox="0 0 24 24" width="19" height="19" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9"/><path d="M10.3 21a1.94 1.94 0 0 0 3.4 0"/></svg>
-        <span class="draco-alertes-txt">Alertes</span>
        <span class="draco-badge" data-badge="alertes" hidden>0</span>
      </button>
-      <button type="button" class="draco-spark" data-act="spark" aria-label="Ouvrir Spark, l'agent commun">
-        <span class="draco-spark-ico">✦</span><span class="draco-spark-txt">Spark</span>
-        <span class="draco-badge" data-badge="spark" hidden>0</span>
-      </button>
      <button type="button" class="draco-avatar" id="draco-avatar" data-act="compte" aria-label="Compte" aria-haspopup="menu" aria-expanded="false" title="">✦</button>
    </div>
  </header>
+  <button type="button" class="draco-spark-flottant" data-act="spark" aria-label="Ouvrir Spark, l'agent commun"><img src="/static/img/avatar-spark.png" alt="" width="64" height="64"></button>
  <div id="app" class="app-container">
    <header class="header">
      <div class="header-left">
@@ -1,6 +1,6 @@
 {
  "name": "obsigate",
-  "version": "2.82.3",
+  "version": "2.82.4",
  "description": "**Porte d'entrée web ultra-léger pour vos vaults Obsidian** — Accédez, naviguez et recherchez dans toutes vos notes Obsidian depuis n'importe quel appareil via une interface web moderne et responsive.",
  "main": "patch.js",
  "directories": {
@@ -34,13 +34,25 @@ def test_palier_mobile_resserre_v012():


 def test_menu_des_applications_par_la_marque():
-    # v0.1.3 : la marque ✦ ouvre le menu des 4 applications
-    # (changement d'app en mobile), logo à 24 px.
+    # v0.1.3 : la marque ouvre le menu des applications
+    # (changement d'app en mobile). v0.1.10 : la marque n'est plus
+    # le glyphe ✦ à 24 px mais le logo Spark en img 26 px.
+    # v0.1.11 : la marque n'est plus le logo rouge mais l'étoile
+    # Spark monochrome (brand-spark.png) ; l'onglet agent, lui,
+    # garde le logo rouge.
    html = _index()
    assert 'data-act="apps"' in html
    js = (FRONTEND / "draco-barre.js").read_text(encoding="utf-8")
    assert "draco-apps-menu" in js
-    assert "font-size: 24px" in _css()
+    assert '<span class="draco-brand-mark"><img src="/static/img/brand-spark.png"' in html
+    assert ".draco-brand-mark img" in _css()
+    assert "width: 26px" in _css()
+    assert "filter: brightness(0)" in _css()
+    assert '[data-theme="dark"] .draco-bar .draco-brand-mark img { filter: none; }' in _css()
+    assert 'data-icon="agent"><img src="/static/img/logos/spark.png"' in html
+    assert "border: 3px solid var(--agent)" in _css()
+    recherche = (FRONTEND / "recherche.html").read_text(encoding="utf-8")
+    assert '<span class="draco-brand-mark"><img src="/static/img/brand-spark.png"' in recherche


 def test_panneau_spark_integre_218():
@@ -0,0 +1,75 @@
+"""Tests — démarrage ObsiGate sans écran de chargement plein écran.
+
+Le splash (``#boot-splash`` dans ``frontend/index.html`` : icône
+livre, titre, spinner, « Démarrage… ») masquait tout le reste de la
+page via ``body:not(.app-booted) > * { display: none !important }``
+jusqu'au signal de ``frontend/js/app.js`` (ou un repli à 10 s).
+Les autres applications (TikTak, Kanbante, Flowdeck, console Spark)
+n'affichent aucun splash de ce type au démarrage : le contenu y
+apparaît dès qu'il est prêt. Le retrait supprime donc l'écran, son
+CSS de masquage, son script de pilotage et le signal côté ``app.js``,
+sans toucher aux indicateurs internes aux vues ni à l'écran de
+connexion.
+"""
+
+from __future__ import annotations
+
+from pathlib import Path
+
+ROOT = Path(__file__).resolve().parent.parent
+FRONTEND = ROOT / "frontend"
+
+MARQUEURS_SPLASH = (
+    "boot-splash",
+    "app-booted",
+    "__OBSIGATE_BOOTED",
+    "__obsigateBootReady",
+    "__setBootStatus",
+    "bs-card",
+    "bs-logo",
+    "bs-title",
+    "bs-spinner",
+    "bs-status",
+    "bs-spin",
+    "Démarrage…",
+)
+
+
+def _index() -> str:
+    return (FRONTEND / "index.html").read_text(encoding="utf-8")
+
+
+def _app_js() -> str:
+    return (FRONTEND / "js" / "app.js").read_text(encoding="utf-8")
+
+
+def test_aucun_marqueur_splash():
+    index = _index()
+    app_js = _app_js()
+    for marqueur in MARQUEURS_SPLASH:
+        assert marqueur not in index, f"{marqueur} encore dans index.html"
+        assert marqueur not in app_js, f"{marqueur} encore dans js/app.js"
+
+
+def test_pas_de_masquage_global_au_demarrage():
+    """Aucune règle ne cache tout le <body> en attendant un signal :
+    sans elle, un chargement lent ne peut plus donner un écran blanc
+    bloqué."""
+    index = _index()
+    assert "body:not(.app-booted)" not in index
+    assert "display: none !important" not in index
+
+
+def test_boot_js_conserve_et_indicateurs_internes_intacts():
+    """Le démarrage SPA reste branché ; seuls le splash et son signal
+    disparaissent. L'écran de connexion et la barre de progression
+    de recherche (indicateurs internes aux vues) ne sont PAS visés."""
+    app_js = _app_js()
+    assert 'document.addEventListener("DOMContentLoaded"' in app_js
+    assert "await init();" in app_js
+    assert "Sync.init();" in app_js
+    assert "populateVersions" in app_js
+    index = _index()
+    assert 'id="login-screen"' in index
+    assert 'id="search-progress-bar"' in index
+    assert 'id="app"' in index
Author	SHA1	Message	Date
bruno	ead3393211	Merge pull request 'ObsiGate 2.82.7 : barre v0.1.11 — marque monochrome, anneau avatar' (#56 ) from barre-v0111-2-82-7 into main CI / lint (push) Failing after 0s Details CI / security (push) Failing after 1s Details CI / test (push) Skipped Details CI / build (push) Skipped Details CI / e2e (push) Skipped Details	2026-10-29 23:10:14 -04:00
bruno	48beb692dc	ObsiGate 2.82.7 : étoile Spark monochrome pour la marque de la barre CI / lint (pull_request) Failing after 0s Details CI / security (pull_request) Failing after 0s Details CI / test (pull_request) Skipped Details CI / build (pull_request) Skipped Details CI / e2e (pull_request) Skipped Details	2026-10-29 23:10:00 -04:00
bruno	fe4b189697	ObsiGate 2.82.7 : barre v0.1.11, marque monochrome + anneau avatar (tests/test_draco_barre.py)	2026-10-29 23:09:59 -04:00
bruno	c1e79d07e4	ObsiGate 2.82.7 : barre v0.1.11, marque monochrome + anneau avatar (CHANGELOG.md)	2026-10-29 23:09:57 -04:00
bruno	5de962b2c6	ObsiGate 2.82.7 : barre v0.1.11, marque monochrome + anneau avatar (VERSION)	2026-10-29 23:09:55 -04:00
bruno	bc150bf225	ObsiGate 2.82.7 : barre v0.1.11, marque monochrome + anneau avatar (frontend/draco-barre.css)	2026-10-29 23:09:53 -04:00
bruno	31b8a86861	ObsiGate 2.82.7 : barre v0.1.11, marque monochrome + anneau avatar (frontend/recherche.html)	2026-10-29 23:09:52 -04:00
bruno	dda60313f0	ObsiGate 2.82.7 : barre v0.1.11, marque monochrome + anneau avatar (frontend/index.html)	2026-10-29 23:09:50 -04:00
bruno	fdf33c0f54	Merge pull request 'ObsiGate 2.82.6 : barre v0.1.10 — rouge Spark, marque logo, avatar flottant, Alertes icône' (#55 ) from barre-logos-2-82-6 into main CI / lint (push) Failing after 0s Details CI / security (push) Failing after 0s Details CI / test (push) Skipped Details CI / build (push) Skipped Details CI / e2e (push) Skipped Details	2026-10-29 22:56:31 -04:00
bruno	92bfd8f0ef	ObsiGate 2.82.6 : avatar Spark flottant (commons v0.1.10) CI / lint (pull_request) Failing after 0s Details CI / security (pull_request) Failing after 0s Details CI / test (pull_request) Skipped Details CI / build (pull_request) Skipped Details CI / e2e (pull_request) Skipped Details	2026-10-29 22:56:13 -04:00
bruno	64973a578b	ObsiGate 2.82.6 : barre v0.1.10 — rouge Spark, marque logo, avatar flottant, Alertes icône (tests/test_draco_barre.py)	2026-10-29 22:56:11 -04:00
bruno	fb5414efbb	ObsiGate 2.82.6 : barre v0.1.10 — rouge Spark, marque logo, avatar flottant, Alertes icône (CHANGELOG.md)	2026-10-29 22:56:09 -04:00
bruno	174cd1c3e7	ObsiGate 2.82.6 : barre v0.1.10 — rouge Spark, marque logo, avatar flottant, Alertes icône (VERSION)	2026-10-29 22:56:07 -04:00
bruno	ee6748c261	ObsiGate 2.82.6 : barre v0.1.10 — rouge Spark, marque logo, avatar flottant, Alertes icône (frontend/draco-barre.css)	2026-10-29 22:56:06 -04:00
bruno	dd0b12213f	ObsiGate 2.82.6 : barre v0.1.10 — rouge Spark, marque logo, avatar flottant, Alertes icône (frontend/recherche.html)	2026-10-29 22:56:04 -04:00
bruno	6195f252d9	ObsiGate 2.82.6 : barre v0.1.10 — rouge Spark, marque logo, avatar flottant, Alertes icône (frontend/index.html)	2026-10-29 22:56:02 -04:00
bruno	397a60663c	Merge pull request 'ObsiGate 2.82.5 : les 5 logos dans le menu et la barre commune' (#54 ) from barre-logos-2-82-5 into main CI / lint (push) Failing after 1s Details CI / security (push) Failing after 0s Details CI / test (push) Skipped Details CI / build (push) Skipped Details CI / e2e (push) Skipped Details	2026-10-29 22:22:58 -04:00
bruno	d792714f4f	ObsiGate 2.82.5 : logo fourni spark.png pour la barre et le menu CI / lint (pull_request) Failing after 1s Details CI / security (pull_request) Failing after 0s Details CI / test (pull_request) Skipped Details CI / build (pull_request) Skipped Details CI / e2e (pull_request) Skipped Details	2026-10-29 22:22:41 -04:00
bruno	65edbc9e6c	ObsiGate 2.82.5 : logo fourni kanbante.png pour la barre et le menu	2026-10-29 22:22:39 -04:00
bruno	95df928035	ObsiGate 2.82.5 : logo fourni tiktak.svg pour la barre et le menu	2026-10-29 22:22:38 -04:00
bruno	78ac84e1cc	ObsiGate 2.82.5 : logo fourni flowdeck.png pour la barre et le menu	2026-10-29 22:22:37 -04:00
bruno	550bcb5cc8	ObsiGate 2.82.5 : logo fourni obsigate.png pour la barre et le menu	2026-10-29 22:22:35 -04:00
bruno	44baa0a273	ObsiGate 2.82.5 : logos barre-apps v0.1.9 dans le menu et la barre (CHANGELOG.md)	2026-10-29 22:22:34 -04:00
bruno	78021d6549	ObsiGate 2.82.5 : logos barre-apps v0.1.9 dans le menu et la barre (VERSION)	2026-10-29 22:22:32 -04:00
bruno	72d8ce39d6	ObsiGate 2.82.5 : logos barre-apps v0.1.9 dans le menu et la barre (frontend/draco-barre.css)	2026-10-29 22:22:30 -04:00
bruno	14dd77094d	ObsiGate 2.82.5 : logos barre-apps v0.1.9 dans le menu et la barre (frontend/draco-barre.js)	2026-10-29 22:22:29 -04:00
bruno	031879889c	ObsiGate 2.82.5 : logos barre-apps v0.1.9 dans le menu et la barre (frontend/recherche.html)	2026-10-29 22:22:27 -04:00
bruno	a5d2e0d085	ObsiGate 2.82.5 : logos barre-apps v0.1.9 dans le menu et la barre (frontend/index.html)	2026-10-29 22:22:25 -04:00
bruno	8403b4fa08	chore(release): v2.82.4 — CHANGELOG.md CI / lint (push) Failing after 2s Details CI / security (push) Failing after 1s Details CI / test (push) Skipped Details CI / build (push) Skipped Details CI / e2e (push) Skipped Details	2026-10-28 18:25:02 -04:00
bruno	757e32229d	chore(release): v2.82.4 — docs/ROADMAP.md CI / lint (push) Failing after 3s Details CI / security (push) Failing after 0s Details CI / test (push) Skipped Details CI / build (push) Skipped Details CI / e2e (push) Skipped Details	2026-10-28 18:24:54 -04:00
bruno	4c995f4c65	chore(release): v2.82.4 — desktop/Cargo.lock CI / lint (push) Failing after 1s Details CI / test (push) Skipped Details CI / build (push) Skipped Details CI / e2e (push) Skipped Details CI / security (push) Successful in 2m4s Details	2026-10-28 18:24:49 -04:00
bruno	c950940e22	chore(release): v2.82.4 — desktop/Cargo.toml CI / security (push) Failing after 2s Details CI / lint (push) Failing after 1s Details CI / test (push) Skipped Details CI / build (push) Skipped Details CI / e2e (push) Skipped Details	2026-10-28 18:24:41 -04:00
bruno	858dfd22e1	chore(release): v2.82.4 — desktop/tauri.conf.json CI / lint (push) Failing after 2s Details CI / security (push) Failing after 1s Details CI / test (push) Skipped Details CI / build (push) Skipped Details CI / e2e (push) Skipped Details	2026-10-28 18:24:36 -04:00
bruno	ab4a4dbd9d	chore(release): v2.82.4 — package.json CI / lint (push) Failing after 3s Details CI / test (push) Skipped Details CI / build (push) Skipped Details CI / e2e (push) Skipped Details CI / security (push) Successful in 2m5s Details	2026-10-28 18:24:29 -04:00
bruno	0bc1aca9bc	chore(release): v2.82.4 — VERSION CI / security (push) Failing after 2s Details CI / lint (push) Failing after 2s Details CI / test (push) Skipped Details CI / build (push) Skipped Details CI / e2e (push) Skipped Details	2026-10-28 18:24:24 -04:00
bruno	515727ab9b	Merge pull request 'Retire l'ecran de chargement plein ecran au demarrage d'ObsiGate' (#53 ) from fix/retrait-splash-demarrage into main CI / security (push) Failing after 0s Details CI / lint (push) Failing after 1m51s Details CI / test (push) Skipped Details CI / build (push) Skipped Details CI / e2e (push) Skipped Details	2026-10-28 18:22:24 -04:00
bruno	3f375bca2a	Merge pull request 'Retire le texte de chantier theme rendu en haut de /recherche' (#52 ) from fix/recherche-texte-theme-parasite into main CI / security (push) Failing after 1s Details CI / lint (push) Failing after 1m53s Details CI / test (push) Skipped Details CI / build (push) Skipped Details CI / e2e (push) Skipped Details	2026-10-28 18:22:09 -04:00
bruno	483af904af	Test non-regression : aucun splash au demarrage, boot JS et indicateurs internes intacts CI / lint (pull_request) Failing after 0s Details CI / test (pull_request) Skipped Details CI / build (pull_request) Skipped Details CI / e2e (pull_request) Skipped Details CI / security (pull_request) Failing after 0s Details	2026-10-28 16:44:13 -04:00
bruno	bfe0c75106	Retire le signal de boot vers le splash supprime (DOMContentLoaded simplifie)	2026-10-28 16:44:11 -04:00
bruno	2a96ad3b1d	Retire l'ecran de chargement plein ecran au demarrage (splash, CSS de masquage, script de pilotage)	2026-10-28 16:44:08 -04:00
@@ -1 +1 @@
 .82.3
 .82.7