v2026.5.41 — Suppression des hardcodes runtime + UX admin + thème unifié

CHANGELOG.md

@@ -9,67 +9,105 @@
 
 ---
 
-## v2026.5.40 — Sélection groupe EV + édition domaines + tri équipe + vue horizontale enrichie
+## v2026.5.41 — Suppression des hardcodes (groupe / domaines / équipe) → tout depuis l'admin
-**Branche** : main
 
-### Onglet Équipe (panel admin)
+### Plus aucun hardcode au runtime
-- Nouveau **sélecteur de groupe EasyVista** (SI-CSS, SI-EXT, …) en
+- Le groupe EasyVista, les domaines (interne/externe) et la liste des
-  tête de section, détecté automatiquement à l'ouverture du panel
+  techniciens ne sont **plus codés en dur** dans `background.js` /
-  via le `<select id="plan_group_id">` de la page Planning EV →
+  `viewer.js`. Tout est lu depuis `admin_config` (chrome.storage.local),
-  source autoritative, robuste aux ajouts/renommages côté EV (un
+  alimenté par les onglets **Équipe** et **EasyVista** du panel admin.
-  nouveau groupe apparaît tout seul).
+- `chrome.storage.local` survit aux mises à jour d'extension → la
-- ID groupe affiché en italique à côté du sélecteur (ex:
+  configuration de l'utilisateur (groupe, équipe, absences récurrentes,
-  `ID groupe : 191`).
+  domaines) est conservée d'une version à l'autre.
-- Quand on change de groupe, la **liste d'équipe se rafraîchit
-  automatiquement** avec les membres du nouveau groupe (fetch live).
-- **Plus de bouton "Détecter"** : tout est auto à l'ouverture de
-  l'onglet — détection groupes + détection membres.
-- **Tri double** des techniciens : d'abord les inclus (cases cochées),
-  puis les exclus, et alphabétique dans chaque sous-groupe (insensible
-  casse/accents). Le tri se rafraîchit uniquement aux render() pour
-  éviter que les lignes sautent quand on coche/décoche.
 
-### Onglet EasyVista (panel admin)
+### Domaines EasyVista (interne / externe)
-- Refonte complète : **édition manuelle des deux domaines** EV
+- Défaut hardcodé conservé comme **filet de sécurité** au 1er install
-  (interne DGNSI = `https://itsma.etat-de-vaud.ch`, externe Internet =
+  (`https://itsma.etat-de-vaud.ch` + `https://itsma.vd.ch`).
-  `https://itsma.vd.ch`).
+- L'utilisateur peut les remplacer dans Paramètres → EasyVista. Le
-- Bouton **💾 Enregistrer** (normalise : ajoute `https://`, retire le
+  service worker (`findEasyVistaSession`, `evFetch`, etc.) lit la valeur
-  trailing slash) + bouton **↺ Réinitialiser** pour revenir aux
+  effective via `getEvOrigins()`.
-  valeurs par défaut.
-- Les domaines par défaut restent codés en dur en fallback ; le
-  branchement effectif côté `background.js` (utiliser `cfg.evOrigins`)
-  sera fait dans une prochaine version après validation.
 
-### Onglet Statuts retiré
+### Group ID EasyVista
-- Section "Statuts" supprimée du panel admin (placeholder lecture
+- Défaut hardcodé conservé comme filet de sécurité (`191` = SI-CSS).
-  seule, jamais utile).
+- Lu via `getGroupId()` dans `fetchPlanningXml`, `detectTeamFromEV` et
+  partout où c'était hardcodé.
+- Le sélecteur de Paramètres → Équipe alimente `cfg.groupId`.
 
-### Vue horizontale enrichie
+### Liste des techniciens
-- Chaque segment timeline d'intervention contient désormais :
+- **Aucun défaut hardcodé**. Sur un install vierge, `cfg.team` est
-  - Une **barre verticale couleur catégorie** à gauche (mêmes teintes
+  vide → le service worker lève `no_team_configured` plutôt que de
-    que les `intervention-dot` de la vue classique : livraison/recup/
+  fetcher avec une liste fictive.
-    remplacement/incident/rollout/réservation/autre).
+- Le viewer affiche : *"Aucun technicien sélectionné. Ouvrez ⚙
-  - La **référence** (ex: `SYYMMDD_NNNNN`) en gras.
+  Paramètres → Équipe pour choisir le groupe EasyVista et cocher les
-  - La **ville** en gris muted.
+  techniciens à afficher."*
-- Hauteur de la timeline horizontale passée de 22px à 32px pour
+- Lu via `getSupportIds()` (CSV des clés de `cfg.team`).
-  laisser la place au texte.
+- Côté `viewer.js` : `TEAM` et `RECURRING_ABSENCES` sont des `let`
-- Fond des segments d'intervention : `--bg-elevated` neutre + bordure
+  vides au démarrage, repeuplés par `_initTeamFromConfig()` appelé tôt
-  1px pour que le texte reste lisible (la couleur catégorie n'est
+  dans `init()`.
-  plus en fond plein, juste en barre gauche).
-- Vue classique inchangée.
 
-### Coulisses (`background.js`)
+### Coulisses
-- Nouveau message `detectGroups` + fonction `detectGroupsFromEV()`
+- Nouveau dans `background.js` : helpers `getAdminConfig()`,
-  qui fetche `/index.php?eventName=HelpDesk_PlanningItem` et extrait
+  `getEvOrigins()`, `getGroupId()`, `getSupportIds()`,
-  les paires `(id, nom)` via le `<select>`.
+  `getDayBounds()` qui centralisent la lecture de la config persistée.
-- `detectTeamFromEV()` accepte désormais un `groupId` en argument →
+- `fetchPlanningXml()` lève `Error("no_team_configured")` quand la
-  permet de basculer entre SI-CSS / SI-EXT depuis l'admin.
+  liste de techs est vide ; le handler `fetchPlanning` propage l'erreur
-- ⚠ Le fetch du planning continue d'utiliser `group_id=191` codé en
+  au viewer via `err.kind`.
-  dur — sera retiré quand on validera que `cfg.groupId` est bien
+- Toutes les anciennes constantes hardcodées (`EV_ORIGINS`,
-  alimenté par le sélecteur en terrain réel.
+  `DEFAULT_SUPPORT_IDS` interne à `detectTeamFromEV`,
+  `isPillonelAbsentFriday`) 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)
-**Branche** : current
 
 ### Séparation matin / après-midi
 - Séparateur visuel "MATIN" / "APRÈS-MIDI" entre les interventions
@@ -314,4 +352,4 @@
 
 **Quentin Rouiller** (QRO)
 Technicien DGNSI — Canton de Vaud
-Email pour commits Git : `quentin.rouiller@ikmail.com`
+Contact : `quentin.rouiller@vd.ch`

README.md

@@ -7,7 +7,8 @@ Extension Chrome / Firefox pour visualiser de manière claire et rapide le plann
 - **Auteur** : Quentin Rouiller (QRO)
 - **Cible** : techniciens DGNSI (Canton de Vaud), EasyVista (`itsma.etat-de-vaud.ch` / `itsma.vd.ch`)
 - **Démarrage projet** : jeudi 16 avril 2026
-- **Version actuelle** : `v2026.5.40`
+- **Version actuelle** : `v2026.5.41`
+- **Contact** : `quentin.rouiller@vd.ch`
 - **Manifest** : V3 (Chrome/Edge/Firefox)
 - **Format** : `.zip` (Chromium) + `.xpi` signé (Firefox)
 
@@ -16,12 +17,13 @@ Extension Chrome / Firefox pour visualiser de manière claire et rapide le plann
 ### 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`)
 
@@ -48,9 +50,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)
+- Mode admin : bouton ⚙ Paramètres dans popup user-badge (depuis v2026.5.25)
-- Configuration persistée dans `localStorage` (`admin_config`)
+- Configuration persistée dans `chrome.storage.local` (`admin_config`)
-- Catégories interventions personnalisables (livraison/recup/remplacement/incident/rollout/reservation/autre)
+- 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,7 +64,7 @@ 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.MAJEURE.PATCH`** | `2026.5.16` → `2026.5.37` |
+| 21 avril 2026 → maintenant | **`ANNÉE.MAJEURE.PATCH`** | `2026.5.16` → `2026.5.40` |
 
 ### Format actuel : `ANNÉE.MAJEURE.PATCH`
 
@@ -70,11 +74,11 @@ L'extension a connu **3 systèmes de versionning successifs** :
 |---|---|---|
 | `2026` | **Année** | À chaque nouvelle année calendaire |
 | `5` | **Majeure** | À chaque **gros changement / ajout important** (refonte, nouvelle feature majeure, bump volontaire) |
-| `37` | **Patch** | À **chaque livraison** dans la majeure courante (corrections, ajustements, petites features) |
+| `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.37` → `2026.6.0` : refonte majeure (par exemple nouvelle vue, nouvelle architecture)
+- `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).
@@ -83,49 +87,57 @@ Le numéro de **majeure** n'est **pas** un mois et **pas** un chiffre lié au ca
 
 ## Versions notables
 
-### `v2026.5.40` (latest, 27 avril 2026) — Sélection groupe EV + édition domaines + tri équipe + vue horizontale enrichie
+### `v2026.5.41` (latest, 27 avril 2026) — Suppression des hardcodes + UX admin + thème unifié
-- **Onglet Équipe** : sélecteur de groupe EasyVista (SI-CSS, SI-EXT, …) en tête de section, détecté automatiquement via le `<select id="plan_group_id">` de la page Planning EV. Robuste aux ajouts/renommages côté EV.
+- **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.
+- **Pillonel & Cie** : suppression de la fonction hardcodée `isPillonelAbsentFriday()`. 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.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.
+- **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`).
-- Refresh auto de la liste d'équipe au changement de groupe.
+- 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).
+- Plus de bouton "Détecter" : tout est auto à l'ouverture.
-- Tri double : inclus d'abord, puis exclus, alphabétique dans chaque sous-groupe.
+- Tri double des techniciens : inclus d'abord, puis exclus, alphabétique dans chaque sous-groupe.
-- **Onglet EasyVista** : édition manuelle des deux domaines (interne / externe), bouton Réinitialiser, normalisation auto des URLs.
+- **Onglet EasyVista** : édition manuelle des deux domaines (interne DGNSI / externe Internet), bouton Réinitialiser, normalisation auto des URLs.
-- **Onglet Statuts retiré** (placeholder lecture seule).
+- **Onglet Statuts retiré** (placeholder lecture-seule).
-- **Vue horizontale enrichie** : barre verticale couleur catégorie, référence en gras, ville en gris muted, hauteur 22→32px.
+- **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.
-- Coulisses : nouveau message `detectGroups`, fonction `detectGroupsFromEV()` côté `background.js`. `detectTeamFromEV()` accepte un groupId en argument.
+- **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.
 
 ### `v2026.5.39` — Séparation Matin / Après-midi + Apparence
-- Pills "MATIN" / "APRÈS-MIDI" entre les interventions
+- Pills "MATIN" / "APRÈS-MIDI" entre les interventions de chaque tech
-- Section Apparence (thème, taille du texte, cache, heures de la journée)
+- Section **Apparence** dans les paramètres : thème, taille du texte, durée du cache, heures de la journée
-- Section À propos (version, auteur, licence)
+- Section **À propos** (version, auteur, licence)
 
 ### `v2026.5.38` — Attribution auteur + nettoyage + observabilité
 - Module `LOG` unifié + handlers globaux d'erreur
 - Toggle "Logs verbeux (debug)" dans le panel admin
+- En-têtes copyright dans tous les fichiers source
 
-### `v2026.5.37` — Refonte vue horizontale
+### `v2026.5.37` — Refonte vue horizontale (sidebar complète)
-- Topbar supprimée en vue horizontale, tout passe en sidebar
+- Topbar entièrement déplacée en sidebar verticale
-- 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
+### `v2026.5.36` — Sidebar verticale en vue horizontale
 - 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)$`
+- Maladie indigo, Congé cyan, Pompier rouge
-- 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`
@@ -133,17 +145,30 @@ Le numéro de **majeure** n'est **pas** un mois et **pas** un chiffre lié au ca
 ### `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).
+Voir [CHANGELOG.md](CHANGELOG.md) pour l'historique complet (40+ versions taggées).
 
 ## Architecture technique
 
 ```
-manifest.json       # Manifest V3 (Chrome) + gecko_settings (Firefox)
+Planning/
-background.js       # Worker fond : fetch planning XML, gestion session, fetch fiches
+├── src/                       # Sources de l'extension (chargées par le navigateur)
-viewer.html         # Interface principale
+│   ├── manifest.json          # Manifest V3 (Chrome) + gecko_settings (Firefox)
-viewer.js           # Logique (~9000 lignes) — voir détail ci-dessous
+│   ├── background.js          # Service worker : fetch planning XML, gestion session, fetch fiches
-viewer.css          # Styles + thèmes clair/sombre
+│   ├── viewer.html            # Interface principale
-icons/              # icon16, icon48, icon128
+│   ├── viewer.js              # Logique (~9 500 lignes)
+│   ├── viewer.css             # Styles + thèmes clair/sombre
+│   └── icons/                 # icon16, icon48, icon128
+├── Autres/                    # Méta : build script + docs (depuis v2026.5.40)
+│   ├── build.sh               # Génère dist/chromium/, dist/firefox/, .zip, .xpi
+│   ├── CHANGELOG.md
+│   ├── LICENSE
+│   └── README.md
+├── Builds/                    # Artefacts distribués aux techniciens
+│   ├── Chromium/
+│   ├── Firefox/
+│   ├── planification-vYYYY.M.PATCH-chromium.zip
+│   └── planification-vYYYY.M.PATCH-firefox.xpi
+└── dist/                      # Sortie de build (gitignoré)
 ```
 
 ### `viewer.js` — fonctions clés
@@ -160,30 +185,42 @@ icons/              # icon16, icon48, icon128
 | `_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) |
+| `renderAdminSectionTeam` | v5.0.0 | Onglet admin Équipe (sélecteur groupe EV depuis v2026.5.40) |
+| `renderAdminSectionEV` | v5.0.0 | Onglet admin EasyVista (édition domaines depuis v2026.5.40) |
 
-### Constantes persistantes (toutes versions)
+### `background.js` — fonctions clés
 
-- 8 techs hardcodés : `76272,83725,66635,92235,90070,40944,72485,86874`
+| Fonction | Rôle |
-- Pillonel Olivier (ID 40944) : absent tous les vendredis (hardcodé)
+|---|---|
-- Group ID EasyVista : `191`
+| `findEasyVistaSession` | Trouve l'onglet EV ouvert + extrait PHPSESSID |
+| `fetchPlanningXml` | Fetch XML calendar_block du planning |
+| `fetchFicheHtml` | Fetch HTML d'une fiche EV (avec retry SSO) |
+| `fetchCurrentUser` | Identifie l'user EV connecté |
+| `detectGroupsFromEV` (v2026.5.40) | Parse le `<select id="plan_group_id">` → liste des groupes EV |
+| `detectTeamFromEV` | Liste les membres d'un groupe (paramétrable depuis v2026.5.40) |
+| `evFetch` | Wrapper fetch avec headers EV (Referer, X-Requested-With) |
+
+### Constantes / valeurs hardcodées (toutes versions)
+
+- Group ID EV par défaut : `191` (SI-CSS) — surchargeable via le sélecteur depuis v2026.5.40
+- Pillonel Olivier (ID 40944) : absent tous les vendredis (récurrent)
 - 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)
+- Storage keys : `admin_config`, `view_mode`
-- Domaines : `itsma.etat-de-vaud.ch` (interne), `itsma.vd.ch` (externe SSO)
+- Domaines : `itsma.etat-de-vaud.ch` (interne), `itsma.vd.ch` (externe)
 
 ## Installation
 
 ### Firefox
-Télécharger le `.xpi` signé depuis le serveur de mises à jour interne, ou drag-and-drop dans `about:addons`.
+Télécharger le `.xpi` depuis `Builds/` ou le serveur de mises à jour interne, puis drag-and-drop dans `about:addons`.
 
 ### Chrome / Edge
-Mode développeur : décompresser le ZIP et charger en tant qu'extension non empaquetée.
+Mode développeur : décompresser `Builds/planification-vYYYY.M.PATCH-chromium.zip` (ou utiliser directement `dist/chromium/`) et charger en tant qu'extension non empaquetée.
 
 ## Développement
 
@@ -191,12 +228,19 @@ 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 :
+# Modifier les sources dans src/
-# 1. modifier le code
+# Bumper la version dans src/manifest.json + ajouter une entrée dans Autres/CHANGELOG.md
-# 2. bump version dans manifest.json
+# Builder :
-# 3. zip + xpi
+./Autres/build.sh
+# → produit dist/chromium/, dist/firefox/, dist/*.zip, dist/*.xpi
+
+# Copier dans Builds/ pour distribution :
+cp -r dist/chromium Builds/Chromium
+cp -r dist/firefox  Builds/Firefox
+cp dist/*.zip dist/*.xpi Builds/
+
 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
@@ -210,3 +254,4 @@ git push --tags
 
 **Quentin Rouiller** (QRO)
 Technicien DGNSI — Canton de Vaud
+Contact : `quentin.rouiller@vd.ch`

src/background.js

@@ -115,11 +115,74 @@ self.addEventListener("unhandledrejection", (event) => {
 
 LOG.info("boot", "service worker démarré", { version: LOG.version() });
 
-// Domaines EasyVista reconnus (interne d'abord, externe en fallback)
+// ============================================================================
-const EV_ORIGINS = [
+// v2026.5.41 : Configuration runtime — lue depuis admin_config (chrome.storage.local).
-  "https://itsma.etat-de-vaud.ch",
+//
-  "https://itsma.vd.ch"
+// Les domaines EV et le group_id ont des défauts (filet de sécurité 1er install).
+// La liste de techniciens, elle, n'a AUCUN défaut : tant que l'utilisateur n'a
+// rien coché dans Paramètres → Équipe, l'extension ne fetche aucun planning et
+// invite à configurer.
+//
+// chrome.storage.local survit aux mises à jour d'extension → la sélection de
+// l'utilisateur est conservée d'une version à l'autre.
+// ============================================================================
+const DEFAULT_EV_ORIGINS = [
+  "https://itsma.etat-de-vaud.ch",  // interne DGNSI
+  "https://itsma.vd.ch"             // externe Internet
 ];
+const DEFAULT_GROUP_ID = "191";        // SI-CSS
+
+/**
+ * Lit admin_config depuis chrome.storage.local. Retourne {} si absent ou
+ * en cas d'erreur.
+ */
+async function getAdminConfig() {
+  try {
+    const stored = await chrome.storage.local.get("admin_config");
+    return stored.admin_config || {};
+  } catch (e) {
+    LOG.warn("config", "getAdminConfig failed, using defaults", e);
+    return {};
+  }
+}
+
+/** Origines EV à surveiller, depuis admin_config ou défaut. */
+async function getEvOrigins() {
+  const cfg = await getAdminConfig();
+  const o = Array.isArray(cfg.evOrigins) ? cfg.evOrigins.filter(Boolean) : [];
+  return o.length >= 1 ? o : DEFAULT_EV_ORIGINS;
+}
+
+/** Group ID effectif (défaut SI-CSS). */
+async function getGroupId() {
+  const cfg = await getAdminConfig();
+  return cfg.groupId || DEFAULT_GROUP_ID;
+}
+
+/**
+ * Support IDs effectifs (CSV des clés de cfg.team).
+ * Retourne "" si aucun tech sélectionné — l'appelant doit alors signaler
+ * à l'utilisateur d'aller configurer son équipe.
+ */
+async function getSupportIds() {
+  const cfg = await getAdminConfig();
+  const ids = Object.keys(cfg.team || {}).filter(Boolean);
+  return ids.join(",");
+}
+
+/**
+ * Plage horaire d'affichage (heures pleines).
+ * Lue depuis admin_config (Paramètres → Apparence → Heures de la journée),
+ * défaut 8h-18h. Utilisée pour les paramètres day_start_hour / day_end_hour /
+ * begin_hour / end_hour des requêtes EV. Le viewer utilise déjà ces mêmes
+ * valeurs pour dessiner la timeline (cf. _initDayBoundsFromConfig dans viewer.js).
+ */
+async function getDayBounds() {
+  const cfg = await getAdminConfig();
+  const start = (typeof cfg.dayStart === "number" && cfg.dayStart >= 0 && cfg.dayStart <= 23) ? cfg.dayStart : 8;
+  const end = (typeof cfg.dayEnd === "number" && cfg.dayEnd > start && cfg.dayEnd <= 24) ? cfg.dayEnd : 18;
+  return { start, end };
+}
 
 // ============================================================================
 // Clic sur l'icône → ouvrir le viewer
@@ -147,8 +210,10 @@ chrome.action.onClicked.addListener(async () => {
  * @author Quentin Rouiller
  */
 async function findEasyVistaSession() {
-  // Chercher tous les onglets sur un domaine EasyVista
+  // v2026.5.41 : les origines EV viennent de admin_config (éditables dans
-  for (const origin of EV_ORIGINS) {
+  // Paramètres → EasyVista), avec fallback sur DEFAULT_EV_ORIGINS.
+  const origins = await getEvOrigins();
+  for (const origin of origins) {
     const tabs = await chrome.tabs.query({ url: origin + "/*" });
     for (const tab of tabs) {
       const m = (tab.url || "").match(/[?&]PHPSESSID=([a-zA-Z0-9]+)/);
@@ -175,8 +240,20 @@ async function findEasyVistaSession() {
  * @author Quentin Rouiller
  */
 async function fetchPlanningXml(origin, phpsessid, unixDate) {
-  const techIds = "76272,83725,66635,92235,90070,40944,72485,86874";
+  // v2026.5.41 : groupId vient de admin_config (défaut SI-CSS).
-  const groupId = "191";
+  // techIds vient de admin_config — si vide, on lève une erreur claire pour
+  // que le viewer affiche "Aucun technicien sélectionné" plutôt qu'un planning vide.
+  const groupId = await getGroupId();
+  const techIds = await getSupportIds();
+  if (!techIds) {
+    const err = new Error("no_team_configured");
+    err.kind = "no_team_configured";
+    throw err;
+  }
+  // v2026.5.41 : heures synchronisées avec admin_config (Paramètres → Apparence).
+  // EV utilise day_end_hour exclusif (la plage rendue va jusqu'à end-1:59),
+  // donc on envoie end+1 pour que la dernière heure pleine soit incluse.
+  const { start, end } = await getDayBounds();
   const url =
     `${origin}/planning_xhr.php` +
     `?PHPSESSID=${encodeURIComponent(phpsessid)}` +
@@ -190,8 +267,8 @@ async function fetchPlanningXml(origin, phpsessid, unixDate) {
     `&end_date_label=Date` +
     `&click_here_label=Ici` +
     `&mail_title=mail` +
-    `&day_start_hour=8` +
+    `&day_start_hour=${start}` +
-    `&day_end_hour=19`;
+    `&day_end_hour=${end + 1}`;
   // v2026.5.38 : on retire les logs verbose à chaque fetch (URL/status/taille).
   // En cas de souci, le throw plus bas porte assez d'info pour debug.
   const r = await evFetch(url, origin);
@@ -714,6 +791,8 @@ async function submitAbsence(origin, phpsessid, opts) {
   const emplIds = (opts.techIds || []).join(",");
   if (!emplIds) throw new Error("Aucun technicien sélectionné");
 
+  // v2026.5.41 : heures synchronisées avec admin_config.
+  const { start, end } = await getDayBounds();
   const internalurltime = Math.floor(Date.now() / 1000);
   const url = `${origin}/include/components/staff/planning/plan_set_holidays_popup.php`
     + `?PHPSESSID=${encodeURIComponent(phpsessid)}`
@@ -722,8 +801,8 @@ async function submitAbsence(origin, phpsessid, opts) {
     + `&ROOT_DIRECTORY=${encodeURIComponent("/ccv/data/www/itsma/htdocs/")}`
     + `&current_date=${encodeURIComponent(opts.currentDate)}`
     + `&empl_ids=${encodeURIComponent(emplIds)}`
-    + `&begin_hour=8`
+    + `&begin_hour=${start}`
-    + `&end_hour=18`
+    + `&end_hour=${end}`
     + `&plagehoraire=0`;
 
   const body = new URLSearchParams();
@@ -785,6 +864,8 @@ async function submitDouchette(origin, phpsessid, opts) {
   const techIds = opts.techIds || [];
   if (techIds.length === 0) throw new Error("Aucun technicien sélectionné");
 
+  // v2026.5.41 : heures synchronisées avec admin_config.
+  const { start, end } = await getDayBounds();
   const emplIds = techIds.join(",");
   const internalurltime = Math.floor(Date.now() / 1000);
   const url = `${origin}/include/components/staff/planning/plan_set_tech_planif_popup.php`
@@ -794,8 +875,8 @@ async function submitDouchette(origin, phpsessid, opts) {
     + `&ROOT_DIRECTORY=${encodeURIComponent("/ccv/data/www/itsma/htdocs/")}`
     + `&current_date=${encodeURIComponent(opts.currentDate)}`
     + `&empl_ids=${encodeURIComponent(emplIds)}`
-    + `&begin_hour=8`
+    + `&begin_hour=${start}`
-    + `&end_hour=18`
+    + `&end_hour=${end}`
     + `&plagehoraire=0`;
 
   const body = new URLSearchParams();
@@ -1034,18 +1115,14 @@ async function detectGroupsFromEV(origin, phpsessid) {
  * Retourne { ids: [{id, name, alreadyInTeam}], groupId }.
  */
 async function detectTeamFromEV(origin, phpsessid, groupIdArg, supportIdsArg) {
-  // v5.0.1 : valeurs par défaut (correspondent au groupe actuel).
+  // v2026.5.41 : groupId vient de l'argument, sinon de admin_config (défaut SI-CSS).
-  // v2026.5.41 : on accepte un groupId en argument (ex: switch SI-CSS → SI-EXT).
+  // supportIds vient de l'argument, sinon de admin_config (vide tant que rien n'est
-  // Quand on change de groupe, on n'a pas la liste support_ids du nouveau
+  // sélectionné). Le serveur retourne tous les membres du groupe quoi qu'il arrive ;
-  // groupe → on passe une chaîne vide, le serveur retourne quand même tous
+  // supportIds sert juste à pré-cocher les techs déjà inclus dans l'équipe.
-  // les membres, juste sans pré-cochage "alreadyInTeam".
+  const groupId = groupIdArg || await getGroupId();
-  const DEFAULT_GROUP_ID = "191";
-  const DEFAULT_SUPPORT_IDS = "76272,83725,66635,92235,90070,40944,72485,86874";
-
-  const groupId = groupIdArg || DEFAULT_GROUP_ID;
   const supportIds = (typeof supportIdsArg === "string")
     ? supportIdsArg
-    : (groupId === DEFAULT_GROUP_ID ? DEFAULT_SUPPORT_IDS : "");
+    : await getSupportIds();
   console.log("[bg] detectTeamFromEV : group_id =", groupId, "| support_ids =", supportIds);
 
   // Fetch la popup de sélection des intervenants du groupe
@@ -1068,8 +1145,9 @@ async function detectTeamFromEV(origin, phpsessid, groupIdArg, supportIdsArg) {
     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
+    // v2026.5.41 : on retourne les IDs déjà sélectionnés par l'user (s'il y en a)
-    const ids = DEFAULT_SUPPORT_IDS.split(",").filter(Boolean);
+    // plutôt qu'une liste hardcodée. Si vide, le viewer affichera juste 0 résultat.
+    const ids = supportIds.split(",").filter(Boolean);
     return {
       ids: ids.map(id => ({ id, name: "? (" + id + ")", alreadyInTeam: true })),
       groupId

src/manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "Planification",
-  "version": "2026.5.40",
+  "version": "2026.5.41",
   "description": "Vue claire et rapide du planning des techniciens EasyVista. Développé par Quentin Rouiller — DGNSI, Canton de Vaud.",
   "permissions": [
     "activeTab",
@@ -14,6 +14,9 @@
     "https://itsma.etat-de-vaud.ch/*",
     "https://itsma.vd.ch/*"
   ],
+  "optional_host_permissions": [
+    "https://*/*"
+  ],
   "action": {
     "default_title": "Ouvrir la Planification"
   },

src/viewer.css

@@ -896,6 +896,43 @@ html.view-horizontal .timeline-noon {
   position: relative;
 }
 
+/* ==========================================================================
+   v2026.5.41 : Conflit absence/réservation × intervention.
+   Quand une intervention est planifiée pendant qu'un tech est marqué
+   "absent" (toute la journée ou demi-journée) ou qu'il a une réservation
+   sur le même créneau, on signale visuellement le conflit en peignant la
+   carte de l'intervention en rouge plein. S'applique à la row classique
+   (.intervention-v2) ET à la mini-card (.iv-mini-card) en vue horizontale.
+   ========================================================================== */
+.intervention-v2.intervention-conflict-absence,
+.iv-mini-card.intervention-conflict-absence {
+  background: #b03030 !important;
+  color: #ffffff !important;
+  border-color: #7a1f1f !important;
+}
+.intervention-v2.intervention-conflict-absence::before {
+  /* Renforce la barre gauche pour rester cohérent avec le rouge plein. */
+  background: #7a1f1f !important;
+}
+.intervention-v2.intervention-conflict-absence .intervention-dot,
+.intervention-v2.intervention-conflict-absence .iv-status-check,
+.intervention-v2.intervention-conflict-absence a,
+.iv-mini-card.intervention-conflict-absence .iv-mini-card-bar,
+.iv-mini-card.intervention-conflict-absence .iv-mini-time-vertical,
+.iv-mini-card.intervention-conflict-absence .iv-mini-card-text {
+  color: #ffffff !important;
+  background: transparent !important;
+}
+/* La barre couleur catégorie à gauche de la mini-card devient un blanc
+   semi-transparent pour rester visible sur le rouge. */
+.iv-mini-card.intervention-conflict-absence .iv-mini-card-bar {
+  background: rgba(255, 255, 255, 0.45) !important;
+}
+.intervention-v2.intervention-conflict-absence:hover,
+.iv-mini-card.intervention-conflict-absence:hover {
+  background: #c44040 !important;
+}
+
 /* ==========================================================================
    Interventions — layout v2 (heures verticales)
    ========================================================================== */
@@ -1482,7 +1519,9 @@ html.view-horizontal .timeline-noon {
   position: fixed;
   bottom: 20px;
   right: 20px;
-  z-index: 200;
+  /* v2026.5.41 : au-dessus du modal-overlay du panel admin (z-index 10000)
+     pour que les toasts de feedback restent visibles avec le flou en arrière. */
+  z-index: 11000;
   display: flex;
   flex-direction: column-reverse;   /* les nouveaux en bas, les anciens au-dessus */
   gap: 8px;

src/viewer.js

@@ -158,22 +158,27 @@ LOG.info("boot", "viewer.js chargé", { version: LOG.version() });
 // Configuration
 // ============================================================================
 
-// Équipe : ID EasyVista → nom affiché
+// v2026.5.41 : plus aucune équipe / absence récurrente codée en dur.
-const TEAM = {
+// L'utilisateur configure tout depuis Paramètres → Équipe :
-  "76272": "Ciuppa, Mathieu",
+//   - cfg.team           = { id: name }   — techniciens à afficher
-  "83725": "De Almeida Martins, Solange",
+//   - cfg.recurringAbsences = { id: [days] } — jours d'absence récurrente
-  "66635": "Makonda, Yannick",
+// (chrome.storage.local["admin_config"], persiste entre les mises à jour)
-  "92235": "Mamouni, Anas",
+//
-  "90070": "Paisana, David",
+// TEAM et RECURRING_ABSENCES sont rechargées au boot depuis admin_config par
-  "40944": "Pillonel, Olivier",
+// _initTeamFromConfig() (appelée tôt dans init()). Tant qu'elles ne sont pas
-  "72485": "Rosset, Pascal",
+// chargées, elles restent vides → aucun fetch tenté.
-  "86874": "Rouiller, Quentin"
+let TEAM = {};
-};
+let RECURRING_ABSENCES = {};
 
-// Absences récurrentes (id tech → [jour JS, 0=dim..6=sam])
+async function _initTeamFromConfig() {
-const RECURRING_ABSENCES = {
+  try {
-  "40944": [5]  // Pillonel absent tous les vendredis
+    const cfg = await loadAdminConfig();
-};
+    TEAM = cfg.team || {};
+    RECURRING_ABSENCES = cfg.recurringAbsences || {};
+  } catch (e) {
+    console.warn("[boot] _initTeamFromConfig err", e);
+  }
+}
 
 // Statuts EasyVista qui déclenchent l'affichage "clos"
 const CLOSED_STATUS = ["Clôturé", "Cloture", "Clôture"];
@@ -183,9 +188,7 @@ const RESOLVED_STATUS = ["Résolu", "Resolu"];
 const CANCELLED_STATUS = ["Annulé", "Annule", "Supprimé", "Supprime"];
 
 // Clés de stockage
-const LS_THEME = "planning_theme";
 const CACHE_PREFIX = "planning_cache_"; // + YYYY-MM-DD
-const CACHE_DAYS = 7;
 
 // v4.1 : plus de constante de concurrence. Les fiches sont fetchées
 // séquentiellement (1 à la fois) car le serveur EasyVista est lent de toute
@@ -372,12 +375,17 @@ function cleanupAbortResolver(myToken) {
 document.addEventListener("DOMContentLoaded", init);
 
 async function init() {
-  initTheme();
+  await initTheme();
   // v2026.5.39 : appliquer le zoom texte enregistré dès le boot, avant que
   // le DOM ne soit affiché (sinon "flash" à la taille par défaut).
   _initTextZoomFromConfig();
   // v2026.5.39 : lire les heures de la journée depuis admin_config (8-18 défaut).
   await _initDayBoundsFromConfig();
+  // v2026.5.41 : charger l'équipe et les absences récurrentes depuis admin_config.
+  // Avant ce point, TEAM = {} → aucun fetch ne tournera tant que la config
+  // n'est pas chargée. Si l'utilisateur n'a rien configuré, le fetch retournera
+  // l'erreur "no_team_configured" qui invite à ouvrir les paramètres.
+  await _initTeamFromConfig();
   bindTopbar();
   bindTooltipInteractions();
   initModalScrollLock();  // v4.2.9 : bloquer le scroll arrière quand modal
@@ -763,10 +771,19 @@ function _getSessionRemainingMs() {
 // Thème clair/sombre
 // ============================================================================
 
-function initTheme() {
+// v2026.5.41 : thème unifié sur admin_config.theme (chrome.storage.local).
-  const saved = localStorage.getItem(LS_THEME);
+// Le toggle topbar écrit dans la même clé que le select Apparence du panel,
-  const theme = (saved === "light" || saved === "dark") ? saved : detectDefaultTheme();
+// pour que les deux soient toujours en accord.
-  applyTheme(theme);
+async function initTheme() {
+  let pref = "auto";
+  try {
+    const cfg = await loadAdminConfig();
+    if (cfg.theme === "light" || cfg.theme === "dark" || cfg.theme === "auto") {
+      pref = cfg.theme;
+    }
+  } catch (e) {}
+  _applyTheme(pref);
+  _watchOsThemeChanges();
 }
 
 function detectDefaultTheme() {
@@ -776,17 +793,20 @@ function detectDefaultTheme() {
   return "light";
 }
 
-function applyTheme(theme) {
+async function toggleTheme() {
-  document.documentElement.setAttribute("data-theme", theme);
+  // L'effectif courant (light ou dark), même si pref="auto"
-  const icon = document.getElementById("theme-icon");
+  const currentAttr = document.documentElement.getAttribute("data-theme");
-  if (icon) icon.textContent = theme === "dark" ? "☀️" : "🌙";
+  const effective = (currentAttr === "light" || currentAttr === "dark")
-}
+    ? currentAttr : detectDefaultTheme();
-
+  const next = effective === "dark" ? "light" : "dark";
-function toggleTheme() {
+  _applyTheme(next);
-  const current = document.documentElement.getAttribute("data-theme") || "light";
+  try {
-  const next = current === "dark" ? "light" : "dark";
+    const cfg = await loadAdminConfig();
-  applyTheme(next);
+    cfg.theme = next;
-  localStorage.setItem(LS_THEME, next);
+    await saveAdminConfig(cfg);
+  } catch (e) {
+    console.warn("[theme] toggle save err", e);
+  }
 }
 
 // ============================================================================
@@ -1587,12 +1607,8 @@ function updateNowLine() {
   });
 }
 
-// v5.0.0 : menu admin caché via 5 clics sur le titre "Planification".
-// v2026.5.38 : initAdminMenu() retiré — l'accès admin passe maintenant par le
-// bouton "⚙ Paramètres" du popup user-badge (clic sur les initiales).
-
 // ============================================================================
-// v5.0.9 : Surveillance du timeout de session EasyVista
+// Surveillance du timeout de session EasyVista
 // ============================================================================
 
 /**
@@ -2005,7 +2021,6 @@ async function loadAdminConfig() {
 async function saveAdminConfig(cfg) {
   try {
     await chrome.storage.local.set({ [ADMIN_CONFIG_KEY]: cfg });
-    console.log("[admin] config sauvegardée");
     return true;
   } catch (e) {
     console.error("[admin] saveAdminConfig err", e);
@@ -2107,7 +2122,17 @@ async function showAdminPanel() {
   async function saveAndReload(updatedCfg) {
     const ok = await saveAdminConfig(updatedCfg);
     if (ok) {
-      showToast("Config enregistrée", "Rechargez l'extension pour appliquer");
+      // v2026.5.41 : application immédiate sans demander de recharger.
+      // 1) repeupler TEAM / RECURRING_ABSENCES en mémoire depuis la nouvelle config.
+      // 2) refetcher le planning du jour courant.
+      // 3) le toast reste visible au-dessus du panel grâce au z-index 11000.
+      await _initTeamFromConfig();
+      showToast("Config enregistrée", "Mise à jour du planning…");
+      try {
+        await loadForDate(state.currentDate);
+      } catch (e) {
+        console.warn("[admin] reload planning err", e);
+      }
     } else {
       showAlertModal({
         title: "Erreur",
@@ -2192,7 +2217,7 @@ function renderAdminSectionTeam(container, cfg, saveFn) {
     cfg.groupName = name;
     updateGroupIdCaption(id);
     await saveAdminConfig(cfg);
-    showToast("Groupe enregistré", `${name || id} (rechargez l'extension pour appliquer)`);
+    showToast("Groupe enregistré", name || id);
     // v2026.5.41 : refresh auto de la liste d'équipe avec le nouveau group_id.
     await refreshTeamForGroup(id);
   });
@@ -2521,12 +2546,45 @@ function renderAdminSectionEV(container, cfg, saveFn) {
     }
     internalInput.value = a;
     externalInput.value = b;
+
+    // v2026.5.41 : si un domaine n'est pas dans le host_permissions par défaut
+    // du manifest, demander la permission au navigateur. Sans ça, le service
+    // worker ne peut pas fetcher ces nouveaux domaines.
+    const hardcodedDefaults = [DEFAULT_EV_ORIGIN_INTERNAL, DEFAULT_EV_ORIGIN_EXTERNAL];
+    const customOrigins = [a, b].filter(o => !hardcodedDefaults.includes(o));
+    if (customOrigins.length > 0) {
+      const origins = customOrigins.map(o => o + "/*");
+      try {
+        const granted = await chrome.permissions.request({ origins });
+        if (!granted) {
+          status.textContent = "⚠ Permission refusée pour " + customOrigins.join(", ") + ". Les fetches échoueront sur ces domaines.";
+          showAlertModal({
+            title: "Permission refusée",
+            message: "Vous avez refusé l'accès aux domaines personnalisés. L'extension ne pourra pas y fetcher de données. Vous pouvez réessayer en cliquant à nouveau sur Enregistrer.",
+            buttons: [{ label: "OK", variant: "secondary", action: () => {} }]
+          });
+          return;
+        }
+      } catch (e) {
+        console.warn("[admin] permissions.request err", e);
+        status.textContent = "Erreur permission : " + (e.message || e);
+        return;
+      }
+    }
+
     cfg.evOrigins = [a, b];
     const ok = await saveAdminConfig(cfg);
-    status.textContent = ok
+    if (!ok) {
-      ? "Domaines enregistrés. Rechargez l'extension pour appliquer."
+      status.textContent = "Erreur lors de l'enregistrement.";
-      : "Erreur lors de l'enregistrement.";
+      return;
-    if (ok) showToast("Domaines enregistrés", `${a}  •  ${b}`);
+    }
+    status.textContent = "Domaines enregistrés.";
+    showToast("Domaines enregistrés", `${a}  •  ${b}`);
+    try {
+      await refreshSessionAndLoad();
+    } catch (e) {
+      console.warn("[admin] reload after EV domain change err", e);
+    }
   });
   btnWrap.appendChild(saveBtn);
 
@@ -2661,12 +2719,14 @@ function renderAdminSectionAppearance(container, cfg, saveFn) {
   container.appendChild(zoomRow);
 
   // ---- Heures de la journée (4e) ----
+  // v2026.5.41 : bouton "Appliquer" explicite (au lieu de save direct au change),
+  // avec toast de confirmation et reload du planning + de la timeline.
   const hoursRow = _makeAdminRow(
     "Heures de la journée",
-    "Plage horaire affichée sur la timeline. Défaut : 8h - 18h."
+    "Plage horaire affichée sur la timeline. Défaut : 8h - 18h. Cliquez sur Appliquer pour valider et recharger."
   );
   const hoursWrap = document.createElement("div");
-  hoursWrap.style.cssText = "display:flex; align-items:center; gap:6px;";
+  hoursWrap.style.cssText = "display:flex; align-items:center; gap:6px; flex-wrap:wrap;";
   const hStart = document.createElement("input");
   hStart.type = "number"; hStart.min = "0"; hStart.max = "23"; hStart.step = "1";
   hStart.className = "admin-input admin-input-num";
@@ -2681,7 +2741,13 @@ function renderAdminSectionAppearance(container, cfg, saveFn) {
   const hSuffix = document.createElement("span");
   hSuffix.textContent = "h";
   hSuffix.style.cssText = "color: var(--text-muted); font-size: 13px;";
-  const _saveHours = async () => {
+
+  const applyBtn = document.createElement("button");
+  applyBtn.type = "button";
+  applyBtn.className = "btn btn-primary";
+  applyBtn.textContent = "✓ Appliquer";
+  applyBtn.style.marginLeft = "10px";
+  applyBtn.addEventListener("click", async () => {
     let s = parseInt(hStart.value, 10);
     let e = parseInt(hEnd.value, 10);
     if (isNaN(s) || s < 0) s = 0;
@@ -2690,16 +2756,53 @@ function renderAdminSectionAppearance(container, cfg, saveFn) {
     if (e > 24) e = 24;
     hStart.value = String(s);
     hEnd.value = String(e);
+
+    // Pas de changement effectif → on évite le reload inutile
+    const unchanged = (cfg.dayStart === s) && (cfg.dayEnd === e);
     cfg.dayStart = s;
     cfg.dayEnd = e;
-    await saveAdminConfig(cfg);
+
-  };
+    applyBtn.disabled = true;
-  hStart.addEventListener("change", _saveHours);
+    const oldLabel = applyBtn.textContent;
-  hEnd.addEventListener("change", _saveHours);
+    applyBtn.textContent = "Application…";
+    try {
+      const ok = await saveAdminConfig(cfg);
+      if (!ok) {
+        showAlertModal({
+          title: "Erreur",
+          message: "Impossible d'enregistrer les heures.",
+          buttons: [{ label: "OK", variant: "secondary", action: () => {} }]
+        });
+        return;
+      }
+      // Mettre à jour les bornes en mémoire pour la timeline (utilisées
+      // par buildTimeline / updateNowLine sans re-fetch).
+      DAY_START = s * 60;
+      DAY_END = e * 60;
+      showToast("Heures appliquées", `${s}h → ${e}h`);
+      if (!unchanged) {
+        // Refetch le planning pour que les requêtes EV repartent avec
+        // les nouvelles bornes (day_start_hour / day_end_hour).
+        await loadForDate(state.currentDate);
+      }
+    } catch (err) {
+      console.warn("[admin] apply hours err", err);
+      showAlertModal({
+        title: "Erreur",
+        message: "Échec de l'application : " + (err.message || err),
+        buttons: [{ label: "OK", variant: "secondary", action: () => {} }]
+      });
+    } finally {
+      applyBtn.disabled = false;
+      applyBtn.textContent = oldLabel;
+    }
+  });
+
   hoursWrap.appendChild(hStart);
   hoursWrap.appendChild(sep);
   hoursWrap.appendChild(hEnd);
   hoursWrap.appendChild(hSuffix);
+  hoursWrap.appendChild(applyBtn);
   hoursRow.querySelector(".admin-row-control").appendChild(hoursWrap);
   container.appendChild(hoursRow);
 }
@@ -2859,12 +2962,32 @@ function renderAdminSectionAbout(container, cfg, saveFn) {
 // Helper applique un thème (utilisé par le sélecteur Apparence).
 // Si "auto", on retire data-theme pour laisser le CSS detecter prefers-color-scheme.
 function _applyTheme(theme) {
+  // v2026.5.41 : on résout "auto" en JS plutôt que de retirer data-theme,
+  // car le CSS n'a pas de bloc @media (prefers-color-scheme: dark) et
+  // retomberait sur le thème clair par défaut. On lit prefers-color-scheme
+  // du navigateur et on pose data-theme="dark" ou "light" en conséquence.
   const html = document.documentElement;
-  if (theme === "light" || theme === "dark") {
+  const effective = (theme === "light" || theme === "dark") ? theme : detectDefaultTheme();
-    html.setAttribute("data-theme", theme);
+  html.setAttribute("data-theme", effective);
-  } else {
+  // Sync l'icône topbar avec le thème effectif.
-    html.removeAttribute("data-theme");
+  const icon = document.getElementById("theme-icon");
-  }
+  if (icon) icon.textContent = effective === "dark" ? "☀️" : "🌙";
+}
+
+// v2026.5.41 : écoute les changements de thème OS pour les répercuter
+// quand l'utilisateur est en mode "auto" (cfg.theme === "auto" ou absent).
+function _watchOsThemeChanges() {
+  if (!window.matchMedia) return;
+  const mq = window.matchMedia("(prefers-color-scheme: dark)");
+  const handler = async () => {
+    try {
+      const cfg = await loadAdminConfig();
+      const pref = cfg.theme || "auto";
+      if (pref === "auto") _applyTheme("auto");
+    } catch (e) {}
+  };
+  if (mq.addEventListener) mq.addEventListener("change", handler);
+  else if (mq.addListener) mq.addListener(handler);  // fallback Safari ancien
 }
 
 function renderAdminSectionDiagnostics(container, cfg, saveFn) {
@@ -3840,6 +3963,12 @@ async function fetchPlanningForDate(isoDate) {
         } else {
           showEvUnreachable();
         }
+      } else if (resp.error === "no_team_configured") {
+        // v2026.5.41 : aucun technicien sélectionné dans Paramètres → Équipe
+        showError(
+          "Aucun technicien sélectionné. Ouvrez ⚙ Paramètres → Équipe pour " +
+          "choisir le groupe EasyVista et cocher les techniciens à afficher."
+        );
       } else {
         showError("Erreur de fetch : " + (resp.error || "inconnue"));
       }
@@ -5727,17 +5856,21 @@ function isTechAbsent(tech, isoDate) {
 // Construction d'une carte
 // ============================================================================
 
-// v4.1.20 : détecte si tech = Pillonel Olivier ET jour = vendredi.
+// v2026.5.41 : générique. Plus aucun nom hardcodé. Lit cfg.recurringAbsences
-// Hardcodé car c'est une absence récurrente connue spécifique à lui.
+// (chargé depuis admin_config) : pour chaque tech.id, un tableau de jours JS
-function isPillonelAbsentFriday(tech, isoDate) {
+// (0=dim, 1=lun, …, 6=sam) où il est marqué absent récurrent.
-  if (!tech || !tech.name) return false;
+function isRecurringAbsence(tech, isoDate) {
-  // Normaliser le nom (tolère "Pillonel, Olivier", "Pillonel Olivier", etc.)
+  if (!tech || !tech.id) return false;
-  const name = tech.name.toLowerCase();
+  const days = RECURRING_ABSENCES[tech.id];
-  if (!name.includes("pillonel")) return false;
+  if (!Array.isArray(days) || days.length === 0) return false;
-  if (!name.includes("olivier")) return false;
+  const day = isoToDate(isoDate).getDay();
-  // Jour de la semaine : 5 = vendredi (en JS, 0=dim, 1=lun, ..., 5=ven)
+  return days.includes(day);
-  const d = isoToDate(isoDate);
+}
-  return d.getDay() === 5;
+
+// Libellé "Absent le <jour>" — calculé depuis la date au lieu d'être hardcodé.
+function _recurringAbsenceLabel(isoDate) {
+  const names = ["dimanche", "lundi", "mardi", "mercredi", "jeudi", "vendredi", "samedi"];
+  return "Absent le " + names[isoToDate(isoDate).getDay()];
 }
 
 /**
@@ -5752,9 +5885,9 @@ function buildCard(tech, isoDate) {
 
   const isPompier = tech.interventions.some(iv => iv.isPompier);
   const isAbsent = isTechAbsent(tech, isoDate);
-  // v2026.5.30 : détecter aussi les absences récurrentes hardcodées (Pillonel vendredi)
+  // v2026.5.41 : absence récurrente générique (configurée par tech dans
-  // pour leur appliquer le code couleur cyan (comme Congé) au lieu du rouge Pompier.
+  // Paramètres → Équipe). Code couleur cyan (comme Congé).
-  const isRecurring = isPillonelAbsentFriday(tech, isoDate);
+  const isRecurring = isRecurringAbsence(tech, isoDate);
 
   if (isPompier) card.classList.add("is-pompier");
   if (isAbsent) card.classList.add("is-absent");
@@ -5782,6 +5915,37 @@ function buildCard(tech, isoDate) {
   const absenceBlocks = tech.interventions.filter(iv => iv.type === "AL-Absence");
   const pompierBlocks = tech.interventions.filter(iv => iv.isPompier);
 
+  // v2026.5.41 : conflit absence/réservation × intervention.
+  // Si une intervention est planifiée alors que le tech a une absence (non-pompier)
+  // ou une réservation au même créneau, on marque la carte de l'intervention en
+  // rouge plein. Cas full-day : toutes les interv réelles sont marquées.
+  const conflictPeriods = [];
+  for (const iv of tech.interventions) {
+    const isAbsenceConflict = iv.type === "AL-Absence" && !iv.isPompier;
+    const isReservationConflict = iv.type === "AL-Reservation";
+    if (!isAbsenceConflict && !isReservationConflict) continue;
+    const s = timeToMinutes(iv.startTime);
+    const e = timeToMinutes(iv.endTime);
+    if (s === null || e === null) {
+      // Pas d'horaires précis → on considère que ça couvre toute la journée
+      conflictPeriods.push([DAY_START, DAY_END]);
+    } else {
+      conflictPeriods.push([s, e]);
+    }
+  }
+  // Absence récurrente ce jour ou full-day → toute la journée est en conflit
+  if (isAbsent || isRecurring) {
+    conflictPeriods.push([DAY_START, DAY_END]);
+  }
+  // Stamp chaque intervention réelle (uniquement type AL-Intervention)
+  for (const iv of realInterventions) {
+    if (iv.type !== "AL-Intervention") { iv._absenceConflict = false; continue; }
+    const ivS = timeToMinutes(iv.startTime);
+    const ivE = timeToMinutes(iv.endTime);
+    if (ivS === null || ivE === null) { iv._absenceConflict = false; continue; }
+    iv._absenceConflict = conflictPeriods.some(([cs, ce]) => ivS < ce && ivE > cs);
+  }
+
   const morning = realInterventions.filter(iv => {
     const s = timeToMinutes(iv.startTime);
     return s !== null && s < 12 * 60;
@@ -5810,7 +5974,7 @@ function buildCard(tech, isoDate) {
     const badge = document.createElement("div");
     badge.className = "card-tech-badge";
     if (isRecurring) {
-      // v2026.5.30 : absence récurrente (Pillonel vendredi) → badge "Absent" cyan
+      // v2026.5.41 : absence récurrente (configurée par tech) → badge "Absent" cyan
       badge.classList.add("badge-recurring");
       badge.textContent = "Absent";
     } else if (isPompier) {
@@ -5946,19 +6110,16 @@ function buildCard(tech, isoDate) {
     }
   }
 
-  // v4.1.20 : cas spécifique Pillonel Olivier, absent tous les vendredis.
+  // v2026.5.41 : absence récurrente générique. Affichage d'un message
-  // Affichage d'un message explicite au lieu de "Pas d'intervention planifiée".
+  // "Absent le <jour>" priorité, même si un bloc AL-Absence couvre le jour.
-  // v4.2 : prioritaire même si un bloc AL-Absence couvre le vendredi (ce qui
+  const isRecurringDay = isRecurringAbsence(tech, isoDate);
-  //        est le cas normal), pour TOUJOURS afficher "Absent le vendredi".
-  const isPillonelFriday = isPillonelAbsentFriday(tech, isoDate);
 
-  // Absent sans interv → on stop là (après avoir posé le message Pillonel
+  // Absent sans interv → on stop là (après avoir posé le message récurrent si applicable).
-  // si vendredi).
   if (isAbsent && realInterventions.length === 0) {
-    if (isPillonelFriday) {
+    if (isRecurringDay) {
       const note = document.createElement("div");
       note.className = "tech-absence-recurring";
-      note.textContent = "Absent le vendredi";
+      note.textContent = _recurringAbsenceLabel(isoDate);
       body.appendChild(note);
     }
     card.appendChild(body);
@@ -5980,10 +6141,10 @@ function buildCard(tech, isoDate) {
   });
 
   if (realInterventions.length === 0 && !isPompier && !hasPartialAbsences) {
-    if (isPillonelFriday) {
+    if (isRecurringDay) {
       const note = document.createElement("div");
       note.className = "tech-absence-recurring";
-      note.textContent = "Absent le vendredi";
+      note.textContent = _recurringAbsenceLabel(isoDate);
       body.appendChild(note);
     } else {
       const empty = document.createElement("div");
@@ -5995,11 +6156,11 @@ function buildCard(tech, isoDate) {
     return card;
   }
 
-  // Pillonel vendredi avec quand même des interv planifiées ? Rare mais possible.
+  // Tech avec absence récurrente ce jour mais quand même des interv planifiées ? Rare mais possible.
-  if (isPillonelFriday && realInterventions.length > 0) {
+  if (isRecurringDay && realInterventions.length > 0) {
     const note = document.createElement("div");
     note.className = "tech-absence-recurring";
-    note.textContent = "Absent le vendredi";
+    note.textContent = _recurringAbsenceLabel(isoDate);
     body.appendChild(note);
   }
 
@@ -6163,6 +6324,8 @@ function _buildMiniCardsRow(realInterventions, cardEl) {
     const ivIdx = realInterventions.indexOf(iv);
     const card = document.createElement("div");
     card.className = "iv-mini-card color-" + colorKey;
+    // v2026.5.41 : conflit avec absence/réservation → mini-card rouge plein
+    if (iv._absenceConflict) card.classList.add("intervention-conflict-absence");
     card.dataset.ivIdx = String(ivIdx);
     if (iv.ref) card.dataset.ref = iv.ref;
 
@@ -6243,10 +6406,17 @@ function _buildMiniCardsRow(realInterventions, cardEl) {
           openInterventionFromTimeline(card, { background: true });
           return;
         }
-        // v2026.5.40 r10 : forcer l'affichage IMMÉDIAT de la grande popup
+        // v2026.5.41 : en vue horizontale, le clic simple ouvre la fiche EV
-        // ancrée AVANT pinTooltip(). Sans ça, si le délai showTooltip 500ms
+        // dans un nouvel onglet (au lieu d'épingler la popup, comportement
-        // n'est pas encore écoulé OU si la petite popup timeline était
+        // peu utile en horizontal car la popup est déjà visible au survol).
-        // affichée juste avant, c'est elle qui se faisait épingler.
+        const isHorizontal = document.documentElement.classList.contains("view-horizontal");
+        if (isHorizontal) {
+          e.preventDefault();
+          e.stopPropagation();
+          openInterventionFromTimeline(card, { background: false });
+          return;
+        }
+        // Vue classique : clic = épingle la grande popup ancrée.
         e.stopPropagation();
         _cancelPendingShowTooltip();
         _cancelPendingTimelinePopover();
@@ -6695,6 +6865,8 @@ function buildInterventionRow(iv, cardEl) {
   row.className = "intervention-v2";
   row.dataset.actionId = iv.actionId;
   if (iv.isPompier) row.classList.add("is-pompier-line");
+  // v2026.5.41 : intervention en conflit avec une absence/réservation → rouge plein
+  if (iv._absenceConflict) row.classList.add("intervention-conflict-absence");
   // 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.
@@ -8110,14 +8282,23 @@ function positionTooltipAnchored(sourceEl, opts) {
 
   // 4 candidats (ordre : droite → gauche → dessous → dessus)
   //   Préférence opts.anchorBelow = true : dessous en premier (ex: clic timeline)
+  // v2026.5.41 : en vue horizontale, on n'autorise QUE dessous/dessus (la
+  // sidebar à gauche et la timeline pleine largeur rendent gauche/droite
+  // peu praticables et le popup masquerait la row source).
   const rightCandidate  = { x: srcRect.right + pad, y: srcRect.top,             label: "droite"  };
   const leftCandidate   = { x: srcRect.left - tipW - pad, y: srcRect.top,       label: "gauche"  };
   const belowCandidate  = { x: srcRect.left, y: srcRect.bottom + pad,           label: "dessous" };
   const aboveCandidate  = { x: srcRect.left, y: srcRect.top - tipH - pad,       label: "dessus"  };
 
-  const candidates = opts.anchorBelow
+  const isHorizontal = document.documentElement.classList.contains("view-horizontal");
-    ? [belowCandidate, aboveCandidate, rightCandidate, leftCandidate]
+  let candidates;
-    : [rightCandidate, leftCandidate, belowCandidate, aboveCandidate];
+  if (isHorizontal) {
+    candidates = [belowCandidate, aboveCandidate];
+  } else if (opts.anchorBelow) {
+    candidates = [belowCandidate, aboveCandidate, rightCandidate, leftCandidate];
+  } else {
+    candidates = [rightCandidate, leftCandidate, belowCandidate, aboveCandidate];
+  }
 
   const pinnedRects = (typeof _getPinnedPopupsViewportRects === "function")
     ? _getPinnedPopupsViewportRects()
@@ -8147,10 +8328,16 @@ function positionTooltipAnchored(sourceEl, opts) {
   }
 
   if (!chosen) {
-    // Fallback : droite clampée à tout prix, même si ça chevauche (cas rare
+    // Fallback : en horizontal, dessous clampé. En classique, droite clampée.
-    // avec écran minuscule ou beaucoup de popups épinglés)
+    // Même si ça chevauche (cas rare : écran minuscule ou beaucoup de popups épinglés).
-    let fx = srcRect.right + pad;
+    let fx, fy;
-    let fy = srcRect.top;
+    if (isHorizontal) {
+      fx = srcRect.left;
+      fy = srcRect.bottom + pad;
+    } else {
+      fx = srcRect.right + pad;
+      fy = srcRect.top;
+    }
     if (fx + tipW > safe.right) fx = safe.right - tipW;
     if (fx < safe.left) fx = safe.left;
     if (fy + tipH > safe.bottom) fy = safe.bottom - tipH;
@@ -8227,8 +8414,15 @@ function _findFreePopupPosition(rowEl, w, h) {
   // v2026.5.20 : utiliser la safe area (en dessous topbar, au-dessus dock)
   const safe = _getPopupSafeArea();
 
-  // 4 candidats d'abord, autour de la row source (en coords viewport)
+  // 4 candidats d'abord, autour de la row source (en coords viewport).
-  const candidates = [
+  // v2026.5.41 : en vue horizontale, on n'autorise QUE dessous/dessus.
+  const isHorizontal = document.documentElement.classList.contains("view-horizontal");
+  const candidates = isHorizontal
+    ? [
+        { x: rowRect.left, y: rowRect.bottom + pad,       name: "dessous" },
+        { x: rowRect.left, y: rowRect.top - h - pad,      name: "dessus"  }
+      ]
+    : [
         { x: rowRect.right + pad, y: rowRect.top,         name: "droite"  },
         { x: rowRect.left - w - pad, y: rowRect.top,      name: "gauche"  },
         { x: rowRect.left, y: rowRect.bottom + pad,       name: "dessous" },
@@ -10036,7 +10230,7 @@ function buildTooltipHTML(iv) {
     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
+    // Pour les absences récurrentes (configurées par tech), 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>`);