Version 5.0.0 — Refonte topbar (horloge, menu admin)

- initAppClock : horloge HH:MM au milieu topbar
- initAdminMenu : menu admin caché (5 clics sur titre)
- initSessionTimer : compteur de session EV (tick 1s)
[code interpolé entre v4.3.0 et v5.0.9]

.gitignore

@@ -0,0 +1,39 @@
+# OS
+.DS_Store
+Thumbs.db
+desktop.ini
+
+# Editors
+.vscode/
+.idea/
+*.swp
+*.swo
+*~
+
+# Backups
+*.bak
+*.bak-*
+*.orig
+*.old
+
+# Build artifacts (les ZIP/XPI livrés ne sont pas dans le repo, ils sont buildés à la demande)
+*.zip
+*.xpi
+*.crx
+
+# Node (si jamais utilisé pour build)
+node_modules/
+package-lock.json
+npm-debug.log*
+
+# Logs
+*.log
+rebuild.log
+
+# Dossiers de travail temporaires
+extracted/
+temp/
+tmp/
+
+# Tests
+test-output/

CHANGELOG.md

@@ -0,0 +1,179 @@
+# CHANGELOG — Extension Planification EasyVista Canton de Vaud
+
+> Ce changelog documente l'évolution de l'extension Chrome/Firefox "Planification"
+> développée par Quentin Rouiller pour les techniciens IT du Canton de Vaud.
+>
+> Les versions documentées ci-dessous sont celles dont les détails sont connus.
+> Pour les versions plus anciennes, Claude Code se basera sur l'analyse du code
+> source pour déterminer un message de commit pertinent.
+
+---
+
+## v2026.5.37 — Refonte vue horizontale (sidebar complète)
+**Branche** : current
+
+- Topbar en haut supprimée en vue horizontale
+- User-badge + titre déplacés tout en haut de la sidebar
+- Bouton "Aujourd'hui" pleine largeur avec icône ↺
+- Date + heure centrés sous le bouton
+- Séparateur visuel
+- Sélecteur de date pleine largeur
+- Flèches ◀ ▶ côte à côte (wrapper #sidebar-arrows)
+- Stats empilées
+- Synchronisé à HH:MM
+- Espace vide intentionnel
+- Boutons du bas vers le haut (margin-top: auto sur Absence)
+- Barre de rafraîchissement en overlay top-left
+- Banderole pompier masquée en vue horizontale (badge + barre rouge à gauche conservés)
+
+## v2026.5.36 — Sidebar verticale en vue horizontale
+- Création wrapper flex-row #horizontal-wrapper contenant [sidebar] + [main]
+- Sidebar 200px (170px sur <1400px), sticky, bg-muted
+- Déplacement physique des éléments via JS (ELEMENTS_TO_RELOCATE)
+- Mémorisation parents d'origine (data-orig-parent + data-orig-index)
+- Restauration propre en vue classique
+- Zone nom tech : 140px → 120px
+
+## v2026.5.35 — Fix popup épinglé position vue horizontale + stats gauche
+- Fix popup épinglé qui partait en haut à gauche en vue horizontale
+- Cause : rows .intervention-v2 cachées (display: none) → getBoundingClientRect (0,0,0,0)
+- Solution : priorité 1 tooltip visible, priorité 2 segment timeline, fallback srcEl
+- Stats globales en colonne verticale 200px à gauche en vue horizontale
+- Position sticky, fond bg-muted, séparateurs · masqués
+- Zone nom tech 200px → 140px (vue horizontale)
+
+## v2026.5.34 — Bouton 📌 restauré + badge user cliquable
+- HTML : badge user toujours visible avec "?" par défaut (retiré class hidden)
+- _softUnpinPopup refait en 8 étapes loggées
+- Popup reste visible après désépinglage (plus de suppression auto au mouseleave)
+- Restauration du bouton 📌 dans .tooltip-actions
+- Handler click ré-attaché : clic 📌 = ré-épingle, clic ↻ = recharge
+- _ensureSoftUnpinnedCleanupHandler : handler global clic hors popup
+- _maybeRetryFetchUser : relance opportuniste après succès planning et reconnexion session
+- Logs abondants : [currentUser], [softUnpin], [positionTooltip], [persistentTimeline], [showTooltip]
+- Fonction positionTooltipAnchored unifiée (4 candidats droite/gauche/dessous/dessus)
+- popup._linkedIv stocké pour ré-épinglage
+
+## v2026.5.33 — Interactions vue horizontale différenciées
+- Hover segment timeline en vue horizontale → grande popup directement (openPersistentTimelinePopup)
+- Clic segment timeline en vue horizontale → ouvre fiche EasyVista
+- Popup absence en vue horizontale : hover uniquement sur badge .card-tech-badge (pas sur carte entière)
+- Vue classique : comportement inchangé
+
+## v2026.5.32 — Vue horizontale togglable
+- Bouton ⊞ "Vue" dans popup user-badge (à côté ⚙ Paramètres)
+- Toggle Vue classique ↔ Vue horizontale persisté localStorage "view_mode"
+- HTML class "view-classic" ou "view-horizontal" sur <html>
+- Chaque tech = 1 ligne horizontale compacte en mode horizontal
+- Card header devient barre latérale gauche fixe 200px
+- Interventions détaillées masquées (display: none)
+- Timeline horizontale pleine largeur
+- Stats rapides .tech-row-stats ajoutés au header (nb interv, Xm · Ya)
+
+## v2026.5.31 — Sarcelle pour absence récurrente (REJETÉ par utilisateur)
+- Couleur Pillonel vendredi : sarcelle foncée #0f766e / soft #ccfbf1
+- Variables --c-recurring, --c-recurring-soft
+- Layout 4 colonnes forcées + scroll interne cartes (REJETÉ : "scroll en continu")
+
+## v2026.5.30 — Absence récurrente cyan + mode compact 24"
+- Absence récurrente Pillonel vendredi en cyan
+- Mode compact @media (max-width: 1920px) avec grid-template-columns: repeat(4, 1fr)
+
+## v2026.5.29 — Contraste++ + footer
+- Contrastes encore plus forts (text-muted #d0d5de dark, #2e3642 light)
+- Footer QRO/version : 13px badge avec fond bg-muted + bordure
+- Fix highlight row : selector .intervention-v2[data-iv-idx]
+- Scroll-into-view automatique au hover segment timeline
+
+## v2026.5.28 — Ajustements visuels absences
+- Retrait pastille ronde (.tech-name-dot supprimée) — barre gauche + badge suffisent
+- "Maladie" → "Maladie/Accident"
+- Contraste textes secondaires +30%
+- Popups épinglés width fixe 520px (ne rétrécit plus au resize fenêtre)
+- _clampPopupInSafeArea ne rétrécit plus si popup > zone dispo
+
+## v2026.5.27 — Classification absences (Maladie/Congé/Pompier)
+- Topbar une ligne : "Jeudi 23.04.26 • 21:55" (gros point •, même taille 22px)
+- Fermeture auto popups non-épinglés au survol autre popup/carte
+- Texte +20% topbar/stats/boutons
+- Icône thème ☀/🌙 plus contrastée (bordure 1.5px, fond bg-muted, ombre)
+- Classification absences (ABSENCE_LABELS) + absenceCategory : "maladie"|"conge"|"pompier"|null
+- Couleurs : Maladie #4338ca indigo foncé, Congé #06b6d4 cyan, Pompier #b03030 rouge
+- Badge + barre gauche + dégradé fond pour catégorie
+- Libellé "Absent du DD.MM au DD.MM — Maladie/Accident"
+- Suffixe `s` adaptatif (Congé/Congés)
+
+## v2026.5.26 — Badge user inconnu cliquable + retry
+- En cas d'échec fetch user, afficher rond gris "?" cliquable
+- Bouton ⚙ Paramètres accessible même quand user inconnu
+- Retry automatique 60s (max 10 essais = 10 min)
+- Reset compteur au succès
+
+## v2026.5.25 — Bouton Paramètres dans popup user-badge
+- Remplace les 5 clics sur le titre pour ouvrir admin
+- Bouton ⚙ Paramètres explicite dans le popup user-badge
+
+## v2026.5.16-v2026.5.24 — Évolutions diverses (à compléter)
+- v2026.5.17 : popup user-badge avec ligne session (MM:SS), couleur selon seuil
+- v2026.5.18 : dock pastilles popups épinglés avec couleur catégorie
+- v2026.5.19 : drag popup épinglé
+- v2026.5.20 : safe area popups (topbar + dock)
+- v2026.5.22 : régénération tooltip hover après softUnpin
+- v2026.5.23 : reset bulleState.pinned + iv._reloading
+
+---
+
+## Versions antérieures (v5.x et v4.x)
+
+> Ces versions sont à analyser par Claude Code à partir des fichiers source.
+> Indices clés à chercher dans le viewer.js :
+>
+> - Présence de `pinTooltip` → version >= v4.x
+> - Présence de `_softUnpinPopup` → version >= v4.3.3
+> - Présence de `initSessionTimer` → version >= v5.0.9
+> - Présence de `initAppClock` → version >= v5.0.0
+> - Présence de `_applyViewMode` → version >= v2026.5.32
+> - Présence de `bindTimelinePopover` → version >= v4.2.3
+> - Présence de `openPersistentTimelinePopup` → version >= v4.2.3
+> - Commentaires `// vX.Y.Z` au-dessus des fonctions = version d'introduction
+
+### v5.0.0 — Refonte topbar (horloge, menu admin)
+- initAppClock : horloge HH:MM au milieu topbar
+- initAdminMenu : menu admin caché (5 clics sur titre)
+- initSessionTimer : compteur de session EV (tick 1s)
+
+### v4.x — Fonctions tooltip avancées
+- v4.1.12 : moveTooltip devenu no-op (popup statique)
+- v4.1.15 : pendant épinglage, ne pas remplacer contenu sur hover autre iv
+- v4.2.3 : grande popup timeline persistante (clic), suit-souris (hover)
+- v4.2.3 : bindTimelinePopover, showTimelinePopover, moveTimelineTooltip
+- v4.2.4 : setTooltipViewportPosition (détection auto fixed/abs)
+- v4.2.9 : pied de page discret QRO/version
+- v4.2.9 : initModalScrollLock (bloquer scroll arrière modal)
+- v4.3.0 : tooltip live libéré après épinglage (réutilisable autres survols)
+- v4.3.3 : _softUnpinPopup (désépinglage mou)
+
+### v3.x et antérieures — Versions de base
+- À analyser par Claude Code
+
+---
+
+## Notes techniques persistantes (toutes versions)
+
+- 8 techs hardcodés : "76272,83725,66635,92235,90070,40944,72485,86874"
+- Pillonel Olivier (ID 40944) absent tous les vendredis (hardcodé)
+- Group ID EasyVista : 191
+- Domaines cibles : itsma.etat-de-vaud.ch (interne), itsma.vd.ch (externe)
+- SSO : Canton ForgeRock OpenAM
+- ABSENCE_LABELS = /^(cong[ée]s|maladie|pompier)$/i
+- ADMIN_CONFIG_KEY = "admin_config"
+- VIEW_MODE_KEY = "view_mode" (depuis v2026.5.32)
+- DAY_NAMES_FULL = ["Dimanche", "Lundi", ..., "Samedi"]
+- GUIDs forms EV : S={C99ECD05-3D48-4C62-ABF0-66292053AED6} demande, I={07ED9C68-6172-48EA-8A58-90912B0A283E} incident
+- Couleurs catégories : livraison #2563eb, recup #16a34a, remplacement #ea580c, incident #8b5cf6, rollout #92400e, reservation #f59e0b, autre #6b7280
+
+## Auteur
+
+**Quentin Rouiller** (QRO)
+Canton de Vaud — Service IT
+Email pour commits Git : `quentin.rouiller@ikmail.com`

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Quentin Rouiller
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -1,110 +1,182 @@
-# Planning techniciens — Vue claire (v4.1.2)
+# Planification — Extension EasyVista Canton de Vaud
 
-Extension Chrome/Brave/Edge pour afficher le planning techniciens EasyVista
-(`itsma.etat-de-vaud.ch` / `itsma.vd.ch`) dans une vue plus lisible.
+Extension Chrome / Firefox pour visualiser de manière claire et rapide le planning des techniciens IT du Canton de Vaud dans EasyVista.
 
-## Nouveautés v4.1.2
+## Aperçu rapide
 
-- **Vraies infos contact/lieu dans les cartes** : les attributs attr1/attr2 du
-  XML contiennent les infos saisies à la *planification*, qui ne sont pas
-  toujours à jour (le tech a pu corriger le contact/lieu avant intervention).
-  Désormais, pour chaque intervention, on fetch AUSSI le xhr2 en arrière-plan
-  (en plus de la fiche), ce qui apporte les **vraies** infos validées. La
-  carte se met à jour automatiquement quand elles arrivent.
-- **Clic ouverture restauré** : retour à la logique v4 (fetch fiche à la volée
-  + extraction checksum + construction URL avec sender adéquat). Le checksum
-  est pré-rempli pendant le fetch arrière-plan, donc au clic l'ouverture est
-  instantanée dans la plupart des cas.
+- **Auteur** : Quentin Rouiller (QRO)
+- **Cible** : techniciens IT Canton de Vaud, EasyVista (`itsma.etat-de-vaud.ch` / `itsma.vd.ch`)
+- **Démarrage projet** : jeudi 16 avril 2026
+- **Version actuelle** : `v2026.5.37`
+- **Manifest** : V3 (Chrome/Edge/Firefox)
+- **Format** : `.zip` (Chromium) + `.xpi` signé (Firefox)
 
-## Nouveautés v4.1
+## Fonctionnalités principales
 
-- **Fetch des fiches séquentiel (1 par 1)** au lieu de 5 workers en parallèle.
-  Le serveur EasyVista sérialise les requêtes de toute façon, donc le parallélisme
-  n'apporte rien. Et surtout : quand tu changes de date pendant le fetch, l'abort
-  est **instantané** car il n'y a qu'une seule requête en vol au maximum.
-- **Cache incrémental** : le cache est sauvé toutes les 5 fiches pendant le fetch,
-  pas juste à la fin. Si tu changes de date avant que tout soit fini, les statuts
-  déjà récupérés sont conservés.
+### Vue planning
+- Affichage des interventions et réservations groupées par technicien
+- Horaires, contact, lieu, catégorie, statut visibles d'un coup d'œil
+- 8 techniciens hardcodés (équipe IT canton)
+- Cache local pour réduire les requêtes serveur
 
-## Nouveautés v4
+### Modes d'affichage
+- **Vue classique** (depuis v1.0.0) : cards en grille, mode compact écran 24" (depuis v2026.5.30)
+- **Vue horizontale** (depuis v2026.5.32) : timeline par tech, sidebar verticale (depuis v2026.5.36)
+- Toggle Vue classique ↔ Vue horizontale via bouton ⊞ dans popup user-badge
+- Persistance localStorage (`view_mode`)
 
-**Chargement ~50× plus rapide.** Le nombre de requêtes au serveur EasyVista passe
-de ~100 par chargement à **1 seule requête** pour l'affichage principal.
+### Tooltips et popups
+- Tooltips au survol (hover) sur chaque intervention
+- Popups épinglables (📌) pour garder ouvert (depuis v4.1.3)
+- Popups timeline persistantes au clic (depuis v4.2.3)
+- Drag-and-drop des popups épinglés (depuis v2026.5.19)
+- Safe area : popups jamais cachés sous topbar/dock (depuis v2026.5.20)
+- Position auto adaptative (4 candidats : droite/gauche/dessous/dessus)
 
-Concrètement, en v3 un chargement initial faisait :
-- 1 fetch XML planning (`calendar_block`)
-- ~40 fetches `planning_xhr_2.php` pour les lieux/contacts
-- ~40 fetches de fiches HTML pour les catégories/refs/statuts
-- jusqu'à ~40 fetches de l'API timeline
+### Classification des absences (depuis v2026.5.27)
+- **Maladie/Accident** : indigo `#4338ca`
+- **Congé / Congés** : cyan `#06b6d4` (suffixe `s` adaptatif)
+- **Pompier** : rouge `#b03030`
+- Badge + barre gauche colorée + dégradé fond
+- Absence récurrente Pillonel vendredi : cyan (depuis v2026.5.30)
 
-Total : ~120 requêtes, 10+ Mo, 8 à 15 secondes selon la charge serveur.
+### User et session
+- Badge user avec photo/initiales en topbar
+- Badge cliquable (depuis v2026.5.26) : popup avec ⚙ Paramètres + ⊞ Vue + compteur session MM:SS
+- Retry automatique en cas d'échec fetch user (60s, max 10 essais)
+- Compteur de session EasyVista (tick 1s, depuis v5.0.0)
+- Reconnexion automatique
 
-En v4, on a découvert que le XML initial `calendar_block` contient **déjà**
-dans ses attributs `attr1`/`attr2`/`attr3` le contact, le lieu et la catégorie
-complète de chaque intervention, et la ref dans le textContent du nœud.
-Toutes ces infos qu'on allait chercher ailleurs étaient en fait dans la toute
-première réponse, ignorées par le code.
+### Admin et configuration
+- Mode admin caché : bouton ⚙ Paramètres dans popup user-badge (depuis v2026.5.25, remplace les 5 clics secrets sur le titre)
+- Configuration persistée dans `localStorage` (`admin_config`)
+- Catégories interventions personnalisables (livraison/recup/remplacement/incident/rollout/reservation/autre)
 
-Résultat : le premier rendu complet arrive en **moins d'une seconde**. Les
-fiches individuelles ne sont plus fetchées qu'en arrière-plan, uniquement
-pour le statut "Clôturé/Résolu" et le commentaire technicien.
+## Versionning — historique et conventions
 
-**Lazy-load au survol.** Le texte détaillé d'une intervention (Problème, À faire,
-Matériel, TFS ancien/nouveau poste...) n'est chargé qu'au premier survol de la
-ligne, seulement pour l'intervention survolée. Imperceptible pour l'utilisateur,
-énorme pour le serveur.
+L'extension a connu **3 systèmes de versionning successifs** :
 
-**Concurrence réduite.** Le pic de requêtes parallèles passe de 15 à 5 workers,
-pour ménager le serveur EasyVista qui a tendance à saturer sous les rafales.
+| Période | Format | Exemple |
+|---|---|---|
+| 16-17 avril 2026 | Versions de base | `1.0.0`, `2.0.0`, `3.0.0` |
+| 18-20 avril 2026 | SemVer classique | `4.1.3`, `4.2.8`, `5.0.12` |
+| 21 avril 2026 → maintenant | **Année + mois + patch** | `2026.5.16` → `2026.5.37` |
 
-Toute l'interface utilisateur est **strictement identique** à la v3 — on n'a
-changé que ce qu'il y a sous le capot.
+### Pourquoi le passage à `YYYY.M.PATCH` ?
 
-## Hérité des versions précédentes
+À partir de la **v2026.5.16** (21 avril 2026), l'extension est passée au versionning par année :
+- Plus lisible pour les utilisateurs (l'année indique immédiatement la fraîcheur)
+- Plus de débat sur ce qui constitue un "majeur" vs "mineur"
+- Bump du `PATCH` à chaque livraison
 
-- Navigation par date : ◀ ▶ et sélecteur
-- Détection automatique des interventions closes (✓ vert, fond vert)
-- Cache persistant 7 jours
-- Ghosts : les interventions disparues d'EasyVista restent visibles dans la vue
-- Refresh auto 12h et 15h
-- Annulation coopérative (bouton "Arrêter")
-- Thème clair/sombre
+⚠️ **Important** : `v2026.5.16` succède chronologiquement à `v5.0.12`, malgré le numéro qui semble plus petit. Le préfixe `2026` indique l'année.
+
+## Versions notables
+
+### `v2026.5.37` (latest, 25 avril 2026) — Refonte vue horizontale
+- Topbar supprimée en vue horizontale, tout passe en sidebar
+- User-badge + titre + bouton "Aujourd'hui" + date/heure + sélecteur + flèches + stats dans sidebar
+- Banderole pompier masquée (badge + barre rouge gauche conservés)
+
+### `v2026.5.36` — Sidebar verticale
+- Wrapper flex-row `#horizontal-wrapper` [sidebar 200px] + [main]
+- Déplacement physique des éléments via `ELEMENTS_TO_RELOCATE`
+- Restauration propre en vue classique
+
+### `v2026.5.32` — Vue horizontale togglable
+- Bouton ⊞ "Vue" dans popup user-badge
+- Chaque tech = 1 ligne horizontale compacte
+- localStorage `view_mode`
+
+### `v2026.5.27` — Classification absences
+- ABSENCE_LABELS : `^(cong[ée]s|maladie|pompier)$`
+- Couleurs catégories
+- Topbar une ligne : "Jeudi 23.04.26 • 21:55"
+
+### `v4.2.3` — Grande popup timeline persistante
+- Clic segment timeline = popup persistante
+- Hover = popup qui suit la souris
+
+### `v4.1.3` — Tooltips épinglables
+- Introduction de `pinTooltip`
+
+### `v1.0.0` (16 avril 2026) — Initiale
+- Premier viewer EasyVista pour le canton
+
+Voir [CHANGELOG.md](CHANGELOG.md) pour l'historique complet (40 versions taggées).
+
+## Architecture technique
+
+```
+manifest.json       # Manifest V3 (Chrome) + gecko_settings (Firefox)
+background.js       # Worker fond : fetch planning XML, gestion session, fetch fiches
+viewer.html         # Interface principale
+viewer.js           # Logique (~9000 lignes) — voir détail ci-dessous
+viewer.css          # Styles + thèmes clair/sombre
+icons/              # icon16, icon48, icon128
+```
+
+### `viewer.js` — fonctions clés
+
+| Fonction | Introduite | Rôle |
+|---|---|---|
+| `loadForDate` | v1.0.0 | Fetch + parse planning pour une date donnée |
+| `buildTooltipHTML` | v1.0.0 | Construction HTML du tooltip d'intervention |
+| `pinTooltip` | v4.1.3 | Épingler un tooltip (le rendre permanent) |
+| `bindTimelinePopover` | v4.2.3 | Lier popover timeline aux segments |
+| `showTimelinePopover` | v4.2.3 | Afficher popover persistante |
+| `openPersistentTimelinePopup` | v4.2.3 | Grande popup détaillée |
+| `setTooltipViewportPosition` | v4.2.4 | Détection auto fixed/abs |
+| `_softUnpinPopup` | v4.3.3 | Désépinglage mou (popup reste visible) |
+| `initAppClock` | v5.0.0 | Horloge HH:MM topbar |
+| `initSessionTimer` | v5.0.0 | Compteur session EV (tick 1s) |
+| `initAdminMenu` | v5.0.0 | Menu admin (5 clics titre) |
+| `_applyViewMode` | v2026.5.32 | Toggle vue classique/horizontale |
+| `_maybeRetryFetchUser` | v2026.5.34 | Relance opportuniste fetch user |
+| `positionTooltipAnchored` | v2026.5.34 | Positionnement unifié (4 candidats) |
+
+### Constantes persistantes (toutes versions)
+
+- 8 techs hardcodés : `76272,83725,66635,92235,90070,40944,72485,86874`
+- Pillonel Olivier (ID 40944) : absent tous les vendredis (hardcodé)
+- Group ID EasyVista : `191`
+- GUIDs forms EV :
+  - Demande : `S={C99ECD05-3D48-4C62-ABF0-66292053AED6}`
+  - Incident : `I={07ED9C68-6172-48EA-8A58-90912B0A283E}`
+- SSO : Canton ForgeRock OpenAM
+- Storage keys : `admin_config`, `view_mode` (depuis v2026.5.32)
+- Domaines : `itsma.etat-de-vaud.ch` (interne), `itsma.vd.ch` (externe SSO)
 
 ## Installation
 
-1. Décompresser le zip
-2. Ouvrir Chrome, `chrome://extensions/`
-3. Activer **Mode développeur** (en haut à droite)
-4. **Charger l'extension non empaquetée** → sélectionner le dossier `planning-extension-v4`
+### Firefox
+Télécharger le `.xpi` signé depuis le serveur de mises à jour interne, ou drag-and-drop dans `about:addons`.
 
-Si tu avais déjà la v3 installée, tu peux la supprimer avant — les caches des
-deux versions sont compatibles (même format).
+### Chrome / Edge
+Mode développeur : décompresser le ZIP et charger en tant qu'extension non empaquetée.
 
-## Utilisation
+## Développement
 
-1. Se connecter à EasyVista dans un onglet (`itsma.etat-de-vaud.ch` ou `itsma.vd.ch`)
-2. Cliquer sur l'icône de l'extension (depuis n'importe quel onglet)
-3. La vue claire s'ouvre dans un nouvel onglet
+```bash
+git clone https://gitea.netaplaid.ch/FroSteel/Planification.git
+cd Planification
 
-## Comment ça marche techniquement
+# Pour packager une nouvelle version :
+# 1. modifier le code
+# 2. bump version dans manifest.json
+# 3. zip + xpi
+git add -A
+git commit -m "Version YYYY.M.PATCH — description"
+git tag vYYYY.M.PATCH
+git push origin main
+git push --tags
+```
 
-- `background.js` fait les fetches en arrière-plan (via le cookie de session EasyVista).
-- L'extension détecte automatiquement le `PHPSESSID` depuis un onglet EasyVista ouvert.
-- **v4 : le XML `planning_xhr.php?div=calendar_block` suffit à afficher tout
-  l'essentiel.** Les champs `attr1`/`attr2`/`attr3` contiennent contact, lieu
-  et catégorie. Le `textContent` du nœud contient la ref (S260.../I260...).
-- Les fiches individuelles (`index.php?formEvent=...`) ne sont fetchées que pour
-  obtenir le statut Clôturé/Résolu et le commentaire technicien.
-- Le texte d'action détaillé (Problème/À faire/Matériel/...) est récupéré en
-  lazy-load via `planning_xhr_2.php?id=ACTIONID` au premier survol.
-- Le cache est stocké dans `chrome.storage.local` (local à ta machine).
-- Aucune donnée n'est envoyée ailleurs que vers `itsma.etat-de-vaud.ch` et `itsma.vd.ch`.
+## Licence
 
-## Limitations connues
+[MIT License](LICENSE) — Copyright (c) 2026 Quentin Rouiller
 
-- Nécessite un onglet EasyVista ouvert (même en arrière-plan) pour fonctionner
-- Fonctionne uniquement sur l'intranet cantonal (les fetches échoueront en externe)
-- Les 8 IDs des techs sont en dur dans le code (si quelqu'un quitte/arrive dans
-  l'équipe, il faut mettre à jour `viewer.js` ligne ~22)
-- Le statut "Clôturé/Résolu" met quelques secondes à apparaître après le
-  chargement initial (fetch des fiches en arrière-plan, concurrence 5)
+## Auteur
+
+**Quentin Rouiller** (QRO)
+Canton de Vaud — Service IT

background.js

@@ -85,7 +85,7 @@ async function fetchPlanningXml(origin, phpsessid, unixDate) {
     `&day_start_hour=8` +
     `&day_end_hour=19`;
   console.log("[bg] fetchPlanningXml →", url.substring(0, 140));
-  const r = await fetch(url, { credentials: "include" });
+  const r = await evFetch(url, origin);
   console.log("[bg]   status =", r.status);
   if (!r.ok) {
     // v4.2 : classifier l'erreur HTTP pour que le viewer affiche le bon
@@ -100,6 +100,32 @@ async function fetchPlanningXml(origin, phpsessid, unixDate) {
   return xml;
 }
 
+/**
+ * v5.0.9 : wrapper autour de fetch() qui ajoute systématiquement les
+ * headers de sécurité attendus par EasyVista (Referer, Sec-Fetch-Site,
+ * X-Requested-With). Sans ces headers, EV renvoie soit un <script> de
+ * redirection (CSRF check), soit une page de login, même avec une session
+ * valide.
+ *
+ * Observé dans les captures réseau du navigateur :
+ *   Referer: https://itsma.etat-de-vaud.ch/index.php?eventName=HelpDesk_PlanningItem
+ *   Sec-Fetch-Site: same-origin
+ *   X-Requested-With: XMLHttpRequest (parfois)
+ *
+ * @param {string} url - URL complète à fetcher
+ * @param {string} origin - origine EasyVista (pour construire le Referer)
+ * @param {object} [opts] - options fetch (method, body, headers supplémentaires)
+ */
+async function evFetch(url, origin, opts = {}) {
+  const defaultHeaders = {
+    "Referer": `${origin}/index.php?eventName=HelpDesk_PlanningItem`,
+    "X-Requested-With": "XMLHttpRequest"
+  };
+  const headers = Object.assign({}, defaultHeaders, opts.headers || {});
+  const fetchOpts = Object.assign({ credentials: "include" }, opts, { headers });
+  return await fetch(url, fetchOpts);
+}
+
 /**
  * v4.2 : classifie un statut HTTP comme "session_expired" ou "ev_unreachable".
  * - 401, 403, 404 → session_expired (EV renvoie souvent 404 au lieu de rediriger
@@ -118,7 +144,7 @@ function classifyHttpStatus(status) {
  */
 async function fetchXhr2(origin, phpsessid, actionId) {
   const url = `${origin}/planning_xhr_2.php?PHPSESSID=${encodeURIComponent(phpsessid)}&id=${encodeURIComponent(actionId)}`;
-  const r = await fetch(url, { credentials: "include" });
+  const r = await evFetch(url, origin);
   if (!r.ok) {
     const err = new Error("HTTP " + r.status);
     err.kind = classifyHttpStatus(r.status);
@@ -131,17 +157,7 @@ async function fetchXhr2(origin, phpsessid, actionId) {
 async function fetchFicheHtml(origin, phpsessid, formLink) {
   const url = `${origin}/index.php?${formLink}&PHPSESSID=${encodeURIComponent(phpsessid)}`;
   console.log("[bg] fetchFicheHtml →", url.substring(0, 120));
-  // v5.0.8 : EasyVista retourne maintenant un <script> de redirection si on
-  // fait la requête sans Referer. Probablement une protection CSRF ajoutée
-  // récemment. On ajoute un Referer qui simule une navigation depuis la
-  // page principale du planning.
-  const r = await fetch(url, {
-    credentials: "include",
-    headers: {
-      "Referer": `${origin}/index.php?eventName=HelpDesk_PlanningItem`,
-      "X-Requested-With": "XMLHttpRequest"
-    }
-  });
+  const r = await evFetch(url, origin);
   if (!r.ok) {
     const err = new Error("HTTP " + r.status);
     err.kind = classifyHttpStatus(r.status);
@@ -436,240 +452,6 @@ async function submitDouchette(origin, phpsessid, opts) {
   }
 }
 
-// ============================================================================
-// v5.0.0 : Suppression d'une absence ou d'une réservation
-// ============================================================================
-
-/**
- * Supprime un item du planning (absence ou réservation) côté EasyVista.
- *
- * v5.0.1 : l'endpoint exact n'est pas totalement certain selon les versions
- * EasyVista. On essaye plusieurs `function_name` jusqu'à trouver celui qui
- * marche. Un "status 200" ne garantit pas que ça a été supprimé (l'API peut
- * répondre 200 même sur un nom de fonction inconnu), mais ça + le reload
- * post-suppression donne un bon signal : si le ticket est toujours là après
- * reload, on réessaye avec le nom suivant.
- *
- * Pour l'absence, dans le HTML le bouton "Supprimer" appelle :
- *   onclick="g_arr_player[N].delete_absence();"
- * qui fait probablement un GET /planning_updator_xhr.php?function_name=...
- * mais le nom exact varie (peut être "delete_absence", "Planning_delete_absence",
- * "fc_delete_absence", etc.)
- *
- * @param {string} origin
- * @param {string} phpsessid
- * @param {string} actionId - ID de l'action à supprimer
- * @param {string} kind - "absence" ou "reservation"
- */
-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"
-      ];
-
-  let lastErr = null;
-  let lastBody = null;
-  for (const fn of fnNames) {
-    const url = `${origin}/planning_updator_xhr.php`
-      + `?PHPSESSID=${encodeURIComponent(phpsessid)}`
-      + `&function_name=${encodeURIComponent(fn)}`
-      + `&action_id=${encodeURIComponent(actionId)}`;
-
-    console.log(`[bg] deletePlanningItem → tente function_name=${fn}`, url.substring(0, 180));
-
-    try {
-      const r = await fetch(url, { method: "GET", credentials: "include" });
-      const body = await r.text();
-      console.log(`[bg]   status=${r.status} | body (200 premiers chars) : ${(body || "").substring(0, 200)}`);
-
-      if (r.status === 401 || r.status === 403) {
-        throw new Error("session_expired");
-      }
-      if (!r.ok) {
-        lastErr = new Error("HTTP " + r.status);
-        continue; // tente le prochain
-      }
-      if (looksLikeLoginPage(body)) {
-        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) };
-      }
-      console.log(`[bg]   → réponse ressemble à une erreur, on tente le prochain nom`);
-      lastBody = body;
-    } catch (err) {
-      if (err.message === "session_expired") throw err;
-      console.warn(`[bg]   erreur avec ${fn}:`, err);
-      lastErr = err;
-    }
-  }
-
-  // Aucun n'a fonctionné
-  throw new Error("Aucun endpoint de suppression n'a fonctionné. "
-    + (lastBody ? "Dernière réponse : " + lastBody.substring(0, 100) : "")
-    + (lastErr ? " | " + lastErr.message : ""));
-}
-
-// ============================================================================
-// v5.0.0 : Détection de la liste des techniciens depuis la page planning EV
-// ============================================================================
-
-/**
- * v5.0.1 : Détection de la liste complète des membres du groupe EasyVista.
- *
- * Stratégie :
- * 1) On part des valeurs connues (group_id=191 et support_ids par défaut).
- *    Pas besoin de fetcher la page planning HTML (qui souvent ne contient
- *    pas ces valeurs accessibles en fetch direct, car EasyVista utilise
- *    des redirections JS).
- * 2) Fetch direct /include/components/staff/planning/plan_view_group_supports.php
- *    qui retourne le HTML d'une popup listant tous les membres du groupe.
- * 3) Parser ce HTML pour extraire les paires (id, nom).
- *
- * Retourne { ids: [{id, name, alreadyInTeam}], groupId }.
- */
-async function detectTeamFromEV(origin, phpsessid) {
-  // v5.0.1 : valeurs par défaut (correspondent au groupe actuel).
-  // À terme elles devraient venir de la config admin.
-  const DEFAULT_GROUP_ID = "191";
-  const DEFAULT_SUPPORT_IDS = "76272,83725,66635,92235,90070,40944,72485,86874";
-
-  const groupId = DEFAULT_GROUP_ID;
-  const supportIds = DEFAULT_SUPPORT_IDS;
-  console.log("[bg] detectTeamFromEV : group_id =", groupId, "| support_ids =", supportIds);
-
-  // Fetch la popup de sélection des intervenants du groupe
-  const popupUrl = origin + "/include/components/staff/planning/plan_view_group_supports.php"
-    + "?PHPSESSID=" + encodeURIComponent(phpsessid)
-    + "&eventName="
-    + "&theme="
-    + "&support_ids=" + encodeURIComponent(supportIds)
-    + "&group_id=" + encodeURIComponent(groupId);
-
-  console.log("[bg] detectTeamFromEV → popup group_supports");
-  console.log("[bg]   URL =", popupUrl.substring(0, 240));
-  let popupHtml = "";
-  try {
-    const r = await fetch(popupUrl, { method: "GET", credentials: "include" });
-    console.log("[bg]   popup status =", r.status);
-    if (!r.ok) throw new Error("HTTP " + r.status + " sur popup group");
-    popupHtml = await r.text();
-    console.log("[bg]   popup taille HTML =", popupHtml.length);
-    if (looksLikeLoginPage(popupHtml)) throw new Error("session_expired");
-  } catch (e) {
-    console.warn("[bg] detectTeam: fetch popup failed:", e);
-    // Fallback : au moins on retourne les IDs connus avec noms vides
-    const ids = DEFAULT_SUPPORT_IDS.split(",").filter(Boolean);
-    return {
-      ids: ids.map(id => ({ id, name: "? (" + id + ")", alreadyInTeam: true })),
-      groupId
-    };
-  }
-
-  // Parser le HTML. Différents patterns possibles.
-  const results = [];
-  const currentIdsSet = new Set(supportIds.split(",").filter(Boolean));
-
-  // v5.0.1 : log le début du HTML pour diagnostic si parsing échoue
-  console.log("[bg]   popup HTML (début) =", popupHtml.substring(0, 500));
-
-  // Pattern 1 : checkboxes + texte voisin
-  const rxCheckbox = /<input[^>]*type=["']checkbox["'][^>]*value=["'](\d{4,7})["'][^>]*>([\s\S]{0,400}?)(?=<input|<\/tr|<\/table|$)/gi;
-  let mC;
-  while ((mC = rxCheckbox.exec(popupHtml)) !== null) {
-    const id = mC[1];
-    const context = mC[2];
-    const nameMatch = context.match(/([A-ZÀ-ÿ][A-Za-zÀ-ÿ\-']+,\s*[A-ZÀ-ÿ][A-Za-zÀ-ÿ\-' \.]+)/);
-    const name = nameMatch ? nameMatch[1].trim() : null;
-    if (!results.some(r => r.id === id)) {
-      results.push({ id, name: name || "? (" + id + ")", alreadyInTeam: currentIdsSet.has(id) });
-    }
-  }
-  console.log("[bg]   parsing pattern 1 (checkbox) :", results.length, "résultats");
-
-  // Pattern 2 : fallback <option value="76272">Nom...</option>
-  if (results.length === 0) {
-    const rxOption = /<option[^>]*value=["'](\d{4,7})["'][^>]*>([^<]+)<\/option>/gi;
-    let mO;
-    while ((mO = rxOption.exec(popupHtml)) !== null) {
-      const id = mO[1];
-      const name = (mO[2] || "").trim();
-      if (!results.some(r => r.id === id)) {
-        results.push({ id, name: name || "? (" + id + ")", alreadyInTeam: currentIdsSet.has(id) });
-      }
-    }
-    console.log("[bg]   parsing pattern 2 (option) :", results.length, "résultats");
-  }
-
-  // Pattern 3 : fallback brut tags HTML contenant ID à proximité d'un nom
-  if (results.length === 0) {
-    // Chercher chaque ID 4-7 chiffres et regarder les 200 caractères qui suivent
-    const rxAnyId = /\b(\d{5,7})\b([\s\S]{0,200})/g;
-    let mA;
-    while ((mA = rxAnyId.exec(popupHtml)) !== null) {
-      const id = mA[1];
-      // Ignorer les IDs qui ressemblent à des timestamps / hash
-      if (id.length > 6 && parseInt(id, 10) > 1000000000) continue;
-      const context = mA[2];
-      const nameMatch = context.match(/([A-ZÀ-ÿ][A-Za-zÀ-ÿ\-']+,\s*[A-ZÀ-ÿ][A-Za-zÀ-ÿ\-' \.]{2,30})/);
-      if (nameMatch && !results.some(r => r.id === id)) {
-        results.push({ id, name: nameMatch[1].trim(), alreadyInTeam: currentIdsSet.has(id) });
-      }
-    }
-    console.log("[bg]   parsing pattern 3 (brut) :", results.length, "résultats");
-  }
-
-  // Ajouter les IDs actuels manquants (sans nom)
-  for (const id of currentIdsSet) {
-    if (!results.some(r => r.id === id)) {
-      results.push({ id, name: "? (" + id + ")", alreadyInTeam: true });
-    }
-  }
-
-  console.log("[bg]   " + results.length + " personnes retournées");
-  return { ids: results, groupId: groupId };
-}
-
 // ============================================================================
 // Messages du viewer
 // ============================================================================
@@ -832,46 +614,6 @@ chrome.runtime.onMessage.addListener((msg, sender, sendResponse) => {
         return;
       }
 
-      if (msg.type === "deletePlanningItem") {
-        // v5.0.0 : supprime une absence ou réservation côté EasyVista.
-        // Endpoint : /planning_updator_xhr.php?function_name=...&action_id=...
-        // Exemples de function_name :
-        //   - Planning_delete_absence
-        //   - Planning_delete_reservation
-        const session = await findEasyVistaSession();
-        if (!session) {
-          sendResponse({ ok: false, error: "no_session" });
-          return;
-        }
-        try {
-          const result = await deletePlanningItem(
-            session.origin, session.phpsessid, msg.actionId, msg.kind
-          );
-          sendResponse({ ok: true, result });
-        } catch (err) {
-          sendResponse({ ok: false, error: err.message || String(err) });
-        }
-        return;
-      }
-
-      if (msg.type === "detectTeam") {
-        // v5.0.0 : détecte la liste des IDs de techniciens depuis le HTML
-        // v5.0.1 : retourne aussi les noms via la popup group_supports
-        const session = await findEasyVistaSession();
-        if (!session) {
-          sendResponse({ ok: false, error: "no_session" });
-          return;
-        }
-        try {
-          const result = await detectTeamFromEV(session.origin, session.phpsessid);
-          // result = { ids: [{id,name,alreadyInTeam}, ...], groupId }
-          sendResponse({ ok: true, members: result.ids, groupId: result.groupId });
-        } catch (err) {
-          sendResponse({ ok: false, error: err.message || String(err) });
-        }
-        return;
-      }
-
       if (msg.type === "cleanupOldCaches") {
         const removed = await cleanupOldCaches(msg.daysToKeep || 7);
         sendResponse({ ok: true, removed });

manifest.json

@@ -1,9 +1,15 @@
 {
   "manifest_version": 3,
   "name": "Planification",
-  "version": "5.0.8",
-  "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.",
-  "permissions": ["activeTab", "scripting", "storage", "tabs", "alarms"],
+  "version": "5.0.0",
+  "description": "Vue claire du planning EasyVista (itsma.etat-de-vaud.ch et itsma.vd.ch). v4.3.0 : (1) conflits horaires entre interventions d'un même tech affichés en rouge + ⚠. (2) Réservations disparues retirées directement (pas de re-fetch inutile). (3) Popups épinglés détachés : plusieurs peuvent coexister, ancrés au contenu (scrollent avec la page), auto-positionnés sans se marcher dessus (toast si pas de place), Échap pour tout fermer, Ctrl×2 pour fermer si un seul épinglé. Inclut v4.2.9.",
+  "permissions": [
+    "activeTab",
+    "scripting",
+    "storage",
+    "tabs",
+    "alarms"
+  ],
   "host_permissions": [
     "https://itsma.etat-de-vaud.ch/*",
     "https://itsma.vd.ch/*"
@@ -21,7 +27,11 @@
   },
   "web_accessible_resources": [
     {
-      "resources": ["viewer.html", "viewer.js", "viewer.css"],
+      "resources": [
+        "viewer.html",
+        "viewer.js",
+        "viewer.css"
+      ],
       "matches": [
         "https://itsma.etat-de-vaud.ch/*",
         "https://itsma.vd.ch/*"

viewer.css

@@ -1816,87 +1816,16 @@ body.modal-open {
   box-shadow: 0 8px 24px rgba(0,0,0,0.18);
   /* Pas de contain: layout (hérité) car ça limite le rendu ; on laisse */
   animation: pinned-popup-in 0.15s ease-out;
-  /* Le padding-top est augmenté pour accueillir la barre de drag. */
-  padding-top: 28px !important;
 }
 @keyframes pinned-popup-in {
   from { opacity: 0; transform: scale(0.96); }
   to   { opacity: 1; transform: scale(1); }
 }
 
-/* v4.3.3 : animation de sortie (symétrique à l'apparition) quand on
-   désépingle. Appliquée par la classe .unpinning. */
-.tooltip.pinned-popup.unpinning,
-.tooltip.soft-unpinned.unpinning {
-  animation: pinned-popup-out 0.18s ease-in forwards !important;
-}
-@keyframes pinned-popup-out {
-  from { opacity: 1; transform: scale(1); }
-  to   { opacity: 0; transform: scale(0.94); }
-}
-
-/* v4.3.3 corr : quand une popup est désépinglée "mou", elle perd son look
-   "épinglé" et redevient un tooltip normal visuellement, tout en gardant
-   sa position absolute (pour ne pas sauter). */
-.tooltip.soft-unpinned {
-  position: absolute !important;
-  z-index: 5 !important;
-  opacity: 1 !important;
-  pointer-events: auto !important;
-  /* Pas de bordure bleue, pas de padding-top (plus de dragbar), juste les
-     styles de base du tooltip (hérités de .tooltip). */
-  border: 1px solid var(--border-strong) !important;
-  box-shadow: var(--shadow-hover) !important;
-  padding-top: 12px !important;
-  animation: none !important;
-}
-
-/* v4.3.3 : Barre de drag en haut de la popup épinglée, permet de la
-   déplacer (le contenu lui-même garde la sélection de texte possible). */
-.pinned-popup-dragbar {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  height: 22px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: linear-gradient(
-    to bottom,
-    var(--bg-muted, rgba(128,128,128,0.08)) 0%,
-    transparent 100%
-  );
-  border-bottom: 1px solid var(--border, rgba(128,128,128,0.15));
-  border-radius: 6px 6px 0 0;
-  cursor: grab;
-  user-select: none;
-  -webkit-user-select: none;
-}
-.pinned-popup-dragbar:active,
-.pinned-popup.dragging .pinned-popup-dragbar {
-  cursor: grabbing;
-}
-/* Petite grippe visuelle au milieu pour signaler que c'est déplaçable */
-.pinned-popup-dragbar::before {
-  content: "";
-  width: 32px;
-  height: 3px;
-  border-radius: 3px;
-  background: var(--border-strong, rgba(128,128,128,0.35));
-}
-/* Pendant le drag, on fige l'animation pour éviter les tremblements */
-.pinned-popup.dragging {
-  animation: none !important;
-  transition: none !important;
-  cursor: grabbing !important;
-  box-shadow: 0 12px 32px rgba(0,0,0,0.28);
-}
-
 /* Bouton × de fermeture du popup épinglé */
 .pinned-popup-close {
   position: absolute;
-  top: 3px;
+  top: 4px;
   right: 6px;
   width: 22px;
   height: 22px;
@@ -1910,310 +1839,8 @@ body.modal-open {
   border-radius: 4px;
   cursor: pointer;
   transition: background 0.1s, color 0.1s;
-  z-index: 2;  /* au-dessus de la dragbar */
 }
 .pinned-popup-close:hover {
   background: var(--danger-soft, #fbe6e6);
   color: var(--danger, #b03030);
 }
-
-/* ─────────────────────────────────────────────────────────────────────────
-   v5.0.0 : horloge au milieu de la topbar (HH:MM, pas de secondes)
-   ───────────────────────────────────────────────────────────────────────── */
-.app-clock {
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  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
-   se positionne par rapport à elle */
-header.topbar { position: sticky !important; }
-header.topbar::before {
-  content: "";
-  position: absolute;
-  inset: 0;
-  pointer-events: none;
-}
-
-/* ─────────────────────────────────────────────────────────────────────────
-   v5.0.0 : ligne rouge "heure actuelle" sur la timeline (uniquement si on
-   affiche la date d'aujourd'hui). v5.0.1 : plus visible.
-   ───────────────────────────────────────────────────────────────────────── */
-.timeline-now-line {
-  position: absolute;
-  top: -2px;
-  bottom: -2px;
-  width: 4px;
-  background: #ff3030;
-  z-index: 5;
-  pointer-events: none;
-  box-shadow: 0 0 6px rgba(255, 48, 48, 0.8),
-              0 0 2px rgba(255, 48, 48, 1);
-  border-radius: 2px;
-  margin-left: -2px;  /* centre la barre sur la position exacte */
-}
-.timeline-now-line::after {
-  content: "";
-  position: absolute;
-  top: -4px;
-  left: 50%;
-  transform: translateX(-50%);
-  width: 12px;
-  height: 12px;
-  background: #ff3030;
-  border-radius: 50%;
-  box-shadow: 0 0 8px rgba(255, 48, 48, 0.9);
-}
-
-/* ─────────────────────────────────────────────────────────────────────────
-   v5.0.0 : Panel admin (menu caché 5 clics sur titre)
-   ───────────────────────────────────────────────────────────────────────── */
-.admin-overlay {
-  /* hérite de .modal-overlay */
-  align-items: flex-start;
-  padding: 30px 20px;
-}
-.admin-panel-card {
-  background: var(--bg-elevated);
-  border: 1px solid var(--border);
-  border-radius: 8px;
-  width: 100%;
-  max-width: 1100px;
-  height: calc(100vh - 60px);
-  display: flex;
-  flex-direction: column;
-  box-shadow: 0 12px 40px rgba(0,0,0,0.3);
-  overflow: hidden;
-}
-.admin-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 12px 20px;
-  border-bottom: 1px solid var(--border);
-  background: var(--bg);
-}
-.admin-title {
-  margin: 0;
-  font-size: 18px;
-  font-weight: 600;
-}
-.admin-close-btn {
-  background: transparent;
-  border: none;
-  font-size: 24px;
-  line-height: 1;
-  cursor: pointer;
-  padding: 4px 10px;
-  color: var(--text-muted);
-  border-radius: 4px;
-}
-.admin-close-btn:hover {
-  background: var(--danger-soft);
-  color: var(--danger);
-}
-.admin-body {
-  display: flex;
-  flex: 1;
-  min-height: 0;
-}
-.admin-sidebar {
-  width: 180px;
-  background: var(--bg);
-  border-right: 1px solid var(--border);
-  padding: 10px 0;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  flex-shrink: 0;
-}
-.admin-nav-btn {
-  text-align: left;
-  padding: 10px 18px;
-  background: transparent;
-  border: none;
-  cursor: pointer;
-  font-size: 14px;
-  color: var(--text);
-  border-left: 3px solid transparent;
-  transition: background 0.12s, border-color 0.12s;
-}
-.admin-nav-btn:hover {
-  background: var(--bg-hover);
-}
-.admin-nav-btn.active {
-  background: var(--bg-elevated);
-  border-left-color: var(--accent);
-  font-weight: 600;
-}
-.admin-content {
-  flex: 1;
-  padding: 20px 24px;
-  overflow-y: auto;
-}
-.admin-section-title {
-  margin: 0 0 8px 0;
-  font-size: 20px;
-  font-weight: 600;
-}
-.admin-section-desc {
-  margin: 0 0 16px 0;
-  color: var(--text-muted);
-  font-size: 13px;
-}
-.admin-team-table {
-  width: 100%;
-  border-collapse: collapse;
-  margin-top: 10px;
-}
-.admin-team-table th,
-.admin-team-table td {
-  padding: 8px 10px;
-  border-bottom: 1px solid var(--border);
-  text-align: left;
-  vertical-align: middle;
-}
-.admin-team-table th {
-  background: var(--bg);
-  font-size: 12px;
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
-  font-weight: 600;
-  color: var(--text-muted);
-}
-.admin-input {
-  width: 100%;
-  padding: 6px 8px;
-  border: 1px solid var(--border);
-  border-radius: 4px;
-  background: var(--bg);
-  color: var(--text);
-  font-size: 13px;
-  box-sizing: border-box;
-}
-.admin-input-id {
-  font-family: var(--mono);
-  max-width: 100px;
-}
-.admin-day-cb {
-  display: inline-flex;
-  align-items: center;
-  gap: 2px;
-  margin-right: 6px;
-  font-size: 11px;
-  cursor: pointer;
-  user-select: none;
-}
-.admin-day-cb input[type="checkbox"] {
-  margin: 0 2px 0 0;
-}
-.admin-del-btn {
-  background: transparent;
-  border: none;
-  cursor: pointer;
-  font-size: 16px;
-  color: var(--text-muted);
-  padding: 4px 8px;
-  border-radius: 4px;
-}
-.admin-del-btn:hover {
-  background: var(--danger-soft);
-  color: var(--danger);
-}
-.admin-readonly {
-  background: var(--bg);
-  border: 1px solid var(--border);
-  border-radius: 4px;
-  padding: 12px;
-  font-family: var(--mono);
-  font-size: 12px;
-  overflow-x: auto;
-}
-.admin-diag-grid {
-  display: grid;
-  grid-template-columns: 200px 1fr;
-  gap: 8px 16px;
-  margin: 16px 0;
-  font-size: 13px;
-}
-.admin-diag-grid > div {
-  padding: 4px 0;
-}
-
-/* ─────────────────────────────────────────────────────────────────────────
-   v5.0.0 : bouton supprimer dans le tooltip (absence / réservation)
-   ───────────────────────────────────────────────────────────────────────── */
-.tooltip-delete-btn {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  padding: 5px 10px;
-  background: var(--danger-soft, #fbe6e6);
-  border: 1px solid var(--danger, #b03030);
-  color: var(--danger, #b03030);
-  border-radius: 4px;
-  cursor: pointer;
-  font-size: 12px;
-  font-weight: 500;
-  margin-top: 4px;
-}
-.tooltip-delete-btn:hover:not(:disabled) {
-  background: var(--danger, #b03030);
-  color: #fff;
-}
-.tooltip-delete-btn:disabled {
-  opacity: 0.6;
-  cursor: wait;
-}
-
-/* Bouton danger dans les modals */
-.btn-danger,
-.modal-btn-danger {
-  background: var(--danger, #b03030);
-  color: #fff;
-  border: 1px solid var(--danger, #b03030);
-}
-.btn-danger:hover,
-.modal-btn-danger:hover {
-  background: #8e2020;
-}
-
-/* v5.0.1 : ligne d'équipe exclue (pas cochée) - apparaît grisée */
-.admin-team-table tr.admin-row-excluded {
-  opacity: 0.45;
-}
-.admin-team-table tr.admin-row-excluded input[type="text"] {
-  background: var(--bg);
-}
-
-/* v5.0.1 : bouton supprimer sur la carte "Absent toute la journée" */
-.absence-delete-wrap {
-  margin-top: 8px;
-  text-align: center;
-}
-.absence-delete-wrap .tooltip-delete-btn {
-  font-size: 11px;
-  padding: 4px 8px;
-}
-
-/* v5.0.4 : boutons preset matin / après-midi / journée dans modal absence */
-.modal-preset-row {
-  gap: 8px;
-  flex-wrap: wrap;
-}
-.modal-preset-btn {
-  flex: 1;
-  min-width: 100px;
-  padding: 8px 10px;
-  font-size: 13px;
-  cursor: pointer;
-}

viewer.html

@@ -23,8 +23,6 @@
       <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>
     <div class="topbar-right">
       <!-- v4.2.6 : bouton créer une absence pour un ou plusieurs techs -->
       <button id="absence-btn" class="btn btn-action" title="Créer une absence pour un ou plusieurs techniciens">

viewer.js

@@ -150,9 +150,25 @@ let state = {
   session: null,           // { phpsessid, origin, tabId }
   currentDate: null,       // "YYYY-MM-DD" affiché
   currentData: null,       // résultat parsé (techs, stats, ...)
-  loading: false
+  loading: false,
+  // v5.0.9 : timestamp (ms) auquel la session EV va expirer.
+  // On suppose une durée de 30 min à chaque requête EV réussie.
+  // null = inconnu (pas encore récupéré).
+  sessionExpireAt: null,
+  // v5.0.9 : true pendant une reconnexion en cours (après clic sur "Me
+  // reconnecter" tant que la nouvelle session n'est pas détectée)
+  reconnecting: false,
+  // v5.0.9 : true si la session est expirée (bannière rouge affichée)
+  sessionExpired: false,
+  // v5.0.9 : true si on a déjà fait le ping de confirmation < 5 min
+  sessionPingDone: false
 };
 
+// v5.0.9 : constantes session
+const SESSION_DURATION_MS = 30 * 60 * 1000;  // 30 min
+const SESSION_WARN_THRESHOLD_MS = 5 * 60 * 1000;  // 5 min → affichage compteur
+const SESSION_CRITICAL_THRESHOLD_MS = 2 * 60 * 1000;  // 2 min → rouge + modal
+
 // ─── Annulation coopérative d'un refresh manuel (v3.1) ──────────────────────
 // Chaque refresh reçoit un "jeton" (entier incrémenté). Les workers lisent
 // isRefreshAborted() avant chaque fetch : si le jeton a changé ou si
@@ -213,6 +229,7 @@ async function init() {
   initAppFooter();        // v4.2.9 : pied de page discret bas-droite
   initAppClock();         // v5.0.0 : horloge HH:MM au milieu topbar
   initAdminMenu();        // v5.0.0 : menu admin caché (5 clics sur titre)
+  initSessionTimer();     // v5.0.9 : compteur de session EV (tick 1s)
 
   // Initialiser la date = aujourd'hui
   state.currentDate = todayISO();
@@ -250,10 +267,25 @@ async function refreshSessionAndLoad() {
   hideEvUnreachable();
   hideSessionExpiredBanner();
   hideEvUnreachableBanner();
+  state.sessionExpired = false;
+  state.reconnecting = false;
   fetchAndShowCurrentUser();
+  // v5.0.9 : à chaque démarrage/reconnexion, on suppose que la session vient
+  // d'être rafraîchie à 30 min. updateSessionIndicator va masquer le compteur.
+  markSessionActivity();
   await loadForDate(state.currentDate);
 }
 
+/**
+ * v5.0.9 : doit être appelée à chaque requête EasyVista réussie. Reset le
+ * timer local à 30 min (la session serveur a été renouvelée implicitement).
+ */
+function markSessionActivity() {
+  state.sessionExpireAt = Date.now() + SESSION_DURATION_MS;
+  state.sessionPingDone = false;  // reset le flag de ping
+  updateSessionIndicator();
+}
+
 // 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é,
 // le badge reste caché.
@@ -777,6 +809,215 @@ function initAdminMenu() {
   title.style.cursor = "default";
 }
 
+// ============================================================================
+// v5.0.9 : Surveillance du timeout de session EasyVista
+// ============================================================================
+
+/**
+ * Initialise le tick du compteur de session (toutes les secondes).
+ * Pas de requête réseau : décompte purement local depuis state.sessionExpireAt.
+ * En parallèle, un polling 2s actif uniquement en reconnexion, pour détecter
+ * dès que l'user s'est reconnecté dans l'onglet EasyVista ouvert.
+ */
+function initSessionTimer() {
+  setInterval(() => {
+    updateSessionIndicator();
+  }, 1000);
+
+  // Polling actif UNIQUEMENT pendant une reconnexion pour détecter le nouveau
+  // PHPSESSID dès qu'il apparaît dans un onglet EV. Rien d'envoyé au serveur
+  // en dehors de ça.
+  setInterval(async () => {
+    if (!state.reconnecting) return;
+    try {
+      const resp = await sendMessage({ type: "getSession" });
+      if (resp && resp.ok && resp.session && resp.session.phpsessid) {
+        const oldPhpsessid = state.session ? state.session.phpsessid : null;
+        if (resp.session.phpsessid !== oldPhpsessid) {
+          console.log("[session] nouvelle session détectée après reconnexion :", resp.session.phpsessid);
+          state.session = resp.session;
+          state.reconnecting = false;
+          state.sessionExpired = false;
+          hideReconnectingBanner();
+          hideSessionExpiredBanner();
+          markSessionActivity();
+          showToast("Reconnecté", "Session EasyVista renouvelée");
+          // Recharger le planning à la date courante sans perdre la position
+          await loadForDate(state.currentDate);
+        }
+      }
+    } catch (e) {
+      // Silencieux, on réessayera au prochain tick
+    }
+  }, 2000);
+}
+
+/**
+ * Met à jour l'affichage du compteur session dans la topbar.
+ * Règles :
+ *   - Session expirée ou reconnexion → compteur caché (bannière gère l'affichage)
+ *   - > 5 min restantes → compteur invisible
+ *   - 2-5 min → jaune, bouton "Prolonger" visible
+ *   - < 2 min → rouge pulse + modal automatique (une seule fois)
+ *   - <= 0 → déclenche l'état "expirée"
+ */
+function updateSessionIndicator() {
+  const el = document.getElementById("app-session");
+  if (!el) return;
+
+  if (state.sessionExpired || state.reconnecting) {
+    el.classList.add("hidden");
+    return;
+  }
+  if (!state.sessionExpireAt) {
+    el.classList.add("hidden");
+    return;
+  }
+
+  const remainingMs = state.sessionExpireAt - Date.now();
+
+  if (remainingMs <= 0) {
+    handleSessionExpired();
+    return;
+  }
+
+  if (remainingMs > SESSION_WARN_THRESHOLD_MS) {
+    el.classList.add("hidden");
+    return;
+  }
+
+  // Zone d'alerte (< 5 min)
+  // v5.0.9 : avant d'afficher l'alerte, on fait UN ping de confirmation
+  // pour vérifier que le serveur est bien d'accord (compteur local parfois
+  // désynchronisé si plusieurs requêtes EV ont rafraîchi sans qu'on update
+  // notre horloge). Une seule fois par cycle.
+  if (!state.sessionPingDone) {
+    state.sessionPingDone = true;
+    sendMessage({ type: "getSessionRemaining" }).then(resp => {
+      if (resp && resp.ok && typeof resp.remainingMs === "number") {
+        state.sessionExpireAt = Date.now() + resp.remainingMs;
+        updateSessionIndicator();
+      }
+    }).catch(() => {});
+    // En attendant, on continue avec l'estimation locale
+  }
+
+  const mm = Math.floor(remainingMs / 60000);
+  const ss = Math.floor((remainingMs % 60000) / 1000);
+  const timeStr = `${String(mm).padStart(2, "0")}:${String(ss).padStart(2, "0")}`;
+  el.classList.remove("hidden", "session-warn", "session-critical");
+
+  if (remainingMs <= SESSION_CRITICAL_THRESHOLD_MS) {
+    el.classList.add("session-critical");
+    if (!state._criticalModalShown) {
+      state._criticalModalShown = true;
+      showSessionCriticalModal();
+    }
+  } else {
+    el.classList.add("session-warn");
+    state._criticalModalShown = false;
+  }
+
+  el.innerHTML = `
+    <span class="session-icon">⏱</span>
+    <span class="session-time">${timeStr}</span>
+    <button type="button" class="session-extend-btn" title="Prolonger la session de 30 min">🔄 Prolonger</button>
+  `;
+  const extendBtn = el.querySelector(".session-extend-btn");
+  if (extendBtn) {
+    extendBtn.onclick = async () => {
+      extendBtn.disabled = true;
+      extendBtn.textContent = "…";
+      try {
+        const resp = await sendMessage({ type: "extendSession" });
+        if (resp && resp.ok && typeof resp.remainingMs === "number") {
+          state.sessionExpireAt = Date.now() + resp.remainingMs;
+          state.sessionPingDone = false;
+          state._criticalModalShown = false;
+          showToast("Session prolongée", "30 minutes de plus");
+          updateSessionIndicator();
+        } else {
+          throw new Error((resp && resp.error) || "erreur inconnue");
+        }
+      } catch (err) {
+        extendBtn.disabled = false;
+        extendBtn.textContent = "🔄 Prolonger";
+        if (err.message === "session_expired" || err.message === "no_session") {
+          handleSessionExpired();
+        }
+      }
+    };
+  }
+}
+
+/**
+ * Appelée quand le compteur atteint 0 ou quand une requête EV échoue en
+ * session expirée. Affiche la bannière "Session expirée" avec bouton "Me
+ * reconnecter".
+ */
+function handleSessionExpired() {
+  if (state.sessionExpired) return;
+  state.sessionExpired = true;
+  state.sessionExpireAt = null;
+  state._criticalModalShown = false;
+  console.warn("[session] session EV expirée");
+  showSessionExpiredBanner();
+  const el = document.getElementById("app-session");
+  if (el) el.classList.add("hidden");
+}
+
+/**
+ * Modal auto quand < 2 min : alerte visuelle forte.
+ */
+function showSessionCriticalModal() {
+  showAlertModal({
+    title: "⚠️ Session EasyVista expire bientôt",
+    message: "Votre session EasyVista expire dans moins de 2 minutes. Cliquez sur « Prolonger » pour éviter d'être déconnecté.",
+    buttons: [
+      { label: "Ignorer", variant: "secondary", action: () => {} },
+      {
+        label: "🔄 Prolonger maintenant",
+        variant: "primary",
+        action: async () => {
+          try {
+            const resp = await sendMessage({ type: "extendSession" });
+            if (resp && resp.ok && typeof resp.remainingMs === "number") {
+              state.sessionExpireAt = Date.now() + resp.remainingMs;
+              state.sessionPingDone = false;
+              state._criticalModalShown = false;
+              showToast("Session prolongée", "30 minutes de plus");
+              updateSessionIndicator();
+            }
+          } catch (e) {
+            handleSessionExpired();
+          }
+        }
+      }
+    ]
+  });
+}
+
+/**
+ * Appelé au clic "Me reconnecter" dans la bannière. Ouvre EasyVista dans un
+ * nouvel onglet (déclenche Windows SSO Kerberos automatique). Le polling
+ * dans initSessionTimer détectera la nouvelle session et rechargera le viewer.
+ */
+async function triggerReconnect() {
+  state.reconnecting = true;
+  hideSessionExpiredBanner();
+  showReconnectingBanner();
+  try {
+    const origin = (state.session && state.session.origin) || "https://itsma.etat-de-vaud.ch";
+    await sendMessage({ type: "openEasyVistaLogin", origin });
+  } catch (err) {
+    console.warn("[session] openEasyVistaLogin failed:", err);
+    state.reconnecting = false;
+    hideReconnectingBanner();
+    showSessionExpiredBanner();
+  }
+}
+
+
 // v5.0.0 : stockage des paramètres admin dans chrome.storage.local.
 // Clé unique : "admin_config". Contient la config éditable (équipe,
 // absences récurrentes, statuts etc.). Au 1er lancement : initialisée
@@ -2826,7 +3067,7 @@ async function refreshStatuses(techs, isoDate, opts = {}) {
         updateProgressBar(i + 1, toFetch.length);
       }
 
-      // Sauvegarde périodique du cache pdt le fetch
+      // Sauvegarde périodique du cache pendant le fetch
       if (sinceLastCacheWrite >= CACHE_WRITE_EVERY) {
         try {
           await writeCache(isoDate, { techs });
@@ -2882,7 +3123,7 @@ async function fetchAndUpdateIntervention(iv, myToken) {
       return;
     }
 
-    // v4.1.2 : pour chaque interventoin on fait xhr2 PUIS fiche.
+    // v4.1.2 : pour chaque intervention on fait xhr2 PUIS fiche.
     //  - xhr2 : récupère les VRAIES infos contact/lieu (attr1/attr2 du XML
     //           sont parfois erronées si le tech a corrigé après planif).
     //           On met à jour la carte tout de suite avec les vraies infos.
@@ -2962,7 +3203,7 @@ async function fetchAndUpdateIntervention(iv, myToken) {
 
     // ─── Étape 3 : API timeline → texte complet de l'action ─────────────
     // Le HTML brut de la fiche ne contient PAS les valeurs d'action (elles
-    // sont injectées côté client par Angular via un apel REST). On appelle
+    // sont injectées côté client par Angular via un appel REST). On appelle
     // donc le même endpoint REST qu'Angular pour récupérer la description
     // complète, match par ACTION_ID === iv.actionId (fiable, numérique).
     //
@@ -3056,61 +3297,6 @@ async function fetchAndUpdateIntervention(iv, myToken) {
  * (venant du texte d'action validé par le tech) sont plus fiables que
  * attr1/attr2 (planification initiale parfois erronée).
  */
-// v4.3.2 : pré-fetch de tous les xhr2 en parallèle (batch).
-// Objectif : avoir les VRAIES infos contact/lieu pour toutes les interventions
-// AVANT que l'utilisateur se mette à les survoler. Comme le xhr2 est léger
-// (2-5 KB), on peut en faire plusieurs en parallèle sans écrouler EasyVista.
-//
-// Params :
-//   techs    : liste des techs avec leurs interventions
-//   myToken  : jeton d'annulation (si l'user change de date, on s'arrête)
-//   forceAll : si true, re-fait le xhr2 même pour les inter déjà xhr2Fetched
-//              (utilisé par "Tout recharger")
-async function prefetchAllXhr2(techs, myToken, forceAll) {
-  if (!techs) return;
-  // Lister les iv qui ont besoin d'un xhr2
-  const needed = [];
-  for (const tech of techs) {
-    for (const iv of tech.interventions || []) {
-      if (iv.type !== "AL-Intervention") continue;
-      if (!iv.actionId || iv.ghost) continue;
-      if (iv.xhr2Fetching) continue;
-      if (iv.xhr2Fetched && !forceAll) continue;
-      needed.push(iv);
-    }
-  }
-  if (needed.length === 0) return;
-
-  console.log(`[load] pré-fetch xhr2 batch : ${needed.length} interventoin(s)…`);
-  const t0 = performance.now();
-
-  // Si forceAll, reset le flag pour que ensureBulleDescription re-fetch
-  if (forceAll) {
-    for (const iv of needed) iv.xhr2Fetched = false;
-  }
-
-  // Batch en parallèle avec concurrency limitée (6) — assez rapide, pas trop
-  // aggressif sur EasyVista.
-  const concurrency = 6;
-  const queue = [...needed];
-  const workers = [];
-  for (let w = 0; w < concurrency; w++) {
-    workers.push((async () => {
-      while (queue.length > 0) {
-        if (isRefreshAborted(myToken)) return;
-        const iv = queue.shift();
-        try {
-          await ensureBulleDescription(iv);
-        } catch (err) {
-          console.warn("[prefetch xhr2] iv", iv.actionId, err);
-        }
-      }
-    })());
-  }
-  await Promise.all(workers);
-  console.log(`[load] pré-fetch xhr2 fini en ${Math.round(performance.now() - t0)} ms`);
-}
-
 async function ensureBulleDescription(iv) {
   // Déjà chargé : rien à faire
   if (iv.xhr2Fetched) return true;
@@ -3549,7 +3735,7 @@ function setRefreshing(on) {
     refreshCounter++;
     if (targetIcon) targetIcon.classList.add("spinning");
     clearCheckMark();
-    // Afficher "rafraichissement en cours…" si on n'a pas déjà les données
+    // Afficher "Rafraîchissement en cours…" si on n'a pas déjà les données
     updateCaptureInfoText();
   } else {
     refreshCounter = Math.max(0, refreshCounter - 1);
@@ -3562,7 +3748,7 @@ function setRefreshing(on) {
   }
 }
 
-// Force le rafraichissement du texte "MAJ HH:MM" ou "rafraichissement en cours…"
+// Force le rafraîchissement du texte "MAJ HH:MM" ou "Rafraîchissement en cours…"
 // selon refreshCounter.
 function updateCaptureInfoText() {
   if (state.currentData) {
@@ -3630,7 +3816,7 @@ function updateProgressBar(done, total) {
   label.textContent = `${prefix}… ${done} / ${total}`;
 }
 
-// Affiche/masque le bouton "Arrêter". N'est montré que pdt un refresh
+// Affiche/masque le bouton "Arrêter". N'est montré que pendant un refresh
 // manuel (clic utilisateur), pas pendant les chargements normaux ni les
 // refresh auto 12h/15h.
 function showAbortButton(on) {
@@ -3646,7 +3832,7 @@ function showAbortButton(on) {
 
 /**
  * Toast de feedback quand l'user clique Arrêter. Les fetches en cours peuvent
- * encore prendre 1-2 secondes avant de se terminer (on ne peut pas vriament
+ * encore prendre 1-2 secondes avant de se terminer (on ne peut pas vraiment
  * annuler un fetch() en cours), mais du point de vue de l'interface tout
  * est arrêté : plus de mise à jour, plus de cache, plus rien.
  */
@@ -3683,12 +3869,7 @@ function detectOverlaps(techs) {
     const ivs = (tech.interventions || []).filter(iv =>
       iv && iv.startTime && iv.endTime &&
       !iv._disappearRemove &&
-      iv.type !== "AL-Reservation" &&
-      // v4.3.2 : le pompier est une absence "tolérée" qui chevauche par
-      // nature les heures de travail (garde volontaire) — on l'exclut des
-      // conflits. En revanche les congés/maladies/formations restent
-      // détectés car une inter planifiée pdt une absence, c'est un vrai pb.
-      !iv.isPompier
+      iv.type !== "AL-Reservation"
     );
     // Reset flag sur toutes les inters du tech (y compris celles ignorées)
     for (const iv of (tech.interventions || [])) {
@@ -3727,7 +3908,7 @@ function renderCaptureInfo(data, stats) {
   if (refreshCounter > 0) {
     // v4.1.20 : message différencié selon le type de refresh actif
     //  - partial (Actualiser) → "Actualisation en cours…"
-    //  - total  (Tout recharger) → "rafraichissement en cours…"
+    //  - total  (Tout recharger) → "Rafraîchissement en cours…"
     if (activeRefreshButton === "partial") {
       info.textContent = "Actualisation en cours…";
     } else {
@@ -3942,24 +4123,6 @@ function buildCard(tech, isoDate) {
       note.textContent = "Absent toute la journée";
     }
     body.appendChild(note);
-
-    // v5.0.4 : tooltip au hover sur toute la carte absent (pas juste un
-    // bouton visible). Contient : détail période + bouton supprimer si
-    // c'est une absence supprimable (actionId réel, pas pompier récurrent).
-    if (ab.actionId && !ab.isPompier && !ab._recurring) {
-      // On attache le tooltip sur la CARD ENTIÈRE (card) — comme ça
-      // survoler n'importe où sur la zone grisée "absent" le déclenche.
-      const ivCopy = {
-        ...ab,
-        type: "AL-Absence"  // force pour buildTooltipHTML
-      };
-      card.addEventListener("mouseenter", (e) => {
-        showTooltip(e, ivCopy, card);
-      });
-      card.addEventListener("mouseleave", () => {
-        hideTooltip();
-      });
-    }
   }
 
   // v4.1.20 : cas spécifique Pillonel Olivier, absent tous les vendredis.
@@ -4039,13 +4202,10 @@ function buildCard(tech, isoDate) {
 // Timeline
 // ============================================================================
 
-// v5.0.0 : constantes timeline globales (avant : locales à buildTimeline),
-// pour que updateNowLine puisse les utiliser aussi.
-const DAY_START = 8 * 60;     // 08:00 en minutes
-const DAY_END = 18 * 60;      // 18:00 en minutes
-const DAY_LEN = DAY_END - DAY_START;
-
 function buildTimeline(realInterventions, pompierBlocks, absenceBlocks, cardEl, isPompier, isAbsent) {
+  const DAY_START = 8 * 60;
+  const DAY_END = 18 * 60;
+  const DAY_LEN = DAY_END - DAY_START;
 
   const wrap = document.createElement("div");
   wrap.className = "timeline";
@@ -4186,7 +4346,7 @@ function bindTimelinePopover(el) {
   //   - Ctrl+clic (Cmd+clic sur Mac) : ouvre dans un onglet en arrière-plan
   const kind = el.dataset.kind;
   const ivIdxStr = el.dataset.ivIdx;
-  // Seulement sur les segments avec une interventoin (pas les "hole" libres
+  // Seulement sur les segments avec une intervention (pas les "hole" libres
   // ni certaines absences sans ivIdx)
   if (ivIdxStr === undefined) return;
 
@@ -4250,7 +4410,7 @@ function openInterventionFromTimeline(el, opts) {
   if (!row) return;
   const actionId = row.dataset.actionId;
   if (!actionId) return;
-  // recupere l'iv depuis state
+  // Récupère l'iv depuis state
   const iv = findIvByActionId(actionId);
   if (!iv) return;
   openInterventionInNewTab(iv, opts || {});
@@ -4367,7 +4527,7 @@ function showTimelinePopover(e, el) {
 }
 
 // ============================================================================
-// Ligne d'interventoin
+// Ligne d'intervention
 // ============================================================================
 
 function buildInterventionRow(iv, cardEl) {
@@ -4375,9 +4535,7 @@ function buildInterventionRow(iv, cardEl) {
   row.className = "intervention-v2";
   row.dataset.actionId = iv.actionId;
   if (iv.isPompier) row.classList.add("is-pompier-line");
-  // v4.3.3 : on ne marque plus les ghosts visuellement (classe is-ghost
-  // retirée). Les tickets disparus sont soit retirés (_disappearRemove),
-  // soit affichés en vert (_disappearStatus). Plus de barrage.
+  if (iv.ghost) row.classList.add("is-ghost");
   // v4.2.5 : indicateur "en cours d'analyse" (ticket disparu, on re-fetch
   // la fiche pour décider de le garder en vert ou le retirer).
   if (iv._disappearChecking) row.classList.add("_checking");
@@ -5173,7 +5331,7 @@ async function copyRef(ref, btn) {
 }
 
 // ─── Rendu incrémental (v3.1) ───────────────────────────────────────────────
-// Met à jour UNE ligne d'interventoin dans le DOM (après qu'un fetch fiche
+// Met à jour UNE ligne d'intervention dans le DOM (après qu'un fetch fiche
 // ait enrichi l'objet iv avec sa ref, son statut, etc.). Appelée par
 // fetchAndUpdateIntervention pour afficher la ref dès qu'elle arrive, sans
 // attendre que tous les workers aient fini ni re-rendre toute la vue.
@@ -5421,7 +5579,7 @@ function showTooltip(e, iv, rowEl) {
   }
   bulleState.hoveredInRow = true;
   // v4.1.12 : positionner la bulle UNE SEULE FOIS au mouseenter, près de la
-  // carte (row) et pas du curseur. Elle ne bouge plus pdt le survol.
+  // carte (row) et pas du curseur. Elle ne bouge plus pendant le survol.
   // v4.1.15 : si pinned, NE PAS repositionner (la bulle doit rester fixe).
   if (!bulleState.pinned) {
     positionTooltipAnchored(rowEl || (e && e.currentTarget));
@@ -5438,7 +5596,7 @@ function showTooltip(e, iv, rowEl) {
       if (!ok) return;
       const tip = tooltipEl();
       if (!tip.classList.contains("visible")) return;
-      // Vérifie qu'on affiche toujours la même interventoin (pas un autre hover
+      // Vérifie qu'on affiche toujours la même intervention (pas un autre hover
       // intervenu entretemps)
       if (state.currentTooltipIv === iv) {
         tip.innerHTML = buildTooltipHTML(iv);
@@ -5495,19 +5653,24 @@ function hasTextSelectionInTooltip() {
 }
 
 function moveTooltip(e) {
-  // Historique : avant on suivait la souris. Maintenant la bulle est fixe
-  // (placée une seule fois au mouseenter). Cette fonction est là juste pour
-  // pas casser les appels existants.
+  // v4.1.12 : la bulle est FIXE (positionnée une fois au mouseenter). Cette
+  // fonction est conservée pour compat mais ne fait plus rien.
 }
 
 // ============================================================================
-// Positionnement du tooltip
-// ============================================================================
-// On positionne avec style.left/top en coords VIEWPORT (comme position:fixed).
-// Si un ancêtre casse position:fixed (transform, filter, backdrop-filter ou
-// contain), on détecte ça empiriquement au 1er placement via
-// getBoundingClientRect — et on bascule en "abs" : mêmes coords mais on
-// compense le scroll manuellement pour garder la bulle stable à l'écran.
+// v4.2.4 : Positionnement du tooltip — refonte complète
+//
+// Stratégie :
+//  1. On positionne TOUJOURS avec style.left/top en coordonnées VIEWPORT
+//     (comme un élément position:fixed).
+//  2. Au 1er positionnement, on mesure si `position: fixed` marche vraiment
+//     sur ce tooltip (grâce à getBoundingClientRect). Si un ancêtre le
+//     casse (transform / filter / backdrop-filter / contain), le tooltip
+//     tombe en position:absolute calculée depuis le containing block.
+//  3. Si `position: fixed` est cassée, on active un listener scroll qui
+//     recalcule la position pour qu'elle reste STABLE à l'écran (on traite
+//     alors style.left/top comme des coordonnées document et on ajoute
+//     window.scrollX/Y pour compenser).
 // ============================================================================
 
 // Position stockée : targetLeft / targetTop = coordonnées VIEWPORT désirées
@@ -5746,41 +5909,13 @@ function pinTooltip() {
   closeBtn.type = "button";
   closeBtn.className = "pinned-popup-close";
   closeBtn.innerHTML = "×";
-  closeBtn.title = "Désépingler (reste visible tant que la souris est dessus)";
+  closeBtn.title = "Fermer";
   closeBtn.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);
+    _closePinnedPopup(popup);
   });
   popup.appendChild(closeBtn);
 
-  // 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é
-  // côté CSS pour ne pas que le contenu soit caché derrière.
-  const dragbar = document.createElement("div");
-  dragbar.className = "pinned-popup-dragbar";
-  dragbar.title = "Glissez pour déplacer";
-  popup.appendChild(dragbar);
-  _attachPopupDragHandler(popup, dragbar);
-
-  // v4.3.0 : le popup contient un clone du tooltip live, qui inclut le
-  // bouton 📌. Dans un popup déjà épinglé, ce bouton devient "désépingler".
-  // On intercepte le clic ici, avant qu'il remonte.
-  popup.addEventListener("click", (e) => {
-    const btn = e.target.closest('[data-action]');
-    if (!btn) return;
-    const action = btn.dataset.action;
-    if (action === "pin") {
-      e.stopPropagation();
-      e.preventDefault();
-      _softUnpinPopup(popup);
-    }
-    // Les autres actions (reload, copy-ref, etc.) ne sont pas gérées ici ;
-    // on pourrait les ajouter plus tard si besoin.
-  });
-
   // Placer en (0,0) temporairement pour mesurer la taille
   popup.style.position = "absolute";
   popup.style.left = "-9999px";
@@ -5834,167 +5969,12 @@ function _closePinnedPopup(el) {
   el.remove();
 }
 
-/**
- * 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
- * la laisse visible. Elle disparait quand la souris sort.
- */
-function _softUnpinPopup(el) {
-  // Retirer de la liste (pour le comptage Ctrl×2) mais garder le DOM
-  const idx = pinnedPopups.findIndex(p => p.el === el);
-  if (idx >= 0) pinnedPopups.splice(idx, 1);
-
-  // v4.3.3 corr : basculer visuellement en tooltip normal (retirer tous les
-  // attributs visuels du mode épinglé : bordure bleue, dragbar, bouton ×,
-  // padding-top, etc.). La classe .soft-unpinned fait ça côté CSS.
-  // On retire .pinned-popup pour que les règles visuelles lourdes
-  // disparaissent, tout en gardant la popup au même endroit (position
-  // absolute conservée).
-  el.classList.remove("pinned-popup");
-  el.classList.add("soft-unpinned");
-  // Icône 📌 → 📍 pour le clin d'œil (même si elle va bientôt disparaitre)
-  const pinBtn = el.querySelector('[data-action="pin"]');
-  if (pinBtn) pinBtn.textContent = "📍";
-  // Supprimer les éléments propres au mode épinglé : barre de drag et ×
-  const dragbar = el.querySelector(".pinned-popup-dragbar");
-  if (dragbar) dragbar.remove();
-  const closeBtn = el.querySelector(".pinned-popup-close");
-  if (closeBtn) closeBtn.remove();
-
-  // Helper qui joue l'animation de sortie puis supprime le DOM
-  const animateAndRemove = () => {
-    el.classList.add("unpinning");
-    setTimeout(() => el.remove(), 180);
-  };
-
-  if (!el.matches(":hover")) {
-    animateAndRemove();
-    return;
-  }
-  // Souris dessus : on ne supprime pas tout de suite. On attend mouseleave
-  // et à ce moment on joue l'animation de sortie et on supprime.
-  el.addEventListener("mouseleave", animateAndRemove, { once: true });
-}
-
-/** 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.
- * Affiche la modal de confirmation, puis appelle le background.
- */
-function _triggerDeleteItem(actionId, kind, triggerBtn) {
-  if (!actionId) return;
-  const label = kind === "reservation" ? "cette réservation" : "cette absence";
-  showAlertModal({
-    title: "Confirmer la suppression",
-    message: `Voulez-vous vraiment supprimer ${label} ? Cette action est irréversible.`,
-    buttons: [
-      { label: "Annuler", variant: "secondary", action: () => {} },
-      {
-        label: "Supprimer",
-        variant: "danger",
-        action: async () => {
-          if (triggerBtn) {
-            triggerBtn.disabled = true;
-            triggerBtn.textContent = "Suppression…";
-          }
-          try {
-            const resp = await sendMessage({
-              type: "deletePlanningItem",
-              actionId: actionId,
-              kind: kind
-            });
-            if (!resp || !resp.ok) {
-              throw new Error(resp && resp.error ? resp.error : "erreur inconnue");
-            }
-            showToast("Supprimé", "L'élément a été retiré du planning.");
-            unpinTooltip();
-            closeAllPinnedPopups();
-            if (state.session) {
-              await loadForDate(state.currentDate, { forceRefetch: true });
-            }
-          } catch (err) {
-            showAlertModal({
-              title: "Erreur lors de la suppression",
-              message: "Impossible de supprimer : " + (err.message || err),
-              buttons: [{ label: "OK", variant: "secondary", action: () => {} }]
-            });
-            if (triggerBtn) {
-              triggerBtn.disabled = false;
-              triggerBtn.textContent = "🗑 Supprimer l'absence";
-            }
-          }
-        }
-      }
-    ]
-  });
-}
-
+/** Ferme tous les popups épinglés. */
 function closeAllPinnedPopups() {
   for (const p of pinnedPopups.slice()) {
     p.el.remove();
   }
   pinnedPopups.length = 0;
-  // Fermer aussi les popups en état soft-unpinned qui trainent encore
-  document.querySelectorAll(".pinned-popup.soft-unpinned").forEach(el => el.remove());
-}
-
-/**
- * v4.3.3 : permet de déplacer une popup épinglée à la souris via sa barre
- * de drag. Met à jour les coords document (position absolute) et le rect
- * mémorisé dans pinnedPopups pour que les nouvelles popups évitent bien
- * la nouvelle position.
- */
-function _attachPopupDragHandler(popup, dragbar) {
-  let dragging = false;
-  let startMouseX = 0, startMouseY = 0;
-  let startLeft = 0, startTop = 0;
-
-  const onMouseMove = (e) => {
-    if (!dragging) return;
-    const dx = e.clientX - startMouseX;
-    const dy = e.clientY - startMouseY;
-    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;
-
-    popup.style.left = newLeft + "px";
-    popup.style.top = newTop + "px";
-  };
-
-  const onMouseUp = () => {
-    if (!dragging) return;
-    dragging = false;
-    popup.classList.remove("dragging");
-    document.removeEventListener("mousemove", onMouseMove);
-    document.removeEventListener("mouseup", onMouseUp);
-
-    // Mettre à jour le rect mémorisé pour la détection de chevauchement
-    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 };
-    }
-  };
-
-  dragbar.addEventListener("mousedown", (e) => {
-    // Seulement bouton gauche
-    if (e.button !== 0) return;
-    e.preventDefault();
-    dragging = true;
-    startMouseX = e.clientX;
-    startMouseY = e.clientY;
-    startLeft = parseFloat(popup.style.left) || 0;
-    startTop  = parseFloat(popup.style.top)  || 0;
-    popup.classList.add("dragging");
-    document.addEventListener("mousemove", onMouseMove);
-    document.addEventListener("mouseup", onMouseUp);
-  });
 }
 
 // v4.1.14/19 : recharger UNIQUEMENT cette intervention. Fetch DIRECT sans
@@ -6257,24 +6237,19 @@ function bindTooltipInteractions() {
           }, 1200);
         }).catch(() => {});
       }
-    } else if (action === "delete-item") {
-      // v5.0.0 : supprimer absence/réservation (depuis tooltip)
-      const actionId = btn.dataset.actionId;
-      const kind = btn.dataset.kind || "absence";
-      _triggerDeleteItem(actionId, kind, btn);
     }
   });
 
   // Clic hors bulle : unpin si épinglé.
   // Attention : ne pas déclencher sur clic DANS la bulle (elle contient du
-  // texte sélectionnable), ni sur clic sur une interventoin (qui ouvre la
+  // texte sélectionnable), ni sur clic sur une intervention (qui ouvre la
   // fiche — le user n'attend pas que la bulle reste épinglée dans ce cas
   // mais le comportement "ouvrir la fiche" reste prioritaire).
   document.addEventListener("mousedown", (e) => {
     if (!bulleState.pinned) return;
     // Clic dans la bulle → on laisse (sélection de texte)
     if (el.contains(e.target)) return;
-    // Dans tous les autres cas (y compris clic sur une autre interventoin),
+    // Dans tous les autres cas (y compris clic sur une autre intervention),
     // on désépingle. Si c'était un clic sur intervention, le handler
     // d'ouverture de la fiche s'exécutera ensuite normalement.
     unpinTooltip();
@@ -6293,23 +6268,6 @@ function buildTooltipHTML(iv) {
     }
     if (iv.reservationLabel) rows.push(row("Sujet", iv.reservationLabel));
     if (iv.reservationCreator) rows.push(row("Par", iv.reservationCreator));
-    // v5.0.0 : bouton supprimer pour les réservations (avec confirmation)
-    rows.push(`<dt></dt><dd><button type="button" class="tooltip-delete-btn" data-action="delete-item" data-action-id="${escapeHtml(iv.actionId || "")}" data-kind="reservation">🗑 Supprimer cette réservation</button></dd>`);
-    return `<dl>${rows.join("")}</dl>`;
-  }
-
-  // v5.0.0 : cas spécial absence (congé, maladie, formation, pompier, ...)
-  if (iv.type === "AL-Absence") {
-    const label = iv.label || "Absence";
-    rows.push(`<dt>Type</dt><dd><span class="status-pill other">${escapeHtml(label)}</span></dd>`);
-    if (iv.startTime && iv.endTime) {
-      rows.push(row("Horaire", `${iv.startTime}–${iv.endTime}`));
-    }
-    // Pour les absences récurrentes (Pillonel vendredi), pas d'actionId réel
-    // → pas de bouton supprimer. Pour les autres → oui.
-    if (iv.actionId) {
-      rows.push(`<dt></dt><dd><button type="button" class="tooltip-delete-btn" data-action="delete-item" data-action-id="${escapeHtml(iv.actionId)}" data-kind="absence">🗑 Supprimer cette absence</button></dd>`);
-    }
     return `<dl>${rows.join("")}</dl>`;
   }