ObsiGate 2.83.3 : barre v0.3.0, liens Hub du menu compte (frontend + draco_config)

.env.example

@@ -130,6 +130,7 @@ DEEPSEEK_MODEL=deepseek-chat
 # DRACO_TIKTAK_URL=https://tiktak.dracodev.net
 # DRACO_KANBANTE_URL=https://kanbante.dracodev.net
 # DRACO_SHAARIT_URL=https://shaarit.dracodev.net
+# DRACO_HUB_URL=https://hub.dracodev.net
 # DRACO_GITEA_URL=https://git.dracodev.net
 
 # ── Fusion — émission d'événements vers le service d'agents (#220) ──

backend/draco_config.py

@@ -18,6 +18,9 @@ Variables (voir ``.env.example``) :
 - ``DRACO_TIKTAK_URL``    — base publique de TikTak.
 - ``DRACO_KANBANTE_URL``  — base publique de Kanbante.
 - ``DRACO_SHAARIT_URL``   — base publique de ShaarIt (barre v0.2.0).
+- ``DRACO_HUB_URL``       — base publique du Hub (barre v0.3.0,
+  HUB-1 : liens Télécharger / À Propos / Aides / Profil du menu
+  compte ; le Hub n'a pas d'onglet dans la barre).
 - ``DRACO_GITEA_URL``     — base publique de Gitea (les cartes
   Kanbante *sont* des issues Gitea, contrat liens-profonds) ;
   distincte de ``OBSIGATE_GITEA_URL`` (source connectée de
@@ -52,6 +55,7 @@ DEFAUTS: dict[str, str] = {
     "tiktak": "https://tiktak.dracodev.net",
     "kanbante": "https://kanbante.dracodev.net",
     "shaarit": "https://shaarit.dracodev.net",
+    "hub": "https://hub.dracodev.net",
     "gitea": "https://git.dracodev.net",
 }
 
@@ -62,6 +66,7 @@ _VARIABLES: dict[str, str] = {
     "tiktak": "DRACO_TIKTAK_URL",
     "kanbante": "DRACO_KANBANTE_URL",
     "shaarit": "DRACO_SHAARIT_URL",
+    "hub": "DRACO_HUB_URL",
     "gitea": "DRACO_GITEA_URL",
 }
 
@@ -75,6 +80,7 @@ _SLUGS_HOTE: dict[str, str] = {
     "tiktak": "tiktak",
     "kanbante": "kanbante",
     "shaarit": "shaarit",
+    "hub": "hub",
 }
 
 # Premier label de l'hôte de l'agent : ``agent`` suivi d'un suffixe

frontend/draco-barre.css

@@ -20,6 +20,10 @@
    le clair via data-theme="light" héritait quand même du sombre
    système (piège constaté dans les copies vendangées de
    Kanbante/Flowdeck ; les re-vendanges de la v0.2.0 le corrigent).
+   v0.3.0 (HUB-1) : aucun style nouveau — les liens du Hub du menu
+   compte (Télécharger, À Propos, Aides, Profil) réutilisent
+   .draco-menu-item (déjà ancre-compatible : text-decoration none)
+   et le séparateur .draco-menu-sep du menu des applications.
    Jetons repris du prototype validé Console v7.2.
    Thème : clair par défaut, sombre via [data-theme="dark"] sur <html>
    ou prefers-color-scheme si l'app intégratrice ne force rien

frontend/draco-barre.js

@@ -14,6 +14,21 @@
  * contrat que les autres apps), entrée APP_LABELS ; l'onglet
  * (data-app="shaarit", après Kanbante, avant agent) est repris
  * automatiquement par la construction du menu de la marque.
+ * v0.3.0 (carte HUB-1, fusion #115) : le Hub, point central de la
+ * suite — nouvelle clé d'URL « hub » (jeton {{URL_HUB}} côté hôte,
+ * DRACO_BAR_CONFIG.urls.hub), défaut officiel
+ * https://hub.dracodev.net/, dérivation -dev hub-dev comme les
+ * sœurs. Le menu compte gagne trois vrais liens (patron
+ * buildAppsMenu : <a href>, classe draco-menu-item) — Télécharger
+ * → <hub>/telecharger, À Propos → <hub>/a-propos, Aides →
+ * <hub>/aide — et « Profil » devient lui aussi un lien, vers
+ * <hub>/profil (il n'est plus relayé aux hôtes : un seul Profil,
+ * celui du Hub). « Déconnexion » reste l'action relayée
+ * (data-compte-act="deconnexion" / onAction), inchangée.
+ * refreshMenuHrefs() resynchronise aussi les liens du Hub à
+ * l'ouverture des menus. Le Hub n'a pas d'onglet dans la barre :
+ * comme spark, sa clé est résolue et exposée via DRACO_BAR.urls,
+ * sans étape « href rendu » (voir « URL » ci-dessous).
  *
  * Aucun gestionnaire inline : un seul écouteur délégué sur le document
  * (patron validé par le prototype — les onclick du HTML généré sont
@@ -33,7 +48,8 @@
  *       kanbante: "https://kanbante.dracodev.net/",
  *       shaarit:  "https://shaarit.dracodev.net/",
  *       agent:    "https://agent.dracodev.net/",
- *       spark:    "https://spark.dracodev.net/"
+ *       spark:    "https://spark.dracodev.net/",
+ *       hub:      "https://hub.dracodev.net/"
  *     },
  *     onAction: function (act, el) { … }      // l'app relaie les actions
  *   }                                          // qu'elle ne connaît pas
@@ -67,6 +83,12 @@
  * la marque et DRACO_BAR.urls. Même résolution pour shaarit (v0.2.0) :
  * explicite > dérivation -dev shaarit-dev > href rendu
  * ({{URL_SHAARIT}}) > défaut officiel.
+ * Cas hub (v0.3.0) : PAS d'onglet, donc pas d'étape « href rendu » —
+ * explicite (DRACO_BAR_CONFIG.urls.hub, alimenté par le jeton
+ * {{URL_HUB}} remplacé côté serveur par l'hôte) > dérivation -dev
+ * hub-dev sur hôte -dev > défaut officiel
+ * https://hub.dracodev.net/. La base résolue sert les quatre liens
+ * du menu compte (telecharger, a-propos, aide, profil).
  * Actions émises (data-act) : rail, palette, domaine (data-dom),
  * alertes, spark, rappel-entete. L'app intégratrice décide de chacune
  * (ouvrir la palette, le panneau Spark, changer de domaine…).
@@ -141,6 +163,14 @@
  * mais le menu affiche l'identité même sans gestionnaire hôte.
  * Accessibilité : vrais <button>, aria-haspopup / aria-expanded,
  * role="menu" / "menuitem", fermeture par Échap et clic extérieur.
+ * Menu compte (v0.3.0) — Profil n'est PLUS relayé : c'est un lien
+ * vers <hub>/profil, comme Télécharger / À Propos / Aides (liens
+ * Hub, data-hub-link, href resynchronisés à chaque ouverture via
+ * refreshCompteHrefs / refreshMenuHrefs). Seule « Déconnexion »
+ * reste relayée à l'hôte (data-compte-act="deconnexion"), inchangée.
+ * Les hôtes qui traitaient onAction("profil") (Kanbante → /profile)
+ * voient ce comportement remplacé par le lien Hub — décision du
+ * plan Hub : un seul Profil, celui du Hub.
  */
 (function () {
   "use strict";
@@ -155,7 +185,8 @@
     kanbante: "https://kanbante.dracodev.net/",
     shaarit: "https://shaarit.dracodev.net/",
     agent: "https://agent.dracodev.net/",
-    spark: "https://spark.dracodev.net/"
+    spark: "https://spark.dracodev.net/",
+    hub: "https://hub.dracodev.net/"
   };
 
   /* Dérivation -dev (v0.1.6) — appliquée UNIQUEMENT quand l'hôte courant
@@ -168,7 +199,8 @@
     tiktak: "https://tiktak-dev.dracodev.net/",
     kanbante: "https://kanbante-dev.dracodev.net/",
     shaarit: "https://shaarit-dev.dracodev.net/",
-    agent: "https://agent-dev.dracodev.net/"
+    agent: "https://agent-dev.dracodev.net/",
+    hub: "https://hub-dev.dracodev.net/"
   };
 
   var APP_LABELS = {
@@ -307,6 +339,28 @@
     menu.querySelectorAll(".draco-apps-item").forEach(function (a) {
       if (a.dataset.app && resolvedUrls[a.dataset.app]) a.setAttribute("href", resolvedUrls[a.dataset.app]);
     });
+    /* v0.3.0 : les liens du Hub (menu compte) sont resynchronisés
+     * eux aussi à l'ouverture d'un menu, pour refléter setUrls et
+     * la dérivation -dev même s'ils ont été construits avant. */
+    refreshCompteHrefs();
+  }
+  /* Liens du Hub dans le menu compte (v0.3.0) : chemin → libellé.
+   * « Profil » est le quatrième lien (vers <hub>/profil) ; il
+   * remplace l'ancien item relayé « profil ». */
+  var HUB_LINKS = [
+    ["telecharger", "Télécharger"],
+    ["a-propos", "À Propos"],
+    ["aide", "Aides"],
+    ["profil", "Profil"]
+  ];
+  function hubHref(path) {
+    return withSlash(resolvedUrls.hub || DEFAULT_URLS.hub) + path;
+  }
+  function refreshCompteHrefs() {
+    if (!compteMenu) return;
+    compteMenu.querySelectorAll("[data-hub-link]").forEach(function (a) {
+      a.setAttribute("href", hubHref(a.getAttribute("data-hub-link")));
+    });
   }
   function togglePopup(menu, btn, force) {
     if (!menu) return;
@@ -429,10 +483,14 @@
     if (!appsMenu.hidden) lastOpener = brand;
   }
 
-  /* Menu compte (v0.1.6) — en-tête d'identité + Profil / Déconnexion
+  /* Menu compte (v0.1.6 ; v0.3.0 pour les liens) — en-tête
-   * relayés à l'hôte. L'en-tête est rafraîchi à chaque ouverture, pour
+   * d'identité, puis les liens du Hub (Télécharger, À Propos,
-   * refléter un title posé après coup par l'hôte (ex. ObsiGate, qui
+   * Aides, Profil — vrais <a href>, même patron que le menu des
-   * remplit l'avatar depuis /api/auth/me après chargement). */
+   * applications), un séparateur, puis « Déconnexion » relayée à
+   * l'hôte. L'en-tête et les href sont rafraîchis à chaque
+   * ouverture, pour refléter un title posé après coup par l'hôte
+   * (ex. ObsiGate, qui remplit l'avatar depuis /api/auth/me après
+   * chargement) et la résolution d'URL la plus récente. */
   function buildCompteMenu() {
     if (!bar || !avatarBtn || compteMenu) return;
     compteMenu = document.createElement("div");
@@ -443,15 +501,26 @@
     var head = document.createElement("div");
     head.className = "draco-compte-nom";
     compteMenu.appendChild(head);
-    [["profil", "Profil"], ["deconnexion", "Déconnexion"]].forEach(function (pair) {
+    HUB_LINKS.forEach(function (pair) {
-      var b = document.createElement("button");
+      var a = document.createElement("a");
-      b.type = "button";
+      a.className = "draco-menu-item";
-      b.className = "draco-menu-item";
+      a.href = hubHref(pair[0]);
-      b.setAttribute("data-compte-act", pair[0]);
+      a.setAttribute("data-hub-link", pair[0]);
-      b.setAttribute("role", "menuitem");
+      a.setAttribute("role", "menuitem");
-      b.textContent = pair[1];
+      a.textContent = pair[1];
-      compteMenu.appendChild(b);
+      compteMenu.appendChild(a);
     });
+    var sep = document.createElement("div");
+    sep.className = "draco-menu-sep";
+    sep.setAttribute("aria-hidden", "true");
+    compteMenu.appendChild(sep);
+    var b = document.createElement("button");
+    b.type = "button";
+    b.className = "draco-menu-item";
+    b.setAttribute("data-compte-act", "deconnexion");
+    b.setAttribute("role", "menuitem");
+    b.textContent = "Déconnexion";
+    compteMenu.appendChild(b);
     bar.appendChild(compteMenu);
   }
   function refreshCompteMenu() {
@@ -459,6 +528,7 @@
     var head = compteMenu.querySelector(".draco-compte-nom");
     var name = displayName();
     if (head) head.textContent = name || "Compte";
+    refreshCompteHrefs();
   }
   function toggleCompteMenu(force) {
     buildCompteMenu();
@@ -555,6 +625,7 @@
       resolvedUrls = resolveUrls();
       window.DRACO_BAR.urls = resolvedUrls;
       applyUrls(resolvedUrls);
+      refreshCompteHrefs();
     }
   };
 

frontend/index.html

@@ -268,10 +268,14 @@
 
         <!-- Main Application (wrapped for show/hide) -->
         <!-- Barre d'apps commune dracodev — Fusion #215 (ACC-1.1).
-             Snippet FIGÉ vendangé depuis Projets/dracodev-commons v0.2.0
+             Snippet FIGÉ vendangé depuis Projets/dracodev-commons v0.3.0
-             (ui/barre-apps/, commit 70c837a de la branche
+             (ui/barre-apps/, branche hub-menu-compte-v0-3-0 de la PR
-             shaarit-phase3-barre-contrats) : ne pas modifier la structure
+             commons #9 — HUB-1, fusion #115) : ne pas modifier la structure
              ici ; toute évolution passe par une nouvelle version de commons.
+             v0.3.0 : menu compte — liens Hub Télécharger / À Propos /
+             Aides et Profil devenu lien (vers le Hub résolu par
+             backend/draco_config, clé "hub", passé en urls.hub de la
+             configuration ci-dessous) ; « Déconnexion » reste relayée.
              v0.2.0 : 6e onglet ShaarIt (data-app="shaarit", après Kanbante,
              avant l'onglet agent) — son href porte le défaut officiel et
              la réécriture DRACO_URLS ci-dessous le résout comme les
@@ -376,6 +380,13 @@
             })();
             window.DRACO_BAR_CONFIG = {
                 current: "obsigate",
+                /* Barre v0.3.0 (HUB-1) : la base du Hub vient de
+                   window.DRACO_URLS (clé "hub" de backend/draco_config :
+                   DRACO_HUB_URL explicite, dérivation -dev, défaut
+                   officiel) — le Hub n'a pas d'onglet, c'est par
+                   urls.hub que le menu compte construit ses liens
+                   Télécharger / À Propos / Aides / Profil. */
+                urls: (function () { var u = window.DRACO_URLS && window.DRACO_URLS.hub; return u ? { hub: u.replace(/\/$/, "") + "/" } : {}; })(),
                 domain: (function () { try { return localStorage.getItem("draco_domain") || "pro"; } catch (e) { return "pro"; } })(),
                 counts: {},
                 onAction: function (act, el) {