ui(settings): show init .env.local prompt and button when /api/env returns empty or errors

Author: axgd-code

ui/static/js/app.js

@@ -22,6 +22,42 @@ async function loadEnv() {
     const container = document.getElementById('env-form');
     container.innerHTML = '';
 
+    // If API failed or returned empty, still offer to initialize .env.local
+    if (!data || (Array.isArray(data) && data.length === 0)) {
+        const msg = document.createElement('div');
+        msg.style.marginBottom = '8px';
+        msg.style.color = '#b33';
+        msg.innerText = 'Aucun paramètre trouvé — vous pouvez initialiser .env.local à partir du modèle.';
+        container.appendChild(msg);
+        // Show init button (reuse existing init endpoint flow)
+        const initDiv = document.createElement('div');
+        initDiv.style.marginTop = '10px';
+        initDiv.innerHTML = `<button id="btn-init-env" class="secondary">Initialiser .env.local</button> <span style="color:#888; font-size:12px; margin-left:8px;">Crée .env.local à partir de .env.example</span>`;
+        container.appendChild(initDiv);
+        document.getElementById('btn-init-env').addEventListener('click', async () => {
+            if (!confirm('Créer .env.local à partir de .env.example ?')) return;
+            const btn = document.getElementById('btn-init-env');
+            btn.disabled = true;
+            btn.innerText = 'Initialisation...';
+            try {
+                const r = await fetch('/api/env/init', {method: 'POST'});
+                const j = await r.json();
+                if (j.error) alert('Erreur: ' + j.error);
+                else {
+                    alert('.env.local créé');
+                    // reload form
+                    loadEnv();
+                }
+            } catch (e) {
+                alert('Request failed: ' + e);
+            } finally {
+                btn.disabled = false;
+                btn.innerText = 'Initialiser .env.local';
+            }
+        });
+        return;
+    }
+
     // data is now an array of {key, value, desc}
     data.forEach(item => {
         const div = document.createElement('div');