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 %}