@andespindola/brainlink 0.1.0-beta.97 → 0.1.0-beta.98

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

@@ -936,6 +936,10 @@ const filterEcosystemClustersByViewport = (clusters, viewport) => {
 }
 
 const ecosystemFocusPoint = () => {
+  const cursorPoint = cursorWorldPoint()
+  if (cursorPoint) {
+    return cursorPoint
+  }
   const now = performance.now()
   if (now - state.lastZoomFocus.at <= 1800) {
     return { x: state.lastZoomFocus.x, y: state.lastZoomFocus.y }
@@ -947,7 +951,11 @@ const nearestEcosystemParentIds = (clusters, focusPoint, limit) =>
   clusters
     .map(cluster => ({
       cluster,
-      distance: Math.hypot(cluster.x - focusPoint.x, cluster.y - focusPoint.y)
+      distance: Math.max(
+        0,
+        Math.hypot(cluster.x - focusPoint.x, cluster.y - focusPoint.y) -
+          clusterRadiusPx(cluster) / Math.max(state.transform.scale, 0.0001)
+      )
     }))
     .sort((left, right) => left.distance - right.distance)
     .slice(0, limit)
@@ -1293,6 +1301,29 @@ const viewportCenterWorldPoint = () => {
   }
 }
 
+const screenToWorldPoint = (screenX, screenY) => ({
+  x: (screenX - state.transform.x) / state.transform.scale,
+  y: (screenY - state.transform.y) / state.transform.scale
+})
+
+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 width = Math.max(rect.width, 320)
+  const height = Math.max(rect.height, 320)
+  if (!Number.isFinite(screenX) || !Number.isFinite(screenY)) {
+    return null
+  }
+  if (screenX < 0 || screenX > width || screenY < 0 || screenY > height) {
+    return null
+  }
+  return screenToWorldPoint(screenX, screenY)
+}
+
 const visibilityScaleBucket = (scale) => {
   const safeScale = Math.max(zoomRange.min, scale)
   if (safeScale < 0.01) return Math.round(safeScale * 300_000)
@@ -1348,11 +1379,12 @@ const selectStableSampleNodes = (sourceNodes, limit) => {
   }
 
   const now = performance.now()
+  const cursorPoint = cursorWorldPoint()
   const recentZoomFocus =
     now - state.lastZoomFocus.at <= 1500
       ? { x: state.lastZoomFocus.x, y: state.lastZoomFocus.y }
       : null
-  const anchor = recentZoomFocus ?? viewportCenterWorldPoint()
+  const anchor = cursorPoint ?? recentZoomFocus ?? viewportCenterWorldPoint()
   const previousIds = new Set(state.renderNodes.map((node) => node.id))
   const preferAnchorDistance = state.visibleNodes.length > massiveGraphNodeThreshold && state.transform.scale >= 0.28
 
@@ -1386,11 +1418,12 @@ const selectAccessBridgeNodes = (sourceNodes, limit) => {
   }
 
   const now = performance.now()
+  const cursorPoint = cursorWorldPoint()
   const recentZoomFocus =
     now - state.lastZoomFocus.at <= 1200
       ? { x: state.lastZoomFocus.x, y: state.lastZoomFocus.y }
       : null
-  const anchor = recentZoomFocus ?? viewportCenterWorldPoint()
+  const anchor = cursorPoint ?? recentZoomFocus ?? viewportCenterWorldPoint()
   return [...sourceNodes]
     .sort((left, right) => {
       const leftDistance = Math.hypot(left.x - anchor.x, left.y - anchor.y)
@@ -2468,10 +2501,7 @@ const tick = delta => {
 
 const worldPoint = event => {
   const rect = canvas.getBoundingClientRect()
-  return {
-    x: (event.clientX - rect.left - state.transform.x) / state.transform.scale,
-    y: (event.clientY - rect.top - state.transform.y) / state.transform.scale
-  }
+  return screenToWorldPoint(event.clientX - rect.left, event.clientY - rect.top)
 }
 
 const connectedNodeIdsFor = (nodeId) => {
@@ -3218,8 +3248,9 @@ const zoomAtPoint = (screenX, screenY, factor, source = 'generic') => {
   if (nextScale === state.transform.scale) {
     return
   }
-  const worldX = (screenX - state.transform.x) / state.transform.scale
-  const worldY = (screenY - state.transform.y) / state.transform.scale
+  const worldPointAtCursor = screenToWorldPoint(screenX, screenY)
+  const worldX = worldPointAtCursor.x
+  const worldY = worldPointAtCursor.y
   state.lastZoomFocus = {
     x: worldX,
     y: worldY,
@@ -3266,6 +3297,7 @@ const handleWheelZoom = event => {
   const rawCursorY = Number.isFinite(event.offsetY) ? event.offsetY : event.clientY - rect.top
   const cursorX = Math.max(0, Math.min(Math.max(rect.width, 320), rawCursorX))
   const cursorY = Math.max(0, Math.min(Math.max(rect.height, 320), rawCursorY))
+  state.cursor = { x: event.clientX, y: event.clientY, inCanvas: true }
   const factor = wheelZoomFactor(event)
 
   if (!Number.isFinite(factor) || factor <= 0 || factor === 1) {

package/package.json

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