superlocalmemory 3.0.17 → 3.0.18

package/ui/js/auto-settings.js

@@ -66,5 +66,334 @@ document.querySelectorAll('#auto-recall-toggle, #auto-recall-session').forEach(f
     }
 });
 
+// ============================================================================
+// Mode / Provider / Model Configuration (Professional Settings)
+// ============================================================================
+
+var PROVIDER_CONFIG = {
+    'ollama': {
+        name: 'Ollama',
+        needsKey: false,
+        endpoint: 'http://localhost:11434',
+        endpointEditable: true,
+        detectModels: true, // auto-detect via /api/v3/ollama/status
+    },
+    'openrouter': {
+        name: 'OpenRouter',
+        needsKey: true,
+        endpoint: 'https://openrouter.ai/api/v1',
+        endpointEditable: false,
+    },
+    'openai': {
+        name: 'OpenAI',
+        needsKey: true,
+        endpoint: 'https://api.openai.com/v1',
+        endpointEditable: true, // editable for Azure OpenAI
+    },
+    'anthropic': {
+        name: 'Anthropic',
+        needsKey: true,
+        endpoint: 'https://api.anthropic.com',
+        endpointEditable: false,
+    },
+};
+
+var MODEL_OPTIONS = {
+    'none': [],
+    'ollama': [
+        {value: 'llama3.1:8b', label: 'Llama 3.1 8B'},
+        {value: 'llama3.2:latest', label: 'Llama 3.2'},
+        {value: 'qwen3-vl:8b', label: 'Qwen3 VL 8B'},
+        {value: 'mistral:latest', label: 'Mistral'},
+    ],
+    'openrouter': [
+        {value: 'meta-llama/llama-3.1-8b-instruct:free', label: 'Llama 3.1 8B (Free)'},
+        {value: 'google/gemini-2.0-flash-001', label: 'Gemini 2.0 Flash'},
+        {value: 'anthropic/claude-3.5-haiku', label: 'Claude 3.5 Haiku'},
+        {value: 'openai/gpt-4o-mini', label: 'GPT-4o Mini'},
+        {value: 'deepseek/deepseek-chat-v3-0324:free', label: 'DeepSeek V3 (Free)'},
+    ],
+    'openai': [
+        {value: 'gpt-4o-mini', label: 'GPT-4o Mini'},
+        {value: 'gpt-4o', label: 'GPT-4o'},
+        {value: 'gpt-4-turbo', label: 'GPT-4 Turbo'},
+    ],
+    'anthropic': [
+        {value: 'claude-3-5-haiku-latest', label: 'Claude 3.5 Haiku'},
+        {value: 'claude-3-5-sonnet-latest', label: 'Claude 3.5 Sonnet'},
+        {value: 'claude-sonnet-4-6', label: 'Claude Sonnet 4.6'},
+    ],
+};
+
+async function loadModeSettings() {
+    try {
+        var resp = await fetch('/api/v3/mode');
+        if (!resp.ok) return;
+        var data = await resp.json();
+        var mode = data.mode || 'a';
+        var provider = data.provider || 'none';
+        var model = data.model || '';
+
+        // Set radio button
+        var radio = document.getElementById('mode-' + mode + '-radio');
+        if (radio) radio.checked = true;
+
+        // Set provider dropdown
+        var provEl = document.getElementById('settings-provider');
+        if (provEl && provider !== 'none') provEl.value = provider;
+
+        // Update banner
+        var modeNames = {a: 'Mode A — Local Guardian', b: 'Mode B — Smart Local', c: 'Mode C — Full Power'};
+        var bannerMode = document.getElementById('settings-current-mode');
+        if (bannerMode) {
+            var label = modeNames[mode] || mode;
+            if (provider && provider !== 'none') label += ' | ' + provider;
+            if (model) label += ' | ' + model;
+            bannerMode.textContent = label;
+        }
+
+        var bannerDetail = document.getElementById('settings-current-detail');
+        if (bannerDetail) {
+            if (mode === 'a') bannerDetail.textContent = 'Zero cloud — EU AI Act compliant';
+            else if (data.has_key) bannerDetail.textContent = 'API key configured';
+            else if (provider === 'ollama') bannerDetail.textContent = 'No API key needed';
+            else bannerDetail.textContent = 'API key not set';
+        }
+
+        var banner = document.getElementById('settings-current-banner');
+        if (banner) {
+            banner.className = mode === 'a' ? 'alert alert-success mb-3' :
+                               mode === 'b' ? 'alert alert-info mb-3' :
+                               'alert alert-warning mb-3';
+        }
+
+        // Show provider panel and populate model dropdown
+        updateModeUI();
+
+        // After provider UI updates, set the saved model value
+        if (model) {
+            setTimeout(function() {
+                var modelEl = document.getElementById('settings-model');
+                if (modelEl) {
+                    // Check if option exists, if not add it
+                    var found = false;
+                    for (var i = 0; i < modelEl.options.length; i++) {
+                        if (modelEl.options[i].value === model) { found = true; break; }
+                    }
+                    if (!found) {
+                        var opt = document.createElement('option');
+                        opt.value = model;
+                        opt.textContent = model + ' (current)';
+                        modelEl.insertBefore(opt, modelEl.firstChild);
+                    }
+                    modelEl.value = model;
+                }
+            }, 500);
+        }
+    } catch (e) {
+        console.log('Load mode settings error:', e);
+    }
+}
+
+function updateModeUI() {
+    var mode = document.querySelector('input[name="settings-mode-radio"]:checked')?.value || 'a';
+    var panel = document.getElementById('settings-provider-panel');
+    if (panel) {
+        panel.style.display = (mode === 'a') ? 'none' : 'block';
+    }
+    // Only set provider if it's currently empty (first load or Mode A→B/C)
+    var providerEl = document.getElementById('settings-provider');
+    if (providerEl && !providerEl.value) {
+        if (mode === 'b') providerEl.value = 'ollama';
+    }
+    if (mode !== 'a') updateProviderUI();
+}
+
+function updateProviderUI() {
+    var provider = document.getElementById('settings-provider')?.value || 'none';
+    var modelSelect = document.getElementById('settings-model');
+    var modelHint = document.getElementById('settings-model-hint');
+
+    // Preserve current model before rebuilding dropdown
+    var currentModel = modelSelect ? modelSelect.value : '';
+
+    var cfg = PROVIDER_CONFIG[provider] || {};
+
+    // Show/hide API key column
+    var keyCol = document.getElementById('settings-key-col');
+    if (keyCol) keyCol.style.display = cfg.needsKey ? 'block' : 'none';
+
+    // Show/hide endpoint row
+    var endpointRow = document.getElementById('settings-endpoint-row');
+    var endpointInput = document.getElementById('settings-endpoint');
+    if (endpointRow) {
+        endpointRow.style.display = cfg.endpointEditable ? 'block' : 'none';
+        if (endpointInput && cfg.endpoint) endpointInput.value = cfg.endpoint;
+    }
+
+    // For Ollama: check live status and populate real models
+    if (provider === 'ollama') {
+        if (modelHint) modelHint.textContent = 'Checking Ollama...';
+        fetch('/api/v3/ollama/status').then(function(r) { return r.json(); }).then(function(data) {
+            if (modelSelect) {
+                modelSelect.textContent = '';
+                if (data.running && data.models.length > 0) {
+                    data.models.forEach(function(m) {
+                        var opt = document.createElement('option');
+                        opt.value = m.name;
+                        opt.textContent = m.name;
+                        modelSelect.appendChild(opt);
+                    });
+                    if (modelHint) modelHint.textContent = 'Ollama running (' + data.count + ' models)';
+                    if (modelHint) modelHint.className = 'text-success small';
+                } else {
+                    var opt = document.createElement('option');
+                    opt.value = '';
+                    opt.textContent = 'Ollama not running!';
+                    modelSelect.appendChild(opt);
+                    if (modelHint) modelHint.textContent = 'Ollama not detected. Run: ollama serve';
+                    if (modelHint) modelHint.className = 'text-danger small';
+                }
+            }
+        }).catch(function() {
+            if (modelHint) { modelHint.textContent = 'Ollama not reachable'; modelHint.className = 'text-danger small'; }
+        });
+        return;
+    }
+
+    // For other providers: use static model list
+    if (modelSelect) {
+        modelSelect.textContent = '';
+        var options = MODEL_OPTIONS[provider] || [];
+        if (options.length === 0) {
+            var opt = document.createElement('option');
+            opt.value = '';
+            opt.textContent = 'N/A (Mode A)';
+            modelSelect.appendChild(opt);
+        } else {
+            options.forEach(function(o) {
+                var opt = document.createElement('option');
+                opt.value = o.value;
+                opt.textContent = o.label;
+                modelSelect.appendChild(opt);
+            });
+        }
+        // Restore previous model selection if it exists in the new list
+        if (currentModel) {
+            var found = false;
+            for (var i = 0; i < modelSelect.options.length; i++) {
+                if (modelSelect.options[i].value === currentModel) { found = true; break; }
+            }
+            if (found) {
+                modelSelect.value = currentModel;
+            } else if (currentModel) {
+                // Model not in list — add it as custom option so user doesn't lose their choice
+                var custom = document.createElement('option');
+                custom.value = currentModel;
+                custom.textContent = currentModel + ' (saved)';
+                modelSelect.insertBefore(custom, modelSelect.firstChild);
+                modelSelect.value = currentModel;
+            }
+        }
+    }
+
+    // Update hint
+    if (modelHint) {
+        var hints = {
+            'none': 'No LLM needed in Mode A',
+            'openrouter': '200+ models via OpenRouter API',
+            'openai': 'OpenAI models (requires API key)',
+            'anthropic': 'Anthropic models (requires API key)',
+        };
+        modelHint.textContent = hints[provider] || '';
+        modelHint.className = 'text-muted small';
+    }
+}
+
+async function testConnection() {
+    var provider = document.getElementById('settings-provider')?.value || '';
+    var model = document.getElementById('settings-model')?.value || '';
+    var apiKey = document.getElementById('settings-api-key')?.value || '';
+    var resultEl = document.getElementById('settings-test-result');
+
+    if (!provider) {
+        if (resultEl) { resultEl.textContent = 'Select a provider first'; resultEl.className = 'ms-2 small text-danger'; }
+        return;
+    }
+
+    if (resultEl) { resultEl.textContent = 'Testing...'; resultEl.className = 'ms-2 small text-muted'; }
+
+    try {
+        var resp = await fetch('/api/v3/provider/test', {
+            method: 'POST',
+            headers: {'Content-Type': 'application/json'},
+            body: JSON.stringify({provider: provider, model: model, api_key: apiKey})
+        });
+        var data = await resp.json();
+        if (data.success) {
+            if (resultEl) { resultEl.textContent = 'Connected! ' + (data.message || ''); resultEl.className = 'ms-2 small text-success fw-bold'; }
+        } else {
+            if (resultEl) { resultEl.textContent = 'Failed: ' + (data.error || 'Unknown'); resultEl.className = 'ms-2 small text-danger'; }
+        }
+    } catch (e) {
+        if (resultEl) { resultEl.textContent = 'Error: ' + e.message; resultEl.className = 'ms-2 small text-danger'; }
+    }
+}
+
+async function saveAllSettings() {
+    var mode = document.querySelector('input[name="settings-mode-radio"]:checked')?.value || 'a';
+    var provider = document.getElementById('settings-provider')?.value || 'none';
+    if (mode === 'a') provider = 'none';
+    var model = document.getElementById('settings-model')?.value || '';
+    var apiKey = document.getElementById('settings-api-key')?.value || '';
+
+    var statusEl = document.getElementById('settings-save-status');
+    var saveBtn = document.getElementById('settings-save-all');
+    if (saveBtn) saveBtn.disabled = true;
+    if (statusEl) { statusEl.textContent = 'Saving...'; statusEl.style.display = 'inline'; statusEl.className = 'ms-2 text-muted'; }
+
+    try {
+        // Save mode
+        var modeResp = await fetch('/api/v3/mode/set', {
+            method: 'POST',
+            headers: {'Content-Type': 'application/json'},
+            body: JSON.stringify({mode: mode, provider: provider, model: model, api_key: apiKey})
+        });
+
+        if (modeResp.ok) {
+            if (statusEl) {
+                statusEl.textContent = 'Configuration saved! Mode: ' + mode.toUpperCase() +
+                    (provider !== 'none' ? ' | Provider: ' + provider : '');
+                statusEl.className = 'ms-2 text-success fw-bold';
+            }
+            loadModeSettings();
+        } else {
+            if (statusEl) { statusEl.textContent = 'Save failed'; statusEl.className = 'ms-2 text-danger'; }
+        }
+    } catch (e) {
+        if (statusEl) { statusEl.textContent = 'Error: ' + e.message; statusEl.className = 'ms-2 text-danger'; }
+    }
+    if (saveBtn) saveBtn.disabled = false;
+
+    // Auto-hide status after 5 seconds
+    setTimeout(function() {
+        if (statusEl) statusEl.style.display = 'none';
+    }, 5000);
+}
+
+// Bind events
+document.getElementById('settings-provider')?.addEventListener('change', updateProviderUI);
+document.getElementById('settings-save-all')?.addEventListener('click', saveAllSettings);
+document.getElementById('settings-test-btn')?.addEventListener('click', testConnection);
+
+// Mode radio buttons
+document.querySelectorAll('input[name="settings-mode-radio"]').forEach(function(radio) {
+    radio.addEventListener('change', updateModeUI);
+});
+
 // Load settings when the settings tab is shown
-document.getElementById('settings-tab')?.addEventListener('shown.bs.tab', loadAutoSettings);
+document.getElementById('settings-tab')?.addEventListener('shown.bs.tab', function() {
+    loadAutoSettings();
+    loadModeSettings();
+    updateModeUI();
+});

package/ui/js/clusters.js

@@ -108,6 +108,17 @@ async function loadClusterMembers(clusterId, container) {
         var data = await response.json();
         container.textContent = '';
 
+        // Show cluster summary if available
+        if (data.summary) {
+            var summaryDiv = document.createElement('div');
+            summaryDiv.className = 'alert alert-light border-start border-3 border-primary py-2 px-3 mb-2 small';
+            var summaryLabel = document.createElement('strong');
+            summaryLabel.textContent = 'Summary: ';
+            summaryDiv.appendChild(summaryLabel);
+            summaryDiv.appendChild(document.createTextNode(data.summary));
+            container.appendChild(summaryDiv);
+        }
+
         if (!data.members || data.members.length === 0) {
             var empty = document.createElement('div');
             empty.className = 'text-muted small';

package/ui/js/graph-interactions.js

@@ -32,7 +32,7 @@ function addCytoscapeInteractions() {
         cy.elements().removeClass('highlighted').removeClass('dimmed');
     });
 
-    // Single click: Open modal preview
+    // Single click: Open modal preview (source='graph' for context-aware buttons)
     cy.on('tap', 'node', function(evt) {
         const node = evt.target;
         openMemoryModal(node);
@@ -136,11 +136,8 @@ function openMemoryModal(node) {
         created_at: node.data('created_at')
     };
 
-    // Call existing openMemoryDetail function from modal.js
     if (typeof openMemoryDetail === 'function') {
-        openMemoryDetail(memoryData);
-    } else {
-        console.error('openMemoryDetail function not found. Is modal.js loaded?');
+        openMemoryDetail(memoryData, 'graph'); // source='graph': show Expand Neighbors, hide View Original
     }
 }
 

package/ui/js/memories.js

@@ -55,11 +55,14 @@ function renderMemoriesTable(memories, showScores) {
                 + '</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) + '</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>'
@@ -87,8 +90,18 @@ function renderMemoriesTable(memories, showScores) {
         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) {
+            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]);
@@ -169,6 +182,56 @@ function scrollToMemory(memoryId) {
     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);
 

package/ui/js/modal.js

@@ -6,8 +6,11 @@
 
 var currentMemoryDetail = null;
 
-function openMemoryDetail(mem) {
+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';
@@ -62,55 +65,89 @@ function openMemoryDetail(mem) {
 
     body.appendChild(dl);
 
-    // Graph action buttons (v2.6.5)
-    if (mem.cluster_id || mem.id) {
+    // 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;';
 
-        // Button 1: View Full Memory (navigate to Memories tab)
-        var viewBtn = document.createElement('button');
-        viewBtn.className = 'btn btn-primary btn-sm';
-        var viewIcon = document.createElement('i');
-        viewIcon.className = 'bi bi-journal-text';
-        viewBtn.appendChild(viewIcon);
-        viewBtn.appendChild(document.createTextNode(' View Full Memory'));
-        viewBtn.onclick = function() {
-            modal.hide();
-            if (typeof navigateToMemoryTab === 'function') {
-                navigateToMemoryTab(mem.id);
-            } else {
-                // Fallback: just switch tab
-                const memoriesTab = document.querySelector('a[href="#memories"]');
-                if (memoriesTab) memoriesTab.click();
-            }
-        };
-        actionsDiv.appendChild(viewBtn);
+        // "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);
+        }
 
-        // Button 2: Expand Neighbors (show connected nodes in graph)
-        var expandBtn = document.createElement('button');
-        expandBtn.className = 'btn btn-outline-secondary btn-sm';
-        var expandIcon = document.createElement('i');
-        expandIcon.className = 'bi bi-diagram-3';
-        expandBtn.appendChild(expandIcon);
-        expandBtn.appendChild(document.createTextNode(' Expand Neighbors'));
-        expandBtn.onclick = function() {
-            modal.hide();
-            // Switch to Graph tab
-            const graphTab = document.querySelector('a[href="#graph"]');
-            if (graphTab) graphTab.click();
-            // Expand neighbors after a delay
-            setTimeout(function() {
-                if (typeof expandNeighbors === 'function') {
-                    expandNeighbors(mem.id);
-                }
-            }, 500);
-        };
-        actionsDiv.appendChild(expandBtn);
+        // "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);
+        }
 
-        // Button 3: Filter to Cluster (show only this cluster in graph)
+        // "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';