feat(dl): afficher version courante + liste anciennes versions

p/assets/js/downloads.js

@@ -38,6 +38,11 @@ document.addEventListener("DOMContentLoaded", () => {
     if (currentVersionLabel) {
       currentVersionLabel.textContent = `${currentVersion.label} ${currentVersion.date ? '— ' + currentVersion.date : ''}`.trim();
     }
+    // update prominent latest download button
+    const latestBtn = document.querySelector('[data-latest-download]');
+    if (latestBtn) {
+      latestBtn.href = currentVersion.url || '#';
+    }
   }
 
   function renderArchive() {

p/assets/styles/main.css

@@ -1,3 +1,18 @@
+.versions-panel { margin-top: 1rem; padding: 0.9rem; border-radius: 0.75rem; background: rgba(255,255,255,0.02); border: 1px solid rgba(148,163,184,0.04); }
+.latest-version h2 { margin: 0 0 0.35rem; }
+.latest-row { display:flex; justify-content: space-between; align-items:center; gap:1rem; }
+.latest-meta { color: var(--muted); }
+.latest-actions { display:flex; gap:0.6rem; }
+
+.versions-archive { margin-top: 0.8rem; }
+.versions-list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:0.6rem; }
+.version-item { display:flex; justify-content:space-between; align-items:center; padding:0.45rem 0.6rem; border-radius:0.45rem; background: rgba(2,6,23,0.02); }
+.version-item .version-actions { display:flex; gap:0.4rem; }
+
+@media (max-width: 880px) {
+  .latest-row { flex-direction: column; align-items: flex-start; gap:0.5rem; }
+}
+
 @import "./var.css";
 
 :root {

p/dl/index.html

@@ -12,6 +12,27 @@
         <header class="downloads-header">
           <h1>Téléchargements</h1>
           <p>Choisissez votre image et collez le lien de téléchargement (ou utilisez ceux fournis). Les liens sont sauvegardés localement pour faciliter la gestion.</p>
+
+          <div class="versions-panel">
+            <div class="latest-version">
+              <h2>Dernière version</h2>
+              <div class="latest-row">
+                <div class="latest-meta">Version <strong data-current-version>—</strong></div>
+                <div class="latest-actions">
+                  <a class="button" data-latest-download href="#" target="_blank">Télécharger la dernière</a>
+                  <button class="button button-secondary" data-action-edit>Modifier la version actuelle</button>
+                </div>
+              </div>
+            </div>
+
+            <div class="versions-archive" data-versions-archive>
+              <h3>Versions précédentes</h3>
+              <ul class="versions-list" data-versions-list></ul>
+            </div>
+            <div class="version-admin">
+              <button class="button button-secondary" data-action-add>Ajouter une version</button>
+            </div>
+          </div>
         </header>
 
         <div class="download-grid">