system-canvas-standalone 0.2.44 → 0.2.45

package/dist/system-canvas.js

@@ -16533,8 +16533,10 @@ var SystemCanvas = (() => {
   function useZoomNavigation(options) {
     const { enabled, config, nodes, currentCanvas, parentFrame, canvases, onResolveCanvas, onSeedCanvas, theme, getViewportSize, getCursorScreenPos, onEnter, onExit } = options;
     const committingRef = (0, import_react10.useRef)(false);
+    const pendingNavRefRef = (0, import_react10.useRef)(null);
     (0, import_react10.useEffect)(() => {
       committingRef.current = false;
+      pendingNavRefRef.current = null;
     }, [currentCanvas]);
     const exitArmedRef = (0, import_react10.useRef)(false);
     (0, import_react10.useEffect)(() => {
@@ -16629,7 +16631,7 @@ var SystemCanvas = (() => {
           }
         }
       }
-      if (bestCandidate) {
+      if (bestCandidate && !(pendingNavRefRef.current !== null && bestCandidate.node.ref !== pendingNavRefRef.current)) {
         const n = bestCandidate.node;
         const screen = bestCandidate.screen;
         const ref = n.ref;
@@ -16700,8 +16702,12 @@ var SystemCanvas = (() => {
     ]);
     const clearCommitting = (0, import_react10.useCallback)(() => {
       committingRef.current = false;
+      pendingNavRefRef.current = null;
     }, []);
-    return { handleViewportChange, clearCommitting };
+    const setPendingNavRef = (0, import_react10.useCallback)((ref) => {
+      pendingNavRefRef.current = ref;
+    }, []);
+    return { handleViewportChange, clearCommitting, setPendingNavRef };
   }
 
   // ../react/dist/components/Viewport.js
@@ -23394,6 +23400,7 @@ var SystemCanvas = (() => {
       }
       const handle = viewportHandleRef.current;
       if (handle) {
+        setZoomNavPendingRef(node.ref ?? null);
         handle.zoomToNode(node, () => {
           const finalVp = viewportStateRef.current;
           if (finalVp)
@@ -23424,7 +23431,7 @@ var SystemCanvas = (() => {
       navigateToBreadcrumb(breadcrumbs.length - 2);
     }, [navigateToBreadcrumb, breadcrumbs.length]);
     const currentParentFrame = parentFrames[parentFrames.length - 1] ?? null;
-    const { handleViewportChange: handleZoomNavViewportChange, clearCommitting: clearZoomNavCommitting } = useZoomNavigation({
+    const { handleViewportChange: handleZoomNavViewportChange, clearCommitting: clearZoomNavCommitting, setPendingNavRef: setZoomNavPendingRef } = useZoomNavigation({
       enabled: zoomNavConfig.enabled,
       config: zoomNavConfig,
       nodes,