superlocalmemory 3.4.16 → 3.4.18

package/ui/js/modal.js

@@ -1,357 +0,0 @@
-// SuperLocalMemory V2 - Memory Detail Modal + Copy/Export
-// Depends on: core.js
-//
-// Security: All dynamic values escaped via escapeHtml(). Data from local DB only.
-// nosemgrep: innerHTML-xss — all dynamic values escaped
-
-var currentMemoryDetail = null;
-
-function openMemoryDetail(mem, source) {
-    // source: 'graph', 'recall', 'memories', or undefined
-    currentMemoryDetail = mem;
-    var fromGraph = source === 'graph';
-    var fromRecall = source === 'recall';
-    var body = document.getElementById('memory-detail-body');
-    if (!mem) {
-        body.textContent = 'No memory data';
-        return;
-    }
-
-    // Store last focused element (for keyboard nav return)
-    if (!window.lastFocusedElement) {
-        window.lastFocusedElement = document.activeElement;
-    }
-
-    var content = mem.content || mem.summary || '(no content)';
-    var tags = mem.tags || '';
-    var importance = mem.importance || 5;
-    var importanceClass = importance >= 8 ? 'success' : importance >= 5 ? 'warning' : 'secondary';
-
-    // Build detail using DOM nodes for safety
-    body.textContent = '';
-
-    var contentDiv = document.createElement('div');
-    contentDiv.className = 'memory-detail-content';
-    contentDiv.textContent = content;
-    body.appendChild(contentDiv);
-
-    body.appendChild(document.createElement('hr'));
-
-    var dl = document.createElement('dl');
-    dl.className = 'memory-detail-meta row';
-
-    // Left column
-    var col1 = document.createElement('div');
-    col1.className = 'col-md-6';
-    addDetailRow(col1, 'ID', String(mem.id || '-'));
-    addDetailBadgeRow(col1, 'Category', mem.category || 'None', 'bg-primary');
-    addDetailRow(col1, 'Project', mem.project_name || '-');
-    addDetailTagsRow(col1, 'Tags', tags);
-    dl.appendChild(col1);
-
-    // Right column
-    var col2 = document.createElement('div');
-    col2.className = 'col-md-6';
-    addDetailBadgeRow(col2, 'Importance', importance + '/10', 'bg-' + importanceClass);
-    addDetailRow(col2, 'Cluster', String(mem.cluster_id || '-'));
-    addDetailRow(col2, 'Created', formatDateFull(mem.created_at));
-    if (mem.updated_at) addDetailRow(col2, 'Updated', formatDateFull(mem.updated_at));
-
-    if (typeof mem.score === 'number') {
-        var pct = Math.round(mem.score * 100);
-        addDetailRow(col2, 'Relevance Score', pct + '%');
-    }
-    dl.appendChild(col2);
-
-    body.appendChild(dl);
-
-    // Context-aware action buttons
-    if (mem.id) {
-        body.appendChild(document.createElement('hr'));
-
-        var actionsDiv = document.createElement('div');
-        actionsDiv.className = 'memory-detail-graph-actions';
-        actionsDiv.style.cssText = 'display:flex; gap:10px; flex-wrap:wrap;';
-
-        // "View Original Memory" — shown on Recall Lab + Memories, hidden on Graph
-        // (On Graph the node IS the memory; on Recall Lab we have a fact, not the original)
-        if (!fromGraph) {
-            var viewBtn = document.createElement('button');
-            viewBtn.className = 'btn btn-primary btn-sm';
-            viewBtn.innerHTML = '<i class="bi bi-journal-text"></i> View Original Memory';
-            viewBtn.onclick = function() {
-                var mid = mem.memory_id || mem.id;
-                viewBtn.disabled = true;
-                viewBtn.textContent = 'Loading...';
-                fetch('/api/memories/' + encodeURIComponent(mid) + '/facts')
-                    .then(function(r) { return r.json(); })
-                    .then(function(data) {
-                        if (data.ok && data.original_content) {
-                            contentDiv.textContent = '';
-                            var origLabel = document.createElement('small');
-                            origLabel.className = 'text-muted d-block mb-1';
-                            origLabel.textContent = 'Original memory (' + (data.fact_count || 0) + ' atomic facts extracted):';
-                            contentDiv.appendChild(origLabel);
-                            var origText = document.createElement('div');
-                            origText.style.cssText = 'white-space:pre-wrap;background:#f8f9fa;padding:10px;border-radius:6px;margin-bottom:8px;';
-                            origText.textContent = data.original_content;
-                            contentDiv.appendChild(origText);
-                            if (data.facts && data.facts.length > 0) {
-                                var toggle = document.createElement('button');
-                                toggle.className = 'btn btn-sm btn-outline-secondary mb-2';
-                                toggle.textContent = 'Show atomic facts (' + data.facts.length + ')';
-                                var factsDiv = document.createElement('div');
-                                factsDiv.style.display = 'none';
-                                data.facts.forEach(function(f) {
-                                    var fDiv = document.createElement('div');
-                                    fDiv.className = 'small py-1 border-bottom';
-                                    var badge = document.createElement('span');
-                                    badge.className = 'badge bg-secondary me-1';
-                                    badge.style.fontSize = '0.6rem';
-                                    badge.textContent = f.fact_type;
-                                    fDiv.appendChild(badge);
-                                    fDiv.appendChild(document.createTextNode(f.content));
-                                    factsDiv.appendChild(fDiv);
-                                });
-                                toggle.onclick = function() {
-                                    var hidden = factsDiv.style.display === 'none';
-                                    factsDiv.style.display = hidden ? 'block' : 'none';
-                                    toggle.textContent = hidden ? 'Hide atomic facts' : 'Show atomic facts (' + data.facts.length + ')';
-                                };
-                                contentDiv.appendChild(toggle);
-                                contentDiv.appendChild(factsDiv);
-                            }
-                            viewBtn.textContent = 'Showing original';
-                        } else {
-                            viewBtn.textContent = 'Not available';
-                        }
-                    }).catch(function() {
-                        viewBtn.textContent = 'Failed to load';
-                        viewBtn.disabled = false;
-                    });
-            };
-            actionsDiv.appendChild(viewBtn);
-        }
-
-        // "Expand Neighbors" — shown on Graph, hidden elsewhere (no graph context)
-        if (fromGraph) {
-            var expandBtn = document.createElement('button');
-            expandBtn.className = 'btn btn-outline-secondary btn-sm';
-            expandBtn.innerHTML = '<i class="bi bi-diagram-3"></i> Expand Neighbors';
-            expandBtn.onclick = function() {
-                modal.hide();
-                setTimeout(function() {
-                    if (typeof expandNeighbors === 'function') expandNeighbors(mem.id);
-                }, 300);
-            };
-            actionsDiv.appendChild(expandBtn);
-        }
-
-        // "Filter to Cluster" — always available if cluster exists
-        if (mem.cluster_id) {
-            var filterBtn = document.createElement('button');
-            filterBtn.className = 'btn btn-outline-info btn-sm';
-            var filterIcon = document.createElement('i');
-            filterIcon.className = 'bi bi-funnel';
-            filterBtn.appendChild(filterIcon);
-            filterBtn.appendChild(document.createTextNode(' Filter to Cluster ' + mem.cluster_id));
-            filterBtn.onclick = function() {
-                modal.hide();
-                // Switch to Graph tab
-                const graphTab = document.querySelector('a[href="#graph"]');
-                if (graphTab) graphTab.click();
-                // Apply cluster filter after a delay
-                setTimeout(function() {
-                    if (typeof filterState !== 'undefined' && typeof filterByCluster === 'function' && typeof renderGraph === 'function') {
-                        filterState.cluster_id = mem.cluster_id;
-                        const filtered = filterByCluster(originalGraphData, mem.cluster_id);
-                        renderGraph(filtered);
-                        // Update URL
-                        const url = new URL(window.location);
-                        url.searchParams.set('cluster_id', mem.cluster_id);
-                        window.history.replaceState({}, '', url);
-                    }
-                }, 500);
-            };
-            actionsDiv.appendChild(filterBtn);
-        }
-
-        // Edit button — always available
-        var editBtn = document.createElement('button');
-        editBtn.className = 'btn btn-outline-warning btn-sm';
-        editBtn.innerHTML = '<i class="bi bi-pencil"></i> Edit';
-        editBtn.onclick = function() {
-            var currentText = contentDiv.textContent;
-            var textarea = document.createElement('textarea');
-            textarea.className = 'form-control mb-2';
-            textarea.rows = 4;
-            textarea.value = currentText;
-            contentDiv.textContent = '';
-            contentDiv.appendChild(textarea);
-            var saveBtn = document.createElement('button');
-            saveBtn.className = 'btn btn-sm btn-success me-1';
-            saveBtn.textContent = 'Save';
-            saveBtn.onclick = function() {
-                var newContent = textarea.value.trim();
-                if (!newContent) return;
-                fetch('/api/memories/' + encodeURIComponent(mem.id), {
-                    method: 'PATCH',
-                    headers: {'Content-Type': 'application/json'},
-                    body: JSON.stringify({content: newContent})
-                }).then(function(r) { return r.json(); }).then(function(d) {
-                    if (d.success) {
-                        contentDiv.textContent = newContent;
-                        mem.content = newContent;
-                        if (typeof showToast === 'function') showToast('Memory updated');
-                    }
-                });
-            };
-            var cancelBtn = document.createElement('button');
-            cancelBtn.className = 'btn btn-sm btn-secondary';
-            cancelBtn.textContent = 'Cancel';
-            cancelBtn.onclick = function() { contentDiv.textContent = currentText; };
-            contentDiv.appendChild(saveBtn);
-            contentDiv.appendChild(cancelBtn);
-        };
-        actionsDiv.appendChild(editBtn);
-
-        // Delete button — always available
-        var deleteBtn = document.createElement('button');
-        deleteBtn.className = 'btn btn-outline-danger btn-sm';
-        deleteBtn.innerHTML = '<i class="bi bi-trash"></i> Delete';
-        deleteBtn.onclick = function() {
-            if (!confirm('Delete this memory? This cannot be undone.')) return;
-            fetch('/api/memories/' + encodeURIComponent(mem.id), {method: 'DELETE'})
-                .then(function(r) { return r.json(); })
-                .then(function(d) {
-                    if (d.success) {
-                        modal.hide();
-                        if (typeof showToast === 'function') showToast('Memory deleted');
-                        if (typeof loadMemories === 'function') setTimeout(loadMemories, 300);
-                    }
-                });
-        };
-        actionsDiv.appendChild(deleteBtn);
-
-        body.appendChild(actionsDiv);
-    }
-
-    // v2.7.4: Add feedback buttons to modal body
-    if (typeof createFeedbackButtons === 'function' && mem && mem.id) {
-        var feedbackDiv = document.createElement('div');
-        feedbackDiv.className = 'mt-3 pt-2 border-top';
-        var feedbackLabel = document.createElement('small');
-        feedbackLabel.className = 'text-muted d-block mb-1';
-        feedbackLabel.textContent = 'Was this memory useful?';
-        feedbackDiv.appendChild(feedbackLabel);
-        feedbackDiv.appendChild(createFeedbackButtons(mem.id));
-        body.appendChild(feedbackDiv);
-    }
-
-    var modalEl = document.getElementById('memoryDetailModal');
-    var modal = new bootstrap.Modal(modalEl);
-
-    // v2.7.4: Start dwell time tracking
-    if (typeof startDwellTracking === 'function' && mem && mem.id) {
-        startDwellTracking(mem.id);
-    }
-
-    // Focus first interactive element when modal opens
-    modalEl.addEventListener('shown.bs.modal', function() {
-        const firstButton = modalEl.querySelector('button, a[href]');
-        if (firstButton) {
-            firstButton.focus();
-        }
-    }, { once: true });
-
-    // Return focus when modal closes + stop dwell tracking
-    modalEl.addEventListener('hidden.bs.modal', function() {
-        // v2.7.4: Stop dwell time tracking
-        if (typeof stopDwellTracking === 'function') {
-            stopDwellTracking();
-        }
-        if (window.lastFocusedElement && typeof window.lastFocusedElement.focus === 'function') {
-            window.lastFocusedElement.focus();
-            window.lastFocusedElement = null;
-        }
-    }, { once: true });
-
-    modal.show();
-}
-
-function addDetailRow(parent, label, value) {
-    var dt = document.createElement('dt');
-    dt.textContent = label;
-    parent.appendChild(dt);
-    var dd = document.createElement('dd');
-    dd.textContent = value;
-    parent.appendChild(dd);
-}
-
-function addDetailBadgeRow(parent, label, value, badgeClass) {
-    var dt = document.createElement('dt');
-    dt.textContent = label;
-    parent.appendChild(dt);
-    var dd = document.createElement('dd');
-    var badge = document.createElement('span');
-    badge.className = 'badge ' + badgeClass;
-    badge.textContent = value;
-    dd.appendChild(badge);
-    parent.appendChild(dd);
-}
-
-function addDetailTagsRow(parent, label, tags) {
-    var dt = document.createElement('dt');
-    dt.textContent = label;
-    parent.appendChild(dt);
-    var dd = document.createElement('dd');
-    var tagList = typeof tags === 'string' ? tags.split(',') : (tags || []);
-    if (tagList.length === 0 || (tagList.length === 1 && !tagList[0].trim())) {
-        dd.className = 'text-muted';
-        dd.textContent = 'None';
-    } else {
-        tagList.forEach(function(t) {
-            var tag = t.trim();
-            if (tag) {
-                var badge = document.createElement('span');
-                badge.className = 'badge bg-secondary me-1';
-                badge.textContent = tag;
-                dd.appendChild(badge);
-            }
-        });
-    }
-    parent.appendChild(dd);
-}
-
-function copyMemoryToClipboard() {
-    if (!currentMemoryDetail) return;
-    var text = currentMemoryDetail.content || currentMemoryDetail.summary || '';
-    navigator.clipboard.writeText(text).then(function() {
-        showToast('Copied to clipboard');
-    }).catch(function() {
-        var ta = document.createElement('textarea');
-        ta.value = text;
-        document.body.appendChild(ta);
-        ta.select();
-        document.execCommand('copy');
-        document.body.removeChild(ta);
-        showToast('Copied to clipboard');
-    });
-}
-
-function exportMemoryAsMarkdown() {
-    if (!currentMemoryDetail) return;
-    var mem = currentMemoryDetail;
-    var md = '# Memory #' + (mem.id || 'unknown') + '\n\n';
-    md += '**Category:** ' + (mem.category || 'None') + '  \n';
-    md += '**Project:** ' + (mem.project_name || '-') + '  \n';
-    md += '**Importance:** ' + (mem.importance || 5) + '/10  \n';
-    md += '**Tags:** ' + (mem.tags || 'None') + '  \n';
-    md += '**Created:** ' + (mem.created_at || '-') + '  \n';
-    if (mem.cluster_id) md += '**Cluster:** ' + mem.cluster_id + '  \n';
-    md += '\n---\n\n';
-    md += mem.content || mem.summary || '(no content)';
-    md += '\n\n---\n*Exported from SuperLocalMemory V2*\n';
-
-    downloadFile('memory-' + (mem.id || 'export') + '.md', md, 'text/markdown');
-}

package/ui/js/patterns.js

@@ -1,93 +0,0 @@
-// SuperLocalMemory V2 - Patterns View (Layer 4)
-// Depends on: core.js
-
-async function loadPatterns() {
-    showLoading('patterns-list', 'Loading patterns...');
-    try {
-        var response = await fetch('/api/patterns');
-        var data = await response.json();
-        renderPatterns(data.patterns);
-    } catch (error) {
-        console.error('Error loading patterns:', error);
-        showEmpty('patterns-list', 'puzzle', 'Failed to load patterns');
-    }
-}
-
-function renderPatterns(patterns) {
-    var container = document.getElementById('patterns-list');
-    if (!patterns || Object.keys(patterns).length === 0) {
-        showEmpty('patterns-list', 'puzzle', 'No patterns learned yet. Use SuperLocalMemory for a while to build patterns.');
-        return;
-    }
-
-    var typeIcons = { preference: 'heart', style: 'palette', terminology: 'code-slash' };
-    var typeLabels = { preference: 'Preferences', style: 'Coding Style', terminology: 'Terminology' };
-
-    container.textContent = '';
-
-    for (var type in patterns) {
-        if (!patterns.hasOwnProperty(type)) continue;
-        var items = patterns[type];
-
-        var header = document.createElement('h6');
-        header.className = 'mt-3 mb-2';
-        var icon = document.createElement('i');
-        icon.className = 'bi bi-' + (typeIcons[type] || 'puzzle') + ' me-1';
-        header.appendChild(icon);
-        header.appendChild(document.createTextNode(typeLabels[type] || type));
-        var countBadge = document.createElement('span');
-        countBadge.className = 'badge bg-secondary ms-2';
-        countBadge.textContent = items.length;
-        header.appendChild(countBadge);
-        container.appendChild(header);
-
-        var group = document.createElement('div');
-        group.className = 'list-group mb-3';
-
-        items.forEach(function(pattern) {
-            var pct = Math.round(pattern.confidence * 100);
-            var barColor = pct >= 60 ? '#43e97b' : pct >= 40 ? '#f9c74f' : '#6c757d';
-            var badgeClass = pct >= 60 ? 'bg-success' : pct >= 40 ? 'bg-warning text-dark' : 'bg-secondary';
-
-            var item = document.createElement('div');
-            item.className = 'list-group-item';
-
-            var topRow = document.createElement('div');
-            topRow.className = 'd-flex justify-content-between align-items-center';
-            var keyEl = document.createElement('strong');
-            keyEl.textContent = pattern.key;
-            var badge = document.createElement('span');
-            badge.className = 'badge ' + badgeClass;
-            badge.textContent = pct + '%';
-            topRow.appendChild(keyEl);
-            topRow.appendChild(badge);
-            item.appendChild(topRow);
-
-            var barContainer = document.createElement('div');
-            barContainer.className = 'confidence-bar';
-            var barFill = document.createElement('div');
-            barFill.className = 'confidence-fill';
-            barFill.style.width = pct + '%';
-            barFill.style.background = barColor;
-            barContainer.appendChild(barFill);
-            item.appendChild(barContainer);
-
-            var valueEl = document.createElement('div');
-            valueEl.className = 'mt-1';
-            var valueSmall = document.createElement('small');
-            valueSmall.className = 'text-muted';
-            valueSmall.textContent = typeof pattern.value === 'string' ? pattern.value : JSON.stringify(pattern.value);
-            valueEl.appendChild(valueSmall);
-            item.appendChild(valueEl);
-
-            var evidenceEl = document.createElement('small');
-            evidenceEl.className = 'text-muted';
-            evidenceEl.textContent = 'Evidence: ' + (pattern.evidence_count || '?') + ' memories';
-            item.appendChild(evidenceEl);
-
-            group.appendChild(item);
-        });
-
-        container.appendChild(group);
-    }
-}

package/ui/js/profiles.js

@@ -1,236 +0,0 @@
-// SuperLocalMemory V2 - Profile Management
-// Depends on: core.js
-
-async function loadProfiles() {
-    try {
-        var response = await fetch('/api/profiles');
-        var data = await response.json();
-        var select = document.getElementById('profile-select');
-        select.textContent = '';
-        var profiles = data.profiles || [];
-        var active = data.active_profile || 'default';
-
-        if (profiles.length === 0) {
-            // Fresh install fallback — show default profile
-            var opt = document.createElement('option');
-            opt.value = 'default';
-            opt.textContent = 'default (0)';
-            opt.selected = true;
-            select.appendChild(opt);
-        } else {
-            profiles.forEach(function(p) {
-                var opt = document.createElement('option');
-                opt.value = p.name;
-                opt.textContent = p.name + ' (' + (p.memory_count || 0) + ')';
-                if (p.name === active) opt.selected = true;
-                select.appendChild(opt);
-            });
-        }
-    } catch (error) {
-        console.error('Error loading profiles:', error);
-        // On error, ensure dropdown shows at least 'default'
-        var select = document.getElementById('profile-select');
-        if (select && select.options.length === 0) {
-            select.textContent = '';
-            var opt = document.createElement('option');
-            opt.value = 'default';
-            opt.textContent = 'default';
-            opt.selected = true;
-            select.appendChild(opt);
-        }
-    }
-}
-
-async function createProfile(nameOverride) {
-    var name = nameOverride || document.getElementById('new-profile-name').value.trim();
-    if (!name) {
-        name = prompt('Enter new profile name:');
-        if (!name || !name.trim()) return;
-        name = name.trim();
-    }
-
-    if (!/^[a-zA-Z0-9_-]+$/.test(name)) {
-        showToast('Invalid name. Use letters, numbers, dashes, underscores.');
-        return;
-    }
-
-    try {
-        var response = await fetch('/api/profiles/create', {
-            method: 'POST',
-            headers: { 'Content-Type': 'application/json' },
-            body: JSON.stringify({ profile_name: name })
-        });
-        var data = await response.json();
-        if (response.status === 409) {
-            showToast('Profile "' + name + '" already exists');
-            return;
-        }
-        if (!response.ok) {
-            showToast(data.detail || 'Failed to create profile');
-            return;
-        }
-        showToast('Profile "' + name + '" created');
-        var input = document.getElementById('new-profile-name');
-        if (input) input.value = '';
-        // Force reload with small delay to ensure backend has persisted
-        setTimeout(function() {
-            loadProfiles();
-            if (typeof loadProfilesTable === 'function') loadProfilesTable();
-        }, 300);
-    } catch (error) {
-        console.error('Error creating profile:', error);
-        showToast('Error creating profile');
-    }
-}
-
-async function deleteProfile(name) {
-    if (name === 'default') {
-        showToast('Cannot delete the default profile');
-        return;
-    }
-    if (!confirm('Delete profile "' + name + '"?\nIts memories will be moved to the default profile.')) {
-        return;
-    }
-    try {
-        var response = await fetch('/api/profiles/' + encodeURIComponent(name), {
-            method: 'DELETE'
-        });
-        var data = await response.json();
-        if (!response.ok) {
-            showToast(data.detail || 'Failed to delete profile');
-            return;
-        }
-        showToast(data.message || 'Profile deleted');
-        loadProfiles();
-        loadProfilesTable();
-        loadStats();
-    } catch (error) {
-        console.error('Error deleting profile:', error);
-        showToast('Error deleting profile');
-    }
-}
-
-async function loadProfilesTable() {
-    var container = document.getElementById('profiles-table');
-    if (!container) return;
-    try {
-        var response = await fetch('/api/profiles');
-        var data = await response.json();
-        var profiles = data.profiles || [];
-        var active = data.active_profile || 'default';
-
-        if (profiles.length === 0) {
-            showEmpty('profiles-table', 'people', 'No profiles found.');
-            return;
-        }
-
-        var table = document.createElement('table');
-        table.className = 'table table-sm mb-0';
-        var thead = document.createElement('thead');
-        var headRow = document.createElement('tr');
-        ['Name', 'Memories', 'Status', 'Actions'].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');
-        profiles.forEach(function(p) {
-            var row = document.createElement('tr');
-
-            var nameCell = document.createElement('td');
-            var nameIcon = document.createElement('i');
-            nameIcon.className = 'bi bi-person me-1';
-            nameCell.appendChild(nameIcon);
-            nameCell.appendChild(document.createTextNode(p.name));
-            row.appendChild(nameCell);
-
-            var countCell = document.createElement('td');
-            countCell.textContent = (p.memory_count || 0) + ' memories';
-            row.appendChild(countCell);
-
-            var statusCell = document.createElement('td');
-            if (p.name === active) {
-                var badge = document.createElement('span');
-                badge.className = 'badge bg-success';
-                badge.textContent = 'Active';
-                statusCell.appendChild(badge);
-            } else {
-                var switchBtn = document.createElement('button');
-                switchBtn.className = 'btn btn-sm btn-outline-primary';
-                switchBtn.textContent = 'Switch';
-                switchBtn.addEventListener('click', (function(n) {
-                    return function() { switchProfile(n); };
-                })(p.name));
-                statusCell.appendChild(switchBtn);
-            }
-            row.appendChild(statusCell);
-
-            var actionsCell = document.createElement('td');
-            if (p.name !== 'default') {
-                var delBtn = document.createElement('button');
-                delBtn.className = 'btn btn-sm btn-outline-danger btn-delete-profile';
-                delBtn.title = 'Delete profile';
-                var delIcon = document.createElement('i');
-                delIcon.className = 'bi bi-trash';
-                delBtn.appendChild(delIcon);
-                delBtn.addEventListener('click', (function(n) {
-                    return function() { deleteProfile(n); };
-                })(p.name));
-                actionsCell.appendChild(delBtn);
-            } else {
-                var protectedBadge = document.createElement('span');
-                protectedBadge.className = 'badge bg-secondary';
-                protectedBadge.textContent = 'Protected';
-                actionsCell.appendChild(protectedBadge);
-            }
-            row.appendChild(actionsCell);
-
-            tbody.appendChild(row);
-        });
-        table.appendChild(tbody);
-
-        container.textContent = '';
-        container.appendChild(table);
-    } catch (error) {
-        console.error('Error loading profiles table:', error);
-        showEmpty('profiles-table', 'exclamation-triangle', 'Failed to load profiles');
-    }
-}
-
-async function switchProfile(profileName) {
-    try {
-        var response = await fetch('/api/profiles/' + encodeURIComponent(profileName) + '/switch', {
-            method: 'POST'
-        });
-        var data = await response.json();
-        if (data.success || data.active_profile) {
-            showToast('Switched to profile: ' + profileName);
-            loadProfiles();
-            loadStats();
-            loadGraph();
-            loadProfilesTable();
-            // v2.7.4: Reload ALL tabs for new profile
-            if (typeof loadLearning === 'function') loadLearning();
-            if (typeof refreshFeedbackStats === 'function') refreshFeedbackStats();
-            if (typeof loadLearningDataStats === 'function') loadLearningDataStats();
-            if (typeof loadAgents === 'function') loadAgents();
-            if (typeof loadMemories === 'function') loadMemories();
-            if (typeof loadTimeline === 'function') loadTimeline();
-            if (typeof loadEvents === 'function') loadEvents();
-            // v2.8 tabs
-            if (typeof loadLifecycle === 'function') loadLifecycle();
-            if (typeof loadBehavioral === 'function') loadBehavioral();
-            if (typeof loadCompliance === 'function') loadCompliance();
-            var activeTab = document.querySelector('#mainTabs .nav-link.active');
-            if (activeTab) activeTab.click();
-        } else {
-            showToast('Failed to switch profile');
-        }
-    } catch (error) {
-        console.error('Error switching profile:', error);
-        showToast('Error switching profile');
-    }
-}