v2026.5.23 — Polish UX

viewer.js

@@ -6806,6 +6806,13 @@ function _softUnpinPopup(el) {
   const idx = pinnedPopups.findIndex(p => p.el === el);
   if (idx >= 0) pinnedPopups.splice(idx, 1);
 
+  // v2026.5.23 : 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;
+  }
+
   // 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.
@@ -6847,9 +6854,17 @@ function _softUnpinPopup(el) {
   // 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é.
+  // v2026.5.23 : AUSSI reset le flag iv._reloading qui pourrait rester bloqué
+  // à true si le bouton ↻ avait été cliqué pendant que le popup était épinglé
+  // sans que le finally soit atteint.
   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
@@ -7006,12 +7021,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) => {
@@ -7019,6 +7040,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");
 
@@ -7195,6 +7219,185 @@ function _reclampAllFloatingPopups() {
   });
 }
 
+/**
+ * v2026.5.23 : drag & drop d'une pastille du dock.
+ * - Drag dans le dock : réordonne les pastilles (drop = insérer à la nouvelle
+ *   position). Les autres se décalent en live.
+ * - Drop HORS du dock : restaure le popup en mode Normal à la position de la
+ *   souris.
+ * Semi-transparent pendant le drag.
+ */
+function _attachPillDragHandler(pill, popup) {
+  const DRAG_THRESHOLD = 4;  // px avant de considérer un vrai drag
+  let isDown = false;
+  let isDragging = false;
+  let startX = 0, startY = 0;
+  let ghostEl = null;
+  let pillOriginalNext = null;  // voisin d'origine pour restaurer l'ordre
+
+  const onMouseMove = (e) => {
+    if (!isDown) return;
+    const dx = e.clientX - startX;
+    const dy = e.clientY - startY;
+    if (!isDragging) {
+      if (Math.abs(dx) < DRAG_THRESHOLD && Math.abs(dy) < DRAG_THRESHOLD) return;
+      // Début du drag
+      isDragging = true;
+      pill._dragging = true;
+      pill._justDragged = true;
+      _hidePillHoverMenu();
+      pill.classList.add("pill-dragging");
+
+      // Créer un "ghost" flottant qui suit la souris
+      const r = pill.getBoundingClientRect();
+      ghostEl = pill.cloneNode(true);
+      ghostEl.style.position = "fixed";
+      ghostEl.style.left = r.left + "px";
+      ghostEl.style.top = r.top + "px";
+      ghostEl.style.width = r.width + "px";
+      ghostEl.style.height = r.height + "px";
+      ghostEl.style.zIndex = "1100";
+      ghostEl.style.opacity = "0.85";
+      ghostEl.style.pointerEvents = "none";
+      ghostEl.classList.add("pill-dragging-ghost");
+      document.body.appendChild(ghostEl);
+
+      // Mémoriser le voisin d'origine pour restaurer si drop hors dock
+      pillOriginalNext = pill.nextSibling;
+    }
+    // Déplacer le ghost avec la souris
+    if (ghostEl) {
+      ghostEl.style.left = (e.clientX - ghostEl.offsetWidth / 2) + "px";
+      ghostEl.style.top  = (e.clientY - ghostEl.offsetHeight / 2) + "px";
+    }
+
+    // Détecter si on est au-dessus du dock
+    const dock = document.getElementById("pinned-popups-dock");
+    if (!dock) return;
+    const dockRect = dock.getBoundingClientRect();
+    const insideDock = (
+      e.clientX >= dockRect.left && e.clientX <= dockRect.right &&
+      e.clientY >= dockRect.top && e.clientY <= dockRect.bottom
+    );
+
+    if (insideDock) {
+      // Trouver où insérer parmi les autres pastilles
+      const pills = Array.from(dock.querySelectorAll(".pinned-popup-dock-pill"))
+                          .filter(p => p !== pill);
+      let inserted = false;
+      for (const other of pills) {
+        const or = other.getBoundingClientRect();
+        const midX = or.left + or.width / 2;
+        if (e.clientX < midX) {
+          dock.insertBefore(pill, other);
+          inserted = true;
+          break;
+        }
+      }
+      if (!inserted) {
+        // Insérer juste avant le bouton "Fermer tous" s'il existe, sinon en fin
+        const closeAllBtn = document.getElementById("pinned-popups-close-all");
+        if (closeAllBtn) {
+          dock.insertBefore(pill, closeAllBtn);
+        } else {
+          dock.appendChild(pill);
+        }
+      }
+    }
+  };
+
+  const onMouseUp = (e) => {
+    if (!isDown) return;
+    isDown = false;
+    document.removeEventListener("mousemove", onMouseMove);
+    document.removeEventListener("mouseup", onMouseUp);
+
+    if (!isDragging) return;  // juste un clic simple, pas un drag
+
+    isDragging = false;
+    setTimeout(() => { pill._dragging = false; }, 10);
+    pill.classList.remove("pill-dragging");
+    if (ghostEl) {
+      try { ghostEl.remove(); } catch (err) {}
+      ghostEl = null;
+    }
+
+    // Vérifier si drop dans le dock ou hors
+    const dock = document.getElementById("pinned-popups-dock");
+    let insideDock = false;
+    if (dock) {
+      const dockRect = dock.getBoundingClientRect();
+      insideDock = (
+        e.clientX >= dockRect.left && e.clientX <= dockRect.right &&
+        e.clientY >= dockRect.top && e.clientY <= dockRect.bottom
+      );
+    }
+
+    if (insideDock) {
+      // Drop dans le dock = réordonnage déjà fait pendant onMouseMove. OK.
+      return;
+    }
+
+    // Drop HORS du dock : restaurer le popup en mode Normal à la position souris
+    // Le popup est actuellement en état "réduit" — on le réaffiche.
+    popup.classList.remove("pinned-popup-reduced");
+    popup.classList.remove("pinned-popup-minimized");
+    // Positionner à la souris (coords document)
+    const popupW = popup.offsetWidth || 320;
+    const popupH = popup.offsetHeight || 200;
+    const docX = _viewportToDocumentX(e.clientX - popupW / 2);
+    const docY = _viewportToDocumentY(e.clientY - 20);
+    popup.style.left = docX + "px";
+    popup.style.top = docY + "px";
+    // Clamper dans la safe area
+    _clampPopupInSafeArea(popup);
+
+    // Retirer la pastille et nettoyer le dock si vide
+    try { pill.remove(); } catch (err) {}
+    popup._linkedPill = null;
+    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();
+    }
+    // Restaurer le bouton Minimiser (si c'était en mode minimisé avant réduction)
+    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", (ev) => {
+        ev.stopPropagation();
+        _minimizePinnedPopup(popup);
+      });
+    }
+
+    // v2026.5.23 : mettre à jour le rect dans pinnedPopups pour que l'anti-
+    // chevauchement tienne compte de la nouvelle position
+    const entry = pinnedPopups.find(p => p.el === popup);
+    if (entry) {
+      const l = parseFloat(popup.style.left) || 0;
+      const t = parseFloat(popup.style.top) || 0;
+      const w = popup.offsetWidth;
+      const h = popup.offsetHeight;
+      entry.rect = { left: l, top: t, right: l + w, bottom: t + h };
+    }
+  };
+
+  pill.addEventListener("mousedown", (e) => {
+    if (e.button !== 0) return;
+    isDown = true;
+    isDragging = false;
+    startX = e.clientX;
+    startY = e.clientY;
+    document.addEventListener("mousemove", onMouseMove);
+    document.addEventListener("mouseup", onMouseUp);
+  });
+}
+
 /**
  * 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.
@@ -7737,6 +7940,7 @@ function bindTooltipInteractions() {
 }
 
 function buildTooltipHTML(iv) {
+  if (!iv) return '<dl><dt>Info</dt><dd>—</dd></dl>';
   const i = iv.infobulle || {};
   const rows = [];