@andespindola/brainlink 0.1.0-beta.160 → 0.1.0-beta.161

package/dist/application/frontend/client-css.js

@@ -343,14 +343,19 @@ li small {
 
 .content-dialog {
   position: fixed;
+  top: 12px;
+  right: 12px;
+  bottom: 12px;
+  left: 12px;
   top: max(12px, env(safe-area-inset-top));
   right: max(12px, env(safe-area-inset-right));
+  bottom: max(12px, env(safe-area-inset-bottom));
+  left: max(12px, calc(100vw - 780px));
   margin: 0;
-  width: min(760px, calc(100vw - 32px));
-  height: min(calc(100vh - 24px), 920px);
-  height: min(calc(100dvh - 24px), 920px);
-  max-height: calc(100vh - 24px);
-  max-height: calc(100dvh - 24px);
+  width: auto;
+  height: auto;
+  max-width: none;
+  max-height: none;
   padding: 0;
   border: 1px solid var(--line);
   border-radius: 8px;
@@ -375,6 +380,9 @@ li small {
 
 .content-dialog header {
   display: flex;
+  position: sticky;
+  top: 0;
+  z-index: 1;
   align-items: flex-start;
   justify-content: space-between;
   gap: 18px;
@@ -383,6 +391,10 @@ li small {
   background: var(--panel);
 }
 
+.content-dialog header > div {
+  min-width: 0;
+}
+
 .content-dialog h2,
 .content-dialog p {
   margin: 0;
@@ -441,6 +453,10 @@ li small {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 10px;
+  min-height: 0;
+  max-height: min(42vh, 360px);
+  max-height: min(42dvh, 360px);
+  overflow: auto;
   padding: 14px 22px;
   border-bottom: 1px solid var(--line);
 }
@@ -554,6 +570,7 @@ li small {
 
   .content-meta {
     grid-template-columns: 1fr;
+    max-height: 34vh;
     max-height: 34dvh;
     overflow: auto;
     padding: 10px 14px;

package/dist/application/frontend/client-render-worker-js.js

@@ -32,6 +32,8 @@ let hoverX = null
 let hoverY = null
 let lastFrameAt = 0
 let lastVisibleEdges = 0
+let interactionUntil = 0
+let settledRenderTimer = null
 let edgePositionsBuffer = new Float32Array(0)
 let pointPositionsBuffer = new Float32Array(0)
 let pointSizesBuffer = new Float32Array(0)
@@ -354,6 +356,20 @@ const clear = () => {
   gl.clear(gl.COLOR_BUFFER_BIT)
 }
 
+const isCameraInteracting = (now) => now < interactionUntil
+
+const scheduleSettledRender = (now) => {
+  if (settledRenderTimer) {
+    return
+  }
+  const delay = Math.max(32, interactionUntil - now + 16)
+  settledRenderTimer = setTimeout(() => {
+    settledRenderTimer = null
+    dirty = true
+    requestRender()
+  }, delay)
+}
+
 const renderFrame = (now) => {
   renderScheduled = false
   if (!dirty) {
@@ -374,7 +390,13 @@ const renderFrame = (now) => {
 
   cullVisibleNodes()
   clear()
-  drawEdges()
+  const cameraInteracting = isCameraInteracting(now)
+  if (!cameraInteracting || state.edgeCount < 1200) {
+    drawEdges()
+  } else {
+    lastVisibleEdges = 0
+    scheduleSettledRender(now)
+  }
 
   drawNodeLayer(
     (index) => state.visible[index] === 1 && state.selected[index] === 0 && state.highlighted[index] === 0,
@@ -442,6 +464,7 @@ const setCamera = (nextCamera) => {
   camera.x = Number.isFinite(nextCamera.x) ? Number(nextCamera.x) : camera.x
   camera.y = Number.isFinite(nextCamera.y) ? Number(nextCamera.y) : camera.y
   camera.scale = Number.isFinite(nextCamera.scale) ? Math.max(0.0002, Math.min(8, Number(nextCamera.scale))) : camera.scale
+  interactionUntil = performance.now() + 140
   dirty = true
   requestRender()
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@andespindola/brainlink",
-  "version": "0.1.0-beta.160",
+  "version": "0.1.0-beta.161",
   "description": "Local-first knowledge memory for agents with Markdown, backlinks, indexing and context retrieval.",
   "type": "module",
   "license": "MIT",