superlocalmemory 3.8.0 → 3.8.2

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

@@ -16,6 +16,9 @@
   var GRAPH_URL = '/api/graph';
   var RECALL_URL = '/api/search';   /* POST {query, limit} -> {results:[...]} */
   var MAX_NODES = 120;              /* default budget; slider range 20-2000 */
+  /* Keep force-layout work bounded even when a user asks to render "All". */
+  var PHYSICS_MAX_NODES = 160;
+  var PRE_SETTLE_TICKS = 24;
 
   /* ---- 16-colour categorical palette (Tableau-inspired, accessible) ---- */
   var CAT_PALETTE = [
@@ -41,7 +44,7 @@
   var raf = null, running = false, fitFrames = 0;
   /* settle-freeze: stop the rAF loop once kinetic energy drops below SETTLE_KE */
   var frames = 0, _ke = 0;
-  var SETTLE_MIN = 60, SETTLE_KE = 0.2, SETTLE_MAX_FRAMES = 600;
+  var SETTLE_MIN = 30, SETTLE_KE = 0.2, SETTLE_MAX_FRAMES = 180;
   var NODES = [], LINKS = [], idx = {};
   var tierVisible = { 1: true, 2: true, 3: true };  /* independent tier toggles */
   var scale = 1, ox = 0, oy = 0, dpr = Math.max(1, window.devicePixelRatio || 1);
@@ -90,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">' +
@@ -223,7 +251,11 @@
 
   /* ---------------- physics (ported from design) ---------------- */
   function tick() {
-    var vis = NODES.filter(visible), i, j;
+    /* Force repulsion is O(n^2).  Render every requested node, but only
+       simulate a stable bounded subset so the dashboard remains interactive
+       for existing installs with very large graphs. */
+    var vis = NODES.filter(visible).slice(0, PHYSICS_MAX_NODES), simulated = {}, i, j;
+    vis.forEach(function (n) { simulated[n.id] = true; });
     for (i = 0; i < vis.length; i++) {
       var a = vis[i];
       for (j = i + 1; j < vis.length; j++) {
@@ -234,7 +266,7 @@
       }
     }
     LINKS.forEach(function (l) {
-      if (!visLink(l)) return;
+      if (!visLink(l) || !simulated[l.s] || !simulated[l.t]) return;
       var a = idx[l.s], b = idx[l.t];
       var dx = b.x - a.x, dy = b.y - a.y, d = Math.sqrt(dx * dx + dy * dy) + 0.01;
       var rest = (a.type === 'community' || b.type === 'community') ? 150 : 100;
@@ -495,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; }
@@ -557,7 +599,7 @@
         running = false; draw(); updateCount(); updateLegend(); return;
       }
       readPalette(); resize(); updateCount(); updateLegend(); selected = null; setInspectorEmpty();
-      for (var i = 0; i < 120; i++) tick();   /* pre-settle so it doesn't open as a clump */
+      for (var i = 0; i < PRE_SETTLE_TICKS; i++) tick();   /* bounded pre-settle keeps navigation responsive */
       fitFrames = 0; frames = 0;
       if (!running) { running = true; loop(); } else { wake(); }
     }).catch(function (err) {

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

@@ -106,6 +106,8 @@
     catCounts: {},     // pre-fetched per-category totals
     tlRange:   '30d',
     cluLoaded: false,  // reset in render() to avoid stale state on re-entry
+    searchQ:   null,
+    requestSeq: 0,
   };
 
   // Known categories from the daemon (pre-fetched at render time)
@@ -119,7 +121,7 @@
     var id = 'od-mem-' + Math.random().toString(36).slice(2, 8);
     _st = Object.assign({}, _st, {
       rootId: id, page: 0, category: null, sort: 'created',
-      memories: [], catCounts: {}, cluLoaded: false,
+      memories: [], catCounts: {}, cluLoaded: false, searchQ: null, requestSeq: 0,
     });
     // Clear per-id timeline cache for this render instance
     _tlLoaded = {};
@@ -145,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>' +
@@ -153,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>'
     );
   }
@@ -306,6 +345,8 @@
     if (_st.scopeView && _st.scopeView !== 'mine') {
       url += '&scope=' + encodeURIComponent(_st.scopeView);
     }
+    var requestSeq = _st.requestSeq + 1;
+    _st = Object.assign({}, _st, { requestSeq: requestSeq });
     var wrap = document.getElementById(id + '-tbl-wrap');
     if (wrap) wrap.innerHTML = _loading('Loading memories…');
 
@@ -315,10 +356,12 @@
         return r.json();
       })
       .then(function (d) {
+        if (_st.rootId !== id || _st.requestSeq !== requestSeq) return;
         _st = Object.assign({}, _st, { memories: d.memories || [], total: d.total || 0 });
         _renderTable(id, d);
       })
       .catch(function (err) {
+        if (_st.rootId !== id || _st.requestSeq !== requestSeq) return;
         var w = document.getElementById(id + '-tbl-wrap');
         if (w) w.innerHTML = '<div class="card-pad" style="color:var(--danger);text-align:center">' +
           'Failed to load memories: ' + _esc(err.message) + '</div>';
@@ -442,22 +485,38 @@
   var _searchTimer = null;
   function _doSearch(id, q) {
     clearTimeout(_searchTimer);
+    var requestSeq = _st.requestSeq + 1;
+    // /api/search is a full-corpus semantic query. It cannot truthfully retain
+    // the list endpoint's category/scope selection, so clear those controls
+    // before the request rather than leaving the table and chips disagreeing.
+    _st = Object.assign({}, _st, {
+      searchQ: q || null,
+      category: q ? null : _st.category,
+      scopeView: q ? 'mine' : _st.scopeView,
+      page: 0,
+      requestSeq: requestSeq,
+    });
+    if (q) _rebuildCatBar(id);
     _searchTimer = setTimeout(function () {
-      _st = Object.assign({}, _st, { searchQ: q || null });
+      if (_st.rootId !== id || _st.requestSeq !== requestSeq) return;
       if (!q) { _loadMem(id); return; }
       var wrap = document.getElementById(id + '-tbl-wrap');
       if (wrap) wrap.innerHTML = _loading('Searching…');
       fetch('/api/search', { method: 'POST', credentials: 'same-origin',
         headers: { 'Content-Type': 'application/json' },
+        slmInvalidatesCache: false,
+        slmRequiresWriteAuth: false,
         body: JSON.stringify({ query: q, limit: 50, window: _st.window || '' })
       }).then(function (r) {
         if (!r.ok) throw new Error('HTTP ' + r.status);
         return r.json();
       }).then(function (d) {
+        if (_st.rootId !== id || _st.requestSeq !== requestSeq) return;
         var mems = (d.results || []).map(_normSearch);
         _st = Object.assign({}, _st, { memories: mems, total: mems.length });
         _renderTable(id, { memories: mems, total: mems.length, limit: mems.length, offset: 0 });
       }).catch(function (err) {
+        if (_st.rootId !== id || _st.requestSeq !== requestSeq) return;
         var w = document.getElementById(id + '-tbl-wrap');
         if (w) w.innerHTML = '<div class="card-pad" style="color:var(--danger);text-align:center;' +
           'padding:24px">Search failed: ' + _esc(err.message) + '</div>';
@@ -760,7 +819,13 @@
         if (bar) bar.querySelectorAll('[data-od-act="cat"]').forEach(function (c) {
           c.classList.toggle('on', c.dataset.cat === el.dataset.cat);
         });
-        _st = Object.assign({}, _st, { category: el.dataset.cat || null, page: 0 });
+        clearTimeout(_searchTimer);
+        _st = Object.assign({}, _st, {
+          category: el.dataset.cat || null, page: 0, searchQ: null,
+          requestSeq: _st.requestSeq + 1,
+        });
+        var searchInput = document.querySelector('#' + id + ' [data-od-act="search"]');
+        if (searchInput) searchInput.value = '';
         _loadMem(id);
         return;
       }
@@ -778,7 +843,13 @@
         if (sroot) sroot.querySelectorAll('[data-od-act="scope-view"]').forEach(function (b) {
           b.classList.toggle('active', b.dataset.scope === el.dataset.scope);
         });
-        _st = Object.assign({}, _st, { scopeView: el.dataset.scope, page: 0 });
+        clearTimeout(_searchTimer);
+        _st = Object.assign({}, _st, {
+          scopeView: el.dataset.scope, page: 0, searchQ: null,
+          requestSeq: _st.requestSeq + 1,
+        });
+        var scopedSearchInput = document.querySelector('#' + id + ' [data-od-act="search"]');
+        if (scopedSearchInput) scopedSearchInput.value = '';
         _loadMem(id);
         return;
       }
@@ -791,7 +862,15 @@
       if (act === 'close-drawer') { _closeDrawer(); return; }
       if (act === 'pg') {
         var pg = parseInt(el.dataset.page, 10);
-        if (!isNaN(pg)) { _st = Object.assign({}, _st, { page: pg }); _loadMem(id); }
+        if (!isNaN(pg)) {
+          clearTimeout(_searchTimer);
+          _st = Object.assign({}, _st, {
+            page: pg, searchQ: null, requestSeq: _st.requestSeq + 1,
+          });
+          var pagedSearchInput = document.querySelector('#' + id + ' [data-od-act="search"]');
+          if (pagedSearchInput) pagedSearchInput.value = '';
+          _loadMem(id);
+        }
         return;
       }
       if (act === 'expand-cluster') { _expandCluster(id, el.dataset.cid); return; }

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

@@ -7,8 +7,8 @@
 // Design-system CSS classes used throughout — no invented inline colours.
 //
 // Endpoints (all via meshFetch → X-Install-Token):
-//   GET  /mesh/status   → {broker_up, peer_count, uptime_s}
-//   GET  /mesh/peers    → {peers:[{peer_id, session_id, status, last_heartbeat,
+//   GET  /mesh/status   → {broker_up, remote_peer_count, local_session_count, uptime_s}
+//   GET  /mesh/peers?view=all    → {peers:[{peer_id, session_id, status, last_heartbeat,
 //                                   summary, host, port, agent_type, project_path}]}
 //   POST /mesh/send     → body:{from_peer, to_peer, content, type} → {ok:true}
 //
@@ -76,6 +76,7 @@
   var _container  = null;
   var _timer      = null;
   var _observer   = null;     // MutationObserver — re-starts refresh on tab activate
+  var _requestSeq = 0;
 
   // ── HTML helpers ──────────────────────────────────────────────────────────
   // CRIT C3: every API-derived string MUST pass through this.
@@ -198,12 +199,15 @@
       return;
     }
     var up  = data.broker_up === true ? 'Broker up' : 'Broker offline';
-    var cnt = data.peer_count != null
-      ? data.peer_count + ' peer' + (data.peer_count === 1 ? '' : 's')
+    var remoteCount = data.remote_peer_count != null ? data.remote_peer_count : data.peer_count;
+    var cnt = remoteCount != null
+      ? remoteCount + ' remote peer' + (remoteCount === 1 ? '' : 's')
       : '';
+    var localCount = data.local_session_count || 0;
     var upt = data.uptime_s != null ? 'uptime ' + fmtUptime(data.uptime_s) : '';
     var parts = [up];
     if (cnt) parts.push(cnt);
+    if (localCount) parts.push(localCount + ' local session' + (localCount === 1 ? '' : 's'));
     if (upt) parts.push(upt);
     el.textContent = 'Agents sharing this memory mesh on your machine and LAN. ' +
       parts.join(' · ') + '. Peers go stale after 5 min without a heartbeat, dead after 30.';
@@ -236,10 +240,10 @@
             'justify-content:center;margin-bottom:16px;color:var(--fg-3)">' +
             meshEmptyIcon() +
           '</div>' +
-          '<h3 style="font-size:15px;margin-bottom:6px">No peers connected</h3>' +
+          '<h3 style="font-size:15px;margin-bottom:6px">No mesh sessions connected</h3>' +
           '<p style="font-size:12.5px;color:var(--fg-2);' +
             'max-width:30ch;line-height:1.5">' +
-            'Start another agent session. Peers register via the' +
+            'Start another agent session or connect a trusted LAN peer. Sessions register via the' +
             ' <code>mesh_summary</code> MCP tool.' +
           '</p>' +
         '</div>';
@@ -253,6 +257,9 @@
       var pidFrag  = escapeHtml((p.peer_id || '').slice(0, 12));
       var summary  = escapeHtml(p.summary || 'No summary');
       var atype    = escapeHtml(p.agent_type || 'unknown');
+      var isLocal  = String(p.host || '').toLowerCase() === '127.0.0.1' ||
+        String(p.host || '').toLowerCase() === 'localhost' || String(p.host || '') === '::1';
+      var scopeLabel = isLocal ? 'local session' : 'remote peer';
       var ago      = escapeHtml(timeAgo(p.last_heartbeat));
       var proj     = escapeHtml(p.project_path || '~');
       var port     = p.port ? ' · :' + p.port : '';
@@ -274,7 +281,7 @@
             '<div style="flex:1;min-width:0">' +
               '<h3 style="font-size:15px;white-space:nowrap;overflow:hidden;' +
                 'text-overflow:ellipsis">' + name + '</h3>' +
-              '<span class="mono dim" style="font-size:11px">' + pidFrag + '</span>' +
+              '<span class="mono dim" style="font-size:11px">' + pidFrag + ' · ' + scopeLabel + '</span>' +
             '</div>' +
             '<span class="badge ' + badgeCls(st) + '">' +
               '<span class="dot"></span>' + escapeHtml(st) +
@@ -424,15 +431,22 @@
 
   // ── Data loaders ──────────────────────────────────────────────────────────
   function loadAll() {
+    var requestSeq = _requestSeq + 1;
+    _requestSeq = requestSeq;
     meshFetch('/mesh/status')
       .then(function (r) { return r.ok ? r.json() : null; })
       .catch(function () { return null; })
-      .then(renderPageDesc);
+      .then(function (data) {
+        if (_requestSeq === requestSeq) renderPageDesc(data);
+      });
 
-    meshFetch('/mesh/peers')
+    // The broker distinguishes remote LAN peers from local agent sessions.
+    // Both are real mesh participants and must be visible to operators.
+    meshFetch('/mesh/peers?view=all')
       .then(function (r) { return r.ok ? r.json() : { peers: [] }; })
       .catch(function () { return { peers: [] }; })
       .then(function (d) {
+        if (_requestSeq !== requestSeq) return;
         _peers = Array.isArray(d && d.peers) ? d.peers : [];
         renderPeers(_peers);
         // If the currently selected peer has expired, deselect

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">' +