@andespindola/brainlink 0.1.0-beta.132 → 0.1.0-beta.134

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

@@ -16,9 +16,13 @@ const hierarchyMicroEnterCoverage = 0.58
 const hierarchyMicroExitCoverage = 0.38
 const hierarchyMicroEnterScale = 0.18
 const hierarchyMicroExitScale = 0.12
-const hierarchyFocusedOnlyProgress = 0.5
-const hierarchyFocusedOnlyCoverage = 0.4
+const hierarchyFocusAcquireCoverage = 0.52
+const hierarchyFocusAcquireScale = 0.16
+const hierarchyChildRevealPower = 4
+const hierarchyFocusedOnlyProgress = 0.64
 const hierarchyChildGraphFitMargin = 1.28
+const hierarchyChildRevealGrowthRatio = 0.3
+const hierarchyChildRevealGrowthFloor = 2
 const minNodePixelRadius = 2.3
 const viewportPaddingPx = 280
 const worldCoordinateLimit = 5_000_000
@@ -86,6 +90,8 @@ const state = {
   lastZoomFocus: { x: 0, y: 0, at: 0 },
   hierarchyFocusGroupId: null,
   hierarchyFocusStack: [],
+  hierarchyRevealFocusGroupId: null,
+  hierarchyRevealBudget: 1,
   zoomTransition: {
     active: false,
     source: 'generic',
@@ -1461,6 +1467,16 @@ const updateHierarchyFocusGroup = (groups, viewport) => {
     ? groups.find(group => group.id === state.hierarchyFocusGroupId) ?? null
     : null
   const currentCoverage = current ? groupViewportCoverage(current, viewport) : 0
+  const hasActiveFocusedTransition =
+    Boolean(current) &&
+    state.zoomTransition.active &&
+    state.zoomTransition.source === 'group' &&
+    state.selected?.isGroupNode &&
+    state.selected.groupId === current.id
+
+  if (hasActiveFocusedTransition) {
+    return current
+  }
 
   if (
     current &&
@@ -1479,8 +1495,8 @@ const updateHierarchyFocusGroup = (groups, viewport) => {
 
   if (
     candidate &&
-    state.transform.scale >= hierarchyMicroExitScale &&
-    candidate.coverage >= hierarchyMicroExitCoverage
+    state.transform.scale >= hierarchyFocusAcquireScale &&
+    candidate.coverage >= hierarchyFocusAcquireCoverage
   ) {
     state.hierarchyFocusGroupId = candidate.group.id
     if (candidate.group.childGroupIds.length > 0 && state.hierarchyFocusStack.at(-1) !== candidate.group.id) {
@@ -1496,11 +1512,45 @@ const updateHierarchyFocusGroup = (groups, viewport) => {
   return null
 }
 
+const updateHierarchyChildRevealBudget = (focusGroupId, targetLimit) => {
+  if (state.hierarchyRevealFocusGroupId !== focusGroupId) {
+    state.hierarchyRevealFocusGroupId = focusGroupId
+    state.hierarchyRevealBudget = 1
+  }
+
+  if (state.hierarchyRevealBudget > targetLimit) {
+    state.hierarchyRevealBudget = targetLimit
+    return targetLimit
+  }
+
+  const remaining = Math.max(0, targetLimit - state.hierarchyRevealBudget)
+  const growth = Math.max(
+    hierarchyChildRevealGrowthFloor,
+    Math.floor(remaining * hierarchyChildRevealGrowthRatio)
+  )
+  state.hierarchyRevealBudget = Math.min(targetLimit, state.hierarchyRevealBudget + growth)
+  return state.hierarchyRevealBudget
+}
+
 const hierarchyViewportProgress = (group, viewport) => {
   const coverage = groupViewportCoverage(group, viewport)
-  const coverageProgress = (coverage - hierarchyMicroExitCoverage) / (hierarchyMicroEnterCoverage - hierarchyMicroExitCoverage)
-  const scaleProgress = (state.transform.scale - hierarchyMicroExitScale) / (hierarchyMicroEnterScale - hierarchyMicroExitScale)
-  return smoothProgress(Math.min(coverageProgress, scaleProgress))
+  const coverageProgress = (coverage - hierarchyFocusAcquireCoverage) / (hierarchyMicroEnterCoverage - hierarchyFocusAcquireCoverage)
+  const scaleProgress = (state.transform.scale - hierarchyFocusAcquireScale) / (hierarchyMicroEnterScale - hierarchyFocusAcquireScale)
+  const viewportProgress = smoothProgress(Math.min(coverageProgress, scaleProgress))
+  const hasActiveFocusedTransition =
+    state.zoomTransition.active &&
+    state.zoomTransition.source === 'group' &&
+    state.selected?.isGroupNode &&
+    state.selected.groupId === group.id
+
+  if (!hasActiveFocusedTransition) {
+    return viewportProgress
+  }
+
+  const targetSpan = Math.max(state.zoomTransition.targetScale - hierarchyFocusAcquireScale, 0.0001)
+  const transitionScaleProgress = (state.transform.scale - hierarchyFocusAcquireScale) / targetSpan
+  const transitionProgress = Math.pow(Math.max(0, Math.min(1, transitionScaleProgress)), 2.8)
+  return Math.max(viewportProgress, transitionProgress)
 }
 
 const groupEdgesForRenderedGroups = (groupNodes) => {
@@ -1556,6 +1606,8 @@ const computeHierarchyRenderVisibility = (viewport) => {
   if (state.groups.length === 0 || state.visibleNodes.length <= 1000) {
     state.hierarchyFocusGroupId = null
     state.hierarchyFocusStack = []
+    state.hierarchyRevealFocusGroupId = null
+    state.hierarchyRevealBudget = 1
     return false
   }
 
@@ -1565,6 +1617,8 @@ const computeHierarchyRenderVisibility = (viewport) => {
   const groupNodes = groups.map(createGroupRenderNode)
 
   if (!focus || progress <= 0.02) {
+    state.hierarchyRevealFocusGroupId = null
+    state.hierarchyRevealBudget = 1
     state.renderNodes = groupNodes
     state.renderEdges = groupEdgesForRenderedGroups(groupNodes)
     return true
@@ -1575,7 +1629,9 @@ const computeHierarchyRenderVisibility = (viewport) => {
   const focusChildGroups = focus.childGroupIds
     .map(groupId => state.groupById.get(groupId))
     .filter(Boolean)
-  const childLimit = Math.min(renderNodeBudget, Math.max(1, Math.floor(renderNodeBudget * progress)))
+  const childRevealProgress = Math.pow(Math.max(0, Math.min(1, progress)), hierarchyChildRevealPower)
+  const childTargetLimit = Math.min(renderNodeBudget, Math.max(1, Math.floor(renderNodeBudget * childRevealProgress)))
+  const childLimit = updateHierarchyChildRevealBudget(focus.id, childTargetLimit)
   const focusRenderNode = groupNodes.find(node => node.groupId === focus.id) ?? createGroupRenderNode(focus)
   const arrangedChildren = focusChildGroups.length > 0
     ? arrangeChildGroupNodes(focusChildGroups, focus, focusRenderNode)
@@ -1584,9 +1640,7 @@ const computeHierarchyRenderVisibility = (viewport) => {
     .map(node => interpolateNodeFromGroup(node, focusRenderNode, progress))
   const childIds = new Set(childNodes.map(node => node.id))
   const childById = new Map(childNodes.map(node => [node.id, node]))
-  const isMicroView =
-    progress >= hierarchyFocusedOnlyProgress ||
-    groupViewportCoverage(focus, viewport) >= hierarchyFocusedOnlyCoverage
+  const isMicroView = progress >= hierarchyFocusedOnlyProgress
   const visibleGroupNodes = isMicroView
     ? []
     : groupNodes.filter(node => node.groupId !== focus.id || progress < 0.92)
@@ -2077,6 +2131,8 @@ const resetView = () => fitView({ useFiltered: false, preferHubCenter: false })
 const resetHierarchyFocus = () => {
   state.hierarchyFocusGroupId = null
   state.hierarchyFocusStack = []
+  state.hierarchyRevealFocusGroupId = null
+  state.hierarchyRevealBudget = 1
 }
 
 const focusPrimaryHub = () => {
@@ -3287,6 +3343,8 @@ const loadGraph = async (options = { reset: false }) => {
   state.groups = layout.groups
   state.hierarchyFocusGroupId = null
   state.hierarchyFocusStack = []
+  state.hierarchyRevealFocusGroupId = null
+  state.hierarchyRevealBudget = 1
   state.groupById = new Map(state.groups.map(group => [group.id, group]))
   state.leafGroups = state.groups.filter(group => group.nodeIds.length > 0)
   state.nodeLeafGroupById = new Map(state.leafGroups.flatMap(group => group.nodeIds.map(nodeId => [nodeId, group])))

package/package.json

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