superlocalmemory 3.4.16 → 3.4.18

package/ui/js/compliance.js

@@ -1,252 +0,0 @@
-// SPDX-License-Identifier: Elastic-2.0
-// 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/core.js

@@ -1,246 +0,0 @@
-// SuperLocalMemory V2 - Core Utilities
-// Shared functions used by all other modules.
-// Security: All dynamic text MUST pass through escapeHtml() before DOM insertion.
-// Data originates from our own trusted local SQLite database (localhost only).
-
-// ============================================================================
-// Dark Mode
-// ============================================================================
-
-function initDarkMode() {
-    var saved = localStorage.getItem('slm-theme');
-    var theme;
-    if (saved) {
-        theme = saved;
-    } else {
-        theme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
-    }
-    applyTheme(theme);
-}
-
-function applyTheme(theme) {
-    document.documentElement.setAttribute('data-bs-theme', theme);
-    var icon = document.getElementById('theme-icon');
-    if (icon) {
-        icon.className = theme === 'dark' ? 'bi bi-moon-stars-fill' : 'bi bi-sun-fill';
-    }
-}
-
-function toggleDarkMode() {
-    var current = document.documentElement.getAttribute('data-bs-theme');
-    var next = current === 'dark' ? 'light' : 'dark';
-    localStorage.setItem('slm-theme', next);
-    applyTheme(next);
-}
-
-// ============================================================================
-// Animated Counter
-// ============================================================================
-
-function animateCounter(elementId, target) {
-    var el = document.getElementById(elementId);
-    if (!el) return;
-    var duration = 600;
-    var startTime = null;
-
-    function step(timestamp) {
-        if (!startTime) startTime = timestamp;
-        var progress = Math.min((timestamp - startTime) / duration, 1);
-        var eased = 1 - Math.pow(1 - progress, 3);
-        el.textContent = Math.floor(eased * target).toLocaleString();
-        if (progress < 1) {
-            requestAnimationFrame(step);
-        } else {
-            el.textContent = target.toLocaleString();
-        }
-    }
-
-    if (target === 0) {
-        el.textContent = '0';
-    } else {
-        requestAnimationFrame(step);
-    }
-}
-
-// ============================================================================
-// HTML Escaping — all dynamic text MUST pass through this before DOM insertion
-// ============================================================================
-
-function escapeHtml(text) {
-    if (!text) return '';
-    var div = document.createElement('div');
-    div.appendChild(document.createTextNode(String(text)));
-    return div.innerHTML;
-}
-
-// ============================================================================
-// Loading / Empty State helpers
-// ============================================================================
-
-function showLoading(containerId, message) {
-    var el = document.getElementById(containerId);
-    if (!el) return;
-    el.textContent = '';
-    var wrapper = document.createElement('div');
-    wrapper.className = 'loading';
-    var spinner = document.createElement('div');
-    spinner.className = 'spinner-border text-primary';
-    spinner.setAttribute('role', 'status');
-    var msg = document.createElement('div');
-    msg.textContent = message || 'Loading...';
-    wrapper.appendChild(spinner);
-    wrapper.appendChild(msg);
-    el.appendChild(wrapper);
-}
-
-function showEmpty(containerId, icon, message) {
-    var el = document.getElementById(containerId);
-    if (!el) return;
-    el.textContent = '';
-    var wrapper = document.createElement('div');
-    wrapper.className = 'empty-state';
-    var iconEl = document.createElement('i');
-    iconEl.className = 'bi bi-' + icon + ' d-block';
-    var p = document.createElement('p');
-    p.textContent = message;
-    wrapper.appendChild(iconEl);
-    wrapper.appendChild(p);
-    el.appendChild(wrapper);
-}
-
-// ============================================================================
-// Safe HTML builder — tagged template for escaped interpolation
-// ============================================================================
-
-function safeHtml(templateParts) {
-    var args = Array.prototype.slice.call(arguments, 1);
-    var result = '';
-    for (var i = 0; i < templateParts.length; i++) {
-        result += templateParts[i];
-        if (i < args.length) {
-            result += escapeHtml(String(args[i]));
-        }
-    }
-    return result;
-}
-
-// ============================================================================
-// File Download helper
-// ============================================================================
-
-function downloadFile(filename, content, mimeType) {
-    var blob = new Blob([content], { type: mimeType });
-    var url = URL.createObjectURL(blob);
-    var a = document.createElement('a');
-    a.href = url;
-    a.download = filename;
-    document.body.appendChild(a);
-    a.click();
-    document.body.removeChild(a);
-    URL.revokeObjectURL(url);
-}
-
-// ============================================================================
-// Toast notification
-// ============================================================================
-
-function showToast(message) {
-    var toast = document.createElement('div');
-    toast.style.cssText = 'position:fixed;bottom:24px;right:24px;background:#333;color:#fff;padding:10px 20px;border-radius:8px;font-size:0.9rem;z-index:9999;opacity:0;transition:opacity 0.3s;';
-    toast.textContent = message;
-    document.body.appendChild(toast);
-    requestAnimationFrame(function() { toast.style.opacity = '1'; });
-    setTimeout(function() {
-        toast.style.opacity = '0';
-        setTimeout(function() {
-            if (toast.parentNode) document.body.removeChild(toast);
-        }, 300);
-    }, 2000);
-}
-
-// ============================================================================
-// Date Formatters
-// ============================================================================
-
-function formatDate(dateString) {
-    if (!dateString) return '-';
-    var date = new Date(dateString);
-    return date.toLocaleDateString('en-US', { month: 'short', day: 'numeric' });
-}
-
-function formatDateFull(dateString) {
-    if (!dateString) return '-';
-    var date = new Date(dateString);
-    return date.toLocaleDateString('en-US', { year: 'numeric', month: 'short', day: 'numeric', hour: '2-digit', minute: '2-digit' });
-}
-
-// ============================================================================
-// Stats (loaded on startup)
-// ============================================================================
-
-async function loadStats() {
-    try {
-        var response = await fetch('/api/stats');
-        var data = await response.json();
-        var ov = data.overview || {};
-        animateCounter('stat-memories', ov.total_memories || 0);
-        animateCounter('stat-clusters', ov.total_clusters || 0);
-        animateCounter('stat-nodes', ov.graph_nodes || 0);
-        animateCounter('stat-edges', ov.graph_edges || 0);
-        populateFilters(data.categories || [], data.projects || []);
-    } catch (error) {
-        console.error('Error loading stats:', error);
-        // On error (fresh install, server starting), show 0 instead of "-"
-        animateCounter('stat-memories', 0);
-        animateCounter('stat-clusters', 0);
-        animateCounter('stat-nodes', 0);
-        animateCounter('stat-edges', 0);
-    }
-}
-
-// Refresh entire dashboard — called by the refresh button in the header
-function refreshDashboard() {
-    loadProfiles();
-    loadStats();
-    if (typeof loadGraph === 'function') loadGraph();
-    if (typeof loadMemories === 'function') loadMemories();
-    if (typeof loadEventStats === 'function') loadEventStats();
-    if (typeof loadAgents === 'function') loadAgents();
-}
-
-function populateFilters(categories, projects) {
-    var categorySelect = document.getElementById('filter-category');
-    var projectSelect = document.getElementById('filter-project');
-    categories.forEach(function(cat) {
-        if (cat.category) {
-            var option = document.createElement('option');
-            option.value = cat.category;
-            option.textContent = cat.category + ' (' + cat.count + ')';
-            categorySelect.appendChild(option);
-        }
-    });
-    projects.forEach(function(proj) {
-        if (proj.project_name) {
-            var option = document.createElement('option');
-            option.value = proj.project_name;
-            option.textContent = proj.project_name + ' (' + proj.count + ')';
-            projectSelect.appendChild(option);
-        }
-    });
-}
-
-// ============================================================================
-// Application Init (DOMContentLoaded)
-// ============================================================================
-
-window.addEventListener('DOMContentLoaded', function() {
-    initDarkMode();
-    loadProfiles();
-    loadStats();
-    loadGraph();
-
-    // v2.5 — Event Bus + Agent Registry (graceful if functions don't exist)
-    if (typeof initEventStream === 'function') initEventStream();
-    if (typeof loadEventStats === 'function') loadEventStats();
-    if (typeof loadAgents === 'function') loadAgents();
-});

package/ui/js/dashboard.js

@@ -1,110 +0,0 @@
-// SuperLocalMemory V3 — Dashboard
-// Part of Qualixar | https://superlocalmemory.com
-
-// Auto-refresh dashboard when tab becomes visible (fixes stale data after settings change)
-document.addEventListener('visibilitychange', function() {
-    if (!document.hidden) loadDashboard();
-});
-
-// Also refresh when navigating back to dashboard tab in SPA
-window.addEventListener('hashchange', function() {
-    if (window.location.hash === '' || window.location.hash === '#dashboard') {
-        loadDashboard();
-    }
-});
-
-// Refresh on focus (covers alt-tab back to browser)
-window.addEventListener('focus', function() { loadDashboard(); });
-
-async function loadDashboard() {
-    try {
-        var response = await fetch('/api/v3/dashboard');
-        if (!response.ok) return;
-        var data = await response.json();
-
-        document.getElementById('dashboard-mode').textContent = 'Mode ' + data.mode.toUpperCase();
-        document.getElementById('dashboard-mode-desc').textContent = data.mode_name + (data.provider !== 'none' ? ' — ' + data.provider : '');
-        document.getElementById('dashboard-memory-count').textContent = data.fact_count || data.memory_count || '0';
-        document.getElementById('dashboard-provider').textContent = data.provider === 'none' ? 'None' : data.provider;
-        document.getElementById('dashboard-model').textContent = data.model || '';
-        document.getElementById('dashboard-profile').textContent = data.profile || 'default';
-        document.getElementById('dashboard-basedir').textContent = data.base_dir || '~/.superlocalmemory';
-        var ver = data.version || '';
-        var dashVer = document.getElementById('dashboard-version');
-        var settVer = document.getElementById('settings-version');
-        if (dashVer) dashVer.textContent = ver;
-        if (settVer) settVer.textContent = ver;
-
-        // Update mode badge in navbar
-        var badge = document.getElementById('mode-badge');
-        if (badge) badge.textContent = 'Mode ' + data.mode.toUpperCase();
-
-        // Highlight active mode button
-        document.querySelectorAll('.mode-btn').forEach(function(btn) {
-            btn.classList.toggle('active', btn.dataset.mode === data.mode);
-        });
-    } catch (e) {
-        console.log('Dashboard load error:', e);
-    }
-}
-
-// Mode switch buttons
-document.addEventListener('click', function(e) {
-    if (e.target.classList.contains('mode-btn')) {
-        var mode = e.target.dataset.mode;
-        fetch('/api/v3/mode', {
-            method: 'PUT',
-            headers: {'Content-Type': 'application/json'},
-            body: JSON.stringify({mode: mode})
-        }).then(function() { loadDashboard(); });
-    }
-});
-
-// Quick store
-document.getElementById('quick-store-btn')?.addEventListener('click', function() {
-    var input = document.getElementById('quick-store-input');
-    var content = input.value.trim();
-    if (!content) return;
-    fetch('/api/memories', {
-        method: 'POST',
-        headers: {'Content-Type': 'application/json'},
-        body: JSON.stringify({content: content})
-    }).then(function(r) { return r.json(); }).then(function(data) {
-        input.value = '';
-        loadDashboard();
-        alert('Stored!');
-    });
-});
-
-// Quick recall
-document.getElementById('quick-recall-btn')?.addEventListener('click', function() {
-    var query = document.getElementById('quick-recall-input').value.trim();
-    if (!query) return;
-    fetch('/api/search', {
-        method: 'POST',
-        headers: {'Content-Type': 'application/json'},
-        body: JSON.stringify({query: query, limit: 5})
-    }).then(function(r) { return r.json(); }).then(function(data) {
-        var div = document.getElementById('quick-recall-results');
-        if (!data.results || data.results.length === 0) {
-            div.textContent = 'No results found.';
-            return;
-        }
-        // Build results using DOM methods for safety
-        div.textContent = '';
-        data.results.forEach(function(r, i) {
-            var row = document.createElement('div');
-            row.className = 'border-bottom py-1';
-            var strong = document.createElement('strong');
-            strong.textContent = (i + 1) + '. ';
-            row.appendChild(strong);
-            var text = document.createTextNode((r.content || r.text || '').substring(0, 150) + ' ');
-            row.appendChild(text);
-            var scoreSpan = document.createElement('span');
-            scoreSpan.className = 'text-muted';
-            scoreSpan.textContent = '(' + (r.score || 0).toFixed(2) + ')';
-            row.appendChild(scoreSpan);
-            div.appendChild(row);
-        });
-    });
-});