@likec4/diagram 1.27.0 → 1.27.2

package/dist/state/diagram-machine.d.ts

@@ -1,10 +1,10 @@
-import { BBox, DiagramView, EdgeId, Fqn, NodeId, StepEdgeId, ViewChange, ViewId, XYPoint, NonEmptyArray, Point, Color, RelationshipLineType, RelationshipArrowType } from '@likec4/core';
+import { BBox, DiagramView, EdgeId, ElementNotation, Fqn, NodeId, StepEdgeId, ViewChange, ViewId, XYPoint, NonEmptyArray, Point, Color, RelationshipLineType, RelationshipArrowType } from '@likec4/core';
 import { ReactFlowInstance, useStoreApi } from '@xyflow/react';
 import { EdgeChange, NodeChange, Rect, Viewport, EdgeMarkerType, HandleType, XYPosition } from '@xyflow/system';
 import { ActorLogicFrom, ActorRef, AnyEventObject, Snapshot, StateMachine, ActorRefFromLogic, NonReducibleUnknown, EventObject, MetaObject, AnyActorLogic, ConditionalRequired, InputFrom, RequiredLogicInput, IsNotNever, MachineSnapshot, AnyActorRef, StateValue, ActionFunction, CallbackActorLogic, Values, RequiredActorOptions, GetConcreteByKey, CancelAction, StopAction } from 'xstate';
 import { Base } from '../base/types';
 import { EnabledFeatures, FeatureName } from '../context/DiagramFeatures';
-import { OpenSourceParams } from '../LikeC4Diagram.props';
+import { OpenSourceParams, PaddingWithUnit } from '../LikeC4Diagram.props';
 import { Types } from '../likec4diagram/types';
 import { AlignmentMode } from './aligners';
 import { HotKeyEvent } from './hotkeyActor';
@@ -23,18 +23,22 @@ export interface NavigationHistory {
 }
 export interface Input {
     view: DiagramView;
-    xynodes: Types.Node[];
-    xyedges: Types.Edge[];
     xystore: XYStoreApi;
     zoomable: boolean;
     pannable: boolean;
-    fitViewPadding: number;
+    fitViewPadding: PaddingWithUnit;
+    nodesSelectable: boolean;
 }
 type ToggledFeatures = Partial<EnabledFeatures>;
 export interface Context extends Input {
+    xynodes: Types.Node[];
+    xyedges: Types.Edge[];
     features: EnabledFeatures;
     toggledFeatures: ToggledFeatures;
-    initialized: boolean;
+    initialized: {
+        xydata: boolean;
+        xyflow: boolean;
+    };
     viewport: Viewport;
     viewportChangedManually: boolean;
     lastOnNavigate: null | {
@@ -57,7 +61,7 @@ export interface Context extends Input {
     };
     viewportBeforeFocus: null | Viewport;
     xyflow: ReactFlowInstance<Types.Node, Types.Edge> | null;
-    syncLayoutActorRef: ActorRef<Snapshot<unknown>, SyncLayoutEvents, AnyEventObject>;
+    syncLayoutActorRef: null | ActorRef<Snapshot<unknown>, SyncLayoutEvents, AnyEventObject>;
     activeWalkthrough: null | {
         stepId: StepEdgeId;
         parallelPrefix: string | null;
@@ -115,7 +119,7 @@ export type Events = HotKeyEvent | {
     xyedges: Types.Edge[];
 } | {
     type: 'update.inputs';
-    inputs: Partial<Omit<Input, 'view'>>;
+    inputs: Partial<Omit<Input, 'view' | 'xystore'>>;
 } | {
     type: 'update.features';
     features: EnabledFeatures;
@@ -131,7 +135,12 @@ export type Events = HotKeyEvent | {
     fromNode?: NodeId | undefined;
 } | {
     type: 'open.relationshipDetails';
-    edgeId: EdgeId;
+    params: {
+        edgeId: EdgeId;
+    } | {
+        source: Fqn;
+        target: Fqn;
+    };
 } | {
     type: 'open.relationshipsBrowser';
     fqn: Fqn;
@@ -163,6 +172,12 @@ export type Events = HotKeyEvent | {
     direction: 'next' | 'previous';
 } | {
     type: 'walkthrough.end';
+} | {
+    type: 'notations.highlight';
+    notation: ElementNotation;
+    kind?: string;
+} | {
+    type: 'notations.unhighlight';
 } | {
     type: 'toggle.feature';
     feature: FeatureName;
@@ -181,7 +196,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
     }, {
         type: "same view";
         params: unknown;
-    }, "timeout", "stopped" | "idle" | "synced" | "pending" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+    }, "timeout", "synced" | "pending" | "stopped" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
         readonly initial: "idle";
         readonly context: ({ input }: {
             spawn: {
@@ -424,7 +439,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
         }, {
             type: "same view";
             params: unknown;
-        }, "timeout", "stopped" | "idle" | "synced" | "pending" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+        }, "timeout", "synced" | "pending" | "stopped" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
             readonly initial: "idle";
             readonly context: ({ input }: {
                 spawn: {
@@ -691,17 +706,6 @@ export declare const diagramMachine: StateMachine<Context, Events, {
             edge: Types.Edge;
         };
     };
-    "xyflow:fitDiagram": {
-        type: "xyflow:fitDiagram";
-        params: {
-            duration?: number;
-            bounds?: BBox;
-        } | undefined;
-    };
-    closeAllOverlays: {
-        type: "closeAllOverlays";
-        params: NonReducibleUnknown;
-    };
     "trigger:OnChange": {
         type: "trigger:OnChange";
         params: {
@@ -714,6 +718,24 @@ export declare const diagramMachine: StateMachine<Context, Events, {
             mode: AlignmentMode;
         };
     };
+    "notations.highlight": {
+        type: "notations.highlight";
+        params: {
+            notation: ElementNotation;
+            kind?: string;
+        };
+    };
+    "xyflow:fitDiagram": {
+        type: "xyflow:fitDiagram";
+        params: {
+            duration?: number;
+            bounds?: BBox;
+        } | undefined;
+    };
+    closeAllOverlays: {
+        type: "closeAllOverlays";
+        params: NonReducibleUnknown;
+    };
     "trigger:NavigateTo": {
         type: "trigger:NavigateTo";
         params: {
@@ -761,11 +783,19 @@ export declare const diagramMachine: StateMachine<Context, Events, {
         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;
@@ -806,7 +836,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
         type: "click: node has connections";
         params: unknown;
     };
-}>, never, "initializing" | "navigating" | {
+}>, never, "isReady" | "initializing" | "navigating" | {
     ready: "idle" | "walkthrough" | "focused";
 }, string, Input, NonReducibleUnknown, EventObject, MetaObject, {
     readonly initial: "initializing";
@@ -822,7 +852,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                 }, {
                     type: "same view";
                     params: unknown;
-                }, "timeout", "stopped" | "idle" | "synced" | "pending" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                }, "timeout", "synced" | "pending" | "stopped" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                     readonly initial: "idle";
                     readonly context: ({ input }: {
                         spawn: {
@@ -919,7 +949,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                 }, {
                     type: "same view";
                     params: unknown;
-                }, "timeout", "stopped" | "idle" | "synced" | "pending" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                }, "timeout", "synced" | "pending" | "stopped" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                     readonly initial: "idle";
                     readonly context: ({ input }: {
                         spawn: {
@@ -1342,7 +1372,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                     }, {
                         type: "same view";
                         params: unknown;
-                    }, "timeout", "stopped" | "idle" | "synced" | "pending" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                    }, "timeout", "synced" | "pending" | "stopped" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                         readonly initial: "idle";
                         readonly context: ({ input }: {
                             spawn: {
@@ -1595,6 +1625,8 @@ export declare const diagramMachine: StateMachine<Context, Events, {
         input: Input;
         self: ActorRef< MachineSnapshot<Context, Events, Record<string, AnyActorRef | undefined>, StateValue, string, unknown, any, any>, Events, AnyEventObject>;
     }) => {
+        xyedges: never[];
+        xynodes: never[];
         features: {
             enableControls: boolean;
             enableReadOnly: boolean;
@@ -1614,7 +1646,10 @@ export declare const diagramMachine: StateMachine<Context, Events, {
             enableVscode: boolean;
         };
         toggledFeatures: Partial<EnabledFeatures>;
-        initialized: false;
+        initialized: {
+            xydata: false;
+            xyflow: false;
+        };
         viewportChangedManually: false;
         lastOnNavigate: null;
         lastClickedNode: null;
@@ -1631,114 +1666,20 @@ export declare const diagramMachine: StateMachine<Context, Events, {
             zoom: number;
         };
         xyflow: null;
-        syncLayoutActorRef: ActorRefFromLogic<StateMachine<Readonly< Input>, SyncLayoutEvents, {}, 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>, SyncLayoutEvents, Record<string, AnyActorRef | undefined>, StateValue, string, unknown, any, any>, SyncLayoutEvents, AnyEventObject>;
-            }) => {
-                parent: ActorRef< MachineSnapshot<Context, 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: SyncLayoutEvents;
-                                }) => {
-                                    change: 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>, SyncLayoutEvents, SyncLayoutEvents, 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: XYStoreApi;
         zoomable: boolean;
         pannable: boolean;
-        fitViewPadding: number;
+        fitViewPadding: PaddingWithUnit;
+        nodesSelectable: boolean;
     };
     readonly states: {
         readonly initializing: {
             readonly on: {
                 readonly 'xyflow.init': {
-                    readonly actions: readonly [ ActionFunction<Context, {
+                    readonly actions: ActionFunction<Context, {
                         type: "xyflow.init";
                         instance: ReactFlowInstance<Types.Node, Types.Edge>;
                     }, Events, undefined, Values<{
@@ -1752,7 +1693,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                             }, {
                                 type: "same view";
                                 params: unknown;
-                            }, "timeout", "stopped" | "idle" | "synced" | "pending" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                            }, "timeout", "synced" | "pending" | "stopped" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                                 readonly initial: "idle";
                                 readonly context: ({ input }: {
                                     spawn: {
@@ -1994,9 +1935,15 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                             }>;
                             id: "overlays";
                         };
-                    }>, never, never, never, never>, ActionFunction<Context, {
-                        type: "xyflow.init";
-                        instance: ReactFlowInstance<Types.Node, Types.Edge>;
+                    }>, never, never, never, never>;
+                    readonly target: "isReady";
+                };
+                readonly 'update.view': {
+                    readonly actions: ActionFunction<Context, {
+                        type: "update.view";
+                        view: DiagramView;
+                        xynodes: Types.Node[];
+                        xyedges: Types.Edge[];
                     }, Events, undefined, Values<{
                         syncManualLayoutActorLogic: {
                             src: "syncManualLayoutActorLogic";
@@ -2008,7 +1955,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                             }, {
                                 type: "same view";
                                 params: unknown;
-                            }, "timeout", "stopped" | "idle" | "synced" | "pending" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                            }, "timeout", "synced" | "pending" | "stopped" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                                 readonly initial: "idle";
                                 readonly context: ({ input }: {
                                     spawn: {
@@ -2250,150 +2197,277 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                             }>;
                             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<Context, Events, Events, undefined, Values<{
+                    syncManualLayoutActorLogic: {
+                        src: "syncManualLayoutActorLogic";
+                        logic: StateMachine<Readonly< Input>, SyncLayoutEvents, {}, never, {
+                            type: "trigger:OnChange";
                             params: {
-                                node: Types.Node;
+                                change: ViewChange;
                             };
-                        };
-                        onNodeMouseLeave: {
-                            type: "onNodeMouseLeave";
-                            params: {
-                                node: Types.Node;
+                        }, {
+                            type: "same view";
+                            params: unknown;
+                        }, "timeout", "synced" | "pending" | "stopped" | "idle" | "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>, SyncLayoutEvents, Record<string, AnyActorRef | undefined>, StateValue, string, unknown, any, any>, SyncLayoutEvents, AnyEventObject>;
+                            }) => {
+                                parent: ActorRef< MachineSnapshot<Context, 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: SyncLayoutEvents;
+                                                }) => {
+                                                    change: 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>, SyncLayoutEvents, SyncLayoutEvents, 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";
@@ -2415,7 +2489,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                             }, {
                                 type: "same view";
                                 params: unknown;
-                            }, "timeout", "stopped" | "idle" | "synced" | "pending" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                            }, "timeout", "synced" | "pending" | "stopped" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                                 readonly initial: "idle";
                                 readonly context: ({ input }: {
                                     spawn: {
@@ -2673,7 +2747,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                             }, {
                                 type: "same view";
                                 params: unknown;
-                            }, "timeout", "stopped" | "idle" | "synced" | "pending" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                            }, "timeout", "synced" | "pending" | "stopped" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                                 readonly initial: "idle";
                                 readonly context: ({ input }: {
                                     spawn: {
@@ -2931,7 +3005,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                             }, {
                                 type: "same view";
                                 params: unknown;
-                            }, "timeout", "stopped" | "idle" | "synced" | "pending" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                            }, "timeout", "synced" | "pending" | "stopped" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                                 readonly initial: "idle";
                                 readonly context: ({ input }: {
                                     spawn: {
@@ -3207,7 +3281,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                             }, {
                                 type: "same view";
                                 params: unknown;
-                            }, "timeout", "stopped" | "idle" | "synced" | "pending" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                            }, "timeout", "synced" | "pending" | "stopped" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                                 readonly initial: "idle";
                                 readonly context: ({ input }: {
                                     spawn: {
@@ -3479,7 +3553,12 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                 readonly 'open.relationshipDetails': {
                     readonly actions: ActionFunction<Context, {
                         type: "open.relationshipDetails";
-                        edgeId: EdgeId;
+                        params: {
+                            edgeId: EdgeId;
+                        } | {
+                            source: Fqn;
+                            target: Fqn;
+                        };
                     }, Events, undefined, never, never, never, never, never>;
                 };
                 readonly 'open.source': {
@@ -3515,7 +3594,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                             }, {
                                 type: "same view";
                                 params: unknown;
-                            }, "timeout", "stopped" | "idle" | "synced" | "pending" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                            }, "timeout", "synced" | "pending" | "stopped" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                                 readonly initial: "idle";
                                 readonly context: ({ input }: {
                                     spawn: {
@@ -4003,129 +4082,404 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                         };
                     };
                 };
-                readonly 'saveManualLayout.*': {
-                    readonly guard: "not readonly";
-                    readonly actions: ActionFunction<Context, {
-                        type: "saveManualLayout.schedule";
-                    } | {
-                        type: "saveManualLayout.cancel";
-                    }, Events, undefined, never, never, never, never, never>;
+                readonly 'notations.highlight': {
+                    readonly actions: {
+                        readonly type: "notations.highlight";
+                        readonly params: (data: {
+                            context: Context;
+                            event: {
+                                type: "notations.highlight";
+                                notation: ElementNotation;
+                                kind?: string;
+                            };
+                        }) => {
+                            type: "notations.highlight";
+                            notation: ElementNotation;
+                            kind?: string;
+                        };
+                    };
                 };
-            };
-            readonly exit: readonly [ CancelAction<Context, Events, undefined, Events>];
-            readonly states: {
-                readonly idle: {
-                    readonly id: "idle";
-                    readonly on: {
-                        readonly 'xyflow.nodeClick': readonly [{
-                            readonly guard: any;
-                            readonly actions: readonly [ ActionFunction<Context, {
-                                type: "xyflow.nodeClick";
-                                node: Types.Node;
-                            }, Events, undefined, Values<{
-                                syncManualLayoutActorLogic: {
-                                    src: "syncManualLayoutActorLogic";
-                                    logic: StateMachine<Readonly< Input>, SyncLayoutEvents, {}, 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>;
+                readonly 'notations.unhighlight': {
+                    readonly actions: ActionFunction<Context, {
+                        type: "notations.unhighlight";
+                    }, Events, undefined, Values<{
+                        syncManualLayoutActorLogic: {
+                            src: "syncManualLayoutActorLogic";
+                            logic: StateMachine<Readonly< Input>, SyncLayoutEvents, {}, never, {
+                                type: "trigger:OnChange";
+                                params: {
+                                    change: ViewChange;
+                                };
+                            }, {
+                                type: "same view";
+                                params: unknown;
+                            }, "timeout", "synced" | "pending" | "stopped" | "idle" | "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>, SyncLayoutEvents, Record<string, AnyActorRef | undefined>, StateValue, string, unknown, any, any>, SyncLayoutEvents, AnyEventObject>;
+                                }) => {
+                                    parent: ActorRef< MachineSnapshot<Context, 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";
                                             };
-                                            input: Input;
-                                            self: ActorRef< MachineSnapshot<Readonly< Input>, SyncLayoutEvents, Record<string, AnyActorRef | undefined>, StateValue, string, unknown, any, any>, SyncLayoutEvents, AnyEventObject>;
-                                        }) => {
-                                            parent: ActorRef< MachineSnapshot<Context, 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: SyncLayoutEvents;
-                                                            }) => {
-                                                                change: 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>, SyncLayoutEvents, SyncLayoutEvents, undefined, never, never, never, never, never>;
-                                                readonly type: "final";
+                                    };
+                                    readonly paused: {
+                                        readonly tags: "pending";
+                                        readonly on: {
+                                            readonly sync: {
+                                                readonly target: "pending";
                                             };
                                         };
+                                    };
+                                    readonly pending: {
+                                        readonly tags: "pending";
                                         readonly on: {
-                                            readonly synced: {
-                                                readonly target: ".synced";
+                                            readonly sync: {
+                                                readonly target: "pending";
+                                                readonly reenter: true;
                                             };
-                                            readonly stop: {
-                                                readonly target: ".stopped";
+                                            readonly cancel: {
+                                                readonly target: "paused";
                                             };
                                         };
-                                    }>;
-                                    id: "syncLayout";
-                                };
-                                hotkeyActorLogic: {
-                                    src: "hotkeyActorLogic";
-                                    logic: CallbackActorLogic<AnyEventObject, NonReducibleUnknown, HotKeyEvent>;
-                                    id: "hotkey";
-                                };
+                                        readonly after: {
+                                            readonly timeout: readonly [{
+                                                readonly guard: "same view";
+                                                readonly actions: {
+                                                    readonly type: "trigger:OnChange";
+                                                    readonly params: ({ context }: {
+                                                        context: Readonly< Input>;
+                                                        event: SyncLayoutEvents;
+                                                    }) => {
+                                                        change: 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>, SyncLayoutEvents, SyncLayoutEvents, 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 'saveManualLayout.*': {
+                    readonly guard: "not readonly";
+                    readonly actions: ActionFunction<Context, {
+                        type: "saveManualLayout.schedule";
+                    } | {
+                        type: "saveManualLayout.cancel";
+                    }, Events, undefined, never, never, never, never, never>;
+                };
+            };
+            readonly exit: readonly [ CancelAction<Context, Events, undefined, Events>];
+            readonly states: {
+                readonly idle: {
+                    readonly id: "idle";
+                    readonly on: {
+                        readonly 'xyflow.nodeClick': readonly [{
+                            readonly guard: any;
+                            readonly actions: readonly [ ActionFunction<Context, {
+                                type: "xyflow.nodeClick";
+                                node: Types.Node;
+                            }, Events, undefined, Values<{
+                                syncManualLayoutActorLogic: {
+                                    src: "syncManualLayoutActorLogic";
+                                    logic: StateMachine<Readonly< Input>, SyncLayoutEvents, {}, never, {
+                                        type: "trigger:OnChange";
+                                        params: {
+                                            change: ViewChange;
+                                        };
+                                    }, {
+                                        type: "same view";
+                                        params: unknown;
+                                    }, "timeout", "synced" | "pending" | "stopped" | "idle" | "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>, SyncLayoutEvents, Record<string, AnyActorRef | undefined>, StateValue, string, unknown, any, any>, SyncLayoutEvents, AnyEventObject>;
+                                        }) => {
+                                            parent: ActorRef< MachineSnapshot<Context, 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: SyncLayoutEvents;
+                                                            }) => {
+                                                                change: 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>, SyncLayoutEvents, SyncLayoutEvents, 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, {
@@ -4294,7 +4648,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                                     }, {
                                         type: "same view";
                                         params: unknown;
-                                    }, "timeout", "stopped" | "idle" | "synced" | "pending" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                                    }, "timeout", "synced" | "pending" | "stopped" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                                         readonly initial: "idle";
                                         readonly context: ({ input }: {
                                             spawn: {
@@ -4569,7 +4923,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                                     }, {
                                         type: "same view";
                                         params: unknown;
-                                    }, "timeout", "stopped" | "idle" | "synced" | "pending" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                                    }, "timeout", "synced" | "pending" | "stopped" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                                         readonly initial: "idle";
                                         readonly context: ({ input }: {
                                             spawn: {
@@ -4828,7 +5182,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                             }, {
                                 type: "same view";
                                 params: unknown;
-                            }, "timeout", "stopped" | "idle" | "synced" | "pending" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                            }, "timeout", "synced" | "pending" | "stopped" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                                 readonly initial: "idle";
                                 readonly context: ({ input }: {
                                     spawn: {
@@ -5081,7 +5435,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                             }, {
                                 type: "same view";
                                 params: unknown;
-                            }, "timeout", "stopped" | "idle" | "synced" | "pending" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                            }, "timeout", "synced" | "pending" | "stopped" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                                 readonly initial: "idle";
                                 readonly context: ({ input }: {
                                     spawn: {
@@ -5335,7 +5689,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                             }, {
                                 type: "same view";
                                 params: unknown;
-                            }, "timeout", "stopped" | "idle" | "synced" | "pending" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                            }, "timeout", "synced" | "pending" | "stopped" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                                 readonly initial: "idle";
                                 readonly context: ({ input }: {
                                     spawn: {
@@ -5590,16 +5944,35 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                                 node: Types.Node;
                             };
                         };
-                        onEdgeMouseEnter: {
-                            type: "onEdgeMouseEnter";
+                        onEdgeMouseEnter: {
+                            type: "onEdgeMouseEnter";
+                            params: {
+                                edge: Types.Edge;
+                            };
+                        };
+                        onEdgeMouseLeave: {
+                            type: "onEdgeMouseLeave";
+                            params: {
+                                edge: Types.Edge;
+                            };
+                        };
+                        "trigger:OnChange": {
+                            type: "trigger:OnChange";
+                            params: {
+                                change: ViewChange;
+                            };
+                        };
+                        "layout.align": {
+                            type: "layout.align";
                             params: {
-                                edge: Types.Edge;
+                                mode: AlignmentMode;
                             };
                         };
-                        onEdgeMouseLeave: {
-                            type: "onEdgeMouseLeave";
+                        "notations.highlight": {
+                            type: "notations.highlight";
                             params: {
-                                edge: Types.Edge;
+                                notation: ElementNotation;
+                                kind?: string;
                             };
                         };
                         "xyflow:fitDiagram": {
@@ -5613,18 +5986,6 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                             type: "closeAllOverlays";
                             params: NonReducibleUnknown;
                         };
-                        "trigger:OnChange": {
-                            type: "trigger:OnChange";
-                            params: {
-                                change: ViewChange;
-                            };
-                        };
-                        "layout.align": {
-                            type: "layout.align";
-                            params: {
-                                mode: AlignmentMode;
-                            };
-                        };
                         "trigger:NavigateTo": {
                             type: "trigger:NavigateTo";
                             params: {
@@ -5672,11 +6033,19 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                             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;
@@ -5737,7 +6106,269 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                                     }, {
                                         type: "same view";
                                         params: unknown;
-                                    }, "timeout", "stopped" | "idle" | "synced" | "pending" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                                    }, "timeout", "synced" | "pending" | "stopped" | "idle" | "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>, SyncLayoutEvents, Record<string, AnyActorRef | undefined>, StateValue, string, unknown, any, any>, SyncLayoutEvents, AnyEventObject>;
+                                        }) => {
+                                            parent: ActorRef< MachineSnapshot<Context, 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: SyncLayoutEvents;
+                                                            }) => {
+                                                                change: 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>, SyncLayoutEvents, SyncLayoutEvents, 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>, ActionFunction<Context, {
+                                type: "xyflow.nodeClick";
+                                node: Types.Node;
+                            }, Events, undefined, never, never, never, never, never>];
+                        }];
+                        readonly 'focus.node': {
+                            readonly actions: readonly [ ActionFunction<Context, {
+                                type: "focus.node";
+                                nodeId: NodeId;
+                            }, Events, undefined, Values<{
+                                syncManualLayoutActorLogic: {
+                                    src: "syncManualLayoutActorLogic";
+                                    logic: StateMachine<Readonly< Input>, SyncLayoutEvents, {}, never, {
+                                        type: "trigger:OnChange";
+                                        params: {
+                                            change: ViewChange;
+                                        };
+                                    }, {
+                                        type: "same view";
+                                        params: unknown;
+                                    }, "timeout", "synced" | "pending" | "stopped" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                                         readonly initial: "idle";
                                         readonly context: ({ input }: {
                                             spawn: {
@@ -5979,16 +6610,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                                     }>;
                                     id: "overlays";
                                 };
-                            }>, never, never, never, never>, ActionFunction<Context, {
-                                type: "xyflow.nodeClick";
-                                node: Types.Node;
-                            }, Events, undefined, never, never, never, never, never>];
-                        }];
-                        readonly 'focus.node': {
-                            readonly actions: readonly [ ActionFunction<Context, {
-                                type: "focus.node";
-                                nodeId: NodeId;
-                            }, Events, undefined, Values<{
+                            }>, never, never, never, never>, ActionFunction<Context, Events, Events, undefined, Values<{
                                 syncManualLayoutActorLogic: {
                                     src: "syncManualLayoutActorLogic";
                                     logic: StateMachine<Readonly< Input>, SyncLayoutEvents, {}, never, {
@@ -5999,7 +6621,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                                     }, {
                                         type: "same view";
                                         params: unknown;
-                                    }, "timeout", "stopped" | "idle" | "synced" | "pending" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                                    }, "timeout", "synced" | "pending" | "stopped" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                                         readonly initial: "idle";
                                         readonly context: ({ input }: {
                                             spawn: {
@@ -6241,7 +6863,15 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                                     }>;
                                     id: "overlays";
                                 };
-                            }>, never, never, never, never>, ActionFunction<Context, Events, Events, undefined, Values<{
+                            }>, never, never, never, never>, "open source of focused or last clicked node", "xyflow:fitFocusedBounds"];
+                        };
+                        readonly 'key.esc': {
+                            readonly target: "idle";
+                        };
+                        readonly 'xyflow.paneClick': {
+                            readonly actions: ActionFunction<Context, {
+                                type: "xyflow.paneClick";
+                            }, Events, undefined, Values<{
                                 syncManualLayoutActorLogic: {
                                     src: "syncManualLayoutActorLogic";
                                     logic: StateMachine<Readonly< Input>, SyncLayoutEvents, {}, never, {
@@ -6252,7 +6882,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                                     }, {
                                         type: "same view";
                                         params: unknown;
-                                    }, "timeout", "stopped" | "idle" | "synced" | "pending" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                                    }, "timeout", "synced" | "pending" | "stopped" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                                         readonly initial: "idle";
                                         readonly context: ({ input }: {
                                             spawn: {
@@ -6494,14 +7124,12 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                                     }>;
                                     id: "overlays";
                                 };
-                            }>, never, never, never, never>, "open source of focused or last clicked node", "xyflow:fitFocusedBounds"];
-                        };
-                        readonly 'key.esc': {
+                            }>, never, never, never, never>;
                             readonly target: "idle";
                         };
-                        readonly 'xyflow.paneClick': {
+                        readonly 'notations.unhighlight': {
                             readonly actions: ActionFunction<Context, {
-                                type: "xyflow.paneClick";
+                                type: "notations.unhighlight";
                             }, Events, undefined, Values<{
                                 syncManualLayoutActorLogic: {
                                     src: "syncManualLayoutActorLogic";
@@ -6513,7 +7141,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                                     }, {
                                         type: "same view";
                                         params: unknown;
-                                    }, "timeout", "stopped" | "idle" | "synced" | "pending" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                                    }, "timeout", "synced" | "pending" | "stopped" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                                         readonly initial: "idle";
                                         readonly context: ({ input }: {
                                             spawn: {
@@ -6756,7 +7384,6 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                                     id: "overlays";
                                 };
                             }>, never, never, never, never>;
-                            readonly target: "idle";
                         };
                     };
                 };
@@ -6772,7 +7399,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                             }, {
                                 type: "same view";
                                 params: unknown;
-                            }, "timeout", "stopped" | "idle" | "synced" | "pending" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                            }, "timeout", "synced" | "pending" | "stopped" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                                 readonly initial: "idle";
                                 readonly context: ({ input }: {
                                     spawn: {
@@ -7025,7 +7652,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                             }, {
                                 type: "same view";
                                 params: unknown;
-                            }, "timeout", "stopped" | "idle" | "synced" | "pending" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                            }, "timeout", "synced" | "pending" | "stopped" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                                 readonly initial: "idle";
                                 readonly context: ({ input }: {
                                     spawn: {
@@ -7278,7 +7905,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                             }, {
                                 type: "same view";
                                 params: unknown;
-                            }, "timeout", "stopped" | "idle" | "synced" | "pending" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                            }, "timeout", "synced" | "pending" | "stopped" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                                 readonly initial: "idle";
                                 readonly context: ({ input }: {
                                     spawn: {
@@ -7546,7 +8173,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                                     }, {
                                         type: "same view";
                                         params: unknown;
-                                    }, "timeout", "stopped" | "idle" | "synced" | "pending" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                                    }, "timeout", "synced" | "pending" | "stopped" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                                         readonly initial: "idle";
                                         readonly context: ({ input }: {
                                             spawn: {
@@ -7813,17 +8440,6 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                                         edge: Types.Edge;
                                     };
                                 };
-                                "xyflow:fitDiagram": {
-                                    type: "xyflow:fitDiagram";
-                                    params: {
-                                        duration?: number;
-                                        bounds?: BBox;
-                                    } | undefined;
-                                };
-                                closeAllOverlays: {
-                                    type: "closeAllOverlays";
-                                    params: NonReducibleUnknown;
-                                };
                                 "trigger:OnChange": {
                                     type: "trigger:OnChange";
                                     params: {
@@ -7836,6 +8452,24 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                                         mode: AlignmentMode;
                                     };
                                 };
+                                "notations.highlight": {
+                                    type: "notations.highlight";
+                                    params: {
+                                        notation: ElementNotation;
+                                        kind?: string;
+                                    };
+                                };
+                                "xyflow:fitDiagram": {
+                                    type: "xyflow:fitDiagram";
+                                    params: {
+                                        duration?: number;
+                                        bounds?: BBox;
+                                    } | undefined;
+                                };
+                                closeAllOverlays: {
+                                    type: "closeAllOverlays";
+                                    params: NonReducibleUnknown;
+                                };
                                 "trigger:NavigateTo": {
                                     type: "trigger:NavigateTo";
                                     params: {
@@ -7883,11 +8517,19 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                                     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;
@@ -7928,7 +8570,265 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                                     type: "click: node has connections";
                                     params: unknown;
                                 };
-                            }>, never, EventObject>;
+                            }>, never, EventObject>;
+                        };
+                        readonly 'notations.unhighlight': {
+                            readonly actions: ActionFunction<Context, {
+                                type: "notations.unhighlight";
+                            }, Events, undefined, Values<{
+                                syncManualLayoutActorLogic: {
+                                    src: "syncManualLayoutActorLogic";
+                                    logic: StateMachine<Readonly< Input>, SyncLayoutEvents, {}, never, {
+                                        type: "trigger:OnChange";
+                                        params: {
+                                            change: ViewChange;
+                                        };
+                                    }, {
+                                        type: "same view";
+                                        params: unknown;
+                                    }, "timeout", "synced" | "pending" | "stopped" | "idle" | "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>, SyncLayoutEvents, Record<string, AnyActorRef | undefined>, StateValue, string, unknown, any, any>, SyncLayoutEvents, AnyEventObject>;
+                                        }) => {
+                                            parent: ActorRef< MachineSnapshot<Context, 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: SyncLayoutEvents;
+                                                            }) => {
+                                                                change: 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>, SyncLayoutEvents, SyncLayoutEvents, 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 'walkthrough.end': {
                             readonly target: "idle";
@@ -7958,7 +8858,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                             }, {
                                 type: "same view";
                                 params: unknown;
-                            }, "timeout", "stopped" | "idle" | "synced" | "pending" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                            }, "timeout", "synced" | "pending" | "stopped" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                                 readonly initial: "idle";
                                 readonly context: ({ input }: {
                                     spawn: {
@@ -7986,629 +8886,390 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                                         };
                                     };
                                     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: SyncLayoutEvents;
-                                                    }) => {
-                                                        change: 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>, SyncLayoutEvents, SyncLayoutEvents, 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 tags: "pending";
+                                        readonly on: {
+                                            readonly sync: {
+                                                readonly target: "pending";
+                                            };
+                                        };
                                     };
-                                };
-                                readonly states: {
-                                    readonly idle: {};
-                                    readonly active: {
-                                        readonly entry: "listenToEsc";
-                                        readonly exit: "stopListeningToEsc";
+                                    readonly pending: {
+                                        readonly tags: "pending";
                                         readonly on: {
-                                            readonly close: readonly [{
-                                                readonly guard: "close specific overlay?";
+                                            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: "closeSpecificOverlay";
-                                                    readonly params: ({ event }: {
-                                                        context: OverlaysContext;
-                                                        event: {
-                                                            type: "close";
-                                                            actorId?: string | undefined;
-                                                        };
+                                                    readonly type: "trigger:OnChange";
+                                                    readonly params: ({ context }: {
+                                                        context: Readonly< Input>;
+                                                        event: SyncLayoutEvents;
                                                     }) => {
-                                                        actorId: string;
+                                                        change: ViewChange.SaveManualLayout;
                                                     };
                                                 };
-                                                readonly target: "closing";
+                                                readonly target: "synced";
                                             }, {
-                                                readonly actions: "closeLastOverlay";
-                                                readonly target: "closing";
+                                                readonly target: "stopped";
                                             }];
-                                            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";
-                        };
-                    }>, Values<{
-                        onNodeMouseEnter: {
-                            type: "onNodeMouseEnter";
-                            params: {
-                                node: Types.Node;
-                            };
-                        };
-                        onNodeMouseLeave: {
-                            type: "onNodeMouseLeave";
-                            params: {
-                                node: Types.Node;
-                            };
-                        };
-                        onEdgeMouseEnter: {
-                            type: "onEdgeMouseEnter";
-                            params: {
-                                edge: Types.Edge;
-                            };
-                        };
-                        onEdgeMouseLeave: {
-                            type: "onEdgeMouseLeave";
-                            params: {
-                                edge: Types.Edge;
-                            };
-                        };
-                        "xyflow:fitDiagram": {
-                            type: "xyflow:fitDiagram";
-                            params: {
-                                duration?: number;
-                                bounds?: BBox;
-                            } | undefined;
-                        };
-                        closeAllOverlays: {
-                            type: "closeAllOverlays";
-                            params: NonReducibleUnknown;
-                        };
-                        "trigger:OnChange": {
-                            type: "trigger:OnChange";
-                            params: {
-                                change: ViewChange;
-                            };
-                        };
-                        "layout.align": {
-                            type: "layout.align";
-                            params: {
-                                mode: AlignmentMode;
-                            };
-                        };
-                        "trigger:NavigateTo": {
-                            type: "trigger:NavigateTo";
-                            params: {
-                                viewId: ViewId;
-                            };
-                        };
-                        "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;
-                            };
-                        };
-                        "xyflow:setViewport": {
-                            type: "xyflow:setViewport";
-                            params: {
-                                viewport: Viewport;
-                                duration?: number;
-                            };
-                        };
-                        "xyflow:alignNodeFromToAfterNavigate": {
-                            type: "xyflow:alignNodeFromToAfterNavigate";
-                            params: {
-                                fromNode: NodeId;
-                                toPosition: XYPoint;
-                            };
-                        };
-                        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 navigating: {
-            readonly id: "navigating";
-            readonly entry: readonly ["closeAllOverlays", "stopSyncLayout", {
-                readonly type: "trigger:NavigateTo";
-                readonly params: ({ context }: {
-                    context: Context;
-                    event: Events;
-                }) => {
-                    viewId: ViewId;
-                };
-            }];
-            readonly exit: ActionFunction<Context, Events, Events, undefined, Values<{
-                syncManualLayoutActorLogic: {
-                    src: "syncManualLayoutActorLogic";
-                    logic: StateMachine<Readonly< Input>, SyncLayoutEvents, {}, 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>, SyncLayoutEvents, Record<string, AnyActorRef | undefined>, StateValue, string, unknown, any, any>, SyncLayoutEvents, AnyEventObject>;
-                        }) => {
-                            parent: ActorRef< MachineSnapshot<Context, 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 synced: {
+                                        readonly tags: "ready";
+                                        readonly on: {
+                                            readonly sync: {
+                                                readonly target: "pending";
+                                            };
+                                        };
+                                    };
+                                    readonly stopped: {
+                                        readonly entry: ActionFunction<Readonly< Input>, SyncLayoutEvents, SyncLayoutEvents, undefined, never, never, never, never, never>;
+                                        readonly type: "final";
                                     };
                                 };
-                            };
-                            readonly paused: {
-                                readonly tags: "pending";
                                 readonly on: {
-                                    readonly sync: {
-                                        readonly target: "pending";
+                                    readonly synced: {
+                                        readonly target: ".synced";
+                                    };
+                                    readonly stop: {
+                                        readonly target: ".stopped";
                                     };
                                 };
-                            };
-                            readonly pending: {
-                                readonly tags: "pending";
+                            }>;
+                            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 sync: {
-                                        readonly target: "pending";
-                                        readonly reenter: true;
+                                    readonly 'open.elementDetails': {
+                                        readonly actions: "openElementDetails";
+                                        readonly target: ".active";
+                                        readonly reenter: false;
                                     };
-                                    readonly cancel: {
-                                        readonly target: "paused";
+                                    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 after: {
-                                    readonly timeout: readonly [{
-                                        readonly guard: "same view";
-                                        readonly actions: {
-                                            readonly type: "trigger:OnChange";
-                                            readonly params: ({ context }: {
-                                                context: Readonly< Input>;
-                                                event: SyncLayoutEvents;
-                                            }) => {
-                                                change: ViewChange.SaveManualLayout;
+                                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 target: "synced";
-                                    }, {
-                                        readonly target: "stopped";
-                                    }];
-                                };
-                            };
-                            readonly synced: {
-                                readonly tags: "ready";
-                                readonly on: {
-                                    readonly sync: {
-                                        readonly target: "pending";
+                                    };
+                                    readonly closing: {
+                                        readonly always: readonly [{
+                                            readonly guard: "has overlays?";
+                                            readonly target: "active";
+                                        }, {
+                                            readonly actions: "stopListeningToEsc";
+                                            readonly target: "idle";
+                                        }];
                                     };
                                 };
-                            };
-                            readonly stopped: {
-                                readonly entry: ActionFunction<Readonly< Input>, SyncLayoutEvents, SyncLayoutEvents, undefined, never, never, never, never, never>;
-                                readonly type: "final";
-                            };
+                                readonly exit: readonly ["stopListeningToEsc", "closeAllOverlays"];
+                            }>;
+                            id: "overlays";
                         };
-                        readonly on: {
-                            readonly synced: {
-                                readonly target: ".synced";
-                            };
-                            readonly stop: {
-                                readonly target: ".stopped";
+                    }>, Values<{
+                        onNodeMouseEnter: {
+                            type: "onNodeMouseEnter";
+                            params: {
+                                node: Types.Node;
                             };
                         };
-                    }>;
-                    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}`;
+                        onNodeMouseLeave: {
+                            type: "onNodeMouseLeave";
+                            params: {
+                                node: Types.Node;
+                            };
                         };
-                        relationshipDetails: {
-                            src: "relationshipDetails";
-                            logic: import("../overlays/types").Overlays.RelationshipDetails.Logic;
-                            id: `relationshipDetails-${number}`;
+                        onEdgeMouseEnter: {
+                            type: "onEdgeMouseEnter";
+                            params: {
+                                edge: Types.Edge;
+                            };
                         };
-                        hotkey: {
-                            src: "hotkey";
-                            logic: CallbackActorLogic<EventObject, NonReducibleUnknown, EventObject>;
-                            id: "hotkey";
+                        onEdgeMouseLeave: {
+                            type: "onEdgeMouseLeave";
+                            params: {
+                                edge: Types.Edge;
+                            };
                         };
-                    }>, Values<{
-                        closeLastOverlay: {
-                            type: "closeLastOverlay";
-                            params: NonReducibleUnknown;
+                        "trigger:OnChange": {
+                            type: "trigger:OnChange";
+                            params: {
+                                change: ViewChange;
+                            };
                         };
-                        closeSpecificOverlay: {
-                            type: "closeSpecificOverlay";
+                        "layout.align": {
+                            type: "layout.align";
                             params: {
-                                actorId: string;
+                                mode: AlignmentMode;
                             };
                         };
+                        "notations.highlight": {
+                            type: "notations.highlight";
+                            params: {
+                                notation: ElementNotation;
+                                kind?: string;
+                            };
+                        };
+                        "xyflow:fitDiagram": {
+                            type: "xyflow:fitDiagram";
+                            params: {
+                                duration?: number;
+                                bounds?: BBox;
+                            } | undefined;
+                        };
                         closeAllOverlays: {
                             type: "closeAllOverlays";
                             params: NonReducibleUnknown;
                         };
-                        openElementDetails: {
-                            type: "openElementDetails";
+                        "trigger:NavigateTo": {
+                            type: "trigger:NavigateTo";
+                            params: {
+                                viewId: ViewId;
+                            };
+                        };
+                        "trigger:OpenSource": {
+                            type: "trigger:OpenSource";
+                            params: OpenSourceParams;
+                        };
+                        "assign lastClickedNode": {
+                            type: "assign lastClickedNode";
                             params: NonReducibleUnknown;
                         };
-                        openRelationshipDetails: {
-                            type: "openRelationshipDetails";
+                        "open source of focused or last clicked node": {
+                            type: "open source of focused or last clicked node";
                             params: NonReducibleUnknown;
                         };
-                        openRelationshipsBrowser: {
-                            type: "openRelationshipsBrowser";
+                        "xyflow:fitFocusedBounds": {
+                            type: "xyflow:fitFocusedBounds";
+                            params: unknown;
+                        };
+                        "xyflow:setViewportCenter": {
+                            type: "xyflow:setViewportCenter";
+                            params: {
+                                x: number;
+                                y: number;
+                            };
+                        };
+                        "xyflow:setViewport": {
+                            type: "xyflow:setViewport";
+                            params: {
+                                viewport: Viewport;
+                                duration?: number;
+                            };
+                        };
+                        "xyflow:alignNodeFromToAfterNavigate": {
+                            type: "xyflow:alignNodeFromToAfterNavigate";
+                            params: {
+                                fromNode: NodeId;
+                                toPosition: XYPoint;
+                            };
+                        };
+                        updateFeatures: {
+                            type: "updateFeatures";
                             params: NonReducibleUnknown;
                         };
-                        listenToEsc: {
-                            type: "listenToEsc";
+                        startSyncLayout: {
+                            type: "startSyncLayout";
                             params: NonReducibleUnknown;
                         };
-                        stopListeningToEsc: {
-                            type: "stopListeningToEsc";
+                        stopSyncLayout: {
+                            type: "stopSyncLayout";
                             params: NonReducibleUnknown;
                         };
                     }>, Values<{
-                        "has overlays?": {
-                            type: "has overlays?";
+                        isReady: {
+                            type: "isReady";
                             params: unknown;
                         };
-                        "close specific overlay?": {
-                            type: "close specific overlay?";
+                        "enabled: FitView": {
+                            type: "enabled: FitView";
                             params: unknown;
                         };
-                        "last: is relationshipDetails?": {
-                            type: "last: is relationshipDetails?";
+                        "enabled: FocusMode": {
+                            type: "enabled: FocusMode";
                             params: unknown;
                         };
-                        "last: is relationshipsBrowser?": {
-                            type: "last: is relationshipsBrowser?";
+                        "enabled: Readonly": {
+                            type: "enabled: Readonly";
                             params: unknown;
                         };
-                    }>, never, "active" | "idle" | "closing", string, NonReducibleUnknown, NonReducibleUnknown, OverlayActorEmitedEvent, MetaObject, {
-                        readonly id: "overlays";
-                        readonly context: () => {
-                            seq: number;
-                            overlays: never[];
+                        "not readonly": {
+                            type: "not readonly";
+                            params: unknown;
                         };
-                        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;
-                            };
+                        "is dynamic view": {
+                            type: "is dynamic view";
+                            params: unknown;
                         };
-                        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";
-                                }];
-                            };
+                        "is another view": {
+                            type: "is another view";
+                            params: unknown;
                         };
-                        readonly exit: readonly ["stopListeningToEsc", "closeAllOverlays"];
-                    }>;
-                    id: "overlays";
+                        "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>;
                 };
-            }>, never, never, never, never>;
+            };
+        };
+        readonly navigating: {
+            readonly id: "navigating";
+            readonly entry: readonly ["closeAllOverlays", "stopSyncLayout", {
+                readonly type: "trigger:NavigateTo";
+                readonly params: ({ context }: {
+                    context: Context;
+                    event: Events;
+                }) => {
+                    viewId: ViewId;
+                };
+            }];
             readonly on: {
                 readonly 'update.view': {
                     readonly actions: ActionFunction<Context, {
@@ -8627,7 +9288,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                             }, {
                                 type: "same view";
                                 params: unknown;
-                            }, "timeout", "stopped" | "idle" | "synced" | "pending" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                            }, "timeout", "synced" | "pending" | "stopped" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                                 readonly initial: "idle";
                                 readonly context: ({ input }: {
                                     spawn: {
@@ -8894,17 +9555,6 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                                 edge: Types.Edge;
                             };
                         };
-                        "xyflow:fitDiagram": {
-                            type: "xyflow:fitDiagram";
-                            params: {
-                                duration?: number;
-                                bounds?: BBox;
-                            } | undefined;
-                        };
-                        closeAllOverlays: {
-                            type: "closeAllOverlays";
-                            params: NonReducibleUnknown;
-                        };
                         "trigger:OnChange": {
                             type: "trigger:OnChange";
                             params: {
@@ -8917,6 +9567,24 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                                 mode: AlignmentMode;
                             };
                         };
+                        "notations.highlight": {
+                            type: "notations.highlight";
+                            params: {
+                                notation: ElementNotation;
+                                kind?: string;
+                            };
+                        };
+                        "xyflow:fitDiagram": {
+                            type: "xyflow:fitDiagram";
+                            params: {
+                                duration?: number;
+                                bounds?: BBox;
+                            } | undefined;
+                        };
+                        closeAllOverlays: {
+                            type: "closeAllOverlays";
+                            params: NonReducibleUnknown;
+                        };
                         "trigger:NavigateTo": {
                             type: "trigger:NavigateTo";
                             params: {
@@ -8964,11 +9632,19 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                             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;
@@ -9031,7 +9707,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                     }, {
                         type: "same view";
                         params: unknown;
-                    }, "timeout", "stopped" | "idle" | "synced" | "pending" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                    }, "timeout", "synced" | "pending" | "stopped" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                         readonly initial: "idle";
                         readonly context: ({ input }: {
                             spawn: {
@@ -9290,7 +9966,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                     }, {
                         type: "same view";
                         params: unknown;
-                    }, "timeout", "stopped" | "idle" | "synced" | "pending" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                    }, "timeout", "synced" | "pending" | "stopped" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                         readonly initial: "idle";
                         readonly context: ({ input }: {
                             spawn: {
@@ -9550,7 +10226,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                     }, {
                         type: "same view";
                         params: unknown;
-                    }, "timeout", "stopped" | "idle" | "synced" | "pending" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                    }, "timeout", "synced" | "pending" | "stopped" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                         readonly initial: "idle";
                         readonly context: ({ input }: {
                             spawn: {
@@ -9824,7 +10500,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                     }, {
                         type: "same view";
                         params: unknown;
-                    }, "timeout", "stopped" | "idle" | "synced" | "pending" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                    }, "timeout", "synced" | "pending" | "stopped" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                         readonly initial: "idle";
                         readonly context: ({ input }: {
                             spawn: {
@@ -10080,7 +10756,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                     }, {
                         type: "same view";
                         params: unknown;
-                    }, "timeout", "stopped" | "idle" | "synced" | "pending" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                    }, "timeout", "synced" | "pending" | "stopped" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                         readonly initial: "idle";
                         readonly context: ({ input }: {
                             spawn: {
@@ -10336,7 +11012,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                     }, {
                         type: "same view";
                         params: unknown;
-                    }, "timeout", "stopped" | "idle" | "synced" | "pending" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                    }, "timeout", "synced" | "pending" | "stopped" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                         readonly initial: "idle";
                         readonly context: ({ input }: {
                             spawn: {
@@ -10594,7 +11270,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                     }, {
                         type: "same view";
                         params: unknown;
-                    }, "timeout", "stopped" | "idle" | "synced" | "pending" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                    }, "timeout", "synced" | "pending" | "stopped" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                         readonly initial: "idle";
                         readonly context: ({ input }: {
                             spawn: {
@@ -10861,17 +11537,6 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                         edge: Types.Edge;
                     };
                 };
-                "xyflow:fitDiagram": {
-                    type: "xyflow:fitDiagram";
-                    params: {
-                        duration?: number;
-                        bounds?: BBox;
-                    } | undefined;
-                };
-                closeAllOverlays: {
-                    type: "closeAllOverlays";
-                    params: NonReducibleUnknown;
-                };
                 "trigger:OnChange": {
                     type: "trigger:OnChange";
                     params: {
@@ -10884,6 +11549,24 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                         mode: AlignmentMode;
                     };
                 };
+                "notations.highlight": {
+                    type: "notations.highlight";
+                    params: {
+                        notation: ElementNotation;
+                        kind?: string;
+                    };
+                };
+                "xyflow:fitDiagram": {
+                    type: "xyflow:fitDiagram";
+                    params: {
+                        duration?: number;
+                        bounds?: BBox;
+                    } | undefined;
+                };
+                closeAllOverlays: {
+                    type: "closeAllOverlays";
+                    params: NonReducibleUnknown;
+                };
                 "trigger:NavigateTo": {
                     type: "trigger:NavigateTo";
                     params: {
@@ -10931,11 +11614,19 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                     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;
@@ -10981,7 +11672,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
         readonly 'update.inputs': {
             readonly actions: ActionFunction<Context, {
                 type: "update.inputs";
-                inputs: Partial<Omit<Input, "view">>;
+                inputs: Partial<Omit<Input, "view" | "xystore">>;
             }, Events, undefined, Values<{
                 syncManualLayoutActorLogic: {
                     src: "syncManualLayoutActorLogic";
@@ -10993,7 +11684,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                     }, {
                         type: "same view";
                         params: unknown;
-                    }, "timeout", "stopped" | "idle" | "synced" | "pending" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                    }, "timeout", "synced" | "pending" | "stopped" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                         readonly initial: "idle";
                         readonly context: ({ input }: {
                             spawn: {
@@ -11252,7 +11943,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
             }, {
                 type: "same view";
                 params: unknown;
-            }, "timeout", "stopped" | "idle" | "synced" | "pending" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+            }, "timeout", "synced" | "pending" | "stopped" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                 readonly initial: "idle";
                 readonly context: ({ input }: {
                     spawn: {