From 37337a5de7b9012e6b94442d4a02a2ada6c333dc Mon Sep 17 00:00:00 2001
From: Bruno Charest <bruno.charest@gmail.com>
Date: Sun, 13 Sep 2026 11:50:17 -0400
Subject: [PATCH] fix(settings): corriger le chargement du panneau via
 navigation partielle HTMX

settingsInit est declare comme fonction globale au lieu d'etre enregistre dans alpine:init : l'evenement alpine:init ne se redeclenche pas lors d'un swap HTMX de .main-wrapper, ce qui laissait settingsInit non enregistre et provoquait des ReferenceError (llmSaving, llmTesting, llmDefaultProvider, llmMsgOk) au chargement des Reglages depuis un bouton du topbar. Le bloc du token API cree passe aussi de x-show a template x-if pour eviter le dereferencement de newToken null.
---
 app/templates/settings.html | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/app/templates/settings.html b/app/templates/settings.html
index f55bab6..f1045c5 100644
--- a/app/templates/settings.html
+++ b/app/templates/settings.html
@@ -290,13 +290,15 @@
               <button class="btn btn-primary" @click="createApiToken()" :disabled="!tokenName.trim()" style="white-space:nowrap;">Generate</button>
             </div>
           </div>
-          <div class="setting-row" x-show="newToken" style="flex-direction:column;align-items:stretch;gap:6px;background:rgba(46,160,67,.08);border-radius:8px;">
-            <div class="setting-label" style="color:var(--toast-success-bg);">Token créé — copiez-le maintenant (affiché une seule fois)</div>
-            <div style="display:flex;gap:8px;align-items:center;">
-              <code class="settings-input" x-text="newToken.token" style="flex:1;font-family:var(--font-mono);font-size:12px;user-select:all;"></code>
-              <button class="btn-sm" @click="copyNewToken()">Copy</button>
+          <template x-if="newToken">
+            <div class="setting-row" style="flex-direction:column;align-items:stretch;gap:6px;background:rgba(46,160,67,.08);border-radius:8px;">
+              <div class="setting-label" style="color:var(--toast-success-bg);">Token créé — copiez-le maintenant (affiché une seule fois)</div>
+              <div style="display:flex;gap:8px;align-items:center;">
+                <code class="settings-input" x-text="newToken.token" style="flex:1;font-family:var(--font-mono);font-size:12px;user-select:all;"></code>
+                <button class="btn-sm" @click="copyNewToken()">Copy</button>
+              </div>
             </div>
-          </div>
+          </template>
         </div>
         <div class="setting-group">
           <h3>Tokens existants <span style="text-transform:none;font-size:11px;" x-text="'(' + apiTokens.length + ')'"></span></h3>
@@ -897,10 +899,9 @@
 </div>
 
 <script>
-document.addEventListener('alpine:init', function() {
-  Alpine.data('settingsInit', function() {
-    return {
-      activeSection: 'account',
+function settingsInit() {
+  return {
+    activeSection: 'account',
       allTags: [],
       newTagName: '',
       newTagColor: '#787774',
@@ -1756,8 +1757,7 @@ document.addEventListener('alpine:init', function() {
           setTimeout(function() { window.location.reload(); }, 100);
         }
       },
-    };
-  });
-});
+  };
+}
 </script>
 {% endblock %}