superlocalmemory 4.1.13 → 4.1.14

package/src/superlocalmemory/ui/js/events.js

@@ -1,178 +0,0 @@
-// SuperLocalMemory V2 - Live Events (v2.5 — SSE Stream)
-// Depends on: core.js
-// Security: All DOM built with safe methods (createElement/textContent).
-
-var _eventSource = null;
-var _eventStreamItems = [];
-var _maxEventStreamItems = 200;
-
-function initEventStream() {
-    try {
-        _eventSource = new EventSource('/events/stream');
-
-        _eventSource.onopen = function() {
-            var badge = document.getElementById('event-connection-status');
-            if (badge) {
-                badge.textContent = 'Connected';
-                badge.className = 'badge bg-success me-2';
-            }
-        };
-
-        _eventSource.onmessage = function(e) {
-            try {
-                appendEventToStream(JSON.parse(e.data));
-            } catch (err) { /* keepalive comments */ }
-        };
-
-        _eventSource.onerror = function() {
-            var badge = document.getElementById('event-connection-status');
-            if (badge) {
-                badge.textContent = 'Reconnecting...';
-                badge.className = 'badge bg-warning me-2';
-            }
-        };
-
-        ['memory.created', 'memory.updated', 'memory.deleted', 'memory.recalled',
-         'agent.connected', 'agent.disconnected', 'graph.updated', 'pattern.learned'
-        ].forEach(function(type) {
-            _eventSource.addEventListener(type, function(e) {
-                try { appendEventToStream(JSON.parse(e.data)); } catch (err) { /* ignore */ }
-            });
-        });
-    } catch (err) {
-        console.log('SSE not available:', err);
-        var badge = document.getElementById('event-connection-status');
-        if (badge) {
-            badge.textContent = 'Unavailable';
-            badge.className = 'badge bg-secondary me-2';
-        }
-    }
-}
-
-function appendEventToStream(event) {
-    var container = document.getElementById('event-stream');
-    if (!container) return;
-
-    if (_eventStreamItems.length === 0) container.textContent = '';
-
-    _eventStreamItems.push(event);
-    if (_eventStreamItems.length > _maxEventStreamItems) _eventStreamItems.shift();
-
-    var filter = document.getElementById('event-type-filter');
-    var filterValue = filter ? filter.value : '';
-    if (filterValue && event.event_type !== filterValue) return;
-
-    var typeColors = {
-        'memory.created': 'text-success', 'memory.updated': 'text-info',
-        'memory.deleted': 'text-danger', 'memory.recalled': 'text-primary',
-        'agent.connected': 'text-warning', 'agent.disconnected': 'text-secondary',
-        'graph.updated': 'text-info', 'pattern.learned': 'text-success'
-    };
-    var typeIcons = {
-        'memory.created': 'bi-plus-circle', 'memory.updated': 'bi-pencil',
-        'memory.deleted': 'bi-trash', 'memory.recalled': 'bi-search',
-        'agent.connected': 'bi-plug', 'agent.disconnected': 'bi-plug',
-        'graph.updated': 'bi-diagram-3', 'pattern.learned': 'bi-lightbulb'
-    };
-
-    var colorClass = typeColors[event.event_type] || 'text-muted';
-    var iconClass = typeIcons[event.event_type] || 'bi-circle';
-    var ts = event.timestamp ? new Date(event.timestamp).toLocaleTimeString() : '';
-    var payload = event.payload || {};
-    var preview = payload.content_preview || payload.agent_id || payload.agent_name || '';
-    if (preview.length > 80) preview = preview.substring(0, 80) + '...';
-
-    var div = document.createElement('div');
-    div.className = 'event-line mb-1 pb-1 border-bottom border-opacity-25';
-
-    var timeSpan = document.createElement('small');
-    timeSpan.className = 'text-muted';
-    timeSpan.textContent = ts;
-
-    var icon = document.createElement('i');
-    icon.className = 'bi ' + iconClass + ' ' + colorClass;
-    icon.style.marginLeft = '6px';
-
-    var typeSpan = document.createElement('span');
-    typeSpan.className = colorClass + ' fw-bold';
-    typeSpan.style.marginLeft = '4px';
-    typeSpan.textContent = event.event_type;
-
-    div.appendChild(timeSpan);
-    div.appendChild(document.createTextNode(' '));
-    div.appendChild(icon);
-    div.appendChild(document.createTextNode(' '));
-    div.appendChild(typeSpan);
-    div.appendChild(document.createTextNode(' '));
-
-    if (event.memory_id) {
-        var badge = document.createElement('span');
-        badge.className = 'badge bg-secondary';
-        badge.textContent = '#' + event.memory_id;
-        div.appendChild(badge);
-        div.appendChild(document.createTextNode(' '));
-    }
-
-    var previewSpan = document.createElement('span');
-    previewSpan.className = 'text-muted';
-    previewSpan.textContent = preview;
-    div.appendChild(previewSpan);
-
-    container.insertBefore(div, container.firstChild);
-
-    while (container.children.length > _maxEventStreamItems) {
-        container.removeChild(container.lastChild);
-    }
-}
-
-function filterEvents() {
-    var container = document.getElementById('event-stream');
-    if (!container) return;
-    container.textContent = '';
-
-    var filter = document.getElementById('event-type-filter');
-    var filterValue = filter ? filter.value : '';
-
-    var filtered = filterValue
-        ? _eventStreamItems.filter(function(e) { return e.event_type === filterValue; })
-        : _eventStreamItems;
-
-    filtered.forEach(function(event) { appendEventToStream(event); });
-}
-
-function clearEventStream() {
-    _eventStreamItems = [];
-    var container = document.getElementById('event-stream');
-    if (container) {
-        container.textContent = '';
-        var placeholder = document.createElement('div');
-        placeholder.className = 'text-muted text-center py-4';
-        var pIcon = document.createElement('i');
-        pIcon.className = 'bi bi-broadcast';
-        pIcon.style.fontSize = '2rem';
-        placeholder.appendChild(pIcon);
-        var pText = document.createElement('p');
-        pText.className = 'mt-2';
-        pText.textContent = 'Event stream cleared. Waiting for new events...';
-        placeholder.appendChild(pText);
-        container.appendChild(placeholder);
-    }
-}
-
-async function loadEventStats() {
-    try {
-        var response = await fetch('/api/events/stats');
-        var stats = await response.json();
-        var el;
-        el = document.getElementById('event-stat-total');
-        if (el) el.textContent = (stats.total_events || 0).toLocaleString();
-        el = document.getElementById('event-stat-24h');
-        if (el) el.textContent = (stats.events_last_24h || 0).toLocaleString();
-        el = document.getElementById('event-stat-listeners');
-        if (el) el.textContent = (stats.listener_count || 0).toLocaleString();
-        el = document.getElementById('event-stat-buffer');
-        if (el) el.textContent = (stats.buffer_size || 0).toLocaleString();
-    } catch (err) {
-        console.log('Event stats not available:', err);
-    }
-}

package/src/superlocalmemory/ui/js/fact-detail.js

@@ -1,142 +0,0 @@
-// SuperLocalMemory V3 — Fact Detail View
-// v3.4.31: scoped click listener, real fact_id lookup, no text-based re-query.
-//
-// Scope: only `.fact-result-item` elements (search results view), NEVER
-// fires on the main memories table rows (those use openMemoryDetail via
-// memories.js). This prevents the two listeners from colliding.
-
-document.addEventListener('click', function(e) {
-    var item = e.target.closest('.fact-result-item[data-fact-id]');
-    if (!item) return;
-
-    // Don't interfere if the click was on an action button/link inside the row
-    if (e.target.closest('button, a, [data-bs-toggle]')) return;
-
-    var existingDetail = item.querySelector('.fact-detail-panel');
-    if (existingDetail) {
-        existingDetail.remove();
-        return;
-    }
-
-    var factId = item.getAttribute('data-fact-id');
-    if (!factId) return;
-
-    fetch('/api/facts/' + encodeURIComponent(factId))
-        .then(function(r) { return r.ok ? r.json() : null; })
-        .then(function(data) {
-            if (!data || !data.fact_id) return;
-
-            var panel = document.createElement('div');
-            panel.className = 'fact-detail-panel card mt-2 mb-2 border-info';
-            var body = document.createElement('div');
-            body.className = 'card-body small';
-
-            var head = document.createElement('div');
-            head.className = 'mb-2';
-            var h = document.createElement('strong');
-            h.textContent = 'Atomic fact';
-            head.appendChild(h);
-            head.appendChild(document.createTextNode(
-                ' · ' + (data.fact_type || '-') +
-                ' · confidence ' + (data.confidence || 0) +
-                ' · importance ' + (data.importance || 0)
-            ));
-            body.appendChild(head);
-
-            if (data.source_memory_content) {
-                var src = document.createElement('div');
-                src.className = 'text-muted small mt-2';
-                var srcLabel = document.createElement('strong');
-                srcLabel.textContent = 'From memory: ';
-                src.appendChild(srcLabel);
-                var srcText = String(data.source_memory_content);
-                src.appendChild(document.createTextNode(
-                    srcText.length > 200 ? srcText.substring(0, 200) + '...' : srcText
-                ));
-                body.appendChild(src);
-            }
-
-            var ids = document.createElement('div');
-            ids.className = 'text-muted mt-2';
-            ids.style.fontSize = '0.75rem';
-            ids.textContent = 'Fact ID: ' + data.fact_id + ' · Memory ID: ' + (data.memory_id || '-');
-            body.appendChild(ids);
-
-            if (data.entities && data.entities.length > 0) {
-                var ent = document.createElement('div');
-                ent.className = 'mt-2';
-                var entLabel = document.createElement('strong');
-                entLabel.textContent = 'Entities: ';
-                ent.appendChild(entLabel);
-                ent.appendChild(document.createTextNode(data.entities.join(', ')));
-                body.appendChild(ent);
-            }
-
-            // Code this memory refers to (4.0.7). Absent for anyone without a
-            // built code graph — the API returns [] rather than an error, so no
-            // section appears and nothing looks broken.
-            //
-            // textContent throughout, never innerHTML: every string here is a
-            // qualified name or file path read out of the indexed repository, so
-            // it is untrusted input as far as this panel is concerned.
-            if (data.code_links && data.code_links.length > 0) {
-                var codeWrap = document.createElement('div');
-                codeWrap.className = 'mt-2';
-
-                var codeLabel = document.createElement('strong');
-                codeLabel.textContent = 'Code referenced:';
-                codeWrap.appendChild(codeLabel);
-
-                var list = document.createElement('ul');
-                list.className = 'mb-0 ps-3';
-                list.style.listStyle = 'none';
-
-                data.code_links.forEach(function (link) {
-                    var li = document.createElement('li');
-                    li.className = 'mt-1';
-
-                    var nameEl = document.createElement('code');
-                    nameEl.textContent = link.qualified_name || link.name || '?';
-                    li.appendChild(nameEl);
-
-                    if (link.kind) {
-                        var kind = document.createElement('span');
-                        kind.className = 'text-muted';
-                        kind.style.fontSize = '0.75rem';
-                        kind.textContent = ' ' + link.kind;
-                        li.appendChild(kind);
-                    }
-
-                    // A stale link points at code that has moved or gone. Saying
-                    // so is the whole value of tracking staleness — silently
-                    // showing it as current would be worse than not showing it.
-                    if (link.is_stale) {
-                        var stale = document.createElement('span');
-                        stale.className = 'badge bg-warning text-dark ms-1';
-                        stale.style.fontSize = '0.65rem';
-                        stale.textContent = 'code changed';
-                        li.appendChild(stale);
-                    }
-
-                    if (link.file_path) {
-                        var loc = document.createElement('div');
-                        loc.className = 'text-muted';
-                        loc.style.fontSize = '0.7rem';
-                        loc.textContent = link.file_path;
-                        li.appendChild(loc);
-                    }
-
-                    list.appendChild(li);
-                });
-
-                codeWrap.appendChild(list);
-                body.appendChild(codeWrap);
-            }
-
-            panel.appendChild(body);
-            item.appendChild(panel);
-        })
-        .catch(function(err) {
-            console.warn('Fact detail error:', err);
-        });
-});

package/src/superlocalmemory/ui/js/feedback.js

@@ -1,339 +0,0 @@
-/**
- * SuperLocalMemory V2 - Feedback Module (v2.7.4)
- * Copyright (c) 2026 Varun Pratap Bhardwaj
- * Licensed under GNU Affero General Public License v3.0 or later
- *
- * Collects implicit and explicit feedback signals from dashboard
- * interactions. All data stays 100% local.
- *
- * Signals:
- *   thumbs_up    - User clicks thumbs up on a memory card
- *   thumbs_down  - User clicks thumbs down on a memory card
- *   pin          - User pins/bookmarks a memory
- *   dwell_time   - Time spent viewing memory detail modal
- *   search_click - User clicks a search result (positive for clicked)
- */
-
-// Module state
-var feedbackState = {
-    lastSearchQuery: '',
-    modalOpenTime: null,
-    modalMemoryId: null,
-    searchResultIds: [],
-};
-
-/**
- * Record explicit feedback (thumbs up/down, pin).
- * Sends POST /api/feedback to backend.
- */
-function recordFeedback(memoryId, feedbackType, query) {
-    if (!memoryId || !feedbackType) return;
-
-    fetch('/api/feedback', {
-        method: 'POST',
-        headers: {'Content-Type': 'application/json'},
-        body: JSON.stringify({
-            memory_id: memoryId,
-            feedback_type: feedbackType,
-            query: query || feedbackState.lastSearchQuery || '',
-        }),
-    })
-    .then(function(r) { return r.json(); })
-    .then(function(data) {
-        if (data.success) {
-            showFeedbackToast(feedbackType, memoryId);
-            refreshFeedbackStats();
-        }
-    })
-    .catch(function() {
-        // Silent failure — feedback should never break UI
-    });
-}
-
-/**
- * Start tracking dwell time when a memory detail modal opens.
- */
-function startDwellTracking(memoryId) {
-    feedbackState.modalOpenTime = Date.now();
-    feedbackState.modalMemoryId = memoryId;
-}
-
-/**
- * Stop tracking and record dwell time when modal closes.
- */
-function stopDwellTracking() {
-    if (!feedbackState.modalOpenTime || !feedbackState.modalMemoryId) return;
-
-    var dwellMs = Date.now() - feedbackState.modalOpenTime;
-    var dwellSeconds = dwellMs / 1000;
-    var memId = feedbackState.modalMemoryId;
-
-    feedbackState.modalOpenTime = null;
-    feedbackState.modalMemoryId = null;
-
-    // Only record if meaningful (>1s)
-    if (dwellSeconds < 1.0) return;
-
-    fetch('/api/feedback/dwell', {
-        method: 'POST',
-        headers: {'Content-Type': 'application/json'},
-        body: JSON.stringify({
-            memory_id: memId,
-            dwell_time: dwellSeconds,
-            query: feedbackState.lastSearchQuery || '',
-        }),
-    })
-    .then(function(r) { return r.json(); })
-    .catch(function() {
-        // Silent failure
-    });
-}
-
-/**
- * Track which search results are displayed.
- */
-function trackSearchResults(query, resultIds) {
-    feedbackState.lastSearchQuery = query;
-    feedbackState.searchResultIds = resultIds || [];
-}
-
-/**
- * Create feedback buttons (thumbs up/down + pin) for a memory card.
- * Returns a DOM element containing the buttons.
- * Uses safe DOM methods (no innerHTML with user data).
- */
-function createFeedbackButtons(memoryId, query) {
-    var container = document.createElement('div');
-    container.className = 'feedback-buttons d-flex gap-1 align-items-center';
-    container.setAttribute('role', 'group');
-    container.setAttribute('aria-label', 'Feedback for memory ' + memoryId);
-
-    // Thumbs up
-    var upBtn = document.createElement('button');
-    upBtn.className = 'btn btn-outline-success btn-sm feedback-btn';
-    var upIcon = document.createElement('i');
-    upIcon.className = 'bi bi-hand-thumbs-up';
-    upBtn.appendChild(upIcon);
-    upBtn.title = 'This memory was useful';
-    upBtn.setAttribute('aria-label', 'Mark as useful');
-    upBtn.onclick = function(e) {
-        e.stopPropagation();
-        recordFeedback(memoryId, 'thumbs_up', query);
-        upBtn.classList.remove('btn-outline-success');
-        upBtn.classList.add('btn-success');
-        upBtn.disabled = true;
-        downBtn.disabled = true;
-    };
-
-    // Thumbs down
-    var downBtn = document.createElement('button');
-    downBtn.className = 'btn btn-outline-danger btn-sm feedback-btn';
-    var downIcon = document.createElement('i');
-    downIcon.className = 'bi bi-hand-thumbs-down';
-    downBtn.appendChild(downIcon);
-    downBtn.title = 'Not useful';
-    downBtn.setAttribute('aria-label', 'Mark as not useful');
-    downBtn.onclick = function(e) {
-        e.stopPropagation();
-        recordFeedback(memoryId, 'thumbs_down', query);
-        downBtn.classList.remove('btn-outline-danger');
-        downBtn.classList.add('btn-danger');
-        upBtn.disabled = true;
-        downBtn.disabled = true;
-    };
-
-    // Pin/Bookmark
-    var pinBtn = document.createElement('button');
-    pinBtn.className = 'btn btn-outline-warning btn-sm feedback-btn';
-    var pinIcon = document.createElement('i');
-    pinIcon.className = 'bi bi-pin-angle';
-    pinBtn.appendChild(pinIcon);
-    pinBtn.title = 'Pin this memory';
-    pinBtn.setAttribute('aria-label', 'Pin memory');
-    pinBtn.onclick = function(e) {
-        e.stopPropagation();
-        recordFeedback(memoryId, 'pin', query);
-        pinBtn.classList.remove('btn-outline-warning');
-        pinBtn.classList.add('btn-warning');
-        pinBtn.disabled = true;
-    };
-
-    container.appendChild(upBtn);
-    container.appendChild(downBtn);
-    container.appendChild(pinBtn);
-    return container;
-}
-
-/**
- * Show a small toast notification after feedback.
- */
-function showFeedbackToast(type, memoryId) {
-    var messages = {
-        thumbs_up: 'Thanks! This helps improve future results.',
-        thumbs_down: 'Noted. Results will improve over time.',
-        pin: 'Memory pinned!',
-    };
-    var msg = messages[type] || 'Feedback recorded';
-
-    // Use existing showToast if available
-    if (typeof showToast === 'function') {
-        showToast(msg, 'success');
-    }
-}
-
-/**
- * Fetch and render feedback stats (progress bar, signal count).
- */
-function refreshFeedbackStats() {
-    fetch('/api/feedback/stats')
-    .then(function(r) { return r.json(); })
-    .then(function(data) {
-        renderFeedbackProgress(data);
-    })
-    .catch(function() {});
-}
-
-/**
- * Render the feedback progress bar using safe DOM methods.
- */
-function renderFeedbackProgress(stats) {
-    var container = document.getElementById('feedback-progress');
-    if (!container) return;
-
-    var total = stats.total_signals || 0;
-    var phase = stats.ranking_phase || 'baseline';
-    var progress = stats.progress || 0;
-    var target = stats.target || 200;
-
-    var phaseLabels = {
-        baseline: 'Baseline (collecting data)',
-        rule_based: 'Rule-Based (learning your preferences)',
-        ml_model: 'ML-Powered (fully personalized)',
-    };
-    var phaseColors = {
-        baseline: 'bg-secondary',
-        rule_based: 'bg-info',
-        ml_model: 'bg-success',
-    };
-
-    // Clear container
-    while (container.firstChild) container.removeChild(container.firstChild);
-
-    // Header row
-    var headerRow = document.createElement('div');
-    headerRow.className = 'd-flex justify-content-between align-items-center mb-1';
-
-    var label = document.createElement('small');
-    label.className = 'text-muted';
-    var icon = document.createElement('i');
-    icon.className = 'bi bi-graph-up me-1';
-    label.appendChild(icon);
-    label.appendChild(document.createTextNode('Learning Progress'));
-
-    var badge = document.createElement('span');
-    badge.className = 'badge ' + (phaseColors[phase] || 'bg-secondary');
-    badge.textContent = phaseLabels[phase] || phase;
-
-    headerRow.appendChild(label);
-    headerRow.appendChild(badge);
-    container.appendChild(headerRow);
-
-    // Progress bar
-    var progressOuter = document.createElement('div');
-    progressOuter.className = 'progress';
-    progressOuter.style.height = '8px';
-
-    var progressBar = document.createElement('div');
-    progressBar.className = 'progress-bar ' + (phaseColors[phase] || 'bg-secondary');
-    progressBar.setAttribute('role', 'progressbar');
-    progressBar.style.width = progress + '%';
-    progressBar.setAttribute('aria-valuenow', String(total));
-    progressBar.setAttribute('aria-valuemin', '0');
-    progressBar.setAttribute('aria-valuemax', String(target));
-
-    progressOuter.appendChild(progressBar);
-    container.appendChild(progressOuter);
-
-    // Count text
-    var countText = document.createElement('small');
-    countText.className = 'text-muted';
-    countText.textContent = total + '/' + target + ' signals';
-    container.appendChild(countText);
-}
-
-/**
- * Create the privacy notice banner using safe DOM methods.
- */
-function createPrivacyNotice() {
-    var container = document.getElementById('privacy-notice');
-    if (!container) return;
-
-    var alert = document.createElement('div');
-    alert.className = 'alert alert-light border d-flex align-items-center py-2 mb-3';
-    alert.setAttribute('role', 'alert');
-
-    var lockIcon = document.createElement('i');
-    lockIcon.className = 'bi bi-shield-lock me-2 text-success';
-
-    var text = document.createElement('small');
-    text.appendChild(document.createTextNode('Learning is 100% local. Your behavioral data never leaves this machine. '));
-
-    var link = document.createElement('a');
-    link.href = '#';
-    link.className = 'ms-1';
-    link.textContent = 'Learn more';
-    link.onclick = function(e) {
-        e.preventDefault();
-        showPrivacyDetails();
-    };
-    text.appendChild(link);
-
-    alert.appendChild(lockIcon);
-    alert.appendChild(text);
-    container.appendChild(alert);
-}
-
-/**
- * Show privacy details in an alert (safe, no raw HTML injection).
- */
-function showPrivacyDetails() {
-    var info = 'What data is collected:\n' +
-        '- Which memories you find useful (thumbs up/down)\n' +
-        '- Time spent viewing memory details\n' +
-        '- Search patterns (queries are hashed, never stored as raw text)\n\n' +
-        'Where it is stored:\n' +
-        '~/.superlocalmemory/learning.db (local SQLite file)\n\n' +
-        'How to delete it:\n' +
-        'Use "Reset Learning Data" in Settings, or run:\n' +
-        'rm ~/.superlocalmemory/learning.db';
-    alert(info);
-}
-
-/**
- * Reset all learning data.
- */
-async function resetLearningData() {
-    var confirmed = await confirmDestructive({
-        title: 'Reset learning data',
-        target: 'All learned patterns and ranking signals',
-        consequence: 'Your memories will be preserved.',
-        confirmLabel: 'Reset',
-    });
-    if (!confirmed) return;
-
-    fetch('/api/learning/reset', {method: 'POST'})
-    .then(function(r) { return r.json(); })
-    .then(function(data) {
-        if (data.success) {
-            if (typeof showToast === 'function') showToast('Learning data reset', 'success');
-            refreshFeedbackStats();
-        }
-    })
-    .catch(function() {});
-}
-
-// Initialize: load stats on page ready
-document.addEventListener('DOMContentLoaded', function() {
-    createPrivacyNotice();
-    refreshFeedbackStats();
-});