@ankhorage/zora 21.0.12 → 21.0.13

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 21.0.13
+
+### Patch Changes
+
+- 4504e86: Retry GraphView's pending initial fit when the container first becomes usable after a zero-size layout mount.
+
 ## 21.0.12
 
 ### Patch Changes

package/README.md

@@ -3,7 +3,7 @@
 
 # @ankhorage/zora
 
-![license: MIT](././paradox/badges/license.svg) ![npm: v21.0.12](././paradox/badges/npm.svg) ![runtime: bun](././paradox/badges/runtime.svg) ![typescript: strict](././paradox/badges/typescript.svg) ![eslint: checked](././paradox/badges/eslint.svg) ![prettier: checked](././paradox/badges/prettier.svg) ![build: checked](././paradox/badges/build.svg) ![tests: checked](././paradox/badges/tests.svg) ![docs: paradox](././paradox/badges/docs.svg)
+![license: MIT](././paradox/badges/license.svg) ![npm: v21.0.13](././paradox/badges/npm.svg) ![runtime: bun](././paradox/badges/runtime.svg) ![typescript: strict](././paradox/badges/typescript.svg) ![eslint: checked](././paradox/badges/eslint.svg) ![prettier: checked](././paradox/badges/prettier.svg) ![build: checked](././paradox/badges/build.svg) ![tests: checked](././paradox/badges/tests.svg) ![docs: paradox](././paradox/badges/docs.svg)
 
 Opinionated React Native and React Native Web UI kit built on @ankhorage/surface.
 

package/dist/features/graph-view/adapters/inbound/web-artifact/createGraphResizeObserver.d.ts

@@ -6,10 +6,13 @@ interface CreateGraphResizeObserverInput {
     readonly layoutRunningRef: {
         current: boolean;
     };
+    readonly pendingInitialFitRef: {
+        current: boolean;
+    };
     readonly readyRef: {
         current: boolean;
     };
-    readonly onViewportSettled: () => void;
+    readonly onViewportSettled: (completedPendingInitialFit: boolean) => void;
 }
 export interface GraphResizeObserver {
     disconnect(): void;

package/dist/features/graph-view/adapters/inbound/web-artifact/createGraphResizeObserver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createGraphResizeObserver.d.ts","sourceRoot":"","sources":["../../../../../../src/features/graph-view/adapters/inbound/web-artifact/createGraphResizeObserver.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAItC,UAAU,8BAA8B;IACtC,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,EAAE,IAAI,CAAC;IAClB,QAAQ,CAAC,cAAc,EAAE,MAAM,IAAI,CAAC;IACpC,QAAQ,CAAC,gBAAgB,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,CAAC;IAChD,QAAQ,CAAC,QAAQ,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,CAAC;IACxC,QAAQ,CAAC,iBAAiB,EAAE,MAAM,IAAI,CAAC;CACxC;AAED,MAAM,WAAW,mBAAmB;IAClC,UAAU,IAAI,IAAI,CAAC;CACpB;AAED,sFAAsF;AACtF,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,8BAA8B,GACpC,mBAAmB,GAAG,IAAI,CAe5B"}
+{"version":3,"file":"createGraphResizeObserver.d.ts","sourceRoot":"","sources":["../../../../../../src/features/graph-view/adapters/inbound/web-artifact/createGraphResizeObserver.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAItC,UAAU,8BAA8B;IACtC,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,EAAE,IAAI,CAAC;IAClB,QAAQ,CAAC,cAAc,EAAE,MAAM,IAAI,CAAC;IACpC,QAAQ,CAAC,gBAAgB,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,CAAC;IAChD,QAAQ,CAAC,oBAAoB,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,CAAC;IACpD,QAAQ,CAAC,QAAQ,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,CAAC;IACxC,QAAQ,CAAC,iBAAiB,EAAE,CAAC,0BAA0B,EAAE,OAAO,KAAK,IAAI,CAAC;CAC3E;AAED,MAAM,WAAW,mBAAmB;IAClC,UAAU,IAAI,IAAI,CAAC;CACpB;AAED,sFAAsF;AACtF,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,8BAA8B,GACpC,mBAAmB,GAAG,IAAI,CAgB5B"}

package/dist/features/graph-view/adapters/inbound/web-artifact/createGraphResizeObserver.js

@@ -11,7 +11,9 @@ export function createGraphResizeObserver(input) {
             return;
         sizeRef.height = entry.contentRect.height;
         sizeRef.width = entry.contentRect.width;
-        if (!input.readyRef.current || input.layoutRunningRef.current)
+        if (input.layoutRunningRef.current)
+            return;
+        if (!input.readyRef.current && !input.pendingInitialFitRef.current)
             return;
         scheduleResizeFit(input);
     });
@@ -24,8 +26,12 @@ function scheduleResizeFit(input) {
         if (input.cy.destroyed() || input.layoutRunningRef.current)
             return;
         input.cy.resize();
+        if (input.cy.width() <= 0 || input.cy.height() <= 0)
+            return;
+        const completedPendingInitialFit = input.pendingInitialFitRef.current;
+        input.pendingInitialFitRef.current = false;
         input.settleViewport();
-        input.onViewportSettled();
+        input.onViewportSettled(completedPendingInitialFit);
     });
 }
 /*** Return whether ResizeObserver reported a genuinely different container size. */

package/dist/features/graph-view/adapters/inbound/web-artifact/createGraphResizeObserver.js.map

@@ -1 +1 @@
-{"version":3,"file":"createGraphResizeObserver.js","sourceRoot":"","sources":["../../../../../../src/features/graph-view/adapters/inbound/web-artifact/createGraphResizeObserver.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAe1D,sFAAsF;AACtF,MAAM,UAAU,yBAAyB,CACvC,KAAqC;IAErC,MAAM,QAAQ,GAAG,6BAA6B,EAAE,CAAC;IACjD,IAAI,QAAQ,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IACnC,MAAM,OAAO,GAAG,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC;IAE1C,MAAM,QAAQ,GAAG,IAAI,QAAQ,CAAC,CAAC,OAAO,EAAE,EAAE;QACxC,MAAM,KAAK,GAAG,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;QAC5B,IAAI,KAAK,KAAK,SAAS,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC;YAAE,OAAO;QAC/E,OAAO,CAAC,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC;QAC1C,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC;QACxC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,IAAI,KAAK,CAAC,gBAAgB,CAAC,OAAO;YAAE,OAAO;QACtE,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,CAAC,CAAC;IACH,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAClC,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,wEAAwE;AACxE,SAAS,iBAAiB,CAAC,KAAqC;IAC9D,kBAAkB,CAAC,GAAG,EAAE;QACtB,IAAI,KAAK,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,KAAK,CAAC,gBAAgB,CAAC,OAAO;YAAE,OAAO;QACnE,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC;QAClB,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,iBAAiB,EAAE,CAAC;IAC5B,CAAC,CAAC,CAAC;AACL,CAAC;AAED,oFAAoF;AACpF,SAAS,cAAc,CACrB,QAA6D,EAC7D,IAAyD;IAEzD,OAAO,QAAQ,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,IAAI,QAAQ,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC;AAC1E,CAAC;AAED,qFAAqF;AACrF,SAAS,6BAA6B;IACpC,MAAM,KAAK,GACT,UAGD,CAAC,cAAc,CAAC;IACjB,OAAO,KAAK,IAAI,IAAI,CAAC;AACvB,CAAC","sourcesContent":["import type { Core } from 'cytoscape';\n\nimport { scheduleGraphFrame } from './scheduleGraphFrame';\n\ninterface CreateGraphResizeObserverInput {\n  readonly container: unknown;\n  readonly cy: Core;\n  readonly settleViewport: () => void;\n  readonly layoutRunningRef: { current: boolean };\n  readonly readyRef: { current: boolean };\n  readonly onViewportSettled: () => void;\n}\n\nexport interface GraphResizeObserver {\n  disconnect(): void;\n}\n\n/*** Observe settled container resizing without racing an active layout generation. */\nexport function createGraphResizeObserver(\n  input: CreateGraphResizeObserverInput,\n): GraphResizeObserver | null {\n  const Observer = readResizeObserverConstructor();\n  if (Observer === null) return null;\n  const sizeRef = { height: -1, width: -1 };\n\n  const observer = new Observer((entries) => {\n    const entry = entries.at(0);\n    if (entry === undefined || !hasSizeChanged(sizeRef, entry.contentRect)) return;\n    sizeRef.height = entry.contentRect.height;\n    sizeRef.width = entry.contentRect.width;\n    if (!input.readyRef.current || input.layoutRunningRef.current) return;\n    scheduleResizeFit(input);\n  });\n  observer.observe(input.container);\n  return observer;\n}\n\n/*** Fit one genuine resize only after the active layout has settled. */\nfunction scheduleResizeFit(input: CreateGraphResizeObserverInput) {\n  scheduleGraphFrame(() => {\n    if (input.cy.destroyed() || input.layoutRunningRef.current) return;\n    input.cy.resize();\n    input.settleViewport();\n    input.onViewportSettled();\n  });\n}\n\n/*** Return whether ResizeObserver reported a genuinely different container size. */\nfunction hasSizeChanged(\n  previous: { readonly height: number; readonly width: number },\n  next: { readonly height: number; readonly width: number },\n): boolean {\n  return previous.height !== next.height || previous.width !== next.width;\n}\n\n/*** Read ResizeObserver without imposing DOM library types on the package target. */\nfunction readResizeObserverConstructor(): ResizeObserverConstructorLike | null {\n  const value = (\n    globalThis as unknown as {\n      ResizeObserver?: ResizeObserverConstructorLike;\n    }\n  ).ResizeObserver;\n  return value ?? null;\n}\n\ninterface ResizeObserverEntryLike {\n  readonly contentRect: {\n    readonly height: number;\n    readonly width: number;\n  };\n}\n\ninterface ResizeObserverLike extends GraphResizeObserver {\n  observe(target: unknown): void;\n}\n\ntype ResizeObserverConstructorLike = new (\n  callback: (entries: readonly ResizeObserverEntryLike[]) => void,\n) => ResizeObserverLike;\n"]}
+{"version":3,"file":"createGraphResizeObserver.js","sourceRoot":"","sources":["../../../../../../src/features/graph-view/adapters/inbound/web-artifact/createGraphResizeObserver.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAgB1D,sFAAsF;AACtF,MAAM,UAAU,yBAAyB,CACvC,KAAqC;IAErC,MAAM,QAAQ,GAAG,6BAA6B,EAAE,CAAC;IACjD,IAAI,QAAQ,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IACnC,MAAM,OAAO,GAAG,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC;IAE1C,MAAM,QAAQ,GAAG,IAAI,QAAQ,CAAC,CAAC,OAAO,EAAE,EAAE;QACxC,MAAM,KAAK,GAAG,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;QAC5B,IAAI,KAAK,KAAK,SAAS,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC;YAAE,OAAO;QAC/E,OAAO,CAAC,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC;QAC1C,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC;QACxC,IAAI,KAAK,CAAC,gBAAgB,CAAC,OAAO;YAAE,OAAO;QAC3C,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,OAAO;YAAE,OAAO;QAC3E,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,CAAC,CAAC;IACH,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAClC,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,wEAAwE;AACxE,SAAS,iBAAiB,CAAC,KAAqC;IAC9D,kBAAkB,CAAC,GAAG,EAAE;QACtB,IAAI,KAAK,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,KAAK,CAAC,gBAAgB,CAAC,OAAO;YAAE,OAAO;QACnE,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC;QAClB,IAAI,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC;YAAE,OAAO;QAC5D,MAAM,0BAA0B,GAAG,KAAK,CAAC,oBAAoB,CAAC,OAAO,CAAC;QACtE,KAAK,CAAC,oBAAoB,CAAC,OAAO,GAAG,KAAK,CAAC;QAC3C,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,iBAAiB,CAAC,0BAA0B,CAAC,CAAC;IACtD,CAAC,CAAC,CAAC;AACL,CAAC;AAED,oFAAoF;AACpF,SAAS,cAAc,CACrB,QAA6D,EAC7D,IAAyD;IAEzD,OAAO,QAAQ,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,IAAI,QAAQ,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC;AAC1E,CAAC;AAED,qFAAqF;AACrF,SAAS,6BAA6B;IACpC,MAAM,KAAK,GACT,UAGD,CAAC,cAAc,CAAC;IACjB,OAAO,KAAK,IAAI,IAAI,CAAC;AACvB,CAAC","sourcesContent":["import type { Core } from 'cytoscape';\n\nimport { scheduleGraphFrame } from './scheduleGraphFrame';\n\ninterface CreateGraphResizeObserverInput {\n  readonly container: unknown;\n  readonly cy: Core;\n  readonly settleViewport: () => void;\n  readonly layoutRunningRef: { current: boolean };\n  readonly pendingInitialFitRef: { current: boolean };\n  readonly readyRef: { current: boolean };\n  readonly onViewportSettled: (completedPendingInitialFit: boolean) => void;\n}\n\nexport interface GraphResizeObserver {\n  disconnect(): void;\n}\n\n/*** Observe settled container resizing without racing an active layout generation. */\nexport function createGraphResizeObserver(\n  input: CreateGraphResizeObserverInput,\n): GraphResizeObserver | null {\n  const Observer = readResizeObserverConstructor();\n  if (Observer === null) return null;\n  const sizeRef = { height: -1, width: -1 };\n\n  const observer = new Observer((entries) => {\n    const entry = entries.at(0);\n    if (entry === undefined || !hasSizeChanged(sizeRef, entry.contentRect)) return;\n    sizeRef.height = entry.contentRect.height;\n    sizeRef.width = entry.contentRect.width;\n    if (input.layoutRunningRef.current) return;\n    if (!input.readyRef.current && !input.pendingInitialFitRef.current) return;\n    scheduleResizeFit(input);\n  });\n  observer.observe(input.container);\n  return observer;\n}\n\n/*** Fit one genuine resize only after the active layout has settled. */\nfunction scheduleResizeFit(input: CreateGraphResizeObserverInput) {\n  scheduleGraphFrame(() => {\n    if (input.cy.destroyed() || input.layoutRunningRef.current) return;\n    input.cy.resize();\n    if (input.cy.width() <= 0 || input.cy.height() <= 0) return;\n    const completedPendingInitialFit = input.pendingInitialFitRef.current;\n    input.pendingInitialFitRef.current = false;\n    input.settleViewport();\n    input.onViewportSettled(completedPendingInitialFit);\n  });\n}\n\n/*** Return whether ResizeObserver reported a genuinely different container size. */\nfunction hasSizeChanged(\n  previous: { readonly height: number; readonly width: number },\n  next: { readonly height: number; readonly width: number },\n): boolean {\n  return previous.height !== next.height || previous.width !== next.width;\n}\n\n/*** Read ResizeObserver without imposing DOM library types on the package target. */\nfunction readResizeObserverConstructor(): ResizeObserverConstructorLike | null {\n  const value = (\n    globalThis as unknown as {\n      ResizeObserver?: ResizeObserverConstructorLike;\n    }\n  ).ResizeObserver;\n  return value ?? null;\n}\n\ninterface ResizeObserverEntryLike {\n  readonly contentRect: {\n    readonly height: number;\n    readonly width: number;\n  };\n}\n\ninterface ResizeObserverLike extends GraphResizeObserver {\n  observe(target: unknown): void;\n}\n\ntype ResizeObserverConstructorLike = new (\n  callback: (entries: readonly ResizeObserverEntryLike[]) => void,\n) => ResizeObserverLike;\n"]}

package/dist/features/graph-view/adapters/inbound/web-artifact/createGraphRuntime.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createGraphRuntime.d.ts","sourceRoot":"","sources":["../../../../../../src/features/graph-view/adapters/inbound/web-artifact/createGraphRuntime.ts"],"names":[],"mappings":"AAAA,OAAkB,EAAa,KAAK,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAExE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAQhF,OAAO,KAAK,EACV,kBAAkB,EAClB,yBAAyB,EAEzB,qBAAqB,EACrB,aAAa,EAEd,MAAM,aAAa,CAAC;AAUrB,KAAK,cAAc,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;AACpD,KAAK,oBAAoB,GAAG,CAAC,KAAK,EAAE,SAAS,qBAAqB,EAAE,KAAK,IAAI,CAAC;AAE9E,MAAM,WAAW,YAAY;IAC3B,OAAO,IAAI,IAAI,CAAC;IAChB,sBAAsB,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,yBAAyB,GAAG,IAAI,CAAC;IAC1E,WAAW,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,GAAG,IAAI,CAAC;IACnD,kBAAkB,CAAC,OAAO,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,GAAG,IAAI,CAAC;IACjE,sBAAsB,CAAC,QAAQ,EAAE,oBAAoB,GAAG,MAAM,IAAI,CAAC;IACnE,MAAM,CAAC,KAAK,EAAE,kBAAkB,GAAG,IAAI,CAAC;CACzC;AA2BD,6FAA6F;AAC7F,wBAAgB,kBAAkB,CAChC,SAAS,EAAE,cAAc,EACzB,YAAY,EAAE;IAAE,OAAO,EAAE,kBAAkB,CAAA;CAAE,GAC5C,YAAY,CAmBd"}
+{"version":3,"file":"createGraphRuntime.d.ts","sourceRoot":"","sources":["../../../../../../src/features/graph-view/adapters/inbound/web-artifact/createGraphRuntime.ts"],"names":[],"mappings":"AAAA,OAAkB,EAAa,KAAK,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAExE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAQhF,OAAO,KAAK,EACV,kBAAkB,EAClB,yBAAyB,EAEzB,qBAAqB,EACrB,aAAa,EAEd,MAAM,aAAa,CAAC;AAUrB,KAAK,cAAc,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;AACpD,KAAK,oBAAoB,GAAG,CAAC,KAAK,EAAE,SAAS,qBAAqB,EAAE,KAAK,IAAI,CAAC;AAE9E,MAAM,WAAW,YAAY;IAC3B,OAAO,IAAI,IAAI,CAAC;IAChB,sBAAsB,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,yBAAyB,GAAG,IAAI,CAAC;IAC1E,WAAW,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,GAAG,IAAI,CAAC;IACnD,kBAAkB,CAAC,OAAO,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,GAAG,IAAI,CAAC;IACjE,sBAAsB,CAAC,QAAQ,EAAE,oBAAoB,GAAG,MAAM,IAAI,CAAC;IACnE,MAAM,CAAC,KAAK,EAAE,kBAAkB,GAAG,IAAI,CAAC;CACzC;AA4BD,6FAA6F;AAC7F,wBAAgB,kBAAkB,CAChC,SAAS,EAAE,cAAc,EACzB,YAAY,EAAE;IAAE,OAAO,EAAE,kBAAkB,CAAA;CAAE,GAC5C,YAAY,CAmBd"}

package/dist/features/graph-view/adapters/inbound/web-artifact/createGraphRuntime.js

@@ -59,6 +59,7 @@ function createRuntimeState(cy, container, callbacksRef) {
         nodeSizes: new Map(),
         labelSizedNodeIds: new Set(),
         loopSizer: createGraphLoopSizer(cy),
+        pendingInitialFitRef: { current: false },
         readyRef,
         settledTopologyRef: { current: null },
         relayoutScheduledRef: { current: false },
@@ -70,7 +71,15 @@ function createRuntimeState(cy, container, callbacksRef) {
         cy,
         settleViewport: () => viewport.settle(true),
         layoutRunningRef,
-        onViewportSettled: () => emitRenderedNodes(stateBase),
+        pendingInitialFitRef: stateBase.pendingInitialFitRef,
+        onViewportSettled: (completedPendingInitialFit) => {
+            emitRenderedNodes(stateBase);
+            if (!completedPendingInitialFit || readyRef.current)
+                return;
+            readyRef.current = true;
+            callbacksRef.current.onReady?.(controller);
+            callbacksRef.current.onLayoutComplete?.(controller);
+        },
         readyRef,
     });
     const state = { ...stateBase, resizeObserver, unbindEvents };
@@ -118,7 +127,7 @@ function updateRuntime(state, input) {
             state.viewport.settle(previous?.zoomMode !== input.zoomMode);
         }
         emitRenderedNodes(state);
-        if (!state.layoutRunningRef.current)
+        if (!state.layoutRunningRef.current && !state.pendingInitialFitRef.current)
             state.callbacksRef.current.onLayoutComplete?.(state.controller);
         return;
     }
@@ -129,6 +138,7 @@ function updateRuntime(state, input) {
 }
 /*** Start a generation-safe layout whose completion is the only normal automatic fit trigger. */
 function startCurrentLayout(state, input) {
+    state.pendingInitialFitRef.current = false;
     const generation = state.generationRef.current + 1;
     state.generationRef.current = generation;
     state.layoutRunningRef.current = true;
@@ -151,8 +161,12 @@ function completeCurrentLayout(state, generation) {
         state.layoutRef.current = null;
         state.cy.resize();
         state.layoutRunningRef.current = false;
-        if (!hasUsableViewport(state.cy))
+        if (!hasUsableViewport(state.cy)) {
+            if (!state.readyRef.current)
+                state.pendingInitialFitRef.current = true;
             return;
+        }
+        state.pendingInitialFitRef.current = false;
         const input = state.latestUpdateRef.current;
         if (input === null)
             return;

package/dist/features/graph-view/adapters/inbound/web-artifact/createGraphRuntime.js.map

@@ -1 +1 @@
-{"version":3,"file":"createGraphRuntime.js","sourceRoot":"","sources":["../../../../../../src/features/graph-view/adapters/inbound/web-artifact/createGraphRuntime.ts"],"names":[],"mappings":"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","sourcesContent":["import cytoscape, { type Core, type CytoscapeOptions } from 'cytoscape';\n\nimport type { GraphRuntimeUpdate } from '../../../../../types/graphViewRuntime';\nimport { bindGraphEvents } from './bindGraphEvents';\nimport { compactGraphSpacing } from './compactGraphSpacing';\nimport { createGraphController } from './createGraphController';\nimport { createGraphLoopSizer } from './createGraphLoopSizer';\nimport { createGraphResizeObserver, type GraphResizeObserver } from './createGraphResizeObserver';\nimport { getGraphGeometryKey } from './getGraphGeometryKey';\nimport { getGraphTopologyKey } from './getGraphTopologyKey';\nimport type {\n  GraphViewCallbacks,\n  GraphViewElementEventType,\n  GraphViewFitOptions,\n  GraphViewRenderedNode,\n  GraphViewSize,\n  GraphViewStyleRule,\n} from './GraphView';\nimport { hasGraphLayoutChanged } from './hasGraphLayoutChanged';\nimport { readGraphRenderedNodes } from './readGraphRenderedNodes';\nimport { registerGraphLayouts } from './registerGraphLayouts';\nimport { runGraphLayout } from './runGraphLayout';\nimport { scheduleGraphFrame } from './scheduleGraphFrame';\nimport { shouldFitGraphAfterLayout } from './shouldFitGraphAfterLayout';\nimport { sizeGraphNodesToLabels } from './sizeGraphNodesToLabels';\nimport { syncGraphElements } from './syncGraphElements';\n\ntype GraphContainer = CytoscapeOptions['container'];\ntype RenderedNodeListener = (nodes: readonly GraphViewRenderedNode[]) => void;\n\nexport interface GraphRuntime {\n  destroy(): void;\n  handleOverlayNodeEvent(id: string, type: GraphViewElementEventType): void;\n  setNodeSize(id: string, size: GraphViewSize): void;\n  setSelectedNodeIds(nodeIds: readonly string[] | undefined): void;\n  subscribeRenderedNodes(listener: RenderedNodeListener): () => void;\n  update(input: GraphRuntimeUpdate): void;\n}\n\ninterface GraphRuntimeState {\n  readonly fitRequestRef: { current: GraphViewFitOptions | null };\n  readonly optimizedSpacingRef: { current: number | null };\n  readonly callbacksRef: { current: GraphViewCallbacks };\n  readonly controller: ReturnType<typeof createGraphController>['controller'];\n  readonly viewport: ReturnType<typeof createGraphController>;\n  readonly cy: Core;\n  readonly fitPaddingRef: { current: number };\n  readonly generationRef: { current: number };\n  readonly geometryRef: { current: string | null };\n  readonly hoveredNodeIds: Set<string>;\n  readonly latestUpdateRef: { current: GraphRuntimeUpdate | null };\n  readonly layoutRef: { current: ReturnType<typeof runGraphLayout> | null };\n  readonly layoutRunningRef: { current: boolean };\n  readonly nodeSizes: Map<string, GraphViewSize>;\n  readonly labelSizedNodeIds: Set<string>;\n  readonly loopSizer: ReturnType<typeof createGraphLoopSizer>;\n  readonly readyRef: { current: boolean };\n  readonly settledTopologyRef: { current: string | null };\n  readonly relayoutScheduledRef: { current: boolean };\n  readonly renderedNodeListeners: Set<RenderedNodeListener>;\n  readonly resizeObserver: GraphResizeObserver | null;\n  readonly unbindEvents: () => void;\n}\n\n/*** Create one Cytoscape runtime that exclusively owns layout, fit, resize, and disposal. */\nexport function createGraphRuntime(\n  container: GraphContainer,\n  callbacksRef: { current: GraphViewCallbacks },\n): GraphRuntime {\n  const cy = cytoscape({\n    container,\n    elements: [],\n    minZoom: 0.05,\n    maxZoom: 2,\n    selectionType: 'additive',\n    userPanningEnabled: true,\n  });\n  const state = createRuntimeState(cy, container, callbacksRef);\n\n  return {\n    destroy: () => destroyRuntime(state),\n    handleOverlayNodeEvent: (id, type) => handleOverlayNodeEvent(state, id, type),\n    setNodeSize: (id, size) => setNodeSize(state, id, size),\n    setSelectedNodeIds: (nodeIds) => setSelectedNodeIds(state, nodeIds),\n    subscribeRenderedNodes: (listener) => subscribeRenderedNodes(state, listener),\n    update: (input) => updateRuntime(state, input),\n  };\n}\n\n/*** Build the mutable state shared by the single graph-runtime owner. */\nfunction createRuntimeState(\n  cy: Core,\n  container: GraphContainer,\n  callbacksRef: { current: GraphViewCallbacks },\n): GraphRuntimeState {\n  const fitPaddingRef = { current: 50 };\n  const viewport = createGraphController(cy, fitPaddingRef, (options) =>\n    requestOptimizedFit(state, options),\n  );\n  const { controller } = viewport;\n  const layoutRunningRef = { current: false };\n  const readyRef = { current: false };\n  const renderedNodeListeners = new Set<RenderedNodeListener>();\n  const stateBase = {\n    fitRequestRef: { current: null as GraphViewFitOptions | null },\n    optimizedSpacingRef: { current: null as number | null },\n    callbacksRef,\n    controller,\n    viewport,\n    cy,\n    fitPaddingRef,\n    generationRef: { current: 0 },\n    geometryRef: { current: null as string | null },\n    hoveredNodeIds: new Set<string>(),\n    latestUpdateRef: { current: null as GraphRuntimeUpdate | null },\n    layoutRef: { current: null as ReturnType<typeof runGraphLayout> | null },\n    layoutRunningRef,\n    nodeSizes: new Map<string, GraphViewSize>(),\n    labelSizedNodeIds: new Set<string>(),\n    loopSizer: createGraphLoopSizer(cy),\n    readyRef,\n    settledTopologyRef: { current: null as string | null },\n    relayoutScheduledRef: { current: false },\n    renderedNodeListeners,\n  };\n  const unbindEvents = bindGraphEvents(cy, callbacksRef, controller, () =>\n    emitRenderedNodes(stateBase),\n  );\n  const resizeObserver = createGraphResizeObserver({\n    container,\n    cy,\n    settleViewport: () => viewport.settle(true),\n    layoutRunningRef,\n    onViewportSettled: () => emitRenderedNodes(stateBase),\n    readyRef,\n  });\n\n  const state = { ...stateBase, resizeObserver, unbindEvents };\n  return state;\n}\n\n/***\n * Reconcile presentation in place and relayout only when graph geometry or layout policy changes.\n * @performance Batch reconciliation and skip layout for presentation-only updates.\n */\nfunction updateRuntime(state: GraphRuntimeState, input: GraphRuntimeUpdate) {\n  if (state.cy.destroyed()) return;\n  const last = state.latestUpdateRef.current;\n  const acceptsSpacing =\n    state.optimizedSpacingRef.current !== null &&\n    state.optimizedSpacingRef.current === input.spacingFactor;\n  const previous = acceptsSpacing && last ? { ...last, spacingFactor: input.spacingFactor } : last;\n  if (acceptsSpacing) state.optimizedSpacingRef.current = null;\n  state.latestUpdateRef.current = input;\n  state.fitPaddingRef.current = input.fitPadding ?? 50;\n  state.viewport.configure(input);\n  state.cy.batch(() => {\n    if (previous?.nodes !== input.nodes || previous.edges !== input.edges) {\n      syncGraphElements(state.cy, input.nodes, input.edges);\n    }\n    if (\n      previous?.styleRules !== input.styleRules ||\n      previous?.richNodeRendering !== input.richNodeRendering\n    ) {\n      state.loopSizer.reset();\n      applyGraphStyles(state.cy, input.styleRules, input.richNodeRendering);\n    }\n  });\n  sizeGraphNodesToLabels(\n    state.cy,\n    state.labelSizedNodeIds,\n    input.sizeNodesToLabels === true && !input.richNodeRendering,\n  );\n  applyKnownNodeSizes(state);\n  state.loopSizer.update();\n  const geometry = getGraphGeometryKey(state.cy);\n  const relayout = geometry !== state.geometryRef.current || hasGraphLayoutChanged(previous, input);\n  state.geometryRef.current = geometry;\n  if (!relayout) {\n    if (\n      previous?.zoomMode !== input.zoomMode ||\n      previous?.fitPadding !== input.fitPadding ||\n      previous?.minZoom !== input.minZoom ||\n      previous?.maxZoom !== input.maxZoom ||\n      previous?.minReadableLabelSize !== input.minReadableLabelSize ||\n      previous?.maxFitLabelSize !== input.maxFitLabelSize\n    ) {\n      state.viewport.settle(previous?.zoomMode !== input.zoomMode);\n    }\n    emitRenderedNodes(state);\n    if (!state.layoutRunningRef.current)\n      state.callbacksRef.current.onLayoutComplete?.(state.controller);\n    return;\n  }\n  stopCurrentLayout(state);\n  state.fitRequestRef.current = null;\n  state.optimizedSpacingRef.current = null;\n  startCurrentLayout(state, input);\n}\n\n/*** Start a generation-safe layout whose completion is the only normal automatic fit trigger. */\nfunction startCurrentLayout(state: GraphRuntimeState, input: GraphRuntimeUpdate) {\n  const generation = state.generationRef.current + 1;\n  state.generationRef.current = generation;\n  state.layoutRunningRef.current = true;\n  state.cy.resize();\n  state.layoutRef.current = runGraphLayout(\n    state.cy,\n    {\n      layout: input.layout ?? 'concentric',\n      layoutOptions: input.layoutOptions,\n      spacingFactor: input.spacingFactor ?? 1,\n    },\n    () => completeCurrentLayout(state, generation),\n  );\n}\n\n/***\n * Settle only the latest layout generation and fit once from node bounds.\n * @performance Discard stale completions and avoid repeated automatic fits.\n */\nfunction completeCurrentLayout(state: GraphRuntimeState, generation: number) {\n  scheduleGraphFrame(() => {\n    if (state.cy.destroyed() || generation !== state.generationRef.current) return;\n    state.loopSizer.update();\n    state.layoutRef.current = null;\n    state.cy.resize();\n    state.layoutRunningRef.current = false;\n    if (!hasUsableViewport(state.cy)) return;\n    const input = state.latestUpdateRef.current;\n    if (input === null) return;\n    const topology = getGraphTopologyKey(input.nodes, input.edges);\n    const shouldFit = shouldFitGraphAfterLayout(\n      state.readyRef.current,\n      topology !== state.settledTopologyRef.current,\n    );\n    state.viewport.settle(shouldFit);\n    state.settledTopologyRef.current = topology;\n    const fitRequest = state.fitRequestRef.current;\n    state.fitRequestRef.current = null;\n    if (fitRequest) requestOptimizedFit(state, fitRequest);\n    emitRenderedNodes(state);\n\n    if (!state.readyRef.current) {\n      state.readyRef.current = true;\n      state.callbacksRef.current.onReady?.(state.controller);\n    }\n    state.callbacksRef.current.onLayoutComplete?.(state.controller);\n  });\n}\n\n/***\n * Handle explicit readable-fit intent in the runtime owner, never from zoom or React effects.\n * @performance Bounded spacing optimization preserves the settled algorithm instead of repeatedly running it.\n */\nfunction requestOptimizedFit(state: GraphRuntimeState, options: GraphViewFitOptions) {\n  if (state.cy.destroyed()) return;\n  if (state.layoutRunningRef.current) {\n    state.fitRequestRef.current = options;\n    return;\n  }\n  const input = state.latestUpdateRef.current;\n  if (!input) return;\n  const previous = state.optimizedSpacingRef.current ?? input.spacingFactor ?? 1;\n  const spacing = compactGraphSpacing(state.cy, previous);\n  state.geometryRef.current = getGraphGeometryKey(state.cy);\n  state.loopSizer.update();\n  state.viewport.settle(false);\n  state.controller.fit({ ...options, optimizeSpacing: false });\n  if (spacing !== previous) {\n    state.optimizedSpacingRef.current = spacing;\n    state.callbacksRef.current.onSpacingFactorChange?.(spacing);\n  }\n  emitRenderedNodes(state);\n}\n\n/*** Stop the current layout and invalidate every stale completion callback. */\nfunction stopCurrentLayout(state: GraphRuntimeState) {\n  state.generationRef.current += 1;\n  state.layoutRunningRef.current = false;\n  state.layoutRef.current?.stop();\n  state.layoutRef.current = null;\n}\n\n/*** Apply consumer styles and hide native node paint only when React rich nodes are active. */\nfunction applyGraphStyles(\n  cy: Core,\n  rules: readonly GraphViewStyleRule[] | undefined,\n  richNodeRendering: boolean,\n) {\n  const styles = [...(rules ?? [])];\n  if (richNodeRendering) {\n    styles.push({\n      selector: 'node',\n      style: {\n        'background-opacity': 0,\n        'border-width': 0,\n        label: '',\n        'overlay-opacity': 0,\n      },\n    });\n  }\n  if (styles.length > 0) cy.style(styles).update();\n}\n\n/***\n * Synchronize controlled selection without rerunning layout.\n * @performance Selection updates must not trigger graph reconstruction or layout.\n */\nfunction setSelectedNodeIds(state: GraphRuntimeState, nodeIds: readonly string[] | undefined) {\n  if (state.cy.destroyed() || nodeIds === undefined) return;\n  const selectedIds = new Set(nodeIds);\n  state.cy.nodes().forEach((node) => {\n    if (selectedIds.has(node.id())) node.select();\n    else node.unselect();\n  });\n  emitRenderedNodes(state);\n}\n\n/***\n * Persist one rich-node size and schedule at most one relayout for changed geometry.\n * @performance Ignore unchanged measurements before scheduling layout work.\n */\nfunction setNodeSize(state: GraphRuntimeState, id: string, size: GraphViewSize) {\n  const previous = state.nodeSizes.get(id);\n  if (previous?.width === size.width && previous.height === size.height) return;\n  state.nodeSizes.set(id, size);\n  applyNodeSize(state.cy, id, size);\n  scheduleMeasuredNodeRelayout(state);\n}\n\n/*** Apply every known rich-node size after Cytoscape elements are replaced. */\nfunction applyKnownNodeSizes(state: GraphRuntimeState) {\n  for (const [id, size] of state.nodeSizes) applyNodeSize(state.cy, id, size);\n}\n\n/*** Apply one measured model-space size as a Cytoscape per-node style bypass. */\nfunction applyNodeSize(cy: Core, id: string, size: GraphViewSize) {\n  const node = cy.getElementById(id);\n  if (node.empty()) return;\n  node.style({ height: size.height, width: size.width });\n}\n\n/***\n * Coalesce DOM measurements into one follow-up layout generation.\n * @performance Keep one scheduled layout per frame instead of one per measured node.\n */\nfunction scheduleMeasuredNodeRelayout(state: GraphRuntimeState) {\n  if (state.relayoutScheduledRef.current) return;\n  state.relayoutScheduledRef.current = true;\n  scheduleGraphFrame(() => {\n    state.relayoutScheduledRef.current = false;\n    const input = state.latestUpdateRef.current;\n    if (input === null || state.cy.destroyed()) return;\n    stopCurrentLayout(state);\n    startCurrentLayout(state, input);\n  });\n}\n\n/*** Subscribe one React overlay to rendered node state without exposing the Cytoscape core. */\nfunction subscribeRenderedNodes(state: GraphRuntimeState, listener: RenderedNodeListener) {\n  state.renderedNodeListeners.add(listener);\n  listener(readGraphRenderedNodes(state.cy, state.hoveredNodeIds));\n  return () => {\n    state.renderedNodeListeners.delete(listener);\n  };\n}\n\n/***\n * Publish current rendered node positions only to active rich-node subscribers.\n * @performance Skip snapshot preparation when no overlay is subscribed.\n */\nfunction emitRenderedNodes(\n  state: Pick<GraphRuntimeState, 'cy' | 'hoveredNodeIds' | 'renderedNodeListeners'>,\n) {\n  if (state.renderedNodeListeners.size === 0) return;\n  const nodes = readGraphRenderedNodes(state.cy, state.hoveredNodeIds);\n  for (const listener of state.renderedNodeListeners) listener(nodes);\n}\n\n/*** Translate one rich-overlay event back into normal graph selection and callbacks. */\nfunction handleOverlayNodeEvent(\n  state: GraphRuntimeState,\n  id: string,\n  type: GraphViewElementEventType,\n) {\n  if (type === 'pointer-enter') state.hoveredNodeIds.add(id);\n  if (type === 'pointer-leave') state.hoveredNodeIds.delete(id);\n  if (type === 'press') state.cy.getElementById(id).select();\n  state.callbacksRef.current.onNodeEvent?.({ id, type });\n  emitRenderedNodes(state);\n}\n\n/*** Return whether Cytoscape currently has dimensions suitable for fitting. */\nfunction hasUsableViewport(cy: Core): boolean {\n  return cy.width() > 0 && cy.height() > 0;\n}\n\n/*** Dispose all runtime resources in the reverse order they were acquired. */\nfunction destroyRuntime(state: GraphRuntimeState) {\n  state.resizeObserver?.disconnect();\n  stopCurrentLayout(state);\n  state.unbindEvents();\n  state.renderedNodeListeners.clear();\n  if (!state.cy.destroyed()) state.cy.destroy();\n}\n\nregisterGraphLayouts();\n"]}
+{"version":3,"file":"createGraphRuntime.js","sourceRoot":"","sources":["../../../../../../src/features/graph-view/adapters/inbound/web-artifact/createGraphRuntime.ts"],"names":[],"mappings":"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","sourcesContent":["import cytoscape, { type Core, type CytoscapeOptions } from 'cytoscape';\n\nimport type { GraphRuntimeUpdate } from '../../../../../types/graphViewRuntime';\nimport { bindGraphEvents } from './bindGraphEvents';\nimport { compactGraphSpacing } from './compactGraphSpacing';\nimport { createGraphController } from './createGraphController';\nimport { createGraphLoopSizer } from './createGraphLoopSizer';\nimport { createGraphResizeObserver, type GraphResizeObserver } from './createGraphResizeObserver';\nimport { getGraphGeometryKey } from './getGraphGeometryKey';\nimport { getGraphTopologyKey } from './getGraphTopologyKey';\nimport type {\n  GraphViewCallbacks,\n  GraphViewElementEventType,\n  GraphViewFitOptions,\n  GraphViewRenderedNode,\n  GraphViewSize,\n  GraphViewStyleRule,\n} from './GraphView';\nimport { hasGraphLayoutChanged } from './hasGraphLayoutChanged';\nimport { readGraphRenderedNodes } from './readGraphRenderedNodes';\nimport { registerGraphLayouts } from './registerGraphLayouts';\nimport { runGraphLayout } from './runGraphLayout';\nimport { scheduleGraphFrame } from './scheduleGraphFrame';\nimport { shouldFitGraphAfterLayout } from './shouldFitGraphAfterLayout';\nimport { sizeGraphNodesToLabels } from './sizeGraphNodesToLabels';\nimport { syncGraphElements } from './syncGraphElements';\n\ntype GraphContainer = CytoscapeOptions['container'];\ntype RenderedNodeListener = (nodes: readonly GraphViewRenderedNode[]) => void;\n\nexport interface GraphRuntime {\n  destroy(): void;\n  handleOverlayNodeEvent(id: string, type: GraphViewElementEventType): void;\n  setNodeSize(id: string, size: GraphViewSize): void;\n  setSelectedNodeIds(nodeIds: readonly string[] | undefined): void;\n  subscribeRenderedNodes(listener: RenderedNodeListener): () => void;\n  update(input: GraphRuntimeUpdate): void;\n}\n\ninterface GraphRuntimeState {\n  readonly fitRequestRef: { current: GraphViewFitOptions | null };\n  readonly optimizedSpacingRef: { current: number | null };\n  readonly callbacksRef: { current: GraphViewCallbacks };\n  readonly controller: ReturnType<typeof createGraphController>['controller'];\n  readonly viewport: ReturnType<typeof createGraphController>;\n  readonly cy: Core;\n  readonly fitPaddingRef: { current: number };\n  readonly generationRef: { current: number };\n  readonly geometryRef: { current: string | null };\n  readonly hoveredNodeIds: Set<string>;\n  readonly latestUpdateRef: { current: GraphRuntimeUpdate | null };\n  readonly layoutRef: { current: ReturnType<typeof runGraphLayout> | null };\n  readonly layoutRunningRef: { current: boolean };\n  readonly nodeSizes: Map<string, GraphViewSize>;\n  readonly labelSizedNodeIds: Set<string>;\n  readonly loopSizer: ReturnType<typeof createGraphLoopSizer>;\n  readonly pendingInitialFitRef: { current: boolean };\n  readonly readyRef: { current: boolean };\n  readonly settledTopologyRef: { current: string | null };\n  readonly relayoutScheduledRef: { current: boolean };\n  readonly renderedNodeListeners: Set<RenderedNodeListener>;\n  readonly resizeObserver: GraphResizeObserver | null;\n  readonly unbindEvents: () => void;\n}\n\n/*** Create one Cytoscape runtime that exclusively owns layout, fit, resize, and disposal. */\nexport function createGraphRuntime(\n  container: GraphContainer,\n  callbacksRef: { current: GraphViewCallbacks },\n): GraphRuntime {\n  const cy = cytoscape({\n    container,\n    elements: [],\n    minZoom: 0.05,\n    maxZoom: 2,\n    selectionType: 'additive',\n    userPanningEnabled: true,\n  });\n  const state = createRuntimeState(cy, container, callbacksRef);\n\n  return {\n    destroy: () => destroyRuntime(state),\n    handleOverlayNodeEvent: (id, type) => handleOverlayNodeEvent(state, id, type),\n    setNodeSize: (id, size) => setNodeSize(state, id, size),\n    setSelectedNodeIds: (nodeIds) => setSelectedNodeIds(state, nodeIds),\n    subscribeRenderedNodes: (listener) => subscribeRenderedNodes(state, listener),\n    update: (input) => updateRuntime(state, input),\n  };\n}\n\n/*** Build the mutable state shared by the single graph-runtime owner. */\nfunction createRuntimeState(\n  cy: Core,\n  container: GraphContainer,\n  callbacksRef: { current: GraphViewCallbacks },\n): GraphRuntimeState {\n  const fitPaddingRef = { current: 50 };\n  const viewport = createGraphController(cy, fitPaddingRef, (options) =>\n    requestOptimizedFit(state, options),\n  );\n  const { controller } = viewport;\n  const layoutRunningRef = { current: false };\n  const readyRef = { current: false };\n  const renderedNodeListeners = new Set<RenderedNodeListener>();\n  const stateBase = {\n    fitRequestRef: { current: null as GraphViewFitOptions | null },\n    optimizedSpacingRef: { current: null as number | null },\n    callbacksRef,\n    controller,\n    viewport,\n    cy,\n    fitPaddingRef,\n    generationRef: { current: 0 },\n    geometryRef: { current: null as string | null },\n    hoveredNodeIds: new Set<string>(),\n    latestUpdateRef: { current: null as GraphRuntimeUpdate | null },\n    layoutRef: { current: null as ReturnType<typeof runGraphLayout> | null },\n    layoutRunningRef,\n    nodeSizes: new Map<string, GraphViewSize>(),\n    labelSizedNodeIds: new Set<string>(),\n    loopSizer: createGraphLoopSizer(cy),\n    pendingInitialFitRef: { current: false },\n    readyRef,\n    settledTopologyRef: { current: null as string | null },\n    relayoutScheduledRef: { current: false },\n    renderedNodeListeners,\n  };\n  const unbindEvents = bindGraphEvents(cy, callbacksRef, controller, () =>\n    emitRenderedNodes(stateBase),\n  );\n  const resizeObserver = createGraphResizeObserver({\n    container,\n    cy,\n    settleViewport: () => viewport.settle(true),\n    layoutRunningRef,\n    pendingInitialFitRef: stateBase.pendingInitialFitRef,\n    onViewportSettled: (completedPendingInitialFit) => {\n      emitRenderedNodes(stateBase);\n      if (!completedPendingInitialFit || readyRef.current) return;\n      readyRef.current = true;\n      callbacksRef.current.onReady?.(controller);\n      callbacksRef.current.onLayoutComplete?.(controller);\n    },\n    readyRef,\n  });\n\n  const state = { ...stateBase, resizeObserver, unbindEvents };\n  return state;\n}\n\n/***\n * Reconcile presentation in place and relayout only when graph geometry or layout policy changes.\n * @performance Batch reconciliation and skip layout for presentation-only updates.\n */\nfunction updateRuntime(state: GraphRuntimeState, input: GraphRuntimeUpdate) {\n  if (state.cy.destroyed()) return;\n  const last = state.latestUpdateRef.current;\n  const acceptsSpacing =\n    state.optimizedSpacingRef.current !== null &&\n    state.optimizedSpacingRef.current === input.spacingFactor;\n  const previous = acceptsSpacing && last ? { ...last, spacingFactor: input.spacingFactor } : last;\n  if (acceptsSpacing) state.optimizedSpacingRef.current = null;\n  state.latestUpdateRef.current = input;\n  state.fitPaddingRef.current = input.fitPadding ?? 50;\n  state.viewport.configure(input);\n  state.cy.batch(() => {\n    if (previous?.nodes !== input.nodes || previous.edges !== input.edges) {\n      syncGraphElements(state.cy, input.nodes, input.edges);\n    }\n    if (\n      previous?.styleRules !== input.styleRules ||\n      previous?.richNodeRendering !== input.richNodeRendering\n    ) {\n      state.loopSizer.reset();\n      applyGraphStyles(state.cy, input.styleRules, input.richNodeRendering);\n    }\n  });\n  sizeGraphNodesToLabels(\n    state.cy,\n    state.labelSizedNodeIds,\n    input.sizeNodesToLabels === true && !input.richNodeRendering,\n  );\n  applyKnownNodeSizes(state);\n  state.loopSizer.update();\n  const geometry = getGraphGeometryKey(state.cy);\n  const relayout = geometry !== state.geometryRef.current || hasGraphLayoutChanged(previous, input);\n  state.geometryRef.current = geometry;\n  if (!relayout) {\n    if (\n      previous?.zoomMode !== input.zoomMode ||\n      previous?.fitPadding !== input.fitPadding ||\n      previous?.minZoom !== input.minZoom ||\n      previous?.maxZoom !== input.maxZoom ||\n      previous?.minReadableLabelSize !== input.minReadableLabelSize ||\n      previous?.maxFitLabelSize !== input.maxFitLabelSize\n    ) {\n      state.viewport.settle(previous?.zoomMode !== input.zoomMode);\n    }\n    emitRenderedNodes(state);\n    if (!state.layoutRunningRef.current && !state.pendingInitialFitRef.current)\n      state.callbacksRef.current.onLayoutComplete?.(state.controller);\n    return;\n  }\n  stopCurrentLayout(state);\n  state.fitRequestRef.current = null;\n  state.optimizedSpacingRef.current = null;\n  startCurrentLayout(state, input);\n}\n\n/*** Start a generation-safe layout whose completion is the only normal automatic fit trigger. */\nfunction startCurrentLayout(state: GraphRuntimeState, input: GraphRuntimeUpdate) {\n  state.pendingInitialFitRef.current = false;\n  const generation = state.generationRef.current + 1;\n  state.generationRef.current = generation;\n  state.layoutRunningRef.current = true;\n  state.cy.resize();\n  state.layoutRef.current = runGraphLayout(\n    state.cy,\n    {\n      layout: input.layout ?? 'concentric',\n      layoutOptions: input.layoutOptions,\n      spacingFactor: input.spacingFactor ?? 1,\n    },\n    () => completeCurrentLayout(state, generation),\n  );\n}\n\n/***\n * Settle only the latest layout generation and fit once from node bounds.\n * @performance Discard stale completions and avoid repeated automatic fits.\n */\nfunction completeCurrentLayout(state: GraphRuntimeState, generation: number) {\n  scheduleGraphFrame(() => {\n    if (state.cy.destroyed() || generation !== state.generationRef.current) return;\n    state.loopSizer.update();\n    state.layoutRef.current = null;\n    state.cy.resize();\n    state.layoutRunningRef.current = false;\n    if (!hasUsableViewport(state.cy)) {\n      if (!state.readyRef.current) state.pendingInitialFitRef.current = true;\n      return;\n    }\n    state.pendingInitialFitRef.current = false;\n    const input = state.latestUpdateRef.current;\n    if (input === null) return;\n    const topology = getGraphTopologyKey(input.nodes, input.edges);\n    const shouldFit = shouldFitGraphAfterLayout(\n      state.readyRef.current,\n      topology !== state.settledTopologyRef.current,\n    );\n    state.viewport.settle(shouldFit);\n    state.settledTopologyRef.current = topology;\n    const fitRequest = state.fitRequestRef.current;\n    state.fitRequestRef.current = null;\n    if (fitRequest) requestOptimizedFit(state, fitRequest);\n    emitRenderedNodes(state);\n\n    if (!state.readyRef.current) {\n      state.readyRef.current = true;\n      state.callbacksRef.current.onReady?.(state.controller);\n    }\n    state.callbacksRef.current.onLayoutComplete?.(state.controller);\n  });\n}\n\n/***\n * Handle explicit readable-fit intent in the runtime owner, never from zoom or React effects.\n * @performance Bounded spacing optimization preserves the settled algorithm instead of repeatedly running it.\n */\nfunction requestOptimizedFit(state: GraphRuntimeState, options: GraphViewFitOptions) {\n  if (state.cy.destroyed()) return;\n  if (state.layoutRunningRef.current) {\n    state.fitRequestRef.current = options;\n    return;\n  }\n  const input = state.latestUpdateRef.current;\n  if (!input) return;\n  const previous = state.optimizedSpacingRef.current ?? input.spacingFactor ?? 1;\n  const spacing = compactGraphSpacing(state.cy, previous);\n  state.geometryRef.current = getGraphGeometryKey(state.cy);\n  state.loopSizer.update();\n  state.viewport.settle(false);\n  state.controller.fit({ ...options, optimizeSpacing: false });\n  if (spacing !== previous) {\n    state.optimizedSpacingRef.current = spacing;\n    state.callbacksRef.current.onSpacingFactorChange?.(spacing);\n  }\n  emitRenderedNodes(state);\n}\n\n/*** Stop the current layout and invalidate every stale completion callback. */\nfunction stopCurrentLayout(state: GraphRuntimeState) {\n  state.generationRef.current += 1;\n  state.layoutRunningRef.current = false;\n  state.layoutRef.current?.stop();\n  state.layoutRef.current = null;\n}\n\n/*** Apply consumer styles and hide native node paint only when React rich nodes are active. */\nfunction applyGraphStyles(\n  cy: Core,\n  rules: readonly GraphViewStyleRule[] | undefined,\n  richNodeRendering: boolean,\n) {\n  const styles = [...(rules ?? [])];\n  if (richNodeRendering) {\n    styles.push({\n      selector: 'node',\n      style: {\n        'background-opacity': 0,\n        'border-width': 0,\n        label: '',\n        'overlay-opacity': 0,\n      },\n    });\n  }\n  if (styles.length > 0) cy.style(styles).update();\n}\n\n/***\n * Synchronize controlled selection without rerunning layout.\n * @performance Selection updates must not trigger graph reconstruction or layout.\n */\nfunction setSelectedNodeIds(state: GraphRuntimeState, nodeIds: readonly string[] | undefined) {\n  if (state.cy.destroyed() || nodeIds === undefined) return;\n  const selectedIds = new Set(nodeIds);\n  state.cy.nodes().forEach((node) => {\n    if (selectedIds.has(node.id())) node.select();\n    else node.unselect();\n  });\n  emitRenderedNodes(state);\n}\n\n/***\n * Persist one rich-node size and schedule at most one relayout for changed geometry.\n * @performance Ignore unchanged measurements before scheduling layout work.\n */\nfunction setNodeSize(state: GraphRuntimeState, id: string, size: GraphViewSize) {\n  const previous = state.nodeSizes.get(id);\n  if (previous?.width === size.width && previous.height === size.height) return;\n  state.nodeSizes.set(id, size);\n  applyNodeSize(state.cy, id, size);\n  scheduleMeasuredNodeRelayout(state);\n}\n\n/*** Apply every known rich-node size after Cytoscape elements are replaced. */\nfunction applyKnownNodeSizes(state: GraphRuntimeState) {\n  for (const [id, size] of state.nodeSizes) applyNodeSize(state.cy, id, size);\n}\n\n/*** Apply one measured model-space size as a Cytoscape per-node style bypass. */\nfunction applyNodeSize(cy: Core, id: string, size: GraphViewSize) {\n  const node = cy.getElementById(id);\n  if (node.empty()) return;\n  node.style({ height: size.height, width: size.width });\n}\n\n/***\n * Coalesce DOM measurements into one follow-up layout generation.\n * @performance Keep one scheduled layout per frame instead of one per measured node.\n */\nfunction scheduleMeasuredNodeRelayout(state: GraphRuntimeState) {\n  if (state.relayoutScheduledRef.current) return;\n  state.relayoutScheduledRef.current = true;\n  scheduleGraphFrame(() => {\n    state.relayoutScheduledRef.current = false;\n    const input = state.latestUpdateRef.current;\n    if (input === null || state.cy.destroyed()) return;\n    stopCurrentLayout(state);\n    startCurrentLayout(state, input);\n  });\n}\n\n/*** Subscribe one React overlay to rendered node state without exposing the Cytoscape core. */\nfunction subscribeRenderedNodes(state: GraphRuntimeState, listener: RenderedNodeListener) {\n  state.renderedNodeListeners.add(listener);\n  listener(readGraphRenderedNodes(state.cy, state.hoveredNodeIds));\n  return () => {\n    state.renderedNodeListeners.delete(listener);\n  };\n}\n\n/***\n * Publish current rendered node positions only to active rich-node subscribers.\n * @performance Skip snapshot preparation when no overlay is subscribed.\n */\nfunction emitRenderedNodes(\n  state: Pick<GraphRuntimeState, 'cy' | 'hoveredNodeIds' | 'renderedNodeListeners'>,\n) {\n  if (state.renderedNodeListeners.size === 0) return;\n  const nodes = readGraphRenderedNodes(state.cy, state.hoveredNodeIds);\n  for (const listener of state.renderedNodeListeners) listener(nodes);\n}\n\n/*** Translate one rich-overlay event back into normal graph selection and callbacks. */\nfunction handleOverlayNodeEvent(\n  state: GraphRuntimeState,\n  id: string,\n  type: GraphViewElementEventType,\n) {\n  if (type === 'pointer-enter') state.hoveredNodeIds.add(id);\n  if (type === 'pointer-leave') state.hoveredNodeIds.delete(id);\n  if (type === 'press') state.cy.getElementById(id).select();\n  state.callbacksRef.current.onNodeEvent?.({ id, type });\n  emitRenderedNodes(state);\n}\n\n/*** Return whether Cytoscape currently has dimensions suitable for fitting. */\nfunction hasUsableViewport(cy: Core): boolean {\n  return cy.width() > 0 && cy.height() > 0;\n}\n\n/*** Dispose all runtime resources in the reverse order they were acquired. */\nfunction destroyRuntime(state: GraphRuntimeState) {\n  state.resizeObserver?.disconnect();\n  stopCurrentLayout(state);\n  state.unbindEvents();\n  state.renderedNodeListeners.clear();\n  if (!state.cy.destroyed()) state.cy.destroy();\n}\n\nregisterGraphLayouts();\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ankhorage/zora",
   "type": "module",
-  "version": "21.0.12",
+  "version": "21.0.13",
   "description": "Opinionated React Native and React Native Web UI kit built on @ankhorage/surface.",
   "homepage": "https://github.com/ankhorage/zora#readme",
   "bugs": {

package/src/features/graph-view/adapters/inbound/web-artifact/createGraphResizeObserver.test.ts

@@ -0,0 +1,99 @@
+import { expect, test } from 'bun:test';
+import type { Core } from 'cytoscape';
+
+import { createGraphResizeObserver } from './createGraphResizeObserver';
+
+test('settles a pending initial fit only after the viewport becomes usable', () => {
+  interface ResizeEntry {
+    readonly contentRect: { readonly height: number; readonly width: number };
+  }
+  type ResizeCallback = (entries: readonly ResizeEntry[]) => void;
+
+  const globals = globalThis as unknown as {
+    ResizeObserver?: unknown;
+    requestAnimationFrame?: (callback: () => void) => number;
+  };
+  const previousObserver = globals.ResizeObserver;
+  const previousFrame = globals.requestAnimationFrame;
+  let callback: ResizeCallback | null = null;
+  let width = 0;
+  let height = 0;
+  const calls = { resize: 0, settle: 0, completedPending: [] as boolean[] };
+  const observerCalls = { disconnect: 0, observe: 0 };
+
+  class FakeResizeObserver {
+    constructor(next: ResizeCallback) {
+      callback = next;
+    }
+
+    observe() {
+      observerCalls.observe += 1;
+    }
+
+    disconnect() {
+      observerCalls.disconnect += 1;
+    }
+  }
+
+  globals.ResizeObserver = FakeResizeObserver;
+  globals.requestAnimationFrame = (scheduled) => {
+    scheduled();
+    return 1;
+  };
+
+  const cy = {
+    destroyed: () => false,
+    height: () => height,
+    resize: () => {
+      calls.resize += 1;
+    },
+    width: () => width,
+  } as unknown as Core;
+  const pendingInitialFitRef = { current: false };
+  const readyRef = { current: false };
+  const layoutRunningRef = { current: false };
+
+  try {
+    const observer = createGraphResizeObserver({
+      container: {},
+      cy,
+      settleViewport: () => {
+        calls.settle += 1;
+      },
+      layoutRunningRef,
+      pendingInitialFitRef,
+      readyRef,
+      onViewportSettled: (completedPendingInitialFit) => {
+        calls.completedPending.push(completedPendingInitialFit);
+      },
+    });
+    expect(observer).not.toBeNull();
+    expect(observerCalls.observe).toBe(1);
+
+    callback?.([{ contentRect: { height: 0, width: 0 } }]);
+    expect(calls).toEqual({ resize: 0, settle: 0, completedPending: [] });
+
+    pendingInitialFitRef.current = true;
+    callback?.([{ contentRect: { height: 1, width: 1 } }]);
+    expect(calls.resize).toBe(1);
+    expect(calls.settle).toBe(0);
+    expect(pendingInitialFitRef.current).toBe(true);
+
+    width = 640;
+    height = 480;
+    callback?.([{ contentRect: { height, width } }]);
+
+    expect(calls.resize).toBe(2);
+    expect(calls.settle).toBe(1);
+    expect(calls.completedPending).toEqual([true]);
+    expect(pendingInitialFitRef.current).toBe(false);
+
+    observer?.disconnect();
+    expect(observerCalls.disconnect).toBe(1);
+  } finally {
+    if (previousObserver === undefined) delete globals.ResizeObserver;
+    else globals.ResizeObserver = previousObserver;
+    if (previousFrame === undefined) delete globals.requestAnimationFrame;
+    else globals.requestAnimationFrame = previousFrame;
+  }
+});

package/src/features/graph-view/adapters/inbound/web-artifact/createGraphResizeObserver.ts

@@ -7,8 +7,9 @@ interface CreateGraphResizeObserverInput {
   readonly cy: Core;
   readonly settleViewport: () => void;
   readonly layoutRunningRef: { current: boolean };
+  readonly pendingInitialFitRef: { current: boolean };
   readonly readyRef: { current: boolean };
-  readonly onViewportSettled: () => void;
+  readonly onViewportSettled: (completedPendingInitialFit: boolean) => void;
 }
 
 export interface GraphResizeObserver {
@@ -28,7 +29,8 @@ export function createGraphResizeObserver(
     if (entry === undefined || !hasSizeChanged(sizeRef, entry.contentRect)) return;
     sizeRef.height = entry.contentRect.height;
     sizeRef.width = entry.contentRect.width;
-    if (!input.readyRef.current || input.layoutRunningRef.current) return;
+    if (input.layoutRunningRef.current) return;
+    if (!input.readyRef.current && !input.pendingInitialFitRef.current) return;
     scheduleResizeFit(input);
   });
   observer.observe(input.container);
@@ -40,8 +42,11 @@ function scheduleResizeFit(input: CreateGraphResizeObserverInput) {
   scheduleGraphFrame(() => {
     if (input.cy.destroyed() || input.layoutRunningRef.current) return;
     input.cy.resize();
+    if (input.cy.width() <= 0 || input.cy.height() <= 0) return;
+    const completedPendingInitialFit = input.pendingInitialFitRef.current;
+    input.pendingInitialFitRef.current = false;
     input.settleViewport();
-    input.onViewportSettled();
+    input.onViewportSettled(completedPendingInitialFit);
   });
 }
 

package/src/features/graph-view/adapters/inbound/web-artifact/createGraphRuntime.ts

@@ -54,6 +54,7 @@ interface GraphRuntimeState {
   readonly nodeSizes: Map<string, GraphViewSize>;
   readonly labelSizedNodeIds: Set<string>;
   readonly loopSizer: ReturnType<typeof createGraphLoopSizer>;
+  readonly pendingInitialFitRef: { current: boolean };
   readonly readyRef: { current: boolean };
   readonly settledTopologyRef: { current: string | null };
   readonly relayoutScheduledRef: { current: boolean };
@@ -118,6 +119,7 @@ function createRuntimeState(
     nodeSizes: new Map<string, GraphViewSize>(),
     labelSizedNodeIds: new Set<string>(),
     loopSizer: createGraphLoopSizer(cy),
+    pendingInitialFitRef: { current: false },
     readyRef,
     settledTopologyRef: { current: null as string | null },
     relayoutScheduledRef: { current: false },
@@ -131,7 +133,14 @@ function createRuntimeState(
     cy,
     settleViewport: () => viewport.settle(true),
     layoutRunningRef,
-    onViewportSettled: () => emitRenderedNodes(stateBase),
+    pendingInitialFitRef: stateBase.pendingInitialFitRef,
+    onViewportSettled: (completedPendingInitialFit) => {
+      emitRenderedNodes(stateBase);
+      if (!completedPendingInitialFit || readyRef.current) return;
+      readyRef.current = true;
+      callbacksRef.current.onReady?.(controller);
+      callbacksRef.current.onLayoutComplete?.(controller);
+    },
     readyRef,
   });
 
@@ -188,7 +197,7 @@ function updateRuntime(state: GraphRuntimeState, input: GraphRuntimeUpdate) {
       state.viewport.settle(previous?.zoomMode !== input.zoomMode);
     }
     emitRenderedNodes(state);
-    if (!state.layoutRunningRef.current)
+    if (!state.layoutRunningRef.current && !state.pendingInitialFitRef.current)
       state.callbacksRef.current.onLayoutComplete?.(state.controller);
     return;
   }
@@ -200,6 +209,7 @@ function updateRuntime(state: GraphRuntimeState, input: GraphRuntimeUpdate) {
 
 /*** Start a generation-safe layout whose completion is the only normal automatic fit trigger. */
 function startCurrentLayout(state: GraphRuntimeState, input: GraphRuntimeUpdate) {
+  state.pendingInitialFitRef.current = false;
   const generation = state.generationRef.current + 1;
   state.generationRef.current = generation;
   state.layoutRunningRef.current = true;
@@ -226,7 +236,11 @@ function completeCurrentLayout(state: GraphRuntimeState, generation: number) {
     state.layoutRef.current = null;
     state.cy.resize();
     state.layoutRunningRef.current = false;
-    if (!hasUsableViewport(state.cy)) return;
+    if (!hasUsableViewport(state.cy)) {
+      if (!state.readyRef.current) state.pendingInitialFitRef.current = true;
+      return;
+    }
+    state.pendingInitialFitRef.current = false;
     const input = state.latestUpdateRef.current;
     if (input === null) return;
     const topology = getGraphTopologyKey(input.nodes, input.edges);

package/web-dist/components/graph-view/GraphView.js

@@ -122759,7 +122759,9 @@ function createGraphResizeObserver(input) {
       return;
     sizeRef.height = entry.contentRect.height;
     sizeRef.width = entry.contentRect.width;
-    if (!input.readyRef.current || input.layoutRunningRef.current)
+    if (input.layoutRunningRef.current)
+      return;
+    if (!input.readyRef.current && !input.pendingInitialFitRef.current)
       return;
     scheduleResizeFit(input);
   });
@@ -122771,8 +122773,12 @@ function scheduleResizeFit(input) {
     if (input.cy.destroyed() || input.layoutRunningRef.current)
       return;
     input.cy.resize();
+    if (input.cy.width() <= 0 || input.cy.height() <= 0)
+      return;
+    const completedPendingInitialFit = input.pendingInitialFitRef.current;
+    input.pendingInitialFitRef.current = false;
     input.settleViewport();
-    input.onViewportSettled();
+    input.onViewportSettled(completedPendingInitialFit);
   });
 }
 function hasSizeChanged(previous, next) {
@@ -123229,6 +123235,7 @@ function createRuntimeState(cy, container, callbacksRef) {
     nodeSizes: new Map,
     labelSizedNodeIds: new Set,
     loopSizer: createGraphLoopSizer(cy),
+    pendingInitialFitRef: { current: false },
     readyRef,
     settledTopologyRef: { current: null },
     relayoutScheduledRef: { current: false },
@@ -123240,7 +123247,15 @@ function createRuntimeState(cy, container, callbacksRef) {
     cy,
     settleViewport: () => viewport.settle(true),
     layoutRunningRef,
-    onViewportSettled: () => emitRenderedNodes(stateBase),
+    pendingInitialFitRef: stateBase.pendingInitialFitRef,
+    onViewportSettled: (completedPendingInitialFit) => {
+      emitRenderedNodes(stateBase);
+      if (!completedPendingInitialFit || readyRef.current)
+        return;
+      readyRef.current = true;
+      callbacksRef.current.onReady?.(controller);
+      callbacksRef.current.onLayoutComplete?.(controller);
+    },
     readyRef
   });
   const state = { ...stateBase, resizeObserver, unbindEvents };
@@ -123277,7 +123292,7 @@ function updateRuntime(state, input) {
       state.viewport.settle(previous?.zoomMode !== input.zoomMode);
     }
     emitRenderedNodes(state);
-    if (!state.layoutRunningRef.current)
+    if (!state.layoutRunningRef.current && !state.pendingInitialFitRef.current)
       state.callbacksRef.current.onLayoutComplete?.(state.controller);
     return;
   }
@@ -123287,6 +123302,7 @@ function updateRuntime(state, input) {
   startCurrentLayout(state, input);
 }
 function startCurrentLayout(state, input) {
+  state.pendingInitialFitRef.current = false;
   const generation = state.generationRef.current + 1;
   state.generationRef.current = generation;
   state.layoutRunningRef.current = true;
@@ -123305,8 +123321,12 @@ function completeCurrentLayout(state, generation) {
     state.layoutRef.current = null;
     state.cy.resize();
     state.layoutRunningRef.current = false;
-    if (!hasUsableViewport(state.cy))
+    if (!hasUsableViewport(state.cy)) {
+      if (!state.readyRef.current)
+        state.pendingInitialFitRef.current = true;
       return;
+    }
+    state.pendingInitialFitRef.current = false;
     const input = state.latestUpdateRef.current;
     if (input === null)
       return;