feat(oracle): header version badge + persistent UI preferences (hub parity)

/api/health now carries the C3 version (_c3_version, same source as the
Discovery API) and the dashboard header shows a v<version> badge next to
the logo, mirroring the hub topbar. The active tab persists to config on
every switch (new ui_last_tab key) and is restored on load via
restoreLastTab() after init — using the hub's save-on-change config
pattern rather than localStorage so preferences follow the server, not
the browser. Note: the header theme toggle already POSTed its preference,
but was silently 401-broken until the v2.47.0 session cookie — it now
actually sticks. Bundle re-verified with esbuild; live smoke: version
2.49.0 in health, cookie-authed ui_last_tab save + readback green.

Author: drknowhow

CHANGELOG.md

@@ -6,6 +6,15 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+### Added
+
+- **Oracle version badge** (hub-topbar parity): `/api/health` now carries the
+  C3 `version`, and the dashboard header shows `v<version>` next to the logo.
+- **Persistent Oracle UI preferences** (hub parity): the active tab is saved
+  to config on every switch (`ui_last_tab`) and restored on load; the header
+  theme toggle's persistence — silently broken by a 401 before the v2.47.0
+  session cookie — now actually sticks.
+
 ### Removed
 
 - **Oracle `/legacy` route and `oracle.html`.** The frozen pre-bundle

oracle-guide/api-reference.md

@@ -22,6 +22,7 @@ Returns Oracle status and Ollama cloud availability.
 {
   "status": "ok",
   "service": "c3-oracle",
+  "version": "2.49.0",
   "model": "gemma4:31b-cloud",
   "ollama_available": true,
   "model_verified": true,

oracle-guide/configuration.md

@@ -27,7 +27,8 @@ Oracle stores its configuration at `~/.c3/oracle/config.json`.
 | `digest_notify_file` | `""` | JSONL sink appended after each scheduled digest (`""` = disabled) |
 | `digest_retention_days` | `14` | Prune stored digests older than this |
 | `auto_open_browser` | `true` | Open browser on startup |
-| `theme` | `dark` | UI theme (`dark` or `light`) |
+| `theme` | `dark` | UI theme (`dark` or `light`) — persisted automatically when toggled in the header |
+| `ui_last_tab` | `chat` | Last active dashboard tab — persisted automatically on tab switch, restored on load |
 | `max_facts_per_analysis` | `100` | Max facts sent to LLM per analysis |
 | `insight_confidence_threshold` | `0.5` | Minimum confidence to store an insight |
 | `log_level` | `INFO` | Logging level (DEBUG, INFO, WARNING, ERROR) |

oracle/config.py

@@ -32,6 +32,7 @@
     "digest_retention_days": 14,      # prune stored digests
     "auto_open_browser": True,
     "theme": "dark",
+    "ui_last_tab": "chat",          # persisted UI preference (hub parity)
     "max_facts_per_analysis": 100,
     "insight_confidence_threshold": 0.5,
     "log_level": "INFO",

oracle/oracle_server.py

@@ -262,6 +262,7 @@ def api_health():
     return jsonify({
         "status": "ok",
         "service": "c3-oracle",
+        "version": _c3_version(),
         "model": _cfg.get("model", "gemma4:31b-cloud"),
         "ollama_available": ollama_ok,
         "model_verified": _model_verified,

oracle/oracle_ui.html

@@ -44,6 +44,7 @@
   }
   .logo { font-size: 17px; font-weight: 700; letter-spacing: .5px; display: flex; align-items: center; gap: 10px; }
   .logo span { color: var(--accent); }
+  .version-badge { font-size: 10px; font-weight: 500; font-family: monospace; color: var(--text2); background: var(--bg3); border: 1px solid var(--border); border-radius: 4px; padding: 1px 6px; }
   .header-right { display: flex; align-items: center; gap: 8px; }
   .badge { background: var(--bg3); border: 1px solid var(--border); border-radius: 9999px; padding: 3px 12px; font-size: 11px; color: var(--text2); }
   .badge .dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; margin-right: 5px; }
@@ -797,6 +798,7 @@
 <header>
   <div class="logo">
     <span>Oracle</span> Memory Agent
+    <span class="version-badge" id="oracleVersion" style="display:none"></span>
     <div class="activity-spinner" id="activitySpinner"></div>
     <div class="activity-label" id="activityLabel"></div>
   </div>

oracle/ui/app.js

@@ -4,6 +4,8 @@
 // ═══════════════════════════════════════════════════════════
 (async function init() {
   await Promise.all([refreshHeader(), loadProjects(), loadInsights(), loadSuggestions(), loadSettings(), loadDiscoveryKey(), chatLoadConversations(), chatLoadCommands()]);
+  // Restore persisted UI preferences (loadSettings cached the config).
+  restoreLastTab(window.oracleConfig || {});
   // Auto-refresh every 60s
   setInterval(() => { refreshHeader(); loadProjects(); }, 60000);
 })();

oracle/ui/header.js

@@ -24,6 +24,12 @@ async function refreshHeader() {
       api('/api/review/status').catch(() => ({})),
     ]);
 
+    // Version badge (hub topbar parity)
+    if (health.version) {
+      const vEl = document.getElementById('oracleVersion');
+      if (vEl) { vEl.textContent = 'v' + health.version; vEl.style.display = ''; }
+    }
+
     // Ollama
     ollamaOk = !!health.ollama_available;
     model = health.model || '?';

oracle/ui/theme_tabs.js

@@ -25,6 +25,18 @@ function toggleTheme() {
 // ═══════════════════════════════════════════════════════════
 // ── Tab switching ──
 // ═══════════════════════════════════════════════════════════
+let _restoringTab = false;
+
+function restoreLastTab(cfg) {
+  // Re-open the tab from the persisted UI preference (hub parity).
+  const last = (cfg && cfg.ui_last_tab) || 'chat';
+  if (last === 'chat') return; // chat is the default active tab
+  const tab = document.querySelector(`.tab[data-tab="${last}"]`);
+  if (!tab) return;
+  _restoringTab = true;
+  try { tab.click(); } finally { _restoringTab = false; }
+}
+
 document.querySelectorAll('.tab').forEach(tab => {
   tab.addEventListener('click', () => {
     document.querySelectorAll('.tab').forEach(t => t.classList.remove('active'));
@@ -46,6 +58,10 @@ document.querySelectorAll('.tab').forEach(tab => {
     if (tab.dataset.tab === 'activity' && !window._actLoaded) {
       loadActivity(); window._actLoaded = true;
     }
+    // Persist the UI preference (hub parity) — skip during restore.
+    if (!_restoringTab) {
+      api('/api/config', { method: 'POST', body: { ui_last_tab: tab.dataset.tab } }).catch(() => {});
+    }
   });
 });
 

tests/test_oracle_ui_bundle.py

@@ -74,8 +74,12 @@ def test_root_serves_bundle_with_cookie(self):
     def test_legacy_route_removed(self):
         self.assertEqual(self.client.get("/legacy").status_code, 404)
 
-    def test_health_unaffected(self):
-        self.assertEqual(self.client.get("/api/health").status_code, 200)
+    def test_health_carries_version(self):
+        r = self.client.get("/api/health")
+        self.assertEqual(r.status_code, 200)
+        # Header version badge (hub parity) reads this field.
+        version = r.get_json().get("version", "")
+        self.assertRegex(version, r"^\d+\.\d+")
 
 
 if __name__ == "__main__":