@andespindola/brainlink 0.1.0-beta.66 → 0.1.0-beta.68

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

@@ -64,7 +64,8 @@ const state = {
   filterWorker: null,
   filterReady: false,
   lastHoverHitAt: 0,
-  lastManualZoomAt: 0
+  lastManualZoomAt: 0,
+  lastZoomFocus: { x: 0, y: 0, at: 0 }
 }
 
 const byId = id => document.getElementById(id)
@@ -653,17 +654,11 @@ const selectLayeredNodesForScale = (sourceNodes, targetCount) => {
   return merged.length > 0 ? merged : sourceNodes
 }
 
-const cursorWorldPoint = () => {
-  if (!state.cursor.inCanvas) {
-    return null
-  }
-
-  const rect = canvas.getBoundingClientRect()
-  const screenX = state.cursor.x - rect.left
-  const screenY = state.cursor.y - rect.top
+const viewportCenterWorldPoint = () => {
+  const viewport = worldViewportBounds()
   return {
-    x: (screenX - state.transform.x) / state.transform.scale,
-    y: (screenY - state.transform.y) / state.transform.scale
+    x: (viewport.minX + viewport.maxX) / 2,
+    y: (viewport.minY + viewport.maxY) / 2
   }
 }
 
@@ -689,13 +684,49 @@ const mergeUniqueNodes = (leftNodes, rightNodes, limit) => {
   return merged
 }
 
+const selectStableSampleNodes = (sourceNodes, limit) => {
+  if (sourceNodes.length <= limit) {
+    return sourceNodes
+  }
+
+  const now = performance.now()
+  const recentZoomFocus =
+    now - state.lastZoomFocus.at <= 1500
+      ? { x: state.lastZoomFocus.x, y: state.lastZoomFocus.y }
+      : null
+  const anchor = recentZoomFocus ?? viewportCenterWorldPoint()
+  const previousIds = new Set(state.renderNodes.map((node) => node.id))
+
+  return [...sourceNodes]
+    .sort((left, right) => {
+      const leftWasVisible = previousIds.has(left.id) ? 1 : 0
+      const rightWasVisible = previousIds.has(right.id) ? 1 : 0
+      if (leftWasVisible !== rightWasVisible) return rightWasVisible - leftWasVisible
+
+      const leftDistance = Math.hypot(left.x - anchor.x, left.y - anchor.y)
+      const rightDistance = Math.hypot(right.x - anchor.x, right.y - anchor.y)
+      if (leftDistance !== rightDistance) return leftDistance - rightDistance
+
+      const leftDegree = state.nodeDegrees.get(left.id) ?? 0
+      const rightDegree = state.nodeDegrees.get(right.id) ?? 0
+      if (leftDegree !== rightDegree) return rightDegree - leftDegree
+
+      return left.id.localeCompare(right.id)
+    })
+    .slice(0, limit)
+}
+
 const selectAccessBridgeNodes = (sourceNodes, limit) => {
   if (limit <= 0 || sourceNodes.length === 0) {
     return []
   }
 
-  const cursor = cursorWorldPoint()
-  const anchor = cursor ?? state.primaryHub ?? state.macroCenter ?? { x: 0, y: 0 }
+  const now = performance.now()
+  const recentZoomFocus =
+    now - state.lastZoomFocus.at <= 1200
+      ? { x: state.lastZoomFocus.x, y: state.lastZoomFocus.y }
+      : null
+  const anchor = recentZoomFocus ?? viewportCenterWorldPoint()
   return [...sourceNodes]
     .sort((left, right) => {
       const leftDistance = Math.hypot(left.x - anchor.x, left.y - anchor.y)
@@ -1239,9 +1270,17 @@ const focusPrimaryHub = () => {
   markRenderDirty()
 }
 
+const layoutDensityScaleForNodeCount = (nodeCount) => {
+  if (nodeCount > 50000) return 0.56
+  if (nodeCount > 20000) return 0.64
+  if (nodeCount > 6000) return 0.76
+  return 1
+}
+
 const createLayout = graph => {
   const nodeRows = Array.isArray(graph.nodes) ? graph.nodes : []
   const edgeRows = Array.isArray(graph.edges) ? graph.edges : []
+  const densityScale = layoutDensityScaleForNodeCount(nodeRows.length)
   const nodes = nodeRows.map(node => {
     if (Array.isArray(node)) {
       const [id, title, x, y, group, segment] = node
@@ -1252,8 +1291,8 @@ const createLayout = graph => {
         tags: [],
         group: typeof group === 'string' ? group : 'root',
         segment: typeof segment === 'string' ? segment : 'root',
-        x: Number.isFinite(x) ? x : 0,
-        y: Number.isFinite(y) ? y : 0,
+        x: Number.isFinite(x) ? x * densityScale : 0,
+        y: Number.isFinite(y) ? y * densityScale : 0,
         vx: 0,
         vy: 0
       }
@@ -1263,8 +1302,8 @@ const createLayout = graph => {
       ...node,
       path: typeof node.path === 'string' ? node.path : '',
       tags: Array.isArray(node.tags) ? node.tags : [],
-      x: Number.isFinite(node.x) ? node.x : 0,
-      y: Number.isFinite(node.y) ? node.y : 0,
+      x: Number.isFinite(node.x) ? node.x * densityScale : 0,
+      y: Number.isFinite(node.y) ? node.y * densityScale : 0,
       vx: Number.isFinite(node.vx) ? node.vx : 0,
       vy: Number.isFinite(node.vy) ? node.vy : 0
     }
@@ -1734,9 +1773,10 @@ const computeRenderVisibility = () => {
       selectAccessBridgeNodes(sourceNodes, bridgeLimit),
       Math.min(renderNodeBudget, sampleLimit + bridgeLimit)
     )
-    const sampled = bridgedNodes.length > sampleLimit
-      ? sampleVisibleNodes(Math.min(sampleLimit, renderNodeBudget), bridgedNodes)
-      : bridgedNodes.slice(0, Math.min(bridgedNodes.length, renderNodeBudget))
+    const sampled = selectStableSampleNodes(
+      bridgedNodes,
+      Math.min(sampleLimit, renderNodeBudget)
+    )
     const sampledIds = new Set(sampled.map((node) => node.id))
     let sampledEdges = state.transform.scale >= 0.035 ? collectVisibleEdgesForNodes(sampledIds) : []
     let sampledNodes = ensureHubNodesInRenderedSet(sampled)
@@ -2106,6 +2146,11 @@ const zoomAtPoint = (screenX, screenY, factor, source = 'generic') => {
   }
   const worldX = (screenX - state.transform.x) / state.transform.scale
   const worldY = (screenY - state.transform.y) / state.transform.scale
+  state.lastZoomFocus = {
+    x: worldX,
+    y: worldY,
+    at: performance.now()
+  }
   state.transform.scale = clampScale(nextScale)
   state.transform.x = clampTransformCoordinate(screenX - worldX * nextScale)
   state.transform.y = clampTransformCoordinate(screenY - worldY * nextScale)
@@ -2122,7 +2167,7 @@ const wheelZoomFactor = event => {
     return 1
   }
 
-  const baseStep = Math.max(0.03, Math.min(0.2, absoluteDelta / 680))
+  const baseStep = Math.max(0.012, Math.min(0.11, absoluteDelta / 980))
   const adjustedStep = baseStep * (isModifierZoom ? 1.24 : 1)
 
   return event.deltaY < 0 ? 1 + adjustedStep : 1 / (1 + adjustedStep)

package/package.json

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