superlocalmemory 4.1.13 → 4.1.15

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

@@ -1,326 +0,0 @@
-// 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() {
-    _wireClustersControls();
-    if (typeof showLoading === 'function') {
-        showLoading('clusters-list', 'Loading clusters...');
-    }
-    try {
-        var response = await fetch('/api/clusters');
-        if (!response.ok) throw new Error('HTTP ' + response.status);
-        var data = await response.json();
-        _CLUSTERS_STATE.clusters = data.clusters || [];
-        _CLUSTERS_STATE.page = 0;
-        _renderClustersPage();
-    } catch (error) {
-        console.error('Error loading clusters:', error);
-        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) {
-        if (typeof showEmpty === 'function') {
-            showEmpty('clusters-list', 'collection',
-                'No clusters found yet. Clusters form automatically as you store related memories.');
-        }
-        return;
-    }
-
-    var colors = ['#667eea', '#f093fb', '#4facfe', '#43e97b', '#fa709a', '#30cfd0', '#764ba2', '#f5576c'];
-    container.textContent = '';
-
-    clusters.forEach(function(cluster, idx) {
-        var color = colors[idx % colors.length];
-
-        var card = document.createElement('div');
-        card.className = 'card mb-2';
-        card.style.borderLeft = '4px solid ' + color;
-
-        var body = document.createElement('div');
-        body.className = 'card-body py-2 px-3';
-        body.style.cursor = 'pointer';
-
-        // Header row
-        var headerRow = document.createElement('div');
-        headerRow.className = 'd-flex justify-content-between align-items-center';
-
-        var title = document.createElement('h6');
-        title.className = 'mb-0';
-        title.textContent = 'Cluster ' + cluster.cluster_id;
-
-        var badges = document.createElement('div');
-        var countBadge = document.createElement('span');
-        countBadge.className = 'badge bg-secondary me-1';
-        countBadge.textContent = cluster.member_count + ' memories';
-        badges.appendChild(countBadge);
-
-        if (cluster.avg_importance) {
-            var impBadge = document.createElement('span');
-            impBadge.className = 'badge bg-outline-primary';
-            impBadge.style.cssText = 'border:1px solid #667eea; color:#667eea;';
-            impBadge.textContent = 'imp: ' + parseFloat(cluster.avg_importance).toFixed(1);
-            badges.appendChild(impBadge);
-        }
-
-        var expandIcon = document.createElement('i');
-        expandIcon.className = 'bi bi-chevron-down ms-2';
-        expandIcon.style.transition = 'transform 0.2s';
-        badges.appendChild(expandIcon);
-
-        headerRow.appendChild(title);
-        headerRow.appendChild(badges);
-        body.appendChild(headerRow);
-
-        // Summary line (categories if available)
-        if (cluster.categories) {
-            var catLine = document.createElement('small');
-            catLine.className = 'text-muted';
-            catLine.textContent = cluster.categories;
-            body.appendChild(catLine);
-        }
-
-        // Expandable member area (hidden by default)
-        var memberArea = document.createElement('div');
-        memberArea.className = 'mt-2';
-        memberArea.style.display = 'none';
-        memberArea.id = 'cluster-members-' + cluster.cluster_id;
-
-        var loadingText = document.createElement('div');
-        loadingText.className = 'text-center text-muted small py-2';
-        loadingText.textContent = 'Loading members...';
-        memberArea.appendChild(loadingText);
-
-        body.appendChild(memberArea);
-        card.appendChild(body);
-        container.appendChild(card);
-
-        // Click to expand/collapse
-        var expanded = false;
-        body.addEventListener('click', function(e) {
-            expanded = !expanded;
-            memberArea.style.display = expanded ? 'block' : 'none';
-            expandIcon.style.transform = expanded ? 'rotate(180deg)' : 'rotate(0)';
-
-            if (expanded && memberArea.children.length === 1 && memberArea.children[0] === loadingText) {
-                loadClusterMembers(cluster.cluster_id, memberArea);
-            }
-        });
-    });
-}
-
-async function loadClusterMembers(clusterId, container) {
-    try {
-        var response = await fetch('/api/clusters/' + clusterId + '?limit=10');
-        var data = await response.json();
-        container.textContent = '';
-
-        // Show cluster summary if available
-        if (data.summary) {
-            var summaryDiv = document.createElement('div');
-            summaryDiv.className = 'alert alert-light border-start border-3 border-primary py-2 px-3 mb-2 small';
-            var summaryLabel = document.createElement('strong');
-            summaryLabel.textContent = 'Summary: ';
-            summaryDiv.appendChild(summaryLabel);
-            summaryDiv.appendChild(document.createTextNode(data.summary));
-            container.appendChild(summaryDiv);
-        }
-
-        if (!data.members || data.members.length === 0) {
-            var empty = document.createElement('div');
-            empty.className = 'text-muted small';
-            empty.textContent = 'No members found.';
-            container.appendChild(empty);
-            return;
-        }
-
-        data.members.forEach(function(m, i) {
-            var row = document.createElement('div');
-            row.className = 'border-bottom py-1';
-            if (i === data.members.length - 1) row.className = 'py-1';
-
-            var content = document.createElement('div');
-            content.className = 'small';
-            var text = m.content || m.summary || '';
-            content.textContent = (i + 1) + '. ' + (text.length > 150 ? text.substring(0, 150) + '...' : text);
-            row.appendChild(content);
-
-            var meta = document.createElement('div');
-            meta.className = 'text-muted';
-            meta.style.fontSize = '0.7rem';
-            var parts = [];
-            if (m.category) parts.push(m.category);
-            if (m.importance) parts.push('imp: ' + m.importance);
-            if (m.created_at) parts.push(m.created_at.substring(0, 10));
-            meta.textContent = parts.join(' | ');
-            row.appendChild(meta);
-
-            container.appendChild(row);
-        });
-
-        // View in graph button
-        var graphBtn = document.createElement('button');
-        graphBtn.className = 'btn btn-sm btn-outline-primary mt-2';
-        graphBtn.textContent = 'View in Knowledge Graph';
-        graphBtn.addEventListener('click', function(e) {
-            e.stopPropagation();
-            filterGraphToCluster(clusterId);
-        });
-        container.appendChild(graphBtn);
-
-    } catch (error) {
-        container.textContent = '';
-        var errDiv = document.createElement('div');
-        errDiv.className = 'text-danger small';
-        errDiv.textContent = 'Failed to load: ' + error.message;
-        container.appendChild(errDiv);
-    }
-}
-
-function filterGraphToCluster(clusterId) {
-    var graphTab = document.querySelector('a[href="#graph"]');
-    if (graphTab) graphTab.click();
-
-    setTimeout(function() {
-        if (typeof filterState !== 'undefined' && typeof filterByCluster === 'function' && typeof renderGraph === 'function') {
-            filterState.cluster_id = clusterId;
-            var filtered = filterByCluster(originalGraphData, clusterId);
-            renderGraph(filtered);
-            var url = new URL(window.location);
-            url.searchParams.set('cluster_id', clusterId);
-            window.history.replaceState({}, '', url);
-        }
-    }, 300);
-}
-
-function filterGraphByEntity(entity) {
-    var graphTab = document.querySelector('a[href="#graph"]');
-    if (graphTab) graphTab.click();
-
-    setTimeout(function() {
-        if (typeof filterState !== 'undefined' && typeof filterByEntity === 'function' && typeof renderGraph === 'function') {
-            filterState.entity = entity;
-            var filtered = filterByEntity(originalGraphData, entity);
-            renderGraph(filtered);
-        }
-    }, 300);
-}
-
-function showClusterMemories(clusterId) {
-    var memoriesTab = document.querySelector('a[href="#memories"]');
-    if (memoriesTab) memoriesTab.click();
-    if (typeof showToast === 'function') showToast('Filtering memories for cluster ' + clusterId);
-}

package/src/superlocalmemory/ui/js/compliance.js

@@ -1,307 +0,0 @@
-// SPDX-License-Identifier: AGPL-3.0-or-later
-// 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 statusResp = await fetch('/api/compliance/status');
-        if (!statusResp.ok) throw new Error('HTTP ' + statusResp.status);
-        var data = await statusResp.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);
-
-        // Task C: fetch real audit trail from dedicated endpoint with filters
-        var auditUrl = '/api/compliance/audit?limit=100';
-        if (filterValue) auditUrl += '&event_type=' + encodeURIComponent(filterValue);
-        var auditResp = await fetch(auditUrl);
-        var auditData = auditResp.ok ? await auditResp.json() : null;
-        renderComplianceAudit(auditData || data);
-
-        var badge = document.getElementById('compliance-profile-badge');
-        if (badge) badge.textContent = data.active_profile || 'default';
-
-        // Task C: show chain-integrity indicator
-        var chainEl = document.getElementById('cp-chain-integrity');
-        if (chainEl && auditData) {
-            var ok = auditData.chain_verified !== false;
-            chainEl.innerHTML = ok
-                ? '<span class="badge bg-success"><i class="bi bi-shield-check"></i> Chain verified</span>'
-                : '<span class="badge bg-danger"><i class="bi bi-shield-x"></i> Chain integrity issue</span>';
-        }
-    } catch (error) {
-        console.error('Error loading compliance:', error);
-    }
-}
-
-// Task D: Fix KPI field reads — /api/compliance/status returns top-level fields,
-// NOT a nested .stats object. audit_events_count, retention_policies (array),
-// abac_policies_count are all top-level.
-function renderComplianceStats(data) {
-    animateCounter('cp-audit-count', data.audit_events_count || 0);
-    animateCounter('cp-retention-count', (data.retention_policies || []).length);
-    animateCounter('cp-abac-count', data.abac_policies_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);
-
-        // Task E: Delete button per row — calls DELETE /api/compliance/retention-policy?name=
-        var actCell = document.createElement('td');
-        var delBtn = document.createElement('button');
-        delBtn.className = 'btn btn-sm btn-outline-danger';
-        delBtn.textContent = 'Delete';
-        delBtn.addEventListener('click', (function(policyName) {
-            return async function() {
-                var confirmed = await confirmDestructive({
-                    title: 'Delete retention policy',
-                    target: policyName,
-                    consequence: 'This policy will stop applying to all memories.',
-                    confirmLabel: 'Delete',
-                });
-                if (!confirmed) return;
-                delBtn.disabled = true;
-                try {
-                    var r = await fetch(
-                        '/api/compliance/retention-policy?name=' + encodeURIComponent(policyName),
-                        { method: 'DELETE' }
-                    );
-                    var d = await r.json().catch(function() { return {}; });
-                    if (d.success !== false) {
-                        showToast('Policy deleted.');
-                        loadCompliance();
-                    } else {
-                        showToast((d.error || 'Delete failed.'));
-                        delBtn.disabled = false;
-                    }
-                } catch (e) {
-                    showToast('Network error deleting policy.');
-                    delBtn.disabled = false;
-                }
-            };
-        }(pol.name || '')));
-        actCell.appendChild(delBtn);
-        row.appendChild(actCell);
-
-        tbody.appendChild(row);
-    }
-    table.appendChild(tbody);
-    container.appendChild(table);
-}
-
-// Task C: renderComplianceAudit accepts data from either the status endpoint
-// (recent_audit_events) or the dedicated audit endpoint (events). Tries both.
-function renderComplianceAudit(data) {
-    var container = document.getElementById('compliance-audit-content');
-    if (!container) return;
-    var events = data.events || data.recent_audit_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.');
-    }
-}