@likec4/diagram 1.24.0 → 1.25.0

package/dist/hooks/useDiagram.d.ts

@@ -4,7 +4,7 @@ import { FeatureName } from '../context/DiagramFeatures';
 import { OpenSourceParams } from '../LikeC4Diagram.props';
 import { Types } from '../likec4diagram/types';
 import { AlignmentMode } from '../state/aligners';
-import { DiagramActorSnapshot, DiagramContext, SyncLayoutActorSnapshot } from '../state/types';
+import { DiagramActorSnapshot, DiagramContext, SyncLayoutActorSnapshot, DiagramActorRef } from '../state/types';
 import { useDiagramActorRef } from './safeContext';
 import { Events, Input, ActionArg } from '../state/diagram-machine';
 import { MachineSnapshot, ActorRefFromLogic, StateMachine, NonReducibleUnknown, EventObject, MetaObject, AnyActorLogic, ConditionalRequired, InputFrom, RequiredLogicInput, IsNotNever, ActorRef, AnyActorRef, StateValue, AnyEventObject, ActionFunction, CallbackActorLogic, Values, RequiredActorOptions, GetConcreteByKey, CancelAction, StopAction } from 'xstate';
@@ -12,12 +12,13 @@ import { Input, Events } from '../state/syncManualLayoutActor';
 import { HotKeyEvent } from '../state/hotkeyActor';
 import { OverlaysContext, OverlayActorEvent, OverlayActorEmitedEvent } from '../overlays/overlaysActor';
 import { ElementDetailsLogic } from '../overlays/element-details/actor';
+import { EnabledFeatures } from '../context';
 import { ReactFlowState, ReactFlowInstance } from '@xyflow/react';
 import { EdgeMarkerType, HandleType, XYPosition, Viewport, NodeChange, EdgeChange } from '@xyflow/system';
 import { ReactNode, CSSProperties } from 'react';
-import { focusedBounds } from '../state/utils';
 export { useDiagramActorRef };
 export declare function useDiagram(): {
+    actor: DiagramActorRef;
     send: (event: Events) => void;
     navigateTo: (viewId: ViewId, fromNode?: NodeId) => void;
     navigate: (direction: "back" | "forward") => void;
@@ -284,9 +285,7 @@ export declare function useDiagram(): {
             };
             readonly exit: readonly ["stopListeningToEsc", "closeAllOverlays"];
         }>>;
-    }, "initializing" | "idle" | "walkthrough" | "focused" | {
-        navigating: "done" | "pending";
-    }, string, NonReducibleUnknown, MetaObject, {
+    }, "initializing" | "idle" | "walkthrough" | "focused" | "navigating", string, NonReducibleUnknown, MetaObject, {
         readonly initial: "initializing";
         readonly context: ({ input, self, spawn }: {
             spawn: {
@@ -1091,9 +1090,7 @@ export declare function useDiagram(): {
                 enableLikeC4Model: boolean;
                 enableVscode: boolean;
             };
-            toggledFeatures: {
-                enableReadOnly: true;
-            };
+            toggledFeatures: Partial< EnabledFeatures>;
             initialized: false;
             viewportChangedManually: false;
             lastOnNavigate: null;
@@ -1880,10 +1877,18 @@ export declare function useDiagram(): {
                                 type: "trigger:OpenSource";
                                 params: OpenSourceParams;
                             };
-                            "open source of focused node": {
-                                type: "open source of focused node";
+                            "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: {
@@ -1938,8 +1943,8 @@ export declare function useDiagram(): {
                                 type: "is another view";
                                 params: unknown;
                             };
-                            "click: selected node ": {
-                                type: "click: selected node ";
+                            "click: selected node": {
+                                type: "click: selected node";
                                 params: unknown;
                             };
                             "click: same node": {
@@ -1950,6 +1955,10 @@ export declare function useDiagram(): {
                                 type: "click: focused node";
                                 params: unknown;
                             };
+                            "click: node has connections": {
+                                type: "click: node has connections";
+                                params: unknown;
+                            };
                         }>, never, EventObject>;
                         readonly target: "idle";
                     };
@@ -2219,9 +2228,11 @@ export declare function useDiagram(): {
                         }>, never, never, never, never>];
                         readonly target: "focused";
                     }, {
-                        readonly actions: ActionFunction<DiagramContext, {
-                            type: "xyflow.nodeClick";
-                            node: Types.Node;
+                        readonly actions: readonly ["assign lastClickedNode", "open source of focused or last clicked node"];
+                    }];
+                    readonly 'xyflow.paneClick': {
+                        readonly actions: readonly [ ActionFunction<DiagramContext, {
+                            type: "xyflow.paneClick";
                         }, Events, undefined, Values<{
                             syncManualLayoutActorLogic: {
                                 src: "syncManualLayoutActorLogic";
@@ -2475,11 +2486,36 @@ export declare function useDiagram(): {
                                 }>;
                                 id: "overlays";
                             };
-                        }>, never, never, never, never>;
-                    }];
-                    readonly 'xyflow.paneClick': {
-                        readonly actions: readonly [ ActionFunction<DiagramContext, {
-                            type: "xyflow.paneClick";
+                        }>, never, never, never, never>];
+                    };
+                    readonly 'xyflow.paneDblClick': {
+                        readonly actions: readonly [{
+                            readonly type: "xyflow:fitDiagram";
+                        }, {
+                            readonly type: "trigger:OpenSource";
+                            readonly params: ({ context }: {
+                                context: DiagramContext;
+                                event: {
+                                    type: "xyflow.paneDblClick";
+                                };
+                            }) => {
+                                view: ViewId<string>;
+                            };
+                        }];
+                    };
+                    readonly 'saveManualLayout.*': {
+                        readonly guard: "not readonly";
+                        readonly actions: ActionFunction<DiagramContext, {
+                            type: "saveManualLayout.schedule";
+                        } | {
+                            type: "saveManualLayout.cancel";
+                        }, Events, undefined, never, never, never, never, never>;
+                    };
+                    readonly 'focus.node': {
+                        readonly guard: "enabled: FocusMode";
+                        readonly actions: ActionFunction<DiagramContext, {
+                            type: "focus.node";
+                            nodeId: NodeId;
                         }, Events, undefined, Values<{
                             syncManualLayoutActorLogic: {
                                 src: "syncManualLayoutActorLogic";
@@ -2733,390 +2769,107 @@ export declare function useDiagram(): {
                                 }>;
                                 id: "overlays";
                             };
-                        }>, never, never, never, never>];
+                        }>, never, never, never, never>;
+                        readonly target: "focused";
                     };
-                    readonly 'xyflow.paneDblClick': {
-                        readonly actions: readonly [{
-                            readonly type: "xyflow:fitDiagram";
+                };
+            };
+            readonly focused: {
+                readonly entry: readonly [ ActionFunction<DiagramContext, Events, Events, undefined, Values<{
+                    syncManualLayoutActorLogic: {
+                        src: "syncManualLayoutActorLogic";
+                        logic: StateMachine<Readonly< Input>, Events, {}, never, {
+                            type: "trigger:OnChange";
+                            params: {
+                                change: ViewChange;
+                            };
                         }, {
-                            readonly type: "trigger:OpenSource";
-                            readonly params: ({ context }: {
-                                context: DiagramContext;
-                                event: {
-                                    type: "xyflow.paneDblClick";
+                            type: "same view";
+                            params: unknown;
+                        }, "timeout", "paused" | "stopped" | "idle" | "synced" | "pending", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                            readonly initial: "idle";
+                            readonly context: ({ input }: {
+                                spawn: {
+                                    <TSrc extends never>(logic: TSrc, ...[options]: never): ActorRefFromLogic<never>;
+                                    <TLogic extends AnyActorLogic>(src: TLogic, ...[options]: ConditionalRequired<[options?: {
+                                        id?: never;
+                                        systemId?: string;
+                                        input?: InputFrom<TLogic>;
+                                        syncSnapshot?: boolean;
+                                    } & { [K in RequiredLogicInput<TLogic>]: unknown; }], IsNotNever<RequiredLogicInput<TLogic>>>): ActorRefFromLogic<TLogic>;
                                 };
+                                input: Input;
+                                self: ActorRef<MachineSnapshot<Readonly< Input>, Events, Record<string, AnyActorRef | undefined>, StateValue, string, unknown, any, any>, Events, AnyEventObject>;
                             }) => {
-                                view: ViewId<string>;
+                                parent: ActorRef<MachineSnapshot<DiagramContext, Events, any, any, any, any, any, any>, Events, any>;
+                                viewId: ViewId;
                             };
-                        }];
-                    };
-                    readonly 'saveManualLayout.*': {
-                        readonly guard: "not readonly";
-                        readonly actions: ActionFunction<DiagramContext, {
-                            type: "saveManualLayout.schedule";
-                        } | {
-                            type: "saveManualLayout.cancel";
-                        }, Events, undefined, never, never, never, never, never>;
-                    };
-                    readonly 'focus.node': {
-                        readonly guard: "enabled: FocusMode";
-                        readonly actions: ActionFunction<DiagramContext, {
-                            type: "focus.node";
-                            nodeId: NodeId;
-                        }, Events, undefined, Values<{
-                            syncManualLayoutActorLogic: {
-                                src: "syncManualLayoutActorLogic";
-                                logic: StateMachine<Readonly< Input>, Events, {}, never, {
-                                    type: "trigger:OnChange";
-                                    params: {
-                                        change: ViewChange;
-                                    };
-                                }, {
-                                    type: "same view";
-                                    params: unknown;
-                                }, "timeout", "paused" | "stopped" | "idle" | "synced" | "pending", "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 states: {
+                                readonly idle: {
+                                    readonly tags: "ready";
+                                    readonly on: {
+                                        readonly sync: {
+                                            readonly target: "pending";
                                         };
-                                        input: Input;
-                                        self: ActorRef<MachineSnapshot<Readonly< Input>, Events, Record<string, AnyActorRef | undefined>, StateValue, string, unknown, any, any>, Events, AnyEventObject>;
-                                    }) => {
-                                        parent: ActorRef<MachineSnapshot<DiagramContext, Events, any, any, any, any, any, any>, Events, any>;
-                                        viewId: ViewId;
                                     };
-                                    readonly states: {
-                                        readonly idle: {
-                                            readonly tags: "ready";
-                                            readonly on: {
-                                                readonly sync: {
-                                                    readonly target: "pending";
-                                                };
-                                            };
+                                };
+                                readonly paused: {
+                                    readonly tags: "pending";
+                                    readonly on: {
+                                        readonly sync: {
+                                            readonly target: "pending";
                                         };
-                                        readonly 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 pending: {
-                                            readonly tags: "pending";
-                                            readonly on: {
-                                                readonly sync: {
-                                                    readonly target: "pending";
-                                                    readonly reenter: true;
-                                                };
-                                                readonly cancel: {
-                                                    readonly target: "paused";
-                                                };
-                                            };
-                                            readonly after: {
-                                                readonly timeout: readonly [{
-                                                    readonly guard: "same view";
-                                                    readonly actions: {
-                                                        readonly type: "trigger:OnChange";
-                                                        readonly params: ({ context }: {
-                                                            context: Readonly< Input>;
-                                                            event: Events;
-                                                        }) => {
-                                                            change: import("@likec4/core").ViewChange.SaveManualLayout;
-                                                        };
-                                                    };
-                                                    readonly target: "synced";
-                                                }, {
-                                                    readonly target: "stopped";
-                                                }];
-                                            };
+                                        readonly cancel: {
+                                            readonly target: "paused";
                                         };
-                                        readonly synced: {
-                                            readonly tags: "ready";
-                                            readonly on: {
-                                                readonly sync: {
-                                                    readonly target: "pending";
+                                    };
+                                    readonly after: {
+                                        readonly timeout: readonly [{
+                                            readonly guard: "same view";
+                                            readonly actions: {
+                                                readonly type: "trigger:OnChange";
+                                                readonly params: ({ context }: {
+                                                    context: Readonly< Input>;
+                                                    event: Events;
+                                                }) => {
+                                                    change: import("@likec4/core").ViewChange.SaveManualLayout;
                                                 };
                                             };
-                                        };
-                                        readonly stopped: {
-                                            readonly entry: ActionFunction<Readonly< Input>, Events, Events, undefined, never, never, never, never, never>;
-                                            readonly type: "final";
-                                        };
+                                            readonly target: "synced";
+                                        }, {
+                                            readonly target: "stopped";
+                                        }];
                                     };
+                                };
+                                readonly synced: {
+                                    readonly tags: "ready";
                                     readonly on: {
-                                        readonly synced: {
-                                            readonly target: ".synced";
-                                        };
-                                        readonly stop: {
-                                            readonly target: ".stopped";
+                                        readonly sync: {
+                                            readonly target: "pending";
                                         };
                                     };
-                                }>;
-                                id: "syncLayout";
+                                };
+                                readonly stopped: {
+                                    readonly entry: ActionFunction<Readonly< Input>, Events, Events, undefined, never, never, never, never, never>;
+                                    readonly type: "final";
+                                };
                             };
-                            hotkeyActorLogic: {
-                                src: "hotkeyActorLogic";
-                                logic: CallbackActorLogic<AnyEventObject, NonReducibleUnknown, HotKeyEvent>;
-                                id: "hotkey";
-                            };
-                            overlaysActorLogic: {
-                                src: "overlaysActorLogic";
-                                logic: StateMachine<OverlaysContext, OverlayActorEvent, {
-                                    [x: `elementDetails-${number}`]: ActorRefFromLogic<ElementDetailsLogic> | undefined;
-                                    [x: `relationshipDetails-${number}`]: ActorRefFromLogic<import("../overlays/types").Overlays.RelationshipDetails.Logic> | undefined;
-                                    [x: `relationshipsBrowser-${number}`]: ActorRefFromLogic<import("../overlays/types").Overlays.RelationshipsBrowser.Logic> | undefined;
-                                    hotkey?: ActorRefFromLogic<CallbackActorLogic<EventObject, NonReducibleUnknown, EventObject>>;
-                                }, Values<{
-                                    elementDetails: {
-                                        src: "elementDetails";
-                                        logic: ElementDetailsLogic;
-                                        id: `elementDetails-${number}`;
-                                    };
-                                    relationshipDetails: {
-                                        src: "relationshipDetails";
-                                        logic: import("../overlays/types").Overlays.RelationshipDetails.Logic;
-                                        id: `relationshipDetails-${number}`;
-                                    };
-                                    relationshipsBrowser: {
-                                        src: "relationshipsBrowser";
-                                        logic: import("../overlays/types").Overlays.RelationshipsBrowser.Logic;
-                                        id: `relationshipsBrowser-${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 target: "focused";
-                    };
-                };
-            };
-            readonly focused: {
-                readonly entry: readonly [ ActionFunction<DiagramContext, Events, Events, undefined, Values<{
-                    syncManualLayoutActorLogic: {
-                        src: "syncManualLayoutActorLogic";
-                        logic: StateMachine<Readonly< Input>, Events, {}, never, {
-                            type: "trigger:OnChange";
-                            params: {
-                                change: ViewChange;
-                            };
-                        }, {
-                            type: "same view";
-                            params: unknown;
-                        }, "timeout", "paused" | "stopped" | "idle" | "synced" | "pending", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
-                            readonly initial: "idle";
-                            readonly context: ({ input }: {
-                                spawn: {
-                                    <TSrc extends never>(logic: TSrc, ...[options]: never): ActorRefFromLogic<never>;
-                                    <TLogic extends AnyActorLogic>(src: TLogic, ...[options]: ConditionalRequired<[options?: {
-                                        id?: never;
-                                        systemId?: string;
-                                        input?: InputFrom<TLogic>;
-                                        syncSnapshot?: boolean;
-                                    } & { [K in RequiredLogicInput<TLogic>]: unknown; }], IsNotNever<RequiredLogicInput<TLogic>>>): ActorRefFromLogic<TLogic>;
-                                };
-                                input: Input;
-                                self: ActorRef<MachineSnapshot<Readonly< Input>, Events, Record<string, AnyActorRef | undefined>, StateValue, string, unknown, any, any>, Events, AnyEventObject>;
-                            }) => {
-                                parent: ActorRef<MachineSnapshot<DiagramContext, Events, any, any, any, any, any, any>, Events, any>;
-                                viewId: ViewId;
-                            };
-                            readonly states: {
-                                readonly idle: {
-                                    readonly tags: "ready";
-                                    readonly on: {
-                                        readonly sync: {
-                                            readonly target: "pending";
-                                        };
-                                    };
-                                };
-                                readonly paused: {
-                                    readonly tags: "pending";
-                                    readonly on: {
-                                        readonly sync: {
-                                            readonly target: "pending";
-                                        };
-                                    };
-                                };
-                                readonly pending: {
-                                    readonly tags: "pending";
-                                    readonly on: {
-                                        readonly sync: {
-                                            readonly target: "pending";
-                                            readonly reenter: true;
-                                        };
-                                        readonly cancel: {
-                                            readonly target: "paused";
-                                        };
-                                    };
-                                    readonly after: {
-                                        readonly timeout: readonly [{
-                                            readonly guard: "same view";
-                                            readonly actions: {
-                                                readonly type: "trigger:OnChange";
-                                                readonly params: ({ context }: {
-                                                    context: Readonly< Input>;
-                                                    event: Events;
-                                                }) => {
-                                                    change: import("@likec4/core").ViewChange.SaveManualLayout;
-                                                };
-                                            };
-                                            readonly target: "synced";
-                                        }, {
-                                            readonly target: "stopped";
-                                        }];
-                                    };
-                                };
-                                readonly synced: {
-                                    readonly tags: "ready";
-                                    readonly on: {
-                                        readonly sync: {
-                                            readonly target: "pending";
-                                        };
-                                    };
-                                };
-                                readonly stopped: {
-                                    readonly entry: ActionFunction<Readonly< Input>, Events, Events, undefined, never, never, never, never, never>;
-                                    readonly type: "final";
-                                };
-                            };
-                            readonly on: {
-                                readonly synced: {
-                                    readonly target: ".synced";
-                                };
-                                readonly stop: {
-                                    readonly target: ".stopped";
-                                };
+                            readonly on: {
+                                readonly synced: {
+                                    readonly target: ".synced";
+                                };
+                                readonly stop: {
+                                    readonly target: ".stopped";
+                                };
                             };
                         }>;
                         id: "syncLayout";
@@ -3275,7 +3028,7 @@ export declare function useDiagram(): {
                         }>;
                         id: "overlays";
                     };
-                }>, never, never, never, never>, "open source of focused node", ActionFunction<DiagramContext, Events, Events, undefined, Values<{
+                }>, never, never, never, never>, "open source of focused or last clicked node", ActionFunction<DiagramContext, Events, Events, undefined, Values<{
                     syncManualLayoutActorLogic: {
                         src: "syncManualLayoutActorLogic";
                         logic: StateMachine<Readonly< Input>, Events, {}, never, {
@@ -3528,10 +3281,7 @@ export declare function useDiagram(): {
                         }>;
                         id: "overlays";
                     };
-                }>, never, never, never, never>, {
-                    readonly type: "xyflow:fitDiagram";
-                    readonly params: focusedBounds;
-                }];
+                }>, never, never, never, never>, "xyflow:fitFocusedBounds"];
                 readonly exit: ActionFunction<DiagramContext, Events, Events, undefined, Values<{
                     syncManualLayoutActorLogic: {
                         src: "syncManualLayoutActorLogic";
@@ -3819,10 +3569,18 @@ export declare function useDiagram(): {
                         type: "trigger:OpenSource";
                         params: OpenSourceParams;
                     };
-                    "open source of focused node": {
-                        type: "open source of focused node";
+                    "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: {
@@ -3877,8 +3635,8 @@ export declare function useDiagram(): {
                         type: "is another view";
                         params: unknown;
                     };
-                    "click: selected node ": {
-                        type: "click: selected node ";
+                    "click: selected node": {
+                        type: "click: selected node";
                         params: unknown;
                     };
                     "click: same node": {
@@ -3889,6 +3647,10 @@ export declare function useDiagram(): {
                         type: "click: focused node";
                         params: unknown;
                     };
+                    "click: node has connections": {
+                        type: "click: node has connections";
+                        params: unknown;
+                    };
                 }>, never, EventObject>;
                 readonly on: {
                     readonly 'xyflow.nodeClick': readonly [{
@@ -4151,263 +3913,10 @@ export declare function useDiagram(): {
                                 }>;
                                 id: "overlays";
                             };
-                        }>, never, never, never, never>, ActionFunction<DiagramContext, Events, Events, undefined, Values<{
-                            syncManualLayoutActorLogic: {
-                                src: "syncManualLayoutActorLogic";
-                                logic: StateMachine<Readonly< Input>, Events, {}, never, {
-                                    type: "trigger:OnChange";
-                                    params: {
-                                        change: ViewChange;
-                                    };
-                                }, {
-                                    type: "same view";
-                                    params: unknown;
-                                }, "timeout", "paused" | "stopped" | "idle" | "synced" | "pending", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
-                                    readonly initial: "idle";
-                                    readonly context: ({ input }: {
-                                        spawn: {
-                                            <TSrc extends never>(logic: TSrc, ...[options]: never): ActorRefFromLogic<never>;
-                                            <TLogic extends AnyActorLogic>(src: TLogic, ...[options]: ConditionalRequired<[options?: {
-                                                id?: never;
-                                                systemId?: string;
-                                                input?: InputFrom<TLogic>;
-                                                syncSnapshot?: boolean;
-                                            } & { [K in RequiredLogicInput<TLogic>]: unknown; }], IsNotNever<RequiredLogicInput<TLogic>>>): ActorRefFromLogic<TLogic>;
-                                        };
-                                        input: Input;
-                                        self: ActorRef<MachineSnapshot<Readonly< Input>, Events, Record<string, AnyActorRef | undefined>, StateValue, string, unknown, any, any>, Events, AnyEventObject>;
-                                    }) => {
-                                        parent: ActorRef<MachineSnapshot<DiagramContext, Events, any, any, any, any, any, any>, Events, any>;
-                                        viewId: ViewId;
-                                    };
-                                    readonly states: {
-                                        readonly idle: {
-                                            readonly tags: "ready";
-                                            readonly on: {
-                                                readonly sync: {
-                                                    readonly target: "pending";
-                                                };
-                                            };
-                                        };
-                                        readonly paused: {
-                                            readonly tags: "pending";
-                                            readonly on: {
-                                                readonly sync: {
-                                                    readonly target: "pending";
-                                                };
-                                            };
-                                        };
-                                        readonly pending: {
-                                            readonly tags: "pending";
-                                            readonly on: {
-                                                readonly sync: {
-                                                    readonly target: "pending";
-                                                    readonly reenter: true;
-                                                };
-                                                readonly cancel: {
-                                                    readonly target: "paused";
-                                                };
-                                            };
-                                            readonly after: {
-                                                readonly timeout: readonly [{
-                                                    readonly guard: "same view";
-                                                    readonly actions: {
-                                                        readonly type: "trigger:OnChange";
-                                                        readonly params: ({ context }: {
-                                                            context: Readonly< Input>;
-                                                            event: Events;
-                                                        }) => {
-                                                            change: import("@likec4/core").ViewChange.SaveManualLayout;
-                                                        };
-                                                    };
-                                                    readonly target: "synced";
-                                                }, {
-                                                    readonly target: "stopped";
-                                                }];
-                                            };
-                                        };
-                                        readonly synced: {
-                                            readonly tags: "ready";
-                                            readonly on: {
-                                                readonly sync: {
-                                                    readonly target: "pending";
-                                                };
-                                            };
-                                        };
-                                        readonly stopped: {
-                                            readonly entry: ActionFunction<Readonly< Input>, Events, Events, undefined, never, never, never, never, never>;
-                                            readonly type: "final";
-                                        };
-                                    };
-                                    readonly on: {
-                                        readonly synced: {
-                                            readonly target: ".synced";
-                                        };
-                                        readonly stop: {
-                                            readonly target: ".stopped";
-                                        };
-                                    };
-                                }>;
-                                id: "syncLayout";
-                            };
-                            hotkeyActorLogic: {
-                                src: "hotkeyActorLogic";
-                                logic: CallbackActorLogic<AnyEventObject, NonReducibleUnknown, HotKeyEvent>;
-                                id: "hotkey";
-                            };
-                            overlaysActorLogic: {
-                                src: "overlaysActorLogic";
-                                logic: StateMachine<OverlaysContext, OverlayActorEvent, {
-                                    [x: `elementDetails-${number}`]: ActorRefFromLogic<ElementDetailsLogic> | undefined;
-                                    [x: `relationshipDetails-${number}`]: ActorRefFromLogic<import("../overlays/types").Overlays.RelationshipDetails.Logic> | undefined;
-                                    [x: `relationshipsBrowser-${number}`]: ActorRefFromLogic<import("../overlays/types").Overlays.RelationshipsBrowser.Logic> | undefined;
-                                    hotkey?: ActorRefFromLogic<CallbackActorLogic<EventObject, NonReducibleUnknown, EventObject>>;
-                                }, Values<{
-                                    elementDetails: {
-                                        src: "elementDetails";
-                                        logic: ElementDetailsLogic;
-                                        id: `elementDetails-${number}`;
-                                    };
-                                    relationshipDetails: {
-                                        src: "relationshipDetails";
-                                        logic: import("../overlays/types").Overlays.RelationshipDetails.Logic;
-                                        id: `relationshipDetails-${number}`;
-                                    };
-                                    relationshipsBrowser: {
-                                        src: "relationshipsBrowser";
-                                        logic: import("../overlays/types").Overlays.RelationshipsBrowser.Logic;
-                                        id: `relationshipsBrowser-${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>, "open source of focused node", {
-                            readonly type: "xyflow:fitDiagram";
-                            readonly params: focusedBounds;
-                        }];
+                        }>, never, never, never, never>, ActionFunction<DiagramContext, {
+                            type: "xyflow.nodeClick";
+                            node: Types.Node;
+                        }, Events, undefined, never, never, never, never, never>];
                     }];
                     readonly 'focus.node': {
                         readonly actions: readonly [ ActionFunction<DiagramContext, {
@@ -4919,10 +4428,7 @@ export declare function useDiagram(): {
                                 }>;
                                 id: "overlays";
                             };
-                        }>, never, never, never, never>, "open source of focused node", {
-                            readonly type: "xyflow:fitDiagram";
-                            readonly params: focusedBounds;
-                        }];
+                        }>, never, never, never, never>, "open source of focused or last clicked node", "xyflow:fitFocusedBounds"];
                     };
                     readonly 'key.esc': {
                         readonly target: "idle";
@@ -5197,11 +4703,277 @@ export declare function useDiagram(): {
                 };
             };
             readonly navigating: {
-                readonly initial: "pending";
-                readonly type: "compound";
-                readonly states: {
-                    readonly pending: {
-                        readonly entry: ActionFunction<DiagramContext, Events, Events, undefined, Values<{
+                readonly entry: readonly ["closeAllOverlays", "stopSyncLayout", {
+                    readonly type: "trigger:NavigateTo";
+                    readonly params: ({ context }: {
+                        context: DiagramContext;
+                        event: Events;
+                    }) => {
+                        viewId: ViewId;
+                    };
+                }];
+                readonly exit: ActionFunction<DiagramContext, Events, Events, undefined, Values<{
+                    syncManualLayoutActorLogic: {
+                        src: "syncManualLayoutActorLogic";
+                        logic: StateMachine<Readonly< Input>, Events, {}, never, {
+                            type: "trigger:OnChange";
+                            params: {
+                                change: ViewChange;
+                            };
+                        }, {
+                            type: "same view";
+                            params: unknown;
+                        }, "timeout", "paused" | "stopped" | "idle" | "synced" | "pending", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                            readonly initial: "idle";
+                            readonly context: ({ input }: {
+                                spawn: {
+                                    <TSrc extends never>(logic: TSrc, ...[options]: never): ActorRefFromLogic<never>;
+                                    <TLogic extends AnyActorLogic>(src: TLogic, ...[options]: ConditionalRequired<[options?: {
+                                        id?: never;
+                                        systemId?: string;
+                                        input?: InputFrom<TLogic>;
+                                        syncSnapshot?: boolean;
+                                    } & { [K in RequiredLogicInput<TLogic>]: unknown; }], IsNotNever<RequiredLogicInput<TLogic>>>): ActorRefFromLogic<TLogic>;
+                                };
+                                input: Input;
+                                self: ActorRef<MachineSnapshot<Readonly< Input>, Events, Record<string, AnyActorRef | undefined>, StateValue, string, unknown, any, any>, Events, AnyEventObject>;
+                            }) => {
+                                parent: ActorRef<MachineSnapshot<DiagramContext, Events, any, any, any, any, any, any>, Events, any>;
+                                viewId: ViewId;
+                            };
+                            readonly states: {
+                                readonly idle: {
+                                    readonly tags: "ready";
+                                    readonly on: {
+                                        readonly sync: {
+                                            readonly target: "pending";
+                                        };
+                                    };
+                                };
+                                readonly paused: {
+                                    readonly tags: "pending";
+                                    readonly on: {
+                                        readonly sync: {
+                                            readonly target: "pending";
+                                        };
+                                    };
+                                };
+                                readonly pending: {
+                                    readonly tags: "pending";
+                                    readonly on: {
+                                        readonly sync: {
+                                            readonly target: "pending";
+                                            readonly reenter: true;
+                                        };
+                                        readonly cancel: {
+                                            readonly target: "paused";
+                                        };
+                                    };
+                                    readonly after: {
+                                        readonly timeout: readonly [{
+                                            readonly guard: "same view";
+                                            readonly actions: {
+                                                readonly type: "trigger:OnChange";
+                                                readonly params: ({ context }: {
+                                                    context: Readonly< Input>;
+                                                    event: Events;
+                                                }) => {
+                                                    change: import("@likec4/core").ViewChange.SaveManualLayout;
+                                                };
+                                            };
+                                            readonly target: "synced";
+                                        }, {
+                                            readonly target: "stopped";
+                                        }];
+                                    };
+                                };
+                                readonly synced: {
+                                    readonly tags: "ready";
+                                    readonly on: {
+                                        readonly sync: {
+                                            readonly target: "pending";
+                                        };
+                                    };
+                                };
+                                readonly stopped: {
+                                    readonly entry: ActionFunction<Readonly< Input>, Events, Events, undefined, never, never, never, never, never>;
+                                    readonly type: "final";
+                                };
+                            };
+                            readonly on: {
+                                readonly synced: {
+                                    readonly target: ".synced";
+                                };
+                                readonly stop: {
+                                    readonly target: ".stopped";
+                                };
+                            };
+                        }>;
+                        id: "syncLayout";
+                    };
+                    hotkeyActorLogic: {
+                        src: "hotkeyActorLogic";
+                        logic: CallbackActorLogic<AnyEventObject, NonReducibleUnknown, HotKeyEvent>;
+                        id: "hotkey";
+                    };
+                    overlaysActorLogic: {
+                        src: "overlaysActorLogic";
+                        logic: StateMachine<OverlaysContext, OverlayActorEvent, {
+                            [x: `elementDetails-${number}`]: ActorRefFromLogic<ElementDetailsLogic> | undefined;
+                            [x: `relationshipDetails-${number}`]: ActorRefFromLogic<import("../overlays/types").Overlays.RelationshipDetails.Logic> | undefined;
+                            [x: `relationshipsBrowser-${number}`]: ActorRefFromLogic<import("../overlays/types").Overlays.RelationshipsBrowser.Logic> | undefined;
+                            hotkey?: ActorRefFromLogic<CallbackActorLogic<EventObject, NonReducibleUnknown, EventObject>>;
+                        }, Values<{
+                            elementDetails: {
+                                src: "elementDetails";
+                                logic: ElementDetailsLogic;
+                                id: `elementDetails-${number}`;
+                            };
+                            relationshipDetails: {
+                                src: "relationshipDetails";
+                                logic: import("../overlays/types").Overlays.RelationshipDetails.Logic;
+                                id: `relationshipDetails-${number}`;
+                            };
+                            relationshipsBrowser: {
+                                src: "relationshipsBrowser";
+                                logic: import("../overlays/types").Overlays.RelationshipsBrowser.Logic;
+                                id: `relationshipsBrowser-${number}`;
+                            };
+                            hotkey: {
+                                src: "hotkey";
+                                logic: CallbackActorLogic<EventObject, NonReducibleUnknown, EventObject>;
+                                id: "hotkey";
+                            };
+                        }>, Values<{
+                            closeLastOverlay: {
+                                type: "closeLastOverlay";
+                                params: NonReducibleUnknown;
+                            };
+                            closeSpecificOverlay: {
+                                type: "closeSpecificOverlay";
+                                params: {
+                                    actorId: string;
+                                };
+                            };
+                            closeAllOverlays: {
+                                type: "closeAllOverlays";
+                                params: NonReducibleUnknown;
+                            };
+                            openElementDetails: {
+                                type: "openElementDetails";
+                                params: NonReducibleUnknown;
+                            };
+                            openRelationshipDetails: {
+                                type: "openRelationshipDetails";
+                                params: NonReducibleUnknown;
+                            };
+                            openRelationshipsBrowser: {
+                                type: "openRelationshipsBrowser";
+                                params: NonReducibleUnknown;
+                            };
+                            listenToEsc: {
+                                type: "listenToEsc";
+                                params: NonReducibleUnknown;
+                            };
+                            stopListeningToEsc: {
+                                type: "stopListeningToEsc";
+                                params: NonReducibleUnknown;
+                            };
+                        }>, Values<{
+                            "has overlays?": {
+                                type: "has overlays?";
+                                params: unknown;
+                            };
+                            "close specific overlay?": {
+                                type: "close specific overlay?";
+                                params: unknown;
+                            };
+                            "last: is relationshipDetails?": {
+                                type: "last: is relationshipDetails?";
+                                params: unknown;
+                            };
+                            "last: is relationshipsBrowser?": {
+                                type: "last: is relationshipsBrowser?";
+                                params: unknown;
+                            };
+                        }>, never, "active" | "idle" | "closing", string, NonReducibleUnknown, NonReducibleUnknown, OverlayActorEmitedEvent, MetaObject, {
+                            readonly id: "overlays";
+                            readonly context: () => {
+                                seq: number;
+                                overlays: never[];
+                            };
+                            readonly initial: "idle";
+                            readonly on: {
+                                readonly 'open.elementDetails': {
+                                    readonly actions: "openElementDetails";
+                                    readonly target: ".active";
+                                    readonly reenter: false;
+                                };
+                                readonly 'open.relationshipDetails': {
+                                    readonly actions: "openRelationshipDetails";
+                                    readonly target: ".active";
+                                    readonly reenter: false;
+                                };
+                                readonly 'open.relationshipsBrowser': {
+                                    readonly actions: "openRelationshipsBrowser";
+                                    readonly target: ".active";
+                                    readonly reenter: false;
+                                };
+                            };
+                            readonly states: {
+                                readonly idle: {};
+                                readonly active: {
+                                    readonly entry: "listenToEsc";
+                                    readonly exit: "stopListeningToEsc";
+                                    readonly on: {
+                                        readonly close: readonly [{
+                                            readonly guard: "close specific overlay?";
+                                            readonly actions: {
+                                                readonly type: "closeSpecificOverlay";
+                                                readonly params: ({ event }: {
+                                                    context: OverlaysContext;
+                                                    event: {
+                                                        type: "close";
+                                                        actorId?: string | undefined;
+                                                    };
+                                                }) => {
+                                                    actorId: string;
+                                                };
+                                            };
+                                            readonly target: "closing";
+                                        }, {
+                                            readonly actions: "closeLastOverlay";
+                                            readonly target: "closing";
+                                        }];
+                                        readonly 'close.all': {
+                                            readonly actions: readonly ["closeAllOverlays", "stopListeningToEsc"];
+                                            readonly target: "idle";
+                                        };
+                                    };
+                                };
+                                readonly closing: {
+                                    readonly always: readonly [{
+                                        readonly guard: "has overlays?";
+                                        readonly target: "active";
+                                    }, {
+                                        readonly actions: "stopListeningToEsc";
+                                        readonly target: "idle";
+                                    }];
+                                };
+                            };
+                            readonly exit: readonly ["stopListeningToEsc", "closeAllOverlays"];
+                        }>;
+                        id: "overlays";
+                    };
+                }>, never, never, never, never>;
+                readonly on: {
+                    readonly 'update.view': {
+                        readonly actions: ActionFunction<DiagramContext, {
+                            type: "update.view";
+                            view: DiagramView;
+                            xynodes: Types.Node[];
+                            xyedges: Types.Edge[];
+                        }, Events, undefined, Values<{
                             syncManualLayoutActorLogic: {
                                 src: "syncManualLayoutActorLogic";
                                 logic: StateMachine<Readonly< Input>, Events, {}, never, {
@@ -5488,10 +5260,18 @@ export declare function useDiagram(): {
                                 type: "trigger:OpenSource";
                                 params: OpenSourceParams;
                             };
-                            "open source of focused node": {
-                                type: "open source of focused node";
+                            "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: {
@@ -5546,396 +5326,29 @@ export declare function useDiagram(): {
                                 type: "is another view";
                                 params: unknown;
                             };
-                            "click: selected node ": {
-                                type: "click: selected node ";
+                            "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;
-                            };
-                        }>, never, EventObject>;
-                        readonly on: {
-                            readonly 'update.view': {
-                                readonly actions: ActionFunction<DiagramContext, {
-                                    type: "update.view";
-                                    view: DiagramView;
-                                    xynodes: Types.Node[];
-                                    xyedges: Types.Edge[];
-                                }, Events, undefined, Values<{
-                                    syncManualLayoutActorLogic: {
-                                        src: "syncManualLayoutActorLogic";
-                                        logic: StateMachine<Readonly< Input>, Events, {}, never, {
-                                            type: "trigger:OnChange";
-                                            params: {
-                                                change: ViewChange;
-                                            };
-                                        }, {
-                                            type: "same view";
-                                            params: unknown;
-                                        }, "timeout", "paused" | "stopped" | "idle" | "synced" | "pending", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
-                                            readonly initial: "idle";
-                                            readonly context: ({ input }: {
-                                                spawn: {
-                                                    <TSrc extends never>(logic: TSrc, ...[options]: never): ActorRefFromLogic<never>;
-                                                    <TLogic extends AnyActorLogic>(src: TLogic, ...[options]: ConditionalRequired<[options?: {
-                                                        id?: never;
-                                                        systemId?: string;
-                                                        input?: InputFrom<TLogic>;
-                                                        syncSnapshot?: boolean;
-                                                    } & { [K in RequiredLogicInput<TLogic>]: unknown; }], IsNotNever<RequiredLogicInput<TLogic>>>): ActorRefFromLogic<TLogic>;
-                                                };
-                                                input: Input;
-                                                self: ActorRef<MachineSnapshot<Readonly< Input>, Events, Record<string, AnyActorRef | undefined>, StateValue, string, unknown, any, any>, Events, AnyEventObject>;
-                                            }) => {
-                                                parent: ActorRef<MachineSnapshot<DiagramContext, Events, any, any, any, any, any, any>, Events, any>;
-                                                viewId: ViewId;
-                                            };
-                                            readonly states: {
-                                                readonly idle: {
-                                                    readonly tags: "ready";
-                                                    readonly on: {
-                                                        readonly sync: {
-                                                            readonly target: "pending";
-                                                        };
-                                                    };
-                                                };
-                                                readonly paused: {
-                                                    readonly tags: "pending";
-                                                    readonly on: {
-                                                        readonly sync: {
-                                                            readonly target: "pending";
-                                                        };
-                                                    };
-                                                };
-                                                readonly pending: {
-                                                    readonly tags: "pending";
-                                                    readonly on: {
-                                                        readonly sync: {
-                                                            readonly target: "pending";
-                                                            readonly reenter: true;
-                                                        };
-                                                        readonly cancel: {
-                                                            readonly target: "paused";
-                                                        };
-                                                    };
-                                                    readonly after: {
-                                                        readonly timeout: readonly [{
-                                                            readonly guard: "same view";
-                                                            readonly actions: {
-                                                                readonly type: "trigger:OnChange";
-                                                                readonly params: ({ context }: {
-                                                                    context: Readonly< Input>;
-                                                                    event: Events;
-                                                                }) => {
-                                                                    change: import("@likec4/core").ViewChange.SaveManualLayout;
-                                                                };
-                                                            };
-                                                            readonly target: "synced";
-                                                        }, {
-                                                            readonly target: "stopped";
-                                                        }];
-                                                    };
-                                                };
-                                                readonly synced: {
-                                                    readonly tags: "ready";
-                                                    readonly on: {
-                                                        readonly sync: {
-                                                            readonly target: "pending";
-                                                        };
-                                                    };
-                                                };
-                                                readonly stopped: {
-                                                    readonly entry: ActionFunction<Readonly< Input>, Events, Events, undefined, never, never, never, never, never>;
-                                                    readonly type: "final";
-                                                };
-                                            };
-                                            readonly on: {
-                                                readonly synced: {
-                                                    readonly target: ".synced";
-                                                };
-                                                readonly stop: {
-                                                    readonly target: ".stopped";
-                                                };
-                                            };
-                                        }>;
-                                        id: "syncLayout";
-                                    };
-                                    hotkeyActorLogic: {
-                                        src: "hotkeyActorLogic";
-                                        logic: CallbackActorLogic<AnyEventObject, NonReducibleUnknown, HotKeyEvent>;
-                                        id: "hotkey";
-                                    };
-                                    overlaysActorLogic: {
-                                        src: "overlaysActorLogic";
-                                        logic: StateMachine<OverlaysContext, OverlayActorEvent, {
-                                            [x: `elementDetails-${number}`]: ActorRefFromLogic<ElementDetailsLogic> | undefined;
-                                            [x: `relationshipDetails-${number}`]: ActorRefFromLogic<import("../overlays/types").Overlays.RelationshipDetails.Logic> | undefined;
-                                            [x: `relationshipsBrowser-${number}`]: ActorRefFromLogic<import("../overlays/types").Overlays.RelationshipsBrowser.Logic> | undefined;
-                                            hotkey?: ActorRefFromLogic<CallbackActorLogic<EventObject, NonReducibleUnknown, EventObject>>;
-                                        }, Values<{
-                                            elementDetails: {
-                                                src: "elementDetails";
-                                                logic: ElementDetailsLogic;
-                                                id: `elementDetails-${number}`;
-                                            };
-                                            relationshipDetails: {
-                                                src: "relationshipDetails";
-                                                logic: import("../overlays/types").Overlays.RelationshipDetails.Logic;
-                                                id: `relationshipDetails-${number}`;
-                                            };
-                                            relationshipsBrowser: {
-                                                src: "relationshipsBrowser";
-                                                logic: import("../overlays/types").Overlays.RelationshipsBrowser.Logic;
-                                                id: `relationshipsBrowser-${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";
-                                    };
-                                }>, Values<{
-                                    "xyflow:fitDiagram": {
-                                        type: "xyflow:fitDiagram";
-                                        params: {
-                                            duration?: number;
-                                            bounds?: BBox;
-                                        } | undefined;
-                                    };
-                                    closeAllOverlays: {
-                                        type: "closeAllOverlays";
-                                        params: NonReducibleUnknown;
-                                    };
-                                    "layout.align": {
-                                        type: "layout.align";
-                                        params: {
-                                            mode: AlignmentMode;
-                                        };
-                                    };
-                                    "trigger:OnChange": {
-                                        type: "trigger:OnChange";
-                                        params: {
-                                            change: ViewChange;
-                                        };
-                                    };
-                                    "trigger:NavigateTo": {
-                                        type: "trigger:NavigateTo";
-                                        params: {
-                                            viewId: ViewId;
-                                        };
-                                    };
-                                    "trigger:OpenSource": {
-                                        type: "trigger:OpenSource";
-                                        params: OpenSourceParams;
-                                    };
-                                    "open source of focused node": {
-                                        type: "open source of focused node";
-                                        params: NonReducibleUnknown;
-                                    };
-                                    "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;
-                                    };
-                                }>, never, EventObject>;
-                                readonly target: "done";
+                            "click: focused node": {
+                                type: "click: focused node";
+                                params: unknown;
                             };
-                        };
-                    };
-                    readonly done: {
-                        readonly type: "final";
+                            "click: node has connections": {
+                                type: "click: node has connections";
+                                params: unknown;
+                            };
+                        }>, never, EventObject>;
+                        readonly target: "#idle";
                     };
                 };
-                readonly onDone: {
-                    readonly target: "idle";
-                };
-                readonly exit: ActionFunction<DiagramContext, Events, Events, undefined, Values<{
+            };
+            readonly walkthrough: {
+                readonly entry: readonly [ ActionFunction<DiagramContext, Events, Events, undefined, Values<{
                     syncManualLayoutActorLogic: {
                         src: "syncManualLayoutActorLogic";
                         logic: StateMachine<Readonly< Input>, Events, {}, never, {
@@ -6188,10 +5601,7 @@ export declare function useDiagram(): {
                         }>;
                         id: "overlays";
                     };
-                }>, never, never, never, never>;
-            };
-            readonly walkthrough: {
-                readonly entry: readonly [ ActionFunction<DiagramContext, Events, Events, undefined, Values<{
+                }>, never, never, never, never>, ActionFunction<DiagramContext, Events, Events, undefined, Values<{
                     syncManualLayoutActorLogic: {
                         src: "syncManualLayoutActorLogic";
                         logic: StateMachine<Readonly< Input>, Events, {}, never, {
@@ -6697,10 +6107,7 @@ export declare function useDiagram(): {
                         }>;
                         id: "overlays";
                     };
-                }>, never, never, never, never>, {
-                    readonly type: "xyflow:fitDiagram";
-                    readonly params: focusedBounds;
-                }];
+                }>, never, never, never, never>, "xyflow:fitFocusedBounds"];
                 readonly on: {
                     readonly 'key.esc': {
                         readonly target: "idle";
@@ -6917,543 +6324,193 @@ export declare function useDiagram(): {
                                             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";
-                            };
-                        }>, Values<{
-                            "xyflow:fitDiagram": {
-                                type: "xyflow:fitDiagram";
-                                params: {
-                                    duration?: number;
-                                    bounds?: BBox;
-                                } | undefined;
-                            };
-                            closeAllOverlays: {
-                                type: "closeAllOverlays";
-                                params: NonReducibleUnknown;
-                            };
-                            "layout.align": {
-                                type: "layout.align";
-                                params: {
-                                    mode: AlignmentMode;
-                                };
-                            };
-                            "trigger:OnChange": {
-                                type: "trigger:OnChange";
-                                params: {
-                                    change: ViewChange;
-                                };
-                            };
-                            "trigger:NavigateTo": {
-                                type: "trigger:NavigateTo";
-                                params: {
-                                    viewId: ViewId;
-                                };
-                            };
-                            "trigger:OpenSource": {
-                                type: "trigger:OpenSource";
-                                params: OpenSourceParams;
-                            };
-                            "open source of focused node": {
-                                type: "open source of focused node";
-                                params: NonReducibleUnknown;
-                            };
-                            "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;
-                            };
-                        }>, never, EventObject>;
-                    };
-                    readonly 'walkthrough.end': {
-                        readonly target: "idle";
-                    };
-                    readonly 'update.view': {
-                        readonly guard: "is another view";
-                        readonly actions: ActionFunction<DiagramContext, {
-                            type: "update.view";
-                            view: DiagramView;
-                            xynodes: Types.Node[];
-                            xyedges: Types.Edge[];
-                        }, Events, undefined, never, never, never, never, never>;
-                        readonly target: "idle";
-                    };
-                };
-                readonly exit: ActionFunction<DiagramContext, Events, Events, undefined, Values<{
-                    syncManualLayoutActorLogic: {
-                        src: "syncManualLayoutActorLogic";
-                        logic: StateMachine<Readonly< Input>, Events, {}, never, {
-                            type: "trigger:OnChange";
-                            params: {
-                                change: ViewChange;
-                            };
-                        }, {
-                            type: "same view";
-                            params: unknown;
-                        }, "timeout", "paused" | "stopped" | "idle" | "synced" | "pending", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
-                            readonly initial: "idle";
-                            readonly context: ({ input }: {
-                                spawn: {
-                                    <TSrc extends never>(logic: TSrc, ...[options]: never): ActorRefFromLogic<never>;
-                                    <TLogic extends AnyActorLogic>(src: TLogic, ...[options]: ConditionalRequired<[options?: {
-                                        id?: never;
-                                        systemId?: string;
-                                        input?: InputFrom<TLogic>;
-                                        syncSnapshot?: boolean;
-                                    } & { [K in RequiredLogicInput<TLogic>]: unknown; }], IsNotNever<RequiredLogicInput<TLogic>>>): ActorRefFromLogic<TLogic>;
-                                };
-                                input: Input;
-                                self: ActorRef<MachineSnapshot<Readonly< Input>, Events, Record<string, AnyActorRef | undefined>, StateValue, string, unknown, any, any>, Events, AnyEventObject>;
-                            }) => {
-                                parent: ActorRef<MachineSnapshot<DiagramContext, Events, any, any, any, any, any, any>, Events, any>;
-                                viewId: ViewId;
-                            };
-                            readonly states: {
-                                readonly idle: {
-                                    readonly tags: "ready";
-                                    readonly on: {
-                                        readonly sync: {
-                                            readonly target: "pending";
-                                        };
-                                    };
-                                };
-                                readonly paused: {
-                                    readonly tags: "pending";
-                                    readonly on: {
-                                        readonly sync: {
-                                            readonly target: "pending";
-                                        };
-                                    };
-                                };
-                                readonly pending: {
-                                    readonly tags: "pending";
-                                    readonly on: {
-                                        readonly sync: {
-                                            readonly target: "pending";
-                                            readonly reenter: true;
-                                        };
-                                        readonly cancel: {
-                                            readonly target: "paused";
-                                        };
-                                    };
-                                    readonly after: {
-                                        readonly timeout: readonly [{
-                                            readonly guard: "same view";
-                                            readonly actions: {
-                                                readonly type: "trigger:OnChange";
-                                                readonly params: ({ context }: {
-                                                    context: Readonly< Input>;
-                                                    event: Events;
-                                                }) => {
-                                                    change: import("@likec4/core").ViewChange.SaveManualLayout;
+                                        readonly '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 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>, Events, Events, undefined, never, never, never, never, never>;
-                                    readonly type: "final";
-                                };
-                            };
-                            readonly on: {
-                                readonly synced: {
-                                    readonly target: ".synced";
-                                };
-                                readonly stop: {
-                                    readonly target: ".stopped";
-                                };
-                            };
-                        }>;
-                        id: "syncLayout";
-                    };
-                    hotkeyActorLogic: {
-                        src: "hotkeyActorLogic";
-                        logic: CallbackActorLogic<AnyEventObject, NonReducibleUnknown, HotKeyEvent>;
-                        id: "hotkey";
-                    };
-                    overlaysActorLogic: {
-                        src: "overlaysActorLogic";
-                        logic: StateMachine<OverlaysContext, OverlayActorEvent, {
-                            [x: `elementDetails-${number}`]: ActorRefFromLogic<ElementDetailsLogic> | undefined;
-                            [x: `relationshipDetails-${number}`]: ActorRefFromLogic<import("../overlays/types").Overlays.RelationshipDetails.Logic> | undefined;
-                            [x: `relationshipsBrowser-${number}`]: ActorRefFromLogic<import("../overlays/types").Overlays.RelationshipsBrowser.Logic> | undefined;
-                            hotkey?: ActorRefFromLogic<CallbackActorLogic<EventObject, NonReducibleUnknown, EventObject>>;
-                        }, Values<{
-                            elementDetails: {
-                                src: "elementDetails";
-                                logic: ElementDetailsLogic;
-                                id: `elementDetails-${number}`;
-                            };
-                            relationshipDetails: {
-                                src: "relationshipDetails";
-                                logic: import("../overlays/types").Overlays.RelationshipDetails.Logic;
-                                id: `relationshipDetails-${number}`;
-                            };
-                            relationshipsBrowser: {
-                                src: "relationshipsBrowser";
-                                logic: import("../overlays/types").Overlays.RelationshipsBrowser.Logic;
-                                id: `relationshipsBrowser-${number}`;
-                            };
-                            hotkey: {
-                                src: "hotkey";
-                                logic: CallbackActorLogic<EventObject, NonReducibleUnknown, EventObject>;
-                                id: "hotkey";
+                                    readonly exit: readonly ["stopListeningToEsc", "closeAllOverlays"];
+                                }>;
+                                id: "overlays";
                             };
                         }>, Values<{
-                            closeLastOverlay: {
-                                type: "closeLastOverlay";
-                                params: NonReducibleUnknown;
-                            };
-                            closeSpecificOverlay: {
-                                type: "closeSpecificOverlay";
+                            "xyflow:fitDiagram": {
+                                type: "xyflow:fitDiagram";
                                 params: {
-                                    actorId: string;
-                                };
+                                    duration?: number;
+                                    bounds?: BBox;
+                                } | undefined;
                             };
                             closeAllOverlays: {
                                 type: "closeAllOverlays";
                                 params: NonReducibleUnknown;
                             };
-                            openElementDetails: {
-                                type: "openElementDetails";
-                                params: NonReducibleUnknown;
+                            "layout.align": {
+                                type: "layout.align";
+                                params: {
+                                    mode: AlignmentMode;
+                                };
                             };
-                            openRelationshipDetails: {
-                                type: "openRelationshipDetails";
-                                params: NonReducibleUnknown;
+                            "trigger:OnChange": {
+                                type: "trigger:OnChange";
+                                params: {
+                                    change: ViewChange;
+                                };
                             };
-                            openRelationshipsBrowser: {
-                                type: "openRelationshipsBrowser";
-                                params: NonReducibleUnknown;
+                            "trigger:NavigateTo": {
+                                type: "trigger:NavigateTo";
+                                params: {
+                                    viewId: ViewId;
+                                };
                             };
-                            listenToEsc: {
-                                type: "listenToEsc";
+                            "trigger:OpenSource": {
+                                type: "trigger:OpenSource";
+                                params: OpenSourceParams;
+                            };
+                            "assign lastClickedNode": {
+                                type: "assign lastClickedNode";
                                 params: NonReducibleUnknown;
                             };
-                            stopListeningToEsc: {
-                                type: "stopListeningToEsc";
+                            "open source of focused or last clicked node": {
+                                type: "open source of focused or last clicked node";
                                 params: NonReducibleUnknown;
                             };
-                        }>, Values<{
-                            "has overlays?": {
-                                type: "has overlays?";
+                            "xyflow:fitFocusedBounds": {
+                                type: "xyflow:fitFocusedBounds";
                                 params: unknown;
                             };
-                            "close specific overlay?": {
-                                type: "close specific overlay?";
-                                params: unknown;
+                            "xyflow:setViewportCenter": {
+                                type: "xyflow:setViewportCenter";
+                                params: {
+                                    x: number;
+                                    y: number;
+                                };
                             };
-                            "last: is relationshipDetails?": {
-                                type: "last: is relationshipDetails?";
-                                params: unknown;
+                            "xyflow:setViewport": {
+                                type: "xyflow:setViewport";
+                                params: {
+                                    viewport: Viewport;
+                                    duration?: number;
+                                };
                             };
-                            "last: is relationshipsBrowser?": {
-                                type: "last: is relationshipsBrowser?";
-                                params: unknown;
+                            "xyflow:alignNodeFromToAfterNavigate": {
+                                type: "xyflow:alignNodeFromToAfterNavigate";
+                                params: {
+                                    fromNode: NodeId;
+                                    toPosition: XYPoint;
+                                };
                             };
-                        }>, never, "active" | "idle" | "closing", string, NonReducibleUnknown, NonReducibleUnknown, OverlayActorEmitedEvent, MetaObject, {
-                            readonly id: "overlays";
-                            readonly context: () => {
-                                seq: number;
-                                overlays: never[];
+                            updateFeatures: {
+                                type: "updateFeatures";
+                                params: NonReducibleUnknown;
                             };
-                            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;
-                                };
+                            stopSyncLayout: {
+                                type: "stopSyncLayout";
+                                params: NonReducibleUnknown;
                             };
-                            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";
-                                    }];
-                                };
+                        }>, Values<{
+                            "enabled: FitView": {
+                                type: "enabled: FitView";
+                                params: unknown;
+                            };
+                            "enabled: FocusMode": {
+                                type: "enabled: FocusMode";
+                                params: unknown;
                             };
-                            readonly exit: readonly ["stopListeningToEsc", "closeAllOverlays"];
-                        }>;
-                        id: "overlays";
-                    };
-                }>, Values<{
-                    "xyflow:fitDiagram": {
-                        type: "xyflow:fitDiagram";
-                        params: {
-                            duration?: number;
-                            bounds?: BBox;
-                        } | undefined;
-                    };
-                    closeAllOverlays: {
-                        type: "closeAllOverlays";
-                        params: NonReducibleUnknown;
-                    };
-                    "layout.align": {
-                        type: "layout.align";
-                        params: {
-                            mode: AlignmentMode;
-                        };
-                    };
-                    "trigger:OnChange": {
-                        type: "trigger:OnChange";
-                        params: {
-                            change: ViewChange;
-                        };
-                    };
-                    "trigger:NavigateTo": {
-                        type: "trigger:NavigateTo";
-                        params: {
-                            viewId: ViewId;
-                        };
-                    };
-                    "trigger:OpenSource": {
-                        type: "trigger:OpenSource";
-                        params: OpenSourceParams;
-                    };
-                    "open source of focused node": {
-                        type: "open source of focused node";
-                        params: NonReducibleUnknown;
-                    };
-                    "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;
+                            "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>;
                     };
-                    "click: selected node ": {
-                        type: "click: selected node ";
-                        params: unknown;
+                    readonly 'walkthrough.end': {
+                        readonly target: "idle";
                     };
-                    "click: same node": {
-                        type: "click: same node";
-                        params: unknown;
+                    readonly 'xyflow.paneDblClick': {
+                        readonly target: "idle";
                     };
-                    "click: focused node": {
-                        type: "click: focused node";
-                        params: unknown;
+                    readonly 'update.view': {
+                        readonly guard: "is another view";
+                        readonly actions: ActionFunction<DiagramContext, {
+                            type: "update.view";
+                            view: DiagramView;
+                            xynodes: Types.Node[];
+                            xyedges: Types.Edge[];
+                        }, Events, undefined, never, never, never, never, never>;
+                        readonly target: "idle";
                     };
-                }>, never, EventObject>;
-            };
-        };
-        readonly on: {
-            readonly 'xyflow.applyNodeChanges': {
-                readonly actions: ActionFunction<DiagramContext, {
-                    type: "xyflow.applyNodeChanges";
-                    changes: NodeChange<Types.Node>[];
-                }, Events, undefined, Values<{
+                };
+                readonly exit: ActionFunction<DiagramContext, Events, Events, undefined, Values<{
                     syncManualLayoutActorLogic: {
                         src: "syncManualLayoutActorLogic";
                         logic: StateMachine<Readonly< Input>, Events, {}, never, {
@@ -7706,12 +6763,130 @@ export declare function useDiagram(): {
                         }>;
                         id: "overlays";
                     };
-                }>, never, never, never, never>;
+                }>, Values<{
+                    "xyflow:fitDiagram": {
+                        type: "xyflow:fitDiagram";
+                        params: {
+                            duration?: number;
+                            bounds?: BBox;
+                        } | undefined;
+                    };
+                    closeAllOverlays: {
+                        type: "closeAllOverlays";
+                        params: NonReducibleUnknown;
+                    };
+                    "layout.align": {
+                        type: "layout.align";
+                        params: {
+                            mode: AlignmentMode;
+                        };
+                    };
+                    "trigger:OnChange": {
+                        type: "trigger:OnChange";
+                        params: {
+                            change: ViewChange;
+                        };
+                    };
+                    "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 'xyflow.applyEdgeChanges': {
+        };
+        readonly on: {
+            readonly 'xyflow.applyNodeChanges': {
                 readonly actions: ActionFunction<DiagramContext, {
-                    type: "xyflow.applyEdgeChanges";
-                    changes: EdgeChange<Types.Edge>[];
+                    type: "xyflow.applyNodeChanges";
+                    changes: NodeChange<Types.Node>[];
                 }, Events, undefined, Values<{
                     syncManualLayoutActorLogic: {
                         src: "syncManualLayoutActorLogic";
@@ -7967,11 +7142,10 @@ export declare function useDiagram(): {
                     };
                 }>, never, never, never, never>;
             };
-            readonly 'xyflow.viewportMoved': {
+            readonly 'xyflow.applyEdgeChanges': {
                 readonly actions: ActionFunction<DiagramContext, {
-                    type: "xyflow.viewportMoved";
-                    viewport: Viewport;
-                    manually: boolean;
+                    type: "xyflow.applyEdgeChanges";
+                    changes: EdgeChange<Types.Edge>[];
                 }, Events, undefined, Values<{
                     syncManualLayoutActorLogic: {
                         src: "syncManualLayoutActorLogic";
@@ -8227,30 +7401,11 @@ export declare function useDiagram(): {
                     };
                 }>, never, never, never, never>;
             };
-            readonly fitDiagram: {
-                readonly guard: "enabled: FitView";
-                readonly actions: {
-                    readonly type: "xyflow:fitDiagram";
-                    readonly params: (data: {
-                        context: DiagramContext;
-                        event: {
-                            type: "fitDiagram";
-                            duration?: number;
-                            bounds?: BBox;
-                        };
-                    }) => {
-                        type: "fitDiagram";
-                        duration?: number;
-                        bounds?: BBox;
-                    };
-                };
-            };
-            readonly 'navigate.to': {
-                readonly guard: "is another view";
-                readonly actions: readonly [ ActionFunction<DiagramContext, {
-                    type: "navigate.to";
-                    viewId: ViewId;
-                    fromNode?: NodeId | undefined;
+            readonly 'xyflow.viewportMoved': {
+                readonly actions: ActionFunction<DiagramContext, {
+                    type: "xyflow.viewportMoved";
+                    viewport: Viewport;
+                    manually: boolean;
                 }, Events, undefined, Values<{
                     syncManualLayoutActorLogic: {
                         src: "syncManualLayoutActorLogic";
@@ -8504,12 +7659,33 @@ export declare function useDiagram(): {
                         }>;
                         id: "overlays";
                     };
-                }>, never, never, never, never>];
-                readonly target: ".navigating";
+                }>, never, never, never, never>;
             };
-            readonly 'navigate.back': {
-                readonly guard: ({ context }: ActionArg) => boolean;
-                readonly actions: ActionFunction<DiagramContext, Events, Events, undefined, Values<{
+            readonly fitDiagram: {
+                readonly guard: "enabled: FitView";
+                readonly actions: {
+                    readonly type: "xyflow:fitDiagram";
+                    readonly params: (data: {
+                        context: DiagramContext;
+                        event: {
+                            type: "fitDiagram";
+                            duration?: number;
+                            bounds?: BBox;
+                        };
+                    }) => {
+                        type: "fitDiagram";
+                        duration?: number;
+                        bounds?: BBox;
+                    };
+                };
+            };
+            readonly 'navigate.to': {
+                readonly guard: "is another view";
+                readonly actions: ActionFunction<DiagramContext, {
+                    type: "navigate.to";
+                    viewId: ViewId;
+                    fromNode?: NodeId | undefined;
+                }, Events, undefined, Values<{
                     syncManualLayoutActorLogic: {
                         src: "syncManualLayoutActorLogic";
                         logic: StateMachine<Readonly< Input>, Events, {}, never, {
@@ -8765,7 +7941,7 @@ export declare function useDiagram(): {
                 }>, never, never, never, never>;
                 readonly target: ".navigating";
             };
-            readonly 'navigate.forward': {
+            readonly 'navigate.back': {
                 readonly guard: ({ context }: ActionArg) => boolean;
                 readonly actions: ActionFunction<DiagramContext, Events, Events, undefined, Values<{
                     syncManualLayoutActorLogic: {
@@ -9023,8 +8199,9 @@ export declare function useDiagram(): {
                 }>, never, never, never, never>;
                 readonly target: ".navigating";
             };
-            readonly 'update.view': {
-                readonly actions: readonly [ ActionFunction<DiagramContext, Events, Events, undefined, Values<{
+            readonly 'navigate.forward': {
+                readonly guard: ({ context }: ActionArg) => boolean;
+                readonly actions: ActionFunction<DiagramContext, Events, Events, undefined, Values<{
                     syncManualLayoutActorLogic: {
                         src: "syncManualLayoutActorLogic";
                         logic: StateMachine<Readonly< Input>, Events, {}, never, {
@@ -9277,12 +8454,11 @@ export declare function useDiagram(): {
                         }>;
                         id: "overlays";
                     };
-                }>, never, never, never, never>, ActionFunction<DiagramContext, {
-                    type: "update.view";
-                    view: DiagramView;
-                    xynodes: Types.Node[];
-                    xyedges: Types.Edge[];
-                }, Events, undefined, Values<{
+                }>, never, never, never, never>;
+                readonly target: ".navigating";
+            };
+            readonly 'update.view': {
+                readonly actions: readonly [ ActionFunction<DiagramContext, Events, Events, undefined, Values<{
                     syncManualLayoutActorLogic: {
                         src: "syncManualLayoutActorLogic";
                         logic: StateMachine<Readonly< Input>, Events, {}, never, {
@@ -9535,116 +8711,11 @@ export declare function useDiagram(): {
                         }>;
                         id: "overlays";
                     };
-                }>, Values<{
-                    "xyflow:fitDiagram": {
-                        type: "xyflow:fitDiagram";
-                        params: {
-                            duration?: number;
-                            bounds?: BBox;
-                        } | undefined;
-                    };
-                    closeAllOverlays: {
-                        type: "closeAllOverlays";
-                        params: NonReducibleUnknown;
-                    };
-                    "layout.align": {
-                        type: "layout.align";
-                        params: {
-                            mode: AlignmentMode;
-                        };
-                    };
-                    "trigger:OnChange": {
-                        type: "trigger:OnChange";
-                        params: {
-                            change: ViewChange;
-                        };
-                    };
-                    "trigger:NavigateTo": {
-                        type: "trigger:NavigateTo";
-                        params: {
-                            viewId: ViewId;
-                        };
-                    };
-                    "trigger:OpenSource": {
-                        type: "trigger:OpenSource";
-                        params: OpenSourceParams;
-                    };
-                    "open source of focused node": {
-                        type: "open source of focused node";
-                        params: NonReducibleUnknown;
-                    };
-                    "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;
-                    };
-                }>, never, EventObject>];
-            };
-            readonly 'update.inputs': {
-                readonly actions: ActionFunction<DiagramContext, {
-                    type: "update.inputs";
-                    inputs: Partial<Omit< Input, "view">>;
+                }>, never, never, never, never>, ActionFunction<DiagramContext, {
+                    type: "update.view";
+                    view: DiagramView;
+                    xynodes: Types.Node[];
+                    xyedges: Types.Edge[];
                 }, Events, undefined, Values<{
                     syncManualLayoutActorLogic: {
                         src: "syncManualLayoutActorLogic";
@@ -9898,13 +8969,129 @@ export declare function useDiagram(): {
                         }>;
                         id: "overlays";
                     };
-                }>, never, never, never, never>;
-            };
-            readonly 'update.features': {
-                readonly actions: "updateFeatures";
+                }>, Values<{
+                    "xyflow:fitDiagram": {
+                        type: "xyflow:fitDiagram";
+                        params: {
+                            duration?: number;
+                            bounds?: BBox;
+                        } | undefined;
+                    };
+                    closeAllOverlays: {
+                        type: "closeAllOverlays";
+                        params: NonReducibleUnknown;
+                    };
+                    "layout.align": {
+                        type: "layout.align";
+                        params: {
+                            mode: AlignmentMode;
+                        };
+                    };
+                    "trigger:OnChange": {
+                        type: "trigger:OnChange";
+                        params: {
+                            change: ViewChange;
+                        };
+                    };
+                    "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 'update.nodeData': {
-                readonly actions: ActionFunction<DiagramContext, Events, Events, undefined, Values<{
+            readonly 'update.inputs': {
+                readonly actions: ActionFunction<DiagramContext, {
+                    type: "update.inputs";
+                    inputs: Partial<Omit< Input, "view">>;
+                }, Events, undefined, Values<{
                     syncManualLayoutActorLogic: {
                         src: "syncManualLayoutActorLogic";
                         logic: StateMachine<Readonly< Input>, Events, {}, never, {
@@ -10159,7 +9346,10 @@ export declare function useDiagram(): {
                     };
                 }>, never, never, never, never>;
             };
-            readonly 'update.edgeData': {
+            readonly 'update.features': {
+                readonly actions: "updateFeatures";
+            };
+            readonly 'update.nodeData': {
                 readonly actions: ActionFunction<DiagramContext, Events, Events, undefined, Values<{
                     syncManualLayoutActorLogic: {
                         src: "syncManualLayoutActorLogic";
@@ -10415,27 +9605,8 @@ export declare function useDiagram(): {
                     };
                 }>, never, never, never, never>;
             };
-            readonly 'layout.align': {
-                readonly guard: "not readonly";
-                readonly actions: readonly [{
-                    readonly type: "layout.align";
-                    readonly params: ({ event }: {
-                        context: DiagramContext;
-                        event: {
-                            type: "layout.align";
-                            mode: AlignmentMode;
-                        };
-                    }) => {
-                        mode: AlignmentMode;
-                    };
-                }, ActionFunction<DiagramContext, {
-                    type: "layout.align";
-                    mode: AlignmentMode;
-                }, Events, undefined, never, never, never, never, never>];
-            };
-            readonly 'layout.resetEdgeControlPoints': {
-                readonly guard: "not readonly";
-                readonly actions: readonly [ ActionFunction<DiagramContext, Events, Events, undefined, Values<{
+            readonly 'update.edgeData': {
+                readonly actions: ActionFunction<DiagramContext, Events, Events, undefined, Values<{
                     syncManualLayoutActorLogic: {
                         src: "syncManualLayoutActorLogic";
                         logic: StateMachine<Readonly< Input>, Events, {}, never, {
@@ -10688,26 +9859,29 @@ export declare function useDiagram(): {
                         }>;
                         id: "overlays";
                     };
-                }>, never, never, never, never>, ActionFunction<DiagramContext, {
-                    type: "layout.resetEdgeControlPoints";
-                }, Events, undefined, never, never, never, never, never>];
+                }>, never, never, never, never>;
             };
-            readonly 'xyflow.resized': {
-                readonly guard: ({ context }: {
-                    context: DiagramContext;
-                }) => boolean;
-                readonly actions: readonly [ CancelAction<DiagramContext, {
-                    type: "xyflow.resized";
-                }, undefined, Events>, ActionFunction<DiagramContext, {
-                    type: "xyflow.resized";
+            readonly 'layout.align': {
+                readonly guard: "not readonly";
+                readonly actions: readonly [{
+                    readonly type: "layout.align";
+                    readonly params: ({ event }: {
+                        context: DiagramContext;
+                        event: {
+                            type: "layout.align";
+                            mode: AlignmentMode;
+                        };
+                    }) => {
+                        mode: AlignmentMode;
+                    };
+                }, ActionFunction<DiagramContext, {
+                    type: "layout.align";
+                    mode: AlignmentMode;
                 }, Events, undefined, never, never, never, never, never>];
             };
-            readonly 'open.elementDetails': {
-                readonly actions: ActionFunction<DiagramContext, {
-                    type: "open.elementDetails";
-                    fqn: Fqn;
-                    fromNode?: NodeId | undefined;
-                }, Events, undefined, Values<{
+            readonly 'layout.resetEdgeControlPoints': {
+                readonly guard: "not readonly";
+                readonly actions: readonly [ ActionFunction<DiagramContext, Events, Events, undefined, Values<{
                     syncManualLayoutActorLogic: {
                         src: "syncManualLayoutActorLogic";
                         logic: StateMachine<Readonly< Input>, Events, {}, never, {
@@ -10960,111 +10134,26 @@ export declare function useDiagram(): {
                         }>;
                         id: "overlays";
                     };
-                }>, Values<{
-                    "xyflow:fitDiagram": {
-                        type: "xyflow:fitDiagram";
-                        params: {
-                            duration?: number;
-                            bounds?: BBox;
-                        } | undefined;
-                    };
-                    closeAllOverlays: {
-                        type: "closeAllOverlays";
-                        params: NonReducibleUnknown;
-                    };
-                    "layout.align": {
-                        type: "layout.align";
-                        params: {
-                            mode: AlignmentMode;
-                        };
-                    };
-                    "trigger:OnChange": {
-                        type: "trigger:OnChange";
-                        params: {
-                            change: ViewChange;
-                        };
-                    };
-                    "trigger:NavigateTo": {
-                        type: "trigger:NavigateTo";
-                        params: {
-                            viewId: ViewId;
-                        };
-                    };
-                    "trigger:OpenSource": {
-                        type: "trigger:OpenSource";
-                        params: OpenSourceParams;
-                    };
-                    "open source of focused node": {
-                        type: "open source of focused node";
-                        params: NonReducibleUnknown;
-                    };
-                    "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;
-                    };
-                }>, never, EventObject>;
+                }>, never, never, never, never>, ActionFunction<DiagramContext, {
+                    type: "layout.resetEdgeControlPoints";
+                }, Events, undefined, never, never, never, never, never>];
+            };
+            readonly 'xyflow.resized': {
+                readonly guard: ({ context }: {
+                    context: DiagramContext;
+                }) => boolean;
+                readonly actions: readonly [ CancelAction<DiagramContext, {
+                    type: "xyflow.resized";
+                }, undefined, Events>, ActionFunction<DiagramContext, {
+                    type: "xyflow.resized";
+                }, Events, undefined, never, never, never, never, never>];
+            };
+            readonly 'open.elementDetails': {
+                readonly actions: ActionFunction<DiagramContext, {
+                    type: "open.elementDetails";
+                    fqn: Fqn;
+                    fromNode?: NodeId | undefined;
+                }, Events, undefined, never, never, never, never, never>;
             };
             readonly 'open.relationshipsBrowser': {
                 readonly actions: ActionFunction<DiagramContext, {