Dashboard web FastAPI + Chart.js

- 4 vues : spectre temps reel, historique detections, background, timeline CPS
- API REST : /api/status, /api/spectrum/current, /api/spectrum/difference,
  /api/background, /api/background/spectrum, /api/history, /api/cps/timeline
- Frontend vanilla JS + Chart.js (pas de Node.js, leger pour Pi 4)
- Moniteur modifie pour exporter son etat dans /data/monitor_state.json
  et le CPS dans /data/cps_log.jsonl chaque cycle
- Nouveau conteneur Docker 'web' sur port 8080
- Theme sombre, calibration energie (E = 0.33 + 2.97 * canal)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

web/static/js/history.js

@@ -0,0 +1,39 @@
+async function loadHistory() {
+    try {
+        const resp = await fetch(`${API_BASE}/api/history`);
+        if (!resp.ok) return;
+        const reports = await resp.json();
+        const container = document.getElementById('history-list');
+
+        if (reports.length === 0) {
+            container.innerHTML = '<p style="color:#888;text-align:center;padding:20px;">Aucun rapport disponible</p>';
+            return;
+        }
+
+        let html = '';
+        reports.forEach(r => {
+            const isoText = r.isotopes.length > 0 ? r.isotopes.join(', ') : 'background uniquement';
+            html += `<div class="history-item" onclick="toggleDetails(this)">
+                <div class="history-header">
+                    <span class="history-date">${r.date.split('T')[0]}</span>
+                    <span class="history-cps">${r.cps_mean.toFixed(1)} CPS</span>
+                    <span class="history-isotopes">${r.isotope_count} isotope(s)</span>
+                </div>
+                <div class="history-details">
+                    <p>Live time: ${r.live_time_hours.toFixed(1)}h | Total: ${r.total_counts} coups</p>
+                    <p>Isotopes: ${isoText}</p>
+                    <p>Background: ${r.background_subtracted ? 'soustrait' : 'non soustrait'}</p>
+                </div>
+            </div>`;
+        });
+        container.innerHTML = html;
+    } catch {}
+}
+
+function toggleDetails(el) {
+    const details = el.querySelector('.history-details');
+    details.classList.toggle('open');
+}
+
+// Load on tab switch
+document.querySelector('[data-tab="history"]').addEventListener('click', loadHistory);