npm - @kage-core/kage-graph-mcp - Versions diffs - 1.1.21 → 1.1.22 - Mend

@kage-core/kage-graph-mcp 1.1.21 → 1.1.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/README.md CHANGED Viewed

@@ -9,7 +9,15 @@ This package exposes two surfaces:
 ## Latest Release
-`1.1.21` publishes the memory-code graph quality pass:
+`1.1.22` fixes viewer inspector scrolling:
+- selecting high-degree nodes no longer expands the page or pushes the canvas
+  out of view.
+- selected-node details, connected relations, and memory-code evidence scroll
+  inside bounded inspector regions.
+- long summaries and relation bodies are capped so dense nodes stay readable.
+`1.1.21` published the memory-code graph quality pass:
 - precise memory-code links now require explicit, non-generic symbol/test
   mentions instead of broad path-only matches.

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@kage-core/kage-graph-mcp",
-  "version": "1.1.21",
+  "version": "1.1.22",
   "description": "Local-first repo memory, code graph, and recall MCP server for coding agents",
   "main": "dist/index.js",
   "files": [

package/viewer/app.js CHANGED Viewed

@@ -1852,6 +1852,8 @@
     heading.className = "detail-section-title";
     heading.textContent = title;
     section.appendChild(heading);
+    var list = document.createElement("div");
+    list.className = "detail-section-list";
     items.forEach(function (item) {
       var button = document.createElement("button");
       button.type = "button";
@@ -1864,14 +1866,15 @@
         state.selected = item.entity ? { kind: "entity", id: item.entity.id } : { kind: "edge", id: item.edge.id };
         render();
       });
-      section.appendChild(button);
+      list.appendChild(button);
     });
     if (hiddenCount > 0) {
       var more = document.createElement("div");
       more.className = "detail-more";
       more.textContent = "+" + hiddenCount + " more connected items hidden to keep the graph readable.";
-      section.appendChild(more);
+      list.appendChild(more);
     }
+    section.appendChild(list);
     return section;
   }

package/viewer/index.html CHANGED Viewed

@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Kage Memory Terminal</title>
-    <link rel="stylesheet" href="./styles.css?v=11">
+    <link rel="stylesheet" href="./styles.css?v=13">
   </head>
   <body>
     <header class="app-header">
@@ -149,6 +149,6 @@
       </section>
     </main>
-    <script src="./app.js?v=11"></script>
+    <script src="./app.js?v=13"></script>
   </body>
 </html>

package/viewer/styles.css CHANGED Viewed

@@ -161,6 +161,8 @@ h2 { color: var(--terminal); font-size: 13px; letter-spacing: 0.04em; text-trans
   min-height: calc(100vh - 78px);
 }
+.layout > * { min-width: 0; }
 .control-panel, .graph-panel, .details-panel, .table-panel, .review-panel, .proof-panel {
   border: 1px solid var(--line);
   border-radius: 6px;
@@ -425,20 +427,39 @@ input:focus, select:focus, button:focus, .file-picker:focus-within {
 .details-panel {
   grid-area: details;
+  align-self: start;
+  display: flex;
+  flex-direction: column;
+  height: min(960px, calc(100vh - 108px));
+  max-height: calc(100vh - 108px);
   min-height: 0;
-  overflow: auto;
+  overflow: hidden;
   padding: 12px;
 }
 .details-empty { color: var(--terminal-dim); }
+#selectionDetails {
+  min-height: 0;
+  overflow: auto;
+  overscroll-behavior: contain;
+  padding-right: 2px;
+}
 .detail-title { margin-bottom: 8px; color: var(--text); font-weight: 780; font-size: 17px; overflow-wrap: anywhere; }
 .detail-kind { margin-bottom: 10px; color: var(--terminal-strong); background: #07130d; }
 .detail-row { padding: 9px 0; border-top: 1px solid var(--line); }
 .detail-row dt { margin: 0 0 4px; color: var(--terminal-dim); font-size: 11px; font-weight: 760; text-transform: uppercase; }
-.detail-row dd { margin: 0; color: var(--text); overflow-wrap: anywhere; white-space: pre-wrap; }
+.detail-row dd {
+  max-height: 150px;
+  margin: 0;
+  color: var(--text);
+  overflow: auto;
+  overflow-wrap: anywhere;
+  white-space: pre-wrap;
+}
 .detail-section {
   margin-top: 12px;
   padding-top: 12px;
   border-top: 1px solid var(--line);
+  min-height: 0;
 }
 .detail-section-title {
   margin-bottom: 8px;
@@ -447,6 +468,12 @@ input:focus, select:focus, button:focus, .file-picker:focus-within {
   font-weight: 800;
   text-transform: uppercase;
 }
+.detail-section-list {
+  max-height: 260px;
+  overflow: auto;
+  overscroll-behavior: contain;
+  padding-right: 2px;
+}
 .detail-link {
   width: 100%;
   display: grid;
@@ -475,8 +502,12 @@ input:focus, select:focus, button:focus, .file-picker:focus-within {
   overflow-wrap: anywhere;
 }
 .detail-link-body {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
   color: var(--muted);
   font-size: 11px;
+  overflow: hidden;
   overflow-wrap: anywhere;
 }
 .detail-more {
@@ -663,6 +694,11 @@ input:focus, select:focus, button:focus, .file-picker:focus-within {
   .control-panel label, .control-panel button { margin-top: 0; }
   .graph-panel { min-height: 620px; }
   #graphCanvas, .graph-canvas-wrap, #graphSvg { min-height: 560px; }
+  .details-panel {
+    height: auto;
+    max-height: 70vh;
+  }
+  .detail-section-list { max-height: 220px; }
 }
 @media (max-width: 620px) {