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

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
+    })
   })
 }
 
@@ -575,6 +590,8 @@ const resolvePointer = (event) => {
 }
 
 const setupInput = () => {
+  const dragActivationDistance = 6
+
   canvas.addEventListener('wheel', (event) => {
     event.preventDefault()
     const pointer = resolvePointer(event)
@@ -586,8 +603,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 +620,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 +655,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.146",
   "description": "Local-first knowledge memory for agents with Markdown, backlinks, indexing and context retrieval.",
   "type": "module",
   "license": "MIT",