@andespindola/brainlink 0.1.0-beta.88 → 0.1.0-beta.89

package/README.md

@@ -602,7 +602,7 @@ The graph UI shows:
 - WebGL node and edge acceleration when supported, falling back to Canvas 2D without changing graph behavior
 - compact macro-to-micro density progression so reset keeps the graph mass oriented and zoom-in separates local neighborhoods progressively
 - graph camera treats hub-centered navigation as structural only when the hub is dominant; diffuse stress graphs reset and zoom around the full graph mass
-- graph LOD progression: graphs up to 1000 notes render directly; larger graphs use a compact memory-hub-centered mesh of connected 1000-note points, zoom-in spreads only focused clusters into 250-note and 60-note subgraphs with aggregated real links, then progressively raises the focused node budget so local areas keep nearby notes and links visible
+- graph LOD progression: graphs up to 1000 notes render directly; larger graphs use a compact memory-hub-centered mesh of connected 1000-note points, zoom-in spreads only focused clusters into 250-note and 60-note subgraphs with aggregated real links, keeps parent points during expansion to avoid visual jumps, then progressively raises the focused node budget so local areas keep nearby notes and links visible
 
 The server indexes before starting by default. Use `--no-index` to skip that step:
 

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

@@ -38,9 +38,9 @@ const meshEdgeMaxBudget = 1400
 const layeredCoreScaleThreshold = 0.55
 const dragNeighborhoodMaxAffected = 180
 const dragSettleRounds = 3
-const wheelZoomExponent = 0.0018
-const wheelZoomExponentCap = 0.09
-const wheelZoomModifierBoost = 1.22
+const wheelZoomExponent = 0.0009
+const wheelZoomExponentCap = 0.035
+const wheelZoomModifierBoost = 1.08
 const state = {
   graph: { nodes: [], edges: [] },
   nodes: [],
@@ -885,6 +885,8 @@ const smoothStep = value => {
 const zoomProgress = (scale, start, end) =>
   smoothStep((scale - start) / Math.max(end - start, 0.0001))
 
+const shouldReplaceParentCluster = spread => spread >= 0.96
+
 const expandFocusedClusters = (parentClusters, childSize, spread, viewport) => {
   const focusPoint = ecosystemFocusPoint()
   const expandedParentIds = new Set(nearestEcosystemParentIds(
@@ -937,7 +939,12 @@ const selectHierarchicalEcosystemClusters = viewport => {
     return [...hubClusters, ...visibleBaseClusters]
   }
 
-  const remainingBaseClusters = visibleBaseClusters.filter(cluster => !midExpansion.expandedParentIds.has(cluster.id))
+  const midSpread = state.transform.scale <= ecosystemSubgraphScaleThreshold
+    ? zoomProgress(state.transform.scale, ecosystemMicroScaleThreshold, ecosystemSubgraphScaleThreshold)
+    : 1
+  const remainingBaseClusters = shouldReplaceParentCluster(midSpread)
+    ? visibleBaseClusters.filter(cluster => !midExpansion.expandedParentIds.has(cluster.id))
+    : visibleBaseClusters
   if (state.transform.scale <= ecosystemSubgraphScaleThreshold) {
     return [
       ...hubClusters,
@@ -960,10 +967,14 @@ const selectHierarchicalEcosystemClusters = viewport => {
     ]
   }
 
+  const microSpread = zoomProgress(state.transform.scale, ecosystemSubgraphScaleThreshold, ecosystemClusterScaleThreshold)
+  const visibleMidClusters = shouldReplaceParentCluster(microSpread)
+    ? midExpansion.childClusters.filter(cluster => !microExpansion.expandedParentIds.has(cluster.id))
+    : midExpansion.childClusters
   return [
     ...hubClusters,
     ...remainingBaseClusters,
-    ...midExpansion.childClusters.filter(cluster => !microExpansion.expandedParentIds.has(cluster.id)),
+    ...visibleMidClusters,
     ...microExpansion.childClusters
   ]
 }
@@ -3152,11 +3163,11 @@ const bindEvents = () => {
   })
   elements.zoomIn.addEventListener('click', () => {
     const rect = canvas.getBoundingClientRect()
-    zoomAtPoint(Math.max(rect.width, 320) / 2, Math.max(rect.height, 320) / 2, 1.14, 'button')
+    zoomAtPoint(Math.max(rect.width, 320) / 2, Math.max(rect.height, 320) / 2, 1.055, 'button')
   })
   elements.zoomOut.addEventListener('click', () => {
     const rect = canvas.getBoundingClientRect()
-    zoomAtPoint(Math.max(rect.width, 320) / 2, Math.max(rect.height, 320) / 2, 0.88, 'button')
+    zoomAtPoint(Math.max(rect.width, 320) / 2, Math.max(rect.height, 320) / 2, 0.948, 'button')
   })
   if (elements.fit) {
     elements.fit.addEventListener('click', () => {
@@ -3187,7 +3198,7 @@ const bindEvents = () => {
     const rect = canvas.getBoundingClientRect()
     const cursorX = event.clientX - rect.left
     const cursorY = event.clientY - rect.top
-    zoomAtPoint(cursorX, cursorY, 1.12)
+    zoomAtPoint(cursorX, cursorY, 1.055)
   })
   canvas.addEventListener('pointerdown', event => {
     const point = worldPoint(event)
@@ -3261,14 +3272,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.12)
+      zoomAtPoint(Math.max(rect.width, 320) / 2, Math.max(rect.height, 320) / 2, 1.05)
       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.89)
+      zoomAtPoint(Math.max(rect.width, 320) / 2, Math.max(rect.height, 320) / 2, 0.952)
       return
     }
 

package/package.json

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