mnemosyne-core 2.1.8 → 2.1.9

package/dist/dashboard/index.html

@@ -1532,10 +1532,16 @@
     background: var(--bg-panel);
     backdrop-filter: var(--glass);
     border-left: 1px solid var(--border-subtle);
-    overflow-y: auto;
+    display: flex;
+    flex-direction: column;
     z-index: 100;
     transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   }
+  #sidebar-content {
+    flex: 1;
+    overflow-y: auto;
+    min-height: 0;
+  }
   #sidebar.collapsed {
     transform: translateX(100%);
   }
@@ -4041,6 +4047,7 @@
 const API = `${window.location.protocol}//${window.location.host}`;
 const WS = `${window.location.protocol === 'https:' ? 'wss:' : 'ws:'}//${window.location.host}/ws`;
 let nodes = [], links = [];
+const MAX_GRAPH_NODES = 300; // cap initial render for performance
 let selected = null;
 let currentMemory = "";
 let focusMode = false;
@@ -4809,7 +4816,8 @@ async function load() {
 }
 
 function updateStats({ memories, blocks, bonds: bondCount, agents }) {
-  document.getElementById("stat-memories").innerHTML = `Memories: <strong>${memories}</strong>`;
+  const capped = nodes.length > MAX_GRAPH_NODES;
+  document.getElementById("stat-memories").innerHTML = `Memories: <strong>${memories}${capped ? '/' + nodes.length : ''}</strong>${capped ? ' <span style="color:var(--accent-light); font-size:11px;">(capped)</span>' : ''}`;
   document.getElementById("stat-blocks").innerHTML = `Blocks: <strong>${blocks}</strong>`;
   document.getElementById("stat-bonds").innerHTML = `Bonds: <strong>${bondCount}</strong>`;
 }
@@ -5599,6 +5607,33 @@ function initGraph() {
   if (width === 0 || height === 0) { console.error("[initGraph] svg has zero size"); return; }
   if (!nodes.length) { console.log("[initGraph] no nodes"); return; }
 
+  // Performance: cap nodes for huge datasets
+  let displayNodes = nodes;
+  let displayLinks = links;
+  let capped = false;
+  if (nodes.length > MAX_GRAPH_NODES) {
+    capped = true;
+    // Keep root, then highest-degree nodes
+    const degree = new Map();
+    links.forEach(l => {
+      const s = l.source?.id || l.source;
+      const t = l.target?.id || l.target;
+      degree.set(s, (degree.get(s) || 0) + 1);
+      degree.set(t, (degree.get(t) || 0) + 1);
+    });
+    const sorted = [...nodes].sort((a, b) => (degree.get(b.id) || 0) - (degree.get(a.id) || 0));
+    const rootIdx = sorted.findIndex(n => n.type === "root");
+    const root = rootIdx >= 0 ? sorted.splice(rootIdx, 1)[0] : null;
+    const kept = new Set((root ? [root.id] : []).concat(sorted.slice(0, MAX_GRAPH_NODES - (root ? 1 : 0)).map(n => n.id)));
+    displayNodes = nodes.filter(n => kept.has(n.id));
+    displayLinks = links.filter(l => {
+      const s = l.source?.id || l.source;
+      const t = l.target?.id || l.target;
+      return kept.has(s) && kept.has(t);
+    });
+    toast("Large dataset", `Showing ${displayNodes.length} of ${nodes.length} memories. Use search or focus mode to explore.`, "info");
+  }
+
   svg.selectAll("*").remove();
   graphG = svg.append("g");
   zoomBehavior = d3.zoom().on("zoom", (e) => {
@@ -5613,7 +5648,7 @@ function initGraph() {
   svg.call(zoomBehavior);
 
   const savedLayout = loadGraphLayout(currentMemory);
-  simNodes = nodes.map(n => {
+  simNodes = displayNodes.map(n => {
     const saved = savedLayout[n.id];
     if (saved) {
       const pinned = saved.pinned ? { fx: saved.x, fy: saved.y } : {};
@@ -5621,7 +5656,7 @@ function initGraph() {
     }
     return { ...n, x: width / 2 + (Math.random() - 0.5) * 40, y: height / 2 + (Math.random() - 0.5) * 40 };
   });
-  simLinks = links.map(l => ({ ...l }));
+  simLinks = displayLinks.map(l => ({ ...l }));
 
   graphG.append("g").attr("class", "tree-links");
   graphG.append("g").attr("class", "bond-links");
@@ -5780,19 +5815,21 @@ function updateGraph({ reheat = 0.3, newNodeIds = new Set() } = {}) {
 
   linkBondSel = bondEnter.merge(linkBondSel);
 
-  // Bond labels
+  // Bond labels — hidden by default for large graphs, shown on hover
+  const showBondLabels = simLinks.filter(l => l.type === "bond").length <= 60;
   bondLabelSel = bondLabelsGroup.selectAll("g").data(simLinks.filter(l => l.type === "bond"), d => {
     const s = typeof d.source === "object" ? d.source.id : d.source;
     const t = typeof d.target === "object" ? d.target.id : d.target;
     return s + "-" + t + "-bond";
   });
   bondLabelSel.exit().transition().duration(300).attr("opacity", 0).remove();
-  const labelEnter = bondLabelSel.enter().append("g").attr("class", "bond-label-group").attr("opacity", 0);
+  const labelEnter = bondLabelSel.enter().append("g").attr("class", "bond-label-group").attr("opacity", showBondLabels ? 0 : 0);
   labelEnter.append("rect").attr("class", "bond-label-bg").attr("width", 60).attr("height", 18).attr("x", -30).attr("y", -9);
   labelEnter.append("text").attr("class", "bond-label-text").attr("dy", "0.35em");
-  labelEnter.transition().duration(400).attr("opacity", 1);
+  labelEnter.transition().duration(400).attr("opacity", showBondLabels ? 1 : 0);
   bondLabelSel = labelEnter.merge(bondLabelSel);
   bondLabelSel.select("text").text(d => d.label).attr("fill", d => getBondColor(d.label));
+  bondLabelSel.style("pointer-events", "none");
 
   // Atoms
   nodeSel = atomsGroup.selectAll("g").data(simNodes, d => d.id);
@@ -6040,16 +6077,36 @@ function bondLinkMouseOver(e, d) {
   tt.style.top = (e.pageY - 10) + "px";
   tt.style.display = "block";
   d3.select(e.currentTarget).select("path").attr("stroke-width", 3.5);
+  // Show bond label on hover when labels are hidden by default
+  if (bondLabelSel) {
+    const s = typeof d.source === "object" ? d.source.id : d.source;
+    const t = typeof d.target === "object" ? d.target.id : d.target;
+    bondLabelSel.filter(l => {
+      const ls = typeof l.source === "object" ? l.source.id : l.source;
+      const lt = typeof l.target === "object" ? l.target.id : l.target;
+      return ls === s && lt === t;
+    }).transition().duration(150).attr("opacity", 1);
+  }
 }
 function linkMouseMove(e) {
   const tt = document.getElementById("link-tooltip");
   if (tt) { tt.style.left = (e.pageX + 10) + "px"; tt.style.top = (e.pageY - 10) + "px"; }
 }
-function bondLinkMouseOut(e) {
+function bondLinkMouseOut(e, d) {
   const tt = document.getElementById("link-tooltip");
   if (tt) tt.style.display = "none";
   d3.select(e.currentTarget).select("path").attr("stroke-width", 2);
-}
+  // Hide bond label again if labels are hidden by default
+  const showBondLabels = simLinks.filter(l => l.type === "bond").length <= 60;
+  if (!showBondLabels && bondLabelSel && d) {
+    const s = typeof d.source === "object" ? d.source.id : d.source;
+    const t = typeof d.target === "object" ? d.target.id : d.target;
+    bondLabelSel.filter(l => {
+      const ls = typeof l.source === "object" ? l.source.id : l.source;
+      const lt = typeof l.target === "object" ? l.target.id : l.target;
+      return ls === s && lt === t;
+    }).transition().duration(150).attr("opacity", 0);
+  }
 function bondLinkClick(e, d) {
   e.stopPropagation();
   showBondToolbar(e, d);

package/dist/index.js

@@ -201,7 +201,7 @@ function getVersion() {
       const pkg = JSON.parse(readFileSync6(resolve9(process.cwd(), "package.json"), "utf-8"));
       return pkg.version;
     } catch {
-      return "2.1.8";
+      return "2.1.9";
     }
   }
 }
@@ -5391,7 +5391,7 @@ function getVersion2() {
       const pkg = JSON.parse(readFileSync6(resolve9(process.cwd(), "package.json"), "utf-8"));
       return pkg.version;
     } catch {
-      return "2.1.8";
+      return "2.1.9";
     }
   }
 }
@@ -5978,7 +5978,7 @@ function getVersion3() {
       const pkg = JSON.parse(readFileSync6(resolve9(process.cwd(), "package.json"), "utf-8"));
       return pkg.version;
     } catch {
-      return "2.1.8";
+      return "2.1.9";
     }
   }
 }
@@ -7144,7 +7144,7 @@ var PKG_VERSION = (() => {
     const pkg = JSON.parse(require("fs").readFileSync(require("path").resolve(__dirname, "../../package.json"), "utf-8"));
     return pkg.version;
   } catch {
-    return "2.1.8";
+    return "2.1.9";
   }
 })();
 function handleHealth(store, pathname, method, res) {
@@ -7509,7 +7509,7 @@ var MnemosyneServer = class {
       const wss = new import_websocket_server.default({ server: this.httpServer });
       this.wsHandler = new WebSocketHandler(wss, this.store);
     }
-    const version = cfg?.server?.version || "2.1.8";
+    const version = cfg?.server?.version || "2.1.9";
     this.httpServer.listen(port, () => {
       console.log(`Mnemosyne v${version} \u2014 port ${port}`);
       console.log(`Dashboard: http://${host}:${port}/dashboard`);