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

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

@@ -16,8 +16,10 @@ 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 minNodePixelRadius = 2.3
 const viewportPaddingPx = 280
@@ -1461,6 +1463,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 +1491,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) {
@@ -1498,9 +1510,23 @@ const updateHierarchyFocusGroup = (groups, viewport) => {
 
 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) => {
@@ -1575,7 +1601,8 @@ 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 childLimit = Math.min(renderNodeBudget, Math.max(1, Math.floor(renderNodeBudget * childRevealProgress)))
   const focusRenderNode = groupNodes.find(node => node.groupId === focus.id) ?? createGroupRenderNode(focus)
   const arrangedChildren = focusChildGroups.length > 0
     ? arrangeChildGroupNodes(focusChildGroups, focus, focusRenderNode)
@@ -1584,9 +1611,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)

package/package.json

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