@andespindola/brainlink 0.1.0-beta.145 → 0.1.0-beta.147

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

@@ -32,8 +32,11 @@ const state = {
   pointer: {
     down: false,
     moved: false,
+    dragging: false,
     x: 0,
     y: 0,
+    startX: 0,
+    startY: 0,
     worldAnchorX: 0,
     worldAnchorY: 0
   },
@@ -56,6 +59,8 @@ const state = {
   searchToken: 0,
   fetchToken: 0,
   fetchTimer: null,
+  cameraSyncScheduled: false,
+  lastDragFetchAt: 0,
   lastVisibleNodes: 0,
   lastVisibleEdges: 0,
   totals: {
@@ -242,9 +247,19 @@ const updateWorkerCamera = () => {
   if (!state.renderWorker || !state.workerReady) {
     return
   }
-  state.renderWorker.postMessage({
-    type: 'camera',
-    camera: state.camera
+  if (state.cameraSyncScheduled) {
+    return
+  }
+  state.cameraSyncScheduled = true
+  requestAnimationFrame(() => {
+    state.cameraSyncScheduled = false
+    if (!state.renderWorker || !state.workerReady) {
+      return
+    }
+    state.renderWorker.postMessage({
+      type: 'camera',
+      camera: state.camera
+    })
   })
 }
 
@@ -542,7 +557,43 @@ const setViewportFromCanvas = () => {
   drawFallback()
 }
 
+const pickFallbackNodeId = (screenX, screenY) => {
+  const nodes = normalizeList(state.chunk.nodes)
+  if (nodes.length === 0) {
+    return ''
+  }
+
+  let bestId = ''
+  let bestDistance = Infinity
+  for (let index = 0; index < nodes.length; index += 1) {
+    const node = nodes[index]
+    const id = typeof node[0] === 'string' ? node[0] : ''
+    if (!id) continue
+    const x = Number(node[2])
+    const y = Number(node[3])
+    const weight = Number(node[7])
+    if (!Number.isFinite(x) || !Number.isFinite(y)) continue
+    const point = worldToScreen(x, y)
+    const radius = Math.max(2.4, Math.min(14, 4 + (Number.isFinite(weight) ? weight : 0) * 0.55))
+    const distance = Math.hypot(screenX - point.x, screenY - point.y)
+    if (distance <= radius && distance < bestDistance) {
+      bestDistance = distance
+      bestId = id
+    }
+  }
+
+  return bestId
+}
+
 const pickAt = (screenX, screenY) => {
+  if (state.rendererMode === 'fallback') {
+    const nodeId = pickFallbackNodeId(screenX, screenY)
+    if (nodeId) {
+      loadNodeDetails(nodeId).catch((error) => console.error(error))
+    }
+    return
+  }
+
   if (!state.renderWorker || !state.workerReady) {
     return
   }
@@ -575,6 +626,8 @@ const resolvePointer = (event) => {
 }
 
 const setupInput = () => {
+  const dragActivationDistance = 6
+
   canvas.addEventListener('wheel', (event) => {
     event.preventDefault()
     const pointer = resolvePointer(event)
@@ -586,8 +639,11 @@ const setupInput = () => {
     const pointer = resolvePointer(event)
     state.pointer.down = true
     state.pointer.moved = false
+    state.pointer.dragging = false
     state.pointer.x = pointer.x
     state.pointer.y = pointer.y
+    state.pointer.startX = pointer.x
+    state.pointer.startY = pointer.y
     const world = screenToWorld(pointer.x, pointer.y)
     state.pointer.worldAnchorX = world.x
     state.pointer.worldAnchorY = world.y
@@ -600,15 +656,26 @@ const setupInput = () => {
     if (state.pointer.down) {
       const dx = pointer.x - state.pointer.x
       const dy = pointer.y - state.pointer.y
-      if (Math.abs(dx) + Math.abs(dy) > 2) {
+      const distanceFromStart = Math.hypot(pointer.x - state.pointer.startX, pointer.y - state.pointer.startY)
+      if (distanceFromStart >= dragActivationDistance) {
         state.pointer.moved = true
+        state.pointer.dragging = true
+      }
+      if (!state.pointer.dragging) {
+        state.pointer.x = pointer.x
+        state.pointer.y = pointer.y
+        return
       }
       state.camera.x += dx
       state.camera.y += dy
       state.pointer.x = pointer.x
       state.pointer.y = pointer.y
       updateWorkerCamera()
-      scheduleChunkFetch()
+      const now = performance.now()
+      if (now - state.lastDragFetchAt > 180) {
+        state.lastDragFetchAt = now
+        scheduleChunkFetch()
+      }
       drawFallback()
       return
     }
@@ -624,12 +691,19 @@ const setupInput = () => {
 
   canvas.addEventListener('pointerup', (event) => {
     const pointer = resolvePointer(event)
-    const shouldPick = !state.pointer.moved
+    const distanceFromStart = Math.hypot(pointer.x - state.pointer.startX, pointer.y - state.pointer.startY)
+    const shouldPick = !state.pointer.dragging && distanceFromStart < dragActivationDistance
+    const shouldRefreshAfterDrag = state.pointer.dragging
     state.pointer.down = false
+    state.pointer.dragging = false
     canvas.releasePointerCapture(event.pointerId)
 
     if (shouldPick) {
       pickAt(pointer.x, pointer.y)
+      return
+    }
+    if (shouldRefreshAfterDrag) {
+      scheduleChunkFetch()
     }
   })
 

package/package.json

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