@likec4/diagram 1.45.0 → 1.46.0

package/dist/likec4diagram/state/machine.state.ready.walkthrough.d.ts

@@ -1,10 +1,10 @@
 import { CancelAction, StopAction, ActionFunction, Values } from 'xstate';
 import { Context, Events, EmittedEvents } from './machine.setup';
 import { HotKeyEvent, HotkeyActorLogic } from './hotkeyActor';
-import { SyncLayoutActorLogic } from './syncManualLayoutActor';
 import { OverlaysActorLogic } from '../../overlays/overlaysActor';
 import { SearchActorLogic } from '../../search/searchActor';
 import { MediaPrintActorLogic } from './mediaPrintActor';
+import { EditorActorLogic } from '../../editor';
 export declare const walkthrough: {
     id: string;
     entry: CancelAction<Context, Events, undefined, Events>[];
@@ -16,16 +16,17 @@ export declare const walkthrough: {
         'key.arrow.left': {
             actions: ActionFunction<Context, HotKeyEvent, Events, undefined, never, never, never, never, never>;
         };
+        'key.arrow.up': {
+            actions: ActionFunction<Context, HotKeyEvent, Events, undefined, never, never, never, never, never>;
+        };
         'key.arrow.right': {
             actions: ActionFunction<Context, HotKeyEvent, Events, undefined, never, never, never, never, never>;
         };
+        'key.arrow.down': {
+            actions: ActionFunction<Context, HotKeyEvent, Events, undefined, never, never, never, never, never>;
+        };
         'walkthrough.step': {
             actions: ( ActionFunction<Context, Events, Events, undefined, Values<{
-                syncManualLayoutActorLogic: {
-                    src: "syncManualLayoutActorLogic";
-                    logic: SyncLayoutActorLogic;
-                    id: "syncLayout";
-                };
                 hotkeyActorLogic: {
                     src: "hotkeyActorLogic";
                     logic: HotkeyActorLogic;
@@ -46,11 +47,20 @@ export declare const walkthrough: {
                     logic: MediaPrintActorLogic;
                     id: "mediaPrint";
                 };
+                editorActor: {
+                    src: "editorActor";
+                    logic: EditorActorLogic;
+                    id: "editor";
+                };
             }>, never, Values<{
                 isReady: {
                     type: "isReady";
                     params: unknown;
                 };
+                "enabled: Editor": {
+                    type: "enabled: Editor";
+                    params: unknown;
+                };
                 "enabled: FitView": {
                     type: "enabled: FitView";
                     params: unknown;
@@ -83,6 +93,10 @@ export declare const walkthrough: {
                     type: "enabled: DynamicViewWalkthrough";
                     params: unknown;
                 };
+                "focus.node: autoUnfocus": {
+                    type: "focus.node: autoUnfocus";
+                    params: unknown;
+                };
                 "enabled: Overlays": {
                     type: "enabled: Overlays";
                     params: unknown;
@@ -95,6 +109,10 @@ export declare const walkthrough: {
                     type: "is dynamic view";
                     params: unknown;
                 };
+                "is same view": {
+                    type: "is same view";
+                    params: unknown;
+                };
                 "is another view": {
                     type: "is another view";
                     params: unknown;
@@ -127,11 +145,6 @@ export declare const walkthrough: {
                 type: "walkthrough.step";
                 direction: "next" | "previous";
             }, Events, undefined, Values<{
-                syncManualLayoutActorLogic: {
-                    src: "syncManualLayoutActorLogic";
-                    logic: SyncLayoutActorLogic;
-                    id: "syncLayout";
-                };
                 hotkeyActorLogic: {
                     src: "hotkeyActorLogic";
                     logic: HotkeyActorLogic;
@@ -152,15 +165,15 @@ export declare const walkthrough: {
                     logic: MediaPrintActorLogic;
                     id: "mediaPrint";
                 };
+                editorActor: {
+                    src: "editorActor";
+                    logic: EditorActorLogic;
+                    id: "editor";
+                };
             }>, never, never, never, never>)[];
         };
         'xyflow.edgeClick': {
             actions: ( ActionFunction<Context, Events, Events, undefined, Values<{
-                syncManualLayoutActorLogic: {
-                    src: "syncManualLayoutActorLogic";
-                    logic: SyncLayoutActorLogic;
-                    id: "syncLayout";
-                };
                 hotkeyActorLogic: {
                     src: "hotkeyActorLogic";
                     logic: HotkeyActorLogic;
@@ -181,11 +194,20 @@ export declare const walkthrough: {
                     logic: MediaPrintActorLogic;
                     id: "mediaPrint";
                 };
+                editorActor: {
+                    src: "editorActor";
+                    logic: EditorActorLogic;
+                    id: "editor";
+                };
             }>, never, Values<{
                 isReady: {
                     type: "isReady";
                     params: unknown;
                 };
+                "enabled: Editor": {
+                    type: "enabled: Editor";
+                    params: unknown;
+                };
                 "enabled: FitView": {
                     type: "enabled: FitView";
                     params: unknown;
@@ -218,6 +240,10 @@ export declare const walkthrough: {
                     type: "enabled: DynamicViewWalkthrough";
                     params: unknown;
                 };
+                "focus.node: autoUnfocus": {
+                    type: "focus.node: autoUnfocus";
+                    params: unknown;
+                };
                 "enabled: Overlays": {
                     type: "enabled: Overlays";
                     params: unknown;
@@ -230,6 +256,10 @@ export declare const walkthrough: {
                     type: "is dynamic view";
                     params: unknown;
                 };
+                "is same view": {
+                    type: "is same view";
+                    params: unknown;
+                };
                 "is another view": {
                     type: "is another view";
                     params: unknown;
@@ -262,11 +292,6 @@ export declare const walkthrough: {
                 type: "xyflow.edgeClick";
                 edge: import("../types").Types.Edge;
             }, Events, undefined, Values<{
-                syncManualLayoutActorLogic: {
-                    src: "syncManualLayoutActorLogic";
-                    logic: SyncLayoutActorLogic;
-                    id: "syncLayout";
-                };
                 hotkeyActorLogic: {
                     src: "hotkeyActorLogic";
                     logic: HotkeyActorLogic;
@@ -287,15 +312,15 @@ export declare const walkthrough: {
                     logic: MediaPrintActorLogic;
                     id: "mediaPrint";
                 };
+                editorActor: {
+                    src: "editorActor";
+                    logic: EditorActorLogic;
+                    id: "editor";
+                };
             }>, never, never, never, never>)[];
         };
         'notations.unhighlight': {
             actions: ActionFunction<Context, Events, Events, undefined, Values<{
-                syncManualLayoutActorLogic: {
-                    src: "syncManualLayoutActorLogic";
-                    logic: SyncLayoutActorLogic;
-                    id: "syncLayout";
-                };
                 hotkeyActorLogic: {
                     src: "hotkeyActorLogic";
                     logic: HotkeyActorLogic;
@@ -316,11 +341,20 @@ export declare const walkthrough: {
                     logic: MediaPrintActorLogic;
                     id: "mediaPrint";
                 };
+                editorActor: {
+                    src: "editorActor";
+                    logic: EditorActorLogic;
+                    id: "editor";
+                };
             }>, never, Values<{
                 isReady: {
                     type: "isReady";
                     params: unknown;
                 };
+                "enabled: Editor": {
+                    type: "enabled: Editor";
+                    params: unknown;
+                };
                 "enabled: FitView": {
                     type: "enabled: FitView";
                     params: unknown;
@@ -353,6 +387,10 @@ export declare const walkthrough: {
                     type: "enabled: DynamicViewWalkthrough";
                     params: unknown;
                 };
+                "focus.node: autoUnfocus": {
+                    type: "focus.node: autoUnfocus";
+                    params: unknown;
+                };
                 "enabled: Overlays": {
                     type: "enabled: Overlays";
                     params: unknown;
@@ -365,6 +403,10 @@ export declare const walkthrough: {
                     type: "is dynamic view";
                     params: unknown;
                 };
+                "is same view": {
+                    type: "is same view";
+                    params: unknown;
+                };
                 "is another view": {
                     type: "is another view";
                     params: unknown;
@@ -397,11 +439,6 @@ export declare const walkthrough: {
         };
         'tag.unhighlight': {
             actions: ActionFunction<Context, Events, Events, undefined, Values<{
-                syncManualLayoutActorLogic: {
-                    src: "syncManualLayoutActorLogic";
-                    logic: SyncLayoutActorLogic;
-                    id: "syncLayout";
-                };
                 hotkeyActorLogic: {
                     src: "hotkeyActorLogic";
                     logic: HotkeyActorLogic;
@@ -422,11 +459,20 @@ export declare const walkthrough: {
                     logic: MediaPrintActorLogic;
                     id: "mediaPrint";
                 };
+                editorActor: {
+                    src: "editorActor";
+                    logic: EditorActorLogic;
+                    id: "editor";
+                };
             }>, never, Values<{
                 isReady: {
                     type: "isReady";
                     params: unknown;
                 };
+                "enabled: Editor": {
+                    type: "enabled: Editor";
+                    params: unknown;
+                };
                 "enabled: FitView": {
                     type: "enabled: FitView";
                     params: unknown;
@@ -459,6 +505,10 @@ export declare const walkthrough: {
                     type: "enabled: DynamicViewWalkthrough";
                     params: unknown;
                 };
+                "focus.node: autoUnfocus": {
+                    type: "focus.node: autoUnfocus";
+                    params: unknown;
+                };
                 "enabled: Overlays": {
                     type: "enabled: Overlays";
                     params: unknown;
@@ -471,6 +521,10 @@ export declare const walkthrough: {
                     type: "is dynamic view";
                     params: unknown;
                 };
+                "is same view": {
+                    type: "is same view";
+                    params: unknown;
+                };
                 "is another view": {
                     type: "is another view";
                     params: unknown;
@@ -501,6 +555,125 @@ export declare const walkthrough: {
                 };
             }>, never, EmittedEvents>;
         };
+        'update.view': {
+            guard: "is same view";
+            actions: ActionFunction<Context, Events, Events, undefined, Values<{
+                hotkeyActorLogic: {
+                    src: "hotkeyActorLogic";
+                    logic: HotkeyActorLogic;
+                    id: "hotkey";
+                };
+                overlaysActorLogic: {
+                    src: "overlaysActorLogic";
+                    logic: OverlaysActorLogic;
+                    id: "overlays";
+                };
+                searchActorLogic: {
+                    src: "searchActorLogic";
+                    logic: SearchActorLogic;
+                    id: "search";
+                };
+                mediaPrintActorLogic: {
+                    src: "mediaPrintActorLogic";
+                    logic: MediaPrintActorLogic;
+                    id: "mediaPrint";
+                };
+                editorActor: {
+                    src: "editorActor";
+                    logic: EditorActorLogic;
+                    id: "editor";
+                };
+            }>, never, Values<{
+                isReady: {
+                    type: "isReady";
+                    params: unknown;
+                };
+                "enabled: Editor": {
+                    type: "enabled: Editor";
+                    params: unknown;
+                };
+                "enabled: FitView": {
+                    type: "enabled: FitView";
+                    params: unknown;
+                };
+                "enabled: FocusMode": {
+                    type: "enabled: FocusMode";
+                    params: unknown;
+                };
+                "enabled: Readonly": {
+                    type: "enabled: Readonly";
+                    params: unknown;
+                };
+                "enabled: RelationshipDetails": {
+                    type: "enabled: RelationshipDetails";
+                    params: unknown;
+                };
+                "enabled: Search": {
+                    type: "enabled: Search";
+                    params: unknown;
+                };
+                "enabled: ElementDetails": {
+                    type: "enabled: ElementDetails";
+                    params: unknown;
+                };
+                "enabled: OpenSource": {
+                    type: "enabled: OpenSource";
+                    params: unknown;
+                };
+                "enabled: DynamicViewWalkthrough": {
+                    type: "enabled: DynamicViewWalkthrough";
+                    params: unknown;
+                };
+                "focus.node: autoUnfocus": {
+                    type: "focus.node: autoUnfocus";
+                    params: unknown;
+                };
+                "enabled: Overlays": {
+                    type: "enabled: Overlays";
+                    params: unknown;
+                };
+                "not readonly": {
+                    type: "not readonly";
+                    params: unknown;
+                };
+                "is dynamic view": {
+                    type: "is dynamic view";
+                    params: unknown;
+                };
+                "is same view": {
+                    type: "is same view";
+                    params: unknown;
+                };
+                "is another view": {
+                    type: "is another view";
+                    params: unknown;
+                };
+                "click: node has modelFqn": {
+                    type: "click: node has modelFqn";
+                    params: unknown;
+                };
+                "click: selected node": {
+                    type: "click: selected node";
+                    params: unknown;
+                };
+                "click: same node": {
+                    type: "click: same node";
+                    params: unknown;
+                };
+                "click: focused node": {
+                    type: "click: focused node";
+                    params: unknown;
+                };
+                "click: node has connections": {
+                    type: "click: node has connections";
+                    params: unknown;
+                };
+                "click: selected edge": {
+                    type: "click: selected edge";
+                    params: unknown;
+                };
+            }>, never, EmittedEvents>[];
+        };
         'walkthrough.end': {
             target: string;
         };

package/dist/likec4diagram/state/machine.state.ready.walkthrough.js

@@ -2,7 +2,7 @@ import { isStepEdgeId, getParallelStepsPrefix, invariant } from '@likec4/core';
 import { clamp, first } from 'remeda';
 import { assertEvent } from 'xstate';
 import { SeqParallelAreaColor } from '../xyflow-sequence/const.js';
-import { emitEdgeClick, stopHotKeyActor, undimEverything, startHotKeyActor, cancelEditing } from './machine.actions.js';
+import { updateView, emitEdgeClick, stopHotKeyActor, undimEverything, startHotKeyActor, cancelEditing } from './machine.actions.js';
 import { machine, targetState } from './machine.setup.js';
 import { x as xstateActions_cjsExports } from '../../_virtual/xstate-actions.cjs.js';
 import { fitFocusedBounds, returnViewportBefore, cancelFitDiagram, assignViewportBefore } from './machine.actions.layout.js';
@@ -112,9 +112,15 @@ const walkthrough = machine.createStateConfig({
     "key.arrow.left": {
       actions: xstateActions_cjsExports.raise({ type: "walkthrough.step", direction: "previous" })
     },
+    "key.arrow.up": {
+      actions: xstateActions_cjsExports.raise({ type: "walkthrough.step", direction: "previous" })
+    },
     "key.arrow.right": {
       actions: xstateActions_cjsExports.raise({ type: "walkthrough.step", direction: "next" })
     },
+    "key.arrow.down": {
+      actions: xstateActions_cjsExports.raise({ type: "walkthrough.step", direction: "next" })
+    },
     "walkthrough.step": {
       actions: [
         xstateActions_cjsExports.assign(({ context, event }) => {
@@ -165,6 +171,13 @@ const walkthrough = machine.createStateConfig({
     "tag.unhighlight": {
       actions: updateActiveWalkthroughState()
     },
+    "update.view": {
+      guard: "is same view",
+      actions: [
+        updateView(),
+        updateActiveWalkthroughState()
+      ]
+    },
     "walkthrough.end": {
       target: targetState.idle
     },

package/dist/likec4diagram/state/types.d.ts

@@ -1,14 +1,18 @@
 import { ActorSystem } from 'xstate';
+import { EditorActorRef } from '../../editor/editorActor';
 import { OverlaysActorRef } from '../../overlays/overlaysActor';
 import { SearchActorRef } from '../../search/searchActor';
 import { DiagramMachineRef } from './machine';
-import { SyncLayoutActorRef } from './syncManualLayoutActor';
+export type NodeWithData = {
+    id: string;
+    data: Record<string, unknown>;
+};
 export type System = ActorSystem<{
     actors: {
         diagram: DiagramMachineRef;
         overlays: OverlaysActorRef;
         search: SearchActorRef;
-        syncLayout: SyncLayoutActorRef;
+        editor: EditorActorRef;
     };
 }>;
 export interface DiagramActorRef extends DiagramMachineRef {

package/dist/likec4diagram/state/utils.d.ts

@@ -1,19 +1,39 @@
-import { DiagramEdge, DiagramNode, DiagramView, BBox } from '@likec4/core/types';
+import { DiagramEdge, DiagramNode, DiagramView, Fqn, BBox } from '@likec4/core/types';
 import { Viewport } from '@xyflow/system';
 import { ActorSystem } from 'xstate';
+import { EditorActorRef } from '../../editor/editorActor';
+import { ViewPaddings } from '../../LikeC4Diagram.props';
 import { OverlaysActorRef } from '../../overlays/overlaysActor';
 import { SearchActorRef } from '../../search/searchActor';
 import { Types } from '../types';
 import { Context } from './machine.setup';
-import { SyncLayoutActorRef } from './syncManualLayoutActor';
-import { DiagramActorRef } from './types';
-import { Fqn, DeploymentFqn } from '@likec4/core';
+import { DiagramActorRef, NodeWithData } from './types';
+import { DeploymentFqn } from '@likec4/core';
+export declare const findNodeByModelFqn: <T extends NodeWithData>(xynodes: T[], elementFqn: Fqn) => (T & {
+    data: {
+        modelFqn: Fqn;
+    };
+}) | null;
 export declare function typedSystem(system: ActorSystem<any>): {
-    readonly syncLayoutActorRef: SyncLayoutActorRef | null;
     readonly overlaysActorRef: OverlaysActorRef | null;
     readonly diagramActorRef: DiagramActorRef;
     readonly searchActorRef: SearchActorRef | null;
+    readonly editorActorRef: EditorActorRef | null;
 };
+export declare namespace typedSystem {
+    var editorActor: ({ system }: {
+        system: ActorSystem<any>;
+    }) => EditorActorRef;
+    var overlaysActor: ({ system }: {
+        system: ActorSystem<any>;
+    }) => OverlaysActorRef;
+    var diagramActor: ({ system }: {
+        system: ActorSystem<any>;
+    }) => DiagramActorRef;
+    var searchActor: ({ system }: {
+        system: ActorSystem<any>;
+    }) => SearchActorRef;
+}
 export declare function findDiagramNode(ctx: Context, xynodeId: string): DiagramNode | null;
 export declare function findDiagramEdge(ctx: Context, xyedgeId: string): DiagramEdge | null;
 export declare function focusedBounds(params: {
@@ -28,7 +48,7 @@ export declare function activeSequenceBounds(params: {
     bounds: BBox;
     duration: number;
 };
-export declare function nodeRef(node: Types.Node): Fqn | DeploymentFqn | null;
+export declare function nodeRef(node: Types.Node): DeploymentFqn | Fqn | null;
 export declare function findCorrespondingNode(context: Pick<Context, 'lastOnNavigate' | 'xynodes'>, event: {
     view: DiagramView;
     xynodes: Types.Node[];
@@ -36,5 +56,11 @@ export declare function findCorrespondingNode(context: Pick<Context, 'lastOnNavi
     fromNode: Types.Node<"element" | "deployment" | "compound-element" | "compound-deployment" | "view-group" | "seq-actor" | "seq-parallel"> | null | undefined;
     toNode: Types.Node<"element" | "deployment" | "compound-element" | "compound-deployment" | "view-group" | "seq-actor" | "seq-parallel"> | null | undefined;
 };
-export declare function calcViewportForBounds(context: Pick<Context, 'xystore' | 'xyflow' | 'fitViewPadding'>, bounds: BBox): Viewport;
+export declare function calcViewportForBounds(context: Pick<Context, 'xystore' | 'fitViewPadding'>, bounds: BBox): Viewport;
 export declare function parseAsNumber(value: string | number | undefined): number;
+export declare function parseViewPaddings(paddings: ViewPaddings): {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};

package/dist/likec4diagram/state/utils.js

@@ -3,11 +3,12 @@ import { nonNullable, nonexhaustive } from '@likec4/core/utils';
 import { getViewportForBounds, getNodesBounds, getNodeDimensions, getEdgePosition } from '@xyflow/system';
 import { MinZoom } from '../../base/const.js';
 
+const findNodeByModelFqn = (xynodes, elementFqn) => {
+  const node = xynodes.find((n) => "modelFqn" in n.data && n.data["modelFqn"] === elementFqn);
+  return node ? node : null;
+};
 function typedSystem(system) {
   return {
-    get syncLayoutActorRef() {
-      return system.get("syncLayout") ?? null;
-    },
     get overlaysActorRef() {
       return system.get("overlays") ?? null;
     },
@@ -16,9 +17,24 @@ function typedSystem(system) {
     },
     get searchActorRef() {
       return system.get("search") ?? null;
+    },
+    get editorActorRef() {
+      return system.get("editor") ?? null;
     }
   };
 }
+typedSystem.editorActor = ({ system }) => {
+  return system.get("editor");
+};
+typedSystem.overlaysActor = ({ system }) => {
+  return system.get("overlays");
+};
+typedSystem.diagramActor = ({ system }) => {
+  return system.get("diagram");
+};
+typedSystem.searchActor = ({ system }) => {
+  return system.get("search");
+};
 function findDiagramNode(ctx, xynodeId) {
   return ctx.view.nodes.find((n) => n.id === xynodeId) ?? null;
 }
@@ -149,12 +165,12 @@ function findCorrespondingNode(context, event) {
   return { fromNode, toNode };
 }
 function calcViewportForBounds(context, bounds) {
-  let currentZoom = context.xyflow.getZoom();
   let {
     width,
-    height
+    height,
+    transform
   } = context.xystore.getState();
-  const maxZoom = Math.max(currentZoom, 1);
+  const maxZoom = Math.max(transform[2], 1);
   return getViewportForBounds(
     bounds,
     width,
@@ -165,4 +181,4 @@ function calcViewportForBounds(context, bounds) {
   );
 }
 
-export { activeSequenceBounds, calcViewportForBounds, findCorrespondingNode, findDiagramEdge, findDiagramNode, focusedBounds, nodeRef, typedSystem };
+export { activeSequenceBounds, calcViewportForBounds, findCorrespondingNode, findDiagramEdge, findDiagramNode, findNodeByModelFqn, focusedBounds, nodeRef, typedSystem };

package/dist/likec4diagram/ui/notation/NotationPanel.js

@@ -9,9 +9,9 @@ import { useDiagramContext } from '../../../hooks/useDiagram.js';
 import { useXYStore } from '../../../hooks/useXYFlow.js';
 import { container, icon, card, tabPanel, shapeBadge, elementNotation } from './NotationPanel.css.js';
 import { useMantinePortalProps } from '../../../hooks/useMantinePortalProps.js';
-import IconAlertTriangle from '../../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.2.0/node_modules/@tabler/icons-react/dist/esm/icons/IconAlertTriangle.js';
-import IconHelpCircle from '../../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.2.0/node_modules/@tabler/icons-react/dist/esm/icons/IconHelpCircle.js';
-import IconArrowDownRight from '../../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.2.0/node_modules/@tabler/icons-react/dist/esm/icons/IconArrowDownRight.js';
+import IconAlertTriangle from '../../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.2.1/node_modules/@tabler/icons-react/dist/esm/icons/IconAlertTriangle.js';
+import IconHelpCircle from '../../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.2.1/node_modules/@tabler/icons-react/dist/esm/icons/IconHelpCircle.js';
+import IconArrowDownRight from '../../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.2.1/node_modules/@tabler/icons-react/dist/esm/icons/IconArrowDownRight.js';
 import { useDiagram } from '../../../hooks/safeContext.js';
 import { ElementShape } from '../../../base-primitives/element/ElementShape.js';
 

package/dist/likec4diagram/useLayoutConstraints.js

@@ -9,7 +9,7 @@ import 'fast-equals';
 import { useDiagram } from '../hooks/safeContext.js';
 import { nodeToRect, bezierControlPoints } from '../utils/xyflow.js';
 import { useXYStoreApi } from '../hooks/useXYFlow.js';
-import { vector } from '../utils/vector.js';
+import { vector } from '@likec4/core/geometry';
 
 class Rect {
   static LeftPadding = 42;
@@ -167,11 +167,7 @@ function makeRelativeEdgeModifier(edge, movingRect, anchorNode, staticNode) {
         min: -1,
         max: 1
       });
-      const newP = p.add(d.multiply(coeff)).round();
-      return {
-        x: newP.x,
-        y: newP.y
-      };
+      return p.add(d.multiply(coeff)).round().toObject();
     };
     return {
       id: edge.id,
@@ -189,7 +185,7 @@ function makeRelativeEdgeModifier(edge, movingRect, anchorNode, staticNode) {
   };
 }
 function createLayoutConstraints(xyflowApi, editingNodeIds) {
-  const { parentLookup, nodeLookup, edges, edgeLookup } = xyflowApi.getState();
+  const { parentLookup, nodeLookup, edges } = xyflowApi.getState();
   const rects = /* @__PURE__ */ new Map();
   const ancestorsOf = new DefaultMap((nodeId) => {
     const xynode = nodeLookup.get(nodeId);
@@ -330,9 +326,9 @@ function createLayoutConstraints(xyflowApi, editingNodeIds) {
       }
       return acc;
     }, []);
-    const { edgeLookup: edgeLookup2, triggerNodeChanges, triggerEdgeChanges } = xyflowApi.getState();
+    const { edgeLookup, triggerNodeChanges, triggerEdgeChanges } = xyflowApi.getState();
     triggerNodeChanges(nodeUpdates);
-    const changes = _edgeModifiers.map((fm) => fm(edgeLookup2));
+    const changes = _edgeModifiers.map((fm) => fm(edgeLookup));
     if (changes.length > 0) {
       triggerEdgeChanges(changes);
     }