superlocalmemory 2.8.0 → 2.8.1

package/ui/js/behavioral.js

@@ -0,0 +1,276 @@
+// SPDX-License-Identifier: MIT
+// Copyright (c) 2026 SuperLocalMemory (superlocalmemory.com)
+// Behavioral Learning tab — outcomes, patterns, cross-project transfers (v2.8)
+// NOTE: All dynamic values use textContent or escapeHtml() from core.js before DOM insertion.
+
+var _behavioralData = null;
+
+async function loadBehavioral() {
+    try {
+        var response = await fetch('/api/behavioral/status');
+        var data = await response.json();
+        _behavioralData = data;
+
+        if (!data.available) {
+            showEmpty('behavioral-patterns-content', 'lightbulb', 'Behavioral learning not available. Upgrade to v2.8.');
+            return;
+        }
+
+        renderBehavioralStats(data);
+        renderBehavioralPatterns(data);
+        renderBehavioralTransfers(data);
+        renderBehavioralOutcomes(data);
+
+        var badge = document.getElementById('behavioral-profile-badge');
+        if (badge) badge.textContent = data.active_profile || 'default';
+    } catch (error) {
+        console.error('Error loading behavioral:', error);
+    }
+}
+
+function renderBehavioralStats(data) {
+    var stats = data.stats || {};
+    animateCounter('bh-success-count', stats.success_count || 0);
+    animateCounter('bh-failure-count', stats.failure_count || 0);
+    animateCounter('bh-partial-count', stats.partial_count || 0);
+    animateCounter('bh-patterns-count', stats.patterns_count || 0);
+}
+
+function renderBehavioralPatterns(data) {
+    var container = document.getElementById('behavioral-patterns-content');
+    if (!container) return;
+    var patterns = data.patterns || [];
+    container.textContent = '';
+
+    if (patterns.length === 0) {
+        var empty = document.createElement('div');
+        empty.className = 'text-center text-muted py-3';
+        empty.textContent = 'No patterns learned yet. Report outcomes to start learning.';
+        container.appendChild(empty);
+        return;
+    }
+
+    for (var i = 0; i < patterns.length; i++) {
+        var p = patterns[i];
+        var successRate = Math.round((p.success_rate || 0) * 100);
+        var confPct = Math.round((p.confidence || 0) * 100);
+        var barColor = successRate >= 70 ? 'bg-success' : (successRate >= 40 ? 'bg-warning' : 'bg-danger');
+
+        var row = document.createElement('div');
+        row.className = 'd-flex align-items-center mb-2';
+
+        // Pattern key label
+        var label = document.createElement('div');
+        label.style.minWidth = '140px';
+        var labelCode = document.createElement('code');
+        labelCode.className = 'small';
+        labelCode.textContent = p.pattern_key || '';
+        label.appendChild(labelCode);
+
+        // Success rate progress bar
+        var barWrap = document.createElement('div');
+        barWrap.className = 'flex-grow-1 mx-2';
+        var progress = document.createElement('div');
+        progress.className = 'progress';
+        progress.style.height = '20px';
+        progress.style.borderRadius = '10px';
+        var barEl = document.createElement('div');
+        barEl.className = 'progress-bar ' + barColor;
+        barEl.style.width = successRate + '%';
+        barEl.style.borderRadius = '10px';
+        barEl.style.fontSize = '0.7rem';
+        barEl.textContent = successRate + '% success';
+        progress.appendChild(barEl);
+        barWrap.appendChild(progress);
+
+        // Evidence count
+        var evidence = document.createElement('small');
+        evidence.className = 'text-muted';
+        evidence.style.minWidth = '50px';
+        evidence.style.textAlign = 'right';
+        evidence.textContent = (p.evidence_count || 0) + ' ev.';
+
+        // Confidence badge
+        var confBadge = document.createElement('span');
+        confBadge.className = 'badge ms-2 ' + (confPct >= 70 ? 'bg-success' : (confPct >= 40 ? 'bg-warning' : 'bg-secondary'));
+        confBadge.style.minWidth = '50px';
+        confBadge.textContent = confPct + '%';
+
+        row.appendChild(label);
+        row.appendChild(barWrap);
+        row.appendChild(evidence);
+        row.appendChild(confBadge);
+        container.appendChild(row);
+    }
+}
+
+function renderBehavioralTransfers(data) {
+    var container = document.getElementById('behavioral-transfers-content');
+    if (!container) return;
+    var transfers = data.transfers || [];
+    container.textContent = '';
+
+    if (transfers.length === 0) {
+        var empty = document.createElement('div');
+        empty.className = 'text-center text-muted py-3';
+        empty.textContent = 'No cross-project transfers yet. Patterns transfer automatically when confidence is high.';
+        container.appendChild(empty);
+        return;
+    }
+
+    var table = document.createElement('table');
+    table.className = 'table table-sm table-hover mb-0';
+    var thead = document.createElement('thead');
+    var headRow = document.createElement('tr');
+    ['Pattern', 'From Project', 'To Project', 'Confidence', 'Date'].forEach(function(h) {
+        var th = document.createElement('th');
+        th.textContent = h;
+        headRow.appendChild(th);
+    });
+    thead.appendChild(headRow);
+    table.appendChild(thead);
+
+    var tbody = document.createElement('tbody');
+    for (var i = 0; i < transfers.length; i++) {
+        var t = transfers[i];
+        var row = document.createElement('tr');
+
+        var patternCell = document.createElement('td');
+        var patternCode = document.createElement('code');
+        patternCode.className = 'small';
+        patternCode.textContent = t.pattern_key || '';
+        patternCell.appendChild(patternCode);
+        row.appendChild(patternCell);
+
+        var fromCell = document.createElement('td');
+        var fromBadge = document.createElement('span');
+        fromBadge.className = 'badge bg-secondary';
+        fromBadge.textContent = t.from_project || '';
+        fromCell.appendChild(fromBadge);
+        row.appendChild(fromCell);
+
+        var toCell = document.createElement('td');
+        var toBadge = document.createElement('span');
+        toBadge.className = 'badge bg-primary';
+        toBadge.textContent = t.to_project || '';
+        toCell.appendChild(toBadge);
+        row.appendChild(toCell);
+
+        var confCell = document.createElement('td');
+        confCell.textContent = Math.round((t.confidence || 0) * 100) + '%';
+        row.appendChild(confCell);
+
+        var dateCell = document.createElement('td');
+        dateCell.className = 'small text-muted';
+        dateCell.textContent = formatDate(t.transferred_at || '');
+        row.appendChild(dateCell);
+
+        tbody.appendChild(row);
+    }
+    table.appendChild(tbody);
+    container.appendChild(table);
+}
+
+function renderBehavioralOutcomes(data) {
+    var container = document.getElementById('behavioral-outcomes-content');
+    if (!container) return;
+    var outcomes = data.recent_outcomes || [];
+    container.textContent = '';
+
+    if (outcomes.length === 0) {
+        var empty = document.createElement('div');
+        empty.className = 'text-center text-muted py-3';
+        empty.textContent = 'No outcomes recorded yet. Use the form above or the report_outcome MCP tool.';
+        container.appendChild(empty);
+        return;
+    }
+
+    var table = document.createElement('table');
+    table.className = 'table table-sm table-hover mb-0';
+    var thead = document.createElement('thead');
+    var headRow = document.createElement('tr');
+    ['Memory IDs', 'Outcome', 'Action Type', 'Date'].forEach(function(h) {
+        var th = document.createElement('th');
+        th.textContent = h;
+        headRow.appendChild(th);
+    });
+    thead.appendChild(headRow);
+    table.appendChild(thead);
+
+    var outcomeBadgeColors = {
+        success: 'bg-success',
+        failure: 'bg-danger',
+        partial: 'bg-warning'
+    };
+
+    var tbody = document.createElement('tbody');
+    for (var i = 0; i < outcomes.length; i++) {
+        var o = outcomes[i];
+        var row = document.createElement('tr');
+
+        var idsCell = document.createElement('td');
+        var memIds = o.memory_ids || [];
+        idsCell.textContent = memIds.join(', ');
+        row.appendChild(idsCell);
+
+        var outcomeCell = document.createElement('td');
+        var outBadge = document.createElement('span');
+        outBadge.className = 'badge ' + (outcomeBadgeColors[o.outcome] || 'bg-secondary');
+        outBadge.textContent = o.outcome || '';
+        outcomeCell.appendChild(outBadge);
+        row.appendChild(outcomeCell);
+
+        var actionCell = document.createElement('td');
+        actionCell.textContent = o.action_type || '';
+        row.appendChild(actionCell);
+
+        var dateCell = document.createElement('td');
+        dateCell.className = 'small text-muted';
+        dateCell.textContent = formatDate(o.created_at || '');
+        row.appendChild(dateCell);
+
+        tbody.appendChild(row);
+    }
+    table.appendChild(tbody);
+    container.appendChild(table);
+}
+
+async function reportOutcome() {
+    var memIdsInput = document.getElementById('bh-memory-ids');
+    var outcomeSelect = document.getElementById('bh-outcome');
+    var actionSelect = document.getElementById('bh-action-type');
+    var contextInput = document.getElementById('bh-context');
+
+    var rawIds = (memIdsInput.value || '').trim();
+    if (!rawIds) {
+        showToast('Enter at least one memory ID.');
+        return;
+    }
+
+    var memoryIds = rawIds.split(',').map(function(id) { return id.trim(); }).filter(function(id) { return id.length > 0; });
+
+    try {
+        var response = await fetch('/api/behavioral/report-outcome', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({
+                memory_ids: memoryIds,
+                outcome: outcomeSelect.value,
+                action_type: actionSelect.value,
+                context: contextInput.value.trim() || undefined
+            })
+        });
+        var data = await response.json();
+        if (response.ok) {
+            showToast('Outcome reported successfully.');
+            memIdsInput.value = '';
+            contextInput.value = '';
+            loadBehavioral(); // Refresh
+        } else {
+            showToast(data.detail || 'Failed to report outcome.');
+        }
+    } catch (error) {
+        console.error('Error reporting outcome:', error);
+        showToast('Error reporting outcome.');
+    }
+}

package/ui/js/compliance.js

@@ -0,0 +1,252 @@
+// SPDX-License-Identifier: MIT
+// Copyright (c) 2026 SuperLocalMemory (superlocalmemory.com)
+// Compliance tab — audit trail, retention policies, ABAC (v2.8)
+// NOTE: All dynamic values use textContent or escapeHtml() from core.js before DOM insertion.
+
+var _complianceData = null;
+
+async function loadCompliance() {
+    var filterEl = document.getElementById('cp-audit-filter');
+    var filterValue = filterEl ? filterEl.value : '';
+
+    try {
+        var url = '/api/compliance/status';
+        if (filterValue) url += '?event_type=' + encodeURIComponent(filterValue);
+        var response = await fetch(url);
+        var data = await response.json();
+        _complianceData = data;
+
+        if (!data.available) {
+            showEmpty('compliance-audit-content', 'shield-lock', 'Compliance engine not available. Upgrade to v2.8.');
+            return;
+        }
+
+        renderComplianceStats(data);
+        renderCompliancePolicies(data);
+        renderComplianceAudit(data);
+
+        var badge = document.getElementById('compliance-profile-badge');
+        if (badge) badge.textContent = data.active_profile || 'default';
+    } catch (error) {
+        console.error('Error loading compliance:', error);
+    }
+}
+
+function renderComplianceStats(data) {
+    var stats = data.stats || {};
+    animateCounter('cp-audit-count', stats.audit_count || 0);
+    animateCounter('cp-retention-count', stats.retention_count || 0);
+    animateCounter('cp-abac-count', stats.abac_count || 0);
+}
+
+function renderCompliancePolicies(data) {
+    var container = document.getElementById('compliance-policies-content');
+    if (!container) return;
+    var policies = data.retention_policies || [];
+    container.textContent = '';
+
+    if (policies.length === 0) {
+        var empty = document.createElement('div');
+        empty.className = 'text-center text-muted py-3';
+        empty.textContent = 'No retention policies configured. Create one above or use the set_retention_policy MCP tool.';
+        container.appendChild(empty);
+        return;
+    }
+
+    var table = document.createElement('table');
+    table.className = 'table table-sm table-hover mb-0';
+    var thead = document.createElement('thead');
+    var headRow = document.createElement('tr');
+    ['Policy Name', 'Retention (days)', 'Category', 'Action', 'Created'].forEach(function(h) {
+        var th = document.createElement('th');
+        th.textContent = h;
+        headRow.appendChild(th);
+    });
+    thead.appendChild(headRow);
+    table.appendChild(thead);
+
+    var tbody = document.createElement('tbody');
+    for (var i = 0; i < policies.length; i++) {
+        var pol = policies[i];
+        var row = document.createElement('tr');
+
+        var nameCell = document.createElement('td');
+        var nameIcon = document.createElement('i');
+        nameIcon.className = 'bi bi-shield-check text-success me-1';
+        nameCell.appendChild(nameIcon);
+        nameCell.appendChild(document.createTextNode(pol.name || ''));
+        row.appendChild(nameCell);
+
+        var daysCell = document.createElement('td');
+        daysCell.textContent = (pol.retention_days || 0) + ' days';
+        row.appendChild(daysCell);
+
+        var catCell = document.createElement('td');
+        if (pol.category) {
+            var catBadge = document.createElement('span');
+            catBadge.className = 'badge bg-info';
+            catBadge.textContent = pol.category;
+            catCell.appendChild(catBadge);
+        } else {
+            catCell.textContent = 'All';
+        }
+        row.appendChild(catCell);
+
+        var actionCell = document.createElement('td');
+        var actionColors = { archive: 'bg-secondary', tombstone: 'bg-danger', notify: 'bg-warning' };
+        var actionBadge = document.createElement('span');
+        actionBadge.className = 'badge ' + (actionColors[pol.action] || 'bg-secondary');
+        actionBadge.textContent = pol.action || '';
+        actionCell.appendChild(actionBadge);
+        row.appendChild(actionCell);
+
+        var dateCell = document.createElement('td');
+        dateCell.className = 'small text-muted';
+        dateCell.textContent = formatDate(pol.created_at || '');
+        row.appendChild(dateCell);
+
+        tbody.appendChild(row);
+    }
+    table.appendChild(tbody);
+    container.appendChild(table);
+}
+
+function renderComplianceAudit(data) {
+    var container = document.getElementById('compliance-audit-content');
+    if (!container) return;
+    var events = data.audit_events || [];
+    container.textContent = '';
+
+    if (events.length === 0) {
+        var empty = document.createElement('div');
+        empty.className = 'text-center text-muted py-3';
+        empty.textContent = 'No audit events recorded yet.';
+        container.appendChild(empty);
+        return;
+    }
+
+    var wrapper = document.createElement('div');
+    wrapper.style.maxHeight = '400px';
+    wrapper.style.overflowY = 'auto';
+
+    var table = document.createElement('table');
+    table.className = 'table table-sm table-hover mb-0';
+    var thead = document.createElement('thead');
+    thead.style.position = 'sticky';
+    thead.style.top = '0';
+    thead.style.backgroundColor = 'var(--bs-body-bg)';
+    var headRow = document.createElement('tr');
+    ['Timestamp', 'Event', 'Actor', 'Action', 'Target', 'Result'].forEach(function(h) {
+        var th = document.createElement('th');
+        th.textContent = h;
+        headRow.appendChild(th);
+    });
+    thead.appendChild(headRow);
+    table.appendChild(thead);
+
+    var eventBadgeColors = {
+        recall: 'bg-primary',
+        remember: 'bg-success',
+        delete: 'bg-danger',
+        lifecycle_transition: 'bg-warning',
+        access_denied: 'bg-danger',
+        retention_enforced: 'bg-warning'
+    };
+
+    var tbody = document.createElement('tbody');
+    for (var i = 0; i < events.length; i++) {
+        var ev = events[i];
+        var row = document.createElement('tr');
+
+        var tsCell = document.createElement('td');
+        tsCell.className = 'small text-muted';
+        tsCell.textContent = formatDateFull(ev.timestamp || '');
+        row.appendChild(tsCell);
+
+        var typeCell = document.createElement('td');
+        var typeBadge = document.createElement('span');
+        typeBadge.className = 'badge ' + (eventBadgeColors[ev.event_type] || 'bg-secondary');
+        typeBadge.textContent = ev.event_type || '';
+        typeCell.appendChild(typeBadge);
+        row.appendChild(typeCell);
+
+        var actorCell = document.createElement('td');
+        actorCell.textContent = ev.actor || '';
+        row.appendChild(actorCell);
+
+        var actionCell = document.createElement('td');
+        actionCell.textContent = ev.action || '';
+        row.appendChild(actionCell);
+
+        var targetCell = document.createElement('td');
+        targetCell.className = 'small';
+        targetCell.textContent = ev.target || '';
+        row.appendChild(targetCell);
+
+        var resultCell = document.createElement('td');
+        if (ev.result === 'success' || ev.result === 'allowed') {
+            var okBadge = document.createElement('span');
+            okBadge.className = 'badge bg-success';
+            okBadge.textContent = ev.result;
+            resultCell.appendChild(okBadge);
+        } else if (ev.result === 'denied' || ev.result === 'error') {
+            var failBadge = document.createElement('span');
+            failBadge.className = 'badge bg-danger';
+            failBadge.textContent = ev.result;
+            resultCell.appendChild(failBadge);
+        } else {
+            resultCell.textContent = ev.result || '';
+        }
+        row.appendChild(resultCell);
+
+        tbody.appendChild(row);
+    }
+    table.appendChild(tbody);
+    wrapper.appendChild(table);
+    container.appendChild(wrapper);
+}
+
+async function createRetentionPolicy() {
+    var nameInput = document.getElementById('cp-policy-name');
+    var daysInput = document.getElementById('cp-retention-days');
+    var categoryInput = document.getElementById('cp-category');
+    var actionSelect = document.getElementById('cp-action');
+
+    var policyName = (nameInput.value || '').trim();
+    if (!policyName) {
+        showToast('Enter a policy name.');
+        return;
+    }
+
+    var days = parseInt(daysInput.value, 10);
+    if (isNaN(days) || days <= 0) {
+        showToast('Enter a valid number of days.');
+        return;
+    }
+
+    try {
+        var response = await fetch('/api/compliance/retention-policy', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({
+                name: policyName,
+                retention_days: days,
+                category: categoryInput.value.trim() || undefined,
+                action: actionSelect.value
+            })
+        });
+        var data = await response.json();
+        if (response.ok) {
+            showToast('Retention policy created.');
+            nameInput.value = '';
+            daysInput.value = '90';
+            categoryInput.value = '';
+            loadCompliance(); // Refresh
+        } else {
+            showToast(data.detail || 'Failed to create policy.');
+        }
+    } catch (error) {
+        console.error('Error creating retention policy:', error);
+        showToast('Error creating retention policy.');
+    }
+}

package/ui/js/init.js

@@ -33,3 +33,13 @@ 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);
+
+var behavioralTab = document.getElementById('behavioral-tab');
+if (behavioralTab) behavioralTab.addEventListener('shown.bs.tab', loadBehavioral);
+
+var complianceTab = document.getElementById('compliance-tab');
+if (complianceTab) complianceTab.addEventListener('shown.bs.tab', loadCompliance);