superlocalmemory 3.4.16 → 3.4.18

package/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/ui/js/fact-detail.js

@@ -1,92 +0,0 @@
-// SuperLocalMemory V3 — Fact Detail View
-// Adds click-to-expand on memory list items to show channel scores and trust data.
-
-document.addEventListener('click', function(e) {
-    var item = e.target.closest('[data-fact-id]');
-    if (!item) return;
-
-    // Toggle: if detail panel already exists, remove it
-    var existingDetail = item.querySelector('.fact-detail-panel');
-    if (existingDetail) {
-        existingDetail.remove();
-        return;
-    }
-
-    // Extract query text from the item (first 100 chars)
-    var queryText = (item.textContent || '').substring(0, 100).trim();
-    if (!queryText) return;
-
-    fetch('/api/v3/recall/trace', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ query: queryText, limit: 1 })
-    }).then(function(r) {
-        return r.json();
-    }).then(function(data) {
-        var result = (data.results || [])[0];
-        if (!result) return;
-
-        var panel = document.createElement('div');
-        panel.className = 'fact-detail-panel card mt-2 mb-2 border-info';
-
-        var cardBody = document.createElement('div');
-        cardBody.className = 'card-body small';
-
-        // Score / Trust / Confidence row
-        var row1 = document.createElement('div');
-        row1.className = 'row';
-
-        var col1 = document.createElement('div');
-        col1.className = 'col-md-4';
-        var col1Label = document.createElement('strong');
-        col1Label.textContent = 'Score: ';
-        col1.appendChild(col1Label);
-        col1.appendChild(document.createTextNode(result.score || 0));
-        row1.appendChild(col1);
-
-        var col2 = document.createElement('div');
-        col2.className = 'col-md-4';
-        var col2Label = document.createElement('strong');
-        col2Label.textContent = 'Trust: ';
-        col2.appendChild(col2Label);
-        col2.appendChild(document.createTextNode(result.trust_score || 0));
-        row1.appendChild(col2);
-
-        var col3 = document.createElement('div');
-        col3.className = 'col-md-4';
-        var col3Label = document.createElement('strong');
-        col3Label.textContent = 'Confidence: ';
-        col3.appendChild(col3Label);
-        col3.appendChild(document.createTextNode(result.confidence || 0));
-        row1.appendChild(col3);
-
-        cardBody.appendChild(row1);
-
-        // Channel scores section
-        var channels = result.channel_scores || {};
-        var channelKeys = Object.keys(channels);
-        if (channelKeys.length > 0) {
-            var label = document.createElement('div');
-            label.className = 'mt-2';
-            var labelStrong = document.createElement('strong');
-            labelStrong.textContent = 'Channel Scores:';
-            label.appendChild(labelStrong);
-            cardBody.appendChild(label);
-
-            var row2 = document.createElement('div');
-            row2.className = 'row text-muted';
-            channelKeys.forEach(function(chKey) {
-                var chCol = document.createElement('div');
-                chCol.className = 'col-md-3';
-                chCol.textContent = chKey + ': ' + channels[chKey];
-                row2.appendChild(chCol);
-            });
-            cardBody.appendChild(row2);
-        }
-
-        panel.appendChild(cardBody);
-        item.appendChild(panel);
-    }).catch(function(e) {
-        console.log('Fact detail error:', e);
-    });
-});

package/ui/js/feedback.js

@@ -1,333 +0,0 @@
-/**
- * SuperLocalMemory V2 - Feedback Module (v2.7.4)
- * Copyright (c) 2026 Varun Pratap Bhardwaj
- * Licensed under Elastic License 2.0
- *
- * 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.
- */
-function resetLearningData() {
-    if (!confirm('Reset all learning data? Your memories will be preserved.')) 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();
-});