@likec4/diagram 1.27.0 → 1.27.1

package/dist/hooks/useDiagram.d.ts

@@ -285,7 +285,7 @@ export declare function useDiagram(): {
             };
             readonly exit: readonly ["stopListeningToEsc", "closeAllOverlays"];
         }>>;
-    }, "initializing" | "navigating" | {
+    }, "isReady" | "initializing" | "navigating" | {
         ready: "idle" | "walkthrough" | "focused";
     }, string, NonReducibleUnknown, MetaObject, {
         readonly initial: "initializing";
@@ -1074,6 +1074,8 @@ export declare function useDiagram(): {
             input: Input;
             self: ActorRef<MachineSnapshot<DiagramContext, Events, Record<string, AnyActorRef | undefined>, StateValue, string, unknown, any, any>, Events, AnyEventObject>;
         }) => {
+            xyedges: never[];
+            xynodes: never[];
             features: {
                 enableControls: boolean;
                 enableReadOnly: boolean;
@@ -1093,7 +1095,10 @@ export declare function useDiagram(): {
                 enableVscode: boolean;
             };
             toggledFeatures: Partial< EnabledFeatures>;
-            initialized: false;
+            initialized: {
+                xydata: false;
+                xyflow: false;
+            };
             viewportChangedManually: false;
             lastOnNavigate: null;
             lastClickedNode: null;
@@ -1110,104 +1115,9 @@ export declare function useDiagram(): {
                 zoom: number;
             };
             xyflow: null;
-            syncLayoutActorRef: ActorRefFromLogic<StateMachine<Readonly< Input>, Events, {}, never, {
-                type: "trigger:OnChange";
-                params: {
-                    change: ViewChange;
-                };
-            }, {
-                type: "same view";
-                params: unknown;
-            }, "timeout", "stopped" | "idle" | "synced" | "pending" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
-                readonly initial: "idle";
-                readonly context: ({ input }: {
-                    spawn: {
-                        <TSrc extends never>(logic: TSrc, ...[options]: never): ActorRefFromLogic<never>;
-                        <TLogic extends AnyActorLogic>(src: TLogic, ...[options]: ConditionalRequired<[options?: {
-                            id?: never;
-                            systemId?: string;
-                            input?: InputFrom<TLogic>;
-                            syncSnapshot?: boolean;
-                        } & { [K in RequiredLogicInput<TLogic>]: unknown; }], IsNotNever<RequiredLogicInput<TLogic>>>): ActorRefFromLogic<TLogic>;
-                    };
-                    input: Input;
-                    self: ActorRef<MachineSnapshot<Readonly< Input>, Events, Record<string, AnyActorRef | undefined>, StateValue, string, unknown, any, any>, Events, AnyEventObject>;
-                }) => {
-                    parent: ActorRef<MachineSnapshot<DiagramContext, Events, any, any, any, any, any, any>, Events, any>;
-                    viewId: ViewId;
-                };
-                readonly states: {
-                    readonly idle: {
-                        readonly tags: "ready";
-                        readonly on: {
-                            readonly sync: {
-                                readonly target: "pending";
-                            };
-                        };
-                    };
-                    readonly paused: {
-                        readonly tags: "pending";
-                        readonly on: {
-                            readonly sync: {
-                                readonly target: "pending";
-                            };
-                        };
-                    };
-                    readonly pending: {
-                        readonly tags: "pending";
-                        readonly on: {
-                            readonly sync: {
-                                readonly target: "pending";
-                                readonly reenter: true;
-                            };
-                            readonly cancel: {
-                                readonly target: "paused";
-                            };
-                        };
-                        readonly after: {
-                            readonly timeout: readonly [{
-                                readonly guard: "same view";
-                                readonly actions: {
-                                    readonly type: "trigger:OnChange";
-                                    readonly params: ({ context }: {
-                                        context: Readonly< Input>;
-                                        event: Events;
-                                    }) => {
-                                        change: import("@likec4/core").ViewChange.SaveManualLayout;
-                                    };
-                                };
-                                readonly target: "synced";
-                            }, {
-                                readonly target: "stopped";
-                            }];
-                        };
-                    };
-                    readonly synced: {
-                        readonly tags: "ready";
-                        readonly on: {
-                            readonly sync: {
-                                readonly target: "pending";
-                            };
-                        };
-                    };
-                    readonly stopped: {
-                        readonly entry: ActionFunction<Readonly< Input>, Events, Events, undefined, never, never, never, never, never>;
-                        readonly type: "final";
-                    };
-                };
-                readonly on: {
-                    readonly synced: {
-                        readonly target: ".synced";
-                    };
-                    readonly stop: {
-                        readonly target: ".stopped";
-                    };
-                };
-            }>>;
+            syncLayoutActorRef: null;
             activeWalkthrough: null;
             view: DiagramView;
-            xynodes: Types.Node[];
-            xyedges: Types.Edge[];
             xystore: {
                 getState: () => ReactFlowState<Types.Node, {
                     id: string;
@@ -1584,12 +1494,13 @@ export declare function useDiagram(): {
             zoomable: boolean;
             pannable: boolean;
             fitViewPadding: number;
+            nodesSelectable: boolean;
         };
         readonly states: {
             readonly initializing: {
                 readonly on: {
                     readonly 'xyflow.init': {
-                        readonly actions: readonly [ ActionFunction<DiagramContext, {
+                        readonly actions: ActionFunction<DiagramContext, {
                             type: "xyflow.init";
                             instance: ReactFlowInstance<Types.Node, Types.Edge>;
                         }, Events, undefined, Values<{
@@ -1845,9 +1756,15 @@ export declare function useDiagram(): {
                                 }>;
                                 id: "overlays";
                             };
-                        }>, never, never, never, never>, ActionFunction<DiagramContext, {
-                            type: "xyflow.init";
-                            instance: ReactFlowInstance<Types.Node, Types.Edge>;
+                        }>, never, never, never, never>;
+                        readonly target: "isReady";
+                    };
+                    readonly 'update.view': {
+                        readonly actions: ActionFunction<DiagramContext, {
+                            type: "update.view";
+                            view: DiagramView;
+                            xynodes: Types.Node[];
+                            xyedges: Types.Edge[];
                         }, Events, undefined, Values<{
                             syncManualLayoutActorLogic: {
                                 src: "syncManualLayoutActorLogic";
@@ -2101,150 +2018,277 @@ export declare function useDiagram(): {
                                 }>;
                                 id: "overlays";
                             };
-                        }>, Values<{
-                            onNodeMouseEnter: {
-                                type: "onNodeMouseEnter";
+                        }>, never, never, never, never>;
+                        readonly target: "isReady";
+                    };
+                };
+            };
+            readonly isReady: {
+                readonly always: readonly [{
+                    readonly guard: "isReady";
+                    readonly actions: readonly [{
+                        readonly type: "xyflow:fitDiagram";
+                        readonly params: {
+                            readonly duration: 0;
+                        };
+                    }, "startSyncLayout", ActionFunction<DiagramContext, Events, Events, undefined, Values<{
+                        syncManualLayoutActorLogic: {
+                            src: "syncManualLayoutActorLogic";
+                            logic: StateMachine<Readonly< Input>, Events, {}, never, {
+                                type: "trigger:OnChange";
                                 params: {
-                                    node: Types.Node;
+                                    change: ViewChange;
                                 };
-                            };
-                            onNodeMouseLeave: {
-                                type: "onNodeMouseLeave";
-                                params: {
-                                    node: Types.Node;
+                            }, {
+                                type: "same view";
+                                params: unknown;
+                            }, "timeout", "stopped" | "idle" | "synced" | "pending" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                                readonly initial: "idle";
+                                readonly context: ({ input }: {
+                                    spawn: {
+                                        <TSrc extends never>(logic: TSrc, ...[options]: never): ActorRefFromLogic<never>;
+                                        <TLogic extends AnyActorLogic>(src: TLogic, ...[options]: ConditionalRequired<[options?: {
+                                            id?: never;
+                                            systemId?: string;
+                                            input?: InputFrom<TLogic>;
+                                            syncSnapshot?: boolean;
+                                        } & { [K in RequiredLogicInput<TLogic>]: unknown; }], IsNotNever<RequiredLogicInput<TLogic>>>): ActorRefFromLogic<TLogic>;
+                                    };
+                                    input: Input;
+                                    self: ActorRef<MachineSnapshot<Readonly< Input>, Events, Record<string, AnyActorRef | undefined>, StateValue, string, unknown, any, any>, Events, AnyEventObject>;
+                                }) => {
+                                    parent: ActorRef<MachineSnapshot<DiagramContext, Events, any, any, any, any, any, any>, Events, any>;
+                                    viewId: ViewId;
                                 };
-                            };
-                            onEdgeMouseEnter: {
-                                type: "onEdgeMouseEnter";
-                                params: {
-                                    edge: Types.Edge;
+                                readonly states: {
+                                    readonly idle: {
+                                        readonly tags: "ready";
+                                        readonly on: {
+                                            readonly sync: {
+                                                readonly target: "pending";
+                                            };
+                                        };
+                                    };
+                                    readonly paused: {
+                                        readonly tags: "pending";
+                                        readonly on: {
+                                            readonly sync: {
+                                                readonly target: "pending";
+                                            };
+                                        };
+                                    };
+                                    readonly pending: {
+                                        readonly tags: "pending";
+                                        readonly on: {
+                                            readonly sync: {
+                                                readonly target: "pending";
+                                                readonly reenter: true;
+                                            };
+                                            readonly cancel: {
+                                                readonly target: "paused";
+                                            };
+                                        };
+                                        readonly after: {
+                                            readonly timeout: readonly [{
+                                                readonly guard: "same view";
+                                                readonly actions: {
+                                                    readonly type: "trigger:OnChange";
+                                                    readonly params: ({ context }: {
+                                                        context: Readonly< Input>;
+                                                        event: Events;
+                                                    }) => {
+                                                        change: import("@likec4/core").ViewChange.SaveManualLayout;
+                                                    };
+                                                };
+                                                readonly target: "synced";
+                                            }, {
+                                                readonly target: "stopped";
+                                            }];
+                                        };
+                                    };
+                                    readonly synced: {
+                                        readonly tags: "ready";
+                                        readonly on: {
+                                            readonly sync: {
+                                                readonly target: "pending";
+                                            };
+                                        };
+                                    };
+                                    readonly stopped: {
+                                        readonly entry: ActionFunction<Readonly< Input>, Events, Events, undefined, never, never, never, never, never>;
+                                        readonly type: "final";
+                                    };
                                 };
-                            };
-                            onEdgeMouseLeave: {
-                                type: "onEdgeMouseLeave";
-                                params: {
-                                    edge: Types.Edge;
+                                readonly on: {
+                                    readonly synced: {
+                                        readonly target: ".synced";
+                                    };
+                                    readonly stop: {
+                                        readonly target: ".stopped";
+                                    };
                                 };
-                            };
-                            "xyflow:fitDiagram": {
-                                type: "xyflow:fitDiagram";
-                                params: {
-                                    duration?: number;
-                                    bounds?: BBox;
-                                } | undefined;
-                            };
-                            closeAllOverlays: {
-                                type: "closeAllOverlays";
-                                params: NonReducibleUnknown;
-                            };
-                            "trigger:OnChange": {
-                                type: "trigger:OnChange";
-                                params: {
-                                    change: ViewChange;
+                            }>;
+                            id: "syncLayout";
+                        };
+                        hotkeyActorLogic: {
+                            src: "hotkeyActorLogic";
+                            logic: CallbackActorLogic<AnyEventObject, NonReducibleUnknown, HotKeyEvent>;
+                            id: "hotkey";
+                        };
+                        overlaysActorLogic: {
+                            src: "overlaysActorLogic";
+                            logic: StateMachine<OverlaysContext, OverlayActorEvent, {
+                                [x: `elementDetails-${number}`]: ActorRefFromLogic<ElementDetailsLogic> | undefined;
+                                [x: `relationshipsBrowser-${number}`]: ActorRefFromLogic<import("../overlays/types").Overlays.RelationshipsBrowser.Logic> | undefined;
+                                [x: `relationshipDetails-${number}`]: ActorRefFromLogic<import("../overlays/types").Overlays.RelationshipDetails.Logic> | undefined;
+                                hotkey?: ActorRefFromLogic<CallbackActorLogic<EventObject, NonReducibleUnknown, EventObject>>;
+                            }, Values<{
+                                elementDetails: {
+                                    src: "elementDetails";
+                                    logic: ElementDetailsLogic;
+                                    id: `elementDetails-${number}`;
+                                };
+                                relationshipsBrowser: {
+                                    src: "relationshipsBrowser";
+                                    logic: import("../overlays/types").Overlays.RelationshipsBrowser.Logic;
+                                    id: `relationshipsBrowser-${number}`;
+                                };
+                                relationshipDetails: {
+                                    src: "relationshipDetails";
+                                    logic: import("../overlays/types").Overlays.RelationshipDetails.Logic;
+                                    id: `relationshipDetails-${number}`;
+                                };
+                                hotkey: {
+                                    src: "hotkey";
+                                    logic: CallbackActorLogic<EventObject, NonReducibleUnknown, EventObject>;
+                                    id: "hotkey";
+                                };
+                            }>, Values<{
+                                closeLastOverlay: {
+                                    type: "closeLastOverlay";
+                                    params: NonReducibleUnknown;
+                                };
+                                closeSpecificOverlay: {
+                                    type: "closeSpecificOverlay";
+                                    params: {
+                                        actorId: string;
+                                    };
                                 };
-                            };
-                            "layout.align": {
-                                type: "layout.align";
-                                params: {
-                                    mode: AlignmentMode;
+                                closeAllOverlays: {
+                                    type: "closeAllOverlays";
+                                    params: NonReducibleUnknown;
                                 };
-                            };
-                            "trigger:NavigateTo": {
-                                type: "trigger:NavigateTo";
-                                params: {
-                                    viewId: ViewId;
+                                openElementDetails: {
+                                    type: "openElementDetails";
+                                    params: NonReducibleUnknown;
                                 };
-                            };
-                            "trigger:OpenSource": {
-                                type: "trigger:OpenSource";
-                                params: OpenSourceParams;
-                            };
-                            "assign lastClickedNode": {
-                                type: "assign lastClickedNode";
-                                params: NonReducibleUnknown;
-                            };
-                            "open source of focused or last clicked node": {
-                                type: "open source of focused or last clicked node";
-                                params: NonReducibleUnknown;
-                            };
-                            "xyflow:fitFocusedBounds": {
-                                type: "xyflow:fitFocusedBounds";
-                                params: unknown;
-                            };
-                            "xyflow:setViewportCenter": {
-                                type: "xyflow:setViewportCenter";
-                                params: {
-                                    x: number;
-                                    y: number;
+                                openRelationshipDetails: {
+                                    type: "openRelationshipDetails";
+                                    params: NonReducibleUnknown;
                                 };
-                            };
-                            "xyflow:setViewport": {
-                                type: "xyflow:setViewport";
-                                params: {
-                                    viewport: Viewport;
-                                    duration?: number;
+                                openRelationshipsBrowser: {
+                                    type: "openRelationshipsBrowser";
+                                    params: NonReducibleUnknown;
                                 };
-                            };
-                            "xyflow:alignNodeFromToAfterNavigate": {
-                                type: "xyflow:alignNodeFromToAfterNavigate";
-                                params: {
-                                    fromNode: NodeId;
-                                    toPosition: XYPoint;
+                                listenToEsc: {
+                                    type: "listenToEsc";
+                                    params: NonReducibleUnknown;
                                 };
-                            };
-                            updateFeatures: {
-                                type: "updateFeatures";
-                                params: NonReducibleUnknown;
-                            };
-                            stopSyncLayout: {
-                                type: "stopSyncLayout";
-                                params: NonReducibleUnknown;
-                            };
-                        }>, Values<{
-                            "enabled: FitView": {
-                                type: "enabled: FitView";
-                                params: unknown;
-                            };
-                            "enabled: FocusMode": {
-                                type: "enabled: FocusMode";
-                                params: unknown;
-                            };
-                            "enabled: Readonly": {
-                                type: "enabled: Readonly";
-                                params: unknown;
-                            };
-                            "not readonly": {
-                                type: "not readonly";
-                                params: unknown;
-                            };
-                            "is dynamic view": {
-                                type: "is dynamic view";
-                                params: unknown;
-                            };
-                            "is another view": {
-                                type: "is another view";
-                                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;
-                            };
-                        }>, never, EventObject>];
-                        readonly target: "ready";
-                    };
-                };
+                                stopListeningToEsc: {
+                                    type: "stopListeningToEsc";
+                                    params: NonReducibleUnknown;
+                                };
+                            }>, Values<{
+                                "has overlays?": {
+                                    type: "has overlays?";
+                                    params: unknown;
+                                };
+                                "close specific overlay?": {
+                                    type: "close specific overlay?";
+                                    params: unknown;
+                                };
+                                "last: is relationshipDetails?": {
+                                    type: "last: is relationshipDetails?";
+                                    params: unknown;
+                                };
+                                "last: is relationshipsBrowser?": {
+                                    type: "last: is relationshipsBrowser?";
+                                    params: unknown;
+                                };
+                            }>, never, "active" | "idle" | "closing", string, NonReducibleUnknown, NonReducibleUnknown, OverlayActorEmitedEvent, MetaObject, {
+                                readonly id: "overlays";
+                                readonly context: () => {
+                                    seq: number;
+                                    overlays: never[];
+                                };
+                                readonly initial: "idle";
+                                readonly on: {
+                                    readonly 'open.elementDetails': {
+                                        readonly actions: "openElementDetails";
+                                        readonly target: ".active";
+                                        readonly reenter: false;
+                                    };
+                                    readonly 'open.relationshipDetails': {
+                                        readonly actions: "openRelationshipDetails";
+                                        readonly target: ".active";
+                                        readonly reenter: false;
+                                    };
+                                    readonly 'open.relationshipsBrowser': {
+                                        readonly actions: "openRelationshipsBrowser";
+                                        readonly target: ".active";
+                                        readonly reenter: false;
+                                    };
+                                };
+                                readonly states: {
+                                    readonly idle: {};
+                                    readonly active: {
+                                        readonly entry: "listenToEsc";
+                                        readonly exit: "stopListeningToEsc";
+                                        readonly on: {
+                                            readonly close: readonly [{
+                                                readonly guard: "close specific overlay?";
+                                                readonly actions: {
+                                                    readonly type: "closeSpecificOverlay";
+                                                    readonly params: ({ event }: {
+                                                        context: OverlaysContext;
+                                                        event: {
+                                                            type: "close";
+                                                            actorId?: string | undefined;
+                                                        };
+                                                    }) => {
+                                                        actorId: string;
+                                                    };
+                                                };
+                                                readonly target: "closing";
+                                            }, {
+                                                readonly actions: "closeLastOverlay";
+                                                readonly target: "closing";
+                                            }];
+                                            readonly 'close.all': {
+                                                readonly actions: readonly ["closeAllOverlays", "stopListeningToEsc"];
+                                                readonly target: "idle";
+                                            };
+                                        };
+                                    };
+                                    readonly closing: {
+                                        readonly always: readonly [{
+                                            readonly guard: "has overlays?";
+                                            readonly target: "active";
+                                        }, {
+                                            readonly actions: "stopListeningToEsc";
+                                            readonly target: "idle";
+                                        }];
+                                    };
+                                };
+                                readonly exit: readonly ["stopListeningToEsc", "closeAllOverlays"];
+                            }>;
+                            id: "overlays";
+                        };
+                    }>, never, never, never, never>];
+                    readonly target: "ready";
+                }, {
+                    readonly target: "initializing";
+                }];
             };
             readonly ready: {
                 readonly initial: "idle";
@@ -5523,11 +5567,19 @@ export declare function useDiagram(): {
                                 type: "updateFeatures";
                                 params: NonReducibleUnknown;
                             };
+                            startSyncLayout: {
+                                type: "startSyncLayout";
+                                params: NonReducibleUnknown;
+                            };
                             stopSyncLayout: {
                                 type: "stopSyncLayout";
                                 params: NonReducibleUnknown;
                             };
                         }>, Values<{
+                            isReady: {
+                                type: "isReady";
+                                params: unknown;
+                            };
                             "enabled: FitView": {
                                 type: "enabled: FitView";
                                 params: unknown;
@@ -7734,11 +7786,19 @@ export declare function useDiagram(): {
                                         type: "updateFeatures";
                                         params: NonReducibleUnknown;
                                     };
+                                    startSyncLayout: {
+                                        type: "startSyncLayout";
+                                        params: NonReducibleUnknown;
+                                    };
                                     stopSyncLayout: {
                                         type: "stopSyncLayout";
                                         params: NonReducibleUnknown;
                                     };
                                 }>, Values<{
+                                    isReady: {
+                                        type: "isReady";
+                                        params: unknown;
+                                    };
                                     "enabled: FitView": {
                                         type: "enabled: FitView";
                                         params: unknown;
@@ -8146,11 +8206,19 @@ export declare function useDiagram(): {
                                 type: "updateFeatures";
                                 params: NonReducibleUnknown;
                             };
+                            startSyncLayout: {
+                                type: "startSyncLayout";
+                                params: NonReducibleUnknown;
+                            };
                             stopSyncLayout: {
                                 type: "stopSyncLayout";
                                 params: NonReducibleUnknown;
                             };
                         }>, Values<{
+                            isReady: {
+                                type: "isReady";
+                                params: unknown;
+                            };
                             "enabled: FitView": {
                                 type: "enabled: FitView";
                                 params: unknown;
@@ -8206,260 +8274,6 @@ export declare function useDiagram(): {
                         viewId: ViewId;
                     };
                 }];
-                readonly exit: ActionFunction<DiagramContext, Events, Events, undefined, Values<{
-                    syncManualLayoutActorLogic: {
-                        src: "syncManualLayoutActorLogic";
-                        logic: StateMachine<Readonly< Input>, Events, {}, never, {
-                            type: "trigger:OnChange";
-                            params: {
-                                change: ViewChange;
-                            };
-                        }, {
-                            type: "same view";
-                            params: unknown;
-                        }, "timeout", "stopped" | "idle" | "synced" | "pending" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
-                            readonly initial: "idle";
-                            readonly context: ({ input }: {
-                                spawn: {
-                                    <TSrc extends never>(logic: TSrc, ...[options]: never): ActorRefFromLogic<never>;
-                                    <TLogic extends AnyActorLogic>(src: TLogic, ...[options]: ConditionalRequired<[options?: {
-                                        id?: never;
-                                        systemId?: string;
-                                        input?: InputFrom<TLogic>;
-                                        syncSnapshot?: boolean;
-                                    } & { [K in RequiredLogicInput<TLogic>]: unknown; }], IsNotNever<RequiredLogicInput<TLogic>>>): ActorRefFromLogic<TLogic>;
-                                };
-                                input: Input;
-                                self: ActorRef<MachineSnapshot<Readonly< Input>, Events, Record<string, AnyActorRef | undefined>, StateValue, string, unknown, any, any>, Events, AnyEventObject>;
-                            }) => {
-                                parent: ActorRef<MachineSnapshot<DiagramContext, Events, any, any, any, any, any, any>, Events, any>;
-                                viewId: ViewId;
-                            };
-                            readonly states: {
-                                readonly idle: {
-                                    readonly tags: "ready";
-                                    readonly on: {
-                                        readonly sync: {
-                                            readonly target: "pending";
-                                        };
-                                    };
-                                };
-                                readonly paused: {
-                                    readonly tags: "pending";
-                                    readonly on: {
-                                        readonly sync: {
-                                            readonly target: "pending";
-                                        };
-                                    };
-                                };
-                                readonly pending: {
-                                    readonly tags: "pending";
-                                    readonly on: {
-                                        readonly sync: {
-                                            readonly target: "pending";
-                                            readonly reenter: true;
-                                        };
-                                        readonly cancel: {
-                                            readonly target: "paused";
-                                        };
-                                    };
-                                    readonly after: {
-                                        readonly timeout: readonly [{
-                                            readonly guard: "same view";
-                                            readonly actions: {
-                                                readonly type: "trigger:OnChange";
-                                                readonly params: ({ context }: {
-                                                    context: Readonly< Input>;
-                                                    event: Events;
-                                                }) => {
-                                                    change: import("@likec4/core").ViewChange.SaveManualLayout;
-                                                };
-                                            };
-                                            readonly target: "synced";
-                                        }, {
-                                            readonly target: "stopped";
-                                        }];
-                                    };
-                                };
-                                readonly synced: {
-                                    readonly tags: "ready";
-                                    readonly on: {
-                                        readonly sync: {
-                                            readonly target: "pending";
-                                        };
-                                    };
-                                };
-                                readonly stopped: {
-                                    readonly entry: ActionFunction<Readonly< Input>, Events, Events, undefined, never, never, never, never, never>;
-                                    readonly type: "final";
-                                };
-                            };
-                            readonly on: {
-                                readonly synced: {
-                                    readonly target: ".synced";
-                                };
-                                readonly stop: {
-                                    readonly target: ".stopped";
-                                };
-                            };
-                        }>;
-                        id: "syncLayout";
-                    };
-                    hotkeyActorLogic: {
-                        src: "hotkeyActorLogic";
-                        logic: CallbackActorLogic<AnyEventObject, NonReducibleUnknown, HotKeyEvent>;
-                        id: "hotkey";
-                    };
-                    overlaysActorLogic: {
-                        src: "overlaysActorLogic";
-                        logic: StateMachine<OverlaysContext, OverlayActorEvent, {
-                            [x: `elementDetails-${number}`]: ActorRefFromLogic<ElementDetailsLogic> | undefined;
-                            [x: `relationshipsBrowser-${number}`]: ActorRefFromLogic<import("../overlays/types").Overlays.RelationshipsBrowser.Logic> | undefined;
-                            [x: `relationshipDetails-${number}`]: ActorRefFromLogic<import("../overlays/types").Overlays.RelationshipDetails.Logic> | undefined;
-                            hotkey?: ActorRefFromLogic<CallbackActorLogic<EventObject, NonReducibleUnknown, EventObject>>;
-                        }, Values<{
-                            elementDetails: {
-                                src: "elementDetails";
-                                logic: ElementDetailsLogic;
-                                id: `elementDetails-${number}`;
-                            };
-                            relationshipsBrowser: {
-                                src: "relationshipsBrowser";
-                                logic: import("../overlays/types").Overlays.RelationshipsBrowser.Logic;
-                                id: `relationshipsBrowser-${number}`;
-                            };
-                            relationshipDetails: {
-                                src: "relationshipDetails";
-                                logic: import("../overlays/types").Overlays.RelationshipDetails.Logic;
-                                id: `relationshipDetails-${number}`;
-                            };
-                            hotkey: {
-                                src: "hotkey";
-                                logic: CallbackActorLogic<EventObject, NonReducibleUnknown, EventObject>;
-                                id: "hotkey";
-                            };
-                        }>, Values<{
-                            closeLastOverlay: {
-                                type: "closeLastOverlay";
-                                params: NonReducibleUnknown;
-                            };
-                            closeSpecificOverlay: {
-                                type: "closeSpecificOverlay";
-                                params: {
-                                    actorId: string;
-                                };
-                            };
-                            closeAllOverlays: {
-                                type: "closeAllOverlays";
-                                params: NonReducibleUnknown;
-                            };
-                            openElementDetails: {
-                                type: "openElementDetails";
-                                params: NonReducibleUnknown;
-                            };
-                            openRelationshipDetails: {
-                                type: "openRelationshipDetails";
-                                params: NonReducibleUnknown;
-                            };
-                            openRelationshipsBrowser: {
-                                type: "openRelationshipsBrowser";
-                                params: NonReducibleUnknown;
-                            };
-                            listenToEsc: {
-                                type: "listenToEsc";
-                                params: NonReducibleUnknown;
-                            };
-                            stopListeningToEsc: {
-                                type: "stopListeningToEsc";
-                                params: NonReducibleUnknown;
-                            };
-                        }>, Values<{
-                            "has overlays?": {
-                                type: "has overlays?";
-                                params: unknown;
-                            };
-                            "close specific overlay?": {
-                                type: "close specific overlay?";
-                                params: unknown;
-                            };
-                            "last: is relationshipDetails?": {
-                                type: "last: is relationshipDetails?";
-                                params: unknown;
-                            };
-                            "last: is relationshipsBrowser?": {
-                                type: "last: is relationshipsBrowser?";
-                                params: unknown;
-                            };
-                        }>, never, "active" | "idle" | "closing", string, NonReducibleUnknown, NonReducibleUnknown, OverlayActorEmitedEvent, MetaObject, {
-                            readonly id: "overlays";
-                            readonly context: () => {
-                                seq: number;
-                                overlays: never[];
-                            };
-                            readonly initial: "idle";
-                            readonly on: {
-                                readonly 'open.elementDetails': {
-                                    readonly actions: "openElementDetails";
-                                    readonly target: ".active";
-                                    readonly reenter: false;
-                                };
-                                readonly 'open.relationshipDetails': {
-                                    readonly actions: "openRelationshipDetails";
-                                    readonly target: ".active";
-                                    readonly reenter: false;
-                                };
-                                readonly 'open.relationshipsBrowser': {
-                                    readonly actions: "openRelationshipsBrowser";
-                                    readonly target: ".active";
-                                    readonly reenter: false;
-                                };
-                            };
-                            readonly states: {
-                                readonly idle: {};
-                                readonly active: {
-                                    readonly entry: "listenToEsc";
-                                    readonly exit: "stopListeningToEsc";
-                                    readonly on: {
-                                        readonly close: readonly [{
-                                            readonly guard: "close specific overlay?";
-                                            readonly actions: {
-                                                readonly type: "closeSpecificOverlay";
-                                                readonly params: ({ event }: {
-                                                    context: OverlaysContext;
-                                                    event: {
-                                                        type: "close";
-                                                        actorId?: string | undefined;
-                                                    };
-                                                }) => {
-                                                    actorId: string;
-                                                };
-                                            };
-                                            readonly target: "closing";
-                                        }, {
-                                            readonly actions: "closeLastOverlay";
-                                            readonly target: "closing";
-                                        }];
-                                        readonly 'close.all': {
-                                            readonly actions: readonly ["closeAllOverlays", "stopListeningToEsc"];
-                                            readonly target: "idle";
-                                        };
-                                    };
-                                };
-                                readonly closing: {
-                                    readonly always: readonly [{
-                                        readonly guard: "has overlays?";
-                                        readonly target: "active";
-                                    }, {
-                                        readonly actions: "stopListeningToEsc";
-                                        readonly target: "idle";
-                                    }];
-                                };
-                            };
-                            readonly exit: readonly ["stopListeningToEsc", "closeAllOverlays"];
-                        }>;
-                        id: "overlays";
-                    };
-                }>, never, never, never, never>;
                 readonly on: {
                     readonly 'update.view': {
                         readonly actions: ActionFunction<DiagramContext, {
@@ -8815,11 +8629,19 @@ export declare function useDiagram(): {
                                 type: "updateFeatures";
                                 params: NonReducibleUnknown;
                             };
+                            startSyncLayout: {
+                                type: "startSyncLayout";
+                                params: NonReducibleUnknown;
+                            };
                             stopSyncLayout: {
                                 type: "stopSyncLayout";
                                 params: NonReducibleUnknown;
                             };
                         }>, Values<{
+                            isReady: {
+                                type: "isReady";
+                                params: unknown;
+                            };
                             "enabled: FitView": {
                                 type: "enabled: FitView";
                                 params: unknown;
@@ -10782,11 +10604,19 @@ export declare function useDiagram(): {
                         type: "updateFeatures";
                         params: NonReducibleUnknown;
                     };
+                    startSyncLayout: {
+                        type: "startSyncLayout";
+                        params: NonReducibleUnknown;
+                    };
                     stopSyncLayout: {
                         type: "stopSyncLayout";
                         params: NonReducibleUnknown;
                     };
                 }>, Values<{
+                    isReady: {
+                        type: "isReady";
+                        params: unknown;
+                    };
                     "enabled: FitView": {
                         type: "enabled: FitView";
                         params: unknown;
@@ -10832,7 +10662,7 @@ export declare function useDiagram(): {
             readonly 'update.inputs': {
                 readonly actions: ActionFunction<DiagramContext, {
                     type: "update.inputs";
-                    inputs: Partial<Omit< Input, "view">>;
+                    inputs: Partial<Omit< Input, "view" | "xystore">>;
                 }, Events, undefined, Values<{
                     syncManualLayoutActorLogic: {
                         src: "syncManualLayoutActorLogic";