feat: implement collection runs tracking and error acknowledgment features

frontend/collecte.html

@@ -0,0 +1,61 @@
+<!doctype html>
+<html lang="fr">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Collecte — simple-cost-dashboard</title>
+<link rel="stylesheet" href="/static/style.css">
+</head>
+<body>
+
+<div class="app-shell">
+<aside class="sidebar">
+  <p class="sidebar-brand">simple-cost-dashboard</p>
+  <nav class="sidebar-nav">
+    <a href="/" class="sidebar-link">Compte</a>
+    <a href="/services" class="sidebar-link">Services</a>
+    <a href="/collecte" class="sidebar-link active">Collecte<span class="nav-alert-dot" id="nav-collecte-alert" hidden></span></a>
+  </nav>
+</aside>
+<div class="page">
+
+<header class="topbar">
+  <div class="topbar-title">
+    <h1>Collecte</h1>
+    <span class="breadcrumb">historique des exécutions (collecte journalière et backfill historique)</span>
+  </div>
+</header>
+
+<main class="container">
+
+  <div id="error-banner"></div>
+
+  <p class="section-title">Exécutions</p>
+  <div class="card" style="padding: 16px 20px 4px;">
+    <p class="chart-card-sub" style="margin: 0 0 12px;">Clique une exécution pour voir le détail des erreurs.</p>
+    <div id="runs-table-wrap">
+      <div class="skeleton">Chargement…</div>
+    </div>
+  </div>
+
+</main>
+
+</div>
+</div>
+
+<div class="drawer-backdrop" id="drawer-backdrop"></div>
+<aside class="drawer" id="run-drawer" aria-hidden="true">
+  <div class="drawer-header">
+    <div>
+      <h3 id="drawer-title">Exécution</h3>
+      <p id="drawer-sub">&nbsp;</p>
+    </div>
+    <button class="drawer-close" id="drawer-close" aria-label="Fermer">&times;</button>
+  </div>
+  <div class="drawer-body" id="drawer-body"></div>
+</aside>
+
+<script src="/static/common.js"></script>
+<script src="/static/collecte.js"></script>
+</body>
+</html>