Version 2026.5.34 — Bouton 📌 restauré + badge user cliquable

- _softUnpinPopup refait, _maybeRetryFetchUser, positionTooltipAnchored unifiée
[code interpolé]

manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "Planification",
-  "version": "2026.5.32",
+  "version": "2026.5.34",
   "description": "Vue claire et rapide du planning des techniciens EasyVista. Regroupe interventions et réservations par tech, affiche horaires, contact, lieu, catégorie et statut en un coup d'œil.",
   "browser_specific_settings": {
     "gecko": {

viewer.css

@@ -2694,23 +2694,37 @@ header.topbar::before {
 
 /* La ref au centre, cliquable pour agrandir */
 .pinned-popup-minref {
-  display: block;
-  text-align: center;
-  padding: 10px 12px;
+  display: flex;
+  align-items: center;
+  justify-content: center;  /* v2026.5.24 : centrer horizontalement la ref */
+  flex: 1;
+  min-width: 0;
+  padding: 0 10px;
   font-family: var(--mono, monospace);
-  font-size: 15px;
+  font-size: 14px;
   font-weight: 700;
   color: var(--text);
   cursor: pointer;
   user-select: none;
-  border-radius: 4px;
-  transition: background 0.12s;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  order: 2;
+  text-align: center;  /* v2026.5.24 : centrer le texte */
 }
 .pinned-popup-minref:hover {
-  background: var(--bg-muted);
+  color: var(--accent, #3b82f6);
+}
+
+/* Boutons plus petits en mode minimisé */
+.pinned-popup.pinned-popup-minimized .pinned-popup-btn {
+  width: 22px !important;
+  height: 22px !important;
+  font-size: 12px !important;
+}
+.pinned-popup.pinned-popup-minimized .pinned-popup-refresh svg {
+  width: 12px;
+  height: 12px;
 }
 
 /* ==========================================================================

viewer.js

@@ -7339,31 +7339,29 @@ function _softUnpinPopup(el) {
     console.log(`[softUnpin] retiré de pinnedPopups (reste ${pinnedPopups.length})`);
   }
 
-  // v4.3.3 corr : basculer visuellement en tooltip normal (retirer tous les
-  // attributs visuels du mode épinglé : bordure bleue, dragbar, bouton ×,
-  // padding-top, etc.). La classe .soft-unpinned fait ça côté CSS.
-  // On retire .pinned-popup pour que les règles visuelles lourdes
-  // disparaissent, tout en gardant la popup au même endroit (position
-  // absolute conservée).
-  el.classList.remove("pinned-popup");
-  el.classList.add("soft-unpinned");
-  // Icône 📌 → 📍 pour le clin d'œil (même si elle va bientôt disparaitre)
-  const pinBtn = el.querySelector('[data-action="pin"]');
-  if (pinBtn) pinBtn.textContent = "📍";
-  // Supprimer les éléments propres au mode épinglé : barre de drag et ×
+  // 2. Reset le flag global bulleState.pinned si plus aucun popup épinglé.
+  //    Sans ça, le tooltip live "croit" toujours qu'il est pinned et son
+  //    handler click (notamment ↻ reload) peut partir en cacahuète.
+  if (pinnedPopups.length === 0) {
+    bulleState.pinned = false;
+  }
+
+  // 3. Retirer les éléments propres au mode épinglé : topbar, dragbar,
+  //    close btn, et classes minimized/reduced.
   const dragbar = el.querySelector(".pinned-popup-dragbar");
   if (dragbar) dragbar.remove();
   const closeBtn = el.querySelector(".pinned-popup-close");
   if (closeBtn) closeBtn.remove();
-  // v2026.5.17 : retirer aussi la nouvelle topbar et le conteneur minimisé
   const topbar = el.querySelector(".pinned-popup-topbar");
   if (topbar) topbar.remove();
   el.classList.remove("pinned-popup-minimized");
   el.classList.remove("pinned-popup-reduced");
 
-  // v2026.5.18 : retirer aussi la pastille du dock si elle existe
+  // 4. Retirer la pastille du dock si elle existe
   if (el._linkedPill) {
-    try { el._linkedPill.remove(); } catch (e) {}
+    try { el._linkedPill.remove(); } catch (e) {
+      console.warn("[softUnpin] erreur remove pill:", e);
+    }
     el._linkedPill = null;
   }
   // Si le dock est vide, le cacher ; mettre à jour le bouton "Fermer tous"
@@ -7376,28 +7374,123 @@ function _softUnpinPopup(el) {
     _ensureDockCloseAllBtn();
   }
 
-  // v2026.5.22 : si le tooltip hover est actuellement affiché pour la même
-  // intervention que celle qu'on désépingle, il faut regénérer son HTML pour
-  // que l'icône passe de 📍 (active rouge) à 📌 (non active) — sinon l'user
-  // voit l'ancienne icône et croit qu'il est toujours épinglé.
+  // 5. Restaurer le bouton 📌 dans .tooltip-actions
+  //    Lors de l'épinglage, ce bouton a été SUPPRIMÉ du DOM (voir pinTooltip
+  //    v2026.5.17 ligne 6921). Il faut le recréer pour que l'user puisse
+  //    ré-épingler ou que l'icône 📌 revienne visible.
+  const actionsEl = el.querySelector('.tooltip-actions');
+  if (actionsEl) {
+    const existingPin = actionsEl.querySelector('.tooltip-pinbtn[data-action="pin"]');
+    if (!existingPin) {
+      console.log("[softUnpin] restauration du bouton 📌 dans .tooltip-actions");
+      const pinBtn = document.createElement('div');
+      pinBtn.className = 'tooltip-actionbtn tooltip-pinbtn';
+      pinBtn.setAttribute('data-action', 'pin');
+      pinBtn.title = 'Épingler la bulle (ou double-Ctrl). Cliquer à nouveau pour libérer.';
+      pinBtn.textContent = '📌';
+      actionsEl.appendChild(pinBtn);
+    } else {
+      console.log("[softUnpin] bouton 📌 déjà présent, mise à jour visuelle");
+      existingPin.textContent = '📌';
+      existingPin.classList.remove('tooltip-pinbtn-active');
+    }
+  } else {
+    console.warn("[softUnpin] .tooltip-actions introuvable dans le popup — boutons pas restaurés");
+  }
+
+  // 5bis. v2026.5.34 : attacher un nouveau handler click sur .tooltip-actions
+  //       du popup soft-unpinned pour ré-épinglement / actualisation.
+  //       L'ancien handler du popup épinglé (qui faisait softUnpin au clic
+  //       sur pin) est encore attaché, mais notre nouveau handler utilise
+  //       stopPropagation avant pour l'empêcher de s'exécuter.
+  //       On garde une référence à l'iv pour pouvoir ré-épingler proprement.
+  const ivForRepin = el._linkedIv || null;
+  if (actionsEl && ivForRepin) {
+    // Retirer d'éventuels handlers précédents en remplaçant l'element
+    const newActions = actionsEl.cloneNode(true);
+    actionsEl.parentNode.replaceChild(newActions, actionsEl);
+
+    newActions.addEventListener("click", (e) => {
+      const btn = e.target.closest('[data-action]');
+      if (!btn) return;
+      const action = btn.dataset.action;
+      e.stopPropagation();
+      e.preventDefault();
+
+      if (action === "pin") {
+        console.log("[softUnpin] clic sur 📌 d'un popup soft-unpinned → ré-épinglage");
+        // Retirer le popup soft-unpinned actuel
+        try { el.remove(); } catch (err) {}
+        // Simuler le survol de l'iv pour rendre le tooltip live, puis épingler
+        state.currentTooltipIv = ivForRepin;
+        pinTooltip();
+      } else if (action === "reload") {
+        console.log("[softUnpin] clic sur ↻ d'un popup soft-unpinned → recharger intervention");
+        if (typeof reloadSingleIntervention === "function") {
+          reloadSingleIntervention(ivForRepin, btn);
+        } else {
+          console.warn("[softUnpin] reloadSingleIntervention indisponible");
+        }
+      }
+    });
+  }
+
+  // 6. Basculer visuellement : retirer pinned-popup, mettre soft-unpinned.
+  //    La classe .soft-unpinned applique les styles "tooltip normal"
+  //    (pas de bordure bleue, pas de padding-top pour topbar disparue, etc.)
+  el.classList.remove("pinned-popup");
+  el.classList.add("soft-unpinned");
+
+  // 7. Régénérer le tooltip hover si on est en train de survoler la même iv
+  //    (pour synchroniser l'icône 📌/📍 dans le tooltip live).
+  //    Aussi, reset iv._reloading qui pourrait rester bloqué à true.
   const tip = tooltipEl();
   if (tip && tip.classList.contains("visible") && state.currentTooltipIv) {
-    tip.innerHTML = buildTooltipHTML(state.currentTooltipIv);
+    try {
+      state.currentTooltipIv._reloading = false;
+      tip.innerHTML = buildTooltipHTML(state.currentTooltipIv);
+    } catch (err) {
+      console.warn("[softUnpin] buildTooltipHTML failed:", err);
+    }
   }
 
-  // Helper qui joue l'animation de sortie puis supprime le DOM
-  const animateAndRemove = () => {
-    el.classList.add("unpinning");
-    setTimeout(() => el.remove(), 180);
-  };
+  // 8. v2026.5.34 : ne PAS programmer de suppression automatique au mouseleave.
+  //    Le popup reste visible comme un tooltip normal. L'user le ferme en
+  //    cliquant ailleurs ou en appuyant sur Échap. Il peut aussi re-cliquer
+  //    sur 📌 pour le ré-épingler.
+  //
+  //    Pour que le popup disparaisse quand l'user clique ailleurs, on ajoute
+  //    un handler de clic document qui supprime tous les .soft-unpinned si
+  //    le clic est hors du popup. Ce handler ne s'arme QU'UNE FOIS (au premier
+  //    désépinglage) et reste globalement.
+  _ensureSoftUnpinnedCleanupHandler();
 
-  if (!el.matches(":hover")) {
-    animateAndRemove();
-    return;
-  }
-  // Souris dessus : on ne supprime pas tout de suite. On attend mouseleave
-  // et à ce moment on joue l'animation de sortie et on supprime.
-  el.addEventListener("mouseleave", animateAndRemove, { once: true });
+  console.log("[softUnpin] terminé — popup reste visible en mode tooltip normal");
+}
+
+/**
+ * v2026.5.34 : pose un handler global (une seule fois) qui ferme les popups
+ * en état .soft-unpinned quand l'user clique ailleurs, ou appuie sur Échap.
+ */
+let _softUnpinnedCleanupHandlerInstalled = false;
+function _ensureSoftUnpinnedCleanupHandler() {
+  if (_softUnpinnedCleanupHandlerInstalled) return;
+  _softUnpinnedCleanupHandlerInstalled = true;
+
+  // Clic hors d'un popup soft-unpinned → supprimer
+  document.addEventListener("mousedown", (e) => {
+    const softPopups = document.querySelectorAll(".soft-unpinned");
+    if (softPopups.length === 0) return;
+    softPopups.forEach(el => {
+      // Ne pas fermer si le clic est DANS le popup lui-même
+      if (el.contains(e.target)) return;
+      console.log("[softUnpin cleanup] clic hors du popup — suppression");
+      el.classList.add("unpinning");
+      setTimeout(() => { try { el.remove(); } catch (err) {} }, 180);
+    });
+  }, true);  // phase capture pour attraper avant d'autres handlers
+
+  console.log("[softUnpin] handler cleanup global installé");
 }
 
 // ============================================================================
@@ -7503,24 +7596,34 @@ function _reducePinnedPopup(popup) {
 
   // Créer la pastille dock
   // v2026.5.18 : le fond de la pastille prend la couleur de catégorie
-  //   (via la classe color-XXX déjà utilisée ailleurs dans le CSS)
-  // v2026.5.19 : pastille à 2 lignes — ref (gras) + date origine (petit)
+  // v2026.5.25 : pastille à 3 lignes — lieu (fort), service (petit), date (petit)
+  //              La référence est affichée dans le mini-menu au survol.
   const pill = document.createElement("button");
   pill.type = "button";
   pill.className = "pinned-popup-dock-pill color-" + colorKey;
   pill.title = "Cliquer pour agrandir";
 
-  const pillRef = document.createElement("span");
-  pillRef.className = "pinned-popup-dock-pill-ref";
-  pillRef.textContent = label;
-  pill.appendChild(pillRef);
+  // Ligne 1 : lieu (ou ref si pas de lieu)
+  const pillLieu = document.createElement("span");
+  pillLieu.className = "pinned-popup-dock-pill-lieu";
+  pillLieu.textContent = popup.dataset.lieu || label || "—";
+  pill.appendChild(pillLieu);
 
-  // Date d'origine (ex: "21.04")
+  // Ligne 2 : service (2 dernières parties)
+  const serviceTxt = popup.dataset.service || "";
+  if (serviceTxt) {
+    const pillService = document.createElement("span");
+    pillService.className = "pinned-popup-dock-pill-service";
+    pillService.textContent = serviceTxt;
+    pill.appendChild(pillService);
+  }
+
+  // Ligne 3 : date "Mardi 22.04"
   const originDate = popup.dataset.originDate || "";
   if (originDate) {
     const pillDate = document.createElement("span");
     pillDate.className = "pinned-popup-dock-pill-date";
-    pillDate.textContent = _formatDateShort(originDate);
+    pillDate.textContent = _formatDateForPill(originDate);
     pill.appendChild(pillDate);
   }
 
@@ -7539,12 +7642,18 @@ function _reducePinnedPopup(popup) {
   popup._linkedPill = pill;
 
   pill.addEventListener("click", (e) => {
+    // v2026.5.23 : si on était en train de drag, ne pas déclencher le clic
+    if (pill._justDragged) {
+      pill._justDragged = false;
+      return;
+    }
     e.stopPropagation();
     _restorePinnedPopupFromDock(popup);
   });
 
   // v2026.5.20 : mini-menu au survol (Agrandir / Fermer)
   pill.addEventListener("mouseenter", () => {
+    if (pill._dragging) return;  // pas de menu pendant le drag
     _showPillHoverMenu(pill, popup);
   });
   pill.addEventListener("mouseleave", (e) => {
@@ -7552,6 +7661,9 @@ function _reducePinnedPopup(popup) {
     _schedulePillMenuClose();
   });
 
+  // v2026.5.23 : drag & drop — réordonne dans le dock, ou restaure hors du dock
+  _attachPillDragHandler(pill, popup);
+
   dock.appendChild(pill);
   dock.classList.add("visible");
 
@@ -7587,6 +7699,15 @@ function _showPillHoverMenu(pill, popup) {
   menu._linkedPill = pill;
   menu._linkedPopup = popup;
 
+  // v2026.5.25 : REF en haut du menu (info seulement, centrée)
+  const refText = popup.dataset.ref || "";
+  if (refText) {
+    const refLabel = document.createElement("div");
+    refLabel.className = "pill-hover-menu-ref";
+    refLabel.textContent = refText;
+    menu.appendChild(refLabel);
+  }
+
   const restoreBtn = document.createElement("button");
   restoreBtn.type = "button";
   restoreBtn.className = "pill-hover-menu-btn";