superlocalmemory 3.4.1 → 3.4.4

package/src/superlocalmemory/ui/index.html

@@ -9,6 +9,10 @@
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
     <!-- Bootstrap Icons -->
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css">
+    <!-- Inter Variable (Linear's signature typeface with cv01/ss03) — via jsdelivr (CSP-allowed) -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/inter-ui@4.1.0/inter-variable.min.css">
+    <!-- Neural Glass Design System v1.0 -->
+    <link rel="stylesheet" href="static/css/neural-glass.css?v=344b">
 
     <style>
         :root {
@@ -1643,6 +1647,115 @@
                 </div>
             </div>
 
+            <!-- Health Monitor (v3.4.3 — Neural Glass) -->
+            <div class="tab-pane fade" id="health-pane">
+                <div class="ng-content-header">
+                    <div>
+                        <div class="ng-content-title"><i class="bi bi-heart-pulse"></i> Health Monitor</div>
+                        <div class="ng-content-subtitle">Process health, RSS budget, worker heartbeat — real-time</div>
+                    </div>
+                    <button class="ng-btn" onclick="loadHealthMonitor()"><i class="bi bi-arrow-clockwise"></i> Refresh</button>
+                </div>
+                <div id="health-overview"></div>
+                <div class="row g-4">
+                    <div class="col-lg-8">
+                        <div class="ng-glass" style="padding:20px">
+                            <h6 style="margin-bottom:16px"><i class="bi bi-cpu"></i> Worker Processes</h6>
+                            <div id="health-processes">
+                                <div class="text-center" style="padding:24px;color:var(--ng-text-tertiary)">
+                                    <div class="spinner-border" style="color:var(--ng-accent)"></div>
+                                    <div style="margin-top:8px">Loading processes...</div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-lg-4">
+                        <div class="ng-glass" style="padding:20px">
+                            <h6 style="margin-bottom:16px"><i class="bi bi-sliders"></i> Budget Rules</h6>
+                            <div id="health-budget-rules">
+                                <div style="color:var(--ng-text-tertiary);font-size:0.8125rem">Loading...</div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Ingestion Status (v3.4.3 — Neural Glass) -->
+            <div class="tab-pane fade" id="ingestion-pane">
+                <div class="ng-content-header">
+                    <div>
+                        <div class="ng-content-title"><i class="bi bi-cloud-download"></i> Ingestion Status</div>
+                        <div class="ng-content-subtitle">Gmail, Calendar, Transcript adapters — all opt-in</div>
+                    </div>
+                    <button class="ng-btn" onclick="loadIngestionStatus()"><i class="bi bi-arrow-clockwise"></i> Refresh</button>
+                </div>
+                <div id="ingestion-overview"></div>
+                <div id="ingestion-adapters" style="margin-bottom:24px"></div>
+                <div class="ng-glass" style="padding:20px">
+                    <h6 style="margin-bottom:16px"><i class="bi bi-journal-text"></i> Recent Ingestion Log</h6>
+                    <div id="ingestion-log">
+                        <div style="padding:16px;color:var(--ng-text-tertiary);text-align:center;font-size:0.8125rem">Loading...</div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Entity Explorer (v3.4.3 — Neural Glass) -->
+            <div class="tab-pane fade" id="entities-pane">
+                <div class="ng-content-header">
+                    <div>
+                        <div class="ng-content-title"><i class="bi bi-person-badge"></i> Entity Explorer</div>
+                        <div class="ng-content-subtitle">Compiled truth per entity — PageRank + Louvain communities</div>
+                    </div>
+                    <button class="ng-btn" onclick="loadEntityExplorer()"><i class="bi bi-arrow-clockwise"></i> Refresh</button>
+                </div>
+                <div id="entities-list">
+                    <div class="text-center" style="padding:24px;color:var(--ng-text-tertiary)">
+                        <div class="spinner-border" style="color:var(--ng-accent)"></div>
+                        <div style="margin-top:8px">Loading entities...</div>
+                    </div>
+                </div>
+                <div id="entity-detail-panel" style="display:none;margin-top:24px"></div>
+            </div>
+
+            <!-- Mesh Peers (v3.4.3 — Neural Glass) -->
+            <div class="tab-pane fade" id="mesh-pane">
+                <div class="ng-content-header">
+                    <div>
+                        <div class="ng-content-title"><i class="bi bi-share"></i> Mesh Peers</div>
+                        <div class="ng-content-subtitle">P2P agent communication network — real-time status</div>
+                    </div>
+                    <button class="ng-btn" onclick="loadMeshPeers()"><i class="bi bi-arrow-clockwise"></i> Refresh</button>
+                </div>
+                <div id="mesh-status-cards"></div>
+                <div style="margin-top:24px">
+                    <h6 style="margin-bottom:16px"><i class="bi bi-people"></i> Connected Peers</h6>
+                    <div id="mesh-peers-list">
+                        <div class="text-center" style="padding:24px;color:var(--ng-text-tertiary)">
+                            <div class="spinner-border" style="color:var(--ng-accent)"></div>
+                            <div style="margin-top:8px">Connecting to mesh broker...</div>
+                        </div>
+                    </div>
+                </div>
+                <div class="row g-4" style="margin-top:16px">
+                    <div class="col-lg-6">
+                        <div class="ng-glass" style="padding:20px">
+                            <h6 style="margin-bottom:12px"><i class="bi bi-broadcast"></i> Recent Events</h6>
+                            <div id="mesh-events-list">
+                                <div style="padding:16px;color:var(--ng-text-tertiary);text-align:center;font-size:0.8125rem">Loading...</div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-lg-6">
+                        <div class="ng-glass" style="padding:20px">
+                            <h6 style="margin-bottom:12px"><i class="bi bi-database"></i> Shared State</h6>
+                            <div id="mesh-state-list">
+                                <div style="padding:16px;color:var(--ng-text-tertiary);text-align:center;font-size:0.8125rem">Loading...</div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
             <!-- Math Health (V3) -->
             <div class="tab-pane fade" id="math-health-pane">
                 <h5><i class="bi bi-calculator"></i> Mathematical Layer Health</h5>
@@ -1951,7 +2064,7 @@
     <!-- Filter functions (filterByCluster, filterByEntity — used by clusters.js, modal.js) -->
     <script src="static/js/graph-filters.js"></script>
     <!-- v3.4.1: Ask My Memory chat interface -->
-    <script src="static/js/memory-chat.js"></script>
+    <script src="static/js/memory-chat.js?v=344b"></script>
     <!-- v3.4.1: Quick Insight Actions (5 one-click intelligence buttons) -->
     <script src="static/js/quick-actions.js"></script>
     <!-- v3.4.1: Memory Timeline (D3 time axis, zoom, trust colors) -->
@@ -1981,9 +2094,26 @@
     <script src="static/js/ide-status.js"></script>
     <script src="static/js/fact-detail.js"></script>
 
-    <footer>
-        <p>SuperLocalMemory V3 by <a href="https://github.com/varun369">Varun Pratap Bhardwaj</a> · <a href="https://qualixar.com">Qualixar</a></p>
-        <p><a href="https://github.com/qualixar/superlocalmemory">GitHub</a> · AGPL-3.0-or-later · <a href="https://github.com/qualixar/superlocalmemory/stargazers">⭐ Star us on GitHub</a></p>
+    <!-- Neural Glass v3.4.4 — Dashboard V2 -->
+    <script src="static/js/ng-health.js?v=344b"></script>
+    <script src="static/js/ng-ingestion.js?v=344b"></script>
+    <script src="static/js/ng-entities.js?v=344b"></script>
+    <script src="static/js/ng-mesh.js?v=344b"></script>
+    <script src="static/js/ng-shell.js?v=344b"></script>
+
+    <footer style="text-align:center; padding:24px; border-top:1px solid var(--bs-border-color); font-size:0.8125rem;">
+        <div style="display:flex; align-items:center; justify-content:center; gap:8px; margin-bottom:8px;">
+            <span style="display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:6px; background:linear-gradient(135deg, #667eea 0%, #764ba2 100%); color:#fff; font-size:0.7rem;">&#x2B26;</span>
+            <strong>SuperLocalMemory</strong> by <a href="https://qualixar.com" style="font-weight:600;">Qualixar</a>
+        </div>
+        <p style="margin:4px 0;">Built by <a href="https://github.com/varun369">Varun Pratap Bhardwaj</a> · <a href="https://qualixar.com">qualixar.com</a></p>
+        <p style="margin:4px 0;">
+            <a href="https://github.com/qualixar/superlocalmemory"><i class="bi bi-github"></i> GitHub</a> ·
+            <a href="https://www.npmjs.com/package/superlocalmemory"><i class="bi bi-box-seam"></i> npm</a> ·
+            <a href="https://pypi.org/project/superlocalmemory/"><i class="bi bi-box"></i> PyPI</a> ·
+            AGPL-3.0-or-later ·
+            <a href="https://github.com/qualixar/superlocalmemory/stargazers">⭐ Star us on GitHub</a>
+        </p>
     </footer>
 </body>
 </html>

package/src/superlocalmemory/ui/js/memory-chat.js

@@ -332,7 +332,10 @@ function _loadChatMode() {
 // ============================================================================
 
 document.addEventListener('DOMContentLoaded', function() {
-    // Delay init until graph tab is shown (panel must exist in DOM)
+    // v3.4.4: Robust init — works with both Bootstrap tabs AND Neural Glass sidebar.
+    // Strategy: poll for graph-pane visibility instead of relying on tab events.
+
+    // Method 1: Bootstrap tab event (legacy compat)
     var graphTab = document.getElementById('graph-tab');
     if (graphTab) {
         graphTab.addEventListener('shown.bs.tab', function() {
@@ -341,4 +344,28 @@ document.addEventListener('DOMContentLoaded', function() {
             }
         });
     }
+
+    // Method 2: MutationObserver on graph-pane class changes (Neural Glass sidebar)
+    var graphPane = document.getElementById('graph-pane');
+    if (graphPane) {
+        var observer = new MutationObserver(function(mutations) {
+            mutations.forEach(function(m) {
+                if (m.attributeName === 'class' && graphPane.classList.contains('active')) {
+                    if (!document.getElementById('chat-panel')) {
+                        initMemoryChat();
+                    }
+                }
+            });
+        });
+        observer.observe(graphPane, { attributes: true, attributeFilter: ['class'] });
+
+        // Method 3: If graph-pane is ALREADY active on page load (e.g. hash navigation)
+        if (graphPane.classList.contains('active')) {
+            setTimeout(function() {
+                if (!document.getElementById('chat-panel')) {
+                    initMemoryChat();
+                }
+            }, 500);
+        }
+    }
 });

package/src/superlocalmemory/ui/js/ng-entities.js

@@ -0,0 +1,272 @@
+// Neural Glass — Entity Explorer Tab
+// Browse entities, their knowledge summaries, and trigger recompilation (v3.4.3)
+// API: /api/entity/list, /api/entity/{name}, /api/entity/{name}/recompile
+
+(function() {
+  'use strict';
+
+  var allEntities = [];
+  var currentPage = 0;
+  var PAGE_SIZE = 50;
+
+  window.loadEntityExplorer = function() {
+    fetchEntityList();
+  };
+
+  function fetchEntityList(offset) {
+    offset = offset || 0;
+    fetch('/api/entity/list?limit=' + PAGE_SIZE + '&offset=' + offset)
+      .then(function(r) { return r.json(); })
+      .then(function(data) {
+        allEntities = data.entities || [];
+        renderEntityList(allEntities, data.total || 0, offset);
+      })
+      .catch(function() {
+        renderEntityList([], 0, 0);
+      });
+  }
+
+  function renderEntityList(entities, total, offset) {
+    var el = document.getElementById('entities-list');
+    if (!el) return;
+
+    if (total === 0) {
+      el.innerHTML =
+        '<div class="text-center" style="padding:40px;color:var(--ng-text-tertiary)">' +
+          '<i class="bi bi-person-badge" style="font-size:3rem;display:block;margin-bottom:12px;opacity:0.3"></i>' +
+          '<div style="font-size:1rem;margin-bottom:4px">No entities found</div>' +
+          '<div style="font-size:0.8125rem">Entity extraction runs during memory consolidation (every 6 hours).<br>' +
+          'Store more memories to build your entity graph.</div>' +
+        '</div>';
+      return;
+    }
+
+    // Search filter
+    var html =
+      '<div style="margin-bottom:16px">' +
+        '<input type="text" class="form-control" id="entity-search-input" placeholder="Search ' + total + ' entities..." ' +
+          'oninput="filterEntities(this.value)" style="max-width:500px">' +
+      '</div>';
+
+    // Stats summary
+    html +=
+      '<div class="row g-3 mb-4">' +
+        statCard('Total Entities', total, 'bi-people') +
+        statCard('Showing', entities.length + ' of ' + total, 'bi-eye') +
+        statCard('Top Type', getTopType(entities), 'bi-tag') +
+        statCard('Avg Facts', getAvgFacts(entities), 'bi-collection') +
+      '</div>';
+
+    // Entity grid
+    html += '<div class="row g-3" id="entity-grid">';
+    entities.forEach(function(e) {
+      html += renderEntityCard(e);
+    });
+    html += '</div>';
+
+    // Pagination
+    if (total > PAGE_SIZE) {
+      var pages = Math.ceil(total / PAGE_SIZE);
+      var currentP = Math.floor(offset / PAGE_SIZE);
+      html += '<div style="display:flex;justify-content:center;gap:8px;margin-top:24px">';
+      for (var i = 0; i < Math.min(pages, 10); i++) {
+        var isActive = i === currentP;
+        html += '<button class="ng-btn' + (isActive ? ' ng-btn-accent' : '') + '" ' +
+          'onclick="navigateEntityPage(' + i + ')" style="min-width:36px">' + (i + 1) + '</button>';
+      }
+      if (pages > 10) html += '<span style="padding:8px;color:var(--ng-text-tertiary)">...</span>';
+      html += '</div>';
+    }
+
+    el.innerHTML = html;
+  }
+
+  function renderEntityCard(entity) {
+    var typeColor = getTypeColor(entity.type);
+    var summaryText = entity.summary_preview || 'No summary yet — click to view details';
+    var hasTruth = entity.has_compiled_truth;
+
+    return '<div class="col-md-6 col-lg-4">' +
+      '<div class="ng-glass" style="padding:16px;cursor:pointer;transition:border-color 0.2s" ' +
+        'onclick="showEntityDetail(\'' + escapeAttr(entity.name) + '\')" ' +
+        'onmouseover="this.style.borderColor=\'var(--ng-border-prominent)\'" ' +
+        'onmouseout="this.style.borderColor=\'var(--ng-border-subtle)\'">' +
+        '<div style="display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px">' +
+          '<div style="font-weight:590;font-size:0.9375rem;color:var(--ng-text-primary)">' + escapeHtml(entity.name) + '</div>' +
+          '<span class="ng-badge ng-badge-accent">' + escapeHtml(entity.type) + '</span>' +
+        '</div>' +
+        '<div style="font-size:0.8125rem;color:var(--ng-text-secondary);margin-bottom:8px;' +
+          'display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden">' +
+          escapeHtml(summaryText) +
+        '</div>' +
+        '<div style="display:flex;justify-content:space-between;align-items:center;font-size:0.75rem;color:var(--ng-text-tertiary)">' +
+          '<span>' + entity.fact_count + ' facts</span>' +
+          '<span>' + (entity.last_seen ? timeAgo(entity.last_seen) : '') + '</span>' +
+        '</div>' +
+      '</div>' +
+    '</div>';
+  }
+
+  // Show entity detail panel
+  window.showEntityDetail = function(entityName) {
+    var panel = document.getElementById('entity-detail-panel');
+    if (!panel) return;
+
+    panel.style.display = 'block';
+    panel.innerHTML =
+      '<div class="ng-glass-elevated" style="padding:24px">' +
+        '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:16px">' +
+          '<h5 style="margin:0"><i class="bi bi-person-badge"></i> ' + escapeHtml(entityName) + '</h5>' +
+          '<div style="display:flex;gap:8px">' +
+            '<button class="ng-btn" onclick="recompileEntity(\'' + escapeAttr(entityName) + '\')">' +
+              '<i class="bi bi-arrow-repeat"></i> Recompile</button>' +
+            '<button class="ng-btn" onclick="document.getElementById(\'entity-detail-panel\').style.display=\'none\'">' +
+              '<i class="bi bi-x-lg"></i></button>' +
+          '</div>' +
+        '</div>' +
+        '<div id="entity-detail-content"><div class="text-center" style="padding:16px"><div class="spinner-border"></div></div></div>' +
+      '</div>';
+
+    // Fetch detail
+    fetch('/api/entity/' + encodeURIComponent(entityName))
+      .then(function(r) { return r.json(); })
+      .then(function(data) {
+        var content = document.getElementById('entity-detail-content');
+        if (!content) return;
+
+        var html = '';
+
+        // Entity type and confidence
+        html += '<div style="margin-bottom:16px">' +
+          '<span class="ng-badge ng-badge-accent">' + escapeHtml(data.entity_type || 'unknown') + '</span>' +
+          ' <span class="ng-badge ng-badge-neutral">Confidence: ' + ((data.confidence || 0.5) * 100).toFixed(0) + '%</span>' +
+          (data.last_compiled_at ? ' <span class="ng-badge ng-badge-neutral">Compiled: ' + timeAgo(data.last_compiled_at) + '</span>' : '') +
+        '</div>';
+
+        // Knowledge summary
+        if (data.knowledge_summary) {
+          html += '<div style="margin-bottom:16px">' +
+            '<h6 style="font-size:0.8125rem;text-transform:uppercase;letter-spacing:0.06em;color:var(--ng-text-tertiary);margin-bottom:8px">Knowledge Summary</h6>' +
+            '<div style="font-size:0.875rem;color:var(--ng-text-secondary);line-height:1.6;white-space:pre-wrap;background:var(--ng-bg-glass);padding:12px;border-radius:var(--ng-radius-md)">' +
+              escapeHtml(data.knowledge_summary) +
+            '</div>' +
+          '</div>';
+        }
+
+        // Compiled truth
+        if (data.compiled_truth) {
+          html += '<div style="margin-bottom:16px">' +
+            '<h6 style="font-size:0.8125rem;text-transform:uppercase;letter-spacing:0.06em;color:var(--ng-text-tertiary);margin-bottom:8px">Compiled Truth</h6>' +
+            '<div style="font-size:0.875rem;color:var(--ng-text-primary);line-height:1.6;background:var(--ng-bg-glass);padding:12px;border-radius:var(--ng-radius-md)">' +
+              escapeHtml(data.compiled_truth) +
+            '</div>' +
+          '</div>';
+        }
+
+        // Source facts
+        if (data.source_fact_ids && data.source_fact_ids.length > 0) {
+          html += '<div>' +
+            '<h6 style="font-size:0.8125rem;text-transform:uppercase;letter-spacing:0.06em;color:var(--ng-text-tertiary);margin-bottom:8px">' +
+              'Source Facts (' + data.source_fact_ids.length + ')</h6>' +
+            '<div style="font-size:0.75rem;color:var(--ng-text-quaternary)">' +
+              data.source_fact_ids.slice(0, 10).map(function(id) { return '<code>' + id.substring(0, 12) + '</code>'; }).join(' ') +
+              (data.source_fact_ids.length > 10 ? ' + ' + (data.source_fact_ids.length - 10) + ' more' : '') +
+            '</div>' +
+          '</div>';
+        }
+
+        content.innerHTML = html;
+      })
+      .catch(function(err) {
+        var content = document.getElementById('entity-detail-content');
+        if (content) {
+          content.innerHTML = '<div style="color:var(--ng-text-tertiary);padding:16px">Could not load entity details: ' + err.message + '</div>';
+        }
+      });
+
+    // Scroll to detail panel
+    panel.scrollIntoView({ behavior: 'smooth', block: 'start' });
+  };
+
+  // Recompile entity
+  window.recompileEntity = function(entityName) {
+    fetch('/api/entity/' + encodeURIComponent(entityName) + '/recompile', { method: 'POST' })
+      .then(function(r) { return r.json(); })
+      .then(function(data) {
+        if (data.ok) {
+          alert('Entity "' + entityName + '" recompiled successfully.');
+          window.showEntityDetail(entityName); // Refresh detail view
+        } else {
+          alert('Recompilation failed: ' + (data.reason || 'unknown'));
+        }
+      })
+      .catch(function(err) {
+        alert('Error: ' + err.message);
+      });
+  };
+
+  // Filter entities by search text
+  window.filterEntities = function(query) {
+    if (!query) {
+      fetchEntityList();
+      return;
+    }
+    var q = query.toLowerCase();
+    var filtered = allEntities.filter(function(e) {
+      return e.name.toLowerCase().indexOf(q) >= 0 ||
+             (e.type && e.type.toLowerCase().indexOf(q) >= 0) ||
+             (e.summary_preview && e.summary_preview.toLowerCase().indexOf(q) >= 0);
+    });
+    var grid = document.getElementById('entity-grid');
+    if (!grid) return;
+    grid.innerHTML = filtered.length > 0
+      ? filtered.map(renderEntityCard).join('')
+      : '<div class="col-12" style="text-align:center;padding:24px;color:var(--ng-text-tertiary)">No entities match "' + escapeHtml(query) + '"</div>';
+  };
+
+  // Pagination
+  window.navigateEntityPage = function(page) {
+    currentPage = page;
+    fetchEntityList(page * PAGE_SIZE);
+  };
+
+  // Helpers
+  function statCard(label, value, icon) {
+    return '<div class="col-md-3 col-6"><div class="ng-glass" style="padding:12px;text-align:center">' +
+      '<i class="bi ' + icon + '" style="color:var(--ng-accent);font-size:1.125rem;display:block;margin-bottom:4px"></i>' +
+      '<div style="font-size:1.25rem;font-weight:590">' + value + '</div>' +
+      '<div class="ng-stat-label">' + label + '</div>' +
+    '</div></div>';
+  }
+
+  function getTopType(entities) {
+    var counts = {};
+    entities.forEach(function(e) { counts[e.type] = (counts[e.type] || 0) + 1; });
+    var top = Object.entries(counts).sort(function(a, b) { return b[1] - a[1]; })[0];
+    return top ? top[0] : 'N/A';
+  }
+
+  function getAvgFacts(entities) {
+    if (entities.length === 0) return '0';
+    var sum = entities.reduce(function(s, e) { return s + (e.fact_count || 0); }, 0);
+    return (sum / entities.length).toFixed(1);
+  }
+
+  function getTypeColor(type) {
+    var colors = { person: '#3b82f6', concept: '#10b981', organization: '#f59e0b', location: '#ef4444' };
+    return colors[type] || '#7C6AEF';
+  }
+
+  function escapeHtml(s) { var d = document.createElement('div'); d.textContent = s || ''; return d.innerHTML; }
+  function escapeAttr(s) { return (s || '').replace(/'/g, "\\'").replace(/"/g, '&quot;'); }
+
+  function timeAgo(iso) {
+    if (!iso) return '';
+    var d = (Date.now() - new Date(iso).getTime()) / 1000;
+    if (d < 0) d = 0;
+    if (d < 60) return Math.floor(d) + 's ago';
+    if (d < 3600) return Math.floor(d / 60) + 'm ago';
+    if (d < 86400) return Math.floor(d / 3600) + 'h ago';
+    return Math.floor(d / 86400) + 'd ago';
+  }
+})();