Version 2026.5.23 — Reset bulleState.pinned + iv._reloading

[code interpolé v2026.5.22 → v2026.5.35]

background.js

@@ -784,8 +784,24 @@ async function deletePlanningItem(origin, phpsessid, actionId, kind) {
         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);
@@ -1168,6 +1184,11 @@ chrome.runtime.onMessage.addListener((msg, sender, sendResponse) => {
             url: `${origin}/`,  // racine → EV redirige vers SSO si besoin
             active: true
           });
+          // v2026.5.16 : surveiller cet onglet — si on tombe sur la page de
+          // login manuel portail.etat-de-vaud.ch/iamlogin/, rediriger vers
+          // portail.etat-de-vaud.ch/iam/accueil/ qui déclenche le Windows
+          // SSO Kerberos automatiquement.
+          watchReconnectTabForIamLogin(tab.id);
           sendResponse({ ok: true, tabId: tab.id, origin });
         } catch (err) {
           sendResponse({ ok: false, error: err.message || String(err) });

manifest.json

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

@@ -9,8 +9,8 @@
   --border: #e2e4e8;
   --border-strong: #cfd3da;
   --text: #1a1f2b;
-  --text-muted: #5b6573;
+  --text-muted: #2e3642;   /* v2026.5.29 : +contraste (était #4a5260) */
-  --text-faint: #8892a0;
+  --text-faint: #50596a;   /* v2026.5.29 : +contraste (était #6c7583) */
   --accent: #0f4f8b;
   --accent-soft: #e1ecf7;
   --danger: #b03030;
@@ -59,8 +59,8 @@
   --border: #2e333c;
   --border-strong: #414754;
   --text: #e6e8ec;
-  --text-muted: #9ba2ad;
+  --text-muted: #d0d5de;    /* v2026.5.29 : +contraste (était #b8c0cc) — quasi blanc */
-  --text-faint: #6a727e;
+  --text-faint: #a8b0bc;    /* v2026.5.29 : +contraste (était #8b93a0) */
   --accent: #5ea8e8;
   --accent-soft: #223348;
   --danger: #e87878;
@@ -2021,10 +2021,7 @@ body.modal-open {
   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
@@ -2483,3 +2480,433 @@ header.topbar::before {
 .banner-reconnect-failed .banner-btn-primary:hover {
   background: #f8d7da;
 }
+
+/* ==========================================================================
+   v2026.5.16 : responsive topbar
+   ========================================================================== */
+
+/* Breakpoint medium : entre 1000 et 1300px, on compacte un peu */
+@media (max-width: 1300px) {
+  .app-clock-date { font-size: 11px; }
+  .app-clock-time { font-size: 20px; }
+  .topbar-right .btn-action .btn-action-label,
+  .topbar-right .btn-refresh .btn-refresh-label {
+    font-size: 12px;
+  }
+}
+
+/* Breakpoint small : moins de 1000px, on masque les labels de boutons action
+   et on réduit encore l'horloge. Les icônes restent, titres restent. */
+@media (max-width: 1000px) {
+  .topbar { padding: 8px 14px; gap: 8px; }
+  .topbar h1 { font-size: 16px; }
+  .app-clock { font-size: smaller; }
+  .app-clock-date { font-size: 10px; }
+  .app-clock-time { font-size: 18px; }
+  .btn-action .btn-action-label,
+  .btn-refresh .btn-refresh-label {
+    display: none;
+  }
+  .btn-action, .btn-refresh {
+    padding: 6px 10px;
+  }
+  .capture-info { display: none; }
+}
+
+/* Breakpoint très petit : moins de 720px, on cache la date complète (garde
+   juste l'heure) et on autorise le wrap total */
+@media (max-width: 720px) {
+  .topbar {
+    flex-wrap: wrap;
+    padding: 6px 10px;
+  }
+  .app-clock {
+    position: static;
+    transform: none;
+    margin: 0 auto;
+  }
+  .app-clock-date { display: none; }
+  .topbar-left { flex-wrap: wrap; }
+  .date-nav { margin-top: 4px; }
+  .date-picker-day { min-width: 46px; font-size: 12px; }
+  .topbar-right { flex-wrap: wrap; justify-content: flex-end; }
+}
+
+/* Breakpoint minuscule : masque aussi les labels de refresh, boutons deviennent
+   vraiment iconifiés */
+@media (max-width: 520px) {
+  .app-clock-time { font-size: 16px; }
+  .topbar h1 { font-size: 14px; }
+  .btn-today { padding: 4px 6px; font-size: 11px; }
+  .btn-nav { min-width: 26px; padding: 4px 6px; }
+}
+
+/* ==========================================================================
+   v2026.5.17 : topbar des popups épinglés (3 boutons : _ ▭ 📍)
+   ========================================================================== */
+.pinned-popup {
+  /* Laisser un peu de place en haut pour la topbar */
+  padding-top: 30px !important;
+}
+/* v2026.5.18 : masquer le conteneur d'actions d'origine (↻ reload + 📌 pin)
+   dans les popups épinglés — leur place est reprise par notre .pinned-popup-topbar */
+.pinned-popup .tooltip-actions {
+  display: none !important;
+}
+.pinned-popup-topbar {
+  position: absolute;
+  top: 4px;
+  right: 4px;
+  display: flex;
+  gap: 2px;
+  align-items: center;
+  z-index: 10;
+}
+.pinned-popup-btn {
+  width: 26px;
+  height: 22px;
+  padding: 0;
+  font-size: 13px;
+  line-height: 1;
+  background: transparent;
+  color: var(--text-muted);
+  border: 1px solid transparent;
+  border-radius: 4px;
+  cursor: pointer;
+  transition: background 0.1s, color 0.1s, border-color 0.1s;
+  font-family: inherit;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+.pinned-popup-btn:hover {
+  background: var(--bg-muted);
+  color: var(--text);
+  border-color: var(--border);
+}
+.pinned-popup-unpin {
+  font-size: 14px;
+}
+
+/* ==========================================================================
+   v2026.5.17 : mode Minimisé (popup flottant compact, juste la ref)
+   v2026.5.19 : refonte — élément .pinned-popup-minref créé à la volée
+   v2026.5.21 : agrandi pour que la ref tienne sans déborder
+   v2026.5.22 : encore agrandi + plus d'espace entre dragbar et topbar
+   ========================================================================== */
+.pinned-popup.pinned-popup-minimized {
+  min-width: 300px !important;
+  max-width: 360px !important;
+  width: 300px !important;
+  height: auto !important;
+  min-height: 80px !important;
+  padding: 44px 16px 16px 16px !important;
+  overflow: visible;
+  background: var(--bg-elevated) !important;
+  border: 1px solid var(--border) !important;
+}
+/* Séparer visuellement la dragbar (collée en haut) des boutons topbar */
+.pinned-popup.pinned-popup-minimized .pinned-popup-topbar {
+  top: 14px !important;   /* sous la dragbar (qui fait ~6-8px) */
+}
+/* Masquer tous les enfants directs du popup minimisé */
+.pinned-popup.pinned-popup-minimized > *:not(.pinned-popup-topbar):not(.pinned-popup-dragbar):not(.pinned-popup-minref) {
+  display: none !important;
+}
+/* L'élément ref dédié, centré et gros */
+.pinned-popup-minref {
+  display: block;
+  text-align: center;
+  padding: 10px 12px;
+  font-family: var(--mono, monospace);
+  font-size: 15px;
+  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;
+}
+.pinned-popup-minref:hover {
+  background: var(--bg-muted);
+}
+
+/* ==========================================================================
+   v2026.5.17 : mode Réduit (docké en bas de l'écran) + taskbar
+   ========================================================================== */
+.pinned-popup.pinned-popup-reduced {
+  display: none !important;
+}
+.pinned-popups-dock {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 50;
+  display: none;
+  flex-wrap: wrap;
+  gap: 6px;
+  padding: 6px 10px;
+  background: var(--bg-elevated);
+  border-top: 1px solid var(--border);
+  box-shadow: 0 -2px 10px rgba(0,0,0,0.2);
+  align-items: center;
+}
+.pinned-popups-dock.visible {
+  display: flex;
+}
+.pinned-popup-dock-pill {
+  display: inline-flex;
+  align-items: center;
+  padding: 6px 14px;
+  background: var(--bg-muted);
+  color: var(--text);
+  border: 1px solid var(--border);
+  border-radius: 16px;
+  font-family: var(--mono, monospace);
+  font-size: 13px;
+  font-weight: 700;
+  cursor: pointer;
+  transition: background 0.15s, transform 0.15s, filter 0.15s;
+  white-space: nowrap;
+}
+.pinned-popup-dock-pill:hover {
+  transform: translateY(-1px);
+  filter: brightness(1.1);
+}
+/* v2026.5.18 : couleurs par catégorie (fond = couleur, texte blanc) */
+.pinned-popup-dock-pill.color-livraison    { background: var(--c-livraison);    color: white; border-color: transparent; }
+.pinned-popup-dock-pill.color-installation { background: var(--c-installation); color: white; border-color: transparent; }
+.pinned-popup-dock-pill.color-recup        { background: var(--c-recup);        color: white; border-color: transparent; }
+.pinned-popup-dock-pill.color-remplacement { background: var(--c-remplacement); color: white; border-color: transparent; }
+.pinned-popup-dock-pill.color-incident     { background: var(--c-incident);     color: white; border-color: transparent; }
+.pinned-popup-dock-pill.color-rollout      { background: var(--c-rollout);      color: white; border-color: transparent; }
+.pinned-popup-dock-pill.color-reservation  { background: var(--c-reservation);  color: white; border-color: transparent; }
+.pinned-popup-dock-pill.color-absence      { background: #2a2f36;               color: white; border-color: transparent; }
+.pinned-popup-dock-pill.color-autre        { background: var(--c-autre);        color: white; border-color: transparent; }
+
+/* v2026.5.18 : bouton "Fermer tous" à droite du dock */
+.pinned-popups-close-all {
+  margin-left: auto;
+  padding: 6px 12px;
+  background: transparent;
+  color: var(--text-muted);
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  font-size: 12px;
+  font-weight: 600;
+  cursor: pointer;
+  font-family: inherit;
+  transition: background 0.15s, color 0.15s, border-color 0.15s;
+}
+.pinned-popups-close-all:hover {
+  background: rgba(239, 68, 68, 0.1);
+  color: #ef4444;
+  border-color: #ef4444;
+}
+
+/* ==========================================================================
+   v2026.5.17 : popup user-badge avec ligne session
+   ========================================================================== */
+.user-name-popup-name {
+  font-weight: 600;
+  margin-bottom: 4px;
+}
+.user-name-popup-session {
+  font-size: 12px;
+  font-variant-numeric: tabular-nums;
+  padding-top: 4px;
+  border-top: 1px solid var(--border);
+}
+.user-name-popup-session.session-ok { color: var(--text-muted); }
+.user-name-popup-session.session-warn { color: #f59e0b; font-weight: 600; }
+.user-name-popup-session.session-critical { color: #ef4444; font-weight: 700; }
+
+/* ==========================================================================
+   v2026.5.17 : popup alerte session qui glisse depuis haut-gauche
+   ========================================================================== */
+.session-slide-alert {
+  position: fixed;
+  top: 60px;
+  left: -420px;  /* hors écran au départ */
+  width: 380px;
+  max-width: calc(100vw - 40px);
+  padding: 14px 18px;
+  background: var(--bg-elevated);
+  border: 1px solid var(--border);
+  border-left: 4px solid #f59e0b;
+  border-radius: 8px;
+  box-shadow: 0 8px 24px rgba(0,0,0,0.25);
+  z-index: 1000;
+  transition: left 0.28s ease-out, opacity 0.28s;
+  opacity: 0;
+}
+.session-slide-alert.visible {
+  left: 20px;
+  opacity: 1;
+}
+.session-slide-alert.urgent {
+  border-left-color: #ef4444;
+  animation: session-pulse 1.4s ease-in-out infinite;
+}
+@keyframes session-pulse {
+  0%, 100% { box-shadow: 0 8px 24px rgba(0,0,0,0.25); }
+  50% { box-shadow: 0 8px 24px rgba(239,68,68,0.5); }
+}
+.session-slide-alert-title {
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--text);
+  margin-bottom: 12px;
+}
+.session-slide-alert-actions {
+  display: flex;
+  gap: 8px;
+  justify-content: flex-end;
+}
+.session-slide-alert-extend,
+.session-slide-alert-later {
+  padding: 6px 14px;
+  font-size: 13px;
+  border-radius: 6px;
+  border: 1px solid var(--border);
+  cursor: pointer;
+  font-family: inherit;
+}
+.session-slide-alert-extend {
+  background: #10b981;
+  color: white;
+  border-color: #10b981;
+  font-weight: 600;
+}
+.session-slide-alert-extend:hover { background: #059669; }
+.session-slide-alert-extend:disabled { opacity: 0.6; cursor: wait; }
+.session-slide-alert-later {
+  background: transparent;
+  color: var(--text-muted);
+}
+.session-slide-alert-later:hover {
+  background: var(--bg-muted);
+  color: var(--text);
+}
+
+/* ==========================================================================
+   v2026.5.19 : nouveaux éléments
+   ========================================================================== */
+
+/* Bouton Actualiser (↻) dans la topbar du popup épinglé — animation spin */
+.pinned-popup-refresh {
+  font-size: 14px;
+  line-height: 1;
+}
+.pinned-popup-refresh svg {
+  width: 14px;
+  height: 14px;
+}
+.pinned-popup-refresh.spinning svg {
+  animation: pinned-popup-refresh-spin 0.6s linear infinite;
+  transform-origin: 50% 50%;
+}
+.pinned-popup-refresh.spinning {
+  pointer-events: none;
+}
+@keyframes pinned-popup-refresh-spin {
+  from { transform: rotate(0deg); }
+  to { transform: rotate(360deg); }
+}
+
+/* Pendant le drag d'un popup, ignorer les hover sur les cartes pour ne pas
+   ouvrir des tooltips parasites */
+body.popup-dragging .intervention-v2,
+body.popup-dragging .card {
+  pointer-events: none;
+}
+/* Mais garder les popups épinglés cliquables */
+body.popup-dragging .pinned-popup {
+  pointer-events: auto;
+}
+
+/* Pastille dock à 2 lignes : ref (gras) + date (petit) */
+.pinned-popup-dock-pill {
+  flex-direction: column !important;
+  align-items: center !important;
+  padding: 4px 14px !important;
+  line-height: 1.1;
+  gap: 1px !important;
+}
+.pinned-popup-dock-pill-ref {
+  display: block;
+  font-size: 13px;
+  font-weight: 700;
+  font-family: var(--mono, monospace);
+}
+.pinned-popup-dock-pill-date {
+  display: block;
+  font-size: 10px;
+  font-weight: 500;
+  opacity: 0.85;
+  font-family: var(--mono, monospace);
+}
+
+/* ==========================================================================
+   v2026.5.20 : mini-menu au survol d'une pastille dock
+   ========================================================================== */
+.pill-hover-menu {
+  position: fixed;
+  z-index: 60;
+  background: var(--bg-elevated);
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
+  padding: 4px;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 130px;
+  animation: pill-hover-menu-appear 0.12s ease-out;
+}
+@keyframes pill-hover-menu-appear {
+  from { opacity: 0; transform: translateY(4px); }
+  to   { opacity: 1; transform: translateY(0); }
+}
+.pill-hover-menu-btn {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 6px 10px;
+  background: transparent;
+  color: var(--text);
+  border: none;
+  border-radius: 4px;
+  font-family: inherit;
+  font-size: 13px;
+  font-weight: 500;
+  cursor: pointer;
+  text-align: left;
+  transition: background 0.12s;
+}
+.pill-hover-menu-btn:hover {
+  background: var(--bg-muted);
+}
+.pill-hover-menu-btn.pill-hover-menu-close:hover {
+  background: rgba(239, 68, 68, 0.15);
+  color: #ef4444;
+}
+.pill-menu-ico {
+  font-size: 14px;
+  width: 16px;
+  text-align: center;
+}
+
+/* ==========================================================================
+   v2026.5.21 : icône 📍 "active" dans le tooltip hover = déjà épinglée
+   ========================================================================== */
+.tooltip-pinbtn.tooltip-pinbtn-active {
+  opacity: 1 !important;
+  filter: none !important;
+  background: rgba(239, 68, 68, 0.15);
+  border-radius: 4px;
+}

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 -->
+    <!-- v2026.5.16 : date complète du jour au-dessus de l'heure dans la topbar -->
-    <div id="app-clock" class="app-clock" title="Heure actuelle"></div>
+    <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

@@ -240,6 +240,7 @@ async function init() {
   initModalScrollLock();  // v4.2.9 : bloquer le scroll arrière quand modal
   initAppFooter();        // v4.2.9 : pied de page discret bas-droite
   initAppClock();         // v5.0.0 : horloge HH:MM au milieu topbar
+  _applyViewMode();       // v2026.5.32 : appliquer la vue sauvegardée
   initAdminMenu();        // v5.0.0 : menu admin caché (5 clics sur titre)
   initSessionTimer();     // v5.0.9 : compteur de session EV (tick 1s)
   initDateCustomPicker(); // v2026.5.17 : faux input date avec jour
@@ -325,26 +326,120 @@ function markSessionActivity() {
 }
 
 // v4.2 : fetche l'utilisateur EasyVista connecté (via background.js) et
-// l'affiche dans la topbar. En cas d'échec ou si aucun nom n'est trouvé,
+// l'affiche dans la topbar.
-// le badge reste caché.
+// v2026.5.26 : en cas d'échec, affiche un rond gris "?" + retry 60s (max 10 essais).
+// v2026.5.34 : le badge est maintenant TOUJOURS visible (état "?" par défaut
+//              dans le HTML). Cette fonction met à jour le contenu (initiales
+//              quand succès, "?" quand échec). Logs abondants pour debug.
+//
+// État initial (HTML) : <button class="user-badge user-badge-unknown">?</button>
+// État succès          : initiales calculées + couleur dérivée du nom
+// État échec           : "?" + couleur grise (classe user-badge-unknown)
+//
+// Retry : 10 tentatives espacées de 60s (10 min max), arrêt au 1er succès.
+let _currentUserRetryCount = 0;
+const _CURRENT_USER_MAX_RETRIES = 10;
+const _CURRENT_USER_RETRY_DELAY_MS = 60 * 1000;
+
 async function fetchAndShowCurrentUser() {
+  const attemptId = _currentUserRetryCount + 1;
+  console.log(`[currentUser] tentative ${attemptId}/${_CURRENT_USER_MAX_RETRIES + 1} de fetchCurrentUser`);
+
+  const badge = document.getElementById("user-badge");
+  if (!badge) {
+    // Fallback défensif : pas de badge dans le DOM ? On log et on abandonne.
+    console.warn("[currentUser] badge DOM introuvable — abandon");
+    return;
+  }
+
+  let success = false;
+  let errorReason = null;
+
   try {
     const resp = await sendMessage({ type: "fetchCurrentUser" });
-    if (!resp || !resp.ok || !resp.user) return;
+    console.log("[currentUser] réponse reçue :", resp ? JSON.stringify(resp).substring(0, 200) : "(null)");
-    const badge = document.getElementById("user-badge");
+
-    if (!badge) return;
+    if (!resp) {
-    const fullName = resp.user.name || resp.user.login || null;
+      errorReason = "response_null";
-    if (!fullName) return;
+    } else if (!resp.ok) {
-    const initials = computeUserInitials(fullName);
+      errorReason = resp.error || "ok_false";
-    badge.textContent = initials;
+    } else if (!resp.user) {
-    badge.title = fullName;
+      errorReason = "user_null";
-    // v4.2.3 : couleur unique dérivée du nom, dans la palette neutre du thème
+    } else {
-    badge.style.setProperty("--user-badge-color", colorFromName(fullName));
+      const fullName = resp.user.name || resp.user.login || null;
-    badge.classList.remove("hidden");
+      if (!fullName) {
-    state.currentUser = resp.user;
+        errorReason = "name_empty";
+      } else {
+        // ✅ Succès : mise à jour du badge
+        const initials = computeUserInitials(fullName);
+        console.log(`[currentUser] SUCCÈS : "${fullName}" → initiales "${initials}"`);
+        badge.textContent = initials;
+        badge.title = fullName;
+        badge.style.setProperty("--user-badge-color", colorFromName(fullName));
+        badge.classList.remove("user-badge-unknown");
+        // On retire aussi "hidden" au cas où (compat ancienne version)
+        badge.classList.remove("hidden");
+        state.currentUser = resp.user;
+        success = true;
+        _currentUserRetryCount = 0;  // reset compteur au succès
+      }
+    }
   } catch (err) {
-    console.warn("[currentUser] fetch failed:", err);
+    errorReason = "exception: " + String(err);
+    console.warn("[currentUser] exception durant sendMessage :", err);
   }
+
+  if (success) return;
+
+  // ❌ Échec : on laisse le badge en état "inconnu" (déjà le cas par défaut)
+  // et on schedule un retry.
+  console.warn(`[currentUser] échec (raison: ${errorReason}) — badge reste en état "?"`);
+
+  // Défense : s'assurer que le badge est bien en état inconnu (au cas où
+  // une mise à jour partielle a eu lieu puis échoué).
+  badge.textContent = "?";
+  badge.title = "Utilisateur — cliquer pour accéder aux paramètres";
+  badge.style.setProperty("--user-badge-color", "#6b7280");
+  badge.classList.add("user-badge-unknown");
+  badge.classList.remove("hidden");
+
+  // Schedule retry si pas trop d'essais
+  if (_currentUserRetryCount < _CURRENT_USER_MAX_RETRIES) {
+    _currentUserRetryCount++;
+    console.log(`[currentUser] retry programmé : ${_currentUserRetryCount}/${_CURRENT_USER_MAX_RETRIES} dans ${_CURRENT_USER_RETRY_DELAY_MS / 1000}s`);
+    setTimeout(() => {
+      fetchAndShowCurrentUser();
+    }, _CURRENT_USER_RETRY_DELAY_MS);
+  } else {
+    console.warn("[currentUser] max retries atteint, arrêt du retry automatique. Le badge reste cliquable (⚙ Paramètres accessible).");
+  }
+}
+
+/**
+ * v2026.5.34 : déclenche un fetchAndShowCurrentUser() SI le user n'est pas
+ * encore connu (badge en état "?"). Appelée après chaque succès de planning
+ * pour profiter d'une session EV valide sans attendre le retry de 60s.
+ *
+ * Sans effet si :
+ *  - state.currentUser est déjà renseigné (pas besoin de re-fetcher)
+ *  - un retry est déjà en cours (évite les doublons)
+ *
+ * @param {string} reason - contexte pour les logs (ex: "after_load_success")
+ */
+function _maybeRetryFetchUser(reason) {
+  if (state.currentUser && state.currentUser.name) {
+    // User déjà connu, rien à faire
+    return;
+  }
+  const badge = document.getElementById("user-badge");
+  if (badge && !badge.classList.contains("user-badge-unknown")) {
+    // Badge n'est pas en état inconnu → user probablement connu par un autre chemin
+    return;
+  }
+  console.log(`[currentUser] relance opportuniste (raison: ${reason}) — user encore inconnu`);
+  // Reset le compteur puisqu'on a un nouveau contexte (session fraîche)
+  _currentUserRetryCount = 0;
+  fetchAndShowCurrentUser();
 }
 
 // v4.2.3 : calcule les initiales depuis un nom au format "Nom, Prénom" ou
@@ -400,10 +495,10 @@ function toggleUserNamePopup() {
     hideUserNamePopup();
     return;
   }
-  if (!state.currentUser || !state.currentUser.name) return;
 
   // v2026.5.17 : afficher aussi le temps restant de la session (MM:SS) avec
   // une couleur qui dépend du seuil (vert/jaune/rouge).
+  // v2026.5.26 : si user inconnu, afficher "Utilisateur inconnu" + retry + réglages
   popup.innerHTML = "";
   const nameEl = document.createElement("div");
   nameEl.className = "user-name-popup-name";
@@ -6673,7 +6768,9 @@ function pinTooltip() {
     e.stopPropagation();
     _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é
@@ -6727,6 +6824,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 });
 
@@ -6753,6 +6853,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
@@ -6779,6 +6917,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 = () => {
@@ -6795,6 +6962,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.
@@ -6855,6 +7446,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");
 }
 
 /**
@@ -6875,12 +7473,12 @@ function _attachPopupDragHandler(popup, dragbar) {
     let newLeft = startLeft + dx;
     let newTop = startTop + dy;
 
-    // Clamper dans le document (pas sortir trop à gauche/haut)
+    // v2026.5.20 : clamper dans la safe area (topbar en haut, dock en bas,
-    if (newLeft < 4) newLeft = 4;
+    // bordures viewport gauche/droite). On calcule en coords viewport puis
-    if (newTop < 4) newTop = 4;
+    // on applique en coords document.
-
     popup.style.left = newLeft + "px";
     popup.style.top = newTop + "px";
+    _clampPopupInSafeArea(popup);
   };
 
   const onMouseUp = () => {
@@ -6889,6 +7487,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);
@@ -6911,6 +7514,11 @@ function _attachPopupDragHandler(popup, dragbar) {
     startLeft = parseFloat(popup.style.left) || 0;
     startTop  = parseFloat(popup.style.top)  || 0;
     popup.classList.add("dragging");
+    // v2026.5.19 : flag global pour que showTooltip ignore les mouseenter
+    // pendant le drag. Ajout d'une classe sur <body> qui désactive les
+    // pointer-events sur les cartes.
+    state._popupDragging = true;
+    document.body.classList.add("popup-dragging");
     document.addEventListener("mousemove", onMouseMove);
     document.addEventListener("mouseup", onMouseUp);
   });
@@ -7116,10 +7724,10 @@ function bindTooltipInteractions() {
     }
   });
 
-  // Double-Ctrl : v4.3.0
+  // Double-Ctrl : v2026.5.21 — toggle sur l'intervention survolée
-  //   - Si 0 popup épinglé ET un tooltip live visible : épingler
+  //   - Si tooltip visible et iv pas encore épinglée pour cette date : épingle
-  //   - Si EXACTEMENT 1 popup épinglé ET souris pas dessus : le fermer
+  //   - Si tooltip visible et iv déjà épinglée pour cette date : désépingle
-  //   - Si 2+ popups épinglés : ne fait rien (ambigu, user doit utiliser Échap)
+  //   - Sinon (pas de tooltip visible) : rien
   // On détecte 2 keydown Control dans une fenêtre de 400 ms.
   let lastCtrlTs = 0;
   document.addEventListener("keydown", (e) => {
@@ -7128,17 +7736,36 @@ function bindTooltipInteractions() {
     const now = performance.now();
     if (now - lastCtrlTs < 400) {
       lastCtrlTs = 0;
-      if (pinnedPopups.length === 0) {
+      const iv = state.currentTooltipIv;
-        // Aucun popup épinglé : épingler le tooltip live s'il y en a un
+      if (!iv) return;
-        if (state.currentTooltipIv) pinTooltip();
+      const pinState = _getPinStateForIv(iv);
-      } else if (pinnedPopups.length === 1) {
+      if (pinState.isPinned && pinState.popup) {
-        // 1 popup épinglé : le fermer si la souris n'est pas dessus
+        // Déjà épinglée : désépingle (ferme le popup correspondant)
-        const p = pinnedPopups[0];
+        const idx = pinnedPopups.findIndex(p => p.el === pinState.popup);
-        if (!p.el.matches(":hover")) {
+        if (idx >= 0) pinnedPopups.splice(idx, 1);
-          _closePinnedPopup(p.el);
+        // Fermer aussi la pastille dock si elle existe
+        if (pinState.popup._linkedPill) {
+          try { pinState.popup._linkedPill.remove(); } catch (e) {}
         }
+        try { pinState.popup.remove(); } catch (e) {}
+        // Nettoyer dock si vide
+        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();
+        }
+        // Mettre à jour le tooltip hover (📍 → 📌)
+        const tip = tooltipEl();
+        if (tip && tip.classList.contains("visible")) {
+          tip.innerHTML = buildTooltipHTML(iv);
+        }
+      } else {
+        // Pas encore épinglée : épingle
+        pinTooltip();
       }
-      // 2+ popups : rien faire (Échap pour tout fermer)
     } else {
       lastCtrlTs = now;
     }
@@ -7152,8 +7779,12 @@ function bindTooltipInteractions() {
     e.preventDefault();
     const action = btn.dataset.action;
     if (action === "pin") {
-      // v4.3.0 : toujours épingler (le tooltip live clone son contenu en popup
+      // v2026.5.22 : clic sur 📌/📍 dans le tooltip hover = TOUJOURS réépingler
-      // détaché). Pour désépingler, l'user utilise × sur le popup, ou Échap.
+      // à la position actuelle. Si un popup existe déjà pour cette iv+date,
+      // il est supprimé avant d'en créer un nouveau à côté de la carte survolée.
+      // (La suppression de l'ancien est faite dans pinTooltip() qui gère
+      // l'unicité actionId+date — v2026.5.21.)
+      // Pour désépingler : bouton 📍 dans la topbar du popup, double-Ctrl, ou Échap.
       if (state.currentTooltipIv) {
         pinTooltip();
       }
@@ -7296,12 +7927,25 @@ function buildTooltipHTML(iv) {
     rows.push(`<dt></dt><dd style="color:var(--text-faint);font-size:11px">Cliquer pour ouvrir la fiche</dd>`);
   }
 
+  // v2026.5.21 : icône épingle adaptative
+  //   📌 (épingle couchée) = pas encore épinglée, clic pour épingler
+  //   📍 (épingle plantée, rouge) = déjà épinglée pour cette (ref + date)
+  //     — clic pour désépingler. NB : le popup a sa propre topbar avec un
+  //     bouton 📍 explicite ; celui-ci dans le tooltip hover sert surtout
+  //     à montrer visuellement l'état à l'user au survol.
+  const _pinState = _getPinStateForIv(iv);
+  const _pinIcon = _pinState.isPinned ? "📍" : "📌";
+  const _pinTitle = _pinState.isPinned
+      ? "Cette intervention est déjà épinglée pour ce jour. Cliquer pour désépingler."
+      : "Épingler la bulle (ou double-Ctrl). Cliquer à nouveau pour libérer.";
+  const _pinClass = _pinState.isPinned ? " tooltip-pinbtn-active" : "";
+
   if (rows.length === 0) {
     return `<div class="tooltip-actions">
   <div class="tooltip-actionbtn" data-action="reload" title="Recharger uniquement cette intervention">
     <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>
   </div>
-  <div class="tooltip-actionbtn tooltip-pinbtn" data-action="pin" title="Épingler la bulle (ou double-Ctrl). Cliquer à nouveau pour libérer.">📌</div>
+  <div class="tooltip-actionbtn tooltip-pinbtn${_pinClass}" data-action="pin" title="${_pinTitle}">${_pinIcon}</div>
 </div><dl><dt>Info</dt><dd>Aucun détail disponible</dd></dl>`;
   }
   // v4.1.13/14 : boutons d'action en haut à droite (recharger + épingler)
@@ -7309,10 +7953,30 @@ function buildTooltipHTML(iv) {
   <div class="tooltip-actionbtn" data-action="reload" title="Recharger uniquement cette intervention">
     <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>
   </div>
-  <div class="tooltip-actionbtn tooltip-pinbtn" data-action="pin" title="Épingler la bulle (ou double-Ctrl). Cliquer à nouveau pour libérer.">📌</div>
+  <div class="tooltip-actionbtn tooltip-pinbtn${_pinClass}" data-action="pin" title="${_pinTitle}">${_pinIcon}</div>
 </div><dl>${rows.join("")}</dl>`;
 }
 
+/**
+ * v2026.5.21 : retourne l'état d'épinglage pour une intervention donnée
+ * (pour la date actuellement affichée). Utilisé pour afficher 📌 vs 📍
+ * dans le tooltip hover.
+ */
+function _getPinStateForIv(iv) {
+  if (!iv || !iv.actionId) return { isPinned: false };
+  const date = state.currentDate || "";
+  const key = iv.actionId + "|" + date;
+  for (const p of pinnedPopups) {
+    if (!p || !p.el) continue;
+    const aid = p.el.dataset.actionId || "";
+    const d = p.el.dataset.originDate || "";
+    if (aid + "|" + d === key) {
+      return { isPinned: true, popup: p.el };
+    }
+  }
+  return { isPinned: false };
+}
+
 /**
  * Met en forme un texte d'action EasyVista en ajoutant des retours à la ligne
  * avant chaque étiquette connue ("Date :", "Lieu :", "Contact :", etc.).