superlocalmemory 3.4.18 → 3.4.21

package/src/superlocalmemory/ui/js/clusters.js

@@ -1,22 +1,141 @@
 // SuperLocalMemory V3 - Clusters View
 // Part of Qualixar | https://superlocalmemory.com
+//
+// v3.4.21: client-side pagination + sort. /api/clusters returns all
+// clusters in one shot (677 on live data) — rendering them all gave
+// an unlimited scroll. State kept on ``_CLUSTERS_STATE`` so sort /
+// page changes don't re-fetch.
+
+var _CLUSTERS_STATE = {
+    clusters: [],
+    page: 0,
+    pageSize: 25,
+    sort: 'members-desc',
+};
+
+function _sortClusters(list) {
+    var arr = list.slice();
+    switch (_CLUSTERS_STATE.sort) {
+        case 'members-asc':
+            arr.sort(function (a, b) { return (a.member_count || 0) - (b.member_count || 0); });
+            break;
+        case 'recent-desc':
+            arr.sort(function (a, b) {
+                return String(b.first_memory || '').localeCompare(String(a.first_memory || ''));
+            });
+            break;
+        case 'members-desc':
+        default:
+            arr.sort(function (a, b) { return (b.member_count || 0) - (a.member_count || 0); });
+            break;
+    }
+    return arr;
+}
+
+function _renderClustersPage() {
+    var container = document.getElementById('clusters-list');
+    if (!container) return;
+
+    var all = _sortClusters(_CLUSTERS_STATE.clusters);
+    var total = all.length;
+    var pageSize = Math.max(1, _CLUSTERS_STATE.pageSize);
+    var maxPage = Math.max(0, Math.ceil(total / pageSize) - 1);
+    if (_CLUSTERS_STATE.page > maxPage) _CLUSTERS_STATE.page = maxPage;
+    if (_CLUSTERS_STATE.page < 0) _CLUSTERS_STATE.page = 0;
+    var start = _CLUSTERS_STATE.page * pageSize;
+    var end = Math.min(total, start + pageSize);
+
+    var info = document.getElementById('clusters-page-info');
+    if (info) {
+        info.textContent = total === 0
+            ? 'No rows'
+            : ((start + 1) + '\u2013' + end + ' of ' + total.toLocaleString());
+    }
+    var detail = document.getElementById('clusters-page-detail');
+    if (detail) {
+        detail.textContent = 'Page ' + (_CLUSTERS_STATE.page + 1) + ' of ' + Math.max(1, maxPage + 1);
+    }
+    var prev = document.getElementById('clusters-prev-btn');
+    var next = document.getElementById('clusters-next-btn');
+    if (prev) prev.disabled = _CLUSTERS_STATE.page <= 0;
+    if (next) next.disabled = _CLUSTERS_STATE.page >= maxPage;
+
+    if (total === 0) {
+        if (typeof showEmpty === 'function') {
+            showEmpty('clusters-list', 'collection',
+                'No clusters found yet. Clusters form automatically as you store related memories.');
+        }
+        return;
+    }
+
+    renderClusters(all.slice(start, end));
+}
+
+function _wireClustersControls() {
+    var sort = document.getElementById('clusters-sort');
+    if (sort && !sort._wired) {
+        sort._wired = true;
+        sort.addEventListener('change', function () {
+            _CLUSTERS_STATE.sort = sort.value;
+            _CLUSTERS_STATE.page = 0;
+            _renderClustersPage();
+        });
+    }
+    var pageSize = document.getElementById('clusters-page-size');
+    if (pageSize && !pageSize._wired) {
+        pageSize._wired = true;
+        pageSize.addEventListener('change', function () {
+            _CLUSTERS_STATE.pageSize = parseInt(pageSize.value, 10) || 25;
+            _CLUSTERS_STATE.page = 0;
+            _renderClustersPage();
+        });
+    }
+    var prev = document.getElementById('clusters-prev-btn');
+    if (prev && !prev._wired) {
+        prev._wired = true;
+        prev.addEventListener('click', function () {
+            if (_CLUSTERS_STATE.page > 0) {
+                _CLUSTERS_STATE.page -= 1;
+                _renderClustersPage();
+            }
+        });
+    }
+    var next = document.getElementById('clusters-next-btn');
+    if (next && !next._wired) {
+        next._wired = true;
+        next.addEventListener('click', function () {
+            _CLUSTERS_STATE.page += 1;
+            _renderClustersPage();
+        });
+    }
+}
 
 async function loadClusters() {
-    showLoading('clusters-list', 'Loading clusters...');
+    _wireClustersControls();
+    if (typeof showLoading === 'function') {
+        showLoading('clusters-list', 'Loading clusters...');
+    }
     try {
         var response = await fetch('/api/clusters');
         var data = await response.json();
-        renderClusters(data.clusters);
+        _CLUSTERS_STATE.clusters = data.clusters || [];
+        _CLUSTERS_STATE.page = 0;
+        _renderClustersPage();
     } catch (error) {
         console.error('Error loading clusters:', error);
-        showEmpty('clusters-list', 'collection', 'Failed to load clusters');
+        if (typeof showEmpty === 'function') {
+            showEmpty('clusters-list', 'collection', 'Failed to load clusters');
+        }
     }
 }
 
 function renderClusters(clusters) {
     var container = document.getElementById('clusters-list');
     if (!clusters || clusters.length === 0) {
-        showEmpty('clusters-list', 'collection', 'No clusters found yet. Clusters form automatically as you store related memories.');
+        if (typeof showEmpty === 'function') {
+            showEmpty('clusters-list', 'collection',
+                'No clusters found yet. Clusters form automatically as you store related memories.');
+        }
         return;
     }
 

package/src/superlocalmemory/ui/js/init.js

@@ -1,45 +1,54 @@
 // SuperLocalMemory V2 - Event Listener Wiring
 // Loads LAST — after all module scripts. Connects UI events to module functions.
-
-document.getElementById('memories-tab').addEventListener('shown.bs.tab', loadMemories);
-document.getElementById('clusters-tab').addEventListener('shown.bs.tab', loadClusters);
-document.getElementById('patterns-tab').addEventListener('shown.bs.tab', loadPatterns);
-document.getElementById('timeline-tab').addEventListener('shown.bs.tab', loadTimeline);
-document.getElementById('settings-tab').addEventListener('shown.bs.tab', loadSettings);
-document.getElementById('search-query').addEventListener('keypress', function(e) { if (e.key === 'Enter') searchMemories(); });
-
-document.getElementById('profile-select').addEventListener('change', function() {
-    switchProfile(this.value);
-});
-
-document.getElementById('add-profile-btn').addEventListener('click', function() {
-    createProfile();
-});
-
-var newProfileInput = document.getElementById('new-profile-name');
-if (newProfileInput) {
-    newProfileInput.addEventListener('keypress', function(e) {
-        if (e.key === 'Enter') createProfile();
+//
+// v3.4.21 Domain rewrite: several tabs / panes were folded together
+// (Patterns/Learning/Behavioral -> Brain; Clusters/Entities -> Graph;
+// Recall Lab/Timeline -> Memories; Events/Agents/Trust/Lifecycle/
+// Compliance/Math/Ingestion -> Health). Every line below is now
+// null-guarded so missing elements never halt JS execution — a
+// silent TypeError here used to cascade into "all spinners forever"
+// because ng-shell.js failed to initialise. This whole file is
+// slated for deletion in the final dead-code purge; until then,
+// null-guards keep it harmless.
+
+(function wire() {
+    function onShown(id, fn) {
+        var el = document.getElementById(id);
+        if (el && typeof fn === 'function') {
+            el.addEventListener('shown.bs.tab', fn);
+        }
+    }
+
+    function on(id, ev, fn) {
+        var el = document.getElementById(id);
+        if (el) el.addEventListener(ev, fn);
+    }
+
+    onShown('memories-tab', typeof loadMemories === 'function' ? loadMemories : null);
+    onShown('clusters-tab', typeof loadClusters === 'function' ? loadClusters : null);
+    onShown('patterns-tab', typeof loadPatterns === 'function' ? loadPatterns : null);
+    onShown('timeline-tab', typeof loadTimeline === 'function' ? loadTimeline : null);
+    onShown('settings-tab', typeof loadSettings === 'function' ? loadSettings : null);
+    onShown('events-tab', typeof loadEventStats === 'function' ? loadEventStats : null);
+    onShown('agents-tab', typeof loadAgents === 'function' ? loadAgents : null);
+    onShown('learning-tab', typeof loadLearning === 'function' ? loadLearning : null);
+    onShown('lifecycle-tab', typeof loadLifecycle === 'function' ? loadLifecycle : null);
+    onShown('behavioral-tab', typeof loadBehavioral === 'function' ? loadBehavioral : null);
+    onShown('compliance-tab', typeof loadCompliance === 'function' ? loadCompliance : null);
+
+    on('search-query', 'keypress', function (e) {
+        if (e.key === 'Enter' && typeof searchMemories === 'function') searchMemories();
     });
-}
-
-// v2.5 tabs (graceful — elements may not exist on older installs)
-var eventsTab = document.getElementById('events-tab');
-if (eventsTab) eventsTab.addEventListener('shown.bs.tab', loadEventStats);
 
-var agentsTab = document.getElementById('agents-tab');
-if (agentsTab) agentsTab.addEventListener('shown.bs.tab', loadAgents);
-
-// v2.7 learning tab (graceful)
-var learningTab = document.getElementById('learning-tab');
-if (learningTab) learningTab.addEventListener('shown.bs.tab', loadLearning);
-
-// v2.8 tabs (graceful — elements may not exist on older installs)
-var lifecycleTab = document.getElementById('lifecycle-tab');
-if (lifecycleTab) lifecycleTab.addEventListener('shown.bs.tab', loadLifecycle);
+    on('profile-select', 'change', function () {
+        if (typeof switchProfile === 'function') switchProfile(this.value);
+    });
 
-var behavioralTab = document.getElementById('behavioral-tab');
-if (behavioralTab) behavioralTab.addEventListener('shown.bs.tab', loadBehavioral);
+    on('add-profile-btn', 'click', function () {
+        if (typeof createProfile === 'function') createProfile();
+    });
 
-var complianceTab = document.getElementById('compliance-tab');
-if (complianceTab) complianceTab.addEventListener('shown.bs.tab', loadCompliance);
+    on('new-profile-name', 'keypress', function (e) {
+        if (e.key === 'Enter' && typeof createProfile === 'function') createProfile();
+    });
+})();

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

@@ -6,12 +6,29 @@
 // value passes through escapeHtml(). Data comes from our own local SQLite DB only.
 // nosemgrep: innerHTML-xss — all dynamic values escaped via escapeHtml()
 
+// S9-DASH-07: active named filter ('high_reward' | 'being_forgotten' | null).
+var _slmMemoryFilter = null;
+
+function setMemoryFilter(name) {
+    // Toggle: second click on same pill clears.
+    _slmMemoryFilter = (_slmMemoryFilter === name) ? null : name;
+    var pills = document.querySelectorAll('.mem-filter-pill');
+    for (var i = 0; i < pills.length; i++) {
+        var active = pills[i].getAttribute('data-filter') === _slmMemoryFilter;
+        pills[i].classList.toggle('active', active);
+    }
+    loadMemories();
+}
+
 async function loadMemories() {
     var category = document.getElementById('filter-category').value;
     var project = document.getElementById('filter-project').value;
     var url = '/api/memories?limit=50';
     if (category) url += '&category=' + encodeURIComponent(category);
     if (project) url += '&project_name=' + encodeURIComponent(project);
+    if (_slmMemoryFilter) {
+        url += '&filter=' + encodeURIComponent(_slmMemoryFilter);
+    }
 
     showLoading('memories-list', 'Loading memories...');
     try {
@@ -56,13 +73,33 @@ function renderMemoriesTable(memories, showScores) {
         }
 
         var memId = mem.memory_id || mem.id;
+        var factId = mem.fact_id || '';
         var expandBtnHtml = '<button class="btn btn-sm btn-outline-secondary expand-facts-btn ms-1" data-memory-id="' + escapeHtml(String(memId)) + '" title="View atomic facts">&#9660;</button>';
 
+        // S9-DASH-06: inline thumbs ↑/↓ on recall results. Writes a
+        // reward label to action_outcomes via /api/behavioral/
+        // report-outcome. Only shown when we have a fact_id (recall
+        // path) since the outcome is keyed by memory_ids.
+        var feedbackHtml = '';
+        if (showScores && factId) {
+            feedbackHtml = ''
+                + '<span class="inline-feedback" data-fact-id="'
+                + escapeHtml(String(factId)) + '" '
+                + 'style="margin-left:8px; white-space:nowrap;">'
+                + '<button type="button" class="btn btn-sm btn-outline-success fb-up" '
+                + 'title="This was helpful (+1 reward)" '
+                + 'style="padding:0 6px; font-size:11px;">👍</button> '
+                + '<button type="button" class="btn btn-sm btn-outline-danger fb-down" '
+                + 'title="Not helpful (0 reward)" '
+                + 'style="padding:0 6px; font-size:11px;">👎</button>'
+                + '</span>';
+        }
+
         rows += '<tr data-mem-idx="' + idx + '">'
             + '<td>' + escapeHtml(String(mem.id)) + '</td>'
             + '<td><span class="badge bg-primary">' + escapeHtml(mem.category || 'None') + '</span></td>'
             + '<td><small>' + escapeHtml(mem.project_name || '-') + '</small></td>'
-            + '<td class="memory-content" title="' + escapeHtml(content) + '">' + escapeHtml(contentPreview) + expandBtnHtml + '</td>'
+            + '<td class="memory-content" title="' + escapeHtml(content) + '">' + escapeHtml(contentPreview) + expandBtnHtml + feedbackHtml + '</td>'
             + scoreCell
             + '<td><span class="badge bg-' + importanceClass + ' badge-importance">' + escapeHtml(String(importance)) + '</span></td>'
             + '<td>' + escapeHtml(String(mem.cluster_id || '-')) + '</td>'
@@ -100,8 +137,57 @@ function renderMemoriesTable(memories, showScores) {
                 return;
             }
 
+            // S9-DASH-06: inline thumbs ↑/↓.
+            var fbUp = e.target.closest('.fb-up');
+            var fbDown = e.target.closest('.fb-down');
+            if (fbUp || fbDown) {
+                e.stopPropagation();
+                var btn = fbUp || fbDown;
+                var wrapper = btn.closest('.inline-feedback');
+                var fid = wrapper && wrapper.getAttribute('data-fact-id');
+                if (!fid) return;
+                var outcome = fbUp ? 'success' : 'failure';
+                // Disable both buttons while the request is in flight.
+                var allBtns = wrapper.querySelectorAll('button');
+                for (var i = 0; i < allBtns.length; i++) {
+                    allBtns[i].setAttribute('disabled', 'disabled');
+                }
+                btn.textContent = '…';
+                fetch('/api/behavioral/report-outcome', {
+                    method: 'POST',
+                    headers: {'Content-Type': 'application/json'},
+                    credentials: 'same-origin',
+                    body: JSON.stringify({
+                        memory_ids: [fid],
+                        outcome: outcome,
+                        action_type: 'inline_feedback',
+                        context: 'search/recall result',
+                    }),
+                }).then(function(r) { return r.json(); })
+                .then(function(json) {
+                    if (json && json.success) {
+                        btn.textContent = fbUp ? '✓' : '✓';
+                        btn.style.background = fbUp ? '#2d7a2d' : '#7a2d2d';
+                        btn.style.borderColor = fbUp ? '#2d7a2d' : '#7a2d2d';
+                        btn.style.color = '#fff';
+                    } else {
+                        btn.textContent = fbUp ? '👍' : '👎';
+                        for (var j = 0; j < allBtns.length; j++) {
+                            allBtns[j].removeAttribute('disabled');
+                        }
+                    }
+                }).catch(function() {
+                    btn.textContent = fbUp ? '👍' : '👎';
+                    for (var k = 0; k < allBtns.length; k++) {
+                        allBtns[k].removeAttribute('disabled');
+                    }
+                });
+                return;
+            }
+
             var row = e.target.closest('tr[data-mem-idx]');
-            if (row && !e.target.closest('.expand-facts-btn')) {
+            if (row && !e.target.closest('.expand-facts-btn')
+                   && !e.target.closest('.inline-feedback')) {
                 var idx = parseInt(row.getAttribute('data-mem-idx'), 10);
                 if (window._slmMemories && window._slmMemories[idx]) {
                     openMemoryDetail(window._slmMemories[idx]);

package/src/superlocalmemory/ui/js/modal.js

@@ -215,10 +215,80 @@ function openMemoryDetail(mem, source) {
         };
         actionsDiv.appendChild(editBtn);
 
-        // Delete button — always available
+        // S9-DASH-08: Forget (soft-archive) — non-destructive; row stays
+        // in atomic_facts with archive_status='archived' and gets a
+        // payload copy in memory_archive for future restore.
+        var forgetBtn = document.createElement('button');
+        forgetBtn.className = 'btn btn-outline-warning btn-sm';
+        forgetBtn.innerHTML = '<i class="bi bi-archive"></i> Forget';
+        forgetBtn.title = 'Archive this memory — hidden from recall but recoverable';
+        forgetBtn.onclick = function() {
+            if (!confirm('Forget this memory? It will be archived '
+                + '(hidden from recall but recoverable).')) return;
+            forgetBtn.disabled = true;
+            fetch('/api/memories/' + encodeURIComponent(mem.id) + '/forget',
+                {method: 'POST'})
+                .then(function(r) { return r.json(); })
+                .then(function(d) {
+                    if (d.success) {
+                        modal.hide();
+                        if (typeof showToast === 'function') {
+                            showToast('Memory archived');
+                        }
+                        if (typeof loadMemories === 'function') {
+                            setTimeout(loadMemories, 300);
+                        }
+                    } else {
+                        forgetBtn.disabled = false;
+                    }
+                }).catch(function() { forgetBtn.disabled = false; });
+        };
+        actionsDiv.appendChild(forgetBtn);
+
+        // S9-DASH-08: Merge — this fact is a duplicate of another;
+        // keep the target, archive this one. Writes memory_merge_log.
+        var mergeBtn = document.createElement('button');
+        mergeBtn.className = 'btn btn-outline-info btn-sm';
+        mergeBtn.innerHTML = '<i class="bi bi-union"></i> Merge into...';
+        mergeBtn.title = 'Mark this as a duplicate of another fact';
+        mergeBtn.onclick = function() {
+            var target = prompt(
+                'Merge this memory INTO which fact_id?\n\n'
+                + '(Paste the target fact_id — this memory will be '
+                + 'archived and audit-logged to memory_merge_log.)'
+            );
+            if (!target || !target.trim()) return;
+            mergeBtn.disabled = true;
+            fetch('/api/memories/' + encodeURIComponent(mem.id) + '/merge', {
+                method: 'POST',
+                headers: {'Content-Type': 'application/json'},
+                body: JSON.stringify({into: target.trim()}),
+            }).then(function(r) { return r.json(); })
+            .then(function(d) {
+                if (d.success) {
+                    modal.hide();
+                    if (typeof showToast === 'function') {
+                        showToast('Merged into ' + d.into);
+                    }
+                    if (typeof loadMemories === 'function') {
+                        setTimeout(loadMemories, 300);
+                    }
+                } else {
+                    mergeBtn.disabled = false;
+                    if (typeof showToast === 'function') {
+                        showToast('Merge failed: '
+                            + (d && (d.error || d.detail) || 'unknown'));
+                    }
+                }
+            }).catch(function() { mergeBtn.disabled = false; });
+        };
+        actionsDiv.appendChild(mergeBtn);
+
+        // Delete button — always available (hard delete, irreversible)
         var deleteBtn = document.createElement('button');
         deleteBtn.className = 'btn btn-outline-danger btn-sm';
         deleteBtn.innerHTML = '<i class="bi bi-trash"></i> Delete';
+        deleteBtn.title = 'Permanently delete (cannot be undone) — prefer Forget';
         deleteBtn.onclick = function() {
             if (!confirm('Delete this memory? This cannot be undone.')) return;
             fetch('/api/memories/' + encodeURIComponent(mem.id), {method: 'DELETE'})