Page Projets : copie URL dans le menu ⋯ + refonte thème barre Fusion/Spark (#44 , #45 )

2026-10-28 22:47:12 -04:00 · 2026-10-28 22:47:09 -04:00 · 2026-10-28 22:47:07 -04:00 · 2026-10-28 22:47:04 -04:00 · 2026-10-28 22:38:19 -04:00 · 2026-10-28 22:35:55 -04:00
16 changed files with 1221 additions and 213 deletions
@@ -1,3 +1,32 @@
+## 0.39.0 — 2026-10-28 — Thème du site : look agent-dev / barre Fusion (#49)
+
+- **Re-thème complet** : `style.css` passe sur les jetons draco-barre (Console v7.2) — fond #101211, surfaces #1a1c1a / #242624 / #20221f, bordure #2e302c, textes #eceee9 / #a6aba2 / #8b9089, accent rose Spark #c2437e (second ton #e078a8). Fond plat, plus de halos ni de dégradés violet→bleu, y compris les valeurs de repli et l'écran de connexion.
+- **Inchangé** : couleurs sémantiques (vert/jaune/rouge) et couleurs de colonnes choisies par l'utilisateur. Pas de mode clair : l'app force le sombre, comme la console de référence.
+
+## 0.38.1 — 2026-10-28 — Page Projets : le correctif 0.38.0 atteint enfin le navigateur (#47)
+
+- **Cache-busting (#47)** : `dashboard.html` charge désormais `style.css?v={{ version }}` et `dashboard.js?v={{ version }}`, comme les autres pages (admin, board, project) et la barre Fusion. Sans ça, le navigateur gardait l'ancien CSS (menu transparent, bouton de copie non stylé) et l'ancien JS (aucun gestionnaire de copie) alors que le HTML était déjà neuf — c'est pourquoi la 0.38.0 semblait ne rien changer, bouton présent mais inerte. Le code 0.38.0 lui-même (jetons `--menu-bg` opaques, gestionnaire `data-copy-url`) était correct dans le dépôt.
+
+## 0.38.0 — 2026-10-28 — Page Projets : copie d'URL et refonte du menu ⋯
+
+- **Copie d'URL (#44)** : chaque tuile projet (grille, y compris Épinglés) propose désormais « 🔗 Copier l'URL du projet » dans son menu ⋯ — l'URL Gitea du dépôt est copiée dans le presse-papiers, avec confirmation « URL du projet copiée » et repli (textarea + execCommand) quand l'API Clipboard n'est pas disponible.
+- **Menu ⋯ (#45)** : refonte sur les jetons de la barre d'apps commune (draco-barre.css, prototype Console v7.2 / console Spark) — fond opaque, bordure, rayon 14 px, ombre portée, survol/focus visibles, séparateur avant l'action de copie. Corrige la cause du menu transparent : il utilisait `var(--surface-1)`, variable jamais définie.
+- **Thèmes sombre et clair** : jetons clairs par défaut, variante sombre via `[data-theme="dark"]` sur `<html>` et repli `prefers-color-scheme`, comme la barre Fusion.
+
+## 0.37.6 — 2026-10-28 — Corrections console/recherche : CORS console Spark
+
+- **CORS recherche (PR #43)** : la recherche Kanbante autorise désormais la console Spark (agent prod+dev) en inter-origines — les pages console peuvent appeler la recherche de l'hôte sans erreur CORS/réseau.
+
+## 0.37.5 — 2026-10-28 — Alignement recherche console : onglet Console Spark sur /api/v1/recherche
+
+- **Recherche (#68)** : l'onglet Console Spark de `/recherche` appelle désormais `GET /api/v1/recherche` (au lieu de `/api/search`) et reconstruit les liens profonds console (`?section=…&objet=…`, `disc=`, `activite=`) — les résultats console réels s'affichent enfin dans la page hôte.
+
+## 0.37.4 — 2026-10-28 — Correctifs recherche/alertes/console : CORS sœurs prod+dev, recherche en onglets, alertes en onglets
+
+- **CORS recherche/alertes (#68/#69)** : allowlist explicite des 8 origines sœurs prod+dev (`*.dracodev.net`, avec et sans `-dev`), jamais `*`, avec credentials — pour `app/recherche.py` et le middleware CORS de `GET /api/events`.
+- **Recherche partout (#68)** : onglets Tout/ObsiGate/Flowdeck/TikTak/Kanbante/Console Spark, « Tout voir » restant sur place, focus automatique, mise en page corrigée.
+- **Alertes (#69/#71)** : vue Alertes en onglets (Tout, par application, Console Spark, Historique = fermées seules), compteurs, filtre texte, onglet dans l'URL ; onglet « Console Spark » en dernier dans la barre d'apps, après Kanbante.
+
 ## 0.37.3 — 2026-10-28 — Programme Fusion : menu barre, alertes unifiées, recherche partout

 - **Barre (#70)** : bouton « ••• » retiré (menu par défaut supprimé), « Console Spark » ajoutée au menu de la marque, fermeture/focus corrigés.
@@ -177,7 +177,7 @@ from urllib.parse import urlparse

 BASE_DIR = Path(__file__).resolve().parent.parent

-APP_VERSION = "0.37.3"
+APP_VERSION = "0.39.0"


 def _env_bool(name: str, default: bool) -> bool:
@@ -438,10 +438,16 @@ class DracoAlertesCorsMiddleware(BaseHTTPMiddleware):
        if request.url.path != "/api/events":
            return await call_next(request)
        from app.config import resoudre_urls_draco
+        from app.recherche import DEV_ORIGINS, PROD_ORIGINS, origin_of

        urls = resoudre_urls_draco(request.headers.get("host"))
-        soeurs = {urls.sso_url, urls.flowdeck_url, urls.tiktak_url,
-                  urls.public_url}
+        # Correctif CORS alertes (fusion #69, 2026-10-28) : comme
+        # pour /api/search, les origines sœurs prod ET dev sont
+        # listées explicitement — l'ancienne allowlist (environnement
+        # résolu seul) refusait les pages de l'autre environnement.
+        soeurs = ({origin_of(u) for u in (urls.sso_url, urls.flowdeck_url,
+                                          urls.tiktak_url, urls.public_url)}
+                  | set(PROD_ORIGINS) | set(DEV_ORIGINS)) - {None}
        origine = request.headers.get("origin", "")
        if origine not in soeurs:
            return await call_next(request)
@@ -9,9 +9,17 @@ testables sans base ni serveur.
  recherche Gitea de la page ``/search`` (titres + corps, tous états,
  tous projets du workspace) et la regroupe par dépôt.
 - La CORS bornée n'autorise que ``GET /api/search``, et seulement
-  pour les origines sœurs résolues par ``app.config`` (explicite >
-  hôte de la requête > dérivation > défaut officiel — donc ``-dev``
-  reste ``-dev``), jamais ``*``. Le middleware est un ASGI pur :
+  pour les origines sœurs officielles **prod ET dev, listées
+  explicitement** (``PROD_ORIGINS | DEV_ORIGINS``), **plus les
+  origines de la console Spark** (``AGENT_ORIGINS`` : agent prod ET
+  dev — fédération de la recherche depuis la console, 2026-10-28),
+  **plus** les
+  origines résolues par ``app.config`` — jamais ``*``. Correctif
+  2026-10-28 (fusion #68/#69, matrice constatée par Bruno) :
+  l'ancienne allowlist ne contenait que l'environnement résolu
+  (prod OU dev), donc une page de l'autre environnement voyait sa
+  section afficher « Injoignable depuis cet hôte (CORS ou réseau) ».
+  Le middleware est un ASGI pur :
  il répond lui-même aux preflights OPTIONS (qui ne portent jamais
  de cookies, donc qu'``AuthMiddleware`` refuserait sinon) et ajoute
  les en-têtes aux réponses de recherche, sans toucher aux autres
@@ -39,6 +47,12 @@ DEV_ORIGINS = frozenset({
    "https://kanbante-dev.dracodev.net",
 })

+AGENT_ORIGINS = frozenset({
+    "https://agent.dracodev.net",
+    "https://agent-dev.dracodev.net",
+})
+
+
 # Clés du dictionnaire rendu par render() (app/main.py).
 _SOEUR_KEYS = ("obsigate", "flowdeck", "tiktak", "kanbante")

@@ -97,7 +111,10 @@ def sister_origins(
        origin = origin_of((resolved or {}).get(key))
        if origin:
            origins.add(origin)
-    return frozenset(origins)
+    # Correctif 2026-10-28 : prod ET dev toujours, quelle que soit
+    # la résolution — ``resolved`` n'ajoute que des origines de
+    # configuration sans jamais retirer une origine officielle.
+    return frozenset(origins) | PROD_ORIGINS | DEV_ORIGINS | AGENT_ORIGINS


 def cors_headers_for(
@@ -5,7 +5,7 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Kanbante — Dashboard</title>
    <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>📋</text></svg>">
-    <link rel="stylesheet" href="/static/css/style.css">
+    <link rel="stylesheet" href="/static/css/style.css?v={{ version }}">
    <script defer src="/static/vendor/alpine.min.js"></script>
 </head>
 <body>
@@ -109,6 +109,8 @@
                            <a href="/sprint/{{ full }}">📖 Récit de sprint</a>
                            {% if repo.html_url %}
                            <a href="{{ repo.html_url }}" target="_blank" rel="noopener">🔗 Gitea ↗</a>
+                            <div class="card-menu-sep" role="separator"></div>
+                            <button type="button" class="card-menu-item" data-copy-url="{{ repo.html_url }}" title="Copier l'URL Gitea de {{ repo.name }}" aria-label="Copier l'URL du projet {{ repo.name }}">🔗 Copier l'URL du projet</button>
                            {% endif %}
                        </div>
                    </div>
@@ -259,7 +261,7 @@
    <script src="/static/js/live.js" defer></script>
    <script>window.KANBANTE_CSRF = "{{ csrf_token }}";</script>
    <script src="/static/js/stars.js" defer></script>
-    <script src="/static/js/dashboard.js" defer></script>
+    <script src="/static/js/dashboard.js?v={{ version }}" defer></script>
    <script src="/static/js/tablesort.js" defer></script>
    <script>
        document.addEventListener('keydown', function (e) {
@@ -15,13 +15,22 @@
          data-base-obsigate="{{ draco_urls.obsigate }}"
          data-base-flowdeck="{{ draco_urls.flowdeck }}"
          data-base-tiktak="{{ draco_urls.tiktak }}"
-          data-base-kanbante="{{ draco_urls.kanbante }}">
+          data-base-kanbante="{{ draco_urls.kanbante }}"
+          data-base-console="{{ agent_url }}">
        <h1>Rechercher partout</h1>
-        <p class="rp-hint">Notes ObsiGate, pages Flowdeck, tâches TikTak, cartes Kanbante — dans l'environnement courant (dev reste dev). « / » ou Ctrl+K pour rechercher, ↑/↓ puis Entrée pour ouvrir un résultat.</p>
+        <p class="rp-hint">Notes ObsiGate, pages Flowdeck, tâches TikTak, cartes Kanbante — dans l'environnement courant (dev reste dev). « / » ou Ctrl+K pour rechercher, ↑/↓ puis Entrée pour ouvrir un résultat. « Tout voir » bascule vers l'onglet de l'application, sans quitter la page.</p>
        <div class="rp-form">
            <input id="rp-q" class="rp-input" type="search" name="q" value="{{ q }}"
                   placeholder="Rechercher partout…" autocomplete="off" autofocus>
        </div>
+        <nav class="rp-tabs" role="tablist" aria-label="Résultats par application">
+            <button type="button" class="rp-tab active" role="tab" aria-selected="true" data-rp-tab="all">Tout <span class="rp-tab-count"></span></button>
+            <button type="button" class="rp-tab" role="tab" aria-selected="false" tabindex="-1" data-rp-tab="obsigate">ObsiGate <span class="rp-tab-count"></span></button>
+            <button type="button" class="rp-tab" role="tab" aria-selected="false" tabindex="-1" data-rp-tab="flowdeck">Flowdeck <span class="rp-tab-count"></span></button>
+            <button type="button" class="rp-tab" role="tab" aria-selected="false" tabindex="-1" data-rp-tab="tiktak">TikTak <span class="rp-tab-count"></span></button>
+            <button type="button" class="rp-tab" role="tab" aria-selected="false" tabindex="-1" data-rp-tab="kanbante">Kanbante <span class="rp-tab-count"></span></button>
+            <button type="button" class="rp-tab" role="tab" aria-selected="false" tabindex="-1" data-rp-tab="console">Console Spark <span class="rp-tab-count"></span></button>
+        </nav>
        <section class="rp-section" data-rp-section="obsigate">
            <div class="rp-head"><h2>ObsiGate — notes</h2><span class="rp-count"></span><a class="rp-all" href="#">Tout voir</a></div>
            <div class="rp-body"><p class="rp-state">Tapez une recherche ci-dessus.</p></div>
@@ -38,6 +47,10 @@
            <div class="rp-head"><h2>Kanbante — cartes</h2><span class="rp-count"></span><a class="rp-all" href="#">Tout voir</a></div>
            <div class="rp-body"><p class="rp-state">Tapez une recherche ci-dessus.</p></div>
        </section>
+        <section class="rp-section" data-rp-section="console">
+            <div class="rp-head"><h2>Console Spark — discussions</h2><span class="rp-count"></span><a class="rp-all" href="#">Tout voir</a></div>
+            <div class="rp-body"><p class="rp-state">Tapez une recherche ci-dessus.</p></div>
+        </section>
    </main>

    <footer>
@@ -33,3 +33,58 @@
 .rp-title { display: block; font-weight: 600; }
 .rp-context { display: block; font-size: .8rem; opacity: .65; }
 .rp-snippet { display: block; font-size: .88rem; opacity: .85; margin-top: 2px; }
+
+/* ---- Onglets (chantier 2+3) : mêmes onglets sur les 4 hôtes. ---- */
+.rp-tabs {
+  display: flex; gap: 4px; flex-wrap: wrap;
+  border-bottom: 1px solid #888; margin-bottom: 20px;
+}
+.rp-tab {
+  background: none; border: none; border-bottom: 2px solid transparent;
+  padding: 8px 10px; margin-bottom: -1px; font: inherit; cursor: pointer;
+  color: inherit; opacity: .7; white-space: nowrap;
+}
+.rp-tab:hover { opacity: 1; }
+.rp-tab.active { opacity: 1; border-bottom-color: #3b82f6; font-weight: 700; }
+.rp-tab:focus-visible { outline: 2px solid #3b82f6; outline-offset: 2px; }
+.rp-tab-count {
+  font-size: .8rem; font-weight: 700; background: rgba(127, 127, 127, .25);
+  border-radius: 999px; padding: 1px 7px; margin-left: 2px;
+}
+.rp-tab-count:empty { display: none; }
+.rp-section[hidden] { display: none; }
+.rp-all[hidden] { display: none; }
+
+/* ---- TikTak : la page sort de la colonne sidebar (chantier 2+3).
+ * Cause : recherche.html étend base.html sans layout_class, donc
+ * .rp-page (enfant direct de .layout) tombait en auto-placement dans
+ * la 2e colonne de la grille (largeur sidebar). La règle ci-dessous,
+ * gardée par l'ancêtre .layout (TikTak seul), l'étend de la colonne 2
+ * à la fin de la grille — juste à droite du rail d'icônes — sur toute
+ * la largeur disponible, sans toucher aux autres pages (elles ne
+ * portent pas .rp-page). En mobile (≤760 px, point de bascule TikTak),
+ * la grille n'a qu'une colonne : la page la prend entièrement. */
+.layout > .rp-page {
+  grid-column: 2 / -1; max-width: none; min-width: 0; overflow-y: auto;
+}
+@media (max-width: 760px) {
+  .layout > .rp-page { grid-column: 1 / -1; }
+}
+
+/* ---- ObsiGate : navigation statique de la page autonome (chantier
+ * 2+3). La page /recherche est servie hors SPA (route avant le
+ * catch-all) : elle reprend les classes de l'app (style.css :
+ * .app-container, .header, .main-body, .sidebar, .content-wrapper,
+ * .content-area) et cette navigation, calée sur les variables de
+ * l'app, en guise de sidebar. Les vaults dynamiques restent dans
+ * la SPA (voir le commentaire dans recherche.html). */
+.rp-og-nav { display: flex; flex-direction: column; gap: 4px; padding: 12px; }
+.rp-og-nav a {
+  display: block; padding: 8px 10px; border-radius: 8px;
+  text-decoration: none; color: inherit;
+}
+.rp-og-nav a:hover { background: rgba(127, 127, 127, .15); }
+.rp-og-nav a[aria-current="page"] {
+  background: rgba(127, 127, 127, .18); font-weight: 700;
+}
+.rp-og-note { opacity: .65; font-size: .85rem; padding: 8px 10px; margin: 8px 0 0; }
@@ -1,23 +1,24 @@
 /* ═══════════════════════════════════════════════
   Kanbante — design system 0.4
-   Dark, calm, modern. One accent gradient, generous
-   radii, soft depth, visible focus, quiet motion.
+   Thème agent (draco-barre, Console v7.2) : charbon neutre,
+   surfaces grises chaudes, accent rose Spark — plus de
+   dominante bleu/mauve (issue #49).
   ═══════════════════════════════════════════════ */

 :root {
-    --bg: #0b0e14;
-    --bg-glow-1: rgba(124, 92, 252, 0.13);
-    --bg-glow-2: rgba(91, 138, 247, 0.10);
-    --surface: #141822;
-    --surface-2: #1b202e;
-    --surface-3: #232939;
-    --border: rgba(148, 152, 164, 0.16);
-    --border-strong: rgba(148, 152, 164, 0.30);
-    --text: #eceef3;
-    --text-2: #9aa0ae;
-    --text-3: #6d7280;
-    --accent: #7c5cfc;
-    --accent-2: #5b8af7;
+    --bg: #101211;
+    --bg-glow-1: transparent;
+    --bg-glow-2: transparent;
+    --surface: #1a1c1a;
+    --surface-2: #242624;
+    --surface-3: #20221f;
+    --border: #2e302c;
+    --border-strong: #3f4340;
+    --text: #eceee9;
+    --text-2: #a6aba2;
+    --text-3: #8b9089;
+    --accent: #c2437e;
+    --accent-2: #e078a8;
    --green: #10b981;
    --yellow: #f59e0b;
    --red: #ef4444;
@@ -25,7 +26,7 @@
    --radius-sm: 10px;
    --shadow: 0 8px 28px rgba(0, 0, 0, 0.38);
    --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.25);
-    --ring: 0 0 0 3px rgba(124, 92, 252, 0.35);
+    --ring: 0 0 0 3px rgba(194, 67, 126, 0.35);
 }

 * { margin: 0; padding: 0; box-sizing: border-box; }
@@ -47,7 +48,7 @@ body {
    line-height: 1.45;
 }

-::selection { background: rgba(124, 92, 252, 0.45); }
+::selection { background: rgba(194, 67, 126, 0.45); }

 a { color: var(--accent-2); text-decoration: none; }
 a:hover { text-decoration: underline; }
@@ -78,7 +79,7 @@ button, input, select, textarea { font: inherit; }
    padding: 8px 10px;
 }
 :where(input, textarea, select):focus-visible {
-    outline: 2px solid rgba(124, 92, 252, 0.55);
+    outline: 2px solid rgba(194, 67, 126, 0.55);
    outline-offset: 0;
 }

@@ -92,7 +93,7 @@ button, input, select, textarea { font: inherit; }
    align-items: center;
    gap: 16px;
    padding: 12px 24px;
-    background: rgba(16, 19, 28, 0.82);
+    background: rgba(26, 28, 26, 0.82);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--border);
@@ -120,7 +121,7 @@ button, input, select, textarea { font: inherit; }
    font-size: 1rem;
 }
 .gradient-text {
-    background: linear-gradient(120deg, #a78bfa, #7dd3fc);
+    background: linear-gradient(120deg, #c2437e, #e078a8);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
@@ -144,7 +145,7 @@ header h1 { font-size: 1.2rem; font-weight: 600; }
 .nav-pill:hover { color: var(--text); background: var(--surface-2); text-decoration: none; }
 .nav-pill.active {
    color: #fff;
-    background: linear-gradient(135deg, rgba(124,92,252,.85), rgba(91,138,247,.85));
+    background: linear-gradient(135deg, rgba(194,67,126,.85), rgba(224,120,168,.85));
    border-color: rgba(255,255,255,0.12);
 }

@@ -154,7 +155,7 @@ header h1 { font-size: 1.2rem; font-weight: 600; }
    font-size: 0.78rem;
    font-weight: 600;
    background: color-mix(in srgb, var(--accent) 18%, transparent);
-    color: #c4b5fd;
+    color: #d99ab5;
 }
 .badge.secondary { background: var(--surface-2); color: var(--text-2); }

@@ -280,13 +281,13 @@ a.kpi:hover { background: var(--surface-2); text-decoration: none; }
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.6px;
-    color: #c4b5fd;
+    color: #d99ab5;
    font-weight: 700;
 }
 .date { font-size: 0.75rem; color: var(--text-3); }
 .project-card h3 { font-size: 1.08rem; margin-bottom: 6px; letter-spacing: -0.01em; }
 .project-card h3 a { color: var(--text); }
-.project-card h3 a:hover { color: #a5c4fd; text-decoration: none; }
+.project-card h3 a:hover { color: #e078a8; text-decoration: none; }
 .desc {
    font-size: 0.85rem;
    color: var(--text-2);
@@ -362,7 +363,7 @@ a.kpi:hover { background: var(--surface-2); text-decoration: none; }
 .milestone-chip:hover { color: var(--text); text-decoration: none; border-color: var(--border-strong); }
 .milestone-chip.active {
    color: #fff;
-    background: linear-gradient(135deg, rgba(124,92,252,.9), rgba(91,138,247,.9));
+    background: linear-gradient(135deg, rgba(194,67,126,.9), rgba(224,120,168,.9));
    border-color: transparent;
 }
 .milestone-banner {
@@ -371,8 +372,8 @@ a.kpi:hover { background: var(--surface-2); text-decoration: none; }
    gap: 16px;
    margin: 14px 24px 0;
    padding: 14px 18px;
-    background: linear-gradient(120deg, rgba(124,92,252,.14), rgba(91,138,247,.10));
-    border: 1px solid rgba(124,92,252,.35);
+    background: linear-gradient(120deg, rgba(194,67,126,.14), rgba(224,120,168,.10));
+    border: 1px solid rgba(194,67,126,.35);
    border-radius: var(--radius);
    flex-wrap: wrap;
 }
@@ -489,7 +490,7 @@ a.kpi:hover { background: var(--surface-2); text-decoration: none; }
 .kanban-card.dragging { opacity: 0.55; transform: rotate(2deg) scale(1.02); box-shadow: var(--shadow); }
 .card-id {
    font-size: 0.7rem;
-    color: #c4b5fd;
+    color: #d99ab5;
    font-weight: 700;
    margin-bottom: 4px;
    display: flex;
@@ -640,7 +641,7 @@ footer {
 .focus-group { margin-bottom: 30px; }
 .focus-group h2 { font-size: 1.06rem; margin-bottom: 12px; display: flex; gap: 10px; align-items: center; }
 .focus-group h2 a { color: var(--text); }
-.focus-group h2 a:hover { color: #a5c4fd; text-decoration: none; }
+.focus-group h2 a:hover { color: #e078a8; text-decoration: none; }
 .focus-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; }
 .focus-card { margin-bottom: 0; cursor: default; }

@@ -771,7 +772,7 @@ footer {
 }
 .issue-row:hover { border-color: var(--border-strong); }
 .issue-main { color: var(--text); flex: 1; min-width: 220px; }
-.issue-main:hover { color: #a5c4fd; text-decoration: none; }
+.issue-main:hover { color: #e078a8; text-decoration: none; }
 .col-chip {
    padding: 2px 10px;
    border-radius: 999px;
@@ -817,7 +818,7 @@ footer {
    cursor: col-resize;
    z-index: 5;
 }
-.notes-resize:hover { background: rgba(124, 92, 252, 0.35); }
+.notes-resize:hover { background: rgba(194, 67, 126, 0.35); }
 .notes-foot { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 10px; }
 .notes-foot .btn-save { margin-top: 0; }
 .notes-status { font-size: 0.76rem; color: var(--text-3); }
@@ -925,8 +926,8 @@ footer {

 /* ── Wallboard (0.6.0) : affichage plein écran, lisible à 3 mètres ── */
 .wall-body {
-    background: #0b1220;
-    color: #e5ecf5;
+    background: #101211;
+    color: #eceee9;
    margin: 0;
    font-family: inherit;
    height: 100vh;
@@ -950,12 +951,12 @@ footer {
 .wall-head {
    display: flex; justify-content: space-between; align-items: flex-start; gap: 24px;
 }
-.wall-kicker { font-size: 1rem; letter-spacing: 0.22em; text-transform: uppercase; color: #8fa3bf; }
+.wall-kicker { font-size: 1rem; letter-spacing: 0.22em; text-transform: uppercase; color: #a6aba2; }
 .wall-project { font-size: clamp(2.2rem, 5.2vw, 4.2rem); margin: 0.4rem 0 0; line-height: 1.05; }
 .wall-clock { text-align: right; }
 .wall-time { font-size: clamp(2rem, 4.5vw, 3.6rem); font-weight: 800; line-height: 1; }
-.wall-date { color: #8fa3bf; font-size: 1.15rem; margin-top: 0.35rem; text-transform: capitalize; }
-.wall-rotation { color: #5b6b84; margin-top: 0.4rem; font-size: 1rem; }
+.wall-date { color: #a6aba2; font-size: 1.15rem; margin-top: 0.35rem; text-transform: capitalize; }
+.wall-rotation { color: #8b9089; margin-top: 0.4rem; font-size: 1rem; }
 .wall-counts {
    display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px;
 }
@@ -968,7 +969,7 @@ footer {
    background: rgba(255, 255, 255, 0.03);
 }
 .wall-count-n { display: block; font-size: clamp(1.9rem, 3.6vw, 3rem); font-weight: 800; }
-.wall-count-l { display: block; color: #aebdd2; font-size: clamp(0.78rem, 1.25vw, 1.02rem); margin-top: 2px; }
+.wall-count-l { display: block; color: #a6aba2; font-size: clamp(0.78rem, 1.25vw, 1.02rem); margin-top: 2px; }
 .wall-cards {
    list-style: none; margin: 0; padding: 0;
    display: flex; flex-direction: column; gap: 12px;
@@ -976,7 +977,7 @@ footer {
    -webkit-mask-image: linear-gradient(to bottom, #000 88%, transparent);
    mask-image: linear-gradient(to bottom, #000 88%, transparent);
 }
-.wall-more { justify-content: center; color: #8fa3bf; font-size: 1.1rem; background: transparent; }
+.wall-more { justify-content: center; color: #a6aba2; font-size: 1.1rem; background: transparent; }
 .wall-card {
    display: flex; align-items: center; gap: 18px;
    background: rgba(255, 255, 255, 0.045);
@@ -992,13 +993,13 @@ footer {
 .wall-card-title { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .wall-card-age { color: #fbbf24; font-weight: 700; white-space: nowrap; }
 .wall-card-age.hot { color: #f87171; }
-.wall-idle { font-size: 1.5rem; color: #8fa3bf; }
+.wall-idle { font-size: 1.5rem; color: #a6aba2; }
 .wall-foot {
    margin-top: auto;
    display: flex; gap: 36px; flex-wrap: wrap;
    justify-content: space-between; align-items: center;
    width: 100%; box-sizing: border-box;
-    font-size: clamp(1rem, 1.7vw, 1.35rem); color: #aebdd2;
+    font-size: clamp(1rem, 1.7vw, 1.35rem); color: #a6aba2;
 }
@media (max-height: 760px) {
    .wall-slide { gap: 1.6vh; padding-top: 2.5vh; }
@@ -1011,9 +1012,9 @@ footer {
 .wall-empty {
    min-height: 100vh; display: flex; flex-direction: column;
    align-items: center; justify-content: center; gap: 10px; text-align: center;
-    color: #aebdd2; padding: 24px;
+    color: #a6aba2; padding: 24px;
 }
-.wall-empty h1 { color: #e5ecf5; font-size: 2.6rem; margin: 0; }
+.wall-empty h1 { color: #eceee9; font-size: 2.6rem; margin: 0; }
 .wall-empty code { background: rgba(255,255,255,0.08); padding: 2px 8px; border-radius: 6px; }
@media (max-width: 900px) {
    .wall-counts { grid-template-columns: repeat(3, 1fr); }
@@ -1043,8 +1044,8 @@ footer {
 .palette-overlay[hidden] { display: none; }
 .palette {
    width: min(640px, 100%);
-    background: var(--surface-1, #131a29);
-    border: 1px solid var(--border-strong, #2c3a52);
+    background: var(--surface-1, #1a1c1a);
+    border: 1px solid var(--border-strong, #3f4340);
    border-radius: 16px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.55);
    overflow: hidden;
@@ -1052,14 +1053,14 @@ footer {
 }
 .palette-input-row {
    display: flex; align-items: center; gap: 12px;
-    padding: 14px 16px; border-bottom: 1px solid var(--border, #22304a);
+    padding: 14px 16px; border-bottom: 1px solid var(--border, #2e302c);
 }
 .palette-input-row input {
    flex: 1; background: transparent; border: none; outline: none;
    color: var(--text-1); font: inherit; font-size: 1.05rem;
 }
 .palette-input-row kbd {
-    background: var(--surface-3, #1d2942); border: 1px solid var(--border, #22304a);
+    background: var(--surface-3, #20221f); border: 1px solid var(--border, #2e302c);
    border-radius: 6px; padding: 2px 8px; font-size: 0.75rem; color: var(--text-3);
 }
 .palette-results { list-style: none; margin: 0; padding: 8px; max-height: 46vh; overflow-y: auto; }
@@ -1067,13 +1068,13 @@ footer {
    display: flex; align-items: center; gap: 12px;
    padding: 10px 12px; border-radius: 10px; cursor: pointer;
 }
-.palette-item.active { background: var(--surface-3, #1d2942); }
+.palette-item.active { background: var(--surface-3, #20221f); }
 .palette-item-icon { font-size: 1.05rem; width: 24px; text-align: center; }
 .palette-item-main { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .palette-item-sub { color: var(--text-3); font-size: 0.8rem; white-space: nowrap; }
 .palette-empty { padding: 18px 14px; color: var(--text-3); text-align: center; }
 .palette-hint {
-    padding: 9px 16px; border-top: 1px solid var(--border, #22304a);
+    padding: 9px 16px; border-top: 1px solid var(--border, #2e302c);
    color: var(--text-3); font-size: 0.78rem; text-align: right;
 }
 .palette-trigger { cursor: pointer; font: inherit; }
@@ -1082,54 +1083,54 @@ footer {
 .triage-main { max-width: 860px; margin: 0 auto; padding: 24px 16px 40px; }
 .triage-head h1 { margin: 0 0 12px; font-size: 1.4rem; }
 .triage-progress-wrap { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
-.triage-progress { flex: 1; height: 10px; border-radius: 99px; background: var(--surface-3, #1d2942); overflow: hidden; }
+.triage-progress { flex: 1; height: 10px; border-radius: 99px; background: var(--surface-3, #20221f); overflow: hidden; }
 .triage-progress-bar { height: 100%; width: 0; background: var(--good, #3fb950); border-radius: 99px; transition: width 0.25s ease; }
 .triage-progress-label { color: var(--text-3); font-size: 0.85rem; white-space: nowrap; }
 .triage-card {
-    background: var(--surface-1, #131a29);
-    border: 1px solid var(--border-strong, #2c3a52);
+    background: var(--surface-1, #1a1c1a);
+    border: 1px solid var(--border-strong, #3f4340);
    border-radius: 16px; padding: 26px 28px; min-height: 220px;
 }
 .triage-card-top { display: flex; gap: 14px; align-items: baseline; color: var(--text-3); font-size: 0.88rem; }
-.triage-card-num { font-weight: 700; color: var(--accent, #58a6ff); }
+.triage-card-num { font-weight: 700; color: var(--accent, #c2437e); }
 .triage-card-link { margin-left: auto; color: var(--text-3); text-decoration: none; }
 .triage-card-title { margin: 10px 0 8px; font-size: 1.5rem; line-height: 1.3; }
 .triage-card-labels { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 10px; }
-.triage-card-excerpt { color: var(--text-2, #b6c2d2); line-height: 1.55; white-space: pre-wrap; }
+.triage-card-excerpt { color: var(--text-2, #a6aba2); line-height: 1.55; white-space: pre-wrap; }
 .triage-card-assign { color: var(--text-3); }
 .triage-keys { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
 .triage-keys button {
    background: var(--surface-2, #182236); color: var(--text-1);
-    border: 1px solid var(--border, #22304a); border-radius: 10px;
+    border: 1px solid var(--border, #2e302c); border-radius: 10px;
    padding: 9px 13px; font: inherit; font-size: 0.9rem; cursor: pointer;
 }
-.triage-keys button:hover { border-color: var(--accent, #58a6ff); }
+.triage-keys button:hover { border-color: var(--accent, #c2437e); }
 .triage-keys kbd {
-    background: var(--surface-3, #1d2942); border: 1px solid var(--border-strong, #2c3a52);
+    background: var(--surface-3, #20221f); border: 1px solid var(--border-strong, #3f4340);
    border-radius: 5px; padding: 1px 6px; font-size: 0.78rem; margin-right: 4px;
 }
 .triage-status { min-height: 22px; margin-top: 12px; color: var(--good, #3fb950); }
 .triage-labels {
-    margin-top: 14px; background: var(--surface-1, #131a29);
-    border: 1px solid var(--border-strong, #2c3a52); border-radius: 14px; padding: 16px 18px;
+    margin-top: 14px; background: var(--surface-1, #1a1c1a);
+    border: 1px solid var(--border-strong, #3f4340); border-radius: 14px; padding: 16px 18px;
 }
 .triage-labels-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
 .triage-labels-list { display: flex; gap: 8px; flex-wrap: wrap; }
 .triage-label-chip {
-    background: var(--surface-3, #1d2942); color: var(--text-1);
-    border: 1px solid var(--border, #22304a); border-radius: 99px;
+    background: var(--surface-3, #20221f); color: var(--text-1);
+    border: 1px solid var(--border, #2e302c); border-radius: 99px;
    padding: 5px 12px; font: inherit; font-size: 0.85rem; cursor: pointer;
 }
 .triage-label-chip.on { border-color: var(--good, #3fb950); color: var(--good, #3fb950); }
-.triage-done { background: var(--surface-1, #131a29); border: 1px solid var(--border-strong, #2c3a52); border-radius: 16px; padding: 26px 28px; }
+.triage-done { background: var(--surface-1, #1a1c1a); border: 1px solid var(--border-strong, #3f4340); border-radius: 16px; padding: 26px 28px; }
 .triage-summary { line-height: 1.9; }
 .triage-projects { display: grid; gap: 10px; }
 .triage-project {
    display: flex; justify-content: space-between; align-items: center;
-    background: var(--surface-1, #131a29); border: 1px solid var(--border, #22304a);
+    background: var(--surface-1, #1a1c1a); border: 1px solid var(--border, #2e302c);
    border-radius: 12px; padding: 16px 20px; color: var(--text-1); text-decoration: none;
 }
-.triage-project:hover { border-color: var(--accent, #58a6ff); }
+.triage-project:hover { border-color: var(--accent, #c2437e); }
 .triage-project-count { color: var(--text-3); }

 /* ── Wallboard : navigation manuelle (0.11.0) ── */
@@ -1143,14 +1144,14 @@ footer {
    border: 1px solid rgba(143, 163, 191, 0.45);
    font-size: 1.15rem; cursor: pointer; backdrop-filter: blur(4px);
 }
-.wall-nav-btn:hover { border-color: #58a6ff; color: #fff; }
+.wall-nav-btn:hover { border-color: #c2437e; color: #fff; }
 .wall-dots { display: flex; gap: 8px; }
 .wall-dot {
    width: 13px; height: 13px; border-radius: 50%; padding: 0;
    background: rgba(143, 163, 191, 0.35); border: 1px solid rgba(143, 163, 191, 0.5);
    cursor: pointer;
 }
-.wall-dot.on { background: #58a6ff; border-color: #58a6ff; }
+.wall-dot.on { background: #c2437e; border-color: #c2437e; }
 .wall-paused {
    position: fixed; top: 18px; left: 50%; transform: translateX(-50%);
    background: rgba(19, 26, 41, 0.85); color: #f0b429;
@@ -1169,14 +1170,14 @@ footer {
 .today-sub { color: var(--text-3); margin: 0 0 22px; }
 .today-picks { display: grid; gap: 14px; margin-bottom: 20px; }
 .today-card {
-    background: var(--surface-1, #131a29); border: 1px solid var(--border-strong, #2c3a52);
-    border-left: 5px solid var(--accent, #58a6ff); border-radius: 14px; padding: 20px 24px;
+    background: var(--surface-1, #1a1c1a); border: 1px solid var(--border-strong, #3f4340);
+    border-left: 5px solid var(--accent, #c2437e); border-radius: 14px; padding: 20px 24px;
 }
 .today-card.done { border-left-color: var(--good, #3fb950); opacity: 0.85; }
 .today-card-top { display: flex; justify-content: space-between; color: var(--text-3); font-size: 0.85rem; }
 .today-card h2 { margin: 8px 0 12px; font-size: 1.3rem; line-height: 1.35; }
 .today-card-actions { display: flex; gap: 16px; align-items: center; }
-.today-card-actions a { color: var(--accent, #58a6ff); text-decoration: none; font-size: 0.9rem; }
+.today-card-actions a { color: var(--accent, #c2437e); text-decoration: none; font-size: 0.9rem; }
 .today-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
 .today-list li { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
 .today-list em { color: var(--text-3); font-style: normal; font-size: 0.85rem; }
@@ -1184,35 +1185,35 @@ footer {
 /* ── Prévisions + Récit (0.12.0, #7 #4) ── */
 .forecast-flex { display: flex; gap: 22px; align-items: center; flex-wrap: wrap; }
 .sparkline { width: 168px; height: 48px; }
-.sparkline rect { fill: var(--accent, #58a6ff); opacity: 0.85; }
+.sparkline rect { fill: var(--accent, #c2437e); opacity: 0.85; }
 .forecast-nums p { margin: 4px 0; }
 .forecast-milestones { margin: 12px 0 0; padding-left: 18px; line-height: 1.8; }
-.forecast-line { color: var(--accent, #58a6ff); }
-.milestone-forecast { color: var(--accent, #58a6ff); font-weight: 600; }
-.milestone-sprint { color: var(--text-1); text-decoration: none; border: 1px solid var(--border, #22304a); border-radius: 8px; padding: 2px 10px; }
-.milestone-sprint:hover { border-color: var(--accent, #58a6ff); }
+.forecast-line { color: var(--accent, #c2437e); }
+.milestone-forecast { color: var(--accent, #c2437e); font-weight: 600; }
+.milestone-sprint { color: var(--text-1); text-decoration: none; border: 1px solid var(--border, #2e302c); border-radius: 8px; padding: 2px 10px; }
+.milestone-sprint:hover { border-color: var(--accent, #c2437e); }
 .sprint-render { line-height: 1.65; }
 .sprint-render h1 { font-size: 1.5rem; }
 .sprint-render h2 { font-size: 1.15rem; margin-top: 22px; }
-.sprint-render a { color: var(--accent, #58a6ff); }
+.sprint-render a { color: var(--accent, #c2437e); }

 /* ── Code lié (0.13.0, #1) ── */
-.card-code { font-size: 0.78rem; color: var(--accent, #58a6ff); margin-top: 5px; }
+.card-code { font-size: 0.78rem; color: var(--accent, #c2437e); margin-top: 5px; }
 .detail-code { margin: 10px 0; }
-.code-line { padding: 3px 0; font-size: 0.9rem; color: var(--text-2, #b6c2d2); }
-.code-line a { color: var(--accent, #58a6ff); text-decoration: none; }
-.code-line code { background: var(--surface-3, #1d2942); border-radius: 4px; padding: 0 5px; }
+.code-line { padding: 3px 0; font-size: 0.9rem; color: var(--text-2, #a6aba2); }
+.code-line a { color: var(--accent, #c2437e); text-decoration: none; }
+.code-line code { background: var(--surface-3, #20221f); border-radius: 4px; padding: 0 5px; }

 /* ── Branche depuis la carte (0.14.0, #3) ── */
 .branch-input {
-    background: var(--surface-3, #1d2942); color: var(--text-1);
-    border: 1px solid var(--border, #22304a); border-radius: 6px;
+    background: var(--surface-3, #20221f); color: var(--text-1);
+    border: 1px solid var(--border, #2e302c); border-radius: 6px;
    padding: 3px 8px; font-family: monospace; font-size: 0.85rem;
 }

 /* ── Santé du flux (0.14.0, #9) ── */
 .health-table { width: 100%; border-collapse: collapse; margin: 10px 0; }
-.health-table th, .health-table td { text-align: left; padding: 6px 10px; border-bottom: 1px solid var(--border, #22304a); }
+.health-table th, .health-table td { text-align: left; padding: 6px 10px; border-bottom: 1px solid var(--border, #2e302c); }
 .health-slowest td { color: var(--warn, #e8a33d); font-weight: 600; }
 .zombie-actions { display: flex; gap: 6px; flex-shrink: 0; }

@@ -1266,7 +1267,7 @@ body.sidebar-collapsed .sidebar { width: 68px; }
    transition: border-color 0.15s, color 0.15s, transform 0.15s;
 }
 .side-search:hover {
-    color: var(--text); border-color: var(--accent, #58a6ff);
+    color: var(--text); border-color: var(--accent, #c2437e);
    transform: translateY(-1px);
 }
 body.sidebar-collapsed .side-head { flex-direction: column; padding-left: 0; padding-right: 0; }
@@ -1316,8 +1317,8 @@ body.nav-closed-outils [data-group="outils"] .side-chevron { transform: rotate(-
 }
 .side-link:hover { background: var(--surface-2); color: var(--text); text-decoration: none; }
 .side-link.active {
-    color: #fff; border-left-color: #a78bfa;
-    background: linear-gradient(90deg, rgba(124,92,252,.32), rgba(91,138,247,.14));
+    color: #fff; border-left-color: #c2437e;
+    background: linear-gradient(90deg, rgba(194,67,126,.32), rgba(224,120,168,.14));
 }
 .side-ico { font-size: 1.05rem; width: 22px; text-align: center; flex-shrink: 0; }
 .side-foot {
@@ -1335,7 +1336,7 @@ body.nav-closed-outils [data-group="outils"] .side-chevron { transform: rotate(-
    transition: border-color 0.15s, color 0.15s, transform 0.15s;
 }
 .side-collapse:hover {
-    color: var(--text); border-color: var(--accent, #58a6ff);
+    color: var(--text); border-color: var(--accent, #c2437e);
    transform: translateY(-1px);
 }
 .side-fresh { color: var(--text-3); font-size: 0.76rem; white-space: nowrap; }
@@ -1401,10 +1402,10 @@ body.sidebar-collapsed .side-foot { justify-content: center; }
    padding: 7px 14px; color: var(--text); background: var(--surface-1);
    font-size: 0.88rem; font-weight: 600;
 }
-.health-chip:hover { text-decoration: none; border-color: var(--accent, #58a6ff); }
+.health-chip:hover { text-decoration: none; border-color: var(--accent, #c2437e); }
 .proj-actions { display: flex; gap: 8px; flex-wrap: wrap; margin: 18px 0 22px; }
 .proj-actions .nav-pill { border: 1px solid var(--border); }
-.proj-primary { background: linear-gradient(135deg, rgba(124,92,252,.85), rgba(91,138,247,.85)); color: #fff !important; }
+.proj-primary { background: linear-gradient(135deg, rgba(194,67,126,.85), rgba(224,120,168,.85)); color: #fff !important; }
 .proj-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 16px; }
 .proj-panel {
    background: var(--surface-1); border: 1px solid var(--border);
@@ -1451,7 +1452,7 @@ body.sidebar-collapsed .side-foot { justify-content: center; }
    background: rgba(255, 255, 255, 0.08); color: var(--text-2);
    border-radius: 999px; padding: 1px 7px;
 }
-.seg-tabs button.active .seg-count { background: rgba(124, 92, 252, 0.22); color: var(--text); }
+.seg-tabs button.active .seg-count { background: rgba(194, 67, 126, 0.22); color: var(--text); }
 .dash-toolbar .toolbar-search { padding: 0; flex: 1 1 200px; }
 .dash-toolbar .toolbar-search input { max-width: none; background: var(--surface-2); }
 .dash-tool { display: inline-flex; align-items: center; gap: 8px; font-size: 0.88rem; color: var(--text-2); white-space: nowrap; }
@@ -1460,13 +1461,13 @@ body.sidebar-collapsed .side-foot { justify-content: center; }
    border: 1px solid var(--border); border-radius: 8px; padding: 6px 8px;
    min-height: 36px;
 }
-.dash-tool-check input { width: 17px; height: 17px; accent-color: #7c5cfc; }
+.dash-tool-check input { width: 17px; height: 17px; accent-color: #c2437e; }
 .dash-view-toggle { margin-left: auto; display: inline-flex; border: 1px solid var(--border); border-radius: 9px; overflow: hidden; }
 .dash-view-toggle button {
    background: var(--surface-1); color: var(--text-2); border: none;
    padding: 7px 14px; cursor: pointer; font-size: 0.88rem; min-height: 36px;
 }
-.dash-view-toggle button.active { background: var(--surface-3, #1d2942); color: var(--text); font-weight: 700; }
+.dash-view-toggle button.active { background: var(--surface-3, #20221f); color: var(--text); font-weight: 700; }
 .owner-group { grid-column: 1 / -1; }
 .owner-head {
    display: flex; justify-content: space-between; align-items: center;
@@ -1475,7 +1476,7 @@ body.sidebar-collapsed .side-foot { justify-content: center; }
    border: 1px solid var(--border); border-radius: 10px;
    font-size: 0.95rem; font-weight: 700;
 }
-.owner-head:hover { border-color: var(--accent, #58a6ff); }
+.owner-head:hover { border-color: var(--accent, #c2437e); }
 .owner-head .owner-chevron { transition: transform 0.2s ease; font-size: 0.7rem; }
 .owner-head[aria-expanded="false"] .owner-chevron { transform: rotate(-90deg); }
 .owner-grid { padding: 0 !important; }
@@ -1486,20 +1487,60 @@ body.sidebar-collapsed .side-foot { justify-content: center; }
    padding: 2px 7px; border-radius: 8px; line-height: 1;
 }
 .card-menu-btn:hover { background: var(--surface-2); color: var(--text); }
+.card-menu-btn[aria-expanded="true"] { background: var(--surface-2); color: var(--text); }
+/* Menu ⋯ des tuiles projets — refonte issues #44/#45.
+   Jetons repris de la barre d'apps commune (draco-barre.css,
+   prototype validé Console v7.2, aussi utilisé par la console
+   Spark) : clair par défaut, sombre via [data-theme="dark"]
+   ou prefers-color-scheme. Correctif du bug d'origine : le
+   menu utilisait var(--surface-1), variable jamais définie,
+   donc aucun fond — le menu était transparent et illisible. */
 .card-menu {
+    --menu-bg: #ffffff; --menu-bg-2: #e9eae6; --menu-ink: #1b1d1a;
+    --menu-ink-2: #5c615a; --menu-line: #dedfd9; --menu-agent: #c2437e;
    position: absolute; right: 0; top: calc(100% + 6px); z-index: 60;
-    min-width: 210px; display: flex; flex-direction: column; gap: 2px;
-    background: var(--surface-1); border: 1px solid var(--border);
-    border-radius: 12px; padding: 6px;
-    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.45);
+    min-width: 248px; display: flex; flex-direction: column; gap: 2px;
+    background: var(--menu-bg); border: 1px solid var(--menu-line);
+    border-radius: 14px; padding: 6px; color: var(--menu-ink);
+    box-shadow: 0 16px 44px rgb(0 0 0 / .28);
+}
+@media (prefers-color-scheme: dark) {
+    .card-menu {
+        --menu-bg: #1a1c1a; --menu-bg-2: #242624; --menu-ink: #eceee9;
+        --menu-ink-2: #a6aba2; --menu-line: #2e302c;
+    }
+}
+[data-theme="dark"] .card-menu {
+    --menu-bg: #1a1c1a; --menu-bg-2: #242624; --menu-ink: #eceee9;
+    --menu-ink-2: #a6aba2; --menu-line: #2e302c;
 }
 .card-menu[hidden] { display: none !important; }
-.card-menu a {
+.card-menu a, .card-menu-item {
    display: flex; align-items: center; min-height: 32px;
-    padding: 8px 10px; border-radius: 8px;
-    color: var(--text-2); font-size: 0.92rem;
+    padding: 8px 10px; border-radius: 10px;
+    color: var(--menu-ink-2); font-size: 0.92rem;
+}
+.card-menu-item {
+    width: 100%; box-sizing: border-box; border: 0;
+    background: transparent; font: inherit; text-align: left; cursor: pointer;
+}
+.card-menu a:hover, .card-menu a:focus-visible,
+.card-menu-item:hover, .card-menu-item:focus-visible {
+    background: var(--menu-bg-2); color: var(--menu-ink); text-decoration: none;
+}
+.card-menu a:focus-visible, .card-menu-item:focus-visible {
+    outline: 2px solid var(--menu-agent); outline-offset: 1px;
+}
+.card-menu-sep { height: 1px; margin: 6px 10px; background: var(--menu-line); }
+/* Confirmation de copie — pastille fixe, lisible sur fond
+   clair comme sombre, même patron que la barre (draco). */
+.kanbante-toast {
+    position: fixed; left: 50%; bottom: 22px; transform: translateX(-50%);
+    z-index: 3000; background: #1f1f1f; color: #eee;
+    padding: 10px 16px; border-radius: 10px;
+    font: 500 13.5px system-ui, "Segoe UI", sans-serif;
+    box-shadow: 0 6px 24px rgb(0 0 0 / .35);
 }
-.card-menu a:hover { background: var(--surface-2); color: var(--text); text-decoration: none; }
 .proj-table {
    width: calc(100% - 48px); margin: 0 24px 18px;
    border-collapse: collapse; font-size: 0.93rem;
@@ -1528,7 +1569,7 @@ body.sidebar-collapsed .side-foot { justify-content: center; }
 .forecast-summary { display: flex; gap: 8px; flex-wrap: wrap; margin: 10px 0 4px; }
 .forecast-summary .chip {
    font-size: 12.5px; padding: 3px 10px; border-radius: 999px;
-    background: rgba(255, 255, 255, .07); border: 1px solid var(--border, #333);
+    background: rgba(255, 255, 255, .07); border: 1px solid var(--border, #2e302c);
 }
 .forecast-summary .chip-late { background: rgba(248, 81, 73, .15); }
 .forecast-summary .chip-ok { background: rgba(63, 185, 80, .15); }
@@ -1548,8 +1589,8 @@ a.ms-title:hover { text-decoration: underline; }
 }
 .health-switch-bar select {
    padding: 8px 10px; border-radius: 8px; font-size: 14px; min-height: 38px;
-    background: var(--panel-2, #1c2330); color: inherit;
-    border: 1px solid var(--border, #333);
+    background: var(--panel-2, #242624); color: inherit;
+    border: 1px solid var(--border, #2e302c);
 }
 .health-back { font-size: 13.5px; }

@@ -1570,11 +1611,11 @@ a.ms-title:hover { text-decoration: underline; }
    padding: 8px 10px; border-radius: 8px; cursor: pointer;
    font-weight: 400; font-size: 0.94rem;
 }
-.repo-item.active { background: var(--surface-2, #1c2330); }
+.repo-item.active { background: var(--surface-2, #242624); }
 .repo-item-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-.repo-item-meta { color: var(--text-3, #8b94a5); font-size: 0.78rem; white-space: nowrap; }
+.repo-item-meta { color: var(--text-3, #8b9089); font-size: 0.78rem; white-space: nowrap; }
 .repo-hint { font-weight: 400; font-size: 0.85rem; color: #f0a35e; }
-.repo-tip { font-weight: 400; font-size: 0.82rem; color: var(--text-3, #8b94a5); }
+.repo-tip { font-weight: 400; font-size: 0.82rem; color: var(--text-3, #8b9089); }
 .repo-tip kbd {
    font-size: 0.72rem; border: 1px solid var(--border); border-bottom-width: 2px;
    border-radius: 5px; padding: 0 5px; background: var(--surface);
@@ -1586,14 +1627,14 @@ a.ms-title:hover { text-decoration: underline; }
    min-height: 100dvh; margin: 0;
    display: flex; align-items: center; justify-content: center;
    background:
-        radial-gradient(640px 420px at 18% 12%, rgba(124, 92, 252, 0.20), transparent 62%),
-        radial-gradient(560px 380px at 84% 88%, rgba(91, 138, 247, 0.16), transparent 60%),
-        var(--bg, #0a0f16);
+        radial-gradient(640px 420px at 18% 12%, rgba(194, 67, 126, 0.20), transparent 62%),
+        radial-gradient(560px 380px at 84% 88%, rgba(224, 120, 168, 0.16), transparent 60%),
+        var(--bg, #101211);
    padding: 24px 16px;
 }
 .login-wrap { width: 100%; max-width: 400px; }
 .login-card {
-    background: var(--surface, #10151f);
+    background: var(--surface, #1a1c1a);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 34px 32px 26px;
@@ -1603,16 +1644,16 @@ a.ms-title:hover { text-decoration: underline; }
 .login-mark {
    display: inline-flex; align-items: center; justify-content: center;
    width: 56px; height: 56px; border-radius: 16px; font-size: 1.7rem;
-    background: linear-gradient(135deg, rgba(124,92,252,.35), rgba(91,138,247,.25));
+    background: linear-gradient(135deg, rgba(194,67,126,.35), rgba(224,120,168,.25));
    border: 1px solid var(--border);
 }
 .login-brand h1 {
    margin: 12px 0 4px; font-size: 1.55rem; font-weight: 700;
-    background: linear-gradient(120deg, #a78bfa, #7dd3fc);
+    background: linear-gradient(120deg, #c2437e, #e078a8);
    -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent;
 }
-.login-sub { margin: 0; color: var(--text-3, #8b94a5); font-size: 0.9rem; }
+.login-sub { margin: 0; color: var(--text-3, #8b9089); font-size: 0.9rem; }
 .login-error {
    margin: 0 0 14px; padding: 10px 12px; border-radius: 10px;
    background: rgba(240, 120, 90, 0.12); border: 1px solid rgba(240, 120, 90, 0.45);
@@ -1622,13 +1663,13 @@ a.ms-title:hover { text-decoration: underline; }
 .login-form label { display: flex; flex-direction: column; gap: 6px; font-weight: 600; font-size: 0.92rem; }
 .login-form input {
    padding: 11px 13px; border: 1px solid var(--border); border-radius: 10px;
-    background: var(--bg-2, #0d1220); color: var(--text-1, #e6ebf2);
+    background: var(--bg-2, #101211); color: var(--text-1, #eceee9);
    font: inherit; font-weight: 400;
 }
-.login-form input:focus { outline: 2px solid rgba(124, 92, 252, 0.55); outline-offset: 0; border-color: transparent; }
+.login-form input:focus { outline: 2px solid rgba(194, 67, 126, 0.55); outline-offset: 0; border-color: transparent; }
 .login-submit {
    margin-top: 4px; padding: 12px 18px; cursor: pointer;
-    background: linear-gradient(135deg, var(--accent, #7c5cfc), var(--accent-2, #5b8af7));
+    background: linear-gradient(135deg, var(--accent, #c2437e), var(--accent-2, #e078a8));
    color: #fff; border: none; border-radius: 10px;
    font: inherit; font-weight: 600; font-size: 1rem;
    transition: filter 0.15s, transform 0.1s;
@@ -1637,14 +1678,14 @@ a.ms-title:hover { text-decoration: underline; }
 .login-submit:active { transform: scale(0.98); }
 .login-sso {
    display: block; margin-top: 12px; padding: 11px 18px; text-align: center;
-    color: var(--text-1, #e6ebf2); text-decoration: none;
+    color: var(--text-1, #eceee9); text-decoration: none;
    border: 1px solid var(--border); border-radius: 10px;
    font: inherit; font-weight: 500; font-size: 0.95rem;
    transition: filter 0.15s, transform 0.1s;
 }
 .login-sso:hover { filter: brightness(1.35); }
 .login-sso:active { transform: scale(0.98); }
-.login-foot { margin: 18px 0 0; text-align: center; color: var(--text-3, #8b94a5); font-size: 0.8rem; }
+.login-foot { margin: 18px 0 0; text-align: center; color: var(--text-3, #8b9089); font-size: 0.8rem; }

 /* ── Fusion ACC-1 (kanbante#28) : cohabitation avec la barre commune ──
   La barre d'apps est FIXE et pleine largeur (0.23.1 — en flux, le
@@ -1662,26 +1703,26 @@ body.has-draco-bar .sidebar { top: 60px; }
 /* ── Espaces, admin, profils (0.24.0) ─────────────────── */
 .ws-switch { display: flex; align-items: center; gap: 8px; padding: 10px 14px 2px; }
 .ws-dot { width: 10px; height: 10px; border-radius: 50%; display: inline-block; flex: none; }
-.ws-select { flex: 1; min-width: 0; background: var(--surface-2, #1c1c22); color: inherit;
-    border: 1px solid var(--border, #333); border-radius: 8px; padding: 6px 8px; font: inherit; }
+.ws-select { flex: 1; min-width: 0; background: var(--surface-2, #242624); color: inherit;
+    border: 1px solid var(--border, #2e302c); border-radius: 8px; padding: 6px 8px; font: inherit; }
 body.sidebar-collapsed .ws-switch { display: none; }
 .admin-form { display: flex; flex-wrap: wrap; gap: 10px 16px; align-items: end; margin: 10px 0; }
 .admin-form label { display: flex; flex-direction: column; gap: 4px; font-size: 0.85em; }
 .admin-form input[type="text"], .admin-form input[type="password"], .admin-form select {
-    background: var(--surface-2, #1c1c22); color: inherit;
-    border: 1px solid var(--border, #333); border-radius: 8px; padding: 7px 9px; font: inherit; }
+    background: var(--surface-2, #242624); color: inherit;
+    border: 1px solid var(--border, #2e302c); border-radius: 8px; padding: 7px 9px; font: inherit; }
 .inline-form { display: inline-flex; gap: 6px; align-items: center; }
 .btn-mini { padding: 4px 10px; font-size: 0.85em; border-radius: 8px;
-    border: 1px solid var(--border, #333); background: var(--surface-2, #1c1c22);
+    border: 1px solid var(--border, #2e302c); background: var(--surface-2, #242624);
    color: inherit; cursor: pointer; }
-.btn-mini:hover { border-color: var(--accent, #7c5cfc); }
+.btn-mini:hover { border-color: var(--accent, #c2437e); }
 .btn-mini:disabled { opacity: 0.45; cursor: not-allowed; }
 .btn-danger:hover { border-color: #e5534b; color: #e5534b; }
 .chip-ok { display: inline-block; padding: 4px 10px; border-radius: 999px;
    background: rgba(16, 185, 129, 0.15); border: 1px solid rgba(16, 185, 129, 0.5); }
 .admin-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
 .conn-badge { font-size: 0.78em; padding: 1px 7px; border-radius: 999px;
-    border: 1px solid var(--border, #333); white-space: nowrap; }
+    border: 1px solid var(--border, #2e302c); white-space: nowrap; }
 .seg-link { align-self: center; margin-left: 8px; font-size: 0.85em; text-decoration: none; }

 /* ── Tiroir de détail : édition et pièces jointes (0.31.0) ── */
@@ -1689,7 +1730,7 @@ body.sidebar-collapsed .ws-switch { display: none; }
 .detail-actions { margin: 10px 0; }
 #detail-edit-form input[type="text"] { width: 100%; margin-bottom: 8px; }
 #detail-edit-form textarea { width: 100%; }
-.asset-row { display: flex; align-items: center; gap: 10px; padding: 6px 0; border-bottom: 1px solid var(--border, #333); }
+.asset-row { display: flex; align-items: center; gap: 10px; padding: 6px 0; border-bottom: 1px solid var(--border, #2e302c); }
 .asset-row a { text-decoration: none; font-weight: 600; }
 .asset-meta { color: var(--muted, #999); font-size: 0.85em; margin-right: auto; }
 .asset-form { display: flex; gap: 8px; align-items: center; margin: 8px 0 4px; flex-wrap: wrap; }
@@ -1701,10 +1742,10 @@ body.sidebar-collapsed .ws-switch { display: none; }
 .composer { background: var(--surface); border: 1px solid var(--border); border-radius: 12px; padding: 12px 14px; margin: 6px 0 10px; }
 .composer-head { display: flex; align-items: baseline; gap: 10px; margin-bottom: 10px; }
 .composer-title { font-weight: 700; font-size: 0.95rem; }
-.composer-target { color: var(--muted, #9aa3b5); font-size: 0.82rem; }
+.composer-target { color: var(--muted, #a6aba2); font-size: 0.82rem; }
 .composer-main { display: flex; gap: 8px; }
 .composer-main input[type="text"] { flex: 1; background: var(--surface-2); border: 1px solid var(--border); border-radius: 8px; padding: 9px 12px; color: inherit; font-size: 0.95rem; }
-.composer-main input[type="text"]:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px rgba(124, 92, 252, 0.25); }
+.composer-main input[type="text"]:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px rgba(194, 67, 126, 0.25); }
 .composer-desc { margin-top: 10px; }
 .composer-desc summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; font-size: 0.88rem; color: var(--accent-2); padding: 4px 2px; user-select: none; }
 .composer-desc summary::-webkit-details-marker { display: none; }
@@ -1712,8 +1753,8 @@ body.sidebar-collapsed .ws-switch { display: none; }
 .composer-chevron { transition: transform 0.15s ease; font-size: 0.75rem; }
 .composer-desc[open ] .composer-chevron { transform: rotate(180deg); }
 .composer-desc textarea { width: 100%; margin-top: 8px; background: var(--surface-2); border: 1px solid var(--border); border-radius: 8px; padding: 10px 12px; color: inherit; font-family: inherit; resize: vertical; }
-.composer-desc textarea:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px rgba(124, 92, 252, 0.25); }
-.composer-hint { color: var(--muted, #9aa3b5); font-size: 0.78rem; margin: 6px 0 0; }
+.composer-desc textarea:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px rgba(194, 67, 126, 0.25); }
+.composer-hint { color: var(--muted, #a6aba2); font-size: 0.78rem; margin: 6px 0 0; }

 /* ── Mes issues : barre de filtres (0.33.0) ── */
 .my-filters { background: var(--surface); border: 1px solid var(--border); border-radius: 12px; padding: 12px 14px; margin: 12px 0 18px; }
@@ -1722,22 +1763,22 @@ body.sidebar-collapsed .ws-switch { display: none; }
 .my-search-wrap { position: relative; flex: 1 1 280px; }
 .my-search-icon { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); opacity: 0.65; pointer-events: none; }
 .my-search-wrap input[type="search"] { width: 100%; background: var(--surface-2); border: 1px solid var(--border); border-radius: 999px; padding: 9px 14px 9px 38px; color: inherit; font-size: 0.92rem; }
-.my-search-wrap input[type="search"]:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px rgba(124, 92, 252, 0.25); }
+.my-search-wrap input[type="search"]:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px rgba(194, 67, 126, 0.25); }
 .my-filters select { background: var(--surface-2); border: 1px solid var(--border); border-radius: 8px; padding: 9px 10px; color: inherit; font-size: 0.9rem; }
 .my-filters select:focus { outline: none; border-color: var(--accent); }
 .my-col-chips { display: flex; gap: 6px; flex-wrap: wrap; margin-right: auto; }
 .filter-chip { display: inline-flex; align-items: center; gap: 6px; background: var(--surface-2); border: 1px solid var(--border); color: inherit; border-radius: 999px; padding: 5px 12px; font-size: 0.85rem; cursor: pointer; transition: border-color 0.15s, background 0.15s; }
 .filter-chip:hover { border-color: var(--border-strong); }
-.filter-chip.on { background: rgba(124, 92, 252, 0.18); border-color: var(--accent); font-weight: 600; }
+.filter-chip.on { background: rgba(194, 67, 126, 0.18); border-color: var(--accent); font-weight: 600; }
 .filter-chip-dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; }
 .filter-chip-count { opacity: 0.7; font-size: 0.78rem; }
-.my-count { color: var(--muted, #9aa3b5); font-size: 0.88rem; white-space: nowrap; }
+.my-count { color: var(--muted, #a6aba2); font-size: 0.88rem; white-space: nowrap; }

 /* ── En vol partout (0.34.0, issue #24) ── */
 .inflight-summary { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin: 10px 0 18px; }
 .inflight-total { font-weight: 700; margin-right: 4px; }
 .inflight-repo { color: var(--accent-2); font-weight: 600; font-size: 0.85rem; }
-.inflight-wip { color: var(--muted, #9aa3b5); font-size: 0.8rem; font-weight: 400; margin-left: 8px; }
+.inflight-wip { color: var(--muted, #a6aba2); font-size: 0.8rem; font-weight: 400; margin-left: 8px; }

 /* ── Page Projet : gestion des jalons (0.35.0, #26) ── */
 .ms-edit { margin-top: 8px; }
@@ -1748,5 +1789,5 @@ body.sidebar-collapsed .ws-switch { display: none; }
 .ms-form label { display: flex; flex-direction: column; gap: 4px; font-size: 0.85rem; }
 .ms-form input[type="text"], .ms-form input[type="date"], .ms-form textarea { background: var(--surface); border: 1px solid var(--border); border-radius: 8px; padding: 8px 10px; color: inherit; font-family: inherit; }
 .ms-form input:focus, .ms-form textarea:focus { outline: none; border-color: var(--accent); }
-.ms-hint { color: var(--muted, #9aa3b5); font-size: 0.78rem; }
+.ms-hint { color: var(--muted, #a6aba2); font-size: 0.78rem; }
 .ms-form-actions { display: flex; gap: 8px; }
@@ -176,6 +176,47 @@
        if (e.key === 'Escape') closeMenus();
    });

+    /* ── Copier l'URL du projet (#44) ─────────────────────── */
+    function showCopyToast(message) {
+        var toast = document.createElement('div');
+        toast.className = 'kanbante-toast';
+        toast.setAttribute('role', 'status');
+        toast.textContent = message;
+        document.body.appendChild(toast);
+        setTimeout(function () { toast.remove(); }, 2600);
+    }
+    function copyTextFallback(text) {
+        var area = document.createElement('textarea');
+        area.value = text;
+        area.style.cssText = 'position:fixed;opacity:0;pointer-events:none;';
+        document.body.appendChild(area);
+        area.select();
+        var ok = false;
+        try { ok = document.execCommand('copy'); } catch (e) { ok = false; }
+        area.remove();
+        return ok;
+    }
+    function copyText(text) {
+        if (navigator.clipboard && window.isSecureContext) {
+            return navigator.clipboard.writeText(text).then(
+                function () { return true; },
+                function () { return copyTextFallback(text); }
+            );
+        }
+        return Promise.resolve(copyTextFallback(text));
+    }
+    document.querySelectorAll('[data-copy-url]').forEach(function (btn) {
+        btn.addEventListener('click', function (e) {
+            e.stopPropagation();
+            var url = btn.getAttribute('data-copy-url') || '';
+            if (!url) return;
+            copyText(url).then(function (ok) {
+                closeMenus();
+                showCopyToast(ok ? 'URL du projet copiée' : 'La copie a échoué');
+            });
+        });
+    });
+
    /* Le tri des tableaux denses (#22) vit dans tablesort.js,
       partagé avec /forecast et /health (0.19.0). */
 })();
@@ -1,11 +1,39 @@
-/* Recherche partout — page de résultats unifiée (fusion-trois-apps #68).
+/* Recherche partout — page de résultats unifiée (fusion-trois-apps #68,
+ * chantier 2+3 : onglets, « Tout voir », focus).
 *
 * Vanilla, sans dépendance. Un seul fichier vendangé tel quel par chaque
 * hôte (ObsiGate, Flowdeck, TikTak, Kanbante) : la configuration vient
 * des attributs data-* de #recherche, rendus côté serveur par l'hôte.
 *
+ * Présentation en onglets : Tout, ObsiGate, Flowdeck, TikTak, Kanbante,
+ * Console Spark. « Tout » = les 4 sections groupées, chaque liste
+ * tronquée à PER_APP_LIMIT ; un onglet application = tous les résultats
+ * de cette application (aucune troncature côté client — la requête
+ * ObsiGate part avec limit=FULL_LIMIT, les autres API renvoient leur
+ * jeu complet). « Tout voir » d'une section ne quitte plus la page :
+ * il bascule vers l'onglet de l'application (son href reste une URL
+ * partageable ?q=&tab= au cas où le JS ne tournerait pas).
+ * L'onglet actif vit dans l'URL (?tab=, absent = Tout) : partageable,
+ * et le retour arrière navigateur le restaure (popstate).
+ *
+ * Compteurs : chaque onglet affiche le nombre TOTAL de résultats de
+ * son application (pas le nombre tronqué affiché dans « Tout »),
+ * « … » pendant le chargement, « 0 » pour un vide honnête, rien pour
+ * une section en erreur/indisponible (pas de faux 0). L'onglet Tout
+ * affiche « … » tant qu'une section charge, sinon la somme des totaux
+ * connus (une section en erreur compte pour 0) ; il est vide si les
+ * 4 sections sont en erreur ou si aucune recherche n'a encore eu lieu.
+ * Une section injoignable ne casse jamais les autres.
+ *
+ * Focus : l'attribut autofocus seul ne survit pas au chargement des
+ * surcouches (barre, palette, app) — la page appelle donc focus()
+ * explicitement en fin d'init (plus un rappel rAF/timeout et un
+ * rappel pageshow). Cliquer la barre « Rechercher partout » (bouton
+ * data-act="palette") sur cette même page replace aussi le curseur
+ * dans la boîte ; « / » et Ctrl+K / ⌘K font de même, comme avant.
+ *
 * Contrat d'API (audité, rien d'inventé) :
- * - ObsiGate : GET {base}/api/search?q=&vault=all&limit=8
+ * - ObsiGate : GET {base}/api/search?q=&vault=all&limit=
 *   -> { results: [{ vault, path, title, snippet }] }
 *   Lien profond vérifié : {base}#file={vault}:{path} (Viewer.openFile).
 * - Flowdeck : GET {base}/api/search?q=
@@ -14,10 +42,39 @@
 * - TikTak : GET {base}/api/search?q=
 *   -> { tasks: [{ id, title, description, status, due_at }], ... }
 *   Lien profond vérifié : {base}search?q=<q>&task=<id> (page /search).
- * - Kanbante : GET {base}/api/search?q= (NOUVEAU, cette livraison)
+ * - Kanbante : GET {base}/api/search?q=
 *   -> { groups: [{ full_name, rows: [{ issue, column }] }] }
 *   Lien profond : {base}board/<full_name> (la carte n'a pas d'URL propre
 *   adressable — même limite que la page /search native de Kanbante).
+ * - Console Spark : GET {base-console}/api/v1/recherche?q=&limite=
+ *   (agent-commun, authentifié par le cookie SSO draco_session) ->
+ *   { q, domain, limite_par_type, resultats[], par_type,
+ *     non_cherchables[] } ; chaque résultat porte type, id, titre,
+ *   extrait, statut, domaine, section, objet et lien (relatif à
+ *   l'origine console). q < 2 caractères -> 422. Types cherchables :
+ *   discussion, mission, approbation, livrable, activite,
+ *   planification, objectif, identite (aucun secret). Liens profonds
+ *   (préfixés par la base console) : discussion
+ *   /?section=conversation&disc=<id>, mission
+ *   /?section=missions&objet=<id>, approbation
+ *   /?section=approbations&objet=<id>, objectif
+ *   /?section=objectifs&objet=<id>, activite /?activite=<id> ;
+ *   livrable /?section=livrables, planification /?section=planifie
+ *   et identite /?section=identites ouvrent la vue sans sélection
+ *   d'objet. L'onglet appelle avec limite=20 (plafond par type) car
+ *   il affiche la liste complète, comme les onglets d'applications.
+ *   En cas d'échec, de HTTP non-OK ou de format non reconnu, la
+ *   section affiche honnêtement « Console Spark : recherche
+ *   indisponible pour l'instant » — jamais de faux résultats,
+ *   jamais de faux 0. La base console vient, dans l'ordre, de
+ *   data-base-console rendu par l'hôte, de window.DRACO_URLS.agent
+ *   (ObsiGate) / window.DRACO_AGENT_URL (TikTak), de la dérivation
+ *   -dev si l'hôte courant est -dev, du href d'un onglet de barre
+ *   data-app="console"/"spark"/"agent" s'il existe, sinon du défaut
+ *   prod agent.dracodev.net. L'onglet console n'est interrogé que
+ *   lorsqu'il est affiché (ou quand une recherche a lieu pendant
+ *   qu'il est affiché) : « Tout » ne le contient pas, pour ne pas
+ *   polluer la vue groupée d'un message d'indisponibilité.
 *
 * Résolution des bases sœurs (même ordre que la barre v0.1.6) :
 *   1. data-base-* rendus par l'hôte (son propre résolveur : explicite >
@@ -31,9 +88,12 @@
 * credentials:"include". Le navigateur envoie alors les cookies de
 * chaque origine, dont le cookie SSO partagé draco_session
 * (Domain=.dracodev.net), accepté par les 4 API de recherche
- * (ObsiGate et TikTak nativement, Flowdeck et Kanbante via cette
- * livraison). Chaque sœur n'autorise en CORS que les origines sœurs
- * (GET sur l'endpoint de recherche uniquement, pas de "*").
+ * (ObsiGate et TikTak nativement, Flowdeck et Kanbante via #68)
+ * et par GET /api/v1/recherche de la console (identity() accepte
+ * draco_session). Chaque sœur n'autorise en CORS que les origines
+ * sœurs (GET sur l'endpoint de recherche uniquement, pas de "*") ;
+ * côté console, un middleware borné à /api/v1/recherche autorise
+ * de même les 8 origines hôtes prod ET dev, avec credentials.
 * Une sœur injoignable / non autorisée ne casse pas les autres :
 * sa section affiche l'erreur + un lien vers sa recherche native.
 */
@@ -56,12 +116,36 @@
    tiktak: "https://tiktak-dev.dracodev.net/",
    kanbante: "https://kanbante-dev.dracodev.net/",
  };
+  var PROD_AGENT = "https://agent.dracodev.net/";
+  var DEV_AGENT = "https://agent-dev.dracodev.net/";
+  var CONSOLE_SEARCH_PATH = "api/v1/recherche";
+  var CONSOLE_SEARCH_LIMIT = 20;
  var APPS = [
    { key: "obsigate", label: "ObsiGate" },
    { key: "flowdeck", label: "Flowdeck" },
    { key: "tiktak", label: "TikTak" },
    { key: "kanbante", label: "Kanbante" },
  ];
+  var CONSOLE_APP = { key: "console", label: "Console Spark" };
+  var CONSOLE_TYPE_LABELS = {
+    discussion: "Discussion",
+    mission: "Mission",
+    approbation: "Approbation",
+    livrable: "Livrable",
+    activite: "Activité",
+    planification: "Planification",
+    objectif: "Objectif",
+    identite: "Identité",
+  };
+  /* Lien profond console (relatif à l'origine console) quand le
+   * résultat n'en porte pas : même règle que _lien_recherche
+   * d'agent-commun (section + objet, activite en section=null). */
+  var CONSOLE_VIEW_LINKS = {
+    livrable: "/?section=livrables",
+    planification: "/?section=planifie",
+    identite: "/?section=identites",
+  };
+  var TABS = ["all", "obsigate", "flowdeck", "tiktak", "kanbante", "console"];
  var COLUMN_LABELS = {
    backlog: "Backlog",
    in_progress: "En cours",
@@ -73,6 +157,7 @@
  var TIMEOUT_MS = 8000;
  var DEBOUNCE_MS = 250;
  var PER_APP_LIMIT = 8;
+  var FULL_LIMIT = 100;

  function esc(s) {
    return String(s == null ? "" : s)
@@ -120,9 +205,92 @@
    return out;
  }

-  function searchPath(app, q) {
+  /* Base console : explicite > URL agent injectée par l'hôte >
+   * dérivation -dev > href d'onglet de barre console/spark > prod.
+   * opts : { host, explicit, agentUrl, tabHrefs:{} } */
+  function resolveConsoleBase(opts) {
+    opts = opts || {};
+    var u = cleanUrl(opts.explicit);
+    if (!u) u = cleanUrl(opts.agentUrl);
+    if (!u && isDevHost(opts.host)) u = DEV_AGENT;
+    if (!u)
+      u = cleanUrl(
+        opts.tabHrefs &&
+          (opts.tabHrefs.console || opts.tabHrefs.spark || opts.tabHrefs.agent)
+      );
+    if (!u) u = PROD_AGENT;
+    return withSlash(u);
+  }
+
+  /* Onglet valide dans l'URL, sinon "all". */
+  function parseTab(v) {
+    return TABS.indexOf(v) !== -1 ? v : "all";
+  }
+
+  /* Sections visibles pour un onglet. « Tout » = les 4 sections
+   * groupées (vue #68) ; la console n'y figure pas (voir en-tête). */
+  function visibleKeys(tab) {
+    tab = parseTab(tab);
+    if (tab === "all") return APPS.map(function (a) { return a.key; });
+    return [tab];
+  }
+
+  /* Troncature d'affichage : liste complète dans l'onglet propre à
+   * l'application, PER_APP_LIMIT partout ailleurs (vue « Tout »). */
+  function pageItems(items, full) {
+    items = items || [];
+    return full ? items : items.slice(0, PER_APP_LIMIT);
+  }
+
+  /* ?q=&tab= partageable. tab "all" omis (c'est le défaut). */
+  function buildSearchUrl(q, tab) {
+    var parts = [];
+    if (q) parts.push("q=" + encodeURIComponent(q));
+    tab = parseTab(tab);
+    if (tab !== "all") parts.push("tab=" + encodeURIComponent(tab));
+    return parts.length ? "?" + parts.join("&") : "";
+  }
+
+  /* Libellés des compteurs d'onglets à partir des états :
+   * states : { key: { status, total } }.
+   * Chargement -> "…", ok/vide -> total ("0" honnête),
+   * erreur/indisponible/inactif -> "" (pas de faux 0).
+   * Tout : "…" tant qu'une section charge, sinon somme des totaux
+   * connus, "" si les 4 sections sont en erreur/inactives. */
+  function tabCounts(states) {
+    states = states || {};
+    var out = {};
+    function labelFor(key) {
+      var st = states[key] || {};
+      if (st.status === "loading") return "…";
+      if (st.status === "ok" || st.status === "empty") return String(st.total || 0);
+      return "";
+    }
+    var allLoading = false;
+    var allTotal = 0;
+    var allKnown = false;
+    APPS.forEach(function (app) {
+      var st = states[app.key] || {};
+      out[app.key] = labelFor(app.key);
+      if (st.status === "loading") allLoading = true;
+      if (st.status === "ok" || st.status === "empty") {
+        allKnown = true;
+        allTotal += st.total || 0;
+      }
+    });
+    out.console = labelFor("console");
+    out.all = allLoading ? "…" : allKnown ? String(allTotal) : "";
+    return out;
+  }
+
+  function searchPath(app, q, full) {
    if (app === "obsigate") {
-      return "api/search?q=" + encodeURIComponent(q) + "&vault=all&limit=" + PER_APP_LIMIT;
+      return (
+        "api/search?q=" +
+        encodeURIComponent(q) +
+        "&vault=all&limit=" +
+        (full ? FULL_LIMIT : PER_APP_LIMIT)
+      );
    }
    return "api/search?q=" + encodeURIComponent(q);
  }
@@ -133,11 +301,17 @@
  }

  /* Normalise la réponse d'une app en [{ title, snippet, context, url }].
-   * base : base résolue de l'app (avec / final). q : requête (liens TikTak). */
-  function normalize(app, data, base, q) {
+   * base : base résolue de l'app (avec / final). q : requête (liens TikTak).
+   * full=true : aucune troncature (stockage complet) ; sinon PER_APP_LIMIT
+   * (comportement historique, conservé par défaut pour les tests). */
+  function normalize(app, data, base, q, full) {
    data = data || {};
+    var limit = full ? null : PER_APP_LIMIT;
+    function cut(arr) {
+      return limit == null ? arr : arr.slice(0, limit);
+    }
    if (app === "obsigate") {
-      return (data.results || []).slice(0, PER_APP_LIMIT).map(function (r) {
+      return cut(data.results || []).map(function (r) {
        return {
          title: r.title || r.path || "Sans titre",
          snippet: snippetOf(r.snippet || ""),
@@ -153,7 +327,7 @@
    }
    if (app === "flowdeck") {
      var items = (data.pages || []).concat(data.collections || []);
-      return items.slice(0, PER_APP_LIMIT).map(function (r) {
+      return cut(items).map(function (r) {
        var rel = String(r.url || "").replace(/^\//, "");
        return {
          title: r.title || "Sans titre",
@@ -164,7 +338,7 @@
      });
    }
    if (app === "tiktak") {
-      return (data.tasks || []).slice(0, PER_APP_LIMIT).map(function (t) {
+      return cut(data.tasks || []).map(function (t) {
        var ctx = t.status === "done" ? "Terminée" : "Active";
        if (t.due_at) ctx += " · échéance " + String(t.due_at).slice(0, 10);
        return {
@@ -182,7 +356,7 @@
          rows.push({ group: g.full_name, row: row });
        });
      });
-      return rows.slice(0, PER_APP_LIMIT).map(function (x) {
+      return cut(rows).map(function (x) {
        var issue = x.row.issue || {};
        var col = COLUMN_LABELS[x.row.column] || x.row.column || "";
        return {
@@ -196,6 +370,86 @@
    return [];
  }

+  /* Normalisation console : format réel GET /api/v1/recherche,
+   * { resultats: [{ type, id, titre, extrait, statut, domaine,
+   * section, objet, lien }] }. Le lien relatif est préfixé par la
+   * base console ; sans lien, il est reconstruit depuis type/id
+   * (même règle que la console) ; sans lien reconstructible,
+   * url=null et le résultat est rendu en <span>, pas en faux lien.
+   * Les anciennes formes tolérées (results/discussions/items, avec
+   * url/href/link) restent acceptées en repli, pour ne pas casser
+   * un déploiement console antérieur. Retourne { recognized,
+   * items } : recognized=false -> l'appelant affiche
+   * « indisponible », jamais un vide mensonger. */
+  function consoleLinkFor(r) {
+    var lien = r.lien || "";
+    if (lien) return lien;
+    var id = r.id != null ? String(r.id) : "";
+    if (r.type === "discussion")
+      return "/?section=conversation&disc=" + encodeURIComponent(id);
+    if (r.type === "mission")
+      return "/?section=missions&objet=" + encodeURIComponent(id);
+    if (r.type === "approbation")
+      return "/?section=approbations&objet=" + encodeURIComponent(id);
+    if (r.type === "objectif")
+      return "/?section=objectifs&objet=" + encodeURIComponent(id);
+    if (r.type === "activite") return "/?activite=" + encodeURIComponent(id);
+    if (CONSOLE_VIEW_LINKS[r.type]) return CONSOLE_VIEW_LINKS[r.type];
+    if (r.section)
+      return (
+        "/?section=" +
+        encodeURIComponent(r.section) +
+        (r.objet != null
+          ? "&objet=" + encodeURIComponent(String(r.objet))
+          : "")
+      );
+    return "";
+  }
+
+  function normalizeConsole(data, base) {
+    data = data || {};
+    if (Array.isArray(data.resultats)) {
+      var items = data.resultats.map(function (r) {
+        r = r || {};
+        var rel = consoleLinkFor(r);
+        var url = null;
+        if (/^https?:\/\//.test(rel)) url = rel;
+        else if (rel.charAt(0) === "/" || rel.charAt(0) === "#")
+          url = base + String(rel).replace(/^\//, "");
+        var label = CONSOLE_TYPE_LABELS[r.type] || r.type || "Console";
+        var context = label;
+        if (r.statut) context += " · " + r.statut;
+        if (r.domaine) context += " · " + r.domaine;
+        return {
+          title: r.titre || r.title || "Sans titre",
+          snippet: snippetOf(r.extrait || r.snippet || ""),
+          context: context,
+          url: url,
+        };
+      });
+      return { recognized: true, items: items };
+    }
+    var list = null;
+    if (Array.isArray(data.results)) list = data.results;
+    else if (Array.isArray(data.discussions)) list = data.discussions;
+    else if (Array.isArray(data.items)) list = data.items;
+    if (!list) return { recognized: false, items: [] };
+    var legacy = list.map(function (r) {
+      r = r || {};
+      var raw = r.url || r.href || r.link || "";
+      var url = null;
+      if (/^https?:\/\//.test(raw)) url = raw;
+      else if (raw.charAt(0) === "/" || raw.charAt(0) === "#") url = base + String(raw).replace(/^\//, "");
+      return {
+        title: r.title || r.name || r.subject || "Sans titre",
+        snippet: snippetOf(r.snippet || r.excerpt || r.preview || r.body || ""),
+        context: r.subtitle || r.source || r.type || "",
+        url: url,
+      };
+    });
+    return { recognized: true, items: legacy };
+  }
+
  /* Recherche native de l'app (repli quand la section est en erreur). */
  function nativeSearchUrl(app, base, q) {
    if (app === "tiktak" || app === "kanbante") {
@@ -214,6 +468,7 @@
  }

  function appLabel(key) {
+    if (key === "console") return CONSOLE_APP.label;
    for (var i = 0; i < APPS.length; i++) {
      if (APPS[i].key === key) return APPS[i].label;
    }
@@ -224,11 +479,26 @@
    esc: esc,
    isDevHost: isDevHost,
    resolveBases: resolveBases,
+    resolveConsoleBase: resolveConsoleBase,
+    parseTab: parseTab,
+    visibleKeys: visibleKeys,
+    pageItems: pageItems,
+    buildSearchUrl: buildSearchUrl,
+    tabCounts: tabCounts,
    searchPath: searchPath,
    normalize: normalize,
+    normalizeConsole: normalizeConsole,
    nativeSearchUrl: nativeSearchUrl,
    PROD: PROD,
    DEV: DEV,
+    PROD_AGENT: PROD_AGENT,
+    DEV_AGENT: DEV_AGENT,
+    CONSOLE_SEARCH_PATH: CONSOLE_SEARCH_PATH,
+    CONSOLE_SEARCH_LIMIT: CONSOLE_SEARCH_LIMIT,
+    CONSOLE_TYPE_LABELS: CONSOLE_TYPE_LABELS,
+    consoleLinkFor: consoleLinkFor,
+    PER_APP_LIMIT: PER_APP_LIMIT,
+    FULL_LIMIT: FULL_LIMIT,
  };
  if (typeof module !== "undefined" && module.exports) module.exports = api;
  global.RecherchePartout = api;
@@ -268,16 +538,24 @@
      });
  }

-  function renderSection(section, state) {
-    /* state : { status: "loading"|"empty"|"error"|"ok", items, message, q, base, app } */
+  function renderSection(section, state, full) {
+    /* state : { status: "idle"|"loading"|"empty"|"error"|"ok"|"unavailable",
+     *   items (complets), message, q, base, app }.
+     * full=true (onglet propre à l'app) : tout afficher ; sinon
+     * PER_APP_LIMIT (vue « Tout »). Le compteur affiche le TOTAL. */
    var body = section.querySelector(".rp-body");
    var count = section.querySelector(".rp-count");
    var toutVoir = section.querySelector(".rp-all");
-    toutVoir.href = nativeSearchUrl(state.app, state.base, state.q);
-    toutVoir.textContent = "Tout voir";
-    toutVoir.title = nativeSearchLabel(state.app);
+    if (toutVoir) {
+      try {
+        toutVoir.href =
+          global.location.pathname + buildSearchUrl(state.q, state.app);
+      } catch (e) {}
+      toutVoir.textContent = "Tout voir";
+      toutVoir.title = "Afficher tous les résultats de " + appLabel(state.app);
+    }
    if (state.status === "loading") {
-      count.textContent = "";
+      count.textContent = "…";
      body.innerHTML = '<p class="rp-state">Recherche…</p>';
      return;
    }
@@ -293,19 +571,31 @@
        "</a></p>";
      return;
    }
-    if (state.status === "empty") {
+    if (state.status === "unavailable") {
      count.textContent = "";
+      body.innerHTML =
+        '<p class="rp-state">Console Spark : recherche indisponible pour l\'instant' +
+        (state.message ? " (" + esc(state.message) + ")" : "") +
+        ".</p>";
+      return;
+    }
+    if (state.status === "idle") {
+      count.textContent = "";
+      body.innerHTML =
+        '<p class="rp-state">Tapez une recherche ci-dessus.</p>';
+      return;
+    }
+    if (state.status === "empty") {
+      count.textContent = "0";
      body.innerHTML =
        '<p class="rp-state">Aucun résultat pour « ' + esc(state.q) + " ».</p>";
      return;
    }
+    var shown = pageItems(state.items, full);
    count.textContent = String(state.items.length);
-    body.innerHTML = state.items
+    body.innerHTML = shown
      .map(function (item) {
-        return (
-          '<a class="rp-item" data-rp-link href="' +
-          esc(item.url) +
-          '">' +
+        var inner =
          '<span class="rp-title">' +
          esc(item.title) +
          "</span>" +
@@ -314,9 +604,13 @@
            : "") +
          (item.snippet
            ? '<span class="rp-snippet">' + esc(item.snippet) + "</span>"
-            : "") +
-          "</a>"
-        );
+            : "");
+        if (item.url) {
+          return (
+            '<a class="rp-item" data-rp-link href="' + esc(item.url) + '">' + inner + "</a>"
+          );
+        }
+        return '<span class="rp-item">' + inner + "</span>";
      })
      .join("");
  }
@@ -349,40 +643,213 @@
      barUrls: barUrls,
      tabHrefs: tabHrefs,
    });
+    var consoleBase = resolveConsoleBase({
+      host: global.location.hostname,
+      explicit: root.getAttribute("data-base-console"),
+      agentUrl:
+        (global.DRACO_URLS && global.DRACO_URLS.agent) || global.DRACO_AGENT_URL,
+      tabHrefs: tabHrefs,
+    });
+    var allKeys = APPS.map(function (a) { return a.key; }).concat(["console"]);
    var sections = {};
-    APPS.forEach(function (app) {
-      var el = document.querySelector('[data-rp-section="' + app.key + '"]');
-      if (el) sections[app.key] = el;
+    allKeys.forEach(function (key) {
+      var el = document.querySelector('[data-rp-section="' + key + '"]');
+      if (el) sections[key] = el;
+    });
+    var tabButtons = {};
+    document.querySelectorAll("[data-rp-tab]").forEach(function (btn) {
+      tabButtons[btn.getAttribute("data-rp-tab")] = btn;
+    });
+    var tablist = document.querySelector(".rp-tabs");
+
+    /* États par application (+ console). total = items.length. */
+    var states = {};
+    allKeys.forEach(function (key) {
+      states[key] = {
+        status: "idle",
+        items: [],
+        message: "",
+        q: "",
+        base: key === "console" ? consoleBase : bases[key],
+        app: key,
+      };
    });

+    var activeTab = "all";
    var currentQ = "";
    var runId = 0;
+    var consoleFetchedQ = null;
    var debounceTimer = null;

+    function statesForCounts() {
+      var out = {};
+      allKeys.forEach(function (key) {
+        out[key] = { status: states[key].status, total: states[key].items.length };
+      });
+      return out;
+    }
+
+    function renderTabs() {
+      var counts = tabCounts(statesForCounts());
+      Object.keys(tabButtons).forEach(function (key) {
+        var btn = tabButtons[key];
+        var selected = key === activeTab;
+        btn.classList.toggle("active", selected);
+        btn.setAttribute("aria-selected", selected ? "true" : "false");
+        btn.tabIndex = selected ? 0 : -1;
+        var span = btn.querySelector(".rp-tab-count");
+        if (span) span.textContent = counts[key] || "";
+      });
+    }
+
+    /* Bascule d'onglet : visibilité des sections, re-rendu (plein dans
+     * l'onglet propre à l'app, tronqué dans « Tout »), compteurs.
+     * opts : { push (historique), focusTab }. */
+    function applyTab(tab, opts) {
+      opts = opts || {};
+      activeTab = parseTab(tab);
+      try {
+        root.setAttribute("data-rp-tab", activeTab);
+      } catch (e) {}
+      var visible = visibleKeys(activeTab);
+      allKeys.forEach(function (key) {
+        var sec = sections[key];
+        if (!sec) return;
+        var show = visible.indexOf(key) !== -1;
+        sec.hidden = !show;
+        if (show) renderSection(sec, states[key], activeTab === key);
+        var tv = sec.querySelector(".rp-all");
+        if (tv) tv.hidden = activeTab === key;
+      });
+      renderTabs();
+      if (opts.push) {
+        try {
+          global.history.pushState(
+            null,
+            "",
+            global.location.pathname + buildSearchUrl(currentQ, activeTab)
+          );
+        } catch (e) {}
+      }
+      if (opts.focusTab && tabButtons[activeTab]) {
+        try {
+          tabButtons[activeTab].focus();
+        } catch (e) {}
+      }
+    }
+
+    function setTab(tab, opts) {
+      applyTab(tab, opts);
+      /* La console n'est interrogée qu'une fois affichée. */
+      if (parseTab(tab) === "console" && currentQ && consoleFetchedQ !== currentQ) {
+        fetchConsole(currentQ, runId);
+      }
+    }
+
+    function fetchConsole(q, myRun) {
+      var sec = sections.console;
+      if (!sec) return;
+      consoleFetchedQ = q;
+      states.console = {
+        status: "loading",
+        items: [],
+        message: "",
+        q: q,
+        base: consoleBase,
+        app: "console",
+      };
+      renderSection(sec, states.console, true);
+      renderTabs();
+      var url =
+        consoleBase +
+        CONSOLE_SEARCH_PATH +
+        "?q=" +
+        encodeURIComponent(q) +
+        "&limite=" +
+        CONSOLE_SEARCH_LIMIT;
+      fetchSection("console", url, function (err, data) {
+        if (myRun !== runId) return;
+        if (err) {
+          var msg;
+          if (err.name === "AbortError") msg = "délai dépassé (8 s)";
+          else if (err.status === 422)
+            msg = "au moins 2 caractères requis";
+          else if (err.status) msg = "HTTP " + err.status;
+          else msg = "injoignable (CORS ou réseau)";
+          states.console = {
+            status: "unavailable",
+            items: [],
+            message: msg,
+            q: q,
+            base: consoleBase,
+            app: "console",
+          };
+        } else {
+          var norm = normalizeConsole(data, consoleBase);
+          if (!norm.recognized) {
+            states.console = {
+              status: "unavailable",
+              items: [],
+              message: "format inattendu",
+              q: q,
+              base: consoleBase,
+              app: "console",
+            };
+          } else {
+            states.console = {
+              status: norm.items.length ? "ok" : "empty",
+              items: norm.items,
+              message: "",
+              q: q,
+              base: consoleBase,
+              app: "console",
+            };
+          }
+        }
+        renderSection(sec, states.console, true);
+        renderTabs();
+      });
+    }
+
    function runSearch(q) {
      currentQ = q;
      var myRun = ++runId;
      if (!q) {
-        APPS.forEach(function (app) {
-          var sec = sections[app.key];
+        allKeys.forEach(function (key) {
+          var sec = sections[key];
          if (!sec) return;
-          sec.querySelector(".rp-body").innerHTML =
-            '<p class="rp-state">Tapez une recherche ci-dessus.</p>';
-          sec.querySelector(".rp-count").textContent = "";
-          sec.querySelector(".rp-all").href = nativeSearchUrl(app.key, bases[app.key], "");
+          states[key] = {
+            status: "idle",
+            items: [],
+            message: "",
+            q: "",
+            base: key === "console" ? consoleBase : bases[key],
+            app: key,
+          };
+          renderSection(sec, states[key], activeTab === key);
        });
+        consoleFetchedQ = null;
+        renderTabs();
        return;
      }
      APPS.forEach(function (app) {
        var sec = sections[app.key];
        if (!sec) return;
-        renderSection(sec, { status: "loading", app: app.key, base: bases[app.key], q: q });
+        states[app.key] = {
+          status: "loading",
+          items: [],
+          message: "",
+          q: q,
+          base: bases[app.key],
+          app: app.key,
+        };
+        renderSection(sec, states[app.key], activeTab === app.key);
        var url;
        if (app.key === hostApp) {
          /* Même origine : pas de CORS, pas de CSP cross-origin. */
-          url = "/" + searchPath(app.key, q);
+          url = "/" + searchPath(app.key, q, true);
        } else {
-          url = bases[app.key] + searchPath(app.key, q);
+          url = bases[app.key] + searchPath(app.key, q, true);
        }
        fetchSection(app.key, url, function (err, data) {
          if (myRun !== runId) return;
@@ -393,25 +860,45 @@
              msg = "Connexion requise sur " + app.label;
            else if (err.status) msg = "Indisponible (HTTP " + err.status + ")";
            else msg = "Injoignable depuis cet hôte (CORS ou réseau)";
-            renderSection(sec, {
+            states[app.key] = {
              status: "error",
+              items: [],
              message: msg,
-              app: app.key,
-              base: bases[app.key],
              q: q,
-            });
-            return;
+              base: bases[app.key],
+              app: app.key,
+            };
+          } else {
+            var items = normalize(app.key, data, bases[app.key], q, true);
+            states[app.key] = {
+              status: items.length ? "ok" : "empty",
+              items: items,
+              message: "",
+              q: q,
+              base: bases[app.key],
+              app: app.key,
+            };
          }
-          var items = normalize(app.key, data, bases[app.key], q);
-          renderSection(sec, {
-            status: items.length ? "ok" : "empty",
-            items: items,
-            app: app.key,
-            base: bases[app.key],
-            q: q,
-          });
+          renderSection(sec, states[app.key], activeTab === app.key);
+          renderTabs();
        });
      });
+      /* Console : seulement si son onglet est affiché ; sinon son
+       * compteur reste vide (pas de faux 0) jusqu'à son activation. */
+      if (activeTab === "console") {
+        fetchConsole(q, myRun);
+      } else {
+        states.console = {
+          status: "idle",
+          items: [],
+          message: "",
+          q: q,
+          base: consoleBase,
+          app: "console",
+        };
+        consoleFetchedQ = null;
+        renderTabs();
+      }
    }

    function scheduleSearch(q, immediate) {
@@ -427,13 +914,33 @@

    function syncUrl(q) {
      try {
-        var url = new URL(global.location.href);
-        if (q) url.searchParams.set("q", q);
-        else url.searchParams.delete("q");
-        global.history.replaceState(null, "", url.toString());
+        global.history.replaceState(
+          null,
+          "",
+          global.location.pathname + buildSearchUrl(q, activeTab)
+        );
      } catch (e) {}
    }

+    function focusSearch() {
+      try {
+        input.focus({ preventScroll: true });
+      } catch (e) {
+        try {
+          input.focus();
+        } catch (e2) {}
+      }
+    }
+
+    function visibleLinks() {
+      return Array.prototype.slice
+        .call(document.querySelectorAll("[data-rp-link]"))
+        .filter(function (a) {
+          var s = a.closest ? a.closest("[data-rp-section]") : null;
+          return !s || !s.hidden;
+        });
+    }
+
    input.addEventListener("input", function () {
      var q = input.value.trim();
      syncUrl(q);
@@ -441,7 +948,7 @@
    });
    input.addEventListener("keydown", function (e) {
      if (e.key === "Enter") {
-        var first = document.querySelector("[data-rp-link]");
+        var first = visibleLinks()[0];
        if (first) {
          e.preventDefault();
          first.click();
@@ -471,6 +978,9 @@
          input.select();
          return;
        }
+        /* Sur un onglet, ↑/↓ ne déplacent pas les résultats : les
+         * flèches ←/→ du tablist s'en chargent (voir ci-dessous). */
+        if (target && target.closest && target.closest(".rp-tab")) return;
        if (!typing && (e.key === "ArrowDown" || e.key === "ArrowUp")) {
          moveFocus(e.key === "ArrowDown" ? 1 : -1, e);
        }
@@ -478,8 +988,62 @@
      true
    );

+    /* « Tout voir » reste sur la page : bascule vers l'onglet. */
+    root.addEventListener("click", function (e) {
+      var all = e.target && e.target.closest ? e.target.closest(".rp-all") : null;
+      if (!all) return;
+      var sec = all.closest ? all.closest("[data-rp-section]") : null;
+      if (!sec) return;
+      e.preventDefault();
+      setTab(sec.getAttribute("data-rp-section"), { push: true, focusTab: true });
+    });
+
+    /* Clic sur la barre « Rechercher partout » (bouton
+     * data-act="palette") pendant qu'on est déjà sur la page :
+     * replacer le curseur dans la boîte au lieu de recharger. */
+    document.addEventListener("click", function (e) {
+      var p = e.target && e.target.closest ? e.target.closest('[data-act="palette"]') : null;
+      if (!p) return;
+      e.preventDefault();
+      focusSearch();
+      try {
+        input.select();
+      } catch (err) {}
+    });
+
+    /* Onglets : clic + clavier (←/→, Début/Fin). */
+    Object.keys(tabButtons).forEach(function (key) {
+      tabButtons[key].addEventListener("click", function () {
+        setTab(key, { push: true });
+      });
+    });
+    if (tablist) {
+      tablist.addEventListener("keydown", function (e) {
+        var order = TABS;
+        var idx = order.indexOf(activeTab);
+        var next = null;
+        if (e.key === "ArrowRight") next = order[(idx + 1) % order.length];
+        else if (e.key === "ArrowLeft")
+          next = order[(idx - 1 + order.length) % order.length];
+        else if (e.key === "Home") next = order[0];
+        else if (e.key === "End") next = order[order.length - 1];
+        if (!next) return;
+        e.preventDefault();
+        setTab(next, { push: true, focusTab: true });
+      });
+    }
+
+    /* Retour arrière navigateur : restaurer q + onglet. */
+    global.addEventListener("popstate", function () {
+      var params = new URLSearchParams(global.location.search);
+      var q = (params.get("q") || "").trim();
+      input.value = q;
+      applyTab(params.get("tab"));
+      runSearch(q);
+    });
+
    function moveFocus(delta, e) {
-      var links = Array.prototype.slice.call(document.querySelectorAll("[data-rp-link]"));
+      var links = visibleLinks();
      if (!links.length) return;
      var active = document.activeElement;
      var idx = links.indexOf(active);
@@ -492,12 +1056,23 @@

    var params = new URLSearchParams(global.location.search);
    var initialQ = (params.get("q") || "").trim();
-    if (initialQ) {
-      input.value = initialQ;
-      runSearch(initialQ);
-    } else {
-      runSearch("");
-    }
+    var initialTab = parseTab(params.get("tab"));
+    if (initialQ) input.value = initialQ;
+    applyTab(initialTab);
+    runSearch(initialQ);
+
+    /* Focus explicite (voir en-tête) : l'attribut autofocus seul ne
+     * survit pas au chargement des surcouches. */
+    focusSearch();
+    try {
+      if (global.requestAnimationFrame) global.requestAnimationFrame(focusSearch);
+    } catch (e) {}
+    try {
+      setTimeout(focusSearch, 0);
+    } catch (e) {}
+    global.addEventListener("pageshow", function (e) {
+      if (e.persisted) focusSearch();
+    });
  }

  if (document.readyState === "loading") {
@@ -65,4 +65,120 @@ ok(items[0].context === "Projets/site · En cours", "contexte Kanbante");
 ok(rp.nativeSearchUrl("tiktak", "https://tiktak-dev.dracodev.net/", "q") === "https://tiktak-dev.dracodev.net/search?q=q", "repli TikTak");
 ok(rp.nativeSearchUrl("obsigate", "https://og-dev.dracodev.net/", "q") === "https://og-dev.dracodev.net/", "repli ObsiGate = accueil (palette)");

+
+/* ---- Chantier 2+3 : onglets, compteurs, URL, console (logique pure) ---- */
+
+/* parseTab */
+ok(rp.parseTab("obsigate") === "obsigate", "onglet valide conservé");
+ok(rp.parseTab("console") === "console", "onglet console valide");
+ok(rp.parseTab("bidon") === "all", "onglet inconnu -> Tout");
+ok(rp.parseTab(undefined) === "all", "onglet absent -> Tout");
+
+/* visibleKeys : Tout = les 4 sections groupées, sans la console */
+ok(JSON.stringify(rp.visibleKeys("all")) === JSON.stringify(["obsigate", "flowdeck", "tiktak", "kanbante"]), "Tout = 4 sections, pas la console");
+ok(JSON.stringify(rp.visibleKeys("tiktak")) === JSON.stringify(["tiktak"]), "onglet app = sa seule section");
+ok(JSON.stringify(rp.visibleKeys("console")) === JSON.stringify(["console"]), "onglet console = sa seule section");
+ok(JSON.stringify(rp.visibleKeys("bidon")) === JSON.stringify(["obsigate", "flowdeck", "tiktak", "kanbante"]), "onglet inconnu -> Tout");
+
+/* pageItems : troncature Tout (8), complet dans l'onglet de l'app */
+let douze = Array.from({ length: 12 }, (_, i) => ({ title: "T" + i }));
+ok(rp.pageItems(douze, false).length === 8, "vue Tout tronquée à 8");
+ok(rp.pageItems(douze, true).length === 12, "onglet app sans troncature");
+
+/* tabCounts : "…" en chargement, total sinon, "" en erreur (pas de faux 0) */
+let c = rp.tabCounts({
+  obsigate: { status: "loading", total: 0 },
+  flowdeck: { status: "ok", total: 3 },
+  tiktak: { status: "empty", total: 0 },
+  kanbante: { status: "error", total: 0 },
+  console: { status: "idle", total: 0 },
+});
+ok(c.obsigate === "…", "compteur … pendant le chargement");
+ok(c.flowdeck === "3" && c.tiktak === "0", "compteur total, vide honnête à 0");
+ok(c.kanbante === "" && c.console === "", "erreur/inactif : pas de faux 0");
+ok(c.all === "…", "Tout = … tant qu'une section charge");
+c = rp.tabCounts({
+  obsigate: { status: "ok", total: 5 },
+  flowdeck: { status: "ok", total: 2 },
+  tiktak: { status: "empty", total: 0 },
+  kanbante: { status: "error", total: 0 },
+  console: { status: "ok", total: 4 },
+});
+ok(c.all === "7", "Tout = somme des totaux connus");
+ok(c.console === "4", "compteur console");
+c = rp.tabCounts({
+  obsigate: { status: "error", total: 0 },
+  flowdeck: { status: "error", total: 0 },
+  tiktak: { status: "error", total: 0 },
+  kanbante: { status: "error", total: 0 },
+  console: { status: "idle", total: 0 },
+});
+ok(c.all === "", "Tout vide si les 4 sections sont en erreur");
+
+/* buildSearchUrl : état onglet partageable */
+ok(rp.buildSearchUrl("café", "tiktak") === "?q=caf%C3%A9&tab=tiktak", "URL q+onglet");
+ok(rp.buildSearchUrl("x", "all") === "?q=x", "URL Tout sans param tab");
+ok(rp.buildSearchUrl("", "all") === "", "URL vide sans recherche ni onglet");
+ok(rp.buildSearchUrl("", "console") === "?tab=console", "URL onglet seul");
+
+/* searchPath complet (onglet) vs tronqué (Tout) */
+ok(rp.searchPath("obsigate", "café", true) === "api/search?q=caf%C3%A9&vault=all&limit=100", "path ObsiGate complet (100)");
+ok(rp.searchPath("obsigate", "café") === "api/search?q=caf%C3%A9&vault=all&limit=8", "path ObsiGate Tout (8)");
+
+/* normalize complet vs tronqué */
+let taches12 = Array.from({ length: 12 }, (_, i) => ({ id: i + 1, title: "T" + i, status: "active" }));
+ok(rp.normalize("tiktak", { tasks: taches12 }, "https://tiktak-dev.dracodev.net/", "t", true).length === 12, "normalize complet");
+ok(rp.normalize("tiktak", { tasks: taches12 }, "https://tiktak-dev.dracodev.net/", "t").length === 8, "normalize tronqué par défaut");
+
+/* normalizeConsole : formes tolérées, pas de faux lien, format inconnu signalé */
+let nc = rp.normalizeConsole({ results: [{ title: "D", url: "https://agent.dracodev.net/console/1", snippet: "s" }] }, "https://agent.dracodev.net/");
+ok(nc.recognized === true && nc.items[0].url === "https://agent.dracodev.net/console/1", "console : URL absolue conservée");
+nc = rp.normalizeConsole({ discussions: [{ name: "Conv", href: "/discussions/9" }] }, "https://agent-dev.dracodev.net/");
+ok(nc.recognized === true && nc.items[0].url === "https://agent-dev.dracodev.net/discussions/9", "console : URL relative préfixée");
+nc = rp.normalizeConsole({ items: [{ title: "Sans lien", id: 7 }] }, "https://agent.dracodev.net/");
+ok(nc.recognized === true && nc.items[0].url === null, "console : sans URL -> pas de faux lien");
+nc = rp.normalizeConsole({ autre: [] }, "https://agent.dracodev.net/");
+ok(nc.recognized === false, "console : format inconnu -> non reconnu (indisponible, pas vide)");
+
+/* resolveConsoleBase : explicite > agent injecté > dev > href barre > prod */
+ok(rp.resolveConsoleBase({ explicit: "https://agent-perso.example/", agentUrl: "https://agent-autre.example/" }) === "https://agent-perso.example/", "console : explicite prioritaire");
+ok(rp.resolveConsoleBase({ agentUrl: "https://agent-injecte.example/" }) === "https://agent-injecte.example/", "console : agent injecté par l'hôte");
+ok(rp.resolveConsoleBase({ host: "tiktak-dev.dracodev.net" }) === "https://agent-dev.dracodev.net/", "console : dérivation -dev");
+ok(rp.resolveConsoleBase({ host: "x.example", tabHrefs: { console: "https://console-perso.example/" } }) === "https://console-perso.example/", "console : href onglet barre");
+ok(rp.resolveConsoleBase({}) === "https://agent.dracodev.net/", "console : défaut prod");
+
+
+/* ---- Alignement console (agent-commun /api/v1/recherche) ---- */
+ok(rp.CONSOLE_SEARCH_PATH === "api/v1/recherche", "console : chemin reel /api/v1/recherche");
+ok(rp.CONSOLE_SEARCH_LIMIT === 20, "console : limite 20 (plafond par type)");
+let rc = rp.normalizeConsole({ resultats: [
+  { type: "discussion", id: "c42", titre: "Conv", extrait: "ex", statut: null, domaine: "pro", section: "conversation", objet: "c42", lien: "/?section=conversation&disc=c42" },
+  { type: "mission", id: "t1", titre: "Mission", extrait: "ex", statut: "paused_budget", domaine: "pro", section: "missions", objet: "t1", lien: "/?section=missions&objet=t1" },
+  { type: "approbation", id: "a9", titre: "publier", extrait: "ex", statut: "pending", domaine: null, section: "approbations", objet: "a9", lien: "/?section=approbations&objet=a9" },
+  { type: "objectif", id: "o3", titre: "Obj", extrait: "ex", statut: "actif", domaine: "pro", section: "objectifs", objet: "o3", lien: "/?section=objectifs&objet=o3" },
+  { type: "activite", id: "a7", titre: "Act", extrait: "ex", statut: "terminee", domaine: "pro", section: null, objet: "a7", lien: "/?activite=a7" },
+  { type: "livrable", id: "l1", titre: "Liv", extrait: "ex", statut: "terminee", domaine: "pro", section: "livrables", objet: null, lien: "/?section=livrables" },
+  { type: "planification", id: "p1", titre: "Plan", extrait: "ex", statut: "active", domaine: "pro", section: "planifie", objet: null, lien: "/?section=planifie" },
+  { type: "identite", id: "i1", titre: "Id", extrait: "ex", statut: "active", domaine: null, section: "identites", objet: null, lien: "/?section=identites" },
+] }, "https://agent-dev.dracodev.net/");
+ok(rc.recognized === true && rc.items.length === 8, "console : 8 resultats reconnus");
+ok(rc.items[0].url === "https://agent-dev.dracodev.net/?section=conversation&disc=c42", "console : lien profond discussion");
+ok(rc.items[1].url === "https://agent-dev.dracodev.net/?section=missions&objet=t1" && rc.items[1].context === "Mission \u00b7 paused_budget \u00b7 pro", "console : lien mission + contexte statut/domaine");
+ok(rc.items[2].url === "https://agent-dev.dracodev.net/?section=approbations&objet=a9", "console : lien profond approbation");
+ok(rc.items[3].url === "https://agent-dev.dracodev.net/?section=objectifs&objet=o3", "console : lien profond objectif");
+ok(rc.items[4].url === "https://agent-dev.dracodev.net/?activite=a7", "console : lien activite sans section");
+ok(rc.items[5].url === "https://agent-dev.dracodev.net/?section=livrables", "console : livrable = vue seulement");
+ok(rc.items[6].url === "https://agent-dev.dracodev.net/?section=planifie", "console : planification = vue seulement");
+ok(rc.items[7].url === "https://agent-dev.dracodev.net/?section=identites", "console : identite = vue seulement");
+rc = rp.normalizeConsole({ resultats: [
+  { type: "mission", id: "t9", titre: "Sans lien", extrait: "", statut: null, domaine: null, section: "missions", objet: "t9" },
+  { type: "activite", id: "a9", titre: "Act sans lien", extrait: "", statut: null, domaine: null, section: null, objet: "a9" },
+] }, "https://agent.dracodev.net/");
+ok(rc.items[0].url === "https://agent.dracodev.net/?section=missions&objet=t9", "console : lien reconstruit sans lien servi");
+ok(rc.items[1].url === "https://agent.dracodev.net/?activite=a9", "console : lien activite reconstruit");
+rc = rp.normalizeConsole({ resultats: [] }, "https://agent.dracodev.net/");
+ok(rc.recognized === true && rc.items.length === 0, "console : resultats vide reconnu (vide honnete, pas indisponible)");
+ok(rp.consoleLinkFor({ type: "discussion", id: "c1" }) === "/?section=conversation&disc=c1", "consoleLinkFor discussion");
+ok(rp.resolveConsoleBase({ host: "x.example", tabHrefs: { agent: "https://agent-perso.example/" } }) === "https://agent-perso.example/", "console : href onglet barre agent accepte");
+
 console.log("recherche.test.js : " + n + " assertions OK");
@@ -0,0 +1,34 @@
+"""Menu ⋯ des tuiles projets : copie d'URL (#44) et thème
+opaque barre Fusion / Spark, sombre et clair (#45).
+
+Le menu était transparent parce que son fond utilisait
+var(--surface-1), variable jamais définie dans :root.
+"""
+
+
+def test_card_menu_offers_copy_url(client, fake_gitea):
+    page = client.get("/")
+    assert "Copier l'URL du projet" in page.text
+    assert 'data-copy-url="http://gitea.test/Projets/demo"' in page.text
+
+
+def test_card_menu_theme_is_opaque_and_dual(client, fake_gitea):
+    css = client.get("/static/css/style.css").text
+    # Le menu ne repose plus sur la variable indéfinie.
+    menu = css.split(".card-menu {", 1)[1].split("}", 1)[0]
+    assert "var(--surface-1)" not in menu
+    assert "var(--menu-bg)" in menu
+    # Jetons barre Fusion / Console v7.2, clair par défaut…
+    assert "--menu-bg: #ffffff" in css
+    # …et variante sombre explicite, comme draco-barre.css.
+    assert '[data-theme="dark"] .card-menu' in css
+    assert "--menu-bg: #1a1c1a" in css
+    assert "prefers-color-scheme: dark" in css
+
+
+def test_dashboard_js_copy_contract(client, fake_gitea):
+    js = client.get("/static/js/dashboard.js").text
+    assert "data-copy-url" in js
+    assert "navigator.clipboard" in js
+    assert "execCommand('copy')" in js
+    assert "URL du projet copiée" in js
@@ -0,0 +1,12 @@
+"""Page Projets (#47) : les fichiers qui portent le menu ⋯ et la
+copie d'URL doivent être versionnés, sinon le navigateur garde
+l'ancien CSS/JS après une release alors que le HTML est neuf —
+c'est exactement ce qui a fait paraître la 0.38.0 inefficace
+(menu toujours transparent, bouton de copie présent mais inerte).
+"""
+
+
+def test_dashboard_static_assets_are_versioned(client, fake_gitea):
+    page = client.get("/")
+    assert "/static/css/style.css?v=" in page.text
+    assert "/static/js/dashboard.js?v=" in page.text
@@ -44,6 +44,13 @@ def test_cors_events_soeur_preflight_get_et_tiers(client):
                        headers={"Origin": "https://evil.example",
                                 "Access-Control-Request-Method": "GET"})
    assert "access-control-allow-origin" not in r3.headers
+    # Correctif 2026-10-28 : une origine sœur dev passe aussi.
+    r4 = client.options("/api/events",
+                        headers={"Origin": "https://tiktak-dev.dracodev.net",
+                                 "Access-Control-Request-Method": "GET"})
+    assert r4.status_code == 200
+    assert r4.headers.get("access-control-allow-origin") == "https://tiktak-dev.dracodev.net"
+    assert r4.headers.get("access-control-allow-credentials") == "true"


 def test_chantier5_onglet_console_spark_et_alertes_onglets(client):
@@ -34,20 +34,45 @@ def test_origin_of():


 def test_sister_origins_dev():
+    # Correctif 2026-10-28 : 10 origines officielles (8 sœurs + 2 agent), prod ET dev,
+    # quelle que soit la résolution.
    assert sister_origins(RESOLVED_DEV) == {
+        "https://og.dracodev.net",
+        "https://flowdeck.dracodev.net",
+        "https://tiktak.dracodev.net",
+        "https://kanbante.dracodev.net",
        "https://og-dev.dracodev.net",
        "https://flowdeck-dev.dracodev.net",
        "https://tiktak-dev.dracodev.net",
        "https://kanbante-dev.dracodev.net",
+        "https://agent.dracodev.net",
+        "https://agent-dev.dracodev.net",
    }


+
+def test_cors_headers_agent_console_autorise():
+    # Fédération depuis la console (2026-10-28) : les origines agent
+    # prod ET dev passent, avec credentials ; un tiers reste refusé.
+    for origine in ("https://agent.dracodev.net",
+                    "https://agent-dev.dracodev.net"):
+        headers = cors_headers_for(origine, RESOLVED_DEV)
+        assert headers is not None
+        assert headers["Access-Control-Allow-Origin"] == origine
+        assert headers["Access-Control-Allow-Credentials"] == "true"
+    assert cors_headers_for("https://agent.dracodev.net.evil.example",
+                            RESOLVED_DEV) is None
+
 def test_cors_headers():
    headers = cors_headers_for("https://tiktak-dev.dracodev.net", RESOLVED_DEV)
    assert headers["Access-Control-Allow-Origin"] == "https://tiktak-dev.dracodev.net"
    assert headers["Access-Control-Allow-Credentials"] == "true"
    assert cors_headers_for("https://evil.example", RESOLVED_DEV) is None
-    assert cors_headers_for("https://og.dracodev.net", RESOLVED_DEV) is None
+    assert cors_headers_for("https://og-dev.dracodev.net.evil.example",
+                            RESOLVED_DEV) is None
+    # Autre environnement autorisé (correctif 2026-10-28).
+    assert cors_headers_for("https://og.dracodev.net",
+                            RESOLVED_DEV) is not None


 def test_preflight_headers():
@@ -86,7 +111,14 @@ def test_groupes_vers_json_vide():


 def test_sister_origins_hote_requete():
-    # Configuration muette + hôte dev : le repli inclut les -dev.
+    # Correctif 2026-10-28 : configuration muette, quel que soit
+    # l'hôte de la requête, prod ET dev passent.
    assert "https://og-dev.dracodev.net" in sister_origins(
        {}, request_host="kanbante-dev.dracodev.net"
    )
+    assert "https://og.dracodev.net" in sister_origins(
+        {}, request_host="kanbante-dev.dracodev.net"
+    )
+    assert "https://og-dev.dracodev.net" in sister_origins(
+        {}, request_host="kanbante.dracodev.net"
+    )
@@ -0,0 +1,28 @@
+"""Thème du site (#49) : Kanbante doit ressembler à la console
+agent / barre Fusion (draco-barre, Console v7.2), pas au bleu/mauve
+historique. Le test fige les jetons et interdit le retour des
+littéraux violet/bleu de thème dans style.css.
+"""
+
+
+def test_theme_agent_tokens(client, fake_gitea):
+    css = client.get("/static/css/style.css").text
+    assert "--bg: #101211;" in css
+    assert "--surface: #1a1c1a;" in css
+    assert "--surface-2: #242624;" in css
+    assert "--surface-3: #20221f;" in css
+    assert "--border: #2e302c;" in css
+    assert "--text: #eceee9;" in css
+    assert "--accent: #c2437e;" in css
+    assert "--accent-2: #e078a8;" in css
+
+
+def test_no_blue_purple_theme_literals(client, fake_gitea):
+    css = client.get("/static/css/style.css").text
+    for banned in (
+        "#7c5cfc", "#5b8af7", "#58a6ff", "#a78bfa", "#7dd3fc",
+        "#c4b5fd", "#a5c4fd", "#0b0e14", "#141822", "#1b202e",
+        "#232939", "124, 92, 252", "124,92,252",
+        "91, 138, 247", "91,138,247",
+    ):
+        assert banned not in css, banned
Author	SHA1	Message	Date
bruno	c35aafd2e2	Page Projets : copie URL dans le menu ⋯ + refonte thème barre Fusion/Spark (#44 , #45 ) CI / test (push) Failing after 0s Details CI / test (pull_request) Successful in 4m32s Details	2026-10-28 22:47:12 -04:00
bruno	219c614216	Page Projets : copie URL dans le menu ⋯ + refonte thème barre Fusion/Spark (#44 , #45 ) CI / test (push) Failing after 1s Details	2026-10-28 22:47:09 -04:00
bruno	0d6499ed1a	Page Projets : copie URL dans le menu ⋯ + refonte thème barre Fusion/Spark (#44 , #45 ) CI / test (push) Failing after 0s Details	2026-10-28 22:47:07 -04:00
bruno	a09ae26d78	Page Projets : copie URL dans le menu ⋯ + refonte thème barre Fusion/Spark (#44 , #45 ) CI / test (push) Failing after 1s Details	2026-10-28 22:47:04 -04:00
bruno	56f39c0959	Merge pull request 'Page Projets : versionner style.css et dashboard.js (#47 )' (#48 ) from fix-dashboard-cache-47 into main CI / test (push) Successful in 4m18s Details	2026-10-28 22:38:19 -04:00
bruno	99a7ebd504	Page Projets : copie URL dans le menu ⋯ + refonte thème barre Fusion/Spark (#44 , #45 ) CI / test (push) Failing after 0s Details CI / test (pull_request) Failing after 0s Details	2026-10-28 22:35:55 -04:00
bruno	e8f48d3009	Page Projets : copie URL dans le menu ⋯ + refonte thème barre Fusion/Spark (#44 , #45 ) CI / test (push) Failing after 0s Details	2026-10-28 22:35:53 -04:00
bruno	dd6a4dd82c	Page Projets : copie URL dans le menu ⋯ + refonte thème barre Fusion/Spark (#44 , #45 ) CI / test (push) Failing after 0s Details	2026-10-28 22:35:51 -04:00
bruno	a2f3564cc8	Page Projets : copie URL dans le menu ⋯ + refonte thème barre Fusion/Spark (#44 , #45 ) CI / test (push) Successful in 4m17s Details	2026-10-28 22:35:49 -04:00
bruno	ea39916db5	Merge pull request 'Page Projets : copie d'URL dans le menu ⋯ + refonte thème barre Fusion/Spark (#44 , #45 )' (#46 ) from menu-copie-url-44-45 into main CI / test (push) Successful in 4m2s Details	2026-10-28 22:27:21 -04:00
bruno	724d7a7799	Page Projets : copie URL dans le menu ⋯ + refonte thème barre Fusion/Spark (#44 , #45 ) CI / test (push) Failing after 2s Details CI / test (pull_request) Failing after 1s Details	2026-10-28 22:12:12 -04:00
bruno	5ff51d8e2d	Page Projets : copie URL dans le menu ⋯ + refonte thème barre Fusion/Spark (#44 , #45 ) CI / test (push) Failing after 1s Details	2026-10-28 22:12:09 -04:00
bruno	436084aebd	Page Projets : copie URL dans le menu ⋯ + refonte thème barre Fusion/Spark (#44 , #45 ) CI / test (push) Failing after 2s Details	2026-10-28 22:12:07 -04:00
bruno	8ab30d25ef	Page Projets : copie URL dans le menu ⋯ + refonte thème barre Fusion/Spark (#44 , #45 ) CI / test (push) Failing after 1s Details	2026-10-28 22:12:04 -04:00
bruno	6cac4e71f5	Page Projets : copie URL dans le menu ⋯ + refonte thème barre Fusion/Spark (#44 , #45 ) CI / test (push) Failing after 1s Details	2026-10-28 22:12:01 -04:00
bruno	210f4f8983	Page Projets : copie URL dans le menu ⋯ + refonte thème barre Fusion/Spark (#44 , #45 ) CI / test (push) Successful in 4m9s Details	2026-10-28 22:11:58 -04:00
bruno	f150d4e136	Changelog 0.37.6 : CORS recherche console Spark (PR #43 ) CI / test (push) Successful in 4m20s Details	2026-10-28 16:21:02 -04:00
bruno	5787bcf168	Bump 0.37.6 CI / test (push) Failing after 0s Details	2026-10-28 16:20:59 -04:00
bruno	80006bdf35	Merge pull request 'CORS recherche : autoriser la console Spark (agent prod+dev)' (#43 ) from federation-recherche-console into main CI / test (push) Failing after 0s Details	2026-10-28 16:17:13 -04:00
bruno	0219fafa34	Tests CORS recherche: origines agent autorisees, tiers refuse CI / test (push) Failing after 3s Details CI / test (pull_request) Failing after 0s Details	2026-10-28 16:11:30 -04:00
bruno	c97dfb0ef4	CORS recherche: autoriser les origines agent (console Spark) prod+dev CI / test (push) Failing after 2s Details	2026-10-28 16:11:26 -04:00
bruno	1b1c793919	Bump Kanbante 0.37.5 : changelog (alignement recherche console #68 ) CI / test (push) Failing after 1s Details	2026-10-28 15:06:49 -04:00
bruno	d11ca0cbff	Bump Kanbante 0.37.5 (alignement recherche console #68 ) CI / test (push) Failing after 0s Details	2026-10-28 15:06:45 -04:00
bruno	0e2df86be5	Merge pull request 'recherche : onglet Console Spark sur GET /api/v1/recherche (alignement)' (#41 ) from align-recherche-console into main CI / test (push) Failing after 1s Details	2026-10-28 15:04:21 -04:00
bruno	fd71204b5e	recherche: tests alignement console /api/v1/recherche CI / test (push) Failing after 2s Details CI / test (pull_request) Failing after 3s Details	2026-10-28 14:44:02 -04:00
bruno	5c8d9f1a4d	recherche: onglet Console Spark sur GET /api/v1/recherche (alignement) CI / test (push) Failing after 3s Details	2026-10-28 14:43:56 -04:00
bruno	7a4fb2fb7d	Bump 0.37.4 : CHANGELOG CI / test (push) Failing after 4s Details	2026-10-28 14:29:14 -04:00
bruno	3888e4ad6a	Bump 0.37.4 CI / test (push) Failing after 0s Details	2026-10-28 14:29:10 -04:00
bruno	96898bc5e6	Merge pull request 'Chantier 5 — Alertes en onglets + composant partagé + onglet Console Spark dans la barre (rebase post-#37/#38 de #39 )' (#40 ) from alertes-onglets-5-rebase into main CI / test (push) Failing after 1s Details	2026-10-28 14:28:20 -04:00
bruno	fb61169c23	Rebase chantier 5 sur main post-#37/#38 : tests/test_draco_alertes.py (contenu #39 intact) CI / test (push) Failing after 0s Details CI / test (pull_request) Failing after 1s Details	2026-10-28 14:27:38 -04:00
bruno	16403821de	Rebase chantier 5 sur main post-#37/#38 : tests/draco-alertes.test.js (contenu #39 intact) CI / test (push) Failing after 1s Details	2026-10-28 14:27:35 -04:00
bruno	49bf9b32bf	Rebase chantier 5 sur main post-#37/#38 : static/js/draco-barre.js (contenu #39 intact) CI / test (push) Failing after 0s Details	2026-10-28 14:27:32 -04:00
bruno	53d1d2c29d	Rebase chantier 5 sur main post-#37/#38 : static/js/draco-alertes.js (contenu #39 intact) CI / test (push) Failing after 0s Details	2026-10-28 14:27:29 -04:00
bruno	e723366755	Rebase chantier 5 sur main post-#37/#38 : static/css/draco-barre.css (contenu #39 intact) CI / test (push) Failing after 1s Details	2026-10-28 14:27:27 -04:00
bruno	fc70d125d4	Rebase chantier 5 sur main post-#37/#38 : static/css/draco-alertes.css (contenu #39 intact) CI / test (push) Failing after 0s Details	2026-10-28 14:27:24 -04:00
bruno	0336f19f0f	Rebase chantier 5 sur main post-#37/#38 : _draco_bar.html (contenu #39 intact) CI / test (push) Failing after 0s Details	2026-10-28 14:27:18 -04:00
bruno	8f437e3a3e	Merge pull request 'Recherche partout (#68 , chantier 2+3) : onglets, Tout voir sur place, focus, mise en page' (#38 ) from recherche-onglets-ux-68 into main CI / test (push) Failing after 0s Details	2026-10-28 14:25:40 -04:00
bruno	00676834e8	Merge pull request 'CORS recherche/alertes : allowlist soeurs prod+dev explicites (fusion #68/#69)' (#37 ) from cors-recherche-alertes-68-69 into main CI / test (push) Failing after 1s Details	2026-10-28 14:25:24 -04:00
bruno	0e78ae3c60	Recherche partout (#68 , chantier 2+3) : onglets, Tout voir sur place, focus, mise en page CI / test (push) Failing after 0s Details CI / test (pull_request) Failing after 0s Details	2026-10-28 13:49:44 -04:00
bruno	b72d2607a8	Recherche partout (#68 , chantier 2+3) : onglets, Tout voir sur place, focus, mise en page CI / test (push) Failing after 0s Details	2026-10-28 13:49:42 -04:00
bruno	2235d0be02	Recherche partout (#68 , chantier 2+3) : onglets, Tout voir sur place, focus, mise en page CI / test (push) Failing after 0s Details	2026-10-28 13:49:38 -04:00
bruno	699600eda3	Recherche partout (#68 , chantier 2+3) : onglets, Tout voir sur place, focus, mise en page CI / test (push) Failing after 1s Details	2026-10-28 13:49:35 -04:00
bruno	3c4bbbf2f1	Tests CORS alertes : origine dev autorisee en preflight CI / test (push) Failing after 1s Details CI / test (pull_request) Failing after 0s Details	2026-10-28 13:45:35 -04:00
bruno	7556cd0bee	Tests CORS recherche : prod+dev autorises, tiers refuse CI / test (push) Failing after 1s Details	2026-10-28 13:45:33 -04:00
bruno	aa98eb6866	CORS alertes (fusion #69 ) : allowlist /api/events prod+dev CI / test (push) Failing after 0s Details	2026-10-28 13:45:30 -04:00
bruno	409e67d57b	CORS recherche/alertes (fusion #68/#69) : allowlist soeurs prod+dev explicites CI / test (push) Failing after 3m51s Details	2026-10-28 13:45:27 -04:00