@andespindola/brainlink 0.1.0-beta.65 → 0.1.0-beta.67

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)
@@ -573,7 +574,7 @@ const nodeBudgetForScale = (scale) => {
 const layerFocusForScale = (scale) => {
   const normalized = Math.max(0, Math.min(1, (scale - 0.06) / 0.94))
   const shellCenter = Math.max(0.08, 0.96 - normalized * 0.86)
-  const shellWidth = Math.max(0.16, 0.34 - normalized * 0.2)
+  const shellWidth = Math.max(0.24, 0.46 - normalized * 0.16)
   const coreRadius = Math.max(0.06, 0.1 + normalized * 0.22)
   const coreRatio = Math.max(0.2, Math.min(0.72, 0.24 + normalized * 0.48))
 
@@ -604,7 +605,7 @@ const selectLayeredNodesForScale = (sourceNodes, targetCount) => {
     ...item,
     normalized: item.distance / maxDistance
   }))
-  const desired = Math.max(220, Math.min(sourceNodes.length, targetCount * 2))
+  const desired = Math.max(260, Math.min(sourceNodes.length, targetCount * 2))
   const coreTarget = Math.max(36, Math.min(desired - 8, Math.floor(desired * focus.coreRatio)))
   const shellTarget = Math.max(12, desired - coreTarget)
   const shellHalf = focus.shellWidth / 2
@@ -653,6 +654,60 @@ const selectLayeredNodesForScale = (sourceNodes, targetCount) => {
   return merged.length > 0 ? merged : sourceNodes
 }
 
+const viewportCenterWorldPoint = () => {
+  const viewport = worldViewportBounds()
+  return {
+    x: (viewport.minX + viewport.maxX) / 2,
+    y: (viewport.minY + viewport.maxY) / 2
+  }
+}
+
+const mergeUniqueNodes = (leftNodes, rightNodes, limit) => {
+  const merged = []
+  const ids = new Set()
+
+  const push = (node) => {
+    if (!node || ids.has(node.id) || merged.length >= limit) {
+      return
+    }
+    ids.add(node.id)
+    merged.push(node)
+  }
+
+  for (let index = 0; index < leftNodes.length && merged.length < limit; index += 1) {
+    push(leftNodes[index])
+  }
+  for (let index = 0; index < rightNodes.length && merged.length < limit; index += 1) {
+    push(rightNodes[index])
+  }
+
+  return merged
+}
+
+const selectAccessBridgeNodes = (sourceNodes, limit) => {
+  if (limit <= 0 || sourceNodes.length === 0) {
+    return []
+  }
+
+  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)
+      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 edgeIdentityKey = edge => {
   if (!edge.target) return ''
   const pair = edge.source < edge.target
@@ -1183,9 +1238,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
@@ -1196,8 +1259,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
       }
@@ -1207,8 +1270,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
     }
@@ -1672,9 +1735,15 @@ const computeRenderVisibility = () => {
     const sourceNodes = viewportNodes.length > 0 ? viewportNodes : state.visibleNodes
     const sampleLimit = nodeBudgetForScale(state.transform.scale)
     const layeredNodes = selectLayeredNodesForScale(sourceNodes, sampleLimit)
-    const sampled = layeredNodes.length > sampleLimit
-      ? sampleVisibleNodes(Math.min(sampleLimit, renderNodeBudget), layeredNodes)
-      : layeredNodes.slice(0, Math.min(layeredNodes.length, renderNodeBudget))
+    const bridgeLimit = Math.max(24, Math.min(180, Math.floor(sampleLimit * 0.26)))
+    const bridgedNodes = mergeUniqueNodes(
+      layeredNodes,
+      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 sampledIds = new Set(sampled.map((node) => node.id))
     let sampledEdges = state.transform.scale >= 0.035 ? collectVisibleEdgesForNodes(sampledIds) : []
     let sampledNodes = ensureHubNodesInRenderedSet(sampled)
@@ -2044,6 +2113,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)

package/package.json

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