docs: clarification audience — coordinateurs DGNSI (pas techniciens)

L'extension est utilisée par les coordinateurs DGNSI qui pilotent dans
EasyVista le planning de l'équipe technicienne. Les techniciens
eux-mêmes consultent leur planning sur leur douchette terrain et
n'utilisent pas cet outil.

Mises à jour cohérentes : 'public cible' dans README et CHANGELOG.
Les mentions 'technicien' qui désignent le sujet du planning (cartes
des techniciens, liste des techniciens cochés, etc.) sont conservées
puisque ce sont les personnes DONT on regarde le planning.

.gitignore

@@ -17,6 +17,7 @@ desktop.ini
 *.old
 
 # Build artifacts (les ZIP/XPI livrés ne sont pas dans le repo, ils sont buildés à la demande)
+dist/
 *.zip
 *.xpi
 *.crx
@@ -37,3 +38,14 @@ tmp/
 
 # Tests
 test-output/
+
+# Archives historiques locales (jamais sur Gitea)
+_archives/
+Old.zip
+Old/
+
+# Variables d'environnement / secrets
+.env
+.env.*
+*.token
+secrets.json

CHANGELOG.md

@@ -1,17 +1,232 @@
 # 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.
+> développée par Quentin Rouiller pour les coordinateurs DGNSI (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.
+> Pour les versions plus anciennes, l'analyse du code source permet de
+> reconstituer un message de version pertinent.
 
 ---
 
-## v2026.5.37 — Refonte vue horizontale (sidebar complète)
+## v2026.5.43 — Fix Firefox : positionnement menu dock + stabilité popup pin/unpin
+
+### Menu hover sur pastille du dock (popup réduit)
+- Bug Firefox uniquement : quand un popup épinglé était réduit dans la
+  taskbar du bas, le menu qui apparaît au survol de la pastille
+  (Agrandir / Fermer) se positionnait trop haut, pas juste au-dessus de
+  la pastille.
+- Cause : `getBoundingClientRect()` était appelé immédiatement après
+  `appendChild`, avant que Firefox n'ait calculé la mise en page.
+  Combiné avec un `transform: translateY(4px)` dans l'animation
+  `pill-hover-menu-appear`, Firefox lisait des dimensions décalées.
+- Fix : positionnement hors écran initial, force-layout via
+  `void offsetHeight`, mesure des dimensions, puis pose finale. CSS de
+  l'animation simplifiée en opacité-only (plus de transform).
+
+### Stabilité popup au pin/unpin
+- Bug : la popup épinglée bougeait visuellement et changeait légèrement
+  de taille quand on la dé-épinglait avec le bouton 📌 (puis l'inverse).
+- Cause : `.pinned-popup` avait `padding-top: 28px` (place pour la
+  dragbar) et `border: 2px`, alors que `.soft-unpinned` avait
+  `padding-top: 12px` et `border: 1px`. Le contenu se décalait de 16px
+  vers le haut et la popup devenait 1px plus fine de chaque côté.
+- Fix : `.soft-unpinned` conserve désormais `padding-top: 28px` et
+  `border: 2px` comme `.pinned-popup`. Bordure passe juste en
+  `--border-strong` (gris discret) plutôt que `--accent` (bleu) pour
+  signaler visuellement le mode "détaché". Position et taille stables.
+
+## v2026.5.42 — Nettoyage de commentaires + exemples génériques
+
+- Passage en revue des commentaires de `src/viewer.js` : les exemples qui
+  illustraient le parsing des contacts/lieux/références/codes-barres ont été
+  uniformisés en placeholders abstraits (`Nom1 Prénom1 +41XXXXXXXXX`,
+  `SYYMMDD_NNNNN`, `XXXX_NNNNNNNN`, etc.) plutôt que des chaînes spécifiques.
+  Comportement runtime strictement inchangé — uniquement de la documentation
+  et des commentaires.
+- Mise à jour cohérente du README, du CHANGELOG et des pages wiki Versions /
+  Utilisation pour utiliser les mêmes notations génériques dans les
+  exemples de référence.
+
+## v2026.5.41 — Suppression des hardcodes (groupe / domaines / équipe) → tout depuis l'admin
+
+### Plus aucun hardcode au runtime
+- Le groupe EasyVista, les domaines (interne/externe) et la liste des
+  techniciens ne sont **plus codés en dur** dans `background.js` /
+  `viewer.js`. Tout est lu depuis `admin_config` (chrome.storage.local),
+  alimenté par les onglets **Équipe** et **EasyVista** du panel admin.
+- `chrome.storage.local` survit aux mises à jour d'extension → la
+  configuration de l'utilisateur (groupe, équipe, absences récurrentes,
+  domaines) est conservée d'une version à l'autre.
+
+### Domaines EasyVista (interne / externe)
+- Défaut hardcodé conservé comme **filet de sécurité** au 1er install
+  (`https://itsma.etat-de-vaud.ch` + `https://itsma.vd.ch`).
+- L'utilisateur peut les remplacer dans Paramètres → EasyVista. Le
+  service worker (`findEasyVistaSession`, `evFetch`, etc.) lit la valeur
+  effective via `getEvOrigins()`.
+
+### Group ID EasyVista
+- Défaut hardcodé conservé comme filet de sécurité (`191` = SI-CSS).
+- Lu via `getGroupId()` dans `fetchPlanningXml`, `detectTeamFromEV` et
+  partout où c'était hardcodé.
+- Le sélecteur de Paramètres → Équipe alimente `cfg.groupId`.
+
+### Liste des techniciens
+- **Aucun défaut hardcodé**. Sur un install vierge, `cfg.team` est
+  vide → le service worker lève `no_team_configured` plutôt que de
+  fetcher avec une liste fictive.
+- Le viewer affiche : *"Aucun technicien sélectionné. Ouvrez ⚙
+  Paramètres → Équipe pour choisir le groupe EasyVista et cocher les
+  techniciens à afficher."*
+- Lu via `getSupportIds()` (CSV des clés de `cfg.team`).
+- Côté `viewer.js` : `TEAM` et `RECURRING_ABSENCES` sont des `let`
+  vides au démarrage, repeuplés par `_initTeamFromConfig()` appelé tôt
+  dans `init()`.
+
+### Coulisses
+- Nouveau dans `background.js` : helpers `getAdminConfig()`,
+  `getEvOrigins()`, `getGroupId()`, `getSupportIds()`,
+  `getDayBounds()` qui centralisent la lecture de la config persistée.
+- `fetchPlanningXml()` lève `Error("no_team_configured")` quand la
+  liste de techs est vide ; le handler `fetchPlanning` propage l'erreur
+  au viewer via `err.kind`.
+- Toutes les anciennes constantes hardcodées (`EV_ORIGINS`,
+  `DEFAULT_SUPPORT_IDS` interne à `detectTeamFromEV`,
+  `isXXXAbsentFriday`) ont été remplacées ou retirées.
+
+### Conflits absence/réservation × intervention
+- Nouveau code visuel : si une intervention est planifiée pendant
+  qu'un tech a une **absence** (toute la journée ou demi-journée) ou
+  une **réservation** sur le même créneau, sa carte (row classique +
+  mini-card en vue horizontale) est peinte en **rouge plein** avec
+  texte blanc. Logique : full-day → toutes les interv en rouge ;
+  partiel → seules celles en chevauchement.
+
+### Synchronisation des heures EV ↔ admin
+- Les paramètres `day_start_hour` / `day_end_hour` envoyés à
+  `planning_xhr.php` et `begin_hour` / `end_hour` envoyés à
+  `plan_set_holidays_popup.php` (création absence) et
+  `plan_set_tech_planif_popup.php` (douchette) lisent désormais
+  `cfg.dayStart` / `cfg.dayEnd` (Paramètres → Apparence → Heures de la
+  journée). Avant : `8` / `18` / `19` figés en dur, ce qui rendait le
+  réglage des heures côté UI partiellement effectif (la timeline se
+  redessinait, mais les requêtes EV continuaient sur la plage hardcodée).
+
+### Édition des domaines EV → permissions runtime
+- `manifest.json` : ajout de `"optional_host_permissions":
+  ["https://*/*"]` pour permettre l'édition des domaines EasyVista
+  vers des origines non prévues à l'install.
+- Quand l'utilisateur saisit un domaine custom dans Paramètres →
+  EasyVista et clique sur Enregistrer, l'extension appelle
+  `chrome.permissions.request()` pour demander la permission au
+  navigateur. Si refus → toast d'avertissement, les fetches échoueront
+  jusqu'à acceptation.
+- Les deux domaines hardcodés (`itsma.etat-de-vaud.ch` +
+  `itsma.vd.ch`) restent dans `host_permissions` (toujours accordés à
+  l'install), pas besoin de redemander la permission pour eux.
+
+## v2026.5.40 — Vue horizontale enrichie (ref + ville + barre couleur)
 **Branche** : current
 
+- En vue horizontale, chaque segment timeline d'intervention contient
+  désormais :
+  - Une **barre verticale couleur catégorie** à gauche (mêmes teintes que
+    les `.intervention-dot` de la vue classique : livraison/recup/
+    remplacement/incident/rollout/réservation/autre)
+  - La **référence** (ex: `SYYMMDD_NNNNN`) en gras
+  - La **ville** en gris muted
+- Hauteur de la timeline en horizontale passée de 22px à 32px pour laisser
+  la place au texte
+- Fond des segments d'intervention : `--bg-elevated` neutre + bordure 1px
+  pour que le texte reste lisible (la couleur catégorie n'est plus en fond
+  plein, juste en barre gauche)
+- Vue classique inchangée
+- Réorganisation interne du repo : `src/` pour les sources, `dist/`
+  généré, `Autres/` pour build.sh + meta files (LICENSE, README,
+  CHANGELOG)
+
+## v2026.5.39 — Séparation Matin / Après-midi + Apparence (thème, zoom, cache)
+
+### Séparation matin / après-midi
+- Séparateur visuel "MATIN" / "APRÈS-MIDI" entre les interventions
+  dans la vue classique : pill grise neutre, ligne 3px épaisse.
+- Affiché aussi entre les absences partielles (demi-journée).
+- Si une période est vide, son séparateur n'est pas affiché.
+- Caché en vue horizontale (les rows sont masquées de toute façon).
+
+### Timeline — coupure midi très visible
+- Bande verticale composée d'un trait massif central (couleur --text)
+  + stripes diagonales en arrière-plan (effet "césure"). 6 px de large
+  (7 px en vue horizontale). Visible immédiatement, pas de label superflu.
+
+### Vue horizontale (sidebar)
+- Boutons (Absence, Douchette, Actualiser, Tout recharger, Vider cache,
+  Thème) maintenant **vraiment** poussés en bas via `min-height: 100vh`
+  sur la sidebar.
+- Bouton "Aujourd'hui" : style cohérent avec les flèches ◀ ▶ (même
+  padding, font-size, hauteur), texte centré, libellé complet
+  "Aujourd'hui" (au lieu de "Auj.").
+- Espace visuel entre `Actualisé à HH:MM` et le bouton Absence (fine
+  bordure top + padding).
+
+### Vue classique (topbar)
+- Ordre verrouillé via CSS `order` : badge user → titre → date-nav →
+  capture-info → refresh-check. Évite les déplacements au retour de
+  vue horizontale.
+
+### Section Apparence (admin) — refondue + en première position
+- **Thème** : sélecteur Auto / Clair / Sombre (s'enregistre direct).
+- **Durée du cache (jours)** : configurable, défaut 7 jours, range 1-365.
+  Lue par viewer.js (purge auto) ET background.js (au boot).
+- **Taille du texte** : 5 niveaux (-20%, -10%, 100%, +10%, +20%) via CSS
+  `zoom` sur body. Persisté dans admin_config.textZoom et appliqué dès
+  le boot.
+- Section "Apparence" est maintenant **la première** dans le panel admin.
+
+## v2026.5.38 — Attribution auteur + nettoyage code
+**Branche** : current
+
+### Attribution auteur
+- Ajout en-têtes copyright dans tous les fichiers source
+  (viewer.js, viewer.html, viewer.css, background.js)
+- Ajout `@author Quentin Rouiller` sur les fonctions principales
+  (loadForDate, buildCard, buildTooltipHTML, pinTooltip, _softUnpinPopup,
+  positionTooltipAnchored, _applyViewMode, _moveElementsToSidebar,
+  _restoreElementsToTopbar, fetchAndShowCurrentUser, _maybeRetryFetchUser,
+  initAppClock, initAppFooter, bindTimelinePopover,
+  openPersistentTimelinePopup, showTooltip, _findFreePopupPosition,
+  _clampPopupInSafeArea, findEasyVistaSession, fetchPlanningXml,
+  fetchCurrentUser, detectNetworkContext)
+- Ajout signature "Développé par Quentin Rouiller" en bas du popup
+  user-badge (style cohérent avec footer version : 11px, italique,
+  gris atténué, séparateur fin)
+- Mise à jour `description` du manifest pour mentionner DGNSI
+
+### Nettoyage et optimisation
+- Retrait fonction vide `initAdminMenu()` (inutile depuis v2026.5.25,
+  l'admin passe par le bouton ⚙ Paramètres du popup user-badge)
+- Retrait classe CSS orpheline `.date-picker-day` (déjà remplacée par
+  `.date-custom` en v2026.5.17)
+- Retrait anciens styles CSS `.intervention` (layout v1, jamais générés
+  depuis le passage à `.intervention-v2`)
+- Retrait commentaire orphelin `.intervention-v2.is-ghost` (classe
+  retirée en v4.3.3)
+- Retrait 14× `console.log("[viewMode]")` debug verbose (gardé
+  uniquement les `console.warn` utiles pour erreurs)
+- Retrait 5× `console.log("[bg]")` debug verbose dans
+  fetchPlanningXml / fetchFicheHtml / fetchSessionTimeRemaining /
+  extendSessionKeepAlive (gardé warnings + logs critiques)
+- Remplacement `extendBtn.onclick` par `addEventListener("click", ...)`
+  pour plus de cohérence
+
+### Builds
+- `dist/chromium/` et `dist/firefox/` prêts à charger en mode dev
+- `planification-v2026.5.38-chromium.zip` (~144 Ko)
+- `planification-v2026.5.38-firefox.xpi` (~144 Ko, à signer sur AMO)
+
+## v2026.5.37 — Refonte vue horizontale (sidebar complète)
+
 - 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 ↺
@@ -71,12 +286,12 @@
 - 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
+- Couleur absence récurrente (jour fixe) : 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
+- Absences récurrentes (configurées par tech) en cyan
 - Mode compact @media (max-width: 1920px) avec grid-template-columns: repeat(4, 1fr)
 
 ## v2026.5.29 — Contraste++ + footer
@@ -125,8 +340,9 @@
 
 ## 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 :
+> Ces versions ne sont pas documentées en détail. Pour les analyser à partir
+> des fichiers source historiques (consultables via les tags git), voici les
+> indices clés à chercher dans `viewer.js` :
 >
 > - Présence de `pinTooltip` → version >= v4.x
 > - Présence de `_softUnpinPopup` → version >= v4.3.3
@@ -154,14 +370,14 @@
 - v4.3.3 : _softUnpinPopup (désépinglage mou)
 
 ### v3.x et antérieures — Versions de base
-- À analyser par Claude Code
+- Code historique consultable via les tags git correspondants.
 
 ---
 
 ## 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é)
+- 8 techs hardcodés à l'origine (depuis v2026.5.41 : retirés, alimentés par admin_config)
+- Absences récurrentes (un tech absent un jour fixe par semaine) hardcodées à l'origine, depuis v2026.5.41 configurables via Paramètres → Équipe
 - Group ID EasyVista : 191
 - Domaines cibles : itsma.etat-de-vaud.ch (interne), itsma.vd.ch (externe)
 - SSO : Canton ForgeRock OpenAM
@@ -175,5 +391,5 @@
 ## Auteur
 
 **Quentin Rouiller** (QRO)
-Canton de Vaud — Service IT
-Email pour commits Git : `quentin.rouiller@ikmail.com`
+Technicien DGNSI — Canton de Vaud
+Contact : voir [page wiki Contact](https://gitea.netaplaid.ch/FroSteel/Planification/wiki/Contact)

README.md

@@ -1,27 +1,52 @@
 # Planification — Extension EasyVista Canton de Vaud
 
-Extension Chrome / Firefox pour visualiser de manière claire et rapide le planning des techniciens IT du Canton de Vaud dans EasyVista.
+Extension Chrome / Firefox pour visualiser de manière claire et rapide le planning EasyVista de l'équipe technicienne DGNSI (Canton de Vaud).
+
+> 📖 **Documentation utilisateur complète** : [wiki](https://gitea.netaplaid.ch/FroSteel/Planification/wiki) ([Home](https://gitea.netaplaid.ch/FroSteel/Planification/wiki/Home) · [Utilisation](https://gitea.netaplaid.ch/FroSteel/Planification/wiki/Utilisation) · [Versions](https://gitea.netaplaid.ch/FroSteel/Planification/wiki/Versions) · [Architecture](https://gitea.netaplaid.ch/FroSteel/Planification/wiki/Architecture) · [Dépannage](https://gitea.netaplaid.ch/FroSteel/Planification/wiki/D%C3%A9pannage) · [Contact](https://gitea.netaplaid.ch/FroSteel/Planification/wiki/Contact))
 
 ## Aperçu rapide
 
-- **Auteur** : Quentin Rouiller (QRO)
-- **Cible** : techniciens IT Canton de Vaud, EasyVista (`itsma.etat-de-vaud.ch` / `itsma.vd.ch`)
+- **Auteur** : Quentin Rouiller (QRO), Technicien DGNSI — Canton de Vaud
+- **Public cible** : coordinateurs DGNSI qui pilotent dans EasyVista (`itsma.etat-de-vaud.ch` / `itsma.vd.ch`) le planning de l'équipe technicienne
 - **Démarrage projet** : jeudi 16 avril 2026
-- **Version actuelle** : `v2026.5.37`
-- **Manifest** : V3 (Chrome/Edge/Firefox)
-- **Format** : `.zip` (Chromium) + `.xpi` signé (Firefox)
+- **Version actuelle** : [`v2026.5.43`](https://gitea.netaplaid.ch/FroSteel/Planification/releases/tag/v2026.5.43) (latest)
+- **Contact** : voir [page wiki Contact](https://gitea.netaplaid.ch/FroSteel/Planification/wiki/Contact) ou [ouvrir une issue](https://gitea.netaplaid.ch/FroSteel/Planification/issues/new)
+- **Manifest** : V3 (Chrome/Edge/Firefox 140+)
+- **Format** : `.zip` (Chromium) + `.xpi` signé Mozilla (Firefox)
+- **Distribution** : auto-update natif Firefox via `firefox-updates.json`
+
+## Installation rapide
+
+### Firefox 🦊 (recommandé — auto-update)
+
+1. Télécharger le `.xpi` signé depuis la **[release courante](https://gitea.netaplaid.ch/FroSteel/Planification/releases/latest)**.
+2. Drag-and-drop dans `about:addons` de Firefox.
+3. Cliquer "Ajouter".
+
+À partir de là, l'extension se met à jour **automatiquement** à chaque nouvelle version (vérification toutes les ~24 h via `firefox-updates.json`).
+
+### Chrome / Edge / Brave 🌐 (manuel)
+
+1. Télécharger le `.zip` depuis la **[release courante](https://gitea.netaplaid.ch/FroSteel/Planification/releases/latest)**.
+2. Décompresser dans un dossier permanent.
+3. `chrome://extensions/` (ou `edge://extensions/`) → activer **Mode développeur** → "Charger l'extension non empaquetée" → sélectionner le dossier décompressé.
+
+Les mises à jour sont **manuelles** : à chaque nouvelle release, retélécharger le `.zip`, écraser le dossier, puis cliquer ⟳ (Recharger) sur la carte de l'extension.
+
+➡ Pour le détail complet (stockage, désinstallation, comparatif), voir [wiki Utilisation → Installation et navigateurs](https://gitea.netaplaid.ch/FroSteel/Planification/wiki/Utilisation#installation-et-navigateurs).
 
 ## Fonctionnalités principales
 
 ### 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)
+- Équipe configurable depuis le panel admin (détection automatique via EasyVista)
 - Cache local pour réduire les requêtes serveur
 
 ### 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)
+  - Depuis v2026.5.40 : barre couleur catégorie + référence + ville sur chaque segment timeline
 - Toggle Vue classique ↔ Vue horizontale via bouton ⊞ dans popup user-badge
 - Persistance localStorage (`view_mode`)
 
@@ -38,7 +63,7 @@ Extension Chrome / Firefox pour visualiser de manière claire et rapide le plann
 - **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)
+- Absences récurrentes (configurées par tech) : cyan (depuis v2026.5.30)
 
 ### User et session
 - Badge user avec photo/initiales en topbar
@@ -48,9 +73,11 @@ Extension Chrome / Firefox pour visualiser de manière claire et rapide le plann
 - Reconnexion automatique
 
 ### 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)
+- Mode admin : bouton ⚙ Paramètres dans popup user-badge (depuis v2026.5.25)
+- Configuration persistée dans `chrome.storage.local` (`admin_config`)
+- Sélecteur de groupe EasyVista (SI-CSS, SI-EXT, …) en tête de l'onglet Équipe (depuis v2026.5.40) — détection automatique via le `<select id="plan_group_id">` de la page Planning EV, robuste aux ajouts/renommages côté EV
+- Édition manuelle des domaines EasyVista interne / externe (depuis v2026.5.40)
+- Tri des techniciens : actifs d'abord, puis exclus, alphabétique dans chaque groupe (depuis v2026.5.40)
 
 ## Versionning — historique et conventions
 
@@ -60,100 +87,92 @@ L'extension a connu **3 systèmes de versionning successifs** :
 |---|---|---|
 | 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` |
+| 21 avril 2026 → maintenant | **`ANNÉE.MAJEURE.PATCH`** | `2026.5.16` → `2026.5.40` |
 
-### Pourquoi le passage à `YYYY.M.PATCH` ?
+### Format actuel : `ANNÉE.MAJEURE.PATCH`
 
-À 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
+À partir de la **v2026.5.16** (21 avril 2026), l'extension utilise le schéma suivant :
+
+| Position | Sens | Quand ça change |
+|---|---|---|
+| `2026` | **Année** | À chaque nouvelle année calendaire |
+| `5` | **Majeure** | À chaque **gros changement / ajout important** (refonte, nouvelle feature majeure, bump volontaire) |
+| `40` | **Patch** | À **chaque livraison** dans la majeure courante (corrections, ajustements, petites features) |
+
+Exemples :
+- `2026.5.16` → `2026.5.17` : petite correction ou ajustement (patch)
+- `2026.5.40` → `2026.6.0` : refonte majeure (par exemple nouvelle vue, nouvelle architecture)
+- `2026.x.y` → `2027.0.0` : passage à la nouvelle année
+
+Le numéro de **majeure** n'est **pas** un mois et **pas** un chiffre lié au calendrier — c'est un compteur de versions importantes propre au projet (la `5` actuelle continue le `5.x` qui précédait, repris tel quel lors du passage au format annuel).
 
 ⚠️ **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.43` (latest, 27 avril 2026) — Fix Firefox : menu dock + stabilité popup pin/unpin
+- Firefox : le menu hover sur les pastilles du dock (popup réduit) se
+  positionne désormais correctement au-dessus de la pastille.
+- Pin/unpin : la popup épinglée ne bouge plus et garde la même taille
+  quand on la dé-épingle / re-épingle.
 
-### `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.42` — Nettoyage de commentaires + exemples génériques
+- Uniformisation des exemples utilisés dans les commentaires de `viewer.js`
+  (parsing contacts/lieux/références/codes-barres) en placeholders abstraits.
+  Comportement runtime strictement inchangé.
 
-### `v2026.5.32` — Vue horizontale togglable
-- Bouton ⊞ "Vue" dans popup user-badge
-- Chaque tech = 1 ligne horizontale compacte
-- localStorage `view_mode`
+### `v2026.5.41` — Suppression des hardcodes + UX admin + thème unifié
+- **Plus aucun hardcode runtime** pour le groupe EV, les domaines, la liste de techniciens ou les absences récurrentes. Tout est piloté par `admin_config` (chrome.storage.local), persisté entre les mises à jour.
+- **Au 1er install** : aucun tech sélectionné, aucune absence récurrente. Le viewer affiche un message *"Aucun technicien sélectionné"* tant que l'utilisateur n'a rien configuré dans Paramètres → Équipe.
+- **Édition des domaines** : `chrome.permissions.request()` au save quand l'utilisateur saisit un domaine custom (au-delà des 2 défauts). Manifest `optional_host_permissions: ["https://*/*"]` pour accepter n'importe quel domaine HTTPS après accord du navigateur.
+- **Heures de la journée** : bouton ✓ Appliquer explicite (au lieu de save direct), toast de confirmation, refetch automatique du planning. Synchronisation effective avec les requêtes EV (`day_start_hour` / `day_end_hour` / `begin_hour` / `end_hour`) — avant, l'affichage changeait mais les requêtes restaient sur 8h-19h hardcodés.
+- **Thème unifié** : le toggle 🌙 de la topbar et le sélecteur Apparence du panel admin écrivent dans la même clé (`cfg.theme`). Le mode "Automatique" est résolu en JS via `prefers-color-scheme` (le CSS n'avait pas de bloc `@media`, ce qui faisait retomber sur le clair même quand l'OS était en sombre). Listener `matchMedia` pour bascule live en mode auto.
+- **Conflit absence/réservation × intervention** : si une intervention est planifiée pendant qu'un tech a une absence (toute la journée ou demi-journée) ou une réservation au même créneau, sa carte est peinte en **rouge plein** (intervention conflictuelle). Logique : full-day → toutes en rouge ; partiel → seules celles en chevauchement.
+- **Absences récurrentes génériques** : suppression de la fonction hardcodée `isXXXAbsentFriday()`. L'absence récurrente est désormais générique : `RECURRING_ABSENCES[tech.id]` lit `cfg.recurringAbsences` et le label "Absent le X" est calculé dynamiquement depuis le jour de la semaine.
+- **Notifications au-dessus du flou** : z-index `.toast-stack` relevé à 11000 (le panel admin est à 10000) pour que les toasts de feedback restent visibles quand l'admin est ouvert.
+- **Vue horizontale** : popups au survol/clic limités aux candidats `dessous`/`dessus` (la sidebar à gauche et la timeline pleine largeur rendent gauche/droite peu praticables).
+- **Tri équipe** : inclus d'abord, puis exclus, alphabétique dans chaque sous-groupe (ne saute plus quand on coche/décoche).
+- **Auto-refresh à l'enregistrement** : ajouter/retirer un tech, changer de groupe, modifier les domaines → le planning se met à jour immédiatement (plus besoin de recharger l'extension manuellement).
+- **Onglet Statuts retiré** (placeholder lecture-seule, jamais utilisé).
+- **Ménage de code** : suppression de `CACHE_DAYS` (inutilisée), `LS_THEME` (clé localStorage obsolète), commentaire historique sur `initAdminMenu()`. Aucun symbole orphelin restant.
 
-### `v2026.5.27` — Classification absences
-- ABSENCE_LABELS : `^(cong[ée]s|maladie|pompier)$`
-- Couleurs catégories
-- Topbar une ligne : "Jeudi 23.04.26 • 21:55"
+### `v2026.5.40` — Sélection groupe EV + édition domaines + tri équipe + vue horizontale enrichie
+- **Onglet Équipe** : sélecteur de groupe EasyVista (SI-CSS, SI-EXT, …) en tête de section, détecté automatiquement à l'ouverture du panel via le `<select id="plan_group_id">` de la page Planning EV. Robuste aux ajouts/renommages côté EV.
+- ID groupe affiché en italique (ex: `ID groupe : 191`).
+- Quand on change de groupe, la liste d'équipe se rafraîchit automatiquement avec les membres du nouveau groupe.
+- Plus de bouton "Détecter" : tout est auto à l'ouverture.
+- Tri double des techniciens : inclus d'abord, puis exclus, alphabétique dans chaque sous-groupe.
+- **Onglet EasyVista** : édition manuelle des deux domaines (interne DGNSI / externe Internet), bouton Réinitialiser, normalisation auto des URLs.
+- **Onglet Statuts retiré** (placeholder lecture-seule).
+- **Vue horizontale enrichie** : chaque segment timeline contient désormais une barre verticale couleur catégorie à gauche, la référence (ex: `SYYMMDD_NNNNN`) en gras, et la ville en gris muted. Hauteur passée de 22px à 32px.
+- **Réorganisation interne du repo** : `src/` pour les sources, `dist/` généré, `Autres/` pour build.sh + meta files (LICENSE, README, CHANGELOG), `Builds/` pour les artefacts distribués.
 
-### `v4.2.3` — Grande popup timeline persistante
-- Clic segment timeline = popup persistante
-- Hover = popup qui suit la souris
+### `v2026.5.39` — Séparation Matin / Après-midi + Apparence
+- Pills "MATIN" / "APRÈS-MIDI" entre les interventions de chaque tech
+- Section **Apparence** dans les paramètres : thème, taille du texte, durée du cache, heures de la journée
 
-### `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).
+➡ Pour l'historique complet (40+ versions depuis le 16 avril 2026), voir le **[CHANGELOG.md](CHANGELOG.md)** ou la **[page wiki Versions](https://gitea.netaplaid.ch/FroSteel/Planification/wiki/Versions)**.
 
 ## 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
+Planification/                        # Layout du repo Gitea (public)
+├── src/                              # Sources de l'extension (chargées par le navigateur)
+│   ├── manifest.json                 # Manifest V3 (Chrome) + browser_specific_settings (Firefox)
+│   ├── background.js                 # Service worker (~1 600 lignes)
+│   ├── viewer.html                   # Interface principale
+│   ├── viewer.js                     # Logique UI (~10 700 lignes)
+│   ├── viewer.css                    # Styles + thèmes clair/sombre (~4 800 lignes)
+│   └── icons/                        # icon16, icon48, icon128
+├── build.sh                          # Génère dist/chromium/, dist/firefox/, .zip, .xpi, met à jour firefox-updates.json
+├── firefox-updates.json              # Manifest auto-update Firefox (servi via update_url)
+├── README.md
+├── CHANGELOG.md
+├── LICENSE                           # MIT
+└── .gitignore
 ```
 
-### `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
-
-### Firefox
-Télécharger le `.xpi` signé depuis le serveur de mises à jour interne, ou drag-and-drop dans `about:addons`.
-
-### Chrome / Edge
-Mode développeur : décompresser le ZIP et charger en tant qu'extension non empaquetée.
+➡ Pour le détail des composants, fonctions clés et flux de données, voir la **[page wiki Architecture](https://gitea.netaplaid.ch/FroSteel/Planification/wiki/Architecture)**.
 
 ## Développement
 
@@ -161,17 +180,22 @@ Mode développeur : décompresser le ZIP et charger en tant qu'extension non emp
 git clone https://gitea.netaplaid.ch/FroSteel/Planification.git
 cd Planification
 
-# Pour packager une nouvelle version :
-# 1. modifier le code
-# 2. bump version dans manifest.json
-# 3. zip + xpi
+# Modifier les sources dans src/
+# Bumper src/manifest.json + entrée CHANGELOG.md
+./build.sh
+#   → dist/chromium/, dist/firefox/, dist/*.zip, dist/*.xpi
+#   → firefox-updates.json mis à jour (sha256 .xpi NON SIGNÉ)
+
 git add -A
-git commit -m "Version YYYY.M.PATCH — description"
+git commit -m "vYYYY.M.PATCH — description"
 git tag vYYYY.M.PATCH
-git push origin main
-git push --tags
+git push origin main vYYYY.M.PATCH
 ```
 
+Pour Firefox : signer le `.xpi` sur AMO en mode "On your own" (Unlisted),
+remplacer l'asset `.xpi` de la release Gitea, puis mettre à jour le sha256
+de cette version dans `firefox-updates.json`.
+
 ## Licence
 
 [MIT License](LICENSE) — Copyright (c) 2026 Quentin Rouiller
@@ -179,4 +203,5 @@ git push --tags
 ## Auteur
 
 **Quentin Rouiller** (QRO)
-Canton de Vaud — Service IT
+Technicien DGNSI — Canton de Vaud
+Contact : voir [page wiki Contact](https://gitea.netaplaid.ch/FroSteel/Planification/wiki/Contact)

background.js

@@ -1,465 +0,0 @@
-// background.js — Service worker (Manifest V3) — v4
-//
-// Rôles :
-// 1. Au clic sur l'icône : ouvrir le viewer
-// 2. Répondre aux messages du viewer :
-//    - getSession         : trouve l'onglet EasyVista ouvert, renvoie {phpsessid, origin}
-//    - fetchPlanning      : fetch le XML du planning pour une date (1 requête = tout)
-//    - fetchXhr2          : fetch un texte d'action détaillé (utilisé en lazy-load au survol)
-//    - fetchFiche         : fetch une fiche individuelle (HTML) pour statut + commentaire tech
-// 3. Nettoyer les vieux caches (>7 jours)
-//    (v4.2 : l'auto-refresh 12h/15h a été retiré)
-//
-// v4 : suppression de fetchTimeline (pu utilisé). Le calendar_block contient
-// directement ref/contact/lieu/catégorie dans ses attributs attr1/attr2/attr3,
-// donc on n'a plus besoin ni de xhr2 en masse, ni de l'API timeline.
-
-// Domaines EasyVista reconnus (interne d'abord, externe en fallback)
-const EV_ORIGINS = [
-  "https://itsma.etat-de-vaud.ch",
-  "https://itsma.vd.ch"
-];
-
-// ============================================================================
-// Clic sur l'icône → ouvrir le viewer
-// ============================================================================
-
-chrome.action.onClicked.addListener(async () => {
-  const viewerUrl = chrome.runtime.getURL("viewer.html");
-  // Si le viewer est déjà ouvert, on focus cet onglet plutôt que d'en ouvrir un autre
-  const existing = await chrome.tabs.query({ url: viewerUrl + "*" });
-  if (existing.length > 0) {
-    await chrome.tabs.update(existing[0].id, { active: true });
-    await chrome.windows.update(existing[0].windowId, { focused: true });
-  } else {
-    await chrome.tabs.create({ url: viewerUrl });
-  }
-});
-
-// ============================================================================
-// Trouver l'onglet EasyVista actif et en extraire le PHPSESSID
-// ============================================================================
-
-async function findEasyVistaSession() {
-  // Chercher tous les onglets sur un domaine EasyVista
-  for (const origin of EV_ORIGINS) {
-    const tabs = await chrome.tabs.query({ url: origin + "/*" });
-    for (const tab of tabs) {
-      const m = (tab.url || "").match(/[?&]PHPSESSID=([a-zA-Z0-9]+)/);
-      if (m) {
-        return { phpsessid: m[1], origin: origin, tabId: tab.id };
-      }
-    }
-  }
-  return null;
-}
-
-// ============================================================================
-// Fetch helpers (s'exécutent dans le contexte du service worker,
-// les cookies du domaine sont automatiquement inclus via credentials: include)
-// ============================================================================
-
-/**
- * Fetch du XML retourné par planning_xhr.php?div=calendar_block.
- * Contient les interventions de nos 8 techs pour la date donnée (~40 ko).
- *
- * Ce n'est PAS le HTML de la page Planning — le serveur ne rend pas les données
- * dans le HTML, elles arrivent via cet endpoint AJAX.
- */
-async function fetchPlanningXml(origin, phpsessid, unixDate) {
-  const techIds = "76272,83725,66635,92235,90070,40944,72485,86874";
-  const groupId = "191";
-  const url =
-    `${origin}/planning_xhr.php` +
-    `?PHPSESSID=${encodeURIComponent(phpsessid)}` +
-    `&div=calendar_block` +
-    `&mode=day` +
-    `&group_id=${groupId}` +
-    `&event_name=HelpDesk_PlanningItem` +
-    `&sql_param=${techIds}` +
-    `&unix_date=${unixDate}` +
-    `&start_date_label=Date` +
-    `&end_date_label=Date` +
-    `&click_here_label=Ici` +
-    `&mail_title=mail` +
-    `&day_start_hour=8` +
-    `&day_end_hour=19`;
-  console.log("[bg] fetchPlanningXml →", url.substring(0, 140));
-  const r = await fetch(url, { credentials: "include" });
-  console.log("[bg]   status =", r.status);
-  if (!r.ok) {
-    // v4.2 : classifier l'erreur HTTP pour que le viewer affiche le bon
-    // écran (session expirée vs EV inaccessible).
-    const err = new Error("HTTP " + r.status);
-    err.kind = classifyHttpStatus(r.status);
-    err.status = r.status;
-    throw err;
-  }
-  const xml = await r.text();
-  console.log("[bg]   taille XML =", xml.length);
-  return xml;
-}
-
-/**
- * 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
- *   vers la page de login quand PHPSESSID n'est plus valide)
- * - 5xx, autres  → ev_unreachable (service down, surcharge, etc.)
- */
-function classifyHttpStatus(status) {
-  if (status === 401 || status === 403 || status === 404) return "session_expired";
-  return "ev_unreachable";
-}
-
-/**
- * Fetch planning_xhr_2.php?id=ACTIONID pour UNE intervention.
- * Retourne ~400 octets au format custom :
- *   @@DESCRIPTION_S@@...@@DESCRIPTION_E@@@@LABEL_S@@...
- */
-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" });
-  if (!r.ok) {
-    const err = new Error("HTTP " + r.status);
-    err.kind = classifyHttpStatus(r.status);
-    err.status = r.status;
-    throw err;
-  }
-  return await r.text();
-}
-
-async function fetchFicheHtml(origin, phpsessid, formLink) {
-  const url = `${origin}/index.php?${formLink}&PHPSESSID=${encodeURIComponent(phpsessid)}`;
-  console.log("[bg] fetchFicheHtml →", url.substring(0, 120));
-  const r = await fetch(url, { credentials: "include" });
-  if (!r.ok) {
-    const err = new Error("HTTP " + r.status);
-    err.kind = classifyHttpStatus(r.status);
-    err.status = r.status;
-    throw err;
-  }
-  const html = await r.text();
-  console.log("[bg]   fiche status =", r.status, "| taille =", html.length);
-  return html;
-}
-
-// v4.1.7 : API timeline EasyVista. Renvoie le JSON des actions d'une fiche,
-// avec pour chaque action : intervenant, ACTION_ID, AM_DONE_BY_ID, description
-// complète (bien plus riche que le xhr2 tronqué).
-// Utilisé pour afficher le texte complet de l'action dans le tooltip.
-// v4.1.9 : le GUID du form est passé en paramètre (extrait dynamiquement du
-// HTML de la fiche par le viewer). Il est différent pour une demande S...
-// ({C99ECD05}) vs un incident I... ({07ED9C68}).
-async function fetchTimelineApi(origin, phpsessid, guid, formId, formChecksum) {
-  // Sécurité : GUID doit être de la forme %7B...%7D ou {...}
-  if (!/^(%7B|\{)[A-F0-9\-]{36}(%7D|\})$/i.test(guid)) {
-    throw new Error("Invalid GUID: " + guid);
-  }
-  // S'assurer qu'on a la forme encodée %7B...%7D
-  const encodedGuid = guid.startsWith("%7B") ? guid : `%7B${guid.replace(/[{}]/g, "")}%7D`;
-  const url =
-    `${origin}/api/v1/internal/forms/${encodedGuid}/timeline` +
-    `?target=${encodeURIComponent(formId)}` +
-    `&checksum=${encodeURIComponent(formChecksum)}` +
-    `&type=todo&sectionId=1&navigator=&nbRecord=0` +
-    `&PHPSESSID=${encodeURIComponent(phpsessid)}`;
-  const r = await fetch(url, { credentials: "include" });
-  if (!r.ok) {
-    const err = new Error("HTTP " + r.status);
-    err.kind = classifyHttpStatus(r.status);
-    err.status = r.status;
-    throw err;
-  }
-  return await r.text();
-}
-
-// ============================================================================
-// Détection "session invalide"
-// ============================================================================
-
-function looksLikeLoginPage(text) {
-  // La page de login EasyVista contient cette chaîne
-  return /customer_login|my\.policy/i.test((text || "").substring(0, 3000));
-}
-
-// ============================================================================
-// v4.2 : récupération de l'utilisateur connecté
-// ============================================================================
-
-/**
- * Essaie de récupérer le nom de l'utilisateur EasyVista connecté en fetchant
- * la page d'accueil avec la session active. EasyVista n'exposant pas
- * d'endpoint public simple, on cherche des patterns typiques dans le HTML :
- *   - <title>...Nom, Prénom...</title>
- *   - éléments avec data-user-name, data-user-login
- *   - balises cachées ou variables JS EV.User.name
- *   - champ "Bienvenue Nom Prénom"
- * Retourne { name: "Nom Prénom" | null, login: "..." | null } ou null si
- * tout a échoué.
- */
-async function fetchCurrentUser(origin, phpsessid) {
-  const url = `${origin}/index.php?PHPSESSID=${encodeURIComponent(phpsessid)}`;
-  const resp = await fetch(url, {
-    method: "GET",
-    credentials: "include",
-    headers: { "Accept": "text/html,*/*" }
-  });
-  // v4.2 : cette fonction est lancée en tâche de fond au démarrage. Si la
-  // session est expirée ou EV inaccessible, on retourne juste null — le
-  // planning lui-même déclenchera l'écran d'erreur approprié.
-  if (!resp.ok) return null;
-  const html = await resp.text();
-  if (looksLikeLoginPage(html)) return null;
-
-  // Essais de patterns (du plus spécifique au plus générique)
-  const patterns = [
-    // Attribut data-user-name (si EasyVista l'expose)
-    /data-user-name\s*=\s*["']([^"']+)["']/i,
-    /data-username\s*=\s*["']([^"']+)["']/i,
-    /data-user-fullname\s*=\s*["']([^"']+)["']/i,
-    // Variable JS typique EasyVista
-    /EV\.User\.name\s*=\s*["']([^"']+)["']/,
-    /EV\.User\.fullname\s*=\s*["']([^"']+)["']/,
-    /userFullName\s*[:=]\s*["']([^"']+)["']/,
-    /currentUser(?:Name)?\s*[:=]\s*["']([^"']+)["']/,
-    // Balises cachées ou spans avec classe "user"
-    /<(?:span|div)[^>]*class=["'][^"']*(?:user[_-]?(?:name|full|display))[^"']*["'][^>]*>([^<]{2,80})<\/(?:span|div)>/i,
-    // "Bienvenue" / "Welcome"
-    /(?:Bienvenue|Welcome)[,\s]+(?:M\.?\s+|Mme\s+)?([A-ZÀÁÂÄÇÉÈÊËÍÎÏÓÔÖÚÛÜÑ][\wÀ-ÿ'.\-]+(?:\s*,?\s+[A-ZÀÁÂÄÇÉÈÊËÍÎÏÓÔÖÚÛÜÑ][\wÀ-ÿ'.\-]+){0,3})/,
-    // Title de la page (souvent "EasyVista - Nom Prénom")
-    /<title>([^<]*)<\/title>/i
-  ];
-
-  let name = null;
-  for (const rx of patterns) {
-    const m = html.match(rx);
-    if (m && m[1]) {
-      const candidate = m[1].trim()
-        .replace(/\s+/g, " ")
-        // Enlever des éléments du <title> type "EasyVista" / "Planning" / etc.
-        .replace(/^(?:EasyVista|EV|Accueil|Home|Planning|ITSMA)[\s\-|•]+/i, "")
-        .replace(/[\s\-|•]+(?:EasyVista|EV|ITSMA)$/i, "")
-        .trim();
-      if (candidate && candidate.length >= 3 && candidate.length <= 80
-          && /[A-Za-zÀ-ÿ]/.test(candidate)
-          && !/\b(login|connexion|sign\s*in|easyvista|ITSMA)\b/i.test(candidate)) {
-        name = candidate;
-        break;
-      }
-    }
-  }
-
-  // Chercher aussi le login (ID court) — utile comme fallback secondaire
-  let login = null;
-  const loginPatterns = [
-    /data-user-login\s*=\s*["']([^"']+)["']/i,
-    /data-login\s*=\s*["']([^"']+)["']/i,
-    /EV\.User\.login\s*=\s*["']([^"']+)["']/,
-    /userLogin\s*[:=]\s*["']([^"']+)["']/
-  ];
-  for (const rx of loginPatterns) {
-    const m = html.match(rx);
-    if (m && m[1]) {
-      login = m[1].trim();
-      break;
-    }
-  }
-
-  if (!name && !login) return null;
-  return { name, login };
-}
-
-// ============================================================================
-// Messages du viewer
-// ============================================================================
-
-chrome.runtime.onMessage.addListener((msg, sender, sendResponse) => {
-  (async () => {
-    try {
-      if (msg.type === "getSession") {
-        const session = await findEasyVistaSession();
-        sendResponse({ ok: true, session });
-        return;
-      }
-
-      if (msg.type === "fetchPlanning") {
-        const session = await findEasyVistaSession();
-        if (!session) {
-          sendResponse({ ok: false, error: "no_session" });
-          return;
-        }
-        try {
-          // Fetch XML calendar_block du planning (rapide ~40 ko)
-          const xml = await fetchPlanningXml(session.origin, session.phpsessid, msg.unixDate);
-          if (looksLikeLoginPage(xml)) {
-            sendResponse({ ok: false, error: "session_expired" });
-            return;
-          }
-          sendResponse({ ok: true, xml, session });
-        } catch (err) {
-          // v4.2 : classification de l'erreur pour afficher le bon écran
-          const errorCode = err.kind || (
-            /network|fetch|typeerror/i.test(err.message) ? "ev_unreachable" : "ev_unreachable"
-          );
-          sendResponse({ ok: false, error: errorCode, httpStatus: err.status, detail: err.message });
-        }
-        return;
-      }
-
-      if (msg.type === "fetchXhr2") {
-        const session = await findEasyVistaSession();
-        if (!session) {
-          sendResponse({ ok: false, error: "no_session" });
-          return;
-        }
-        try {
-          const body = await fetchXhr2(session.origin, session.phpsessid, msg.actionId);
-          sendResponse({ ok: true, body });
-        } catch (err) {
-          sendResponse({
-            ok: false,
-            error: err.kind || "fetch_failed",
-            httpStatus: err.status,
-            detail: err.message || String(err)
-          });
-        }
-        return;
-      }
-
-      if (msg.type === "fetchFiche") {
-        const session = await findEasyVistaSession();
-        if (!session) {
-          sendResponse({ ok: false, error: "no_session" });
-          return;
-        }
-        try {
-          const html = await fetchFicheHtml(session.origin, session.phpsessid, msg.formLink);
-          if (looksLikeLoginPage(html)) {
-            sendResponse({ ok: false, error: "session_expired" });
-            return;
-          }
-          sendResponse({ ok: true, html, session });
-        } catch (err) {
-          sendResponse({
-            ok: false,
-            error: err.kind || "fetch_failed",
-            httpStatus: err.status,
-            detail: err.message || String(err)
-          });
-        }
-        return;
-      }
-
-      if (msg.type === "fetchTimelineApi") {
-        const session = await findEasyVistaSession();
-        if (!session) {
-          sendResponse({ ok: false, error: "no_session" });
-          return;
-        }
-        try {
-          const body = await fetchTimelineApi(
-            session.origin, session.phpsessid,
-            msg.guid, msg.formId, msg.formChecksum
-          );
-          if (looksLikeLoginPage(body)) {
-            sendResponse({ ok: false, error: "session_expired" });
-            return;
-          }
-          sendResponse({ ok: true, body });
-        } catch (err) {
-          sendResponse({
-            ok: false,
-            error: err.kind || "fetch_failed",
-            httpStatus: err.status,
-            detail: err.message || String(err)
-          });
-        }
-        return;
-      }
-
-      if (msg.type === "fetchCurrentUser") {
-        // v4.2 : essaie d'identifier l'utilisateur EasyVista connecté en
-        // fetchant la page d'accueil et en cherchant dans le HTML un champ
-        // contenant son nom. Si on trouve rien, on renvoie { ok: true,
-        // user: null } pour que l'UI sache qu'on n'a pas pu.
-        const session = await findEasyVistaSession();
-        if (!session) {
-          sendResponse({ ok: false, error: "no_session" });
-          return;
-        }
-        try {
-          const user = await fetchCurrentUser(session.origin, session.phpsessid);
-          sendResponse({ ok: true, user });
-        } catch (err) {
-          sendResponse({ ok: false, error: String(err) });
-        }
-        return;
-      }
-
-      if (msg.type === "cleanupOldCaches") {
-        const removed = await cleanupOldCaches(msg.daysToKeep || 7);
-        sendResponse({ ok: true, removed });
-        return;
-      }
-
-      sendResponse({ ok: false, error: "unknown_message" });
-    } catch (err) {
-      console.error("background error:", err);
-      sendResponse({ ok: false, error: err.message || String(err) });
-    }
-  })();
-
-  // Retourner true pour garder sendResponse asynchrone
-  return true;
-});
-
-// ============================================================================
-// v4.2 : les alarmes d'auto-refresh 12h/15h ont été supprimées. Seul le
-//        nettoyage quotidien des caches > 7 jours reste.
-//        On supprime aussi activement les anciennes alarmes créées par les
-//        versions précédentes pour éviter qu'elles restent programmées.
-// ============================================================================
-
-async function clearLegacyRefreshAlarms() {
-  try {
-    await chrome.alarms.clear("refresh_12h");
-    await chrome.alarms.clear("refresh_15h");
-  } catch (e) {
-    console.warn("clearLegacyRefreshAlarms:", e);
-  }
-}
-
-// ============================================================================
-// Nettoyage caches > 7 jours
-// ============================================================================
-
-async function cleanupOldCaches(daysToKeep) {
-  const all = await chrome.storage.local.get(null);
-  const threshold = new Date();
-  threshold.setDate(threshold.getDate() - daysToKeep);
-  const thresholdStr = threshold.toISOString().substring(0, 10); // YYYY-MM-DD
-
-  const toRemove = [];
-  for (const key of Object.keys(all)) {
-    // Nos clés de cache sont planning_cache_YYYY-MM-DD
-    const m = key.match(/^planning_cache_(\d{4}-\d{2}-\d{2})$/);
-    if (m && m[1] < thresholdStr) {
-      toRemove.push(key);
-    }
-  }
-  if (toRemove.length > 0) {
-    await chrome.storage.local.remove(toRemove);
-  }
-  return toRemove.length;
-}
-
-// Au démarrage, nettoyer les anciennes alarmes et les anciens caches
-chrome.runtime.onInstalled.addListener(() => {
-  clearLegacyRefreshAlarms();
-  cleanupOldCaches(7).catch(err => console.warn("cleanup:", err));
-});
-
-chrome.runtime.onStartup.addListener(() => {
-  clearLegacyRefreshAlarms();
-  cleanupOldCaches(7).catch(err => console.warn("cleanup:", err));
-});

build.sh

@@ -0,0 +1,98 @@
+#!/usr/bin/env bash
+###############################################################################
+# build.sh — génère dist/chromium/, dist/firefox/, et les archives .zip / .xpi
+# à partir du code source dans src/.
+#
+# Usage : ./build.sh
+###############################################################################
+set -e
+# Le script est dans Autres/ — on remonte d'un cran pour se placer à la
+# racine du projet, où se trouvent src/ et dist/.
+cd "$(dirname "$0")"
+
+VERSION=$(python3 -c "import json; print(json.load(open('src/manifest.json'))['version'])")
+echo "==> Build Planification v$VERSION"
+
+rm -rf dist
+mkdir -p dist/chromium dist/firefox
+
+# ---- Chromium : copie src/ tel quel (manifest sans gecko_settings) ----
+cp -r src/* dist/chromium/
+echo "  ✓ dist/chromium/ ($(du -sh dist/chromium | cut -f1))"
+
+# ---- Firefox : copie src/ + manifest avec browser_specific_settings ----
+cp -r src/* dist/firefox/
+python3 - <<EOF
+import json
+with open('src/manifest.json', 'r') as f: m = json.load(f)
+m['browser_specific_settings'] = {
+  'gecko': {
+    'id': 'planification-dgnsi@netaplaid.ch',
+    'strict_min_version': '140.0',
+    'update_url': 'https://gitea.netaplaid.ch/FroSteel/Planification/raw/branch/main/firefox-updates.json',
+    'data_collection_permissions': {'required': ['none']}
+  }
+}
+# Firefox MV3 ne supporte pas (encore) 'service_worker' → AMO rejette.
+# On ajoute 'scripts' (event page) comme fallback compatible Firefox.
+# Chrome ignore 'scripts' quand 'service_worker' est présent ; Firefox
+# ignore 'service_worker' et utilise 'scripts'. Les deux navigateurs
+# chargent ainsi le même background.js.
+bg = m.get('background', {})
+if 'scripts' not in bg:
+    bg['scripts'] = ['background.js']
+m['background'] = bg
+with open('dist/firefox/manifest.json', 'w') as f:
+  json.dump(m, f, indent=2, ensure_ascii=False)
+  f.write('\n')
+EOF
+echo "  ✓ dist/firefox/ ($(du -sh dist/firefox | cut -f1))"
+
+# ---- Archives ZIP / XPI prêtes à distribuer ----
+cd dist/chromium && zip -rq "../planification-v${VERSION}-chromium.zip" . && cd ../..
+cd dist/firefox  && zip -rq "../planification-v${VERSION}-firefox.xpi" . && cd ../..
+
+echo ""
+echo "==> Builds prêts dans dist/"
+ls -la dist/*.zip dist/*.xpi 2>/dev/null
+
+# ---- firefox-updates.json : ajout/mise à jour de l'entrée pour cette version
+# (sha256 du .xpi NON SIGNÉ — sera remplacé par celui du .xpi signé après AMO).
+python3 - <<EOF
+import json, hashlib, os
+xpi = f"dist/planification-v${VERSION}-firefox.xpi"
+with open(xpi, 'rb') as f: sha = hashlib.sha256(f.read()).hexdigest()
+
+JSON_PATH = "firefox-updates.json"
+ADDON_ID = "planification-dgnsi@netaplaid.ch"
+update_link = f"https://gitea.netaplaid.ch/FroSteel/Planification/releases/download/v${VERSION}/planification-v${VERSION}-firefox.xpi"
+
+if os.path.exists(JSON_PATH):
+    with open(JSON_PATH) as f: data = json.load(f)
+else:
+    data = {"addons": {ADDON_ID: {"updates": []}}}
+
+addon = data.setdefault("addons", {}).setdefault(ADDON_ID, {"updates": []})
+updates = addon.setdefault("updates", [])
+
+# Retirer toute entrée existante pour cette version (idempotent)
+updates = [u for u in updates if u.get("version") != "${VERSION}"]
+# Ajouter en tête
+updates.insert(0, {
+    "version": "${VERSION}",
+    "update_link": update_link,
+    "update_hash": "sha256:" + sha,
+})
+addon["updates"] = updates
+
+with open(JSON_PATH, 'w') as f:
+    json.dump(data, f, indent=2, ensure_ascii=False)
+    f.write('\n')
+
+print(f"  ✓ firefox-updates.json mis à jour (sha256 NON SIGNÉ : {sha[:16]}…)")
+EOF
+
+echo ""
+echo "Pour Chrome  : charger dist/chromium/ en mode développeur"
+echo "Pour Firefox : signer dist/planification-v${VERSION}-firefox.xpi sur AMO"
+echo "  Après signature, remplacer le sha256 dans firefox-updates.json par celui du .xpi signé."

firefox-updates.json

@@ -0,0 +1,28 @@
+{
+  "addons": {
+    "planification-dgnsi@netaplaid.ch": {
+      "updates": [
+        {
+          "version": "2026.5.43",
+          "update_link": "https://gitea.netaplaid.ch/FroSteel/Planification/releases/download/v2026.5.43/planification-v2026.5.43-firefox.xpi",
+          "update_hash": "sha256:2bdf1b0a781080f4a86600579eb8c2049e060b9e8a0439212f3f29d280d5b93e"
+        },
+        {
+          "version": "2026.5.42",
+          "update_link": "https://gitea.netaplaid.ch/FroSteel/Planification/releases/download/v2026.5.42/planification-v2026.5.42-firefox.xpi",
+          "update_hash": "sha256:a5291a1eab6768d430dfc1cf032f93aeb788083da620ae0568b9dee68f14734d"
+        },
+        {
+          "version": "2026.5.41",
+          "update_link": "https://gitea.netaplaid.ch/FroSteel/Planification/releases/download/v2026.5.41/planification-v2026.5.41-firefox.xpi",
+          "update_hash": "sha256:fbf7d8a57ad060306cb43f3db3a5d5b599bb07c75c4ef0dbd0346406bdb6c65b"
+        },
+        {
+          "version": "2026.5.40",
+          "update_link": "https://gitea.netaplaid.ch/FroSteel/Planification/releases/download/v2026.5.40/planification-v2026.5.40-firefox.xpi",
+          "update_hash": "sha256:2ba0758960b931f4211c613c75bbf21b3a250572dddc70d854ff1ecca3220421"
+        }
+      ]
+    }
+  }
+}

src/manifest.json

@@ -1,8 +1,8 @@
 {
   "manifest_version": 3,
-  "name": "Planning Techniciens — Vue claire",
-  "version": "4.2.1",
-  "description": "Vue claire du planning EasyVista (itsma.etat-de-vaud.ch et itsma.vd.ch). v4.2.1 : messages d'erreur clairs (session expirée vs EasyVista inaccessible) avec bouton Ouvrir EasyVista et Réessayer, vouvoiement uniformisé. Inclut v4.2.0 : contact + personne de contact sur site avec anomalie rouge, parser téléphone élargi (41XXX sans +), sélection texte dans la bulle sans épingler, utilisateur EV connecté en haut, suppression auto-refresh 12h/15h.",
+  "name": "Planification",
+  "version": "2026.5.43",
+  "description": "Vue claire et rapide du planning des techniciens EasyVista. Développé par Quentin Rouiller — DGNSI, Canton de Vaud.",
   "permissions": [
     "activeTab",
     "scripting",
@@ -14,8 +14,11 @@
     "https://itsma.etat-de-vaud.ch/*",
     "https://itsma.vd.ch/*"
   ],
+  "optional_host_permissions": [
+    "https://*/*"
+  ],
   "action": {
-    "default_title": "Ouvrir la vue claire du planning"
+    "default_title": "Ouvrir la Planification"
   },
   "background": {
     "service_worker": "background.js"

src/viewer.html

@@ -1,25 +1,72 @@
 <!doctype html>
+<!--
+  Planification — Extension navigateur EasyVista (Canton de Vaud / DGNSI)
+
+  Copyright (c) 2026 Quentin Rouiller
+  Licensed under the MIT License — see LICENSE file in the project root.
+
+  @author Quentin Rouiller
+  @repository https://gitea.netaplaid.ch/FroSteel/Planification
+-->
 <html lang="fr">
 <head>
   <meta charset="utf-8">
-  <title>Planning techniciens</title>
+  <title>Planification</title>
   <link rel="stylesheet" href="viewer.css">
 </head>
 <body>
   <header class="topbar">
     <div class="topbar-left">
-      <h1>Planning techniciens</h1>
+      <!-- v4.2.3 : pastille avec initiales de l'utilisateur connecté, avant
+           le titre. Clic → popup fixe avec nom complet juste en dessous.
+           v2026.5.34 : TOUJOURS visible d'office avec "?" (état user inconnu)
+           pour garantir l'accès au menu (⊞ Vue / ⚙ Paramètres) même si
+           la détection user échoue ou est en retard.
+           Le script JS mettra à jour le textContent + classes quand le
+           fetch aboutit. En cas d'échec persistant, reste sur "?". -->
+      <button id="user-badge" class="user-badge user-badge-unknown"
+              type="button" aria-label="Utilisateur connecté"
+              title="Utilisateur — cliquer pour accéder aux paramètres">?</button>
+      <h1 id="app-title">Planification</h1>
       <div class="date-nav">
         <button id="nav-prev" class="btn btn-nav" title="Jour précédent" aria-label="Jour précédent">◀</button>
-        <input type="date" id="date-picker" class="date-input">
+        <!-- v2026.5.17 : input date custom qui affiche "Vendredi 24.04.2026" -->
+        <div class="date-custom-wrapper">
+          <div id="date-custom" class="date-custom" role="button" tabindex="0" title="Choisir une date">
+            <span id="date-custom-label"></span>
+            <span class="date-custom-icon">📅</span>
+          </div>
+          <input type="date" id="date-picker" class="date-input-hidden">
+        </div>
         <button id="nav-next" class="btn btn-nav" title="Jour suivant" aria-label="Jour suivant">▶</button>
         <button id="nav-today" class="btn btn-today" title="Aujourd'hui">Auj.</button>
       </div>
       <span id="capture-info" class="capture-info"></span>
       <span id="refresh-check" class="refresh-check hidden" title="Mise à jour terminée">✓</span>
     </div>
+    <!-- v2026.5.16 : date complète du jour au-dessus de l'heure dans la topbar -->
+    <div id="app-clock" class="app-clock" title="Date et heure actuelles">
+      <div id="app-clock-date" class="app-clock-date"></div>
+      <div id="app-clock-time" class="app-clock-time"></div>
+    </div>
+    <!-- v5.0.9 : compteur de session EasyVista (visible < 5 min restantes) -->
+    <div id="app-session" class="app-session hidden"></div>
     <div class="topbar-right">
-      <span id="current-user" class="current-user hidden" title="Utilisateur EasyVista connecté"></span>
+      <!-- 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">
+        <svg class="btn-action-icon" viewBox="0 0 24 24" fill="none" aria-hidden="true">
+          <rect x="3" y="5" width="18" height="16" rx="2" stroke="currentColor" stroke-width="1.8"/>
+          <path d="M3 9h18M8 3v4M16 3v4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
+          <circle cx="12" cy="15" r="4.2" stroke="currentColor" stroke-width="1.8" fill="none"/>
+          <line x1="9" y1="15" x2="15" y2="15" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" transform="rotate(-45 12 15)"/>
+        </svg>
+        <span class="btn-action-label">Absence</span>
+      </button>
+      <!-- v4.2.6 : bouton envoyer la planification sur la douchette -->
+      <button id="douchette-btn" class="btn btn-action" title="Envoyer la planification sur la douchette des techniciens">
+        <span class="btn-action-emoji">🎯</span>
+        <span class="btn-action-label">Douchette</span>
+      </button>
       <button id="refresh-partial-btn" class="btn btn-refresh" title="Actualiser : ajoute les nouvelles interventions et retire celles qui ne sont plus dans le planning. Rapide, ne re-télécharge pas les fiches déjà connues.">
         <svg id="refresh-partial-icon" class="btn-refresh-icon" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M2 8a6 6 0 0 1 10.2-4.24M14 3v3h-3" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>
         <span class="btn-refresh-label">Actualiser</span>
@@ -45,12 +92,24 @@
     <span class="session-banner-icon">⚠</span>
     <span class="session-banner-text">
       <strong>Session EasyVista expirée.</strong>
-      Les mises à jour sont interrompues. Reconnectez-vous à EasyVista, puis cliquez sur <b>Tout recharger</b> pour rafraîchir.
+      Données affichées depuis le cache. Reconnectez-vous à EasyVista pour rafraîchir.
     </span>
     <button id="session-banner-reconnect" class="btn btn-primary btn-sm">Ouvrir EasyVista</button>
     <button id="session-banner-close" class="btn btn-icon" title="Masquer">×</button>
   </div>
 
+  <!-- v4.2.5 : Bannière EasyVista inaccessible (non bloquante, avec cache) -->
+  <div id="ev-unreachable-banner" class="session-banner ev-banner hidden">
+    <span class="session-banner-icon">⚠</span>
+    <span class="session-banner-text">
+      <strong>EasyVista est inaccessible.</strong>
+      Données affichées depuis le cache.
+    </span>
+    <button id="ev-unreachable-banner-retry" class="btn btn-primary btn-sm">Réessayer</button>
+    <button id="ev-unreachable-banner-open" class="btn btn-sm">Ouvrir EasyVista</button>
+    <button id="ev-unreachable-banner-close" class="btn btn-icon" title="Masquer">×</button>
+  </div>
+
   <!-- Barre de progression (visible uniquement pendant un refresh actif) -->
   <div id="progress-bar" class="progress-bar hidden">
     <div class="progress-bar-fill" id="progress-bar-fill"></div>
@@ -77,6 +136,10 @@
 
   <div id="tooltip" class="tooltip hidden" role="tooltip"></div>
 
+  <!-- v4.2.3 : popup fixe du nom de l'utilisateur connecté. S'ouvre au clic
+       sur la pastille d'initiales (topbar gauche). -->
+  <div id="user-name-popup" class="user-name-popup hidden" role="dialog" aria-hidden="true"></div>
+
   <!-- Conteneur des toasts (notifications d'ouverture) -->
   <div id="toast-stack" class="toast-stack" aria-live="polite"></div>