superlocalmemory 3.4.16 → 3.4.18

package/ui/js/lifecycle.js

@@ -1,298 +0,0 @@
-// SPDX-License-Identifier: Elastic-2.0
-// Copyright (c) 2026 SuperLocalMemory (superlocalmemory.com)
-// Lifecycle tab — state distribution, compaction, transitions (v2.8)
-// NOTE: All dynamic values pass through escapeHtml() or textContent for DOM insertion.
-
-var _lifecycleData = null;
-
-async function loadLifecycle() {
-    try {
-        var response = await fetch('/api/lifecycle/status');
-        var data = await response.json();
-        _lifecycleData = data;
-
-        if (!data.available) {
-            showEmpty('lifecycle-states-row', 'hourglass-split', 'Lifecycle engine not available. Upgrade to v2.8.');
-            return;
-        }
-
-        renderLifecycleStates(data);
-        renderLifecycleProgress(data);
-        renderLifecycleAgeStats(data);
-        renderLifecycleTransitions(data);
-
-        var badge = document.getElementById('lifecycle-profile-badge');
-        if (badge) badge.textContent = data.active_profile || 'default';
-    } catch (error) {
-        console.error('Error loading lifecycle:', error);
-    }
-}
-
-function renderLifecycleStates(data) {
-    var states = data.states || {};
-    var mapping = {
-        active: 'lc-active-count',
-        warm: 'lc-warm-count',
-        cold: 'lc-cold-count',
-        archived: 'lc-archived-count',
-        tombstoned: 'lc-tombstoned-count'
-    };
-    for (var state in mapping) {
-        animateCounter(mapping[state], states[state] || 0);
-    }
-    animateCounter('lc-total-count', data.total_memories || 0);
-}
-
-function renderLifecycleProgress(data) {
-    var bar = document.getElementById('lifecycle-progress-bar');
-    if (!bar) return;
-    var states = data.states || {};
-    var total = data.total_memories || 1;
-    var colors = {
-        active: '#198754',
-        warm: '#ffc107',
-        cold: '#0dcaf0',
-        archived: '#6c757d',
-        tombstoned: '#dc3545'
-    };
-
-    bar.textContent = '';
-    var hasSegments = false;
-
-    var stateKeys = ['active', 'warm', 'cold', 'archived', 'tombstoned'];
-    for (var i = 0; i < stateKeys.length; i++) {
-        var state = stateKeys[i];
-        var count = states[state] || 0;
-        if (count > 0) {
-            hasSegments = true;
-            var pct = ((count / total) * 100).toFixed(1);
-            var segment = document.createElement('div');
-            segment.className = 'progress-bar';
-            segment.setAttribute('role', 'progressbar');
-            segment.style.width = pct + '%';
-            segment.style.backgroundColor = colors[state];
-            segment.title = state + ': ' + count + ' (' + pct + '%)';
-            segment.textContent = state;
-            bar.appendChild(segment);
-        }
-    }
-
-    if (!hasSegments) {
-        var fallback = document.createElement('div');
-        fallback.className = 'progress-bar bg-success';
-        fallback.style.width = '100%';
-        fallback.textContent = 'All Active';
-        bar.appendChild(fallback);
-    }
-}
-
-function renderLifecycleAgeStats(data) {
-    var container = document.getElementById('lifecycle-age-content');
-    if (!container) return;
-    var stats = data.age_stats || {};
-    if (Object.keys(stats).length === 0) {
-        container.textContent = '';
-        var empty = document.createElement('span');
-        empty.className = 'text-muted';
-        empty.textContent = 'No age data available yet.';
-        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');
-    ['State', 'Avg Age', 'Newest', 'Oldest'].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');
-    var stateOrder = ['active', 'warm', 'cold', 'archived'];
-    var badgeColors = { active: 'success', warm: 'warning', cold: 'info', archived: 'secondary' };
-
-    for (var i = 0; i < stateOrder.length; i++) {
-        var s = stateOrder[i];
-        if (stats[s]) {
-            var row = document.createElement('tr');
-
-            var stateCell = document.createElement('td');
-            var stateBadge = document.createElement('span');
-            stateBadge.className = 'badge bg-' + (badgeColors[s] || 'secondary');
-            stateBadge.textContent = s;
-            stateCell.appendChild(stateBadge);
-            row.appendChild(stateCell);
-
-            var avgCell = document.createElement('td');
-            avgCell.textContent = (stats[s].avg_days || 0) + 'd';
-            row.appendChild(avgCell);
-
-            var minCell = document.createElement('td');
-            minCell.textContent = (stats[s].min_days || 0) + 'd';
-            row.appendChild(minCell);
-
-            var maxCell = document.createElement('td');
-            maxCell.textContent = (stats[s].max_days || 0) + 'd';
-            row.appendChild(maxCell);
-
-            tbody.appendChild(row);
-        }
-    }
-    table.appendChild(tbody);
-
-    container.textContent = '';
-    container.appendChild(table);
-}
-
-function renderLifecycleTransitions(data) {
-    var container = document.getElementById('lifecycle-transitions-content');
-    if (!container) return;
-    var transitions = data.recent_transitions || [];
-    if (transitions.length === 0) {
-        container.textContent = '';
-        var empty = document.createElement('span');
-        empty.className = 'text-muted';
-        empty.textContent = 'No transitions yet. Memories start as Active and transition based on usage.';
-        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', 'State', 'Last Transition'].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 < transitions.length; i++) {
-        var t = transitions[i];
-        var row = document.createElement('tr');
-
-        var memCell = document.createElement('td');
-        var preview = (t.content_preview || '').substring(0, 40);
-        memCell.textContent = '#' + t.memory_id + ' ' + preview + (preview.length >= 40 ? '...' : '');
-        memCell.title = t.content_preview || '';
-        row.appendChild(memCell);
-
-        var stateCell = document.createElement('td');
-        var badge = document.createElement('span');
-        badge.className = 'badge bg-secondary';
-        badge.textContent = t.current_state || '';
-        stateCell.appendChild(badge);
-        row.appendChild(stateCell);
-
-        var transCell = document.createElement('td');
-        transCell.className = 'small text-muted';
-        transCell.textContent = JSON.stringify(t.last_transition || {});
-        row.appendChild(transCell);
-
-        tbody.appendChild(row);
-    }
-    table.appendChild(tbody);
-
-    container.textContent = '';
-    container.appendChild(table);
-}
-
-async function compactDryRun() {
-    try {
-        var response = await fetch('/api/lifecycle/compact', {
-            method: 'POST',
-            headers: { 'Content-Type': 'application/json' },
-            body: JSON.stringify({ dry_run: true })
-        });
-        var data = await response.json();
-        var resultsDiv = document.getElementById('compaction-results');
-        var titleEl = document.getElementById('compaction-results-title');
-        var contentEl = document.getElementById('compaction-results-content');
-        resultsDiv.classList.remove('d-none');
-        titleEl.textContent = 'Compaction Preview (Dry Run)';
-        contentEl.textContent = '';
-
-        if (data.recommendations === 0) {
-            var ok = document.createElement('span');
-            ok.className = 'text-success';
-            var icon = document.createElement('i');
-            icon.className = 'bi bi-check-circle';
-            ok.appendChild(icon);
-            ok.appendChild(document.createTextNode(' No compaction needed. All memories are in optimal states.'));
-            contentEl.appendChild(ok);
-        } else {
-            var p = document.createElement('p');
-            p.className = 'mb-2';
-            p.textContent = data.recommendations + ' memories would be transitioned:';
-            contentEl.appendChild(p);
-
-            var table = document.createElement('table');
-            table.className = 'table table-sm mb-0';
-            var thead = document.createElement('thead');
-            var headRow = document.createElement('tr');
-            ['Memory ID', 'From', 'To'].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');
-            var details = data.details || [];
-            for (var i = 0; i < details.length; i++) {
-                var row = document.createElement('tr');
-                var idCell = document.createElement('td');
-                idCell.textContent = '#' + details[i].memory_id;
-                row.appendChild(idCell);
-                var fromCell = document.createElement('td');
-                fromCell.textContent = details[i].from || '';
-                row.appendChild(fromCell);
-                var toCell = document.createElement('td');
-                toCell.textContent = details[i].to || '';
-                row.appendChild(toCell);
-                tbody.appendChild(row);
-            }
-            table.appendChild(tbody);
-            contentEl.appendChild(table);
-        }
-    } catch (e) {
-        console.error('Compaction preview error:', e);
-    }
-}
-
-async function compactExecute() {
-    if (!confirm('This will transition memories to lower lifecycle states. Continue?')) return;
-    try {
-        var response = await fetch('/api/lifecycle/compact', {
-            method: 'POST',
-            headers: { 'Content-Type': 'application/json' },
-            body: JSON.stringify({ dry_run: false })
-        });
-        var data = await response.json();
-        var resultsDiv = document.getElementById('compaction-results');
-        var contentEl = document.getElementById('compaction-results-content');
-        resultsDiv.classList.remove('d-none');
-        document.getElementById('compaction-results-title').textContent = 'Compaction Results';
-
-        contentEl.textContent = '';
-        var ok = document.createElement('span');
-        ok.className = 'text-success';
-        var icon = document.createElement('i');
-        icon.className = 'bi bi-check-circle';
-        ok.appendChild(icon);
-        ok.appendChild(document.createTextNode(' ' + (data.transitioned || 0) + ' memories transitioned successfully.'));
-        contentEl.appendChild(ok);
-
-        loadLifecycle(); // Refresh
-    } catch (e) {
-        console.error('Compaction error:', e);
-    }
-}

package/ui/js/math-health.js

@@ -1,98 +0,0 @@
-// SuperLocalMemory V3 — Math Health
-// Displays status of Fisher-Rao, sheaf cohomology, and Langevin dynamics layers.
-
-async function loadMathHealth() {
-    try {
-        var response = await fetch('/api/v3/math/health');
-        if (!response.ok) return;
-        var data = await response.json();
-
-        var container = document.getElementById('math-health-cards');
-        container.textContent = '';
-
-        var layers = data.health || {};
-        var colors = { fisher: 'primary', sheaf: 'success', langevin: 'info' };
-        var icons = { fisher: 'bi-graph-up', sheaf: 'bi-diagram-3', langevin: 'bi-activity' };
-
-        Object.keys(layers).forEach(function(key) {
-            var layer = layers[key];
-            var col = document.createElement('div');
-            col.className = 'col-md-4';
-
-            var card = document.createElement('div');
-            card.className = 'card h-100';
-
-            // Card header
-            var header = document.createElement('div');
-            header.className = 'card-header bg-' + (colors[key] || 'secondary') + ' text-white';
-            var h6 = document.createElement('h6');
-            h6.className = 'mb-0';
-            var icon = document.createElement('i');
-            icon.className = 'bi ' + (icons[key] || 'bi-gear');
-            h6.appendChild(icon);
-            h6.appendChild(document.createTextNode(' ' + key.charAt(0).toUpperCase() + key.slice(1)));
-            header.appendChild(h6);
-            card.appendChild(header);
-
-            // Card body
-            var body = document.createElement('div');
-            body.className = 'card-body';
-
-            var desc = document.createElement('p');
-            desc.className = 'text-muted';
-            desc.textContent = layer.description || '';
-            body.appendChild(desc);
-
-            var ul = document.createElement('ul');
-            ul.className = 'list-unstyled mb-0';
-
-            // Status item
-            var liStatus = document.createElement('li');
-            liStatus.appendChild(document.createTextNode('Status: '));
-            var statusBadge = document.createElement('span');
-            statusBadge.className = 'badge bg-success';
-            statusBadge.textContent = layer.status || 'active';
-            liStatus.appendChild(statusBadge);
-            ul.appendChild(liStatus);
-
-            // Mode item (if present)
-            if (layer.mode) {
-                var liMode = document.createElement('li');
-                liMode.appendChild(document.createTextNode('Mode: '));
-                var modeStrong = document.createElement('strong');
-                modeStrong.textContent = layer.mode;
-                liMode.appendChild(modeStrong);
-                ul.appendChild(liMode);
-            }
-
-            // Threshold item (if present)
-            if (layer.threshold) {
-                var liThresh = document.createElement('li');
-                liThresh.appendChild(document.createTextNode('Threshold: '));
-                var threshStrong = document.createElement('strong');
-                threshStrong.textContent = layer.threshold;
-                liThresh.appendChild(threshStrong);
-                ul.appendChild(liThresh);
-            }
-
-            // Temperature item (if present)
-            if (layer.temperature) {
-                var liTemp = document.createElement('li');
-                liTemp.appendChild(document.createTextNode('Temperature: '));
-                var tempStrong = document.createElement('strong');
-                tempStrong.textContent = layer.temperature;
-                liTemp.appendChild(tempStrong);
-                ul.appendChild(liTemp);
-            }
-
-            body.appendChild(ul);
-            card.appendChild(body);
-            col.appendChild(card);
-            container.appendChild(col);
-        });
-    } catch (e) {
-        console.log('Math health error:', e);
-    }
-}
-
-document.getElementById('math-health-tab')?.addEventListener('shown.bs.tab', loadMathHealth);

package/ui/js/memories.js

@@ -1,264 +0,0 @@
-// SuperLocalMemory V2 - Memories List + Sorting
-// Depends on: core.js, modal.js (openMemoryDetail)
-//
-// Security: All dynamic values are escaped via escapeHtml() before DOM insertion.
-// The innerHTML usage in renderMemoriesTable is safe because every interpolated
-// value passes through escapeHtml(). Data comes from our own local SQLite DB only.
-// nosemgrep: innerHTML-xss — all dynamic values escaped via escapeHtml()
-
-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);
-
-    showLoading('memories-list', 'Loading memories...');
-    try {
-        var response = await fetch(url);
-        var data = await response.json();
-        lastSearchResults = null;
-        var exportBtn = document.getElementById('export-search-btn');
-        if (exportBtn) exportBtn.style.display = 'none';
-        renderMemoriesTable(data.memories, false);
-    } catch (error) {
-        console.error('Error loading memories:', error);
-        showEmpty('memories-list', 'exclamation-triangle', 'Failed to load memories');
-    }
-}
-
-function renderMemoriesTable(memories, showScores) {
-    var container = document.getElementById('memories-list');
-    if (!memories || memories.length === 0) {
-        showEmpty('memories-list', 'journal-x', 'No memories found. Try a different search or filter.');
-        return;
-    }
-
-    window._slmMemories = memories;
-    var scoreHeader = showScores ? '<th>Score</th>' : '';
-
-    var rows = '';
-    memories.forEach(function(mem, idx) {
-        var content = mem.summary || mem.content || '';
-        var contentPreview = content.length > 100 ? content.substring(0, 100) + '...' : content;
-        var importance = mem.importance || 5;
-        var importanceClass = importance >= 8 ? 'success' : importance >= 5 ? 'warning' : 'secondary';
-
-        var scoreCell = '';
-        if (showScores) {
-            var score = mem.score || 0;
-            var pct = Math.round(score * 100);
-            var barColor = pct >= 70 ? '#43e97b' : pct >= 40 ? '#f9c74f' : '#f94144';
-            scoreCell = '<td><span class="score-label">' + escapeHtml(String(pct)) + '%</span>'
-                + '<div class="score-bar-container"><div class="score-bar">'
-                + '<div class="score-bar-fill" style="width:' + pct + '%;background:' + barColor + '"></div>'
-                + '</div></div></td>';
-        }
-
-        var memId = mem.memory_id || mem.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>';
-
-        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>'
-            + scoreCell
-            + '<td><span class="badge bg-' + importanceClass + ' badge-importance">' + escapeHtml(String(importance)) + '</span></td>'
-            + '<td>' + escapeHtml(String(mem.cluster_id || '-')) + '</td>'
-            + '<td><small>' + escapeHtml(formatDate(mem.created_at)) + '</small></td>'
-            + '</tr>';
-    });
-
-    var tableHtml = '<table class="table table-hover memory-table"><thead><tr>'
-        + '<th class="sortable" data-sort="id">ID</th>'
-        + '<th class="sortable" data-sort="category">Category</th>'
-        + '<th class="sortable" data-sort="project">Project</th>'
-        + '<th>Content</th>'
-        + scoreHeader
-        + '<th class="sortable" data-sort="importance">Importance</th>'
-        + '<th>Cluster</th>'
-        + '<th class="sortable" data-sort="created">Created</th>'
-        + '</tr></thead><tbody>' + rows + '</tbody></table>';
-
-    // All values above escaped via escapeHtml() — safe for trusted local data
-    container.textContent = '';
-    container.insertAdjacentHTML('beforeend', tableHtml);
-
-    var table = container.querySelector('table');
-    if (table) {
-        table.addEventListener('click', function(e) {
-            var th = e.target.closest('th.sortable');
-            if (th) { handleSort(th); return; }
-
-            // Expand facts button
-            var expandBtn = e.target.closest('.expand-facts-btn');
-            if (expandBtn) {
-                e.stopPropagation();
-                var memId = expandBtn.getAttribute('data-memory-id');
-                toggleFactsExpansion(expandBtn, memId);
-                return;
-            }
-
-            var row = e.target.closest('tr[data-mem-idx]');
-            if (row && !e.target.closest('.expand-facts-btn')) {
-                var idx = parseInt(row.getAttribute('data-mem-idx'), 10);
-                if (window._slmMemories && window._slmMemories[idx]) {
-                    openMemoryDetail(window._slmMemories[idx]);
-                }
-            }
-        });
-    }
-}
-
-// ============================================================================
-// Column Sorting
-// ============================================================================
-
-var currentSort = { column: null, direction: 'asc' };
-
-function handleSort(th) {
-    var col = th.getAttribute('data-sort');
-    if (!col) return;
-
-    if (currentSort.column === col) {
-        currentSort.direction = currentSort.direction === 'asc' ? 'desc' : 'asc';
-    } else {
-        currentSort.column = col;
-        currentSort.direction = 'asc';
-    }
-
-    document.querySelectorAll('#memories-list th.sortable').forEach(function(h) {
-        h.classList.remove('sort-asc', 'sort-desc');
-    });
-    th.classList.add('sort-' + currentSort.direction);
-
-    if (!window._slmMemories) return;
-    var memories = window._slmMemories.slice();
-    var dir = currentSort.direction === 'asc' ? 1 : -1;
-
-    memories.sort(function(a, b) {
-        var av, bv;
-        switch (col) {
-            case 'id': return ((a.id || 0) - (b.id || 0)) * dir;
-            case 'importance': return ((a.importance || 0) - (b.importance || 0)) * dir;
-            case 'category':
-                av = (a.category || '').toLowerCase(); bv = (b.category || '').toLowerCase();
-                return av < bv ? -dir : av > bv ? dir : 0;
-            case 'project':
-                av = (a.project_name || '').toLowerCase(); bv = (b.project_name || '').toLowerCase();
-                return av < bv ? -dir : av > bv ? dir : 0;
-            case 'created':
-                av = a.created_at || ''; bv = b.created_at || '';
-                return av < bv ? -dir : av > bv ? dir : 0;
-            case 'score': return ((a.score || 0) - (b.score || 0)) * dir;
-            default: return 0;
-        }
-    });
-
-    window._slmMemories = memories;
-    var showScores = memories.length > 0 && typeof memories[0].score === 'number';
-    renderMemoriesTable(memories, showScores);
-}
-
-// ============================================================================
-// Navigation from Graph (v2.6.5)
-// ============================================================================
-
-// Scroll to a specific memory by ID (called from graph double-click)
-function scrollToMemory(memoryId) {
-    const container = document.getElementById('memories-list');
-    if (!container) return;
-
-    // Find the memory in current list
-    if (!window._slmMemories) {
-        console.warn('No memories loaded yet. Loading all memories...');
-        loadMemories().then(() => {
-            setTimeout(() => scrollToMemoryInTable(memoryId), 500);
-        });
-        return;
-    }
-
-    scrollToMemoryInTable(memoryId);
-}
-
-async function toggleFactsExpansion(btn, memoryId) {
-    var row = btn.closest('tr');
-    if (!row) return;
-    var existingExpansion = row.nextElementSibling;
-    if (existingExpansion && existingExpansion.classList.contains('facts-expansion-row')) {
-        existingExpansion.remove();
-        btn.innerHTML = '&#9660;';
-        return;
-    }
-
-    btn.innerHTML = '&#8987;';
-    try {
-        var resp = await fetch('/api/memories/' + encodeURIComponent(memoryId) + '/facts');
-        var data = await resp.json();
-        var expRow = document.createElement('tr');
-        expRow.className = 'facts-expansion-row';
-        var expCell = document.createElement('td');
-        expCell.colSpan = 8;
-        expCell.style.cssText = 'background:#f8f9fa; padding:8px 16px;';
-
-        if (data.facts && data.facts.length > 0) {
-            var label = document.createElement('small');
-            label.className = 'text-muted';
-            label.textContent = data.fact_count + ' atomic facts:';
-            expCell.appendChild(label);
-
-            data.facts.forEach(function(f, i) {
-                var fDiv = document.createElement('div');
-                fDiv.className = 'small py-1' + (i < data.facts.length - 1 ? ' border-bottom' : '');
-                var badge = document.createElement('span');
-                badge.className = 'badge bg-secondary me-1';
-                badge.style.fontSize = '0.65rem';
-                badge.textContent = f.fact_type;
-                fDiv.appendChild(badge);
-                fDiv.appendChild(document.createTextNode(f.content.substring(0, 200)));
-                expCell.appendChild(fDiv);
-            });
-        } else {
-            expCell.textContent = 'No atomic facts found for this memory.';
-        }
-
-        expRow.appendChild(expCell);
-        row.parentNode.insertBefore(expRow, row.nextSibling);
-        btn.innerHTML = '&#9650;';
-    } catch (err) {
-        btn.innerHTML = '&#9660;';
-        console.error('Failed to load facts:', err);
-    }
-}
-
-function scrollToMemoryInTable(memoryId) {
-    const memId = String(memoryId);
-
-    // Find the memory index
-    let idx = -1;
-    if (window._slmMemories) {
-        idx = window._slmMemories.findIndex(m => String(m.id) === memId);
-    }
-
-    if (idx === -1) {
-        console.warn(`Memory #${memoryId} not found in current list`);
-        return;
-    }
-
-    // Find the table row
-    const row = document.querySelector(`tr[data-mem-idx="${idx}"]`);
-    if (!row) {
-        console.warn(`Row for memory #${memoryId} not found in DOM`);
-        return;
-    }
-
-    // Scroll to row
-    row.scrollIntoView({ behavior: 'smooth', block: 'center' });
-
-    // Highlight temporarily
-    row.style.backgroundColor = '#fff3cd';
-    setTimeout(() => {
-        row.style.backgroundColor = '';
-    }, 2000);
-}