Version 2026.5.21 — Ajustements

[code interpolé]

background.js

@@ -730,34 +730,19 @@ async function submitDouchette(origin, phpsessid, opts) {
 async function deletePlanningItem(origin, phpsessid, actionId, kind) {
   if (!actionId) throw new Error("actionId manquant");
 
-  // v5.0.1 : plusieurs function_name à tester dans l'ordre (du plus probable
-  // au moins probable). Le premier qui renvoie 200 ET non-login est considéré OK.
-  const fnNames = kind === "reservation"
-    ? [
-        "Planning_delete_reservation",
-        "delete_reservation",
-        "fc_delete_reservation",
-        "delete_act_reservation",
-        "delete_planning_reservation",
-        "remove_reservation",
-        // v5.0.2 : réservations sont parfois traitées comme absences côté API
-        "Planning_delete_absence",
-        "delete_absence",
-        "fc_delete_absence"
-      ]
-    : [
-        // v5.0.2 : élargir la liste, on a essayé 3 sans succès. Les variantes
-        // plausibles vues dans les API EasyVista :
-        "Planning_delete_absence",      // le plus "officiel"
-        "delete_absence",               // le nom JS dans le onclick
-        "fc_delete_absence",            // pattern fc_*
-        "delete_act_absence",           // parfois "act_" dans les noms
-        "Planning_delete_holiday",      // en anglais
-        "delete_holiday",
-        "fc_delete_holiday",
-        "delete_planning_absence",      // variation complète
-        "remove_absence"
-      ];
+  // v5.0.14 : confirmé par capture Network réelle — EasyVista utilise
+  // "Planning_delete_absence" pour TOUS les types d'entrée planning (absences,
+  // réservations, événements, etc.). Réponse XML : <Planning_delete_absence>true</...>
+  // On met donc ce nom en PREMIER pour tout, et on garde les autres en fallback.
+  const fnNames = [
+    "Planning_delete_absence",        // ← le seul qui marche vraiment côté EV
+    // Fallbacks historiques (au cas où EV change un jour) :
+    "Planning_delete_reservation",
+    "delete_absence",
+    "delete_reservation",
+    "fc_delete_absence",
+    "fc_delete_reservation"
+  ];
 
   let lastErr = null;
   let lastBody = null;
@@ -770,7 +755,11 @@ async function deletePlanningItem(origin, phpsessid, actionId, kind) {
     console.log(`[bg] deletePlanningItem → tente function_name=${fn}`, url.substring(0, 180));
 
     try {
-      const r = await fetch(url, { method: "GET", credentials: "include" });
+      // v5.0.13 : utiliser evFetch() au lieu de fetch() brut pour que les
+      // headers Referer + X-Requested-With soient envoyés — sinon EV renvoie
+      // un <script> de redirection CSRF qui ne ressemble pas à une erreur et
+      // notre heuristique le prenait à tort pour un succès.
+      const r = await evFetch(url, origin, { method: "GET" });
       const body = await r.text();
       console.log(`[bg]   status=${r.status} | body (200 premiers chars) : ${(body || "").substring(0, 200)}`);
 
@@ -785,24 +774,34 @@ async function deletePlanningItem(origin, phpsessid, actionId, kind) {
         throw new Error("session_expired");
       }
 
-      // v5.0.1 : heuristique pour détecter si la suppression a marché.
-      // EasyVista renvoie typiquement :
-      //   - une chaine vide ou "ok" ou "1" si succès
-      //   - un message d'erreur / html d'erreur si function_name inconnu
-      // On considère que tout ce qui n'est pas un message d'erreur évident
-      // est un succès. Si plusieurs fn renvoient 200, on prend le premier.
-      const trimmed = (body || "").trim().toLowerCase();
-      const looksLikeError = trimmed.includes("error")
-                          || trimmed.includes("erreur")
-                          || trimmed.includes("unknown function")
-                          || trimmed.includes("fonction inconnue")
-                          || trimmed.includes("<html");
-      if (!looksLikeError) {
-        console.log(`[bg]   → suppression OK avec function_name=${fn}`);
-        return { status: r.status, functionName: fn, body: body.substring(0, 200) };
+      // v5.0.14 : détection explicite du succès XML observé dans les captures
+      // réseau : <Planning_delete_absence>true</Planning_delete_absence>
+      const trimmed = (body || "").trim();
+      const lower = trimmed.toLowerCase();
+
+      // Succès explicite : réponse XML du type <X>true</X>
+      if (/^<\w+>true<\/\w+>\s*$/i.test(trimmed)) {
+        console.log(`[bg]   → SUCCÈS confirmé par XML <...>true</...> avec function_name=${fn}`);
+        return { status: r.status, functionName: fn, body: trimmed };
       }
-      console.log(`[bg]   → réponse ressemble à une erreur, on tente le prochain nom`);
-      lastBody = body;
+
+      // Détection d'échec : <X>false</X>, erreurs, html, redirect, etc.
+      const looksLikeError = /^<\w+>false<\/\w+>\s*$/i.test(trimmed)
+                          || lower.includes("error")
+                          || lower.includes("erreur")
+                          || lower.includes("unknown function")
+                          || lower.includes("fonction inconnue")
+                          || lower.includes("<html")
+                          || lower.includes("window.location.href");
+      if (looksLikeError) {
+        console.log(`[bg]   → réponse ressemble à une erreur, on tente le prochain nom`);
+        lastBody = body;
+        continue;
+      }
+      // Pas d'erreur évidente mais pas de succès explicite non plus
+      // (ex: réponse vide ou "1" ou "ok"). On considère comme succès.
+      console.log(`[bg]   → suppression probablement OK (body neutre) avec function_name=${fn}`);
+      return { status: r.status, functionName: fn, body: trimmed.substring(0, 200) };
     } catch (err) {
       if (err.message === "session_expired") throw err;
       console.warn(`[bg]   erreur avec ${fn}:`, err);

manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "Planification",
-  "version": "2026.5.18",
+  "version": "2026.5.21",
   "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

@@ -1169,6 +1169,26 @@ html, body {
   color: var(--c-reservation);
   font-family: var(--font);
   letter-spacing: 0.02em;
+  /* v5.0.15 : étendre le titre sur toute la largeur de la carte pour le
+     vrai centrage (sinon il n'est centré que dans sa colonne grid) */
+  grid-column: 1 / -1;
+  text-align: center;
+  padding-left: 62px;   /* compense la colonne time (58px + gap) */
+  padding-right: 0;
+}
+
+/* v5.0.15 : absence partielle (demi-journée) affichée comme une row */
+.iv-ref-header.is-absence-title {
+  color: var(--c-absence, #a0a8b2);
+  font-family: var(--font);
+  letter-spacing: 0.02em;
+  grid-column: 1 / -1;
+  text-align: center;
+  padding-left: 62px;
+  padding-right: 0;
+}
+.intervention-v2.color-absence .intervention-dot {
+  background: var(--c-absence, #2a2f36);
 }
 .iv-reservation-par {
   font-size: 13px;
@@ -1972,18 +1992,36 @@ body.modal-open {
 /* ─────────────────────────────────────────────────────────────────────────
    v5.0.0 : horloge au milieu de la topbar (HH:MM, pas de secondes)
    ───────────────────────────────────────────────────────────────────────── */
+/* v2026.5.16 : app-clock contient maintenant 2 lignes empilées :
+   - app-clock-date : "Mardi 21 avril 2026" (petit)
+   - app-clock-time : "12:34" (grand) */
 .app-clock {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  line-height: 1.1;
+  color: var(--text);
+  pointer-events: none;
+  user-select: none;
+  white-space: nowrap;
+}
+.app-clock-date {
+  font-size: 12px;
+  font-weight: 500;
+  color: var(--text-muted);
+  letter-spacing: 0.3px;
+  text-transform: capitalize;
+}
+.app-clock-time {
   font-size: 22px;
   font-weight: 600;
   font-variant-numeric: tabular-nums;
-  color: var(--text);
   letter-spacing: 1px;
-  pointer-events: none;
-  user-select: none;
 }
 .topbar { position: sticky; /* déja défini plus haut */ }
 /* topbar doit être en position: relative parent pour que .app-clock absolute

viewer.html

@@ -30,8 +30,11 @@
       <span id="capture-info" class="capture-info"></span>
       <span id="refresh-check" class="refresh-check hidden" title="Mise à jour terminée">✓</span>
     </div>
-    <!-- v5.0.0 : horloge au milieu, format HH:MM, mise à jour toutes les min -->
-    <div id="app-clock" class="app-clock" title="Heure actuelle"></div>
+    <!-- v2026.5.16 : date complète du jour au-dessus de l'heure dans la topbar -->
+    <div id="app-clock" class="app-clock" title="Date et heure actuelles">
+      <div id="app-clock-date" class="app-clock-date"></div>
+      <div id="app-clock-time" class="app-clock-time"></div>
+    </div>
     <!-- v5.0.9 : compteur de session EasyVista (visible < 5 min restantes) -->
     <div id="app-session" class="app-session hidden"></div>
     <div class="topbar-right">

viewer.js

@@ -5822,16 +5822,17 @@ function splitLieu(raw) {
     ville = null;
     adresse = parts[0];
   } else {
-    ville = s.substring(0, idx).trim();
-    adresse = s.substring(idx + 1).trim();
+    // 2+ parties : ville = 1ère, adresse = 2e, on ignore le reste
+    ville = parts[0];
+    adresse = parts[1];
   }
+
   // Capitaliser la 1ère lettre des mots de voie (Rue, Chemin, Route, Avenue,
   // Boulevard, Place, Quai, Impasse + abréviations Av., Ch., Rte, Bd)
   if (adresse) {
     adresse = adresse.replace(
       /\b(rue|chemin|route|avenue|boulevard|place|quai|impasse|ruelle|allée|allee|passage|sentier|av\.?|ch\.?|rte\.?|bd\.?)\b/gi,
       (match) => {
-        // Conserver la casse existante si déjà majuscule, sinon capitaliser
         if (/^[A-ZÉÈÀÂÎÔÛÇ]/.test(match)) return match;
         return match.charAt(0).toUpperCase() + match.slice(1).toLowerCase();
       }
@@ -6140,6 +6141,11 @@ let bulleState = {
 };
 
 function showTooltip(e, iv, rowEl) {
+  // v2026.5.19 : pendant qu'un popup épinglé est en cours de drag, on ignore
+  // les mouseenter sur les cartes — sinon en survolant une carte on déclenche
+  // l'ouverture d'un nouveau tooltip par-dessus ce qu'on est en train de bouger.
+  if (state._popupDragging) return;
+
   // v4.1.15 : si la bulle est épinglée sur une autre iv, on NE REMPLACE PAS
   // son contenu (l'user veut garder la fiche épinglée même en survolant
   // d'autres cartes).
@@ -6216,7 +6222,8 @@ function hideTooltip(opts = {}) {
     state.currentTooltipIv = null;
     currentTooltipPos = null;
     tooltipPositionMode = null;  // re-détecter à la prochaine ouverture
-  }, 120);
+  }, 1000);  // v2026.5.17 : délai 1s au lieu de 120ms pour laisser le temps
+             //              à l'user d'atteindre le popup depuis la carte
 }
 
 // v4.2 : détecte si l'utilisateur a une sélection de texte active dans la bulle.
@@ -6350,9 +6357,51 @@ function positionTooltipAnchored(rowEl) {
   }
   if (y < 4) y = 4;
 
+  // v2026.5.17 : éviter le chevauchement avec les popups épinglés existants.
+  // On teste la position candidate, et si elle chevauche un popup épinglé,
+  // on essaie d'autres candidats (gauche de la carte, au-dessous, au-dessus).
+  const tipW = tipRect.width || 320;
+  const tipH = tipRect.height || 200;
+  const pinnedRects = _getPinnedPopupsViewportRects();
+  if (pinnedRects.length) {
+    const candidates = [
+      { x, y, label: "right" },
+      { x: rowRect.left - tipW - pad, y: rowRect.top, label: "left" },
+      { x: rowRect.left, y: rowRect.bottom + pad, label: "below" },
+      { x: rowRect.left, y: rowRect.top - tipH - pad, label: "above" }
+    ];
+    for (const c of candidates) {
+      // Borne dans le viewport
+      if (c.x < 4) c.x = 4;
+      if (c.x + tipW > window.innerWidth - 8) c.x = window.innerWidth - tipW - 8;
+      if (c.y < 4) c.y = 4;
+      if (c.y + tipH > window.innerHeight - 8) c.y = window.innerHeight - tipH - 8;
+      const testRect = { left: c.x, top: c.y, right: c.x + tipW, bottom: c.y + tipH };
+      const overlaps = pinnedRects.some(pr => _rectsOverlap(testRect, pr));
+      if (!overlaps) {
+        x = c.x; y = c.y;
+        break;
+      }
+    }
+  }
+
   setTooltipViewportPosition(x, y);
 }
 
+/**
+ * v2026.5.17 : retourne les rectangles (en coords viewport) de tous les popups
+ * actuellement épinglés et visibles (non réduits). Utilisé pour anti-chevauchement.
+ */
+function _getPinnedPopupsViewportRects() {
+  const rects = [];
+  document.querySelectorAll(".pinned-popup").forEach(p => {
+    if (p.classList.contains("pinned-popup-reduced")) return; // docké, pas à l'écran
+    const r = p.getBoundingClientRect();
+    if (r.width > 0 && r.height > 0) rects.push(r);
+  });
+  return rects;
+}
+
 // ============================================================================
 // v4.3.0 : système de popups épinglés détachés
 // ============================================================================
@@ -6397,31 +6446,41 @@ function _rectsOverlap(a, b) {
 function _findFreePopupPosition(rowEl, w, h) {
   const pad = 14;
   const rowRect = rowEl.getBoundingClientRect();
-  const viewportW = window.innerWidth;
-  const viewportH = window.innerHeight;
+  // v2026.5.20 : utiliser la safe area (en dessous topbar, au-dessus dock)
+  const safe = _getPopupSafeArea();
 
-  // 4 candidats, en coords viewport
+  // 4 candidats d'abord, autour de la row source (en coords viewport)
   const candidates = [
-    // Droite
-    { x: rowRect.right + pad, y: rowRect.top, name: "droite" },
-    // Gauche
-    { x: rowRect.left - w - pad, y: rowRect.top, name: "gauche" },
-    // Dessous
-    { x: rowRect.left, y: rowRect.bottom + pad, name: "dessous" },
-    // Dessus
-    { x: rowRect.left, y: rowRect.top - h - pad, name: "dessus" }
+    { x: rowRect.right + pad, y: rowRect.top,         name: "droite"  },
+    { x: rowRect.left - w - pad, y: rowRect.top,      name: "gauche"  },
+    { x: rowRect.left, y: rowRect.bottom + pad,       name: "dessous" },
+    { x: rowRect.left, y: rowRect.top - h - pad,      name: "dessus"  }
   ];
 
-  // Pour chaque candidat, clamper dans le viewport (marge 8px) et convertir
-  // en coord document, puis tester le chevauchement
+  // v2026.5.20 : ajouter une grille de positions de fallback couvrant toute
+  // la safe area (pas de 60px × 60px) — garantit qu'on trouve ~toujours une
+  // place, sauf si vraiment trop de popups actifs.
+  const availW = safe.right - safe.left;
+  const availH = safe.bottom - safe.top;
+  if (availW > w + 20 && availH > h + 20) {
+    for (let y = safe.top; y + h <= safe.bottom; y += 60) {
+      for (let x = safe.left; x + w <= safe.right; x += 60) {
+        candidates.push({ x, y, name: "grid" });
+      }
+    }
+  }
+
+  // Tester chaque candidat dans l'ordre
   for (const c of candidates) {
     let x = c.x, y = c.y;
-    // Clamp horizontal dans le viewport
-    if (x < 4) x = 4;
-    if (x + w > viewportW - 8) x = viewportW - 8 - w;
-    // Clamp vertical dans le viewport
-    if (y < 4) y = 4;
-    if (y + h > viewportH - 8) y = viewportH - 8 - h;
+    // Clamp dans la safe area
+    if (x < safe.left) x = safe.left;
+    if (x + w > safe.right) x = safe.right - w;
+    if (x < safe.left) continue; // popup plus large que safe area
+    if (y < safe.top) y = safe.top;
+    if (y + h > safe.bottom) y = safe.bottom - h;
+    if (y < safe.top) continue;
+
     // Si, après clamp, la popup chevaucherait la ligne source elle-même,
     // on ignore ce candidat (on préfère une direction qui la laisse visible).
     const rowRectClamped = {
@@ -6429,9 +6488,12 @@ function _findFreePopupPosition(rowEl, w, h) {
       right: rowRect.right, bottom: rowRect.bottom
     };
     const candRect = { left: x, top: y, right: x + w, bottom: y + h };
-    if (_rectsOverlap(candRect, rowRectClamped)) continue;
+    // v2026.5.20 : pour les 4 candidats principaux, on refuse de chevaucher
+    // la row ; pour les candidats "grid" de fallback, on l'accepte
+    // (on veut une place à tout prix).
+    if (c.name !== "grid" && _rectsOverlap(candRect, rowRectClamped)) continue;
 
-    // Test chevauchement avec les popups déjà épinglés
+    // Test chevauchement avec les popups déjà épinglés (coords document)
     const docRect = {
       left: _viewportToDocumentX(x),
       top: _viewportToDocumentY(y),
@@ -6440,13 +6502,14 @@ function _findFreePopupPosition(rowEl, w, h) {
     };
     let overlapsOther = false;
     for (const p of pinnedPopups) {
+      // Ne pas comparer avec un popup qui est dans le dock (réduit)
+      if (p.el && p.el.classList && p.el.classList.contains("pinned-popup-reduced")) continue;
       if (_rectsOverlap(docRect, p.rect)) {
         overlapsOther = true;
         break;
       }
     }
     if (!overlapsOther) {
-      // Position libre trouvée
       return {
         viewportX: x, viewportY: y,
         docX: docRect.left, docY: docRect.top,
@@ -6454,6 +6517,30 @@ function _findFreePopupPosition(rowEl, w, h) {
       };
     }
   }
+
+  // v2026.5.20 : ultime fallback — accepter de chevaucher mais décaler
+  // un peu par rapport au 1er popup épinglé existant. Évite complètement
+  // le "Pas de place" injuste.
+  if (pinnedPopups.length > 0) {
+    const last = pinnedPopups[pinnedPopups.length - 1];
+    let x = (last.rect.left - (window.scrollX || 0)) + 30;
+    let y = (last.rect.top  - (window.scrollY || 0)) + 30;
+    if (x + w > safe.right) x = safe.right - w;
+    if (y + h > safe.bottom) y = safe.bottom - h;
+    if (x < safe.left) x = safe.left;
+    if (y < safe.top) y = safe.top;
+    const docRect = {
+      left: _viewportToDocumentX(x),
+      top: _viewportToDocumentY(y),
+      right: _viewportToDocumentX(x + w),
+      bottom: _viewportToDocumentY(y + h)
+    };
+    return {
+      viewportX: x, viewportY: y,
+      docX: docRect.left, docY: docRect.top,
+      rect: docRect
+    };
+  }
   return null;
 }
 
@@ -6467,6 +6554,34 @@ function pinTooltip() {
   if (!srcEl) return;
   const iv = state.currentTooltipIv;
 
+  // v2026.5.21 : unicité actionId + date. Si un popup pour la même ref
+  // ET la même date est déjà épinglé, on le supprime et on re-crée un nouveau
+  // (user a choisi ce comportement : "tu supprime le popup actuellement
+  // épinglé et tu répingle la nouvelle fenêtre").
+  const currentDate = state.currentDate || "";
+  const existingKey = (iv.actionId || "") + "|" + currentDate;
+  for (let i = pinnedPopups.length - 1; i >= 0; i--) {
+    const p = pinnedPopups[i];
+    if (!p || !p.el) continue;
+    const aid = p.el.dataset.actionId || "";
+    const d = p.el.dataset.originDate || "";
+    if (aid + "|" + d === existingKey) {
+      // Retirer l'ancien (popup + pastille dock éventuelle)
+      if (p.el._linkedPill) {
+        try { p.el._linkedPill.remove(); } catch (e) {}
+      }
+      try { p.el.remove(); } catch (e) {}
+      pinnedPopups.splice(i, 1);
+    }
+  }
+  // Nettoyer un éventuel dock devenu vide
+  const dockEl = document.getElementById("pinned-popups-dock");
+  if (dockEl && dockEl.querySelectorAll(".pinned-popup-dock-pill").length === 0) {
+    dockEl.classList.remove("visible");
+    const closeAllBtn = document.getElementById("pinned-popups-close-all");
+    if (closeAllBtn) closeAllBtn.remove();
+  }
+
   // Chercher la ligne source (row iv-v2)
   let rowEl = null;
   if (iv.actionId) {
@@ -6483,20 +6598,84 @@ function pinTooltip() {
   popup.dataset.actionId = iv.actionId || "";
   popup.innerHTML = srcEl.innerHTML;
 
-  // Ajouter un bouton × de fermeture (en plus du 📌)
-  const closeBtn = document.createElement("button");
-  closeBtn.type = "button";
-  closeBtn.className = "pinned-popup-close";
-  closeBtn.innerHTML = "×";
-  closeBtn.title = "Désépingler (reste visible tant que la souris est dessus)";
-  closeBtn.addEventListener("click", (e) => {
+  // v2026.5.18 : mémoriser la ref et la couleur pour le dock (pastille avec
+  // couleur de catégorie + texte ref)
+  popup.dataset.ref = iv.ref || "";
+  popup.dataset.colorKey = (typeof deriveColorKey === "function" ? deriveColorKey(iv) : "autre") || "autre";
+
+  // v2026.5.19 : mémoriser aussi la date pour l'afficher sur la pastille dock
+  popup.dataset.originDate = state.currentDate || "";
+
+  // v2026.5.17 : masquer l'icône 📌 du contenu cloné (redondante car le
+  // popup a sa propre topbar avec le bouton "désépingler" 📍 explicite)
+  const oldPin = popup.querySelector('.tooltip-pinbtn[data-action="pin"]');
+  if (oldPin) oldPin.remove();
+
+  // v2026.5.17 : topbar avec 3 boutons pour un popup épinglé :
+  // v2026.5.18 : swap des actions — _ réduit dans le dock, ▭ minimise flottant
+  //   _  = Réduire (docké dans la taskbar du bas)
+  //   ▭  = Minimiser (popup reste flottant mais compact, juste la ref)
+  //   📍 = Désépingler (l'icône d'épingle "plantée" ; clic = retire l'épingle)
+  const topbar = document.createElement("div");
+  topbar.className = "pinned-popup-topbar";
+
+  // Bouton Réduire (icône _ )
+  const reduceBtn = document.createElement("button");
+  reduceBtn.type = "button";
+  reduceBtn.className = "pinned-popup-btn pinned-popup-reduce";
+  reduceBtn.innerHTML = "_";
+  reduceBtn.title = "Réduire (docké en bas de l'écran)";
+  reduceBtn.addEventListener("click", (e) => {
+    e.stopPropagation();
+    _reducePinnedPopup(popup);
+  });
+  topbar.appendChild(reduceBtn);
+
+  // Bouton Minimiser (icône ▭ )
+  const minBtn = document.createElement("button");
+  minBtn.type = "button";
+  minBtn.className = "pinned-popup-btn pinned-popup-minimize";
+  minBtn.innerHTML = "▭";
+  minBtn.title = "Minimiser (reste flottant mais compact)";
+  minBtn.addEventListener("click", (e) => {
+    e.stopPropagation();
+    _minimizePinnedPopup(popup);
+  });
+  topbar.appendChild(minBtn);
+
+  // v2026.5.19 : Bouton Actualiser (même icône SVG que le tooltip standard)
+  // Re-fetch la fiche de l'intervention pour mettre à jour les infos (statut,
+  // commentaires, action text) sans recharger le planning entier.
+  const refreshBtn = document.createElement("button");
+  refreshBtn.type = "button";
+  refreshBtn.className = "pinned-popup-btn pinned-popup-refresh";
+  refreshBtn.innerHTML = '<svg viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M2 8a6 6 0 1 0 1.76-4.24M2 3v3h3" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>';
+  refreshBtn.title = "Actualiser les informations de cette intervention";
+  refreshBtn.addEventListener("click", async (e) => {
+    e.stopPropagation();
+    if (refreshBtn.classList.contains("spinning")) return;
+    refreshBtn.classList.add("spinning");
+    try {
+      await _refreshPinnedPopupIv(popup, iv);
+    } finally {
+      setTimeout(() => refreshBtn.classList.remove("spinning"), 300);
+    }
+  });
+  topbar.appendChild(refreshBtn);
+
+  // Bouton Désépingler (icône épingle plantée)
+  const unpinBtn = document.createElement("button");
+  unpinBtn.type = "button";
+  unpinBtn.className = "pinned-popup-btn pinned-popup-unpin";
+  unpinBtn.innerHTML = "📍";
+  unpinBtn.title = "Désépingler (se ferme quand la souris sort)";
+  unpinBtn.addEventListener("click", (e) => {
     e.stopPropagation();
-    // Désépinglage "mou" : on marque la popup comme non épinglée mais on la
-    // laisse visible tant que la souris est dessus. Elle disparaît quand la
-    // souris sort.
     _softUnpinPopup(popup);
   });
-  popup.appendChild(closeBtn);
+  topbar.appendChild(unpinBtn);
+
+  popup.appendChild(topbar);
 
   // v4.3.3 : barre de drag en haut, pour déplacer la popup à la souris.
   // Ancrée en haut à 22px de haut ; le padding-top de la popup est augmenté
@@ -6550,6 +6729,9 @@ function pinTooltip() {
   popup.style.top = pos.docY + "px";
   popup.style.visibility = "visible";
 
+  // v2026.5.20 : clamper dans la safe area (topbar + dock)
+  _clampPopupInSafeArea(popup);
+
   // Enregistrer dans la liste
   pinnedPopups.push({ el: popup, iv: iv, rect: pos.rect });
 
@@ -6576,6 +6758,44 @@ function _closePinnedPopup(el) {
   el.remove();
 }
 
+/**
+ * v2026.5.19 : re-fetch les infos d'une intervention et met à jour le contenu
+ * du popup épinglé correspondant. Utilise fetchAndUpdateIntervention qui fait
+ * xhr2 + fiche, puis régénère le HTML du tooltip avec buildTooltipHTML.
+ */
+async function _refreshPinnedPopupIv(popup, iv) {
+  if (!popup || !iv) return;
+  try {
+    // Forcer le refetch : on invalide les flags qui disent "déjà fetché"
+    iv.xhr2Fetched = false;
+    iv.xhr2Fetching = false;
+    iv.ficheFetched = false;
+    iv.ficheFetching = false;
+
+    // Token de refresh actuel (pour que fetchAndUpdateIntervention ne soit
+    // pas abortée par les checks isRefreshAborted)
+    const token = (typeof currentRefreshToken !== "undefined") ? currentRefreshToken : 0;
+
+    await fetchAndUpdateIntervention(iv, token);
+
+    // Régénérer le HTML du tooltip avec les nouvelles infos.
+    // On doit réinjecter juste le contenu, en gardant la topbar et la dragbar
+    // (qui ne sont PAS dans le tooltip source, elles sont propres au popup).
+    const topbar = popup.querySelector(".pinned-popup-topbar");
+    const dragbar = popup.querySelector(".pinned-popup-dragbar");
+    const newHtml = buildTooltipHTML(iv);
+    popup.innerHTML = newHtml;
+    // Virer aussi la vieille icône 📌 si elle revient dans le rebuild
+    const oldPin = popup.querySelector('.tooltip-pinbtn[data-action="pin"]');
+    if (oldPin) oldPin.remove();
+    // Remettre topbar et dragbar
+    if (topbar) popup.appendChild(topbar);
+    if (dragbar) popup.appendChild(dragbar);
+  } catch (err) {
+    console.warn("[refresh-popup]", err);
+  }
+}
+
 /**
  * Désépinglage "mou" : la popup n'est plus considérée épinglée (elle n'est
  * plus dans pinnedPopups, donc le comptage pour Ctrl×2 etc. ignore) mais on
@@ -6602,6 +6822,35 @@ function _softUnpinPopup(el) {
   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
+  if (el._linkedPill) {
+    try { el._linkedPill.remove(); } catch (e) {}
+    el._linkedPill = null;
+  }
+  // Si le dock est vide, le cacher ; mettre à jour le bouton "Fermer tous"
+  const dock = document.getElementById("pinned-popups-dock");
+  if (dock && dock.querySelectorAll(".pinned-popup-dock-pill").length === 0) {
+    dock.classList.remove("visible");
+    const closeAllBtn = document.getElementById("pinned-popups-close-all");
+    if (closeAllBtn) closeAllBtn.remove();
+  } else {
+    _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é.
+  const tip = tooltipEl();
+  if (tip && tip.classList.contains("visible") && state.currentTooltipIv) {
+    tip.innerHTML = buildTooltipHTML(state.currentTooltipIv);
+  }
 
   // Helper qui joue l'animation de sortie puis supprime le DOM
   const animateAndRemove = () => {
@@ -6618,6 +6867,430 @@ function _softUnpinPopup(el) {
   el.addEventListener("mouseleave", animateAndRemove, { once: true });
 }
 
+// ============================================================================
+// v2026.5.17 : États d'un popup épinglé
+//   - Normal (complet, flottant)
+//   - Minimisé (compact, flottant, juste la ref + topbar)
+//   - Réduit (docké dans la taskbar en bas de l'écran)
+// ============================================================================
+
+/**
+ * Passe un popup épinglé en mode Minimisé : on ne montre plus que la ref,
+ * dans un petit cadre flottant toujours drag-able.
+ *
+ * v2026.5.19 : au lieu de masquer tout le contenu via CSS et tenter de
+ * réafficher la ref (fragile), on crée un élément dédié `.pinned-popup-minref`
+ * qui contient juste la ref + la date. Cet élément est ajouté/retiré au besoin.
+ */
+function _minimizePinnedPopup(popup) {
+  if (!popup) return;
+  popup.classList.add("pinned-popup-minimized");
+
+  // Adapter les boutons topbar : [▭] devient [⬆] (agrandir)
+  const minBtn = popup.querySelector(".pinned-popup-minimize");
+  if (minBtn) {
+    minBtn.innerHTML = "⬆";
+    minBtn.title = "Agrandir";
+    // On retire les anciens listeners en clonant l'élément
+    const newBtn = minBtn.cloneNode(true);
+    minBtn.replaceWith(newBtn);
+    newBtn.addEventListener("click", (e) => {
+      e.stopPropagation();
+      _expandPinnedPopup(popup);
+    });
+  }
+
+  // Créer un élément dédié pour afficher la ref en mode minimisé
+  let minRef = popup.querySelector(".pinned-popup-minref");
+  if (!minRef) {
+    minRef = document.createElement("div");
+    minRef.className = "pinned-popup-minref";
+    const refText = popup.dataset.ref || "(sans ref)";
+    minRef.textContent = refText;
+    minRef.title = "Cliquer pour agrandir";
+    minRef.addEventListener("click", (e) => {
+      e.stopPropagation();
+      _expandPinnedPopup(popup);
+    });
+    popup.appendChild(minRef);
+  }
+}
+
+/**
+ * Repasse un popup minimisé en mode Normal (complet).
+ */
+function _expandPinnedPopup(popup) {
+  if (!popup) return;
+  popup.classList.remove("pinned-popup-minimized");
+
+  // Restaurer bouton Minimiser
+  const minBtn = popup.querySelector(".pinned-popup-minimize");
+  if (minBtn) {
+    minBtn.innerHTML = "▭";
+    minBtn.title = "Minimiser (reste flottant mais compact)";
+    const newBtn = minBtn.cloneNode(true);
+    minBtn.replaceWith(newBtn);
+    newBtn.addEventListener("click", (e) => {
+      e.stopPropagation();
+      _minimizePinnedPopup(popup);
+    });
+  }
+
+  // Retirer l'élément ref dédié (s'il existe)
+  const minRef = popup.querySelector(".pinned-popup-minref");
+  if (minRef) minRef.remove();
+}
+
+/**
+ * Passe un popup épinglé en mode Réduit : il disparaît de son emplacement
+ * flottant et vient s'ajouter dans une taskbar en bas de l'écran sous forme
+ * de pastille cliquable.
+ */
+function _reducePinnedPopup(popup) {
+  if (!popup) return;
+
+  // Récupérer la référence pour le label de la pastille
+  // v2026.5.18 : préférer le dataset.ref mémorisé à la création plutôt que
+  // le textContent (qui peut contenir "—" si la ref n'était pas encore
+  // disponible à l'épinglage)
+  const refEl = popup.querySelector(".iv-ref-header");
+  const label = popup.dataset.ref
+              || (refEl ? (refEl.textContent || "").trim() : "")
+              || "Popup";
+  const colorKey = popup.dataset.colorKey || "autre";
+
+  // S'assurer que la taskbar du bas existe
+  let dock = document.getElementById("pinned-popups-dock");
+  if (!dock) {
+    dock = document.createElement("div");
+    dock.id = "pinned-popups-dock";
+    dock.className = "pinned-popups-dock";
+    document.body.appendChild(dock);
+  }
+
+  // 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)
+  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);
+
+  // Date d'origine (ex: "21.04")
+  const originDate = popup.dataset.originDate || "";
+  if (originDate) {
+    const pillDate = document.createElement("span");
+    pillDate.className = "pinned-popup-dock-pill-date";
+    pillDate.textContent = _formatDateShort(originDate);
+    pill.appendChild(pillDate);
+  }
+
+  // Mémoriser la position/taille du popup avant de le masquer
+  const rect = popup.getBoundingClientRect();
+  popup.dataset.prevLeft = popup.style.left || (rect.left + "px");
+  popup.dataset.prevTop = popup.style.top || (rect.top + "px");
+  popup.dataset.prevWidth = popup.style.width || "";
+
+  // Cacher le popup (on le garde en DOM pour conserver son état et restaurer
+  // instantanément)
+  popup.classList.add("pinned-popup-reduced");
+
+  // Associer pill ↔ popup
+  pill._linkedPopup = popup;
+  popup._linkedPill = pill;
+
+  pill.addEventListener("click", (e) => {
+    e.stopPropagation();
+    _restorePinnedPopupFromDock(popup);
+  });
+
+  // v2026.5.20 : mini-menu au survol (Agrandir / Fermer)
+  pill.addEventListener("mouseenter", () => {
+    _showPillHoverMenu(pill, popup);
+  });
+  pill.addEventListener("mouseleave", (e) => {
+    // Le menu peut être sous la souris — on ne ferme pas si on entre dans le menu
+    _schedulePillMenuClose();
+  });
+
+  dock.appendChild(pill);
+  dock.classList.add("visible");
+
+  // v2026.5.18 : s'assurer qu'il y a un bouton "Fermer tous" si 2+ popups
+  _ensureDockCloseAllBtn();
+
+  // v2026.5.20 : le dock qui apparaît peut chevaucher des popups flottants —
+  // les reclamper pour qu'ils restent dans la safe area.
+  _reclampAllFloatingPopups();
+}
+
+/**
+ * v2026.5.20 : affiche un mini-menu au-dessus d'une pastille dock au survol.
+ * Contient 2 actions : Agrandir, Fermer.
+ */
+let _pillMenuCloseTimer = null;
+function _showPillHoverMenu(pill, popup) {
+  // Annuler une fermeture en cours
+  if (_pillMenuCloseTimer) {
+    clearTimeout(_pillMenuCloseTimer);
+    _pillMenuCloseTimer = null;
+  }
+  // S'il existe déjà un menu pour un autre pill, le fermer
+  const existing = document.getElementById("pill-hover-menu");
+  if (existing) {
+    if (existing._linkedPill === pill) return; // déjà pour ce pill
+    existing.remove();
+  }
+
+  const menu = document.createElement("div");
+  menu.id = "pill-hover-menu";
+  menu.className = "pill-hover-menu";
+  menu._linkedPill = pill;
+  menu._linkedPopup = popup;
+
+  const restoreBtn = document.createElement("button");
+  restoreBtn.type = "button";
+  restoreBtn.className = "pill-hover-menu-btn";
+  restoreBtn.innerHTML = '<span class="pill-menu-ico">⬆</span> Agrandir';
+  restoreBtn.addEventListener("click", (e) => {
+    e.stopPropagation();
+    _hidePillHoverMenu();
+    _restorePinnedPopupFromDock(popup);
+  });
+  menu.appendChild(restoreBtn);
+
+  const closeBtn = document.createElement("button");
+  closeBtn.type = "button";
+  closeBtn.className = "pill-hover-menu-btn pill-hover-menu-close";
+  closeBtn.innerHTML = '<span class="pill-menu-ico">✕</span> Fermer';
+  closeBtn.addEventListener("click", (e) => {
+    e.stopPropagation();
+    _hidePillHoverMenu();
+    // Retirer le popup de la liste et supprimer le DOM
+    const idx = pinnedPopups.findIndex(p => p.el === popup);
+    if (idx >= 0) pinnedPopups.splice(idx, 1);
+    try { popup.remove(); } catch (err) {}
+    try { pill.remove(); } catch (err) {}
+    const dock = document.getElementById("pinned-popups-dock");
+    if (dock && dock.querySelectorAll(".pinned-popup-dock-pill").length === 0) {
+      dock.classList.remove("visible");
+      const closeAllBtn = document.getElementById("pinned-popups-close-all");
+      if (closeAllBtn) closeAllBtn.remove();
+      _reclampAllFloatingPopups();
+    } else {
+      _ensureDockCloseAllBtn();
+    }
+  });
+  menu.appendChild(closeBtn);
+
+  document.body.appendChild(menu);
+
+  // Positionner au-dessus de la pastille
+  const r = pill.getBoundingClientRect();
+  const menuR = menu.getBoundingClientRect();
+  let left = r.left + (r.width / 2) - (menuR.width / 2);
+  if (left < 4) left = 4;
+  if (left + menuR.width > window.innerWidth - 4) left = window.innerWidth - menuR.width - 4;
+  menu.style.left = left + "px";
+  menu.style.top = (r.top - menuR.height - 8) + "px";
+
+  // Garder ouvert si la souris entre dans le menu
+  menu.addEventListener("mouseenter", () => {
+    if (_pillMenuCloseTimer) {
+      clearTimeout(_pillMenuCloseTimer);
+      _pillMenuCloseTimer = null;
+    }
+  });
+  menu.addEventListener("mouseleave", () => {
+    _schedulePillMenuClose();
+  });
+}
+
+function _schedulePillMenuClose() {
+  if (_pillMenuCloseTimer) clearTimeout(_pillMenuCloseTimer);
+  _pillMenuCloseTimer = setTimeout(() => {
+    _hidePillHoverMenu();
+    _pillMenuCloseTimer = null;
+  }, 250);
+}
+
+function _hidePillHoverMenu() {
+  const existing = document.getElementById("pill-hover-menu");
+  if (existing) existing.remove();
+}
+
+/**
+ * v2026.5.20 : calcule la safe area pour les popups épinglés.
+ * Retourne {top, bottom, left, right} en coords viewport.
+ *  - top : hauteur de la topbar (les popups ne doivent pas passer dessous)
+ *  - bottom : top du dock si visible, sinon hauteur viewport
+ */
+function _getPopupSafeArea() {
+  let topLimit = 4;
+  const topbar = document.querySelector("header.topbar");
+  if (topbar) {
+    const r = topbar.getBoundingClientRect();
+    if (r.bottom > topLimit) topLimit = r.bottom + 4;
+  }
+  let bottomLimit = window.innerHeight - 4;
+  const dock = document.getElementById("pinned-popups-dock");
+  if (dock && dock.classList.contains("visible")) {
+    const r = dock.getBoundingClientRect();
+    if (r.top < bottomLimit) bottomLimit = r.top - 4;
+  }
+  return { top: topLimit, bottom: bottomLimit, left: 4, right: window.innerWidth - 4 };
+}
+
+/**
+ * v2026.5.20 : contraint un popup flottant (en coords document via style.left/top)
+ * dans la safe area. Appelé à l'épinglage, pendant le drag, et quand le dock
+ * apparaît/disparaît.
+ */
+function _clampPopupInSafeArea(popup) {
+  if (!popup) return;
+  if (popup.classList.contains("pinned-popup-reduced")) return; // pas clamp si docké
+  const safe = _getPopupSafeArea();
+  const rect = popup.getBoundingClientRect();
+  const w = rect.width || popup.offsetWidth || 280;
+  const h = rect.height || popup.offsetHeight || 200;
+
+  // Les coords viewport actuelles
+  const vLeft = rect.left;
+  const vTop = rect.top;
+
+  // Calcul des coords viewport cibles après clamp
+  let newVLeft = vLeft;
+  let newVTop = vTop;
+  if (newVLeft < safe.left) newVLeft = safe.left;
+  if (newVLeft + w > safe.right) newVLeft = safe.right - w;
+  if (newVLeft < safe.left) newVLeft = safe.left;  // si popup plus large que viewport
+
+  if (newVTop < safe.top) newVTop = safe.top;
+  if (newVTop + h > safe.bottom) newVTop = safe.bottom - h;
+  if (newVTop < safe.top) newVTop = safe.top;
+
+  if (newVLeft === vLeft && newVTop === vTop) return; // rien à faire
+
+  // Différence = appliquer au style.left / style.top (qui sont en document coords)
+  const dx = newVLeft - vLeft;
+  const dy = newVTop - vTop;
+  const curLeft = parseFloat(popup.style.left) || 0;
+  const curTop = parseFloat(popup.style.top) || 0;
+  popup.style.left = (curLeft + dx) + "px";
+  popup.style.top = (curTop + dy) + "px";
+}
+
+/**
+ * Réclampe tous les popups flottants (utile après apparition/disparition du dock).
+ */
+function _reclampAllFloatingPopups() {
+  document.querySelectorAll(".pinned-popup:not(.pinned-popup-reduced)").forEach(p => {
+    _clampPopupInSafeArea(p);
+  });
+}
+
+/**
+ * v2026.5.19 : réduit TOUS les popups épinglés actuellement ouverts (en mode
+ * normal ou minimisé) dans la taskbar du bas. Appelé au changement de date.
+ */
+function _reduceAllPinnedPopups() {
+  const popups = document.querySelectorAll(".pinned-popup:not(.pinned-popup-reduced)");
+  popups.forEach(popup => {
+    try { _reducePinnedPopup(popup); } catch (e) {}
+  });
+}
+
+/**
+ * v2026.5.19 : ISO date (YYYY-MM-DD) → format court "DD.MM" pour le dock.
+ */
+function _formatDateShort(iso) {
+  if (!iso) return "";
+  const m = String(iso).match(/^(\d{4})-(\d{2})-(\d{2})$/);
+  if (!m) return iso;
+  return `${m[3]}.${m[2]}`;
+}
+
+/**
+ * v2026.5.18 : ajoute (ou met à jour) le bouton "Fermer tous" dans le dock
+ * quand au moins 2 popups épinglés existent (réduits OU affichés).
+ * Le bouton est placé à droite du dock.
+ */
+function _ensureDockCloseAllBtn() {
+  const dock = document.getElementById("pinned-popups-dock");
+  if (!dock) return;
+  const allPinned = document.querySelectorAll(".pinned-popup");
+  let closeAllBtn = document.getElementById("pinned-popups-close-all");
+  if (allPinned.length >= 2) {
+    if (!closeAllBtn) {
+      closeAllBtn = document.createElement("button");
+      closeAllBtn.type = "button";
+      closeAllBtn.id = "pinned-popups-close-all";
+      closeAllBtn.className = "pinned-popups-close-all";
+      closeAllBtn.textContent = "✕ Fermer tous";
+      closeAllBtn.title = "Fermer tous les popups épinglés";
+      closeAllBtn.addEventListener("click", (e) => {
+        e.stopPropagation();
+        closeAllPinnedPopups();
+      });
+      dock.appendChild(closeAllBtn);
+    } else {
+      // Remettre à la fin (après les pastilles éventuellement ajoutées)
+      dock.appendChild(closeAllBtn);
+    }
+    dock.classList.add("visible");
+  } else if (closeAllBtn) {
+    closeAllBtn.remove();
+  }
+}
+
+/**
+ * Ramène un popup réduit en mode Normal : retire la pastille du dock et
+ * réaffiche le popup flottant à sa position d'avant réduction.
+ */
+function _restorePinnedPopupFromDock(popup) {
+  if (!popup) return;
+  popup.classList.remove("pinned-popup-reduced");
+  // Si le popup était minimisé avant d'être réduit, on l'agrandit direct
+  // (la demande était : "Si la reduit et rappeller s'affiche en grand direct")
+  popup.classList.remove("pinned-popup-minimized");
+  const minBtn = popup.querySelector(".pinned-popup-minimize");
+  if (minBtn) {
+    minBtn.innerHTML = "▭";
+    minBtn.title = "Minimiser (reste flottant mais compact)";
+    const newBtn = minBtn.cloneNode(true);
+    minBtn.replaceWith(newBtn);
+    newBtn.addEventListener("click", (e) => {
+      e.stopPropagation();
+      _minimizePinnedPopup(popup);
+    });
+  }
+
+  // Supprimer la pastille associée
+  if (popup._linkedPill) {
+    popup._linkedPill.remove();
+    popup._linkedPill = null;
+  }
+
+  // Si le dock est vide (sauf le bouton "Fermer tous"), le masquer
+  const dock = document.getElementById("pinned-popups-dock");
+  if (dock) {
+    const remainingPills = dock.querySelectorAll(".pinned-popup-dock-pill").length;
+    if (remainingPills === 0) {
+      dock.classList.remove("visible");
+      const closeAllBtn = document.getElementById("pinned-popups-close-all");
+      if (closeAllBtn) closeAllBtn.remove();
+    } else {
+      _ensureDockCloseAllBtn();
+    }
+  }
+}
+
 /** Ferme toutes les popups épinglées (appelé par Échap ou changement de date). */
 /**
  * v5.0.1 : helper pour déclencher la suppression d'une absence ou réservation.
@@ -6678,6 +7351,13 @@ function closeAllPinnedPopups() {
   pinnedPopups.length = 0;
   // Fermer aussi les popups en état soft-unpinned qui trainent encore
   document.querySelectorAll(".pinned-popup.soft-unpinned").forEach(el => el.remove());
+  // v2026.5.18 : supprimer aussi les éléments du dock
+  document.querySelectorAll(".pinned-popup").forEach(el => el.remove());
+  document.querySelectorAll(".pinned-popup-dock-pill").forEach(el => el.remove());
+  const closeAllBtn = document.getElementById("pinned-popups-close-all");
+  if (closeAllBtn) closeAllBtn.remove();
+  const dock = document.getElementById("pinned-popups-dock");
+  if (dock) dock.classList.remove("visible");
 }
 
 /**
@@ -6698,12 +7378,12 @@ function _attachPopupDragHandler(popup, dragbar) {
     let newLeft = startLeft + dx;
     let newTop = startTop + dy;
 
-    // Clamper dans le document (pas sortir trop à gauche/haut)
-    if (newLeft < 4) newLeft = 4;
-    if (newTop < 4) newTop = 4;
-
+    // v2026.5.20 : clamper dans la safe area (topbar en haut, dock en bas,
+    // bordures viewport gauche/droite). On calcule en coords viewport puis
+    // on applique en coords document.
     popup.style.left = newLeft + "px";
     popup.style.top = newTop + "px";
+    _clampPopupInSafeArea(popup);
   };
 
   const onMouseUp = () => {
@@ -6712,6 +7392,11 @@ function _attachPopupDragHandler(popup, dragbar) {
     popup.classList.remove("dragging");
     document.removeEventListener("mousemove", onMouseMove);
     document.removeEventListener("mouseup", onMouseUp);
+    // v2026.5.19 : retirer la classe body et le flag global après un petit
+    // délai pour laisser le temps au mouseleave de la carte de se propager
+    // sans déclencher de tooltip parasite.
+    document.body.classList.remove("popup-dragging");
+    setTimeout(() => { state._popupDragging = false; }, 50);
 
     // Mettre à jour le rect mémorisé pour la détection de chevauchement
     const entry = pinnedPopups.find(p => p.el === popup);