v2026.5.44 — Refonte topbar, personnalisation Apparence, onboarding équipe, fix #1

Refresh / cache / verdicts ghost : - Rafraîchissement séquentiel (1 fiche à la fois) avec arrêt instantané via AbortController. - Re-fetch checksum frais (basicAutoComplete + redirectHeader). - Cache merge robuste avec fallback cachedByRef ; cache écrit toutes les 5 fiches (incrémental). - Verdicts ghost unifiés : ✓✓ clos/résolu, ✓ Fait (pending), ✓ jaune Suspendu, retrait silencieux pour cancelled. - Statuts EV configurables depuis Paramètres → EasyVista (matching insensible à la casse, accents, conjugaisons). - Mode diagnostic optionnel (Diagnostics) qui logge tout sans rien retirer. Topbar (vue classique) : - Sélecteur de date du planning ancré au centre absolu (ne se décale plus quand le bouton Arrêter apparaît). - Bouton Aujourd'hui en toutes lettres. - Horloge contextuelle réduite à côté. Personnalisation (Paramètres → Apparence) : - Couleur de la topbar : 12 presets cliquables + picker custom + champ hex. Texte topbar adapté automatiquement (luminance) pour rester lisible. - Police de l'application : 28 choix (Arial, Helvetica, Verdana, Tahoma, Trebuchet, Calibri, Segoe UI, Times New Roman, Georgia, Cambria, Garamond, Palatino, Courier, Consolas, Comic Sans, Impact, …) appliquée à toute la page (cards, popups, panel admin) avec preview live. - Export / import du cache et de admin_config. Vue horizontale : - Bloc Aujourd'hui + horloge empilé verticalement dans la sidebar. - Date sélectionnée mise en avant (taille augmentée, gras), date du jour + heure réduites à la même petite taille. - Barre verticale verte à droite des mini-cards clos/résolu (✓✓), avec décalage du ✓✓ pour ne pas chevaucher. - Sidebar adopte la couleur de topbar custom (titre, horloge, today-block, date sélectionnée, boutons, theme-toggle, séparateurs translucides cohérents via color-mix). Stats globales : - Nouveau compteur 'X faits / Y clos' entre (matin · après-midi) et tech. dispo. - Vue classique : séparateur '//' après clos. - Vue horizontale (sidebar) : barre horizontale 1px de séparation. Onboarding équipe : - Carte centrée propre (icône, titre, description, bouton 'Ouvrir paramètres') quand aucun technicien n'est sélectionné. Bouton ouvre directement la section Équipe du panel admin. Bugfix : - Issue #1 (Pompier + Absence) : les deux badges s'affichent désormais avec '/' au lieu de masquer l'absence. - Absences récurrentes restaurées au switch de groupe (étaient invisibles alors qu'en storage). - Barre de progression / bannière session expirée suivent la hauteur dynamique de la topbar (--topbar-height via ResizeObserver). - STATUS_FR regex limite 30 → 200 chars. - Description action décodée proprement (\u0022, <br>, HTML strippé) ; préfixe 'login:' retiré du commentaire technicien. - Flèche '↗' retirée des références cliquables.
docs: clarification audience — coordinateurs DGNSI (pas techniciens)
2026-05-01 18:08:11 +02:00 · 2026-04-27 06:02:12 +02:00 · 2026-04-27 05:52:42 +02:00 · 2026-04-27 05:39:53 +02:00 · 2026-04-27 05:31:29 +02:00 · 2026-04-27 05:18:30 +02:00
17 changed files with 20503 additions and 1272 deletions
@@ -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
@@ -1,17 +1,360 @@
 # 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.44 — Refonte topbar, personnalisation Apparence, onboarding équipe, refresh séquentiel
+
+> Refonte visuelle de la topbar (vue classique + horizontale), nouveau panneau
+> de personnalisation (couleur de la barre du haut + police de l'application
+> sur toute la page), nouvelle expérience d'onboarding quand aucun technicien
+> n'est sélectionné, refonte du système de verdicts ghost (✓✓ clos / ✓ Fait /
+> ✓ Suspendu), refresh strictement séquentiel avec arrêt instantané, et
+> plusieurs corrections.
+
+### Refresh / cache / verdicts ghost
+
+- Rafraîchissement **séquentiel** (1 fiche à la fois) au lieu de 5 workers
+  parallèles → arrêt instantané via le bouton « ✕ Arrêter » (AbortController),
+  plus de races DOM, ordre d'affichage cohérent (pompier d'abord, puis alpha,
+  puis matin → après-midi).
+- Re-fetch du checksum frais via `basicAutoComplete` + `redirectHeader`
+  (plus de fiche périmée entre sessions).
+- Cache merge robuste (fallback `cachedByRef` quand `actionId` change) et
+  cache écrit toutes les 5 fiches pendant le refresh (incrémental).
+- **Système de verdicts ghost unifié** : ✓✓ vert (clos / résolu officiel),
+  ✓ gris « Fait » (terminated-pending), ✓ jaune « Suspendu »
+  (terminated-suspended), retrait silencieux pour cancelled / cancelled-
+  reservation / cancelled-absence.
+- Statuts EV (clos / résolu / annulé / suspendu) éditables depuis Paramètres
+  → EasyVista avec matching insensible à la casse, accents et conjugaisons.
+- Mise à jour live du tooltip et du popup épinglé après un verdict (plus
+  besoin de fermer/réouvrir).
+- Clic immédiat sur la carte dès que le verdict tombe (avant la fin du
+  refresh complet).
+- Boutons « Actualiser » (rapide, ne re-télécharge pas les fiches déjà
+  connues) vs « Tout recharger » (force tout sauf les ✓✓ déjà clos).
+- **Mode diagnostic optionnel** (Paramètres → Diagnostics) : aucune
+  intervention disparue n'est retirée silencieusement, tout est tracé sous
+  le préfixe `[disparition]` dans la console F12 pour debug. En PROD
+  (par défaut), les iv `cancelled` sont bien retirées comme avant.
+
+### Topbar — vue classique
+
+- Sélecteur de date du planning **ancré au centre absolu** : il ne se décale
+  plus quand le bouton « ✕ Arrêter » apparaît à droite pendant un
+  rafraîchissement.
+- Bouton **« Aujourd'hui »** affiché en toutes lettres (au lieu de « Auj. »).
+- Horloge contextuelle (date du jour + heure) réduite et discrète, à côté
+  du bouton Aujourd'hui dans un cadre encadré.
+- Date du planning agrandie et neutre (couleur stable, plus de bascule
+  selon la date sélectionnée).
+
+### Personnalisation — Paramètres → Apparence
+
+- **Couleur de la barre du haut** : 12 presets cliquables (Défaut, Blanc,
+  Gris clair, Anthracite, Bleu DGNSI, Marine, Vert sapin, Brique, Violet,
+  Rouge, Bleu pastel, Vert pastel) + picker custom + champ hex `#rrggbb`
+  + bouton « Réinitialiser ».
+- La couleur s'applique uniquement à la topbar (et à la sidebar quand on
+  est en vue horizontale).
+- Le texte de la topbar (titre, horloge, date, capture-info, badges,
+  boutons) s'adapte automatiquement (clair/foncé) selon la **luminance**
+  de la couleur choisie pour rester toujours lisible.
+- **Police de l'application** : 28 choix organisés en familles
+  (sans-serif : Arial, Helvetica, Verdana, Tahoma, Trebuchet, Calibri,
+  Segoe UI, Gill Sans, Futura, Optima ; serif : Times New Roman, Georgia,
+  Cambria, Garamond, Palatino, Bookman ; monospace : Courier New, Consolas,
+  Lucida Console, JetBrains Mono ; display : Comic Sans MS, Impact,
+  Brush Script, Copperplate ; condensée : Arial Narrow). La police choisie
+  s'applique à **toute la page** (topbar, cards, popups, tooltips, panel
+  admin) et chaque option du select s'affiche dans sa propre police pour
+  prévisualiser le rendu, avec un aperçu live à droite.
+- Export / import du cache et de `admin_config` depuis Paramètres →
+  Diagnostics.
+
+### Vue horizontale
+
+- Bloc « Aujourd'hui + horloge » empilé verticalement dans la sidebar, dans
+  le même cadre encadré que la vue classique.
+- Date sélectionnée mise en avant (taille augmentée, en gras), date du
+  jour et heure réduites à la même petite taille pour rester discrètes.
+- **Barre verticale verte** ajoutée à droite des mini-cards quand le
+  ticket est officiellement clôturé / résolu (✓✓), avec léger décalage du
+  ✓✓ pour ne pas chevaucher la barre.
+- Quand l'utilisateur a choisi une couleur de topbar, la sidebar prend
+  aussi la couleur : titre, horloge, capture-info, stats, today-block,
+  date sélectionnée, boutons, theme-toggle et séparateurs adoptent une
+  teinte translucide cohérente (via `color-mix`) qui contraste correctement
+  sur n'importe quel fond.
+
+### Statistiques globales
+
+- Nouveau compteur **« X faits / Y clos »** entre `(matin · après-midi)`
+  et `tech. dispo`. Inclut tous les tickets terminés (clos/résolus officiels
+  + verdicts ghost « Fait » / « Suspendu »).
+- En vue classique, séparateur `//` après `clos` (au lieu de `·`).
+- En vue horizontale (sidebar), une **barre horizontale 1px** sépare le
+  bloc interventions/faits/clos du bloc tech. dispo + pompiers / absents.
+
+### Onboarding équipe (1ʳᵉ install ou config vide)
+
+- L'erreur générique « Aucun technicien sélectionné » est remplacée par une
+  **carte d'onboarding centrée** comprenant :
+  - icône (👥) cerclée en couleur accent du thème ;
+  - titre « Aucune équipe configurée » ;
+  - description claire ;
+  - bouton primary **« Ouvrir paramètres »** qui ouvre directement le panel
+    admin sur la section Équipe.
+- Carte centrée verticalement et horizontalement dans la zone disponible,
+  identique en vue classique et horizontale.
+
+### Bugfix
+
+- **Issue #1 (Pompier + Absence)** : si un tech est à la fois pompier ET
+  absent, les deux badges s'affichent désormais avec un séparateur `/` au
+  lieu de masquer l'absence derrière le badge pompier.
+- **Absences récurrentes** : quand on changeait de groupe puis revenait au
+  groupe initial, les jours d'absence cochés pour les techniciens
+  disparaissaient visuellement (la donnée elle-même restait en storage).
+  Correction : restauration depuis `cfg.recurringAbsences` à chaque
+  re-render.
+- **Barre de progression / bannière session expirée** : suivent désormais
+  la hauteur dynamique de la topbar (variable CSS `--topbar-height` mesurée
+  par un `ResizeObserver`). Plus de chevauchement quand on scrolle.
+- **STATUS_FR regex** : limite augmentée de 30 à 200 caractères (battait
+  sur « Suspendu : Attente info bénéficiaire/demandeur »).
+- **Description action** : décodage `" → "`, `<br> → \n`, HTML
+  strippé. Préfixe « login: » retiré du commentaire technicien dans le
+  tooltip / popup.
+- **Tooltip référence** : flèche « ↗ » retirée du lien cliquable.
+
+---
+
+## 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 +414,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 +468,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 +498,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 +519,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)
@@ -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)
@@ -1,68 +0,0 @@
-// background.js — Service worker (Manifest V3)
-//
-// Quand l'utilisateur clique sur l'icône de l'extension :
-// 1. On vérifie qu'il est bien sur itsma.vd.ch
-// 2. On injecte un script dans l'onglet qui récupère le HTML complet
-//    de la page + tous les liens vers les fiches d'intervention
-// 3. On stocke ça dans chrome.storage.local
-// 4. On ouvre un nouvel onglet avec viewer.html
-
-chrome.action.onClicked.addListener(async (tab) => {
-  try {
-    if (!tab.url || !tab.url.startsWith("https://itsma.vd.ch/")) {
-      await chrome.storage.local.set({
-        planningError:
-          "Cette extension ne fonctionne que sur https://itsma.vd.ch/. " +
-          "Va d'abord sur la page du planning, puis reclique sur l'icône."
-      });
-      await openViewer();
-      return;
-    }
-
-    // Injecter un script dans l'onglet pour extraire le HTML
-    const results = await chrome.scripting.executeScript({
-      target: { tabId: tab.id },
-      func: extractPlanningFromPage
-    });
-
-    const data = results[0]?.result;
-    if (!data || !data.html) {
-      await chrome.storage.local.set({
-        planningError:
-          "Impossible de lire le contenu de la page. " +
-          "Assure-toi d'être bien sur la page du planning des techniciens."
-      });
-      await openViewer();
-      return;
-    }
-
-    // Stocker le HTML capturé + l'URL de base pour les requêtes futures
-    await chrome.storage.local.set({
-      planningHtml: data.html,
-      planningUrl: tab.url,
-      planningCapturedAt: Date.now(),
-      planningError: null
-    });
-
-    await openViewer();
-  } catch (err) {
-    console.error("Erreur extension:", err);
-    await chrome.storage.local.set({
-      planningError: "Erreur inattendue : " + (err?.message || String(err))
-    });
-    await openViewer();
-  }
-});
-
-// Fonction injectée dans la page du planning
-// (elle s'exécute dans le contexte de itsma.vd.ch, pas dans le service worker)
-function extractPlanningFromPage() {
-  // Récupérer tout le HTML de la page
-  const html = document.documentElement.outerHTML;
-  return { html: html };
-}
-
-async function openViewer() {
-  const viewerUrl = chrome.runtime.getURL("viewer.html");
-  await chrome.tabs.create({ url: viewerUrl });
-}
@@ -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é."
@@ -0,0 +1,33 @@
+{
+  "addons": {
+    "planification-dgnsi@netaplaid.ch": {
+      "updates": [
+        {
+          "version": "2026.5.44",
+          "update_link": "https://gitea.netaplaid.ch/FroSteel/Planification/releases/download/v2026.5.44/planification-v2026.5.44-firefox.xpi",
+          "update_hash": "sha256:e56e87d59c465e5df828b18d74376f561bf34e81e21bf4d70989a709e89217e0"
+        },
+        {
+          "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:7052200fab3c9266d5b809398a00dac768679ab2e96e4e147e4bb86c4ab648e5"
+        },
+        {
+          "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"
+        }
+      ]
+    }
+  }
+}
@@ -1,18 +1,24 @@
 {
  "manifest_version": 3,
-  "name": "Planning Techniciens — Vue claire",
-  "version": "1.0.0",
-  "description": "Réaffiche le planning du jour (itsma.vd.ch) avec pompier, absents et détails d'interventions à la demande.",
+  "name": "Planification",
+  "version": "2026.5.44",
+  "description": "Vue claire et rapide du planning des techniciens EasyVista. Développé par Quentin Rouiller — DGNSI, Canton de Vaud.",
  "permissions": [
    "activeTab",
    "scripting",
-    "storage"
+    "storage",
+    "tabs",
+    "alarms"
  ],
  "host_permissions": [
+    "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"
@@ -30,6 +36,7 @@
        "viewer.css"
      ],
      "matches": [
+        "https://itsma.etat-de-vaud.ch/*",
        "https://itsma.vd.ch/*"
      ]
    }
@@ -0,0 +1,150 @@
+<!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>Planification</title>
+  <link rel="stylesheet" href="viewer.css">
+</head>
+<body>
+  <header class="topbar">
+    <div class="topbar-left">
+      <!-- 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>
+      <!-- R13u : bloc "Aujourd'hui + horloge" encadré, suivi DIRECTEMENT
+           du statut d'actualisation (MAJ + ✓), puis le sélecteur de date
+           du planning. -->
+      <div id="today-block" class="today-block">
+        <button id="nav-today" class="btn btn-today" title="Revenir au jour courant">Aujourd'hui</button>
+        <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>
+      </div>
+      <span id="capture-info" class="capture-info"></span>
+      <span id="refresh-check" class="refresh-check hidden" title="Mise à jour terminée">✓</span>
+      <div class="date-nav">
+        <button id="nav-prev" class="btn btn-nav" title="Jour précédent" aria-label="Jour précédent">◀</button>
+        <div class="date-custom-wrapper">
+          <div id="date-custom" class="date-custom" role="button" tabindex="0" title="Choisir une date du planning">
+            <span id="date-custom-label"></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>
+      </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">
+      <!-- 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>
+      </button>
+      <button id="refresh-btn" class="btn btn-refresh btn-refresh-strong" title="Tout recharger : re-télécharge le planning ET toutes les fiches (y compris celles déjà connues) pour voir évoluer les statuts. Plus lent.">
+        <svg id="refresh-icon" class="btn-refresh-icon" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M2 8a6 6 0 1 0 1.76-4.24M2 3v3h3" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M14 8a6 6 0 0 1-10.2 4.24M14 13v-3h-3" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>
+        <span class="btn-refresh-label">Tout recharger</span>
+      </button>
+      <button id="abort-btn" class="btn btn-abort hidden" title="Arrêter le rafraîchissement en cours">
+        ✕ Arrêter
+      </button>
+      <button id="clear-cache-btn" class="btn btn-subtle" title="Vider le cache du jour affiché">
+        Vider cache
+      </button>
+      <button id="theme-toggle" class="btn btn-icon" title="Changer de thème" aria-label="Changer de thème">
+        <span id="theme-icon">🌙</span>
+      </button>
+    </div>
+  </header>
+
+  <!-- Bannière session expirée (non bloquante, apparaît en haut du contenu) -->
+  <div id="session-expired-banner" class="session-banner hidden">
+    <span class="session-banner-icon">⚠</span>
+    <span class="session-banner-text">
+      <strong>Session EasyVista expirée.</strong>
+      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>
+    <span class="progress-bar-label" id="progress-bar-label"></span>
+  </div>
+
+  <main id="main">
+    <div id="error-box" class="error-box hidden"></div>
+    <div id="session-needed" class="session-needed hidden">
+      <h2>Session EasyVista expirée</h2>
+      <p>Reconnectez-vous à EasyVista pour continuer.</p>
+      <button id="open-ev-btn" class="btn btn-primary">Ouvrir EasyVista</button>
+    </div>
+    <div id="ev-unreachable" class="session-needed hidden">
+      <h2>EasyVista est inaccessible pour le moment.</h2>
+      <p>Réessayez dans quelques instants, ou ouvrez EasyVista directement.</p>
+      <button id="open-ev-btn-2" class="btn btn-primary">Ouvrir EasyVista</button>
+      <button id="retry-btn" class="btn btn-subtle">Réessayer</button>
+    </div>
+    <div id="loading" class="loading">Chargement…</div>
+    <div id="stats" class="stats hidden"></div>
+    <div id="cards" class="cards"></div>
+  </main>
+
+  <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>
+
+  <script src="viewer.js"></script>
+</body>
+</html>
@@ -1,360 +0,0 @@
-/* viewer.css — Style de la vue claire du planning */
-
-* {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-}
-
-body {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
-  background: #f5f7fa;
-  color: #1f2937;
-  line-height: 1.5;
-  min-height: 100vh;
-  padding-bottom: 40px;
-}
-
-.hidden {
-  display: none !important;
-}
-
-/* === Top bar === */
-.topbar {
-  background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
-  color: white;
-  padding: 20px 32px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
-  flex-wrap: wrap;
-  gap: 16px;
-}
-
-.topbar h1 {
-  font-size: 24px;
-  font-weight: 600;
-}
-
-.subtitle {
-  font-size: 13px;
-  opacity: 0.85;
-  margin-top: 4px;
-}
-
-.topbar-right {
-  display: flex;
-  gap: 12px;
-}
-
-.topbar button {
-  background: rgba(255,255,255,0.15);
-  color: white;
-  border: 1px solid rgba(255,255,255,0.3);
-  padding: 8px 16px;
-  border-radius: 6px;
-  cursor: pointer;
-  font-size: 14px;
-  font-weight: 500;
-  transition: background 0.2s;
-}
-
-.topbar button:hover {
-  background: rgba(255,255,255,0.25);
-}
-
-.topbar button:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-
-/* === Error zone === */
-.error-zone {
-  margin: 24px 32px;
-  padding: 16px 20px;
-  background: #fef2f2;
-  border: 1px solid #fca5a5;
-  color: #991b1b;
-  border-radius: 8px;
-}
-
-/* === Summary cards (pompier, absents, stats) === */
-.summary {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-  gap: 16px;
-  margin: 24px 32px;
-}
-
-.summary-card {
-  background: white;
-  padding: 18px 22px;
-  border-radius: 10px;
-  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
-  border-left: 4px solid #e5e7eb;
-}
-
-.summary-card.summary-pompier {
-  border-left-color: #dc2626;
-}
-
-.summary-card.summary-absents {
-  border-left-color: #f59e0b;
-}
-
-.summary-card.summary-stats {
-  border-left-color: #10b981;
-}
-
-.summary-label {
-  font-size: 12px;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  color: #6b7280;
-  font-weight: 600;
-  margin-bottom: 6px;
-}
-
-.summary-value {
-  font-size: 20px;
-  font-weight: 600;
-  color: #111827;
-}
-
-.summary-value .muted {
-  font-weight: 400;
-  color: #6b7280;
-  font-size: 14px;
-}
-
-/* === Main content : cartes techniciens === */
-#main-content {
-  margin: 0 32px;
-}
-
-.placeholder {
-  background: white;
-  padding: 48px 32px;
-  border-radius: 10px;
-  text-align: center;
-  color: #9ca3af;
-  font-size: 16px;
-}
-
-.tech-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
-  gap: 20px;
-}
-
-.tech-card {
-  background: white;
-  border-radius: 10px;
-  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-}
-
-.tech-card.tech-absent {
-  opacity: 0.7;
-  background: #fafafa;
-}
-
-.tech-card.tech-pompier {
-  box-shadow: 0 0 0 2px #dc2626, 0 2px 6px rgba(220,38,38,0.2);
-}
-
-.tech-header {
-  padding: 14px 18px;
-  background: #f9fafb;
-  border-bottom: 1px solid #e5e7eb;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-.tech-card.tech-pompier .tech-header {
-  background: #fef2f2;
-}
-
-.tech-card.tech-absent .tech-header {
-  background: #fef3c7;
-}
-
-.tech-name {
-  font-weight: 600;
-  font-size: 16px;
-  color: #111827;
-}
-
-.tech-badge {
-  font-size: 11px;
-  padding: 3px 8px;
-  border-radius: 12px;
-  font-weight: 600;
-  text-transform: uppercase;
-}
-
-.tech-badge.badge-pompier {
-  background: #dc2626;
-  color: white;
-}
-
-.tech-badge.badge-absent {
-  background: #f59e0b;
-  color: white;
-}
-
-.tech-badge.badge-count {
-  background: #e5e7eb;
-  color: #4b5563;
-}
-
-.tech-interventions {
-  padding: 8px 0;
-  flex: 1;
-}
-
-.tech-empty {
-  padding: 24px;
-  text-align: center;
-  color: #9ca3af;
-  font-style: italic;
-  font-size: 14px;
-}
-
-/* === Intervention items === */
-.intervention {
-  padding: 10px 18px;
-  border-bottom: 1px solid #f3f4f6;
-  cursor: pointer;
-  transition: background 0.15s;
-  position: relative;
-}
-
-.intervention:last-child {
-  border-bottom: none;
-}
-
-.intervention:hover {
-  background: #eff6ff;
-}
-
-.interv-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: baseline;
-  gap: 8px;
-}
-
-.interv-time {
-  font-weight: 600;
-  color: #1e40af;
-  font-size: 14px;
-  font-variant-numeric: tabular-nums;
-  white-space: nowrap;
-}
-
-.interv-ref {
-  font-size: 12px;
-  color: #6b7280;
-  font-family: ui-monospace, "SF Mono", Consolas, monospace;
-}
-
-.interv-summary {
-  font-size: 13px;
-  color: #374151;
-  margin-top: 4px;
-  line-height: 1.4;
-}
-
-.interv-contact {
-  font-weight: 500;
-}
-
-.interv-location {
-  color: #6b7280;
-}
-
-.interv-details {
-  margin-top: 12px;
-  padding: 12px;
-  background: #f9fafb;
-  border-radius: 6px;
-  font-size: 13px;
-  line-height: 1.6;
-  white-space: pre-wrap;
-  max-height: 400px;
-  overflow-y: auto;
-}
-
-.interv-details.loading {
-  color: #9ca3af;
-  font-style: italic;
-}
-
-.interv-details.error {
-  color: #991b1b;
-  background: #fef2f2;
-}
-
-.interv-open-link {
-  display: inline-block;
-  margin-top: 8px;
-  font-size: 12px;
-  color: #2563eb;
-  text-decoration: none;
-}
-
-.interv-open-link:hover {
-  text-decoration: underline;
-}
-
-/* === Absence item (affichée dans la carte du tech absent) === */
-.absence-info {
-  padding: 12px 18px;
-  font-size: 14px;
-  color: #78350f;
-  background: #fef3c7;
-  border-left: 3px solid #f59e0b;
-}
-
-.pompier-info {
-  padding: 12px 18px;
-  font-size: 14px;
-  color: #7f1d1d;
-  background: #fee2e2;
-  border-left: 3px solid #dc2626;
-  font-weight: 500;
-}
-
-/* === Tooltip flottant === */
-.tooltip {
-  position: fixed;
-  background: #1f2937;
-  color: white;
-  padding: 12px 14px;
-  border-radius: 6px;
-  font-size: 13px;
-  line-height: 1.5;
-  max-width: 400px;
-  z-index: 1000;
-  pointer-events: none;
-  white-space: pre-wrap;
-  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
-}
-
-/* === Responsive === */
-@media (max-width: 768px) {
-  .topbar {
-    padding: 16px 20px;
-  }
-  .summary, #main-content {
-    margin: 20px 16px;
-  }
-  .tech-grid {
-    grid-template-columns: 1fr;
-  }
-}
@@ -1,50 +0,0 @@
-<!DOCTYPE html>
-<html lang="fr">
-<head>
-  <meta charset="UTF-8">
-  <title>Planning Techniciens — Vue claire</title>
-  <link rel="stylesheet" href="viewer.css">
-</head>
-<body>
-  <header class="topbar">
-    <div class="topbar-left">
-      <h1>📅 Planning du <span id="display-date">—</span></h1>
-      <div class="subtitle" id="subtitle">Chargement…</div>
-    </div>
-    <div class="topbar-right">
-      <button id="btn-refresh" title="Recharger depuis la page EasyVista">
-        🔄 Actualiser
-      </button>
-      <button id="btn-preload" title="Pré-charger tous les détails d'interventions (22 requêtes)">
-        📥 Charger tous les détails
-      </button>
-    </div>
-  </header>
-
-  <div id="error-zone" class="error-zone hidden"></div>
-
-  <section id="summary" class="summary hidden">
-    <div class="summary-card summary-pompier">
-      <div class="summary-label">🚒 Pompier du jour</div>
-      <div class="summary-value" id="pompier-name">—</div>
-    </div>
-    <div class="summary-card summary-absents">
-      <div class="summary-label">❌ Absents</div>
-      <div class="summary-value" id="absents-list">—</div>
-    </div>
-    <div class="summary-card summary-stats">
-      <div class="summary-label">🔧 Interventions</div>
-      <div class="summary-value" id="stats-interv">—</div>
-    </div>
-  </section>
-
-  <main id="main-content">
-    <div class="placeholder">Le planning va s'afficher ici.</div>
-  </main>
-
-  <!-- Tooltip pour le survol -->
-  <div id="tooltip" class="tooltip hidden"></div>
-
-  <script src="viewer.js"></script>
-</body>
-</html>
@@ -1,681 +0,0 @@
-// viewer.js — Logique de la vue claire
-//
-// Étapes :
-// 1. Lire le HTML capturé depuis chrome.storage.local
-// 2. Parser les techniciens (emp_XXXXX dans le DOM)
-// 3. Parser les événements (g_arr_player[N] dans le JS inline)
-// 4. Calculer : pompier du jour, absents, interventions par tech
-// 5. Afficher tout ça
-// 6. Au survol / clic : charger la fiche détaillée via fetch()
-
-// ==========================================================================
-// Configuration
-// ==========================================================================
-
-// Règles fixes (techs avec horaires particuliers)
-const RULES = {
-  // Pillonel, Olivier (ID 40944) est absent tous les vendredis
-  "40944": {
-    alwaysAbsentOn: [5], // 5 = vendredi (JS: 0=dim, 1=lun, ..., 5=ven, 6=sam)
-    reason: "Absent fixe le vendredi"
-  }
-};
-
-// Cache des fiches détaillées (persiste pour la session)
-const detailsCache = new Map();
-// Fetch en cours (pour éviter de lancer 2x la même requête)
-const detailsPromises = new Map();
-
-// ==========================================================================
-// Init
-// ==========================================================================
-
-document.addEventListener("DOMContentLoaded", async () => {
-  document.getElementById("btn-refresh").addEventListener("click", refresh);
-  document.getElementById("btn-preload").addEventListener("click", preloadAll);
-  await loadFromStorage();
-});
-
-async function loadFromStorage() {
-  const data = await chrome.storage.local.get([
-    "planningHtml", "planningUrl", "planningCapturedAt", "planningError"
-  ]);
-
-  if (data.planningError) {
-    showError(data.planningError);
-    return;
-  }
-
-  if (!data.planningHtml) {
-    showError(
-      "Aucune donnée de planning disponible. " +
-      "Va sur la page du planning des techniciens sur itsma.vd.ch puis clique sur l'icône de l'extension."
-    );
-    return;
-  }
-
-  try {
-    const parsed = parsePlanning(data.planningHtml, data.planningUrl);
-    render(parsed, data.planningCapturedAt);
-  } catch (err) {
-    console.error(err);
-    showError("Erreur lors du parsing du planning : " + err.message);
-  }
-}
-
-async function refresh() {
-  document.getElementById("subtitle").textContent = "Retour sur EasyVista pour actualiser…";
-  // Inviter l'utilisateur à revenir sur l'onglet EasyVista et re-cliquer sur l'icône
-  // (on ne peut pas re-capturer automatiquement depuis le viewer)
-  showError(
-    "Pour actualiser : va sur l'onglet EasyVista, recharge le planning (F5), " +
-    "puis clique à nouveau sur l'icône de l'extension."
-  );
-}
-
-// ==========================================================================
-// Parsing
-// ==========================================================================
-
-function parsePlanning(html, sourceUrl) {
-  // Parser le HTML dans un DOM isolé pour pouvoir utiliser les sélecteurs CSS
-  const parser = new DOMParser();
-  const doc = parser.parseFromString(html, "text/html");
-
-  // --- 1. Extraire les techniciens depuis <div class="support_list" id="emp_XXXXX">
-  const techs = {}; // id -> { name, id }
-  for (const el of doc.querySelectorAll('div.support_list[id^="emp_"]')) {
-    const id = el.id.replace("emp_", "");
-    // Le nom est le texte direct du div (après le checkbox)
-    const rawText = el.textContent.trim();
-    // Nettoyer : enlever les \u00a0 (&nbsp;)
-    const name = rawText.replace(/\u00a0/g, " ").trim();
-    if (name && /^\d+$/.test(id)) {
-      techs[id] = { id, name };
-    }
-  }
-
-  // --- 2. Extraire les événements depuis le JS inline (g_arr_player[N])
-  // On parse les scripts
-  const events = {};
-  for (const script of doc.querySelectorAll("script")) {
-    const src = script.textContent;
-    if (!src.includes("g_arr_player")) continue;
-
-    // Pattern 1 : new action_player("event_id", "label", ...)
-    const pLabel = /g_arr_player\[(\d+)\]\s*=\s*new action_player\("(\d+)",\s*"([^"]*)"/g;
-    let m;
-    while ((m = pLabel.exec(src)) !== null) {
-      const idx = m[1];
-      events[idx] = events[idx] || {};
-      events[idx].eventId = m[2];
-      events[idx].label = decodeText(m[3]);
-    }
-
-    // Pattern 2 : assign_informations(tech_id, "title", "type", ...)
-    const pInfo = /g_arr_player\[(\d+)\]\.assign_informations\((\d+),\s*"([^"]*)",\s*"([^"]*)"/g;
-    while ((m = pInfo.exec(src)) !== null) {
-      const idx = m[1];
-      events[idx] = events[idx] || {};
-      events[idx].techId = m[2];
-      events[idx].title = decodeText(m[3]);
-      events[idx].type = m[4];
-    }
-
-    // Pattern 3 : assign_date_time_informations (plusieurs arguments)
-    const pTime = /g_arr_player\[(\d+)\]\.assign_date_time_informations\(([^)]+)\)/g;
-    while ((m = pTime.exec(src)) !== null) {
-      const idx = m[1];
-      const args = m[2];
-      const parts = [...args.matchAll(/"([^"]*)"/g)].map(x => x[1]);
-      if (parts.length >= 10) {
-        events[idx] = events[idx] || {};
-        events[idx].dateStart = parts[0];
-        events[idx].dateEnd = parts[4];
-        events[idx].timeStart = parts[8];
-        events[idx].timeEnd = parts[9];
-      }
-    }
-  }
-
-  // --- 3. Extraire les liens vers les fiches détaillées depuis les AffBulle
-  // Les <a href="..."> contenant target=XXXXXXXX donnent l'URL de la fiche
-  const eventLinks = {}; // eventId -> full URL
-  for (const a of doc.querySelectorAll('a[href*="target="]')) {
-    const href = a.getAttribute("href");
-    const m = /target=(\d+)/.exec(href);
-    if (m) {
-      // Construire l'URL absolue à partir de sourceUrl
-      try {
-        const absoluteUrl = new URL(href, sourceUrl || "https://itsma.vd.ch/").href;
-        eventLinks[m[1]] = absoluteUrl;
-      } catch (e) {
-        // ignore
-      }
-    }
-  }
-
-  // --- 4. Extraire les infobulles rapides pour chaque event
-  // Format : AffBulle(this, '...texte échappé...')
-  const eventBulles = {}; // eventId -> texte décodé
-  // Recherche dans le HTML brut pour les AffBulle (ils ne sont pas dans <script>)
-  const bulleRegex = /AffBulle\(this,\s*'([^']+)'/g;
-  let bm;
-  while ((bm = bulleRegex.exec(html)) !== null) {
-    const raw = bm[1];
-    // Décoder : &lt; &gt; &amp; &#xx; + \'XX hex (RTF-like)
-    let text = raw
-      .replace(/&lt;BR&gt;/gi, "\n")
-      .replace(/&amp;/g, "&")
-      .replace(/&lt;/g, "<")
-      .replace(/&gt;/g, ">");
-    // Trouver l'eventId dans ce texte : il commence par "HH:MM RÉFÉRENCE"
-    // On associe la bulle à l'eventId du lien <a> le plus proche
-    // Stratégie plus simple : chercher une réf S... ou I... dans le texte
-    const refMatch = /([SI]\d{6}_\d{5})/.exec(text);
-    if (refMatch) {
-      eventBulles[refMatch[1]] = text;
-    }
-  }
-
-  // --- 5. Calculer le jour cible = date la plus fréquente dans les events
-  const dateCounts = {};
-  for (const e of Object.values(events)) {
-    if (e.dateStart) {
-      dateCounts[e.dateStart] = (dateCounts[e.dateStart] || 0) + 1;
-    }
-  }
-  let targetDate = null;
-  let maxCount = 0;
-  for (const [d, c] of Object.entries(dateCounts)) {
-    if (c > maxCount) { maxCount = c; targetDate = d; }
-  }
-  // Si on n'a rien, fallback sur aujourd'hui
-  if (!targetDate) {
-    const t = new Date();
-    targetDate = `${pad(t.getDate())}/${pad(t.getMonth()+1)}/${t.getFullYear()}`;
-  }
-
-  // --- 6. Filtrer les événements actifs ce jour
-  const targetDateObj = parseFrDate(targetDate);
-  const eventsToday = [];
-  for (const e of Object.values(events)) {
-    if (!e.techId || !e.dateStart) continue;
-    const d1 = parseFrDate(e.dateStart);
-    const d2 = parseFrDate(e.dateEnd || e.dateStart);
-    if (d1 && d2 && targetDateObj >= d1 && targetDateObj <= d2) {
-      // Associer la bulle si on a trouvé la réf correspondante
-      const refMatch = /([SI]\d{6}_\d{5})/.exec(e.label || "");
-      if (refMatch) {
-        e.ref = refMatch[1];
-        e.bulleText = eventBulles[refMatch[1]];
-      }
-      e.detailUrl = eventLinks[e.eventId];
-      eventsToday.push(e);
-    }
-  }
-
-  // --- 7. Détecter pompier et absents
-  let pompierId = null;
-  const absentIds = new Set();
-  for (const e of eventsToday) {
-    if (e.type !== "AL-Absence") continue;
-    const lbl = ((e.label || "") + " " + (e.title || "")).toLowerCase();
-    if (lbl.includes("pompier")) {
-      pompierId = e.techId;
-    } else {
-      absentIds.add(e.techId);
-    }
-  }
-
-  // Appliquer les règles fixes (Pillonel absent le vendredi)
-  const dayOfWeek = targetDateObj ? targetDateObj.getDay() : null;
-  const fixedAbsences = {}; // techId -> reason
-  for (const [tid, rule] of Object.entries(RULES)) {
-    if (rule.alwaysAbsentOn && dayOfWeek !== null && rule.alwaysAbsentOn.includes(dayOfWeek)) {
-      // On l'ajoute aux absents (si pas déjà là)
-      if (tid !== pompierId && techs[tid]) {
-        absentIds.add(tid);
-        fixedAbsences[tid] = rule.reason;
-      }
-    }
-  }
-
-  return {
-    techs,
-    eventsToday,
-    targetDate,
-    pompierId,
-    absentIds,
-    fixedAbsences
-  };
-}
-
-function decodeText(s) {
-  if (!s) return s;
-  // Décodage des séquences RTF \'XX en caractères latin-1
-  // (rare dans un DOM vivant, mais présent si le HTML vient d'un fichier RTF)
-  return s.replace(/\\'([0-9a-fA-F]{2})/g, (_, hex) => {
-    return String.fromCharCode(parseInt(hex, 16));
-  });
-}
-
-function parseFrDate(s) {
-  if (!s) return null;
-  const m = /^(\d{2})\/(\d{2})\/(\d{4})$/.exec(s);
-  if (!m) return null;
-  return new Date(parseInt(m[3]), parseInt(m[2])-1, parseInt(m[1]));
-}
-
-function pad(n) { return String(n).padStart(2, "0"); }
-
-// ==========================================================================
-// Rendu
-// ==========================================================================
-
-function render(data, capturedAt) {
-  const { techs, eventsToday, targetDate, pompierId, absentIds, fixedAbsences } = data;
-
-  // Topbar
-  document.getElementById("display-date").textContent = formatFrDate(targetDate);
-  const ago = capturedAt ? ` (capturé il y a ${formatAgo(Date.now() - capturedAt)})` : "";
-  document.getElementById("subtitle").textContent =
-    `${Object.keys(techs).length} techniciens · ${eventsToday.length} événements${ago}`;
-
-  // Summary cards
-  const interventions = eventsToday.filter(e => e.type === "AL-Intervention");
-  document.getElementById("summary").classList.remove("hidden");
-  document.getElementById("pompier-name").textContent =
-    pompierId ? techs[pompierId]?.name || "?" : "(aucun)";
-  document.getElementById("absents-list").innerHTML = [...absentIds]
-    .map(id => techs[id]?.name || id)
-    .map(n => `<div>${escape(n)}</div>`).join("") || '<span class="muted">(aucun)</span>';
-  document.getElementById("stats-interv").innerHTML =
-    `<span>${interventions.length}</span> <span class="muted">sur ${eventsToday.length} événements</span>`;
-
-  // Grid des techniciens
-  const main = document.getElementById("main-content");
-  main.innerHTML = "";
-  const grid = document.createElement("div");
-  grid.className = "tech-grid";
-
-  // Ordonner les techs : pompier d'abord, puis actifs par nb d'interv desc, puis absents
-  const sortedIds = Object.keys(techs).sort((a, b) => {
-    if (a === pompierId) return -1;
-    if (b === pompierId) return 1;
-    const aAbs = absentIds.has(a);
-    const bAbs = absentIds.has(b);
-    if (aAbs !== bAbs) return aAbs ? 1 : -1;
-    const aInt = eventsToday.filter(e => e.techId === a && e.type === "AL-Intervention").length;
-    const bInt = eventsToday.filter(e => e.techId === b && e.type === "AL-Intervention").length;
-    return bInt - aInt;
-  });
-
-  for (const tid of sortedIds) {
-    const tech = techs[tid];
-    const techEvents = eventsToday.filter(e => e.techId === tid);
-    const card = renderTechCard(tech, techEvents, tid === pompierId, absentIds.has(tid), fixedAbsences[tid]);
-    grid.appendChild(card);
-  }
-
-  main.appendChild(grid);
-}
-
-function renderTechCard(tech, events, isPompier, isAbsent, fixedAbsenceReason) {
-  const card = document.createElement("div");
-  card.className = "tech-card";
-  if (isPompier) card.classList.add("tech-pompier");
-  if (isAbsent && !isPompier) card.classList.add("tech-absent");
-
-  // Header
-  const header = document.createElement("div");
-  header.className = "tech-header";
-  const name = document.createElement("div");
-  name.className = "tech-name";
-  name.textContent = tech.name;
-  header.appendChild(name);
-
-  const badges = document.createElement("div");
-  if (isPompier) {
-    badges.innerHTML += '<span class="tech-badge badge-pompier">🚒 Pompier</span> ';
-  }
-  if (isAbsent && !isPompier) {
-    badges.innerHTML += '<span class="tech-badge badge-absent">❌ Absent</span> ';
-  }
-  const interv = events.filter(e => e.type === "AL-Intervention");
-  if (interv.length > 0) {
-    badges.innerHTML += `<span class="tech-badge badge-count">${interv.length} interv.</span>`;
-  }
-  header.appendChild(badges);
-  card.appendChild(header);
-
-  // Pompier info (bandeau)
-  if (isPompier) {
-    const pompierEvent = events.find(e =>
-      e.type === "AL-Absence" &&
-      (((e.label || "") + " " + (e.title || "")).toLowerCase().includes("pompier"))
-    );
-    if (pompierEvent) {
-      const info = document.createElement("div");
-      info.className = "pompier-info";
-      const period = pompierEvent.dateStart && pompierEvent.dateEnd && pompierEvent.dateStart !== pompierEvent.dateEnd
-        ? `Astreinte du ${pompierEvent.dateStart} au ${pompierEvent.dateEnd}`
-        : `Astreinte ${pompierEvent.timeStart || ""}-${pompierEvent.timeEnd || ""}`;
-      info.textContent = "🚒 " + period;
-      card.appendChild(info);
-    }
-  }
-
-  // Absence info (bandeau)
-  if (isAbsent && !isPompier) {
-    const absenceEvent = events.find(e => e.type === "AL-Absence");
-    const info = document.createElement("div");
-    info.className = "absence-info";
-    if (fixedAbsenceReason) {
-      info.textContent = "📌 " + fixedAbsenceReason;
-    } else if (absenceEvent) {
-      // On n'affiche pas le motif précis (congé/maladie) - juste "Absent"
-      const period = absenceEvent.dateStart && absenceEvent.dateEnd && absenceEvent.dateStart !== absenceEvent.dateEnd
-        ? `Absent du ${absenceEvent.dateStart} au ${absenceEvent.dateEnd}`
-        : `Absent`;
-      info.textContent = period;
-    } else {
-      info.textContent = "Absent";
-    }
-    card.appendChild(info);
-  }
-
-  // Interventions list
-  const list = document.createElement("div");
-  list.className = "tech-interventions";
-
-  if (interv.length === 0 && !isAbsent && !isPompier) {
-    list.innerHTML = '<div class="tech-empty">Aucune intervention planifiée</div>';
-  } else if (interv.length === 0 && isPompier) {
-    list.innerHTML = '<div class="tech-empty">Pompier sans intervention planifiée</div>';
-  } else {
-    // Trier par heure de début
-    interv.sort((a, b) => (a.timeStart || "").localeCompare(b.timeStart || ""));
-    for (const e of interv) {
-      list.appendChild(renderInterventionItem(e));
-    }
-  }
-  card.appendChild(list);
-
-  return card;
-}
-
-function renderInterventionItem(e) {
-  const item = document.createElement("div");
-  item.className = "intervention";
-  item.dataset.eventId = e.eventId;
-
-  // Header : heure + ref
-  const header = document.createElement("div");
-  header.className = "interv-header";
-  const time = document.createElement("span");
-  time.className = "interv-time";
-  time.textContent = `${e.timeStart || "?"} – ${e.timeEnd || "?"}`;
-  const ref = document.createElement("span");
-  ref.className = "interv-ref";
-  ref.textContent = e.ref || "";
-  header.appendChild(time);
-  header.appendChild(ref);
-  item.appendChild(header);
-
-  // Summary depuis la bulle rapide (contact + lieu si dispo)
-  if (e.bulleText) {
-    const lines = e.bulleText.split("\n").map(l => l.trim()).filter(Boolean);
-    // Format bulle : ligne 0 = "HH:MM ref (type)", 1 = AL-Intervention, 2 = contact, 3 = lieu, 4 = catégorie
-    const contact = lines[2] || "";
-    const lieu = lines[3] || "";
-    const summary = document.createElement("div");
-    summary.className = "interv-summary";
-    if (contact) {
-      const c = document.createElement("div");
-      c.className = "interv-contact";
-      c.textContent = "👤 " + contact;
-      summary.appendChild(c);
-    }
-    if (lieu) {
-      const l = document.createElement("div");
-      l.className = "interv-location";
-      l.textContent = "📍 " + lieu;
-      summary.appendChild(l);
-    }
-    item.appendChild(summary);
-  }
-
-  // Zone détails (cachée au départ, s'affiche au clic)
-  const details = document.createElement("div");
-  details.className = "interv-details hidden";
-  item.appendChild(details);
-
-  // Click pour déplier/replier
-  item.addEventListener("click", async (ev) => {
-    if (ev.target.tagName === "A") return; // ne pas intercepter les liens
-    if (!details.classList.contains("hidden")) {
-      details.classList.add("hidden");
-      return;
-    }
-    details.classList.remove("hidden");
-    await loadIntervDetails(e, details);
-  });
-
-  // Tooltip au survol (quand détails pas chargés : affiche la bulle)
-  item.addEventListener("mouseenter", (ev) => {
-    if (!details.classList.contains("hidden")) return;
-    const cached = detailsCache.get(e.eventId);
-    const text = cached || e.bulleText || "(pas d'aperçu)";
-    showTooltip(ev, text);
-  });
-  item.addEventListener("mousemove", moveTooltip);
-  item.addEventListener("mouseleave", hideTooltip);
-
-  return item;
-}
-
-async function loadIntervDetails(event, container) {
-  if (detailsCache.has(event.eventId)) {
-    renderDetails(container, detailsCache.get(event.eventId), event);
-    return;
-  }
-  if (detailsPromises.has(event.eventId)) {
-    container.classList.add("loading");
-    container.textContent = "Chargement en cours…";
-    const text = await detailsPromises.get(event.eventId);
-    renderDetails(container, text, event);
-    return;
-  }
-
-  container.classList.add("loading");
-  container.textContent = "Chargement de la fiche détaillée…";
-
-  const promise = fetchInterventionDetails(event.detailUrl);
-  detailsPromises.set(event.eventId, promise);
-
-  try {
-    const text = await promise;
-    detailsCache.set(event.eventId, text);
-    renderDetails(container, text, event);
-  } catch (err) {
-    container.classList.add("error");
-    container.textContent = "Erreur : " + err.message;
-  } finally {
-    detailsPromises.delete(event.eventId);
-  }
-}
-
-function renderDetails(container, text, event) {
-  container.classList.remove("loading", "error");
-  container.textContent = "";
-  const pre = document.createElement("div");
-  pre.style.whiteSpace = "pre-wrap";
-  pre.textContent = text || "(pas de description disponible)";
-  container.appendChild(pre);
-
-  if (event.detailUrl) {
-    const link = document.createElement("a");
-    link.href = event.detailUrl;
-    link.target = "_blank";
-    link.rel = "noopener";
-    link.className = "interv-open-link";
-    link.textContent = "🔍 Ouvrir la fiche complète dans EasyVista";
-    container.appendChild(link);
-  }
-}
-
-async function fetchInterventionDetails(url) {
-  if (!url) throw new Error("Lien de la fiche introuvable");
-
-  // Requête avec les cookies de session de l'utilisateur
-  const resp = await fetch(url, { credentials: "include" });
-  if (!resp.ok) {
-    throw new Error(`HTTP ${resp.status} en accédant à la fiche`);
-  }
-  const html = await resp.text();
-
-  // Extraire la description : chercher la zone Froala Editor
-  // Elle contient un <div class="fr-element fr-view ..."> ou, si doublement encodé,
-  // &lt;div class="fr-element fr-view ..."&gt;
-  return extractDescription(html);
-}
-
-function extractDescription(html) {
-  // Essayer la forme directe
-  let m = /class="fr-element fr-view[^"]*"[^>]*>([\s\S]*?)<\/div>/.exec(html);
-  if (m) {
-    return cleanDescription(m[1]);
-  }
-  // Essayer la forme doublement encodée (Copy outerHTML sur Angular)
-  m = /class="fr-element fr-view[^"]*"[^&]*&gt;([\s\S]*?)&lt;\/div&gt;/.exec(html);
-  if (m) {
-    let raw = m[1];
-    // Décoder les entités HTML
-    raw = raw
-      .replace(/&lt;/g, "<")
-      .replace(/&gt;/g, ">")
-      .replace(/&amp;/g, "&")
-      .replace(/&quot;/g, '"')
-      .replace(/&#39;/g, "'");
-    return cleanDescription(raw);
-  }
-  // Dernier recours : chercher autour du mot "Description"
-  return "(Description introuvable dans la fiche — il se peut que la structure ait changé)";
-}
-
-function cleanDescription(raw) {
-  // Remplacer <br> par \n
-  let text = raw.replace(/<br\s*\/?>/gi, "\n");
-  // Enlever toutes les autres balises
-  text = text.replace(/<[^>]+>/g, "");
-  // Décoder les entités HTML résiduelles
-  text = text
-    .replace(/&nbsp;/g, " ")
-    .replace(/&amp;/g, "&")
-    .replace(/&lt;/g, "<")
-    .replace(/&gt;/g, ">")
-    .replace(/&quot;/g, '"')
-    .replace(/&#39;/g, "'");
-  // Enlever les espaces multiples mais préserver les retours à la ligne
-  text = text.split("\n").map(l => l.replace(/\s+/g, " ").trim()).join("\n");
-  return text.trim();
-}
-
-// ==========================================================================
-// Pré-chargement (bouton "Charger tous les détails")
-// ==========================================================================
-
-async function preloadAll() {
-  const items = document.querySelectorAll(".intervention");
-  const btn = document.getElementById("btn-preload");
-  btn.disabled = true;
-  const total = items.length;
-  let done = 0;
-
-  // On fait ça en séquentiel avec un petit délai pour être gentil avec le serveur
-  for (const item of items) {
-    const eventId = item.dataset.eventId;
-    if (detailsCache.has(eventId)) { done++; continue; }
-
-    // Retrouver l'événement correspondant (via data-attribute on n'a que l'eventId)
-    // On fetch directement depuis le lien présent dans la page d'origine
-    // Mais on ne l'a pas en direct ici — on ré-utilise la structure via item interne
-    // Pour simplifier : on clique programmatiquement pour déclencher loadIntervDetails
-    // → mais on veut pas afficher. Donc on récupère via une autre voie.
-    // Solution : on a stocké l'URL dans un data-attribute au rendu ? Non.
-    // Plus simple : déclencher l'expansion puis la replier.
-    item.click(); // déplie → déclenche le fetch
-    await new Promise(r => setTimeout(r, 250)); // 250ms entre chaque
-    done++;
-    btn.textContent = `📥 Chargement ${done}/${total}…`;
-  }
-
-  btn.textContent = "✅ Tout chargé";
-  setTimeout(() => {
-    btn.disabled = false;
-    btn.textContent = "📥 Charger tous les détails";
-  }, 2000);
-}
-
-// ==========================================================================
-// Tooltip
-// ==========================================================================
-
-function showTooltip(ev, text) {
-  const tip = document.getElementById("tooltip");
-  tip.textContent = text;
-  tip.classList.remove("hidden");
-  moveTooltip(ev);
-}
-
-function moveTooltip(ev) {
-  const tip = document.getElementById("tooltip");
-  if (tip.classList.contains("hidden")) return;
-  let x = ev.clientX + 16;
-  let y = ev.clientY + 16;
-  const rect = tip.getBoundingClientRect();
-  if (x + rect.width > window.innerWidth - 10) x = ev.clientX - rect.width - 16;
-  if (y + rect.height > window.innerHeight - 10) y = ev.clientY - rect.height - 16;
-  tip.style.left = x + "px";
-  tip.style.top = y + "px";
-}
-
-function hideTooltip() {
-  document.getElementById("tooltip").classList.add("hidden");
-}
-
-// ==========================================================================
-// Utilitaires
-// ==========================================================================
-
-function showError(msg) {
-  const z = document.getElementById("error-zone");
-  z.textContent = msg;
-  z.classList.remove("hidden");
-  document.getElementById("main-content").innerHTML = "";
-}
-
-function formatFrDate(dateStr) {
-  // "17/04/2026" -> "vendredi 17 avril 2026"
-  const d = parseFrDate(dateStr);
-  if (!d) return dateStr;
-  const jours = ["dimanche","lundi","mardi","mercredi","jeudi","vendredi","samedi"];
-  const mois = ["janvier","février","mars","avril","mai","juin","juillet","août","septembre","octobre","novembre","décembre"];
-  return `${jours[d.getDay()]} ${d.getDate()} ${mois[d.getMonth()]} ${d.getFullYear()}`;
-}
-
-function formatAgo(ms) {
-  const s = Math.floor(ms / 1000);
-  if (s < 60) return `${s}s`;
-  const m = Math.floor(s / 60);
-  if (m < 60) return `${m} min`;
-  const h = Math.floor(m / 60);
-  return `${h}h${m % 60 ? " " + (m % 60) + "min" : ""}`;
-}
-
-function escape(s) {
-  return String(s).replace(/[&<>"']/g, c => ({
-    "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;"
-  }[c]));
-}
Author	SHA1	Message	Date
FroSteel	2d242d26ec	v2026.5.44 — Refonte topbar, personnalisation Apparence, onboarding équipe, fix #1 Refresh / cache / verdicts ghost : - Rafraîchissement séquentiel (1 fiche à la fois) avec arrêt instantané via AbortController. - Re-fetch checksum frais (basicAutoComplete + redirectHeader). - Cache merge robuste avec fallback cachedByRef ; cache écrit toutes les 5 fiches (incrémental). - Verdicts ghost unifiés : ✓✓ clos/résolu, ✓ Fait (pending), ✓ jaune Suspendu, retrait silencieux pour cancelled. - Statuts EV configurables depuis Paramètres → EasyVista (matching insensible à la casse, accents, conjugaisons). - Mode diagnostic optionnel (Diagnostics) qui logge tout sans rien retirer. Topbar (vue classique) : - Sélecteur de date du planning ancré au centre absolu (ne se décale plus quand le bouton Arrêter apparaît). - Bouton Aujourd'hui en toutes lettres. - Horloge contextuelle réduite à côté. Personnalisation (Paramètres → Apparence) : - Couleur de la topbar : 12 presets cliquables + picker custom + champ hex. Texte topbar adapté automatiquement (luminance) pour rester lisible. - Police de l'application : 28 choix (Arial, Helvetica, Verdana, Tahoma, Trebuchet, Calibri, Segoe UI, Times New Roman, Georgia, Cambria, Garamond, Palatino, Courier, Consolas, Comic Sans, Impact, …) appliquée à toute la page (cards, popups, panel admin) avec preview live. - Export / import du cache et de admin_config. Vue horizontale : - Bloc Aujourd'hui + horloge empilé verticalement dans la sidebar. - Date sélectionnée mise en avant (taille augmentée, gras), date du jour + heure réduites à la même petite taille. - Barre verticale verte à droite des mini-cards clos/résolu (✓✓), avec décalage du ✓✓ pour ne pas chevaucher. - Sidebar adopte la couleur de topbar custom (titre, horloge, today-block, date sélectionnée, boutons, theme-toggle, séparateurs translucides cohérents via color-mix). Stats globales : - Nouveau compteur 'X faits / Y clos' entre (matin · après-midi) et tech. dispo. - Vue classique : séparateur '//' après clos. - Vue horizontale (sidebar) : barre horizontale 1px de séparation. Onboarding équipe : - Carte centrée propre (icône, titre, description, bouton 'Ouvrir paramètres') quand aucun technicien n'est sélectionné. Bouton ouvre directement la section Équipe du panel admin. Bugfix : - Issue #1 (Pompier + Absence) : les deux badges s'affichent désormais avec '/' au lieu de masquer l'absence. - Absences récurrentes restaurées au switch de groupe (étaient invisibles alors qu'en storage). - Barre de progression / bannière session expirée suivent la hauteur dynamique de la topbar (--topbar-height via ResizeObserver). - STATUS_FR regex limite 30 → 200 chars. - Description action décodée proprement (\u0022, <br>, HTML strippé) ; préfixe 'login:' retiré du commentaire technicien. - Flèche '↗' retirée des références cliquables.	2026-05-01 18:08:11 +02:00
Quentin Rouiller	54b8f826df	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.	2026-04-27 06:02:12 +02:00
FroSteel	8ecf2d3df4	Actualiser README.md	2026-04-27 05:52:42 +02:00
Quentin Rouiller	9d8d8102d7	chore: retire CLAUDE.md et toutes mentions externes du repo - Suppression du fichier CLAUDE.md (workflow de développement interne) - Retrait des références correspondantes dans README.md et CHANGELOG.md - .gitignore : retire la section dédiée (les règles secrets génériques .env / *.token / secrets.json couvrent l'essentiel) Le repo ne contient plus que les sources, la doc utilisateur et les métadonnées du projet.	2026-04-27 05:39:53 +02:00
Quentin Rouiller	48b00a8585	docs(README): refonte pour clarté + audience + installation directe - Section Installation rapide ajoutée en tête (Firefox + Chromium avec liens directs vers la release courante). - Audience clarifiée : 'coordinateurs et techniciens DGNSI' (pas juste techniciens — les deux rôles utilisent l'extension). - Doublon de phrase v2026.5.40 retiré. - Versions notables limitées aux 5 dernières + lien vers CHANGELOG / wiki Versions pour l'historique complet. - Lien direct cliquable vers chaque version notable. - Bandeau de liens vers toutes les pages wiki en haut du README. - Lignes de code mises à jour : ~10 700 (viewer.js) + ~1 600 (background.js) + ~4 800 (viewer.css). - Structure du repo réécrite pour refléter le layout flat sur Gitea (build.sh à la racine, pas dans Autres/). - Section Développement simplifiée + référence à CLAUDE.md pour le workflow détaillé.	2026-04-27 05:31:29 +02:00
Quentin Rouiller	6bb97addd6	docs(CLAUDE.md): clarifie Phase 3 signature (addon AMO déjà enregistré) L'addon planification-dgnsi@netaplaid.ch est désormais enregistré sur AMO. Mise à jour du workflow Phase 3 : pour les versions futures, utiliser 'Téléverser une nouvelle version' (pas 'Submit a New Add-on'). Précision aussi sur le fait que Chrome/Edge ne sont pas concernés par AMO et n'ont pas d'auto-update natif.	2026-04-27 05:18:30 +02:00
Quentin Rouiller	05275a3be5	firefox: update_hash v2026.5.43 → sha256 du .xpi signé AMO	2026-04-27 05:02:27 +02:00
Quentin Rouiller	d7b680fb3f	v2026.5.43 — Fix Firefox menu dock position + stabilité popup pin/unpin Bug Firefox uniquement : positionnement du menu hover des pastilles du dock (popup réduit) corrigé. La cause était que getBoundingClientRect() était appelé immédiatement après appendChild sans que Firefox n'ait fini de calculer la mise en page, combiné à un transform: translateY dans l'animation d'apparition du menu. Fix : positionnement hors écran initial, force-layout via offsetHeight, puis pose finale. Animation CSS simplifiée en opacité-only. Stabilité popup au pin/unpin (tous navigateurs) : la popup épinglée bougeait de 16px et changeait légèrement de taille quand on la dé-épinglait via le bouton 📌. Cause : .pinned-popup avait padding-top 28px + border 2px alors que .soft-unpinned avait padding-top 12px + border 1px. Fix : .soft-unpinned conserve désormais les mêmes dimensions, juste la couleur de bordure change (--border-strong gris au lieu de --accent bleu) pour signaler le mode détaché.	2026-04-27 04:57:03 +02:00
Quentin Rouiller	3c7e7c0c25	firefox: update_hash v2026.5.42 → sha256 du .xpi signé par Mozilla AMO Le .xpi distribué sur la release v2026.5.42 a été remplacé par sa version signée AMO (signature META-INF/mozilla.rsa + COSE). Le sha256 dans firefox-updates.json reflète maintenant le .xpi signé, ce qui permet l'auto-update Firefox vers la version signée et installable.	2026-04-27 03:44:11 +02:00
Quentin Rouiller	b3677d661a	chore: change addon ID en planification-dgnsi@netaplaid.ch L'ID précédent (planification@netaplaid.ch) était déjà enregistré sur AMO. Nouvel ID : planification-dgnsi@netaplaid.ch — nom plus explicite (mention DGNSI), domaine inchangé. build.sh + firefox-updates.json mis à jour avec le nouvel ID. Sha256 du .xpi v2026.5.42 régénéré.	2026-04-27 03:32:44 +02:00
Quentin Rouiller	8390db9937	v2026.5.42 — Nettoyage de commentaires + exemples génériques Passage en revue des commentaires de 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. README, CHANGELOG et pages wiki Versions/Utilisation mis à jour de manière cohérente.	2026-04-27 03:28:13 +02:00
Quentin Rouiller	2cc9552fbf	security: anonymisation de toutes les données nominatives résiduelles Suite à un audit de sécurité, retrait de TOUTES les données réelles dans le code et la documentation : - src/viewer.js : commentaires-exemples qui contenaient de vrais noms + numéros de téléphone (Seda Kaya, Hélène Dongiovanni, Krkic Admir et leurs numéros) → remplacés par 'Nom1 Prénom1 +41XXXXXXXXX', etc. - src/viewer.js : refs tickets EV avec dates concrètes (SYYMMDD_NNNNN avec vraies dates) → remplacées par 'SYYMMDD_NNNNN' génériques. - src/viewer.js : codes-barres / numéros de série (TPCQ_NNN, MNNN, DNNN, TNNN avec vrais chiffres) → remplacés par 'XXXX_NNNNNNNN', 'XNNNNNN'. - README.md, CHANGELOG.md, wiki Utilisation/Versions : exemples de référence ticket S260424_00042 → SYYMMDD_NNNNN. Aucune donnée nominative ni identifiant réel ne subsiste dans le code, les commentaires, ni la documentation publique. Sha256 du .xpi mis à jour dans firefox-updates.json.	2026-04-27 03:23:20 +02:00
Quentin Rouiller	0327a55c74	fix(firefox): ajoute background.scripts fallback (compat MV3 Firefox/AMO) Mozilla AMO rejetait le .xpi avec : Unsupported "/background/service_worker" manifest property used without "/background/scripts" property as Firefox-compatible fallback. build.sh ajoute maintenant 'scripts: [background.js]' à background.* dans le manifest Firefox uniquement (Chrome ignore 'scripts' quand 'service_worker' est présent ; Firefox ignore 'service_worker' et utilise 'scripts'). Les deux navigateurs chargent le même background.js. Sha256 du .xpi v2026.5.41 mis à jour dans firefox-updates.json.	2026-04-27 03:02:38 +02:00
Quentin Rouiller	67708d1ad3	chore: simplifie firefox-updates.json (repo public, URL raw fixe) - update_url remis sur .../raw/branch/main/firefox-updates.json maintenant que le repo est public (raw URL accessible sans auth). - firefox-updates.json toujours à la racine, contient toutes les versions ; Firefox lit la liste et choisit la plus haute compatible. - Sha256 du .xpi v2026.5.41 mis à jour suite au rebuild. - CLAUDE.md : note sur le channel d'update simplifiée.	2026-04-27 03:00:02 +02:00
Quentin Rouiller	1730758cb4	Distribution: firefox-updates.json + CLAUDE.md (workflow Claude) + nettoyage secrets - firefox-updates.json à la racine : manifest auto-update Firefox avec entrées v2026.5.40 et v2026.5.41 (sha256 NON SIGNÉ pour le moment, à remplacer par celui des .xpi signés AMO). - build.sh : maintient firefox-updates.json automatiquement à chaque build (ajoute ou met à jour l'entrée de la version courante avec son sha256 calculé sur le .xpi produit). - CLAUDE.md : workflow complet pour Claude Code (build → test → push → wiki → signature AMO). Token Gitea jamais dans le fichier (stocké hors repo en mémoire Claude .claude/projects/.../memory/gitea_token.md). - .gitignore : ajout _archives/, .claude/, .env, *.token, secrets.json. - README.md / CHANGELOG.md : retrait email auteur en clair (renvoi vers page wiki Contact, email obfusqué en entités HTML).	2026-04-27 02:55:18 +02:00
Quentin Rouiller	7c0742594c	v2026.5.41 — Suppression des hardcodes runtime + UX admin + thème unifié	2026-04-27 03:00:00 +02:00
Quentin Rouiller	af85473837	v2026.5.40 — Sélection groupe EV + édition domaines + tri équipe + vue horizontale enrichie	2026-04-27 00:43:00 +02:00
Quentin Rouiller	47a0bca998	refactor: ranger le code source dans src/ + script build.sh	2026-04-27 00:00:00 +02:00
Quentin Rouiller	e92b0c4444	v2026.5.39 — Séparation Matin / Après-midi + Apparence (thème, taille du texte, durée du cache, heures de la journée)	2026-04-26 18:10:00 +02:00
Quentin Rouiller	957b754bdc	v2026.5.38 — Attribution auteur + nettoyage + observabilité (LOG unifié, handlers globaux d'erreur, toggle logs verbeux dans admin)	2026-04-25 22:55:00 +02:00
Quentin Rouiller	aabda3ba7e	v2026.5.37 — Refonte vue horizontale (sidebar complète) : topbar supprimée, user-badge + titre + bouton Aujourd'hui + date/heure + stats en sidebar	2026-04-24 13:45:50 +02:00
Quentin Rouiller	6a0324b252	v2026.5.36 — Sidebar verticale en vue horizontale (#horizontal-wrapper [sidebar 200px] + [main]) [code interpolé entre v2026.5.35 et v2026.5.37]	2026-04-24 13:22:08 +02:00
Quentin Rouiller	fd466504c2	v2026.5.35 — Fix popup épinglé position vue horizontale + stats gauche	2026-04-24 13:11:16 +02:00
Quentin Rouiller	02524e78b2	v2026.5.34 — Bouton 📌 restauré + badge user cliquable + positionTooltipAnchored unifiée [code interpolé]	2026-04-24 12:56:34 +02:00
Quentin Rouiller	193b3252d4	v2026.5.33 — Vue horizontale : interactions différenciées (hover/clic) [code interpolé]	2026-04-24 12:12:32 +02:00
Quentin Rouiller	3a28e1bd0a	v2026.5.26 — Badge user-badge cliquable + auto-détection EV à l'ouverture admin	2026-04-23 16:21:48 +02:00
Quentin Rouiller	10a1aef4c7	v2026.5.25 — Bouton ⚙ Paramètres dans popup user-badge (remplace 5 clics secrets sur le titre)	2026-04-23 16:00:38 +02:00
Quentin Rouiller	b77f0a9caa	v2026.5.24 — Améliorations diverses	2026-04-23 15:40:00 +02:00
Quentin Rouiller	f7f81f7d9d	v2026.5.23 — Polish UX	2026-04-23 15:31:44 +02:00
Quentin Rouiller	ddb075d563	v2026.5.22 — Stabilité popups	2026-04-23 15:13:04 +02:00
Quentin Rouiller	f6dc9eaf7b	v2026.5.21 — Polish positionnement popups	2026-04-23 15:03:54 +02:00
Quentin Rouiller	3d5bdbab3d	v2026.5.20 — Safe area : popups jamais cachés sous topbar/dock	2026-04-23 14:48:16 +02:00
Quentin Rouiller	ad952ebc55	v2026.5.19 — Drag-and-drop des popups épinglés	2026-04-23 14:34:08 +02:00
Quentin Rouiller	1a7393c297	v2026.5.18 — Polish date custom	2026-04-23 14:20:52 +02:00
Quentin Rouiller	d589447533	v2026.5.17 — Date custom : label localisé (jour de la semaine en français)	2026-04-23 14:00:10 +02:00
Quentin Rouiller	ea5a42c5e1	v2026.5.16 — Passage au schéma de versionning ANNÉE.MAJEURE.PATCH + faux input date custom (Mardi 24.04.2026)	2026-04-23 13:03:58 +02:00
Quentin Rouiller	763e63d9c6	v5.0.15 — Absences partielles affichées comme rows (gris foncé)	2026-04-21 16:24:24 +02:00
Quentin Rouiller	bea236ca88	v5.0.14 — Affichage timeline pour absences partielles seules	2026-04-21 16:13:04 +02:00
Quentin Rouiller	d6ab8d59e0	v5.0.13 — Cache + retry	2026-04-21 16:04:00 +02:00
Quentin Rouiller	909ddb8301	v5.0.12 — Stabilité	2026-04-21 15:49:08 +02:00
Quentin Rouiller	6794360887	v5.0.11 — Détection contexte réseau (interne/externe via SSO)	2026-04-21 15:44:14 +02:00
Quentin Rouiller	7ba28d3bac	v5.0.10 — Stabilité session EV	2026-04-21 15:32:44 +02:00
Quentin Rouiller	e17f604d9e	v5.0.9 — Surveillance timeout session EasyVista (compteur tick 1s, alertes 5min/2min)	2026-04-21 15:19:06 +02:00
Quentin Rouiller	9d701701e6	v5.0.8 — Correctifs	2026-04-21 12:53:22 +02:00
Quentin Rouiller	77c68dbe83	v5.0.7 — Correctifs	2026-04-21 12:50:36 +02:00
Quentin Rouiller	d4fc8ff250	v5.0.6 — Correctifs	2026-04-21 12:46:58 +02:00
Quentin Rouiller	3996e3fb4f	v5.0.5 — Correctifs admin/UX	2026-04-21 12:42:50 +02:00
Quentin Rouiller	86f52029f5	v5.0.4 — Améliorations admin/UX	2026-04-21 12:40:08 +02:00
Quentin Rouiller	984f326b39	v5.0.3 — Ajustements admin et stabilité	2026-04-20 14:03:34 +02:00
Quentin Rouiller	6d3058028f	v5.0.1 — Refonte topbar : horloge HH:MM + compteur session EV + admin caché (5 clics titre)	2026-04-20 13:21:16 +02:00
Quentin Rouiller	c59abbed23	v4.3.3 — Soft unpin popup + nettoyage tooltip persistance	2026-04-20 09:13:20 +02:00