superlocalmemory 3.8.1 → 3.8.3

package/src/superlocalmemory/ui/index.html

@@ -1566,7 +1566,8 @@
     <!-- OD screen modules (v3.7.9): approved-design panes wired to live data.
          Load LAST so their window.load<Screen> overrides win over the legacy loaders. -->
     <script src="static/js/od-brain.js?v=379"></script>
-    <script src="static/js/od-health.js?v=380"></script>
+    <script src="static/js/od-components.js?v=382"></script>
+    <script src="static/js/od-health.js?v=382"></script>
     <script src="static/js/od-operations.js?v=380"></script>
     <script src="static/js/od-team.js?v=379"></script>
     <script src="static/js/od-graph.js?v=379"></script>
@@ -1577,7 +1578,7 @@
     <script src="static/js/od-skills.js?v=379"></script>
     <script src="static/js/od-mesh.js?v=379"></script>
     <script src="static/js/od-optimize.js?v=379"></script>
-    <script src="static/js/od-settings.js?v=380"></script>
+    <script src="static/js/od-settings.js?v=382"></script>
     <script src="static/js/od-backup.js?v=379"></script>
     <!-- MCP & Integrations pane (v3.8.0): shows exposed MCP tool profile + counts -->
     <script src="static/js/od-mcp.js?v=380"></script>

package/src/superlocalmemory/ui/js/core.js

@@ -13,7 +13,12 @@
 // surfaces as a normal rejection and the UI can show a clear error.
 // ============================================================================
 
-window.SLM_FETCH_TIMEOUT_MS = 15000;
+// v3.8.3: 30s (> the server's 25s recall budget) so the browser waits for a
+// quality recall under heavy multi-agent load instead of aborting it early
+// ("signal is aborted without reason"). The server self-bounds recall and
+// falls back to keyword within its budget, so this only ever waits longer for
+// a genuinely stuck request. Per-call init.timeoutMs still overrides.
+window.SLM_FETCH_TIMEOUT_MS = 30000;
 window.SLM_INSTALL_TOKEN_KEY = 'slm_install_token';
 
 // B2 (3.7.9): the install token is kept in a private closure, never in

package/src/superlocalmemory/ui/js/od-components.js

@@ -0,0 +1,147 @@
+// od-components.js — System Health "What's Missing" report (v3.8.2 UX-6)
+//
+// window.odRenderComponents(el) renders the component-registry snapshot from
+//   GET  /api/v3/components          → {components:[...], summary:{...}}
+// into `el`, showing per-component status, a copy-paste fix command for the
+// items SLM can't repair on its own, and a "Retry now" button that triggers
+//   POST /api/v3/components/heal     (install token auto-attached by core.js)
+// The daemon auto-heals on start; this panel is transparency + a manual
+// fallback for the non-technical user.
+//
+// Copyright (c) 2026 Varun Pratap Bhardwaj / Qualixar — AGPL-3.0
+
+/* global window, document, fetch, navigator, setTimeout */
+(function () {
+  'use strict';
+
+  function esc(s) {
+    return String(s == null ? '' : s)
+      .replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
+      .replace(/"/g, '&quot;').replace(/'/g, '&#39;');
+  }
+
+  // Severity/glyph/colour for one component, honouring its category so an
+  // absent optional backend is not shown as an error.
+  function view(c) {
+    var st = String(c.status || '').toLowerCase();
+    if (st === 'ok') return { g: '✓', col: 'var(--ok)', tip: 'ready' };
+    if (st === 'retrying') return { g: '⟳', col: 'var(--accent, #4a9)', tip: 'repairing' };
+    if (st === 'degraded') return { g: '⚠', col: 'var(--warn)', tip: 'degraded' };
+    // missing — severity depends on how much SLM needs it.
+    if (c.category === 'required') return { g: '✗', col: 'var(--danger)', tip: 'missing' };
+    if (c.category === 'recommended') return { g: '⚠', col: 'var(--warn)', tip: 'missing' };
+    return { g: '○', col: 'var(--fg-2)', tip: 'optional' };
+  }
+
+  function rowHtml(c) {
+    var v = view(c);
+    var fix = '';
+    if (c.status !== 'ok' && c.fix_cmd) {
+      if (c.auto_fixable) {
+        fix = '<div class="muted" style="margin-top:2px;font-size:12px">'
+            + 'SLM repairs this automatically.</div>';
+      } else {
+        fix = '<div style="margin-top:4px;display:flex;gap:6px;align-items:center">'
+            + '<code style="font-size:12px;background:var(--bg-2,#0002);'
+            + 'padding:2px 6px;border-radius:4px">' + esc(c.fix_cmd) + '</code>'
+            + '<button class="od-copy-fix" data-cmd="' + esc(c.fix_cmd) + '" '
+            + 'style="font-size:11px;padding:1px 6px;cursor:pointer">Copy</button>'
+            + '</div>';
+      }
+    }
+    return '<div style="padding:8px 0;border-bottom:1px solid var(--border,#8881)">'
+      + '<div style="display:flex;gap:8px;align-items:baseline">'
+      + '<span style="color:' + v.col + ';font-weight:700;width:16px;text-align:center">'
+      + v.g + '</span>'
+      + '<div style="flex:1">'
+      + '<span style="font-weight:600">' + esc(c.label) + '</span>'
+      + ' <span class="muted" style="font-size:12px">' + esc(c.detail || v.tip) + '</span>'
+      + fix
+      + '</div></div></div>';
+  }
+
+  function render(el, data) {
+    var comps = (data && data.components) || [];
+    var s = (data && data.summary) || {};
+    var healthy = !!s.healthy;
+    var hasAutoFix = (s.auto_fixable_missing || 0) > 0;
+
+    var head = '<div style="display:flex;justify-content:space-between;'
+      + 'align-items:center;margin-bottom:6px">'
+      + '<h3 style="margin:0">System Health — Components</h3>'
+      + '<span style="padding:2px 10px;border-radius:12px;font-size:12px;'
+      + 'background:' + (healthy ? 'var(--ok)' : 'var(--warn)') + ';color:#000">'
+      + (healthy ? 'All good' : 'Needs attention') + '</span></div>';
+
+    var summary = '<div class="muted" style="font-size:12px;margin-bottom:8px">'
+      + (s.ok || 0) + ' ready · ' + (s.missing || 0) + ' missing · '
+      + (s.degraded || 0) + ' degraded'
+      + (s.retrying ? ' · ' + s.retrying + ' repairing' : '') + '</div>';
+
+    var actions = '<div style="margin-top:10px;display:flex;gap:8px">'
+      + '<button id="od-comp-recheck" style="padding:4px 12px;cursor:pointer">Recheck</button>'
+      + (hasAutoFix
+          ? '<button id="od-comp-retry" style="padding:4px 12px;cursor:pointer;'
+            + 'background:var(--accent,#4a9);color:#000;border:none;border-radius:4px">'
+            + 'Retry now</button>'
+          : '')
+      + '</div>'
+      + '<div class="muted" style="font-size:11px;margin-top:6px">'
+      + 'SLM auto-repairs fixable items on start. Copy a command for anything '
+      + 'it can’t install for you.</div>';
+
+    el.innerHTML = head + summary
+      + '<div>' + comps.map(rowHtml).join('') + '</div>' + actions;
+
+    // Copy buttons.
+    el.querySelectorAll('.od-copy-fix').forEach(function (b) {
+      b.addEventListener('click', function () {
+        var cmd = b.getAttribute('data-cmd') || '';
+        if (navigator.clipboard) navigator.clipboard.writeText(cmd);
+        var old = b.textContent; b.textContent = 'Copied';
+        setTimeout(function () { b.textContent = old; }, 1200);
+      });
+    });
+    var recheck = el.querySelector('#od-comp-recheck');
+    if (recheck) recheck.addEventListener('click', function () { load(el); });
+    var retry = el.querySelector('#od-comp-retry');
+    if (retry) retry.addEventListener('click', function () { doRetry(el, retry); });
+  }
+
+  function load(el) {
+    if (!el) return;
+    el.innerHTML = '<p class="muted" style="padding:8px 0">Checking components…</p>';
+    fetch('/api/v3/components')
+      .then(function (r) { return r.ok ? r.json() : null; })
+      .then(function (data) {
+        if (!data) {
+          el.innerHTML = '<p class="muted" style="padding:8px 0">'
+            + 'Component health unavailable (is the daemon running?).</p>';
+          return;
+        }
+        render(el, data);
+      })
+      .catch(function () {
+        el.innerHTML = '<p class="muted" style="padding:8px 0">'
+          + 'Could not load component health.</p>';
+      });
+  }
+
+  // Trigger a background heal, then poll a few times so the panel reflects
+  // the retrying → ok transition without the user refreshing.
+  function doRetry(el, btn) {
+    btn.disabled = true; btn.textContent = 'Repairing…';
+    fetch('/api/v3/components/heal', { method: 'POST', credentials: 'same-origin' })
+      .then(function () {
+        var tries = 0;
+        (function poll() {
+          tries += 1;
+          load(el);
+          if (tries < 4) setTimeout(poll, 2500);
+        })();
+      })
+      .catch(function () { load(el); });
+  }
+
+  window.odRenderComponents = load;
+})();

package/src/superlocalmemory/ui/js/od-entities.js

@@ -396,6 +396,17 @@
             _dateField('Last seen',  listEnt.last_seen)  +
             _dateField('Compiled',   d.last_compiled_at) +
           '</div>' +
+          // Recompile action — restored: POST /api/entity/{name}/recompile
+          // The disabled guard was removed; data-ename carries the name to _wire() handler.
+          '<div style="margin-top:16px;display:flex;align-items:center;gap:10px">' +
+            '<button data-od-act="recompile-entity" ' +
+              'data-ename="' + _esc(d.entity_name || '') + '" ' +
+              'style="padding:5px 14px;border:1px solid var(--border);border-radius:5px;' +
+                'font-size:12px;cursor:pointer;background:var(--bg-2);color:var(--fg)">' +
+              'Recompile</button>' +
+            '<span id="' + id + '-recompile-status" ' +
+              'style="font-size:12px;color:var(--fg-2)"></span>' +
+          '</div>' +
         '</div>' +
       '</div>' +
 
@@ -514,12 +525,44 @@
 
   // ── Event delegation ──────────────────────────────────────────────────────
 
+  // Recompile entity — POST /api/entity/{name}/recompile
+  // Updates button text and status span to give feedback without a page reload.
+  function _recompileEntity(id, name, btn) {
+    if (!name) return;
+    var statusEl = document.getElementById(id + '-recompile-status');
+    btn.disabled = true;
+    btn.textContent = 'Recompiling…';
+    if (statusEl) { statusEl.textContent = ''; }
+    fetch('/api/entity/' + encodeURIComponent(name) + '/recompile', { method: 'POST' })
+      .then(function (r) { return r.json(); })
+      .then(function (data) {
+        btn.disabled = false;
+        btn.textContent = 'Recompile';
+        if (statusEl) {
+          statusEl.style.color = 'var(--accent)';
+          statusEl.textContent = data.message || 'Recompiled successfully';
+        }
+      })
+      .catch(function (err) {
+        btn.disabled = false;
+        btn.textContent = 'Recompile';
+        if (statusEl) {
+          statusEl.style.color = 'var(--danger, #e05)';
+          statusEl.textContent = 'Recompile failed: ' + (err.message || 'unknown error');
+        }
+      });
+  }
+
   function _wire(container, id) {
     container.addEventListener('click', function (e) {
       var el = e.target.closest('[data-od-act]');
       if (!el) return;
       var act = el.dataset.odAct;
 
+      if (act === 'recompile-entity') {
+        _recompileEntity(id, el.dataset.ename, el);
+        return;
+      }
       if (act === 'type-filter') {
         _st = Object.assign({}, _st, { typeFilter: el.dataset.type, page: 0 });
         _refreshTypeChips(id, el.dataset.type);

package/src/superlocalmemory/ui/js/od-graph.js

@@ -93,6 +93,31 @@
           '<div class="inspector-empty"><div style="font-size:34px;margin-bottom:8px">&#9671;</div>' +
           'Loading your knowledge graph…</div>' +
         '</div>' +
+        // Quick Insight Actions — restored: 5 data-insight-action buttons + #insight-results.
+        // quick-actions.js (global, non-IIFE) defines fetchInsight(action) which calls
+        // GET /api/v3/insights/{action} and writes into #insight-results.
+        // Delegation wired in wireControls() so buttons survive re-renders.
+        '<div id="odg-insights-panel" style="border-top:1px solid var(--border);' +
+          'padding:10px 12px 8px">' +
+          '<div style="font-size:10.5px;font-weight:600;color:var(--fg-3);' +
+            'text-transform:uppercase;letter-spacing:0.06em;margin-bottom:7px">' +
+            'Quick Insights</div>' +
+          '<div style="display:flex;flex-wrap:wrap;gap:5px;margin-bottom:7px">' +
+            '<button class="chip" style="font-size:11px;padding:3px 9px;cursor:pointer" ' +
+              'data-insight-action="changed_this_week">Changed This Week</button>' +
+            '<button class="chip" style="font-size:11px;padding:3px 9px;cursor:pointer" ' +
+              'data-insight-action="opinions">Opinions</button>' +
+            '<button class="chip" style="font-size:11px;padding:3px 9px;cursor:pointer" ' +
+              'data-insight-action="contradictions">Contradictions</button>' +
+            '<button class="chip" style="font-size:11px;padding:3px 9px;cursor:pointer" ' +
+              'data-insight-action="health">Memory Health</button>' +
+            '<button class="chip" style="font-size:11px;padding:3px 9px;cursor:pointer" ' +
+              'data-insight-action="cross_project">Cross-Project</button>' +
+          '</div>' +
+          // #insight-results — quick-actions.js writes here via document.getElementById
+          '<div id="insight-results" ' +
+            'style="max-height:200px;overflow-y:auto;font-size:12px"></div>' +
+        '</div>' +
         '<div class="ask">' +
           '<div class="ask-head"><span data-ic="brain"></span> Ask your memory</div>' +
           '<div class="ask-log" id="odg-log">' +
@@ -502,6 +527,16 @@
     q('#odg-send').onclick = sendAsk;
     q('#odg-ask').addEventListener('keydown', function (e) { if (e.key === 'Enter') sendAsk(); });
 
+    // Quick Insight Actions — delegated on mount so buttons survive od-graph.js re-renders.
+    // quick-actions.js:fetchInsight() is global (non-IIFE); it writes into #insight-results
+    // which is mounted inside odg-insights-panel above.
+    mount.addEventListener('click', function (e) {
+      var btn = e.target.closest('[data-insight-action]');
+      if (btn && typeof fetchInsight === 'function') {
+        fetchInsight(btn.getAttribute('data-insight-action'));
+      }
+    });
+
     cv.addEventListener('mousedown', function (e) {
       var r = cv.getBoundingClientRect(), n = nodeAt(e.clientX - r.left, e.clientY - r.top);
       if (n) { dragNode = n; selected = n; renderInsp(n); wake(); } else { panning = true; }

package/src/superlocalmemory/ui/js/od-health.js

@@ -183,6 +183,20 @@
             '</tbody>' +
           '</table>' +
         '</div>' +
+      '</div>' +
+
+      // System Health — Components (v3.8.2 UX-6): what's installed vs missing,
+      // with copy-paste fix commands + a Retry-now button. The daemon
+      // auto-heals fixable items on start; this is transparency + fallback.
+      // Rendered by od-components.js → window.odRenderComponents.
+      '<div class="card" style="margin-top:16px">' +
+        '<div class="card-head">' +
+          '<h3>System Health — Components</h3>' +
+          '<span class="sub">models &amp; dependencies · self-healing</span>' +
+        '</div>' +
+        '<div class="card-pad" id="od-h-components">' +
+          '<div class="dim" style="text-align:center;padding:20px">Loading…</div>' +
+        '</div>' +
       '</div>'
     );
   }
@@ -515,6 +529,10 @@
       populateTrustSignals(trustStats);
       populateAgentSummary(agentsData, eventsStats);
       populateAgentTable(agentsData);
+      // v3.8.2 UX-6: component "what's missing" report (od-components.js).
+      if (typeof window.odRenderComponents === 'function') {
+        window.odRenderComponents(document.getElementById('od-h-components'));
+      }
 
     }).catch(function (err) {
       container.innerHTML =

package/src/superlocalmemory/ui/js/od-memories.js

@@ -147,6 +147,9 @@
           '<button class="tab" data-od-act="tab" data-tab="timeline">Creation timeline</button>' +
           '<button class="tab" data-od-act="tab" data-tab="clusters">' +
             'Knowledge clusters <span class="cnt" id="' + id + '-cnt-clusters">…</span></button>' +
+          // Recall Lab tab — restored: recall-lab.js is already loaded in index.html and uses
+          // document-level click/keydown delegation keyed on IDs below, so it survives re-renders.
+          '<button class="tab" data-od-act="tab" data-tab="recall">Recall Lab</button>' +
         '</div>' +
         '<div class="tabpane active" id="' + id + '-pane-all">' + _allScaffold(id) + '</div>' +
         '<div class="tabpane" id="' + id + '-pane-timeline">' + _tlScaffold(id) + '</div>' +
@@ -155,6 +158,40 @@
             _loading('Loading clusters…') +
           '</div>' +
         '</div>' +
+        // Recall Lab pane — exact IDs required by recall-lab.js:
+        //   #recall-lab-query (input), #recall-lab-search (button — click check),
+        //   #recall-lab-per-page (select, optional), #recall-lab-meta, #recall-lab-results.
+        // Backend: POST /api/v3/recall/trace
+        '<div class="tabpane" id="' + id + '-pane-recall" style="padding-top:12px">' +
+          '<div style="margin-bottom:14px">' +
+            '<p style="font-size:13px;color:var(--fg-2);margin-bottom:10px">' +
+              'Trace how a recall query is resolved — matching algorithm, scoring, and final result set.' +
+            '</p>' +
+            '<div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap">' +
+              '<input id="recall-lab-query" placeholder="Enter recall query…" autocomplete="off" ' +
+                'style="flex:1;min-width:200px;padding:8px 12px;' +
+                  'border:1px solid var(--border);border-radius:6px;font-size:13px;' +
+                  'background:var(--bg-2);color:var(--fg)">' +
+              '<select id="recall-lab-per-page" ' +
+                'style="padding:7px 10px;border:1px solid var(--border);border-radius:6px;' +
+                  'font-size:13px;background:var(--bg-2);color:var(--fg)">' +
+                '<option value="5">5</option>' +
+                '<option value="10" selected>10</option>' +
+                '<option value="20">20</option>' +
+                '<option value="50">50</option>' +
+              '</select>' +
+              '<button id="recall-lab-search" ' +
+                'style="padding:8px 18px;background:var(--accent);color:#fff;' +
+                  'border:none;border-radius:6px;font-size:13px;cursor:pointer;' +
+                  'white-space:nowrap">Run Trace</button>' +
+            '</div>' +
+          '</div>' +
+          // #recall-lab-meta — written by recall-lab.js before results (timing, count, etc.)
+          '<div id="recall-lab-meta" ' +
+            'style="font-size:12px;color:var(--fg-2);margin-bottom:8px"></div>' +
+          // #recall-lab-results — written by recall-lab.js (result cards, pagination)
+          '<div id="recall-lab-results"></div>' +
+        '</div>' +
       '</div>'
     );
   }

package/src/superlocalmemory/ui/js/od-operations.js

@@ -96,6 +96,9 @@
         '<button class="tab" data-od-tab="trust">Trust</button>' +
         '<button class="tab" data-od-tab="compliance">Compliance</button>' +
         '<button class="tab" data-od-tab="loops">Bounded Loops</button>' +
+        // Ingestion tab — restored: re-mounts #ingestion-overview + #ingestion-adapters
+        // so ng-ingestion.js (loaded in index.html) can populate them on call.
+        '<button class="tab" data-od-tab="ingestion">Ingestion</button>' +
       '</div>' +
 
       // ══════ LIFECYCLE TAB ══════════════════════════════════════════════
@@ -427,6 +430,31 @@
           '</div>' +
         '</div>' +
 
+      '</section>' +
+
+      // ══════ INGESTION TAB ═════════════════════════════════════════════
+      // Restoration: mounts #ingestion-overview and #ingestion-adapters so that
+      // window.loadIngestionStatus() (ng-ingestion.js) can populate them.
+      // ng-ingestion.js is loaded in index.html and defines loadIngestionStatus().
+      // Adapter action buttons use data-act-click="adapter-action" which is handled
+      // by event-delegation.js → adapterAction() defined in ng-ingestion.js.
+      // Backend: GET /api/adapters · POST /api/adapters/{enable|disable|start|stop}
+      '<section class="tabpane" data-od-pane="ingestion">' +
+
+        '<div class="page-head" style="margin-bottom:16px">' +
+          '<h2 style="font-size:20px;margin-bottom:6px">Connectors &amp; Ingestion</h2>' +
+          '<p style="font-size:13.5px">' +
+            'Gmail, Calendar, and Transcript adapters — enable to start building memory ' +
+            'from external sources. All processing is local.' +
+          '</p>' +
+        '</div>' +
+
+        // #ingestion-overview — ng-ingestion.js: 4 stat cards (Available/Enabled/Running/Privacy)
+        '<div id="ingestion-overview"></div>' +
+
+        // #ingestion-adapters — ng-ingestion.js: adapter cards (Gmail/Calendar/Transcript)
+        '<div id="ingestion-adapters" style="margin-top:16px"></div>' +
+
       '</section>'
     );
   }
@@ -1227,6 +1255,14 @@
         window.odRenderTeam(document.getElementById('od-team-mount'));
       }
 
+      // Ingestion (Gmail / Calendar / Transcript) — re-linked to ng-ingestion.js.
+      // #ingestion-overview and #ingestion-adapters are now in the skeleton DOM
+      // (inside the Ingestion tab section); calling loadIngestionStatus() renders them.
+      // The function is null-guarded: no-op if ng-ingestion.js failed to load.
+      if (typeof window.loadIngestionStatus === 'function') {
+        window.loadIngestionStatus();
+      }
+
     }).catch(function (err) {
       container.innerHTML =
         '<div style="color:var(--danger);text-align:center;padding:48px 0">' +

package/src/superlocalmemory/ui/js/od-settings.js

@@ -509,6 +509,75 @@
       }).catch(function () {});
   }
 
+  /* ═══════════════════════════════════════════════════════════
+     GROUP — Recall & Memory Behaviour (v3.8.2, live-apply, no restart)
+     PUT /api/v3/runtime/config  {retrieval:{top_k,use_cross_encoder},
+                                   injection:{enabled,core_block_enabled,
+                                              core_block_max_facts}}
+  ═══════════════════════════════════════════════════════════ */
+  function buildRuntime() {
+    var topkWrap = makeRange('rt-topk', 1, 200, 1, 20);
+    var topkInp  = topkWrap.querySelector('input');
+    var xencSw   = makeSwitch('rt-xenc', true);
+    var injSw    = makeSwitch('rt-inj', true);
+    var cbSw     = makeSwitch('rt-cb', true);
+    var cbWrap   = makeRange('rt-cbmax', 0, 50, 1, 5);
+    var cbInp    = cbWrap.querySelector('input');
+    var st = makeSt('rt');
+    function save() {
+      authPut('/api/v3/runtime/config', {
+        retrieval: {
+          top_k: Number(topkInp.value),
+          use_cross_encoder: xencSw.classList.contains('on')
+        },
+        injection: {
+          enabled: injSw.classList.contains('on'),
+          core_block_enabled: cbSw.classList.contains('on'),
+          core_block_max_facts: Number(cbInp.value)
+        }
+      }).then(function (r) { return r.json(); })
+        .then(function (d) {
+          setSt('rt', d.success !== false ? 'Applied' : esc(d.error || 'Error'), d.success !== false);
+          if (d.success !== false) loadRuntime();
+        })
+        .catch(function () { setSt('rt', 'Error', false); toast('Save failed', true); });
+    }
+    // Ranges save on release ('change'), not each drag tick ('input').
+    topkInp.addEventListener('change', save);
+    cbInp.addEventListener('change', save);
+    xencSw.addEventListener('od-toggle', save);
+    injSw.addEventListener('od-toggle', save);
+    cbSw.addEventListener('od-toggle', save);
+    return makeGrp('Recall & Memory Behaviour (auto-saves, no restart)', 'operations', [
+      makeRow('Recall depth', 'Memories each recall considers — higher is more thorough, a little slower', 'retrieval.top_k', topkWrap),
+      makeRow('Reranker', 'Re-scores results for quality (uses ~200MB RAM, adds ~200ms)', 'retrieval.use_cross_encoder', xencSw),
+      makeRow('Inject memories into prompts', 'Master switch for automatic memory injection', 'injection.enabled', injSw),
+      makeRow('Core-memory block', 'Prepend your most important facts to every prompt', 'injection.core_block_enabled', cbSw),
+      makeRow('Core-block size', 'Max facts in the core-memory block', 'injection.core_block_max_facts', cbWrap),
+      makeRow('Status', '', '', st)
+    ]);
+  }
+  function loadRuntime() {
+    fetch('/api/v3/runtime/config').then(function (r) { return r.ok ? r.json() : null; })
+      .then(function (d) {
+        if (!d || !d.config) return;
+        var rt = d.config.retrieval || {}, inj = d.config.injection || {};
+        function setRange(id, val) {
+          var i = q(id); if (i == null) return;
+          i.value = val; var disp = q(id + '-disp'); if (disp) disp.textContent = val;
+        }
+        function setSw(id, on) {
+          var s = q(id); if (!s) return;
+          s.classList.toggle('on', !!on); s.setAttribute('aria-checked', String(!!on));
+        }
+        if (rt.top_k != null) setRange('rt-topk', rt.top_k);
+        setSw('rt-xenc', rt.use_cross_encoder);
+        setSw('rt-inj', inj.enabled);
+        setSw('rt-cb', inj.core_block_enabled);
+        if (inj.core_block_max_facts != null) setRange('rt-cbmax', inj.core_block_max_facts);
+      }).catch(function () {});
+  }
+
   /* ═══════════════════════════════════════════════════════════
      GROUP 5 — Auto-Capture
   ═══════════════════════════════════════════════════════════ */
@@ -1026,8 +1095,8 @@
     });
   }
   function loadAll() {
-    loadMode(); loadEmb(); loadStorage(); loadScope(); loadCapture();
-    loadRecall(); loadInvoke(); loadForgetting(); loadEvolution();
+    loadMode(); loadEmb(); loadStorage(); loadScope(); loadRuntime();
+    loadCapture(); loadRecall(); loadInvoke(); loadForgetting(); loadEvolution();
     loadBackup(); loadMesh(); loadTrust(); loadRateLimit(); loadDaemon();
   }
 
@@ -1062,7 +1131,7 @@
     hub.appendChild(sWrap);
 
     var frag = document.createDocumentFragment();
-    [buildMode(), buildEmb(), buildStorage(), buildScope(),
+    [buildMode(), buildEmb(), buildStorage(), buildScope(), buildRuntime(),
      buildCapture(), buildRecall(), buildInvoke(), buildForgetting(),
      buildEvolution(), buildBackup(), buildMesh(), buildTrust(),
      buildRateLimit(), buildDaemon()