diff --git a/css/app.css b/css/app.css
index 1fc1f9f..eff8043 100644
--- a/css/app.css
+++ b/css/app.css
@@ -70,6 +70,8 @@ nav {
 
 .nav-sep { flex: 1; }
 
+.nav-divider { color: var(--border2); }
+
 .nav-status {
   font-size: 11px;
   color: var(--text3);
diff --git a/index.html b/index.html
index 65b7d7c..404a2c4 100644
--- a/index.html
+++ b/index.html
@@ -18,6 +18,8 @@
     <div class="nav-status">
       <div class="pulse"></div>
       <span id="nav-count">— instances</span>
+      <span class="nav-divider">·</span>
+      <span id="nav-version"></span>
     </div>
   </nav>
 
diff --git a/js/app.js b/js/app.js
index 9423da7..f989686 100644
--- a/js/app.js
+++ b/js/app.js
@@ -37,6 +37,11 @@ window.addEventListener('popstate', e => {
 
 // ── Bootstrap ─────────────────────────────────────────────────────────────────
 
+fetch('/package.json')
+  .then(r => r.json())
+  .then(pkg => { document.getElementById('nav-version').textContent = `v${pkg.version}`; })
+  .catch(() => {});
+
 initDB().then(() => {
   renderDashboard();
   handleRoute();