v2026.5.38 — Attribution auteur + nettoyage + observabilité

ATTRIBUTION
- En-têtes copyright dans tous les fichiers source (viewer.js, viewer.html,
  viewer.css, background.js)
- @author Quentin Rouiller sur 22 fonctions clés
- Signature "Développé par Quentin Rouiller" en bas du popup user-badge
- description manifest mentionnant DGNSI

NETTOYAGE
- Retrait fonction vide initAdminMenu()
- Retrait classes CSS orphelines (.date-picker-day, .intervention v1)
- Retrait 14× console.log [viewMode] verbeux + 5× console.log [bg]
- extendBtn.onclick → addEventListener (cohérence + cleanup possible)

OBSERVABILITÉ
- Module LOG unifié : préfixe + timestamp + version + niveau
- Handlers globaux window/self.error + unhandledrejection (viewer + bg)
- Toggle "Logs verbeux (debug)" dans le panel admin (Diagnostics)
- Synchronisation viewer ↔ background via chrome.storage.onChanged
- LOG.info muet par défaut, visible quand debug ON

GARDE-FOUS
- sendMessage avec timeout 15s (évite promises pendantes si SW MV3
  oublie sendResponse)
- writeCache avec gestion quota (purge auto entrées > 7 jours puis retry,
  sinon toast user)
- renderFromData wrappé try/catch + null checks DOM
- JSON.parse [timeline] : log warn avec snippet du contenu fautif
- .catch(() => {}) swallowed remplacés par log warn (clipboard, session,
  cache)
- getManifest centralisé dans LOG.version()

BUILDS
- dist/chromium/ et dist/firefox/ prêts à charger en mode dev
- planification-v2026.5.38-chromium.zip (~152 Ko)
- planification-v2026.5.38-firefox.xpi (~152 Ko, à signer sur AMO)

.gitignore

@@ -17,6 +17,7 @@ desktop.ini
 *.old
 
 # Build artifacts (les ZIP/XPI livrés ne sont pas dans le repo, ils sont buildés à la demande)
+dist/
 *.zip
 *.xpi
 *.crx

CHANGELOG.md

@@ -1,7 +1,7 @@
 # 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 techniciens 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
@@ -9,9 +9,49 @@
 
 ---
 
-## v2026.5.37 — Refonte vue horizontale (sidebar complète)
+## 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 ↺
@@ -175,5 +215,5 @@
 ## Auteur
 
 **Quentin Rouiller** (QRO)
-Canton de Vaud — Service IT
+Technicien DGNSI — Canton de Vaud
 Email pour commits Git : `quentin.rouiller@ikmail.com`

README.md

@@ -1,11 +1,11 @@
 # 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 des techniciens DGNSI (Canton de Vaud) dans EasyVista.
 
 ## Aperçu rapide
 
 - **Auteur** : Quentin Rouiller (QRO)
-- **Cible** : techniciens IT Canton de Vaud, EasyVista (`itsma.etat-de-vaud.ch` / `itsma.vd.ch`)
+- **Cible** : techniciens DGNSI (Canton de Vaud), EasyVista (`itsma.etat-de-vaud.ch` / `itsma.vd.ch`)
 - **Démarrage projet** : jeudi 16 avril 2026
 - **Version actuelle** : `v2026.5.37`
 - **Manifest** : V3 (Chrome/Edge/Firefox)
@@ -60,14 +60,24 @@ 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.37` |
 
-### 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) |
+| `37` | **Patch** | À **chaque livraison** dans la majeure courante (corrections, ajustements, petites features) |
+
+Exemples :
+- `2026.5.16` → `2026.5.17` : petite correction ou ajustement (patch)
+- `2026.5.37` → `2026.6.0` : refonte majeure (par exemple nouvelle vue, nouvelle architecture)
+- `2026.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.
 
@@ -179,4 +189,4 @@ git push --tags
 ## Auteur
 
 **Quentin Rouiller** (QRO)
-Canton de Vaud — Service IT
+Technicien DGNSI — Canton de Vaud

manifest.json

@@ -1,8 +1,8 @@
 {
   "manifest_version": 3,
-  "name": "Planning Techniciens — Vue claire",
-  "version": "3.1.0",
-  "description": "Vue claire du planning EasyVista (itsma.etat-de-vaud.ch et itsma.vd.ch) avec navigation par date, détection automatique des interventions closes et cache 7 jours.",
+  "name": "Planification",
+  "version": "2026.5.38",
+  "description": "Vue claire et rapide du planning des techniciens EasyVista. Développé par Quentin Rouiller — DGNSI, Canton de Vaud.",
   "permissions": [
     "activeTab",
     "scripting",
@@ -15,7 +15,7 @@
     "https://itsma.vd.ch/*"
   ],
   "action": {
-    "default_title": "Ouvrir la vue claire du planning"
+    "default_title": "Ouvrir la Planification"
   },
   "background": {
     "service_worker": "background.js"

viewer.html

@@ -1,26 +1,79 @@
 <!doctype html>
+<!--
+  Planification — Extension navigateur EasyVista (Canton de Vaud / DGNSI)
+
+  Copyright (c) 2026 Quentin Rouiller
+  Licensed under the MIT License — see LICENSE file in the project root.
+
+  @author Quentin Rouiller
+  @repository https://gitea.netaplaid.ch/FroSteel/Planification
+-->
 <html lang="fr">
 <head>
   <meta charset="utf-8">
-  <title>Planning techniciens</title>
+  <title>Planification</title>
   <link rel="stylesheet" href="viewer.css">
 </head>
 <body>
   <header class="topbar">
     <div class="topbar-left">
-      <h1>Planning techniciens</h1>
+      <!-- v4.2.3 : pastille avec initiales de l'utilisateur connecté, avant
+           le titre. Clic → popup fixe avec nom complet juste en dessous.
+           v2026.5.34 : TOUJOURS visible d'office avec "?" (état user inconnu)
+           pour garantir l'accès au menu (⊞ Vue / ⚙ Paramètres) même si
+           la détection user échoue ou est en retard.
+           Le script JS mettra à jour le textContent + classes quand le
+           fetch aboutit. En cas d'échec persistant, reste sur "?". -->
+      <button id="user-badge" class="user-badge user-badge-unknown"
+              type="button" aria-label="Utilisateur connecté"
+              title="Utilisateur — cliquer pour accéder aux paramètres">?</button>
+      <h1 id="app-title">Planification</h1>
       <div class="date-nav">
         <button id="nav-prev" class="btn btn-nav" title="Jour précédent" aria-label="Jour précédent">◀</button>
-        <input type="date" id="date-picker" class="date-input">
+        <!-- v2026.5.17 : input date custom qui affiche "Vendredi 24.04.2026" -->
+        <div class="date-custom-wrapper">
+          <div id="date-custom" class="date-custom" role="button" tabindex="0" title="Choisir une date">
+            <span id="date-custom-label"></span>
+            <span class="date-custom-icon">📅</span>
+          </div>
+          <input type="date" id="date-picker" class="date-input-hidden">
+        </div>
         <button id="nav-next" class="btn btn-nav" title="Jour suivant" aria-label="Jour suivant">▶</button>
         <button id="nav-today" class="btn btn-today" title="Aujourd'hui">Auj.</button>
       </div>
       <span id="capture-info" class="capture-info"></span>
       <span id="refresh-check" class="refresh-check hidden" title="Mise à jour terminée">✓</span>
     </div>
+    <!-- v2026.5.16 : date complète du jour au-dessus de l'heure dans la topbar -->
+    <div id="app-clock" class="app-clock" title="Date et heure actuelles">
+      <div id="app-clock-date" class="app-clock-date"></div>
+      <div id="app-clock-time" class="app-clock-time"></div>
+    </div>
+    <!-- v5.0.9 : compteur de session EasyVista (visible < 5 min restantes) -->
+    <div id="app-session" class="app-session hidden"></div>
     <div class="topbar-right">
-      <button id="refresh-btn" class="btn" title="Rafraîchir maintenant">
-        <span id="refresh-icon">↻</span> Rafraîchir
+      <!-- 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
@@ -34,14 +87,48 @@
     </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>Connexion à EasyVista requise</h2>
-      <p>Cette extension doit se connecter à <code>itsma.etat-de-vaud.ch</code> pour fonctionner.</p>
-      <p>Ouvre EasyVista dans un onglet, connecte-toi, puis <b>reclique sur l'icône de l'extension</b>.</p>
+      <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>
@@ -49,6 +136,10 @@
 
   <div id="tooltip" class="tooltip hidden" role="tooltip"></div>
 
+  <!-- v4.2.3 : popup fixe du nom de l'utilisateur connecté. S'ouvre au clic
+       sur la pastille d'initiales (topbar gauche). -->
+  <div id="user-name-popup" class="user-name-popup hidden" role="dialog" aria-hidden="true"></div>
+
   <!-- Conteneur des toasts (notifications d'ouverture) -->
   <div id="toast-stack" class="toast-stack" aria-live="polite"></div>