Upload 6 files

templates/admin.html

@@ -26,6 +26,20 @@
     modèles et aux tokens. Autres administrateurs : {{ admin_names|join(", ") }}.
   </p>
 
+  {% if not storage.durable %}
+  <p class="flash error storage-warning">
+    ⚠ {{ storage.detail }}
+  </p>
+  {% elif storage.last_error %}
+  <p class="flash error storage-warning">
+    ⚠ Dernière sauvegarde en échec : {{ storage.last_error }}
+  </p>
+  {% elif storage.mode != 'native' %}
+  <p class="flash info storage-ok">
+    ✓ {{ storage.detail }}{% if storage.last_saved %} · dernière sauvegarde {{ paris_time(storage.last_saved, "%d/%m %H:%M") }}{% endif %}
+  </p>
+  {% endif %}
+
   {% with messages = get_flashed_messages(with_categories=true) %}
     {% if messages %}
       <ul class="flash-list">

templates/index.html

@@ -29,6 +29,15 @@
       <span>Nouvelle conversation</span>
     </button>
 
+    <section id="history" aria-label="Historique des conversations">
+      <div id="history-head">
+        <span id="history-title">Historique</span>
+        <button id="history-clear" type="button" hidden>Tout supprimer</button>
+      </div>
+      <ul id="history-list"></ul>
+      <p id="history-empty">Tes conversations apparaîtront ici.</p>
+    </section>
+
     <div id="system-card">
       <div id="status-line">
         <span id="status-dot" class="dot dot-pending"></span>
@@ -78,7 +87,7 @@
         <code>opsiom --api-key <em>VOTRE_CLE_API</em></code>
         <button type="button" class="cli-copy-btn" aria-label="Copier">⧉</button>
       </div>
-      <a class="cli-promo-link" href="{{ (octix_portal_url ~ '/compte') if octix_portal_url else '#' }}" target="_blank" rel="noopener">Récupérer ma clé API →</a>
+      {% if octix_portal_url %}<a class="cli-promo-link" href="{{ octix_portal_url ~ '/compte' }}" target="_blank" rel="noopener">Récupérer ma clé API →</a>{% endif %}
     </details>
 
     <details id="extras-promo" class="sidebar-details">
@@ -232,7 +241,11 @@
       <li>Chaque message consomme des tokens à hauteur du texte envoyé et reçu, selon le modèle choisi.</li>
     </ul>
 
-    <a id="quota-modal-cta" href="{{ (octix_portal_url ~ '/compte') if octix_portal_url else '#' }}" target="_blank" rel="noopener">Gérer mon compte Octix →</a>
+    {% if octix_portal_url %}
+    <a id="quota-modal-cta" href="{{ octix_portal_url ~ '/compte' }}" target="_blank" rel="noopener">Gérer mon compte Octix →</a>
+    {% else %}
+    <a id="quota-modal-cta" href="{{ url_for('progression_page') }}">Débloquer plus de tokens →</a>
+    {% endif %}
   </div>
 </div>
 

templates/promo.html

@@ -7,6 +7,7 @@
 <link rel="icon" href="{{ url_for('logo_png') }}">
 <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
 <link rel="stylesheet" href="{{ url_for('static', filename='css/progression.css') }}">
+<link rel="stylesheet" href="{{ url_for('static', filename='css/admin.css') }}">
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
 </head>