fix(ui,help): #61 unified dynamic version display + full guide sections for AI editor & plugins

frontend/js/app.js

@@ -23,6 +23,7 @@ import PaneManager from './pane-manager.js';
 import { initDesktopIntegration, isTauriEnv } from './desktop.js';
 import { initPush } from './push.js';
 import { initPlugins } from './plugins.js';
+import { populateVersions } from './config.js';
 
 // =========================================================================
 // Initialization — mirrors the original app.js init() ordering
@@ -123,15 +124,11 @@ document.addEventListener("DOMContentLoaded", () => {
     if (typeof window.__obsigateBootReady === "function") window.__obsigateBootReady();
   }
   // Show version in header — always visible, fallback before the async fetch
-  const versionBadge = document.getElementById('version-badge');
-  if (versionBadge) {
-    versionBadge.textContent = window.__OBSIGATE_VERSION || '…';
-  }
-  fetch('/api/health')
-    .then(r => r.json())
-    .then(d => {
-      const badge = document.getElementById('version-badge');
-      if (badge && d.version) badge.textContent = d.version;
-    })
-    .catch(() => {});
+    populateVersions();
+    fetch('/api/health')
+      .then(r => r.json())
+      .then(d => {
+        if (d && d.version) populateVersions(d.version);
+      })
+      .catch(() => {});
 });

frontend/js/config.js

@@ -1483,8 +1483,24 @@ export {
   initAboutModal,
   initProfile,
   switchSidebarTab,
+  populateVersions,
 };
 
+// Populate every version display (header badge, About modal, help guide footer)
+// from a single source of truth so they always match.
+function populateVersions(version) {
+  var v = version || window.__OBSIGATE_VERSION || '—';
+  var els = [
+    document.getElementById('version-badge'),
+    document.getElementById('about-version'),
+    document.getElementById('help-version'),
+  ];
+  for (var i = 0; i < els.length; i++) {
+    if (els[i]) els[i].textContent = v;
+  }
+  return v;
+}
+
 // ── Theme Picker ─────────────────────────────────────────────────────
 function initThemePicker() {
   import('./themes.js').then(function(mod) {
@@ -1656,24 +1672,23 @@ function initAboutModal() {
       // Fallback silencieux : si le fetch échoue, on garde la version pré-chargée
       // (window.__OBSIGATE_VERSION) au lieu d'un "—" trompeur.
       fetch('/api/health')
-        .then(function(r) { return r.json(); })
-        .then(function(d) {
-          var fEl = document.getElementById('about-stat-files');
-          var vEl = document.getElementById('about-stat-vaults');
-          if (fEl && d.total_files) fEl.textContent = d.total_files;
-          if (vEl && d.vaults) vEl.textContent = d.vaults;
-          // Clean x.y.z version (not hardcoded) + git detail
-          var versionEl = document.getElementById('about-version');
-          if (versionEl) {
-            versionEl.textContent = (d && d.version) || window.__OBSIGATE_VERSION || '—';
-          }
-          var commitEl = document.getElementById('about-commit');
-          if (commitEl) commitEl.textContent = (d && d.git_describe) || (d && d.git_commit) || '—';
-        })
-        .catch(function() {
-          var versionEl = document.getElementById('about-version');
-          if (versionEl) versionEl.textContent = window.__OBSIGATE_VERSION || '—';
-        });
+              .then(function(r) { return r.json(); })
+              .then(function(d) {
+                var fEl = document.getElementById('about-stat-files');
+                var vEl = document.getElementById('about-stat-vaults');
+                if (fEl && d.total_files) fEl.textContent = d.total_files;
+                if (vEl && d.vaults) vEl.textContent = d.vaults;
+                // Single source of truth: populate the header badge, About and
+                // help-guide footer with the same version value.
+                if (d && (d.version || d.git_describe)) {
+                  populateVersions((d && d.version) || window.__OBSIGATE_VERSION);
+                }
+                var commitEl = document.getElementById('about-commit');
+                if (commitEl) commitEl.textContent = (d && d.git_describe) || (d && d.git_commit) || '—';
+              })
+              .catch(function() {
+                populateVersions();
+              });
 
     // Build date (today)
     var now = new Date();