superlocalmemory 3.8.0 → 3.8.2

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

@@ -4,9 +4,9 @@
 // Renders the approved design into window.odRenderBrain(container).
 // ALL data from these confirmed live endpoints (no seed / no invented data):
 //   GET /api/learning/status   → ranking_phase, stats, engagement, tech_preferences,
-//                                 workflow_patterns, source_scores
-//   GET /api/behavioral/status → total_outcomes, outcome_breakdown, patterns[],
-//                                 cross_project_transfers, recent_outcomes[]
+//                                 workflow_patterns, persisted source-quality posteriors
+//   GET /api/behavioral/status → reward_telemetry, explicit outcome counts,
+//                                 patterns[], transfers, recent_outcomes[]
 //   GET /api/behavioral/assertions?category=skill_performance&limit=50 → assertions[]
 //   GET /api/behavioral/tool-events?limit=500 → events[].{created_at,tool_name,…}
 //
@@ -189,11 +189,21 @@
     var stats = (learning && learning.stats) || {};
     var eng = (learning && learning.engagement) || {};
     var beh = behavioral || {};
-    var ML_GATE = 2000;
-    var signals = Number(stats.feedback_count || stats.total || 0);
-    var pct = Math.min(100, Math.round(signals / ML_GATE * 100));
-    var phase = (learning && learning.ranking_phase) || 'cold_start';
-    var modelActive = phase === 'ml_model';
+    var ranker = (learning && learning.ranker_phase) || {};
+    var gates = ranker.gates || {};
+    var ruleGate = Math.max(1, Number(gates.rule_based_min_signals || 1));
+    var mlGate = Math.max(ruleGate, Number(gates.ml_model_min_signals || ruleGate));
+    var signals = Number(ranker.signals != null
+      ? ranker.signals : stats.ranker_signal_count || 0);
+    var pct = Math.min(100, Math.round(signals / mlGate * 100));
+    var phase = ranker.key || (learning && learning.ranking_phase) || 'baseline';
+    var phaseNumber = Number(ranker.phase || 1);
+    var modelActive = Boolean(ranker.model_active);
+    var phaseDelta = modelActive
+      ? 'Verified active model'
+      : signals < mlGate
+        ? fmtNum(mlGate - signals) + ' to ML data gate'
+        : 'ML data gate met · verified model required';
     var healthStatus = (eng.health_status || 'INACTIVE').toUpperCase();
     var healthColor = healthStatus === 'HEALTHY' ? 'var(--ok)'
       : healthStatus === 'ACTIVE' ? 'var(--cyan)' : undefined;
@@ -203,7 +213,7 @@
     var strip = EL('div', { className: 'kpi-strip', style: 'margin-bottom:16px' });
     // Ranking phase: text label → isNumeric=false (font-size:24px to match design)
     strip.appendChild(kpiCard('skill', 'Ranking phase', phaseLabel(phase),
-      '▲ ' + fmtNum(ML_GATE - signals) + ' to ML Model phase', !modelActive, undefined, false));
+      phaseDelta, modelActive, undefined, false));
     // Feedback signals: numeric → isNumeric=true
     strip.appendChild(kpiCard('optimize', 'Feedback signals', fmtNum(signals),
       '▲ ' + fmtNum(stats.unique_queries || 0) + ' unique queries', true, undefined, true));
@@ -230,7 +240,7 @@
     var pmeta = EL('div', {
       style: 'display:flex;justify-content:space-between;font-size:12px;color:var(--fg-2);margin-bottom:8px',
     });
-    pmeta.appendChild(EL('span', { text: fmtNum(signals) + ' / ' + fmtNum(ML_GATE) + ' signals' }));
+    pmeta.appendChild(EL('span', { text: fmtNum(signals) + ' / ' + fmtNum(mlGate) + ' signals' }));
     pmeta.appendChild(EL('span', { className: 'num', text: pct + '%' }));
     pb.appendChild(pmeta);
     pb.appendChild(meter(pct));
@@ -238,9 +248,24 @@
       style: 'display:flex;justify-content:space-between;margin-top:18px;gap:12px',
     });
     [
-      { t: 'Baseline',   d: '0–20 signals',      done: true,  now: false },
-      { t: 'Rule-Based', d: '20–200+ · active',    done: false, now: !modelActive },
-      { t: 'ML Model',   d: '2000+ · ' + (modelActive ? 'active' : 'training set'), done: false, now: modelActive },
+      {
+        t: 'Baseline',
+        d: '0–' + Math.max(0, ruleGate - 1) + ' signals',
+        done: phaseNumber > 1,
+        now: phaseNumber === 1,
+      },
+      {
+        t: 'Rule-Based',
+        d: fmtNum(ruleGate) + '–' + fmtNum(Math.max(ruleGate, mlGate - 1)) + ' signals',
+        done: phaseNumber > 2,
+        now: phaseNumber === 2,
+      },
+      {
+        t: 'ML Model',
+        d: fmtNum(mlGate) + '+ · ' + (modelActive ? 'verified active' : 'verified model required'),
+        done: false,
+        now: phaseNumber === 3 && modelActive,
+      },
     ].forEach(function (phI) {
       var el = EL('div', {
         className: 'phase' + (phI.done ? ' done' : '') + (phI.now ? ' now' : ''),
@@ -264,6 +289,7 @@
       ['Learning DB size',  fmtKB(stats.db_size_kb)],
       ['Patterns learned',  String(pCount)],
       ['Models trained',    String(stats.models_trained || 0)],
+      ['Verified active models', String(stats.models_active_verified || 0)],
       ['Sources tracked',   String(stats.tracked_sources || 0)],
     ].forEach(function (row) {
       var r = EL('div', { className: 'list-row' });
@@ -282,11 +308,11 @@
     grid.appendChild(priv);
     sec.appendChild(grid);
 
-    // Heatmap card (real data from tool-events)
+    // Activity heatmap (tool events are activity, never reward labels)
     var hmc = EL('div', { className: 'card', style: 'margin-top:16px' });
     var hmh = EL('div', { className: 'card-head' });
-    hmh.appendChild(EL('h3', { text: "How I'm getting smarter" }));
-    hmh.appendChild(EL('span', { className: 'sub', text: 'reward signal · last 26 weeks' }));
+    hmh.appendChild(EL('h3', { text: 'Memory activity' }));
+    hmh.appendChild(EL('span', { className: 'sub', text: 'tool events · last 26 weeks' }));
     hmh.appendChild(EL('div', { className: 'spacer' }));
     hmh.appendChild(heatLegend());
     hmc.appendChild(hmh);
@@ -302,21 +328,30 @@
   // ======================================================================
   // Tab: REWARD SIGNAL
   // ======================================================================
-  function buildReward(behavioral, dateMap) {
+  function buildReward(behavioral) {
     var sec = EL('section', { className: 'tabpane', 'data-p': 'reward' });
     var beh = behavioral || {};
+    var reward = beh.reward_telemetry || {};
+    var timeline = reward.timeline || [];
+    var rewardDateMap = {};
+    timeline.forEach(function (point) {
+      if (point && point.date) rewardDateMap[String(point.date)] = Number(point.count || 0);
+    });
 
     // Density heatmap
     var hmcr = EL('div', { className: 'card', style: 'margin-bottom:16px' });
     var hmhr = EL('div', { className: 'card-head' });
     hmhr.appendChild(EL('h3', { text: 'Reward signal density' }));
-    hmhr.appendChild(EL('span', { className: 'sub', text: 'positive engagement per day · last 26 weeks' }));
+    hmhr.appendChild(EL('span', {
+      className: 'sub',
+      text: 'settled numeric labels per day · last ' + Number(reward.window_days || 182) + ' days',
+    }));
     hmhr.appendChild(EL('div', { className: 'spacer' }));
     hmhr.appendChild(heatLegend());
     hmcr.appendChild(hmhr);
     var hmbr = EL('div', { className: 'card-pad', style: 'overflow-x:auto' });
     var hmElR = EL('div', { className: 'heatmap', id: 'od-brain-heat2' });
-    buildHeatmap(hmElR, dateMap, 26);
+    buildHeatmap(hmElR, rewardDateMap, 26);
     hmbr.appendChild(hmElR);
     hmcr.appendChild(hmbr);
     sec.appendChild(hmcr);
@@ -324,21 +359,28 @@
     // 2-column: sparkline + outcome mix
     var grid = EL('div', { className: 'grid', style: 'grid-template-columns:1fr 1fr;align-items:start' });
 
-    // Feedback sparkline (last 30 days from dateMap)
+    // Average settled reward and real daily series
     var fbCard = EL('div', { className: 'card' });
     var fbH = EL('div', { className: 'card-head' });
-    fbH.appendChild(EL('h3', { text: 'Feedback signals over time' }));
-    fbH.appendChild(EL('span', { className: 'sub', text: 'cumulative' }));
+    fbH.appendChild(EL('h3', { text: 'Average settled reward' }));
+    fbH.appendChild(EL('span', {
+      className: 'sub',
+      text: fmtNum(reward.count || 0) + ' finalized labels',
+    }));
     fbCard.appendChild(fbH);
     var fbB = EL('div', { className: 'card-pad' });
-    var fbSp = EL('div', { id: 'od-brain-sp-fb' });
-    var today = new Date(); today.setHours(0, 0, 0, 0);
-    var sparkVals = [];
-    for (var si = 29; si >= 0; si--) {
-      var sd = new Date(today); sd.setDate(today.getDate() - si);
-      sparkVals.push((dateMap && dateMap[sd.toISOString().slice(0, 10)]) || 0);
+    if (reward.average != null) {
+      fbB.appendChild(EL('div', {
+        className: 'value num',
+        style: 'font-size:30px;margin-bottom:12px',
+        text: Number(reward.average).toFixed(3),
+      }));
     }
-    var hasSparkData = sparkVals.some(function (v) { return v > 0; });
+    var fbSp = EL('div', { id: 'od-brain-sp-fb' });
+    var sparkVals = timeline.slice(-30).map(function (point) {
+      return Number(point.average || 0);
+    });
+    var hasSparkData = sparkVals.length > 0;
     if (hasSparkData && typeof window.slmSpark === 'function') {
       fbSp.innerHTML = window.slmSpark(sparkVals, { w: 600, h: 150, color: 'var(--violet)' });
       var sv1 = fbSp.querySelector('svg'); if (sv1) sv1.style.height = '150px';
@@ -346,33 +388,33 @@
       fbSp.appendChild(EL('p', {
         className: 'muted',
         style: 'padding:32px;text-align:center;font-size:13px',
-        text: 'No signal history in the last 30 days.',
+        text: 'No settled reward history is available yet.',
       }));
     }
     fbB.appendChild(fbSp);
     fbCard.appendChild(fbB);
     grid.appendChild(fbCard);
 
-    // Outcome mix
+    // Settled reward distribution
     var outCard = EL('div', { className: 'card' });
     var outH = EL('div', { className: 'card-head' });
-    outH.appendChild(EL('h3', { text: 'Outcome mix' }));
-    outH.appendChild(EL('span', { className: 'sub', text: 'heuristic reward attribution' }));
+    outH.appendChild(EL('h3', { text: 'Reward distribution' }));
+    outH.appendChild(EL('span', { className: 'sub', text: 'engagement-derived settled labels' }));
     outCard.appendChild(outH);
     var outB = EL('div', { className: 'card-pad', id: 'od-brain-outcomes' });
-    var total = beh.total_outcomes || 0;
-    var bd = beh.outcome_breakdown || {};
+    var total = Number(reward.count || 0);
+    var bd = reward.distribution || {};
     if (total === 0) {
       outB.appendChild(EL('p', {
         className: 'muted',
         style: 'padding:16px;text-align:center;font-size:13px',
-        text: 'No outcome data yet. Report outcomes in your sessions to train the ranker.',
+        text: 'No settled reward labels yet. Recall engagement will populate this view.',
       }));
     } else {
       [
-        ['Productive (success)',        bd.success || 0, 'var(--ok)'],
-        ['Session continued (partial)', bd.partial  || 0, 'var(--cyan)'],
-        ['Failure signal',              bd.failure  || 0, 'var(--danger)'],
+        ['Positive (> 0.6)', bd.positive || 0, 'var(--ok)'],
+        ['Neutral (0.4–0.6)', bd.neutral || 0, 'var(--cyan)'],
+        ['Negative (< 0.4)', bd.negative || 0, 'var(--danger)'],
       ].forEach(function (r) {
         var p2 = Math.round(r[1] / total * 100);
         var rw = EL('div', { style: 'margin-bottom:13px' });
@@ -454,7 +496,7 @@
       wcb.appendChild(EL('p', {
         className: 'muted',
         style: 'padding:16px;text-align:center;font-size:13px',
-        text: 'Workflow patterns emerge after 50+ recall sessions.',
+        text: 'No sequence or temporal patterns recorded yet. Interest signals are not shown as workflows.',
       }));
     } else {
       wfPats.slice(0, 3).forEach(function (wf) {
@@ -482,9 +524,7 @@
     xch.appendChild(EL('span', { className: 'sub', text: 'patterns reused across projects' }));
     xc.appendChild(xch);
     var xcb = EL('div', { className: 'card-pad' });
-    var xPats = (beh.patterns || []).filter(function (p) {
-      return p.pattern_type === 'cross_project' || p.is_transferable;
-    });
+    var xPats = beh.cross_project_patterns || [];
     if (xPats.length === 0) {
       xcb.appendChild(EL('p', {
         className: 'muted',
@@ -535,9 +575,9 @@
         item.appendChild(bdg);
         item.appendChild(EL('span', {
           style: 'flex:1;font-size:13px',
-          text: String(r.context || r.description || '—'),
+          text: String(r.action_type || 'other'),
         }));
-        item.appendChild(EL('time', { text: String(r.time_ago || r.created_at || '') }));
+        item.appendChild(EL('time', { text: String(r.timestamp || '') }));
         rcb.appendChild(item);
       });
     }
@@ -614,17 +654,14 @@
     var card = EL('div', { className: 'card' });
     var ch = EL('div', { className: 'card-head' });
     ch.appendChild(EL('h3', { text: 'Source quality' }));
-    ch.appendChild(EL('span', { className: 'sub', text: 'per-tool retrieval scoring · 0.0–1.0' }));
+    ch.appendChild(EL('span', { className: 'sub', text: 'persisted source-outcome posterior · 0.0–1.0' }));
     card.appendChild(ch);
     var cb = EL('div', { className: 'card-pad' });
     if (entries.length === 0) {
-      // TODO: GET /api/learning/status → source_scores is empty until ML ranking pipeline
-      // processes sufficient interactions and runs consolidation.
       cb.appendChild(EL('p', {
         className: 'muted',
         style: 'padding:16px;text-align:center;font-size:13px',
-        text: 'Source quality scores are computed by the ML ranking pipeline. ' +
-              'No data yet — scores appear after consolidation runs.',
+        text: 'No source-quality observations yet. Recall hits alone do not establish source quality.',
       }));
     } else {
       entries.forEach(function (k) {
@@ -742,7 +779,7 @@
         head,
         buildTabRow(pCount),
         buildOverview(learning, behavioral, dateMap),
-        buildReward(behavioral, dateMap),
+        buildReward(behavioral),
         buildBehaviour(learning, behavioral),
         buildClients(dateMap),
         buildSourceQuality(learning)

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

@@ -127,15 +127,20 @@
     typeFilter: 'all',
     search:    '',
     selected:  null, // entity name
+    requestSeq: 0,
   };
+  var _searchTimer = null;
 
   // ── Main entry ─────────────────────────────────────────────────────────────
 
   function render(container) {
     if (!container) return;
+    clearTimeout(_searchTimer);
     _injectCSS();
     var id = 'od-ent-' + Math.random().toString(36).slice(2, 8);
-    _st = Object.assign({}, _st, { rootId: id, page: 0, typeFilter: 'all', selected: null });
+    _st = Object.assign({}, _st, {
+      rootId: id, page: 0, typeFilter: 'all', search: '', selected: null, requestSeq: 0,
+    });
     container.innerHTML = _scaffold(id);
     _wire(container, id);
     _loadList(id);
@@ -231,6 +236,10 @@
   function _loadList(id) {
     var offset = _st.page * _st.pageSize;
     var url = '/api/entity/list?limit=' + _st.pageSize + '&offset=' + offset;
+    if (_st.typeFilter !== 'all') url += '&type=' + encodeURIComponent(_st.typeFilter);
+    if (_st.search) url += '&search=' + encodeURIComponent(_st.search);
+    var requestSeq = _st.requestSeq + 1;
+    _st = Object.assign({}, _st, { requestSeq: requestSeq });
     var listEl = document.getElementById(id + '-list');
     if (listEl) {
       listEl.innerHTML = '<div style="padding:40px;text-align:center;' +
@@ -243,6 +252,7 @@
         return r.json();
       })
       .then(function (d) {
+        if (_st.rootId !== id || _st.requestSeq !== requestSeq) return;
         _st = Object.assign({}, _st, {
           entities: d.entities || [],
           total: d.total || 0,
@@ -255,6 +265,7 @@
         }
       })
       .catch(function (err) {
+        if (_st.rootId !== id || _st.requestSeq !== requestSeq) return;
         var el = document.getElementById(id + '-list');
         if (el) {
           el.innerHTML = '<div style="padding:24px;text-align:center;' +
@@ -264,21 +275,10 @@
   }
 
   function _renderList(id) {
-    var q      = _st.search.toLowerCase();
-    var tf     = _st.typeFilter;
-    var all    = _st.entities;
-
-    var filtered = all.filter(function (e) {
-      var typeOk = tf === 'all' || e.type === tf;
-      var searchOk = !q ||
-        (e.name || '').toLowerCase().indexOf(q) >= 0 ||
-        (e.type || '').toLowerCase().indexOf(q) >= 0 ||
-        (e.summary_preview || '').toLowerCase().indexOf(q) >= 0;
-      return typeOk && searchOk;
-    });
+    var filtered = _st.entities;
 
     var cntEl = document.getElementById(id + '-count');
-    if (cntEl) cntEl.textContent = filtered.length + ' of ' + _st.total.toLocaleString();
+    if (cntEl) cntEl.textContent = _st.total.toLocaleString();
 
     var listEl = document.getElementById(id + '-list');
     if (!listEl) return;
@@ -286,7 +286,7 @@
     if (filtered.length === 0) {
       listEl.innerHTML = '<div style="padding:40px;text-align:center;' +
         'color:var(--fg-2);font-size:13px">' +
-        (q || tf !== 'all' ? 'No entities match this filter.' :
+        (_st.search || _st.typeFilter !== 'all' ? 'No entities match this filter.' :
           'No entities found. Entity extraction runs during consolidation.') +
         '</div>';
       return;
@@ -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,19 +525,48 @@
 
   // ── 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, search: '' });
-        // Clear the search input DOM value so it stays in sync with state
-        var searchEl = document.getElementById(id + '-search');
-        if (searchEl) searchEl.value = '';
+        _st = Object.assign({}, _st, { typeFilter: el.dataset.type, page: 0 });
         _refreshTypeChips(id, el.dataset.type);
-        _renderList(id);
+        _loadList(id);
         return;
       }
       if (act === 'select-entity') {
@@ -546,8 +586,11 @@
 
     container.addEventListener('input', function (e) {
       if (e.target.dataset.odAct === 'ent-search') {
-        _st = Object.assign({}, _st, { search: e.target.value.trim() });
-        _renderList(id);
+        _st = Object.assign({}, _st, { search: e.target.value.trim(), page: 0 });
+        clearTimeout(_searchTimer);
+        _searchTimer = setTimeout(function () {
+          if (_st.rootId === id) _loadList(id);
+        }, 250);
       }
     });
   }