npm - @andespindola/brainlink - Versions diffs - 0.1.0-beta.62 → 0.1.0-beta.64 - Mend

@andespindola/brainlink 0.1.0-beta.62 → 0.1.0-beta.64

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/application/frontend/client-html.js +1 -1
package/dist/application/frontend/client-js.js +81 -41
package/package.json +1 -1

package/dist/application/frontend/client-html.js CHANGED Viewed

@@ -38,7 +38,7 @@ export const createClientHtml = () => `<!doctype html>
             <div class="toolbar" aria-label="Graph controls">
               <button id="zoomIn" type="button" title="Zoom in">+</button>
               <button id="zoomOut" type="button" title="Zoom out">-</button>
-              <button id="fit" type="button" title="Fit visible nodes">◎</button>
+              <button id="fit" type="button" title="Focus central hub">◎</button>
               <button id="reset" type="button" title="Reset view">⌂</button>
             </div>
           </div>

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

@@ -570,17 +570,17 @@ const nodeBudgetForScale = (scale) => {
   return renderNodeBudget
 }
-const layerWindowForScale = (scale) => {
-  if (scale < 0.08) return { inner: 0.78, outer: 1 }
-  if (scale < 0.14) return { inner: 0.62, outer: 0.9 }
-  if (scale < 0.24) return { inner: 0.46, outer: 0.74 }
-  if (scale < 0.36) return { inner: 0.3, outer: 0.58 }
-  if (scale < layeredCoreScaleThreshold) return { inner: 0.16, outer: 0.42 }
-  if (scale < 0.9) return { inner: 0.06, outer: 0.26 }
-  return { inner: 0, outer: 0.14 }
+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 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))
+  return { shellCenter, shellWidth, coreRadius, coreRatio }
 }
-const selectLayeredNodesForScale = (sourceNodes) => {
+const selectLayeredNodesForScale = (sourceNodes, targetCount) => {
   const hub = state.primaryHub
   if (!hub || sourceNodes.length <= 1200 || state.visibleNodes.length <= massiveGraphNodeThreshold) {
     return sourceNodes
@@ -599,39 +599,58 @@ const selectLayeredNodesForScale = (sourceNodes) => {
     return sourceNodes
   }
-  const window = layerWindowForScale(state.transform.scale)
-  const inner = window.inner * maxDistance
-  const outer = window.outer * maxDistance
-  const layered = distances
-    .filter((item) => item.distance >= inner && item.distance <= outer)
-    .map((item) => item.node)
-  if (state.transform.scale >= layeredCoreScaleThreshold && !layered.some((node) => node.id === hub.id)) {
-    layered.push(hub)
-  }
+  const focus = layerFocusForScale(state.transform.scale)
+  const normalizedRows = distances.map((item) => ({
+    ...item,
+    normalized: item.distance / maxDistance
+  }))
+  const desired = Math.max(220, 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
-  if (layered.length > 0) {
-    return layered
-  }
+  const coreNodes = normalizedRows
+    .filter((item) => item.normalized <= focus.coreRadius)
+    .sort((left, right) => {
+      const leftScore = state.nodeDegrees.get(left.node.id) ?? 0
+      const rightScore = state.nodeDegrees.get(right.node.id) ?? 0
+      if (leftScore !== rightScore) return rightScore - leftScore
+      return left.node.id.localeCompare(right.node.id)
+    })
+    .slice(0, coreTarget)
+    .map((item) => item.node)
-  const midpoint = (window.inner + window.outer) / 2
-  const fallback = [...distances]
+  const shellNodes = normalizedRows
     .sort((left, right) => {
-      const leftNorm = left.distance / maxDistance
-      const rightNorm = right.distance / maxDistance
-      const leftDelta = Math.abs(leftNorm - midpoint)
-      const rightDelta = Math.abs(rightNorm - midpoint)
+      const leftDelta = Math.abs(left.normalized - focus.shellCenter)
+      const rightDelta = Math.abs(right.normalized - focus.shellCenter)
+      const leftInside = leftDelta <= shellHalf ? 0 : 1
+      const rightInside = rightDelta <= shellHalf ? 0 : 1
+      if (leftInside !== rightInside) return leftInside - rightInside
       if (leftDelta !== rightDelta) return leftDelta - rightDelta
+      const leftScore = state.nodeDegrees.get(left.node.id) ?? 0
+      const rightScore = state.nodeDegrees.get(right.node.id) ?? 0
+      if (leftScore !== rightScore) return rightScore - leftScore
       return left.node.id.localeCompare(right.node.id)
     })
-    .slice(0, Math.min(900, sourceNodes.length))
+    .slice(0, shellTarget)
     .map((item) => item.node)
-  if (state.transform.scale >= layeredCoreScaleThreshold && !fallback.some((node) => node.id === hub.id)) {
-    fallback.push(hub)
+  const merged = []
+  const ids = new Set()
+  const pushUnique = (node) => {
+    if (!node || ids.has(node.id)) return
+    ids.add(node.id)
+    merged.push(node)
   }
-  return fallback
+  if (state.transform.scale >= layeredCoreScaleThreshold) {
+    pushUnique(hub)
+  }
+  for (let index = 0; index < coreNodes.length; index += 1) pushUnique(coreNodes[index])
+  for (let index = 0; index < shellNodes.length; index += 1) pushUnique(shellNodes[index])
+  return merged.length > 0 ? merged : sourceNodes
 }
 const edgeIdentityKey = edge => {
@@ -1143,6 +1162,27 @@ const fitView = (options = { useFiltered: true, macro: false, preferHubCenter: t
 const resetView = () => fitView({ useFiltered: false, macro: true, preferHubCenter: true })
+const focusPrimaryHub = () => {
+  const hub = state.primaryHub
+  if (!hub) {
+    fitView({ useFiltered: true, macro: false, preferHubCenter: true })
+    return
+  }
+  const rect = canvas.getBoundingClientRect()
+  const width = Math.max(rect.width, 320)
+  const height = Math.max(rect.height, 320)
+  const targetScale = clampScale(Math.max(0.78, state.transform.scale))
+  state.transform = {
+    x: clampTransformCoordinate(width / 2 - hub.x * targetScale),
+    y: clampTransformCoordinate(height / 2 - hub.y * targetScale),
+    scale: targetScale
+  }
+  state.offscreenFrameCount = 0
+  markRenderDirty()
+}
 const createLayout = graph => {
   const nodeRows = Array.isArray(graph.nodes) ? graph.nodes : []
   const edgeRows = Array.isArray(graph.edges) ? graph.edges : []
@@ -1630,8 +1670,8 @@ const computeRenderVisibility = () => {
   if (state.visibleNodes.length > massiveGraphNodeThreshold) {
     const viewportNodes = viewportNodesFromSpatialIndex(viewport)
     const sourceNodes = viewportNodes.length > 0 ? viewportNodes : state.visibleNodes
-    const layeredNodes = selectLayeredNodesForScale(sourceNodes)
     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))
@@ -2020,8 +2060,8 @@ const wheelZoomFactor = event => {
     return 1
   }
-  const baseStep = Math.max(0.06, Math.min(0.45, absoluteDelta / 480))
-  const adjustedStep = baseStep * (isModifierZoom ? 1.4 : 1)
+  const baseStep = Math.max(0.03, Math.min(0.2, absoluteDelta / 680))
+  const adjustedStep = baseStep * (isModifierZoom ? 1.24 : 1)
   return event.deltaY < 0 ? 1 + adjustedStep : 1 / (1 + adjustedStep)
 }
@@ -2068,15 +2108,15 @@ const bindEvents = () => {
   })
   elements.zoomIn.addEventListener('click', () => {
     const rect = canvas.getBoundingClientRect()
-    zoomAtPoint(Math.max(rect.width, 320) / 2, Math.max(rect.height, 320) / 2, 1.3)
+    zoomAtPoint(Math.max(rect.width, 320) / 2, Math.max(rect.height, 320) / 2, 1.14)
   })
   elements.zoomOut.addEventListener('click', () => {
     const rect = canvas.getBoundingClientRect()
-    zoomAtPoint(Math.max(rect.width, 320) / 2, Math.max(rect.height, 320) / 2, 0.77)
+    zoomAtPoint(Math.max(rect.width, 320) / 2, Math.max(rect.height, 320) / 2, 0.88)
   })
   if (elements.fit) {
     elements.fit.addEventListener('click', () => {
-      fitView({ useFiltered: true })
+      focusPrimaryHub()
     })
   }
   elements.reset.addEventListener('click', () => {
@@ -2096,7 +2136,7 @@ const bindEvents = () => {
     const rect = canvas.getBoundingClientRect()
     const cursorX = event.clientX - rect.left
     const cursorY = event.clientY - rect.top
-    zoomAtPoint(cursorX, cursorY, 1.25)
+    zoomAtPoint(cursorX, cursorY, 1.12)
   })
   canvas.addEventListener('pointerdown', event => {
     const point = worldPoint(event)
@@ -2170,14 +2210,14 @@ const bindEvents = () => {
     if (event.key === '+' || event.key === '=') {
       event.preventDefault()
       const rect = canvas.getBoundingClientRect()
-      zoomAtPoint(Math.max(rect.width, 320) / 2, Math.max(rect.height, 320) / 2, 1.25)
+      zoomAtPoint(Math.max(rect.width, 320) / 2, Math.max(rect.height, 320) / 2, 1.12)
       return
     }
     if (event.key === '-' || event.key === '_') {
       event.preventDefault()
       const rect = canvas.getBoundingClientRect()
-      zoomAtPoint(Math.max(rect.width, 320) / 2, Math.max(rect.height, 320) / 2, 0.8)
+      zoomAtPoint(Math.max(rect.width, 320) / 2, Math.max(rect.height, 320) / 2, 0.89)
       return
     }

package/package.json CHANGED Viewed

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